Aplicaciones de Windows para desarrolladores web

Cuando el editor de Nettuts + solicitó un artículo para mostrar el amor de los desarrolladores de Windows al enumerar las aplicaciones de desarrollo web populares, lo superé todo. Los desarrolladores de OSX reciben mucha atención, así que es bueno mezclar las cosas un poco.

Lo que quiero hacer es enumerar las herramientas de desarrollo que uso con frecuencia como desarrollador web en Windows. Puede que no incluya su favorito, y si no lo hace, hágamelo saber en la sección de comentarios. Siempre estoy ansioso por encontrar nuevas herramientas para mejorar mi flujo de trabajo!


Escribir código

Visual Studio 2012

Escribí sobre Visual Studio antes, y creo que es un IDE increíble. Es rico en características con toneladas de campanas y silbidos.

Web Essential Extension para VS2012

Gracias a Dios, las herramientas de depuración basadas en el navegador han evolucionado a lo que son hoy..

Esta es la extensión que hace que Visual Studio sea ideal para el desarrollo web. Aporta la funcionalidad que los desarrolladores web necesitan, tales como:

  • Paquete de archivos para futuros procesos.
  • Minificación de activos
  • Soporte de JSHint para la alineación de su código JavaScript
  • Los mejores motores de plantillas del lado del cliente incluyen manillares, bigotes y JSRender
  • El lenguaje de la hoja de estilos LESS con vista previa sobre la marcha
  • CoffeeScript y TypeScript

Mads Kristensen, el creador de la extensión, es un rockstar.!

Texto sublime 2

Es el pequeño editor que puede. Sublime Text es una herramienta increíble, y Package Control lo complementa con las extensiones que necesita para optimizar su desarrollo. Nettuts + tiene TONELADAS de artículos sobre este poderoso editor, incluido un curso completo (y gratuito).


Navegadores

Busco en sitios de navegador cruzado, por lo que tener la cobertura más amplia posible es clave. También me gusta estar al tanto de las nuevas características que aparecerán en breve, y también instalo las versiones de desarrollo y de navegador de la noche para estar al tanto. Aquí está la lista de los navegadores que uso para probar:

  • IE10
  • Cromo - estable y canario
  • Firefox - Stable & Aurora
  • Opera - Stable & Next
  • Safari v5.1

Una cosa a tener en cuenta es que Safari ya no ofrece su versión más nueva de Safari en Windows. Parece que v5.1.7 será la última, pero todavía la mantengo para probarla.


Herramientas de desarrollo basadas en navegador

Gracias a Dios, las herramientas de depuración basadas en el navegador han evolucionado a lo que son hoy. De lo contrario, todavía estaríamos usando alerta() Cajas para probar nuestro código. Lo bueno es que todos los principales y modernos navegadores tienen herramientas de depuración sofisticadas e integradas para ayudarlo a analizar su código, el rendimiento del sitio y más. Aquí hay un artículo que escribí acerca de las herramientas de desarrollo F12 de IE para que estés al día..

  • IE F12 Developer Tools.aspx)
  • Firebug
  • Herramientas para desarrolladores de Chrome
  • Opera DragonFly
  • Herramientas de desarrollo web de Safari

Extensiones de navegador

Considero que los complementos y extensiones del navegador son invaluables para mi trabajo de resolución de problemas. No solo ayudan en la depuración del código, sino que también facilitan la creación de páginas..

Firefox:

Estoy considerando Currents para mantener mi computadora de escritorio y computadoras portátiles sincronizadas.

  • Firebug: el antiguo confiable que inició la revolución de las herramientas del navegador. Todavía impresionante en mi libro.
  • ColorZilla: me da un gotero de color que me puede ayudar a enganchar el código de color para casi cualquier cosa en una página. Quiéralo!
  • MeasureIt - Alguna vez quiso ver las dimensiones de algo en una página. Esta es la extensión para obtener.
  • YSlow: el complemento original creado por Steve Souders mientras estaba en Yahoo! para ayudar a los desarrolladores a analizar los atributos clave del rendimiento de su sitio.
  • Page Speed: Steve se mudó a Google y salió con Page Speed. Ambos son impresionantes y aplican sus principios para mejorar el rendimiento del sitio..
  • Web Developer Toolbar: este es siempre el segundo complemento que instalo porque me proporciona detalles tan detallados sobre mis páginas. La opción "Fuente generada" solo vale la pena.

