Ruta de aprendizaje

Roadmap de desarrollador full stack

Cursos gratuitos en el orden en que un desarrollador web full stack los necesita: HTML, CSS y JavaScript para la página, TypeScript y React para la interfaz, Next.js para el servidor, SQL para los datos, y después Linux, Git y Docker para publicarlo. JavaScript funciona en los dos lados, así que aprendes un solo lenguaje y lo usas de principio a fin. Cada lección se ejecuta en tu navegador y cada sección de curso termina con un certificado gratuito.

EMPEZAR A APRENDER(es gratis)

830,387+ codders inscritos en estos cursos

880 lecciones883 retos4,346 preguntas de quiz

Apto para principiantes
Ayuda de codificación con IA
Lecciones interactivas prácticas
Narración de audio en cada lección
Cuestionarios para poner a prueba tu conocimiento
16 certificados gratis a lo largo de la ruta

La ruta del desarrollador full stack, paso a paso

7 cursos16 secciones880 lecciones883 retos4,346 preguntas de quiz

Cada paso es 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
Paso 1
HTML y CSS: la páginaPágina propia
Empezar este pasoEmpezarElementos, enlaces, formularios y marcado semántico, y después selectores, el modelo de caja, flexbox, grid, diseños responsive y transiciones a lo largo de dos secciones de CSS. Los formularios que escribes aquí son los mismos que tu servidor leerá más adelante en la ruta.Empezar Página propia
3 secciones, en orden
179 lecciones215 retos833 preguntas
2
Paso 2
JavaScript y TypeScriptPágina propia
Empezar este pasoEmpezarFundamentos, lógica y flujo de control, objetos y clases en tres secciones, y después TypeScript: tipos, interfaces, genéricos y cómo leer los errores del compilador. Es el lenguaje que escribes en el navegador y en el servidor, así que recibe más tiempo que cualquier otro paso.Empezar Página propia
4 secciones, en orden
271 lecciones288 retos1,457 preguntas
3
Paso 3
JavaScript en el navegadorPágina propia
Empezar este pasoEmpezarEl DOM, los eventos, los formularios y la validación, y después patrones prácticos de front end como pestañas, modales, temas y navegación responsive. HTML, CSS y JavaScript se convierten en una sola página que responde a quien la usa.Empezar Página propia
2 secciones, en orden
1. JavaScript en Acción27 lecciones27 retos163 preguntas
2. Frontend Práctico35 lecciones34 retos197 preguntas
62 lecciones61 retos360 preguntas
4
Paso 4
ReactPágina propia
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 capa de interfaz que el siguiente paso ejecuta en el servidor.Empezar Página propia42 lecciones37 retos65 preguntas
5
Paso 5
Next.js: la mitad del servidorPágina propia
Empezar este pasoEmpezarEnrutado y layouts, componentes de servidor y de cliente, carga de datos en el servidor, route handlers para tus propios endpoints de API, server actions para formularios, estados de carga y de error, y después una aplicación de restaurante en nueve pasos con carrito, filtros, reseñas y búsqueda en vivo. Aquí es donde escribes el back end.Empezar Página propia47 lecciones32 retos99 preguntas
6
Paso 6
SQL: la base de datosPágina propia
Empezar este pasoEmpezarConsultas contra tablas reales: filtrado, ordenación, joins, agrupación y agregados, y después subconsultas, funciones de ventana, CASE y expresiones de tabla comunes. Toda aplicación full stack guarda sus datos en una base de datos, y SQL es la forma de hacerle preguntas.Empezar Página propia
2 secciones, en orden
1. Fundamentos72 lecciones72 retos360 preguntas
2. Más allá de lo básico27 lecciones28 retos167 preguntas
99 lecciones100 retos527 preguntas
7
Paso 7
Linux y GitPágina propia
Empezar este pasoEmpezarArchivos, permisos, pipes y scripts de shell en una terminal Linux real, y después commits, ramas, merges, conflictos y remotos. Los servidores funcionan con Linux, y todo equipo guarda su código en un repositorio Git.Empezar Página propia
2 secciones, en orden
1. Fundamentos82 lecciones68 retos440 preguntas
2. Control de versiones58 lecciones46 retos370 preguntas
140 lecciones114 retos810 preguntas
8
Paso 8
DockerPágina propia
Empezar este pasoEmpezarImágenes, contenedores, Dockerfiles, volúmenes y redes. Un contenedor empaqueta tu aplicación con todo lo que necesita para ejecutarse, que es como se publican hoy en un servidor la mayoría de las aplicaciones web.Empezar Página propia40 lecciones36 retos195 preguntas

Lo que obtienes

Todo lo que usarás para aprender a programar

Learn by Doing

Write real code, query databases, build websites, and master AI prompts. Our interactive lessons cover every skill modern developers need.

playground.js

Code Editor

1const greeting = "Hello, Coddy!"

