¿Cuál es la mejor herramienta de desarrollo web que existe?

No estoy seguro de cómo definir “mejor” en este caso. Pero hay algunas herramientas que definitivamente no queremos perder en nuestro flujo de trabajo de desarrollo web:

  • Seguimiento de errores con Usersnap: https://usersnap.com
    Usersnap es definitivamente una de las herramientas que no queremos perdernos, ya que hizo que nuestro flujo de trabajo de seguimiento de errores y comentarios sea mucho más eficiente.
  • Colaborando con su equipo de desarrollo web con Slack: https://slack.com
    Creo que no hay mucho que agregar a Slack. Definitivamente es el lugar donde pasamos mucho tiempo charlando con colegas y discutiendo tareas diarias y tareas pendientes (Consejo profesional: conecte Slack con sus otras herramientas que usa, como Usersnap, Trello o Asana).
  • Gestión de tareas y tareas con Trello o Asana: https://trello.com, https://asana.com
    Aunque este es un punto más general, definitivamente recomiendo obtener una excelente herramienta de gestión de proyectos para realizar un seguimiento de su trabajo. Ya sea que esté trabajando en proyectos de clientes o en su propio producto. Hacer un seguimiento de sus tareas actuales es importante para mantenerse enfocado y productivo. Para un trabajo más ágil, recomendaría consultar los paneles de proyectos de Blossom (https://www.blossom.co/).
  • Obtenga un editor : http://www.sublimetext.com/3
    Cuando se trata de editores, hay una gran variedad de editores de codificación disponibles. La mayoría de los desarrolladores de nuestro equipo terminaron usando Sublime Text, Eclipse o Notepad ++
  • Obtenga un software de control de versiones:
    El control de versiones juega un papel importante en nuestro proceso de desarrollo. Utilizamos Git y Subversion como nuestro sistema de control de versiones de nuestra elección. Aunque git es el software de control de versiones para la mayoría de los casos, tener un esquema de numeración de versiones claro y central con subversión también tiene sus beneficios.

PD: Consulte también este artículo que escribí hace un tiempo sobre “cómo configurar un entorno de desarrollo libre de errores”.

Siendo demasiado viejo y malhumorado para ejecutar cosas desde una línea de comandos, me gusta una GUI en el otro lado para poder arrastrar y soltar archivos de aquí para allá. Esto más un editor de texto con resaltado de sintaxis es suficiente para comenzar. Si estoy en Windows, quiero WinSCP y TextPad, que he estado usando desde antes de que existiera la Web. Si estoy en OSX, quiero Coda. (Antes de Coda, era Transmitir más TextMate.) [Edición: Coda 2 es una locura buena; Es un paso evolutivo en comparación con la diferencia entre Coda y Transmit-plus-TextMate. Consíguelo.]

Pruebas entre navegadores: se realizan principalmente en OSX, pero creo que es importante mantener un cuadro de Windows en algún lugar, para poder compartir la experiencia real que tendrá la mayoría de mi audiencia. En la máquina con Windows ejecuto IE actual, Firefox con IETab y la Colección IE de Utilu, por lo que puedo volver a IE6 si es necesario.

Otras extensiones cruciales de Firefox: JSONView, Greasemonkey, MeasureIt, ColorZilla, User Agent Switcher y Tamper Data.

Depuración de JavaScript: me desplazo entre Firebug y la consola de depuración de Webkit. Antes de que se envíe algo, lo ejecuto a través del práctico cuadro de texto en JSLint.com, usando cualquier configuración que el equipo y yo hayamos acordado usar.

Hay muchos tipos diferentes de desarrollo web, por lo que es difícil precisar una respuesta específica.

En general, lo más importante para el desarrollo web es un editor de texto con resaltado de sintaxis para los idiomas que elija. Mi favorito personal para Windows es Notepad ++, aunque TextMate en Mac se ve bastante sorprendente.

Por supuesto, probablemente necesitarás más que eso. Necesitará un cliente FTP para que su sitio esté en línea (muchos editores de texto tienen uno incorporado que es ideal para proyectos pequeños o prototipos en los que no necesita control de versiones y solo quiere que su sitio web se actualice instantáneamente mientras edita) y probablemente algún software de imagen para todo, desde logotipos hasta maquetas.