El concentrador de complementos de Mozilla tiene una serie de excelentes complementos, no solo para el desarrollo web, sino para todo tipo de cosas divertidas. Asegúrate de comprobarlo.

Cromo:

  • Chrome Sniffer: me ofrece una vista rápida de las librerías y los marcos que se utilizan en una página específica.
  • Barra de herramientas para desarrolladores web: es el mismo que el complemento que describí anteriormente, pero portado a Chrome.
  • Pendule: muy similar a la barra de herramientas para desarrolladores web, pero me parece que es mejor la interfaz de usuario y la característica de redimensionamiento de la ventana gráfica está muy bien diseñada.

Control de versiones

Git ha ganado; manos abajo. Y hay una gran cantidad de herramientas disponibles; Algunos son geniales y otros se sienten demasiado complicados..

  • Git (línea de comando) - Llámame de la vieja escuela pero me gusta mucho usar Git a través de la línea de comando.
  • GitHub para Windows: dicho esto, el cliente Windows de Github es realmente ingenioso y facilita el uso de Git y sus servicios a través de una atractiva interfaz de usuario.

Virtualización

Incluso en Windows, todavía necesito usar máquinas virtuales para versiones no modernas de IE, y aunque me gustaría poder probar estas diferentes versiones en paralelo, al menos sé que puedo activar instancias de VM y solucionar este problema. Aquí está el software que uso:

  • VirtualBox: fácil de usar, es compatible con todos los sistemas operativos principales y, lo mejor de todo, es gratis!
  • BrowserStack.com: si necesito ver cómo se verá mi sitio en otro sistema operativo, simplemente enciendo este gran servicio y crea una sesión de navegador virtualizada en mi propio navegador. Incluso es compatible con el desarrollo local, por lo que puedo hacer un túnel entre mi servidor local y los servidores en la nube de BrowserStack.
  • modern.IE - Microsoft está tratando de reducir la fricción para probar IE y este proyecto es un gran paso hacia eso. Puede escanear su sitio en busca de problemas de compatibilidad comunes y descargar máquinas virtuales para probar versiones de IE.

Máquinas virtuales

Como mencioné anteriormente, uso máquinas virtuales para probar versiones no modernas de IE. Afortunadamente, no tengo que ir a buscar las viejas imágenes de VPC, lo que limita mis opciones para el software de VM. Ahora puedo ir a modern.IE y capturar máquinas virtuales para mi plataforma.

  • IE8 y 9: disponible en modern.IE en una variedad de sistemas operativos y plataformas VM de destino.
  • Servidor de Ubuntu: baje la iso para una de las distribuciones de Linux más populares y listo.

Screencasts

Los screencasts son una de las mejores maneras de ayudar a enseñar a los desarrolladores. Para Windows, la mejor opción, en mi opinión, es Camtasia Studio 8. Hace que crear, editar y producir capturas de pantalla sea trivial. Estuve en funcionamiento en una hora y TechSmith ofrece videos tutoriales gratuitos para que pueda comenzar rápidamente..


La captura de pantalla

Todos hemos estado allí. Queremos hacer una captura de pantalla rápida, pero presionar "PrtScn", y pegar en MS Paint es una mierda. Mi elección para esto es Snagit. Se enlaza con la tecla "PrtScn" y le permite elegir fácilmente qué partes de la pantalla desea capturar. Incluso puede hacer un desplazamiento completo de la página en un navegador si la página es más larga que la ventana gráfica. Una vez que haya terminado, tendrá una gran variedad de herramientas de edición para ajustar la imagen y publicarla. Herramienta solida.