2function sayHi(name) {

3 return greeting + " " + name

Test #1

Test #2

Test #3

Input

"Alex"

Output

"Hello, Coddy! Alex"

Build Your Streak

Stay consistent and watch your progress grow! Track your daily coding habit, protect your streak with freeze days, and earn rewards for showing up every day.

12 days streak

Return tomorrow to keep your streak!

January 2026

Double or Nothing

Day 5 of 7

Streak Freeze

2 left

Code Anywhere

Take your coding journey on the go! No setup, no downloads - just open and start coding. Available on iOS, Android and Web with 4.9 star ratings.

250

Variables

CONTINUE

4.9

Rating

You're Not Alone

Compete on global leaderboards, invite friends to earn rewards, and celebrate each other's wins. Coding is better with friends!

Challenger LeagueTop 7 advance

Alex7+ Days

2840

Jordan7+ Days

2650

Sam7+ Days

2420

Casey

2180

Morgan7+ Days

1950

Promotion zone

Every way to learn

Read, listen, test yourself, ask the AI, or look up anything you've already covered. Every lesson meets you where you are.

Intro to Variables

Audio

A variable is a named container that stores a value you can reference later in your program.

In Python, you create one by writing the name, an equals sign, then the value you want to store.

The value can change over time - reassigning the name simply points it to a new value.

1xSarah

Earn a Certificate

Earn certificates for every course you complete. Add them to your LinkedIn profile and resume to showcase your coding expertise to employers.

Certificate of Completion

This certifies thatJohn Doehas successfully completed

Python Fundamentals

DateJan 2026

Add to LinkedIn

Por qué aprender desarrollo full stack en Coddy

Un solo lenguaje en los dos lados. La ruta enseña JavaScript y TypeScript para el navegador y después usa el mismo lenguaje en el servidor con los route handlers y las server actions de Next.js, así que el back end son ideas nuevas y no un segundo lenguaje que aprender desde cero.
Nada que instalar. HTML y CSS se renderizan en vivo junto a tu código, SQL se ejecuta contra tablas reales, y los pasos de Linux, Git y Docker te dan una terminal real en el navegador. Puedes estudiar todo el stack en un portátil en el que nunca se ha instalado una herramienta de desarrollo.
Pistas con IA que leen tu código. Cuando un componente no se renderiza, una consulta devuelve las filas equivocadas o un comando falla, Bugsy mira lo que escribiste y te orienta hacia la solución sin darte la respuesta.
El orden es lo importante. La mayoría de los cursos full stack corren hacia un framework en la segunda semana; esta ruta dedica tres secciones a JavaScript y una cuarta al navegador antes de que aparezca React, porque un framework solo se entiende cuando se entiende el lenguaje que tiene debajo.

Preguntas frecuentes sobre cómo ser desarrollador full stack

¿Qué es un desarrollador full stack?

Un desarrollador que sabe construir las dos mitades de una aplicación web: el front end que se ejecuta en el navegador (HTML, CSS, JavaScript y un framework como React) y el back end que se ejecuta en un servidor (gestión de peticiones, lógica de negocio y una base de datos). En la práctica, la mayoría de los desarrolladores full stack son más fuertes en uno de los dos lados, pero pueden sacar una funcionalidad adelante desde la tabla de la base de datos hasta el botón que la usa sin pasársela a otra persona.

¿Cómo me convierto en desarrollador web?

Aprende HTML, CSS y JavaScript lo bastante bien como para construir una página desde un archivo en blanco, añade un framework (React), aprende cómo responde un servidor a las peticiones y cómo se guardan los datos (Next.js y SQL en esta ruta), aprende Git y construye proyectos que puedas publicar en internet y explicar. Las empresas contratan por lo que puedes enseñarles, así que los proyectos pesan más que cualquier certificado. Esta ruta es esa secuencia, en ese orden, y es gratuita.

¿Qué aprendo primero, front end o back end?

Front end primero. Ves en pantalla el resultado de cada línea, lo que hace evidentes los errores y mantiene la motivación, y el back end se entiende mucho mejor cuando ya has construido la página que lo llama. Por eso esta ruta pasa sus cuatro primeros pasos en el navegador y solo después va al servidor y a la base de datos.

¿Por qué esta ruta usa JavaScript en el servidor y no Python?

Porque JavaScript es el único lenguaje que se ejecuta en el navegador, así que usarlo también en el servidor significa un solo lenguaje para todo el stack. Next.js, construido sobre React, permite que el mismo código renderice páginas en el servidor, responda a peticiones de API y procese el envío de formularios. Si prefieres escribir el back end en Python, la ruta de Desarrollador Backend de Coddy enseña ese camino.

¿Necesito un bootcamp para ser desarrollador full stack?

No. Un bootcamp te da un calendario, un grupo y orientación profesional, y cobra por ello; las habilidades son las mismas que enseña esta ruta, y el material gratuito las cubre bien. Lo que un bootcamp no puede acortar es la práctica: cientos de ejercicios pequeños y unos cuantos proyectos reales. Si eres capaz de mantener una hora diaria sin que un profesor te controle, una ruta gratuita te lleva al mismo sitio.

¿Cuánto se tarda en ser desarrollador full stack?

Entre nueve y doce meses a una hora al día para llegar a un nivel junior. En esta ruta, HTML y CSS suman de seis a ocho semanas, JavaScript y el navegador de dos a tres meses, TypeScript y React unas seis semanas, Next.js un mes, SQL de tres a cuatro semanas, y Linux, Git y Docker otro mes. Construir tu propio proyecto en paralelo a los últimos pasos es lo que convierte ese tiempo en un portfolio.

¿Esta ruta cubre Node.js, Express, autenticación o despliegue?

Todavía no como cursos propios, y preferimos decirlo antes que rellenar la página. El código de servidor de esta ruta se escribe con route handlers y server actions de Next.js, que se ejecutan sobre Node.js, pero no hay un curso de Express, ni uno sobre conectar una aplicación a una base de datos de producción con un ORM, ni sobre autenticación o despliegue en una plataforma de hosting. Están en la hoja de ruta del temario y se sumarán a esta ruta como nuevos pasos cuando se publiquen.

¿Este curso full stack es gratis y da certificado?

Sí. Todos los cursos de la ruta son gratuitos, incluidas las lecciones, los editores y la terminal del navegador, las pistas con IA y los certificados. Cada sección de curso termina con un certificado gratuito, verificable en su propia URL, que puedes añadir a LinkedIn o a tu CV.

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

Coddy programming languages illustration

Empieza la ruta de Desarrollador Full Stack gratis

Empezar a aprender