Para llevar a cabo nuestro sitio web estaremos escribiendo código, palabras clave que parecen un idioma distinto al que hablamos y/o escribimos, para esto es común usar una herramienta que nos permita escribir dicho código y éstos a su vez agregan cierta funcionalidad que mejoran la legibilidad y productividad del desarrollo. El editor de texto con más hype al momento de escribir este documento es 📌Visual Studio Code.
Debido a que trae consigo muchas herramientas que hacen que la experiencia de desarrollo sea mejor, además, es extendible ya que te permite instalar plugins que agregue más herramientas e incluye integración con git, por mencionar algunos ejemplos.
Aun así, no es el único editor existente, a continuación te dejamos una lista de otros editores que puedes utilizar, solo ten en cuenta que el experto puede usar un editor diferente y los atajos o trucos no funcionarán igual:
💡Nota:
Siéntete libre se usar tu editor de código favorito
Nuestro proyecto irá tomando forma conforme vayamos aprendiendo conceptos nuevos y lo vayamos aplicando. En un entorno profesional, es muy común que queramos guardar un historial de cambios con el objetivo de que podamos volver en el tiempo y saber qué hicimos para solucionar algo en particular y/o desechar alguna porción de código porque ya no es necesaria. Además, trabajar en equipo se torna algo complicado cuando no tienes una forma de centralizar los cambios trabajados por separado.
Para los problemas mencionados anteriormente, existen los sistemas de control de versiones. En palabras simples, imagínalo como el Google Docs para programadores. En este curso, usaremos Git. La herramienta más popular hoy en día que nos ayudará a gestionar un historial de cambios y trabajar colaborativamente en un mismo proyecto.
A continuación veremos como instalar 📌Git en los sistemas operativos; Windows, Ubuntu (Linux) y OS X.
Como estaremos creando una página web, el lugar en el que la visualizaremos es el navegador.
Dependiendo de tu sistema operativo puede que tengas uno instalado por defecto: Microsoft Edge en Windows 10, Safari en macOS, Firefox en Linux.
Si bien durante el curso podrás utilizar cualquiera de ellos, te sugerimos tener instalado 📌Google Chrome ya que es uno de los navegadores web más usados además de que cuentan con actualizaciones frecuentes que te ayudan a probar varias funcionalidades nuevas de la web.
Durante el curso, estaremos usando una red social para programadore(a)s llamada 📌GitHub.
¿Qué es Desarrollor Front-end?
El módulo que estás a punto de iniciar son los principios del desarrollo FrontEnd. Tal vez sería bueno saber de qué trata, ¿no?. Acá podrás entender qué tecnologías comprende el Front-end (HTML, CSS y un poco de JS) y sobre qué plataforma se desenvuelve (navegador).
Entérate en este blog de lo que es y que hace un 📌FrontEnd Developer.
Node.js es un entorno de tiempo de ejecución de JavaScript (de ahí su terminación en .js haciendo alusión al lenguaje JavaScript). Este entorno de tiempo de ejecución en tiempo real incluye todo lo que se necesita para ejecutar un programa escrito en JavaScript. También aporta muchos beneficios y soluciona muchísimos problemas. Lo podemos descargar de la siguiente página 📌Node.js
TIP: Si tienes dudas de como instalar Node puedes consultar el siguiente 📌link