Antes de empezar a trabajar es importante conocer las herramientas que vamos a utilizar, por esa razón es buena idea comenzar un proyecto conociendo de antemano las herramientas de las que disponemos y el cómo usarlas.
Comenzaremos esta andadura conociendo un poco algunas de las herramientas con las que vamos a trabajar a lo largo del curso, en este caso veremos las herramientas de desarrollador de los distintos navegadores, también veremos como usar las páginas de GitHub Pages para desplegar esta página.
Mozilla Firefox (o simplemente Firefox) es un navegador web libre y de código abierto desarrollado para distintas plataformas, está coordinado por la Corporación Mozilla y la Fundación Mozilla. Usa el motor Gecko para renderizar páginas web, el cual implementa actuales y futuros estándares web.
Google Chrome es un navegador web de código cerrado desarrollado por Google, aunque derivado de proyectos de código abierto (como el motor de renderizado Blink). Está disponible gratuitamente. El nombre del navegador deriva del término en inglés usado para el marco de la interfaz gráfica de usuario («chrome»).
GitHub Pages es un servicio de alojamiento de sitio estático que toma archivos HTML, CSS y JavaScript directamente desde un repositorio en GitHub, opcionalmente ejecuta los archivos a través de un proceso de complilación y publica un sitio web.