💡 La tarea de cada lección está en la propia página (botón de descarga al final).
Fundamentos del lenguaje
1–3
1
Variables en JavaScript (let, const)
→
2
Tipos de Datos en JavaScript
→
3
Coerción de Tipos en JavaScript
→
Fundamentos de DOM
4–12.3
4
querySelector o Cómo Seleccionar un Elemento en JS (innerHTML en JavaScript)
→
5
— Añadir funcionalidad de clic a un botón en JavaScript (onclick)
→
6
¿Qué es += o reasignación? (onClick en JavaScript)
→
7
Cómo obtener datos de un campo de entrada (input value en JavaScript)
→
8
Input value (type="number") en JavaScript (+=)
→
9
Input (date, color) en JavaScript (style.background)
→
10
El evento onchange en input type="range" (trabajando con style width y height)
→
11
El evento onchange en select option (JavaScript)
→
12.1
innerHTML, input, select, value, querySelector, function, onclick, += (JavaScript)
→
12.2
innerHTML, input, select, value, querySelector, function, onclick, += (JavaScript)
→
12.3
innerHTML, input, select, value, querySelector, function, onclick, += (JavaScript)
→
Condicionales
13–17
13
Condiciones if else en JavaScript
→
14
El operador === e if else en JavaScript
→
15
Operadores if, else, else if en JavaScript
→
16
Operadores de comparación > >= < <= == === != (JavaScript)
→
17
Operadores de condición && |
→
Mini-proyectos
18–25
18
Creamos un simulador de depósito bancario con Math.round
→
19
Mini proyecto Resize Ball - Cambiar tamaño de la pelota
→
20
Mini proyecto: cambiamos tamaño y color
→
25
Creamos una tienda online mini con programa de descuentos
→
Switch
21–26.5
21
¿Qué es switch y por qué necesitas saberlo?
→
22
¿Qué es default en switch y el evento oninput?
→
23
¿Para qué sirve break en switch?
→
24
Creamos un Conversor de Unidades con switch
→
26.1
switch, case, default, if, else if, else, oninput
→
26.2
switch, case, default, if, else if, else, oninput
→
26.3
switch, case, default, if, else if, else, oninput
→
26.4
switch, case, default, if, else if, else, oninput
→
26.5
switch, case, default, if, else if, else, oninput
→
Bucles
27–40.3
27
¿Qué es un bucle y cómo funciona for?
→
28
Cómo usar el bucle for con HTML
→
29
Literales de plantilla en el bucle for
→
30
Generador de Tabla de Multiplicación
→
31
Generador de Tarjetas de Productos
→
32
Generador de Estrellas de Calificación
→
33
Emoji Generator
→
34
Bucle while
→
35
Bucles for Anidados
→
36
Bucles for Anidados, implementación en HTML
→
37
Bucles for Anidados
→
38
Bucles for anidados, Price Matrix
→
39.1
Calculadora de Peso de la Mochila 1, práctica
→
39.2
Calculadora de Peso de la Mochila 2, práctica
→
40.1
Cómo funciona for y qué es
→
40.2
Cómo funciona for y qué es
→
40.3
Cómo funciona for y qué es
→
Funciones (Módulo 2)
41–47.3
41
Qué es una función y cómo usar argumentos
→
42
String (length, toLowerCase, toUpperCase) y argumentos
→
43
Scope, o cómo funciona el compilador
→
44
Qué es return y para qué lo necesitamos
→
45.1
Calculadora de tarifa de taxi, práctica
→
45.2
Calculadora de tarifa de taxi, parte 2 — complicando
→
46.1
Calculadora de costo de envío de paquetes, práctica
→
46.2
Calculadora de costo de envío de paquetes, parte 2 — complicando
→
46.3
Calculadora de costo de envío de paquetes, parte 3 — complicando
→
47.1
Calculadora de precio de entradas de concierto, práctica
→
47.2
Calculadora de precio de entradas de concierto, parte 2 — complicando
→
47.3
Calculadora de precio de entradas de concierto, parte 3 — complicando
→