Menu
CoddyTech
Ruta de aprendizaje

Roadmap de desarrollador MERN stack

Cursos gratuitos en el orden en que un desarrollador MERN stack los necesita: HTML, CSS y JavaScript para la página, React para la interfaz, y después Node.js y Express para el servidor, MongoDB para los datos e inicios de sesión para protegerlo todo. Un solo lenguaje, JavaScript, desde la primera etiqueta hasta la última ruta de la API, y cada lección se ejecuta en tu navegador.

711,880+ codders inscritos en estos cursos

718 lecciones808 retos3,295 preguntas de quiz

El roadmap del stack MERN, paso a paso

5 cursos16 secciones718 lecciones808 retos3,295 preguntas de quiz

Cada paso es una sección de un curso de Coddy que ya existe. Hazlos en orden o salta directamente al que te falta: tu progreso se guarda por curso en cualquier caso.

  1. 1
    Empezar este pasoEmpezarElementos, enlaces, formularios y marcado semántico, y después selectores, el modelo de caja, flexbox, grid y diseños responsive. Más adelante React escribe el HTML por ti, así que este es el idioma que habla.EmpezarPágina propia
  2. 2
    Empezar este pasoEmpezarVariables, funciones, arrays y objetos, después condiciones y bucles, después clases. Es el único lenguaje que usas en todos los pasos siguientes, en el navegador y en el servidor.EmpezarPágina propia
  3. 3
  4. 4
    Empezar este pasoEmpezarComponentes, JSX, props, estado, eventos, listas y formularios controlados, y al final una pequeña tarjeta social que construyes paso a paso. React es la interfaz a la que servirá tu API.EmpezarPágina propia
  5. 5
    Empezar este pasoEmpezarJavaScript fuera del navegador: argumentos de línea de comandos, módulos, leer y escribir archivos, callbacks, promesas, async y await, el event loop y los eventos. Construyes una herramienta de notas para la línea de comandos.EmpezarPágina propia
  6. 6
  7. 7
    Empezar este pasoEmpezarDocumentos y colecciones desde una API de Express: inserciones, ObjectId, filtros, operadores de actualización, índices únicos, agregación y $lookup. Después, quién puede ver los datos: contraseñas con hash, sesiones, JWT, propietarios y roles de administrador, cabeceras de seguridad y límite de peticiones.Empezar
  8. 8
Lo que obtienes
Todo lo que usarás para aprender a programar

Aprende Haciendo

Escribe código real, consulta bases de datos, crea sitios web y domina los prompts de IA. Nuestras lecciones interactivas cubren todas las habilidades que los desarrolladores modernos necesitan.

playground.js
Editor de Código
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Prueba #1test Case Success icon
Prueba #2test Case Success icon
Prueba #3test Case Failure icon
Entrada
"Alex"
Salida
"Hello, Coddy! Alex"

Construye tu Racha

¡Mantén la constancia y observa cómo crece tu progreso! Sigue tu hábito diario de programación, protege tu racha con días de congelación y gana recompensas por aparecer cada día.

12 días de racha

¡Vuelve mañana para mantener tu racha!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

Doble o Nada

Día 5 de 7

fire Freeze icon

Congelar Racha

2 left

No Estás Solo

Compite en tablas de clasificación globales, invita amigos para ganar recompensas y celebra los logros de los demás. ¡Programar es mejor con amigos!

Liga Challenger
Liga ChallengerLos 7 mejores avanzan
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconZona de promociónleaderboard Arrow Up icon

Aprende de todas las formas

Lee, escucha, ponte a prueba, pregunta a la IA o consulta cualquier cosa que ya hayas estudiado. Cada lección se adapta a ti.

Introducción a variables
Audio

Una variable es un contenedor con nombre que guarda un valor al que puedes hacer referencia más tarde.

En Python, creas una escribiendo el nombre, un signo igual y el valor que quieres guardar.

El valor puede cambiar con el tiempo: reasignar el nombre simplemente lo apunta a un nuevo valor.

1xSarah

Certifícate

Gana certificados por cada curso que completes. Agrégalos a tu perfil de LinkedIn y currículum para mostrar tu experiencia en programación a los empleadores.

CoddyCertificado de Finalización
Esto certifica queJuan Pérezha completado exitosamente
python iconFundamentos de Python
Verificado
Fechaene 2026
LinkedInAgregar a LinkedIn