Servidores locales

Los desarrolladores web necesitan servidores web y, dado que trabajo con desarrolladores web tanto de MS como de otros, me gusta tener la opción de cambiar entre IIS (que viene con una versión local de Windows) y WampServer, que hace que trabajar con Apache, MySQL y PHP tan fácil.

También tengo instalado Node.js pero todavía no me he lanzado a él. Definitivamente está en mi radar y es imprescindible ya que muchas herramientas (como Grunt) se están desarrollando en él..


Comunicación

Soy un trabajador remoto, por lo que mantenerme en contacto es vital para mí. Trato de usar tantas herramientas como sea posible para poder comunicarme con mis compañeros de trabajo y compañeros en la comunidad. Esto es lo que yo uso:

  • Skype: no estoy seguro si hay algún otro servicio de llamadas que funcione tan bien como Skype. Para voz y video, no conozco nada mejor..
  • Pidgin - Este cliente de mensajería instantánea de código abierto es excelente y fácil de configurar.
  • XChat: es interesante ver que el IRC se recupera nuevamente después de que la mensajería instantánea haya sido la opción de charlar durante tanto tiempo. XChat me ha servido bien en este espacio.

Línea de comando

Mis hermanos de nix me cuentan cómo pasan sus vidas en la terminal. No puedo decir que haga lo mismo, pero cuando lo hago, elijo Windows PowerShell. Personalmente, es solo una cuestión de "sensación" ya que la forma en que trabaja (por ejemplo: acceder a directorios) me recuerda a los terminales basados ​​en * nix. Definitivamente no estoy aprovechando al máximo sus características, pero me gusta.


FTP

Para mis necesidades de FTP, no he encontrado nada que reemplace a FileZilla. Es de código abierto y está atascado hasta el borde con las funciones que quiero. Sería bueno si tuviera soporte de AWS, pero aparte de eso, es uno de mis favoritos.


Proxies de depuración web HTTP

Escribí sobre proxies de depuración web recientemente, explicando los beneficios reales de usar un analizador de tráfico de terceros para inspeccionar sus solicitudes HTTP. Estas son herramientas imprescindibles, independientemente del sistema operativo en el que trabaje.

  • Fiddler - En mi opinión, este es el mejor proxy para Windows. Tantas características y puedes obtener un libro de más de 300 páginas para iniciar que te dice TODO lo que necesitas saber sobre su uso.
  • Charles - Un segundo MUY cerca y es multiplataforma para arrancar. Esta es mi elección para OSX y Linux. Si desea una interfaz de usuario coherente en todos los sistemas operativos, esta es la que debe elegir.

TCP / IP

¿Puedes creer que los desarrolladores de Windows a veces tienen que hacer telnet o SSH en los servidores? Sí, sucede porque no solo trabajamos en Windows, sino que muchos de nosotros admitimos sistemas y usuarios * nix. Imagínate. Putty es el camino a seguir para esto, y también es gratis.


Almacenamiento en linea

Las siguientes no son necesariamente aplicaciones, pero estos servicios de almacenamiento en línea son útiles para compartir código con compañeros:

  • Dropbox
  • SkyDrive
  • Google Drive
  • Box.com
  • Mega

También he oído hablar de un nuevo servicio de Carbonite llamado Currents, que te permite mantener sincronizadas carpetas y archivos. Estoy considerando Currents para mantener mi computadora de escritorio y computadoras portátiles sincronizadas.


Más?

Esta es una lista bastante grande y, mientras la escribía, me sorprendió la cantidad de aplicaciones que utilizo con regularidad, pero siento aún más curiosidad por la cantidad de aplicaciones que aún no conozco. Espero que esta lista ayude a algunos de ustedes, y también espero que contribuyan en los comentarios. Quiero aprender sobre nuevas herramientas geniales.