AprenderJavaScript
RUTA DE APRENDIZAJE

Un curso de JavaScript de principio a fin.

Aprende a tu ritmo: 48 lecciones esenciales y 12 ampliaciones. Todos los ejemplos son editables y cada concepto prepara el siguiente.

0 lecciones marcadas de 60
La lectura es independiente de los ejercicios superados.
Ir a la primera lección →Gestionar progreso
LA RUTA

Empieza con lo esencial

Avanza en orden y comprende cada paso. Las ampliaciones son opcionales.

SIN REGISTRO

Tu progreso es privado

Se guarda en este navegador, no se sincroniza automáticamente.

PRÁCTICA

Escribe tu propio código

Modifica cada ejemplo y ve si ocurre lo que esperabas.

01Primer contactoDescubre qué hace JavaScript y ejecuta tus primeras instrucciones.5 lecciones
01Entiende qué hace JavaScript en una páginaEsencial02Ejecuta instrucciones y distingue código, consola y resultadoEsencial03Reconoce números, texto, booleanos, null y undefinedEsencial04Guarda y actualiza valores con const y letEsencial05Construye expresiones y realiza conversiones explícitasEsencial
02Decisiones con sentidoAprende a formular preguntas y tomar decisiones con datos.5 lecciones
06Crea preguntas que producen booleanosEsencial07Compara con ===, !== y límites numéricosEsencial08Distingue valores truthy/falsy sin adivinarAmpliación09Elige una rama con if, else if y elseEsencial10Combina condiciones y evita decisiones confusasEsencial
03Listas y repeticiónTrabaja con colecciones y automatiza tareas repetitivas.5 lecciones
11Guarda varios datos en un arrayEsencial12Cambia elementos sin confundir índice y longitudAmpliación13Recorre posiciones con forEsencial14Repite con while y garantiza la salida del bucleEsencial15Recorre valores con for...of, break y continueEsencial
04Texto y objetosDa forma a la información del mundo real.5 lecciones
16Limpia y combina cadenas y plantillas literalesEsencial17Consulta y transforma texto con métodos útilesEsencial18Describe entidades con objetos y propiedadesEsencial19Elige entre objeto, array y datos anidadosEsencial20Desestructura datos y copia con spread sin confundir copias superficialesAmpliación
05Funciones reutilizablesEscribe piezas pequeñas que puedas entender y combinar.5 lecciones
21Encapsula una tarea en una funciónEsencial22Diseña parámetros, argumentos y returnEsencial23Entiende ámbito de bloque y evita depender de variables globalesEsencial24Usa funciones flecha y callbacks con criterioEsencial25Divide un problema en funciones pequeñas que colaboranAmpliación
06El DOM hace visible tu códigoConvierte datos e instrucciones en una página que cambia.5 lecciones
26Distingue DOM, documento y elementos HTMLEsencial27Encuentra elementos y actualiza texto y atributosEsencial28Cambia clases sin mezclar estructura y estilosEsencial29Crea, inserta y elimina nodos de forma seguraEsencial30Representa una lista de datos como elementos visiblesEsencial
07Eventos e interacciónEscucha acciones del usuario y responde con una interfaz útil.5 lecciones
31Responde a clics con addEventListenerEsencial32Identifica event.target y currentTargetAmpliación33Procesa formularios y valida entradasEsencial34Separa estado, renderizado y acciones en una interfaz pequeñaEsencial35Usa delegación de eventos para elementos dinámicosAmpliación
08Datos y erroresTransforma datos, guarda preferencias y trata los fallos.5 lecciones
36Transforma y busca elementos con map, filter y findEsencial37Acumula con reduce cuando mejora la claridadAmpliación38Convierte datos con JSON y guarda preferenciasEsencial39Maneja fallos concretos con throw, try y catchEsencial40Muestra datos de usuario sin introducir HTML inseguroEsencial
09Asincronía y APIsComprende las esperas sin bloquear la interfaz.5 lecciones
41Observa temporizadores y tareas de ejecuciónAmpliación42Reconoce los estados de una promesaEsencial43Escribe flujos legibles con async y awaitEsencial44Pide datos con fetch y comprueba response.okEsencial45Gestiona carga, vacío, error y cancelaciónEsencial
10Código y herramientas realesOrganiza tu trabajo y aprende a depurar con confianza.5 lecciones
46Organiza archivos con import y exportEsencial47Distingue navegador, dependencias y npmAmpliación48Depura con breakpoints y herramientas de desarrolloEsencial49Ejecuta JavaScript fuera del navegador con Node.jsAmpliación50Estructura una aplicación en módulos manteniblesAmpliación
11Calidad y responsabilidadComprueba tu código y cuida a las personas que lo utilizan.5 lecciones
51Comprueba funciones con pruebas automatizadas sencillasEsencial52Prueba límites y entradas inesperadasEsencial53Encuentra la causa de un fallo antes de cambiar códigoEsencial54Construye interacciones accesibles para teclado y lector de pantallaEsencial55Evita trabajo innecesario y limpia efectos cuando correspondeAmpliación
12Proyectos y autonomíaUne las piezas en aplicaciones que puedas enseñar.5 lecciones
56Proyecto: cuestionario interactivo con puntuación y reinicioEsencial57Proyecto: gestor de tareas con filtros y persistenciaEsencial58Proyecto: catálogo con búsqueda, orden y estado vacíoEsencial59Proyecto: explorador de datos de API con carga y errorEsencial60Reto final: resuelve un problema nuevo y decide qué repasarEsencial