MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

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

¿Qué herramientas usan los profesionales?

  • Una computadora. Tal vez esto suena obvio para algunas personas, pero algunos están 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 (Windows, Mac, o Linux).
  • Un editor de texto, para escribir código. Puede ser un editor de texto libre (ej. Brackets, Atom or Visual Studio Code) o un editor híbrido (Dreamweaver). Los editores de documentos de Office no son adecuados para esto, pues dependen en 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, 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 colaborar en un proyecto con un equipo, compartir código y recursos, y evitar conflictos de edición. Hoy en día Git es la herramienta de control de versiones más popular, también el repositorio de código Github.
  • Un programa de FTP, para cargar páginas web en un servidor para el público. Hay un montón de estos programas disponibles incluyendo Cyberduck, Fetch y FileZilla.
  • Un sistema de automatización, como Grunt, para realizar tareas repetitivas de forma automática, por ejemplo minimizacion de código y ejecución de pruebas.
  • Plantillas, bibliotecas, frameworks, etc., para acelerar la escritura de funcionalidad común.
  • ¡Muchas más herramientas!

¿Qué herramientas necesito realmente, ahora mismo?

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 sólo tendremos 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 instaladoo en tu computadora. Por defecto Windows incluye el Bloc de notas y OS X viene con TextEdit. las distros de Linux varían: Ubuntu viene con gedit por defecto; distribuciones basadas en KDE suelen traer Kate o Kwrite.

Para el desarrollo Web, probablemente hay cosas mejores que el Bloc de notas o TextEdit. Nosotros recomendamos empezar con Brackets, el cual es un editor gratuito que ofrece vistas previas en vivo y ayudas de código. También se recomienda comenzar con Notepad++ para Windows o Text Wrangler para Mac. Ambos son libres y más completos que el bloc de notas y TextEdit.

Instalación de navegadores web modernos

Por ahora, sólo tendremos que instalar un par de navegadores web de escritorio para poner a prueba nuestro código. Seleccione su sistema operativo y pulse los enlaces pertinentes para descargar instaladores para sus navegadores preferidos:

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

Instalación de un servidor web local

Algunos ejemplos necesitarán ser ejecutados 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?

Etiquetas y colaboradores del documento

 Colaboradores en esta página: israel-munoz, Neto2412, AngelFQC, mads0306, Da_igual, Chrixos, darbalma
 Última actualización por: israel-munoz,