Ruta para ser desarrollador web full stack en 2026

La pregunta más común que recibo es «¿qué framework aprendo primero?». La respuesta honesta: ninguno. Los frameworks cambian cada pocos años; HTML, CSS, JavaScript, HTTP y SQL llevan décadas siendo la base. Esta ruta está ordenada para que cada etapa se apoye en la anterior.

Los tiempos suponen unas 10 a 12 horas de estudio a la semana. Si puedes dedicar más, irás más rápido; si dedicas menos, no pasa nada, pero no te saltes etapas. Al final de cada una tienes que haber construido algo, no solo haber visto videos.

1. 1

   HTML y CSS: estructura y diseño

   4 a 6 semanas

   Aprende a estructurar contenido con HTML semántico y a darle forma con CSS moderno: Flexbox, Grid, diseño responsivo y accesibilidad básica. Meta de la etapa: maquetar tres páginas reales (una landing, un blog y un panel) que se vean bien en el celular.

   HTML semánticoCSS Flexbox y GridDiseño responsivoAccesibilidad básica

   Recursos gratuitos oficiales

   • MDN: Aprende desarrollo web — la referencia oficial, en español
   • Fundamentos de accesibilidad (W3C)

   Cursos analizados para esta etapa

   • Curso de HTML5 desde cero: El más completo en EspañolVíctor Robles · 4.1 h 7.8
   • Master en CSS: Responsive, SASS, Flexbox, Grid y BootstrapVíctor Robles · 20.4 h 8.3
   • Curso Tailwind CSS v4: De Cero a Experto [+ Proyectos]Jordan Alexander · 12.5 h 7.1
2. 2

   JavaScript a fondo (sin framework)

   8 a 10 semanas

   Es la etapa más importante de toda la ruta. Domina tipos, funciones, objetos, arreglos, el DOM, eventos, `fetch` y asincronía (promesas y async/await). Si entiendes bien JavaScript, cualquier framework se vuelve fácil; si no, todo se vuelve magia que no puedes depurar.

   Al terminar, deberías poder construir una app de tareas o un buscador que consuma una API pública, solo con JavaScript.

   Fundamentos de JSDOM y eventosAsincroníaConsumo de APIs

   Recursos gratuitos oficiales

   • El Tutorial de JavaScript Moderno (javascript.info en español)
   • freeCodeCamp en español — ejercicios interactivos

   Cursos analizados para esta etapa

   • JavaScript Moderno Guía Definitiva Construye +20 ProyectosJuan Pablo De la torre Valdez · 52.5 h 8.8
   • Universidad JavaScript - De Cero a Experto JavaScript!Global Mentoring Ing. Ubaldo Acosta (Ing). Marcela Gamiño · 44.8 h 7.8
3. 3

   Git, GitHub y TypeScript

   3 a 4 semanas

   Desde aquí, todo tu código va a GitHub. Aprende commits, ramas, pull requests y resolución de conflictos. Después, suma TypeScript: hoy es el estándar en proyectos profesionales de JavaScript y te ahorra una enorme cantidad de errores.

   GitGitHubTypeScript

   Recursos gratuitos oficiales

   • Pro Git (libro oficial en español)
   • Documentación de TypeScript

   Cursos analizados para esta etapa

   • GIT+GitHub: Todo un sistema de control de versiones de ceroFernando Herrera, DevTalles · 11.6 h 8.7
   • TypeScript: Tu completa guía y manual de mano.Fernando Herrera, DevTalles · 8.8 h 7.7
4. 4

   Un framework de front-end: React (o Angular/Vue)

   8 a 10 semanas

   Elige uno. React es el más usado a nivel mundial; en México, Angular tiene tantas o más vacantes que React en los portales de empleo (ver React vs Angular vs Vue); Vue es el más amable para empezar. Aprende componentes, estado, rutas, formularios y consumo de APIs. Termina con una aplicación mediana publicada en internet.

   Cuando domines React, Next.js es el siguiente paso natural para aplicaciones de producción.

   ComponentesEstado y hooksRutasNext.js

   Recursos gratuitos oficiales

   • Documentación oficial de React (en español)

   Cursos analizados para esta etapa

   • React: De cero a expertoFernando Herrera, DevTalles · 46 h 8.7
   • Next.js: El framework de React para producciónFernando Herrera, DevTalles · 39 h 8.8
   • Angular: De cero a expertoFernando Herrera, DevTalles · 33.5 h 8.6
   • Vue.js 3 - La Guía Completa - Composition Pinia MEVN 10 AppsJuan Pablo De la torre Valdez · 40.7 h 8.4
5. 5

   Back-end: Node.js, APIs REST y SQL

   8 a 10 semanas

   Del lado del servidor, aprende a construir una API REST con Node.js: rutas, validación, autenticación con JWT y manejo de errores. En paralelo, aprende SQL de verdad (consultas, JOINs, índices) y conecta tu API a PostgreSQL. Si vienes de Python, Django o FastAPI son alternativas igual de válidas.

   Node.jsAPIs RESTAutenticaciónSQL y PostgreSQL

   Recursos gratuitos oficiales

   • Aprende Node.js (sitio oficial)
   • Tutorial oficial de PostgreSQL

   Cursos analizados para esta etapa

   • Node.js - Bootcamp Desarrollo Web inc. MVC y REST APIsJuan Pablo De la torre Valdez · 42.4 h 7.8
   • SQL de cero: Tu guía práctica con PostgreSQLFernando Herrera, DevTalles · 16.1 h 8.5
   • FastAPI: Crea APIs eficientes con PythonFernando Herrera, DevTalles, Ricardo Cuéllar · 36.3 h 8.2
   • Curso Práctico de Django: Desarrollo Web Backend con PythonHéctor C. Guzmán · 12.3 h 7.4
6. 6

   Despliegue y proyecto final

   4 a 6 semanas

   Empaqueta tu aplicación con Docker, despliégala en un servidor o en la nube y configura un dominio con HTTPS. El proyecto final de la ruta es una aplicación full stack completa (front-end, API, base de datos, autenticación) que puedas mostrar en una entrevista y explicar decisión por decisión.

   DockerDespliegueHTTPS y dominiosPortafolio

   Recursos gratuitos oficiales

   • Docker: Get started (oficial)
   • roadmap.sh — mapas de habilidades por rol

   Cursos analizados para esta etapa

   • Docker - Guía práctica de uso para desarrolladoresFernando Herrera, DevTalles · 13.9 h 8.4
   • De Cero a Full StackAdrian Lisciotti · 107 h 8.2

Consejo final

No intentes aprenderlo todo a la vez ni cambies de framework cada mes. Un portafolio con tres proyectos bien hechos (uno de front-end, una API y una aplicación full stack desplegada) vale más que veinte certificados de finalización. Y si en algún punto te atoras, vuelve a JavaScript: casi siempre el problema está ahí.