Cómo aprender desarrollo web gratis: 12 recursos oficiales

La web tiene la mejor documentación gratuita del mundo: MDN y las guías oficiales de React, Node o Django superan a muchos cursos de pago. La ruta sensata es HTML, CSS y JavaScript primero, luego un framework de frontend y uno de backend, construyendo proyectos que puedas mostrar en GitHub.

Ruta Principiante ES

MDN: Aprende desarrollo web

Mozilla (MDN Web Docs) · gratis

Área de aprendizaje de MDN con módulos estructurados de HTML, CSS, JavaScript, accesibilidad y herramientas, con ejercicios.

MDN es la referencia que usan los profesionales; aprender desde ahí evita malas prácticas y contenidos obsoletos.

Ideal para: Principiantes que quieren bases web correctas desde el inicio.

Ruta Principiante EN

The Odin Project

The Odin Project (comunidad de código abierto) · gratis

Currículo full stack abierto: HTML, CSS, JavaScript, React, Node.js o Ruby on Rails, bases de datos y preparación para buscar empleo.

Te obliga a configurar un entorno real y construir proyectos sin tutoriales paso a paso, que es como se trabaja de verdad.

Ideal para: Autodidactas que leen inglés y quieren un camino completo hacia el empleo.

Curso Intermedio ES + EN

Full Stack Open (en español)

Universidad de Helsinki · gratis · certificado gratis

Curso universitario de desarrollo web moderno con JavaScript: React, Node.js, Express, MongoDB, pruebas, TypeScript, GraphQL y contenedores.

Hasta el certificado y los créditos ECTS de la Universidad de Helsinki son gratuitos; los ejercicios se entregan en GitHub y forman un portafolio.

Ideal para: Quien ya domina JavaScript básico y quiere nivel profesional full stack.

Documentación Intermedio ES

Documentación de React (en español)

Meta (equipo de React) · gratis

Documentación oficial con tutorial interactivo: componentes, estado, efectos, hooks y cómo pensar en React.

Enseña hooks y patrones actuales; muchos cursos siguen enseñando componentes de clase y patrones de hace años.

Ideal para: Quien ya sabe JavaScript y empieza con React.

Documentación Intermedio EN

Aprende Node.js

OpenJS Foundation (proyecto Node.js) · gratis

Guías oficiales de Node.js: asincronía, event loop, módulos, archivos, HTTP, pruebas y seguridad.

Explica el modelo de ejecución de Node, causa de la mayoría de problemas de rendimiento en backends JavaScript.

Ideal para: Desarrolladores frontend que pasan al backend.

Curso Intermedio ES + EN

web.dev Learn

Google (Chrome) · gratis

Cursos de Google sobre HTML, CSS, accesibilidad, rendimiento, diseño responsivo, formularios e imágenes, con parte del contenido en español.

Profundiza en rendimiento y Core Web Vitals, claves para SEO y experiencia de usuario y poco cubiertos por los cursos comunes.

Ideal para: Desarrolladores frontend que quieren pasar de 'funciona' a 'funciona bien'.

Documentación Intermedio ES

Tutorial oficial de Django (en español)

Django Software Foundation · gratis

Tutorial oficial para construir tu primera aplicación Django paso a paso: modelos, vistas, plantillas, formularios, pruebas y panel de administración.

Corto, completo y alineado con la versión vigente (6.1 al verificarlo); algunas partes finales pueden aparecer en inglés.

Ideal para: Programadores Python que quieren hacer backend web.

Documentación Intermedio ES

Documentación de FastAPI (en español)

FastAPI (Sebastián Ramírez y comunidad) · gratis

Tutorial paso a paso para crear APIs con Python: validación con tipos, documentación automática, seguridad y bases de datos.

Creada por un desarrollador colombiano y traducida al español; el tutorial es en sí un curso completo de APIs modernas.

Ideal para: Desarrolladores Python que construyen APIs o backends para aplicaciones con IA.

Curso Principiante ES + EN

Web Development for Beginners

Microsoft · gratis

Currículo abierto de HTML, CSS y JavaScript organizado en lecciones con cuestionarios y proyectos pequeños, con traducción al español.

Cada lección trae tareas y cuestionarios y el proyecto se construye en tu propio repositorio; también sirve como material de clase.

Ideal para: Principiantes y docentes que buscan material listo para usar.

Interactivo Intermedio EN

Tutoriales de Angular

Google (equipo de Angular) · gratis

Tutoriales oficiales en el navegador para aprender Angular moderno: componentes standalone, signals, enrutamiento y formularios.

Angular cambió mucho en las últimas versiones; los tutoriales oficiales reflejan la API actual, a diferencia de muchos cursos.

Ideal para: Quien trabajará en empresas que usan Angular.

Documentación Intermedio EN

Manual de TypeScript

Microsoft (TypeScript) · gratis

Documentación oficial: tipos básicos, narrowing, genéricos, tipos utilitarios y configuración del compilador.

TypeScript es estándar en proyectos web serios y el manual oficial es la referencia más precisa.

Ideal para: Desarrolladores JavaScript que pasan a proyectos grandes.

Curso Intermedio EN

Next.js Learn

Vercel · gratis

Curso oficial gratuito que construye una aplicación full stack con el App Router: rutas, obtención de datos, base de datos, autenticación y despliegue.

Sigue un proyecto completo de inicio a fin con las APIs actuales del framework.

Ideal para: Desarrolladores React que quieren hacer aplicaciones completas.

Enlaces verificados el 2 de octubre de 2026. Ninguno es de afiliado.