1. Frontend Roadmap

A continuación muestro un orden de aprendizaje que se podría seguir para el aprendizaje en el cliente (front).

1.1 HTML, CSS, VSCode

Plugins y configuración de VSCode. HTML y CSS.

1.2 Flexbox

Puedes introducirte en Flexbox con pequeños juegos web:

• Flexbox Froggy
• Flexbox Defense
• Flexbox Adventure

1.3 CSS Grid

Una vez utilizado Flexbox de forma habitual estaría bien aprender también CSS Grid. Juegos online para introducirse:

• Grid Attack
• Grid Garden

1.4 Control de versiones (Git)

Subir/descargar con Git y Github.

1.5 Bases de JavaScript

• Tipos de datos, condicionales, bucles y funciones.
• Programación funcional: foreach, map, filter y reduce.
• Clases y objetos.

1.6 Manejo de eventos y otros

Captura de diversos tipos de eventos, storages, cookies

1.7 Manipulación del DOM

• Aprende a crear HTML desde JS.

1.8 Conexión a servicios externos

Conexión a APIs REST, cabeceras HTTP (request/response).

1. Fetch y Promises.
2. Async/await.

1.9 Utilidades y bibliotecas

• NPM
• React
• Vite/Webpack
• SASS
• Tailwind/Bootstrap ...

1.10 Developer Roadmap

Aquí puedes consultar un enorme listado de tecnologías y recomendaciones a seguir.