Menu
Coddy logo textTech
Ruta de aprendizaje

Roadmap para ser desarrollador JavaScript

Qué aprender, y en qué orden, para trabajar como desarrollador JavaScript: el lenguaje y TypeScript; la línea de comandos, Git y SQL; después las estructuras de datos y algoritmos que se evalúan en las entrevistas y, por último, código que un equipo pueda mantener. La misma base sirve para frontend, backend y full-stack. Gratis, práctico y en tu navegador.

503,064+ codders inscritos en estos cursos

651 lecciones577 retos2,785 preguntas de quiz

El roadmap del desarrollador JavaScript, paso a paso

17 cursos7 secciones651 lecciones577 retos2,785 preguntas de quiz

Cada paso está formado por cursos que ya existen en Coddy, y cada botón Empezar los abre en JavaScript. Haz los pasos en orden o empieza por el que te falta; tu progreso se guarda por curso.

  1. 1
    Empezar este pasoEmpezarCuatro secciones. Fundamentos cubre variables, igualdad estricta y no estricta, coerción de tipos, funciones y funciones flecha, y arrays; Lógica y Flujo cubre cadenas, JSON y objetos, el operador spread, los conjuntos y los métodos de array map, filter, reduce y sort; Introducción a TypeScript cubre los tipos básicos, las tuplas, las uniones, las interfaces, los enums, los genéricos y las guardas de tipo; Programación Orientada a Objetos cubre this, los módulos, las clases, los campos privados, la herencia y la composición. Apréndelo a fondo: todos los frameworks que conozcas después son JavaScript por debajo, y sus reglas laxas, == junto a === y la conversión de tipos silenciosa, solo son trampas hasta que las conoces.EmpezarPágina propia
  2. 2
    Empezar este pasoEmpezarRutas y archivos, comodines, grep, tuberías y redirección, permisos, variables de entorno y scripts de shell. Las herramientas de JavaScript viven en la terminal: npm install, npx, los servidores de desarrollo, los builds y los ejecutores de pruebas son comandos, los scripts de package.json son comandos de shell, y los secretos llegan a una app de Node.js como variables de entorno a través de process.env.EmpezarPágina propia
  3. 3
    Empezar este pasoEmpezarStaging, commits, .gitignore, ramas, fusiones y conflictos, remotos y cómo deshacer errores. En un proyecto JavaScript, node_modules/ se ignora desde el primer commit y package-lock.json sí se versiona, y las ramas paralelas suelen entrar en conflicto en un lockfile con mucho movimiento. Servicios como Vercel y Netlify despliegan con cada push, así que en muchos equipos web fusionar en main equivale a publicar.EmpezarPágina propia
  4. 4
    Empezar este pasoEmpezarFiltrado, ordenación, joins, agrupación, agregaciones, subconsultas, cláusulas WITH y funciones de ventana, sobre tablas reales. JavaScript full-stack significa una base de datos detrás de la API, a menudo PostgreSQL o MySQL, a la que se accede mediante un ORM o un constructor de consultas como Prisma; leer el SQL que envía es la forma de descubrir por qué un endpoint va lento.EmpezarPágina propia
  5. 5
    Empezar este pasoEmpezarPila, cola, lista enlazada, árbol binario y tabla hash, cada una construida desde cero en JavaScript y aplicada después a problemas. Son las formas sobre las que ya funcionan las aplicaciones JavaScript: el historial de deshacer es una pila, el bucle de eventos avanza por una cola, y un menú anidado o un documento JSON es un árbol.Empezar
  6. 6
    Empezar este pasoEmpezarRetos de recursión y después los algoritmos de ordenación (burbuja, selección, inserción, mezcla y rápido) en JavaScript, cada uno acompañado del visualizador de algoritmos de Coddy. La recursión es JavaScript de todos los días, al recorrer un objeto anidado o un árbol de componentes, y tiene un techo: si la recursión es demasiado profunda, V8, el motor de Chrome y Node.js, lanza RangeError: Maximum call stack size exceeded. Este paso te enseña a verlo venir.Empezar
  7. 7
    Empezar este pasoEmpezarUn proyecto orientado a objetos construido de principio a fin y un banco de problemas de programación, ambos en JavaScript. Prettier resuelve el formato y ESLint señala algunos errores; los nombres, el tamaño de las funciones y dónde vive cada responsabilidad quedan en tus manos, y son lo que comentan los revisores.Empezar
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
4}
5
bottombar Collapse icon
Test #1test Case Success icon
Test #2test Case Success icon
Test #3test Case Failure icon
Input
"Alex"
Output
"Hello, Coddy! Alex"

Build Your Coding 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!

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

Double or Nothing

