Instalación de software básico

• Una computadora. Tal vez esto suena obvio para algunas personas, pero habrá quien esté leyendo este artículo desde el móvil o una computadora de biblioteca. Para el desarrollo web serio, es mejor invertir en un equipo de escritorio o portátil con Windows, Mac o Linux.
• Un editor de texto, para escribir código. Puedes usar un editor de texto libre (ej. Brackets, Atom, Notepad++, Sublime Text, GNU Emacs, VIM, Visual Studio Code, WebStorm) o un editor híbrido (Dreamweaver). Los editores de documentos de oficina no son adecuados para esto, pues dependen de elementos ocultos que interfieren con los motores de renderizado usados por los navegadores.
• Navegadores web, para probar el código. Actualmente los navegadores más usados son Firefox, Chrome, Opera, Safari, Vivaldi, Internet Explorer y Microsoft Edge. También debes comprobar cómo funciona tu web en dispositivos móviles y en cualquier navegador antiguo que tu público objetivo pueda estar usando aún (tal como IE 6–8.)
• Un editor de gráficos o imágenes, como GIMP, Paint.NET o Photoshop, para crear imágenes para tus páginas web.
• Un sistema de control de versiones, para administrar archivos en servidores, colaborar en un proyecto con un equipo, compartir código y recursos, y evitar conflictos de edición. Hoy en día Git es el sistema de control de versiones más popular y el servicio de alojamiento de código GitHub, basado en Git, también es muy popular.
• Un programa de FTP, para cargar páginas web en un servidor para el público (Git está reemplazando cada vez más a FTP para ese fin). Hay un montón de estos programas disponibles incluyendo Cyberduck, Fetch y FileZilla.
• Un sistema de automatización, como Grunt o Gulp para realizar tareas repetitivas de forma automática, por ejemplo minimización de código y ejecución de pruebas.
• Bibliotecas, marcos de desarrollo (frameworks), etc., para acelerar la escritura de funciones comunes. Una biblioteca tiende a ser un archivo JavaScript o CSS existente que proporciona una funcionalidad lista para usar para que la utilices en tu código. Un framework tiende a llevar esta idea más allá, ofreciendo un sistema completo con alguna sintaxis personalizada para que puedas escribir una aplicación web basada en él.
• ¡Muchas más herramientas!

Esto parece una lista espeluznante pero, afortunadamente, puedes comenzar a trabajar en el desarrollo web sin saber nada de la mayoría de estas herramientas. En este artículo solo tendrás que configurar lo mínimo: un editor de texto y algunos navegadores web modernos.

Probablemente ya tengas un editor de texto básico instalado en tu computadora. De manera predeterminada Windows incluye el Bloc de notas y OS X viene con TextEdit. Las distros (versiones) de Linux varían: Ubuntu viene con Gedit; distribuciones basadas en KDE suelen traer Kate o Kwrite.

Para el desarrollo Web, probablemente hay cosas mejores que el Bloc de notas o TextEdit. Una recomendación puede ser empezar con Brackets, un editor gratuito que ofrece vistas previas en vivo y sugerencias de código.

Por ahora, solo tendrás que instalar un par de navegadores web de escritorio para poner a prueba tu código. Selecciona tu sistema operativo y pulsa los enlaces pertinentes para descargar los instaladores de tus navegadores preferidos:

• Linux: Firefox, Chrome, Opera, Vivaldi.
• Windows: Firefox, Chrome, Opera, Vivaldi, Internet Explorer (si tienes Windows 8 o superior, puedes instalar IE 10 o posterior, de lo contrario, deberías instalar un navegador alternativo).
• Mac: Firefox, Chrome, Opera, Vivaldi, Safari (Safari de manera predeterminada viene con iOS y OS X)

Antes de continuar, deberías instalar al menos dos de estos navegadores y tenerlos disponibles para pruebas.

Algunos ejemplos necesitarás ejecutarlos a través de un servidor web para que funcionen exitosamente. Puedes encontrar cómo hacer esto en ¿Cómo se configura un servidor de prueba local?

• Overview: Primeros pasos en la Web
• Siguiente