Menu
CoddyTech
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.

528,995+ codders inscritos en estos cursos

651 lecciones662 retos2,785 preguntas de quiz

El roadmap del desarrollador JavaScript, paso a paso

17 cursos7 secciones651 lecciones662 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

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

Donde Quieras

¡Lleva tu viaje de programación contigo! Sin configuración, sin descargas, solo abre y empieza a programar. Disponible en iOS, Android y Web con calificaciones de 4.9 estrellas.

Python
7Racha
250Puntuación
5Energía
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
CONTINUAR
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
Recorrido
Objetivos
Clasificación
Perfil
4.9
EstrellaEstrellaEstrellaEstrellaEstrella
Calificación

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é 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
Ilustración de los lenguajes de programación de Coddy

Empieza la ruta de Ingeniero de software gratis

Empezar a aprender