Por qué aprender el stack MERN en Coddy

  • Cada capa se ejecuta junto a tu código. Los componentes de React se renderizan mientras escribes, un servidor Express responde a una barra de peticiones donde eliges el método, las cabeceras y el cuerpo JSON, y las consultas de MongoDB se ejecutan contra una base de datos que puedes abrir en una pestaña de datos. Nada que instalar, así que sirve un portátil del colegio.
  • Un solo lenguaje para todo el stack. La ruta dedica sus primeros pasos a JavaScript y al navegador, así que cuando llega Node.js el servidor son ideas nuevas, no un lenguaje nuevo: las mismas funciones, objetos y código async, ahora respondiendo a peticiones.
  • Un proyecto en cada sección del back end: una herramienta de notas para la línea de comandos, un sitio de recetas, una API de gestión de tareas, una API de valoraciones de libros sobre MongoDB y una app de notas con cuentas. Cada uno se construye lección a lección y lo corrigen comprobaciones que envían peticiones reales a tu servidor.
  • Pistas que leen tu código. Cuando una ruta responde 404, una consulta no devuelve nada o un inicio de sesión deja entrar al usuario equivocado, Bugsy, el tutor de IA, mira lo que escribiste y te señala la línea sin escribirte la solución.

Preguntas frecuentes sobre el stack MERN

¿Qué es el stack MERN?

Una forma de construir una aplicación web completa en JavaScript con cuatro herramientas: MongoDB guarda los datos como documentos, Express convierte un programa de Node.js en un servidor web y una API, React construye la interfaz que se ejecuta en el navegador y Node.js ejecuta JavaScript en el servidor. El código React del navegador llama a la API de Express, que lee y escribe en MongoDB.

¿Qué significa MERN?

MERN son las siglas de MongoDB, Express, React y Node.js. El orden es el de las letras de la palabra, no el orden en que se aprenden: en esta ruta empiezas por la página (HTML, CSS, JavaScript y React) y después pasas al servidor (Node.js y Express) y a la base de datos (MongoDB).

¿Qué hace un desarrollador MERN stack?

Construye funcionalidades desde la base de datos hasta la pantalla: diseña los documentos de MongoDB, escribe las rutas de Express que los crean, leen, actualizan y borran, protege esas rutas con inicios de sesión y construye las páginas de React que las llaman. Como las cuatro herramientas son JavaScript, un solo desarrollador puede seguir una funcionalidad por todas las capas.

¿Todavía vale la pena aprender el stack MERN?

Sí. React y Node.js son dos de las herramientas más usadas en desarrollo web, y Express y MongoDB son sus compañeros más habituales, así que lo aprendido sirve incluso en equipos que usan otra base de datos u otro framework. Aprender un stack de principio a fin también enseña cómo encaja cualquier aplicación web, que es lo que se evalúa en las entrevistas.

¿Aprendo el stack MERN o el stack MEAN?

MERN, para la mayoría de quienes empiezan hoy. Los dos stacks comparten MongoDB, Express y Node.js y solo se diferencian en el front end: React en MERN, Angular en MEAN. React es el más usado de los dos y el más fácil para empezar, y pasar a Angular más adelante significa aprender un framework nuevo, no un stack nuevo.

¿Cuánto se tarda en aprender el stack MERN?

Entre ocho y diez meses a una hora al día para terminar esta ruta. HTML y CSS llevan unas seis semanas, JavaScript y el navegador de dos a tres meses, React alrededor de un mes, y las cinco secciones de Node.js (Node.js, Express, APIs REST, MongoDB, inicios de sesión) otros tres meses. Si ya sabes JavaScript, empieza en el paso de React y tardarás unos cuatro meses.

¿Puedo aprender el stack MERN sin instalar nada?

Sí, en esta ruta. Cada lección se ejecuta en el navegador: React se renderiza junto al editor, tus programas de Node.js se ejecutan en una terminal y tus servidores responden a una barra de peticiones, y la sección de MongoDB usa una base de datos en memoria que habla la API del driver de MongoDB. Cuando más adelante construyas tu propia app, instalas Node.js y MongoDB en tu ordenador y el código te sirve tal cual.

¿Obtengo un certificado por la ruta Desarrollador MERN Stack?

Sí. Termina todos los pasos y obtendrás un certificado gratis para toda la ruta Desarrollador MERN Stack. Incluye cada curso que terminaste por el camino, y enlaza al certificado propio de cada curso, para que cualquiera pueda verificar cada habilidad que menciona. Puedes añadirlo a tu perfil de LinkedIn. Es un certificado de finalización de Coddy, no una titulación acreditada.

Otras rutas de aprendizaje

Los mismos cursos, ordenados para otro rol. El progreso se conserva: un curso terminado en una ruta cuenta en todas las rutas que lo incluyen.

Todas las rutas de aprendizaje
Ilustración de los lenguajes de programación de Coddy

Empieza la ruta de Desarrollador MERN Stack gratis

Empezar a aprender