Day 5 of 7

fire Freeze icon

Streak Freeze

2 left

Code Anywhere, Anytime

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.

Python
7Streak
250Score
5Energy
Variables
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
CONTINUE
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
Journey
Goals
Leaderboard
Profile
4.9
StarStarStarStarStar
Rating

You're Not Alone in This

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

Challenger League
Challenger LeagueTop 7 advance
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 iconPromotion zoneleaderboard Arrow Up icon

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

Prove Your Skills

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

CoddyCertificate of Completion
This certifies thatJohn Doehas successfully completed
python iconPython Fundamentals
Verified
DateJan 2026
LinkedInAdd to LinkedIn

Por qué seguir este roadmap de JavaScript en Coddy

  • Un lenguaje para toda la web. JavaScript se ejecuta en todos los navegadores y, con Node.js, también mueve servidores, herramientas de build y scripts, así que los trabajos de frontend, backend y full-stack parten todos de la base que construye este roadmap antes de separarse.
  • TypeScript dentro del primer paso. El curso de JavaScript tiene una sección completa de TypeScript, de los tipos básicos y las uniones a las interfaces, los enums y los genéricos, así que el JavaScript tipado que escriben muchos equipos profesionales forma parte del lenguaje que aprendes y no es una sorpresa en tu primer trabajo.
  • Práctica de entrevistas en JavaScript. Las estructuras de datos, los retos de recursión y los cinco algoritmos de ordenación se enseñan en JavaScript, así que ensayas las entrevistas en el lenguaje que de verdad te pedirán usar.
  • Evaluado, con pistas y sin nada que instalar. Cada lección termina con un reto de JavaScript que se corrige con casos de prueba, y Bugsy, el tutor de IA, señala lo que falla sin escribirte la solución. La mayoría de los cursos terminan con un certificado gratuito, y no hay Node.js ni editor que configurar: todo funciona en el navegador.

Preguntas frecuentes sobre cómo ser desarrollador JavaScript

¿Cuánto se tarda en ser desarrollador JavaScript?

Entre seis y doce meses, dedicándole alrededor de una hora al día, es un plazo razonable para pasar de cero a una entrevista júnior. En este roadmap, el curso de JavaScript, con la sección de TypeScript incluida, lleva de ocho a diez semanas; la línea de comandos, Git y SQL, alrededor de un mes entre los tres, y los pasos de estructuras de datos y ordenación, otros dos. Después llega la especialidad, un framework como React o un backend con Node.js, plasmada en uno o dos proyectos que puedas enseñar.

¿Es JavaScript un buen primer lenguaje para un ingeniero de software?

Sí, con una advertencia. Funciona en todas partes, muestra resultados en el navegador al instante y lleva directamente a trabajo remunerado en la web. La advertencia es que JavaScript perdona errores que otros lenguajes rechazan: == convierte los tipos antes de comparar, y una propiedad que no existe es undefined en lugar de un error. Por eso el primer paso de este roadmap incluye TypeScript, y por eso los pasos de estructuras de datos te hacen construir cada estructura tú mismo.

¿Qué necesita saber un desarrollador JavaScript además de JavaScript?

La línea de comandos, Git y SQL, que cubre este roadmap, y luego la plataforma para la que escribes, que no cubre: HTML, CSS, el DOM y un framework como React en el navegador, o Node.js, npm y HTTP en el servidor. La ruta de Frontend de Coddy cubre el lado del navegador, React incluido, y continúa donde termina esta página.

¿Debo aprender primero TypeScript o JavaScript?

Primero JavaScript, y TypeScript poco después. TypeScript es JavaScript con tipos añadidos, y sus errores solo tienen sentido cuando sabes lo que hace el JavaScript que hay debajo. El curso de JavaScript sigue ese orden: dos secciones de JavaScript puro, después la sección de TypeScript y luego la programación orientada a objetos.

¿Qué curso de este roadmap no se enseña en JavaScript?

Uno: el de código limpio se enseña por ahora solo en Python, así que aparece después de los pasos y no en el paso siete. Su tema (los nombres, el tamaño de las funciones y la estructura) se lee igual en cualquier lenguaje, y los linters como ESLint solo detectan una parte. Todos los pasos, incluidos el proyecto orientado a objetos y los problemas de programación, están en JavaScript.

¿Es gratis este roadmap de JavaScript?

Sí. Todos sus cursos son gratuitos: las lecciones, el editor y la terminal de Linux en tu navegador, los retos corregidos con pruebas, las pistas de Bugsy y los certificados. Pro elimina el límite diario de energía y añade ayuda de IA ilimitada, y nada de este roadmap lo requiere.

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 Ingeniero de software gratis

Empezar a aprender