Saltar al indice de unidades
Curso de JavaScriptModerno · Interactivo
14 unidades · 115 lecciones

Aprende JavaScript desde cero, paso a paso

Este es el curso completo de JavaScript moderno reconstruido como recurso educativo interactivo. Empiezas escribiendo tu primer alert() y terminas generando HTML y reaccionando a eventos del usuario. Cada concepto se explica primero con palabras, despues con codigo que puedes copiar y ejecutar aqui mismo, y se cierra con ejercicios y retos.

Empezar por la Unidad 1 → Ver la ruta de aprendizaje
14unidades
115lecciones originales
200+ejemplos de codigo
0dependencias externas

Como esta organizado

El curso conserva el orden original: cada unidad depende de la anterior. Dentro de cada unidad encontraras siempre la misma estructura, para que sepas donde estas y que viene despues.

Objetivo
Que vas a saber hacer cuando termines la unidad. Se declara antes de empezar.
Conceptos
El vocabulario tecnico minimo, definido en una frase y sin dar nada por sabido.
Codigo explicado
Primero la idea, luego el ejemplo, luego que hace cada parte y que imprime al ejecutarse.
Ejercicios y retos
Practica guiada con la solucion oculta, para que lo intentes antes de mirarla.
Resumen
Lo esencial en pocas lineas, listo para repasar antes de una entrevista.
Verificacion
Una lista de comprobacion y una pregunta de cierre para confirmar que lo entendiste.

Las 14 unidades

Marca cada unidad como completada al final de su pagina y el progreso se guardara en este navegador.

Tu progreso 0 de 14 unidades completadas (0%)

Ruta de aprendizaje

Las unidades no son intercambiables: cada bloque usa lo aprendido en el anterior. Este es el camino y por que tiene ese orden.

  1. 1
    Preparar el terreno (Unidad 1) Como se ejecuta JavaScript en el navegador, como enlazarlo al HTML y como leer la consola. Sin esto no puedes ver el resultado de nada de lo que escribas.
  2. 2
    Guardar datos (Unidades 2 a 6) Variables y los tipos de dato primitivos: texto, numeros, operadores de comparacion y booleanos. Es el vocabulario minimo para escribir cualquier instruccion.
  3. 3
    Agrupar datos (Unidades 7 y 8) Objetos para describir una cosa con varias propiedades; arrays para guardar muchas cosas. Toda aplicacion real combina los dos.
  4. 4
    Organizar el codigo (Unidad 9) Funciones: dividir un problema grande en piezas reutilizables, pasarles valores y recibir resultados. Incluye arrow functions, que usara todo el resto del curso.
  5. 5
    Tomar decisiones y repetir (Unidades 10 a 12) Condicionales, bucles y los array methods que sustituyen a los bucles manuales: filter, reduce, find. Aqui empieza la logica de verdad.
  6. 6
    Llevarlo a la pagina (Unidades 13 y 14) El DOM y los eventos: seleccionar, modificar, crear y borrar HTML, y reaccionar a clics, teclado, formularios y scroll. Es lo que convierte tu codigo en una web interactiva.

Que viene despues de estas 14 unidades

Las lecciones 001 y 002 del material original presentan los proyectos que el curso construye una vez dominados los fundamentos. Esos proyectos no forman parte de los materiales reconstruidos aqui, pero se listan para que sepas hacia donde apunta lo que estas aprendiendo.

Hoja de ruta declarada en el material original

  • Carrito de compras (eventos + DOM scripting)
  • Simulador de envio de emails (validacion de formularios)
  • Buscador de autos (array methods y filtrado)
  • Tareas persistentes con localStorage
  • Cotizador de seguros (prototipos y operaciones)
  • Control de gasto semanal (presupuesto y avisos)
  • Administrador de pacientes (programacion orientada a objetos)
  • CRM de clientes con IndexedDB
  • App del clima (Fetch API)
  • Buscador de letras de canciones (API externa)
  • Buscador de imagenes de Pixabay
  • Cotizador de criptomonedas en tiempo real
  • Calculadora de consumos y propinas (async/await)

Todos ellos se apoyan directamente en las unidades 7 a 14 de este recurso.