Instalación de software básico

La Instalación de software básico, te muestra las herramientas que necesitas para hacer el desarrollo web simple, y la forma de instalarlas correctamente.

¿Qué herramientas usan los profesionales?

  • 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 marco de desarrollo 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!

Ahora mismo: ¿qué herramientas necesitas realmente?

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.

Instalación de un editor de texto

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.

Instalación de navegadores web modernos

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:

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

Nota: Internet Explorer no es compatible con algunas funciones web modernas y es posible que no puedas ejecutar tu proyecto. Por lo general, no necesitas preocuparte por hacer que tus proyectos web sean compatibles con él, ya que muy pocas personas todavía lo usan; ciertamente, no te preocupes demasiado por él mientras aprendes. En ocasiones, es posible que te encuentres con un proyecto que requiera soporte.

Instalación de un servidor web local

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?

En este módulo