Roadmap de Aprendizaje

Un camino estructurado para convertirte en profesional web, paso a paso.

Un roadmap es un mapa de camino que te guía desde los conceptos básicos hasta convertirte en profesional. No hay un único camino correcto, pero这里 hay una ruta sugerida que funciona para la mayoría.

  • HTML: Estructura de páginas web
  • CSS: Estilos y diseño visual
  • Git: Control de versiones básico
  • Conceptos de internet: cómo funciona la web
  • Fundamentos de JavaScript

Fase 1: Fundamentos (1-2 meses)

  • HTML: Estructura de páginas web
  • CSS: Estilos y diseño visual
  • Git: Control de versiones básico
  • Conceptos de internet: cómo funciona la web

Fase 2: JavaScript (2-3 meses)

  • Fundamentos de JavaScript
  • DOM y manipulación del HTML
  • ES6+ características modernas
  • Fetch API y promesas
  • Conceptos de programación asíncrona

Fase 3: Framework (2-3 meses)

  • React, Vue o Angular (elige uno)
  • Componentes y estado
  • Routing
  • Consumo de APIs

Fase 4: Herramientas (1-2 meses)

  • npm/yarn: Gestión de paquetes
  • Webpack o Vite: Bundlers
  • TypeScript: Tipado estático
  • Testing: Jest o Vitest

Fase 5: Especialización (continuo)

  • Backend: Node.js, Python, o PHP
  • Bases de datos: SQL y NoSQL
  • DevOps básico: Docker, CI/CD
  • UX/UI si te interesa el diseño
Introducción al Mundo Web, Hosting y Dominios
05

Roadmap de Aprendizaje

Un camino estructurado para convertirte en profesional web, paso a paso.

Código del tema: roadmap

📘 Teoría

Fase 1: Fundamentos (1-2 meses)

  • HTML: Estructura de páginas web
  • CSS: Estilos y diseño visual
  • Git: Control de versiones básico
  • Conceptos de internet: cómo funciona la web

Fase 2: JavaScript (2-3 meses)

  • Fundamentos de JavaScript
  • DOM y manipulación del HTML
  • ES6+ características modernas
  • Fetch API y promesas
  • Conceptos de programación asíncrona

Fase 3: Framework (2-3 meses)

  • React, Vue o Angular (elige uno)
  • Componentes y estado
  • Routing
  • Consumo de APIs

Fase 4: Herramientas (1-2 meses)

  • npm/yarn: Gestión de paquetes
  • Webpack o Vite: Bundlers
  • TypeScript: Tipado estático
  • Testing: Jest o Vitest

Fase 5: Especialización (continuo)

  • Backend: Node.js, Python, o PHP
  • Bases de datos: SQL y NoSQL
  • DevOps básico: Docker, CI/CD
  • UX/UI si te interesa el diseño

🧰 Recursos

Test

Comprueba tus conocimientos con un test sobre Introducción al Mundo Web, Hosting y Dominios.

Test de Introducción al Mundo Web, Hosting y Dominios

¿Qué es esto?

Soy Cristian Eslava y a veces hago webs para procrastinar yo y vosotros 😉.

Esta la hice en febrero de 2026 para facilitar el aprendizaje de mis alumnxs. Aprender desarrollo web practicando. La idea es que crezca semanalmente con nuevos temas, tests y retos.

Inspirado en MDN, en W3Schools, en Codepen, en el crack de Manz y en mil sitios de documentación sobre desarrollo web. Quería aportar además de bloques teóricos con ejemplos, la gamificación de los retos y el sistema de test que ya tenía en culTest .

Si te gustó, si no te gustó, si quieres saludarme, o invitarme a 🍻 no dudes en escribirme en cristianeslava@gmail.com .