El frontend es el arte de crear páginas webs, en concreto de la parte visual de la web. La parte de la base de datos y de cálculos internos se hace en el backend.

Para empezar, si nunca has hecho una web, te recomiendo que eches un vistazo a Introducción al desarrollo web en el qué cuento un poco con más detalle qué es esto de frontend y backend y sobre todo qué partes existen a la hora de crear una web.

Lo siguiente es preparar el Entorno de desarrollo para frontend, es decir, instalar todas las herramientas que necesitas en tu ordenador para desarrollar páginas webs.

Lo siguiente es ponerte a aprender los 3 lenguajes principales que existen para crear páginas webs:

  • HTML - Con el que se crea el contenido de las páginas web (textos, imágenes, estructura, elementos...)
  • CSS - Este lenguaje sirve para aplicar estilos (colores, tamaños, sombras, colocación de los elementos, etc)
  • Javascript - Lenguaje que sirve para que las webs tengan elementos interactivos (qué ocurre al hacer click, cargar datos, arrastrar, formularios y más cosas)

Si ya sabes usar estos elementos te recomiendo que mires los artículos de Git. Git sirve para poder tener un control de versiones (poder volver atrás en caso de que algo no funcione) y también sirve para integrar y sincronizar cambios entre tus compañeros o compañeras.

En el artículo de Acrónimos y tecnicismos del desarrollo web recopilo una serie de definiciones que te van a a venir muy bien para tu aprendizaje.

Otro elemento muy importante en el mundo Frontend es el del gestor NPM. Con NPM vas a poder descargar librerías y utilidades creadas por otros usuarios para que no tengas que crear todo desde 0.

Si ya te sabes desenvolver con HTML, CSS y Javascript te recomiendo que pruebes un framework o librería para crear páginas web. A mí personalmente me gusta mucho Svelte ya que es el que pienso que tiene mejor experiencia para el desarrollador, aunque por desgracia no tiene mucha comunidad de momento.

VueJS es lo que usaba antes de descubrir Svelte. Yo creo que es un framework que sigue estando muy bien aunque desde que salió la versión 3 ha perdido algo de fuelle.

El framework más usado y conocido en el mundo frontend es React 🚧, a mí no me convence por todo lo que hay que escribir en comparación a Vue o Svelte

Por último está Angular, un framework que te va a gustar si ya conoces Typescript wip 🚧, una ampliación de Javascript que añade tipos, interfaces, etc. Lo que mola de Angular es que te fuerza a seguir una arquitectura limpia en tu página web y que te da de gratis inyección de dependencias.