Saltar al contenido

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.

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

01JavaScript hace que una página respondaEsencial 02La consola muestra lo que ejecutasEsencial 03Distingue números, texto y booleanosEsencial 04Guarda valores con const y letEsencial 05Convierte texto numérico antes de sumarEsencial

02Decisiones con sentidoAprende a formular preguntas y tomar decisiones con datos.5 lecciones

06Haz preguntas con true y falseEsencial 07Compara sin confundir número y textoEsencial 08Reconoce valores que cuentan como falsosAmpliación 09Elige entre dos caminos con if y elseEsencial 10Exige dos requisitos con &&Esencial

03Listas y repeticiónTrabaja con colecciones y automatiza tareas repetitivas.5 lecciones

11Lee un elemento de un arrayEsencial 12Añade un elemento al final con pushAmpliación 13Repite una tarea con forEsencial 14Repite hasta cumplir una condición con whileEsencial 15Recorre una lista con for...ofEsencial

04Texto y objetosDa forma a la información del mundo real.5 lecciones

16Quita espacios sobrantes con trimEsencial 17Busca una palabra con includesEsencial 18Agrupa datos de algo con un objetoEsencial 19Lee objetos que están dentro de un arrayEsencial 20Extrae una propiedad con desestructuraciónAmpliación

05Funciones reutilizablesEscribe piezas pequeñas que puedas entender y combinar.5 lecciones

21Declara y llama una funciónEsencial 22Devuelve un valor con returnEsencial 23Entiende dónde existe una variableEsencial 24Escribe una función flechaEsencial 25Combina dos funciones pequeñasAmpliación

06El DOM hace visible tu códigoConvierte datos e instrucciones en una página que cambia.5 lecciones

26Encuentra texto en una página con el DOMEsencial 27Cambia texto visible con textContentEsencial 28Cambia una clase para cambiar el aspectoEsencial 29Crea y añade un elemento de listaEsencial 30Muestra una lista de datos en la páginaEsencial

07Eventos e interacciónEscucha acciones del usuario y responde con una interfaz útil.5 lecciones

31Responde a un clic con addEventListenerEsencial 32Averigua dónde ocurrió un clicAmpliación 33Lee un formulario al enviarloEsencial 34Actualiza una interfaz desde su estadoEsencial 35Escucha clics de una lista desde su contenedorAmpliación

08Datos y erroresTransforma datos, guarda preferencias y trata los fallos.5 lecciones

36Transforma cada elemento con mapEsencial 37Suma los elementos de un array con reduceAmpliación 38Convierte objetos a JSONEsencial 39Atrapa un error con try y catchEsencial 40Muestra texto de forma segura con textContentEsencial

09Asincronía y APIsComprende las esperas sin bloquear la interfaz.5 lecciones

41Espera una acción con setTimeoutAmpliación 42Recibe un resultado futuro con una promesaEsencial 43Espera una promesa con awaitEsencial 44Lee JSON mediante fetch desde un recurso de ejemploEsencial 45Muestra al usuario cuándo está cargandoEsencial

10Código y herramientas realesOrganiza tu trabajo y aprende a depurar con confianza.5 lecciones

46Comparte una función entre dos archivos con módulosEsencial 47Entiende para qué sirve npmAmpliación 48Encuentra un fallo usando un breakpointEsencial 49Ejecuta un archivo con Node.jsAmpliación 50Da una responsabilidad a cada archivoAmpliación

11Calidad y responsabilidadComprueba tu código y cuida a las personas que lo utilizan.5 lecciones

51Comprueba un resultado con una pruebaEsencial 52Comprueba justo los valores límiteEsencial 53Reproduce un error y encuentra su causaEsencial 54Usa botones que funcionan con tecladoEsencial 55Retira una escucha cuando ya no hace faltaAmpliación

12Proyectos y autonomíaUne las piezas en aplicaciones que puedas enseñar.5 lecciones

56Proyecto: crea una pregunta de cuestionarioEsencial 57Proyecto: añade una tarea a un gestorEsencial 58Proyecto: encuentra productos por su nombreEsencial 59Proyecto: muestra datos obtenidos de una APIEsencial 60Reto final: construye una función que puedas demostrarEsencial