Bienvenida · Plan de estudio

JavaScript para Lógica y Algoritmos

Esta guía cubre 6 horas de aprendizaje progresivo. Viene del taller de Python — el mismo pensamiento lógico, ahora en el lenguaje de la web.

⏱ 6 horas de contenido

📝 16 lecciones

💻 30+ ejercicios ejecutables

Sesión	Tema	Contenido	Duración
Hora 1	Fundamentos JS	¿Por qué JS? · Sintaxis básica · Variables y tipos	60 min
Hora 2	Condicionales	if/else · else if anidados · Operadores lógicos && \|\| !	60 min
Hora 3	Ciclo for	Estructura · Patrones (tabla, acumulador, suma) · Retos	60 min
Hora 4	Ciclo while	Estructura · Patrones (contador, búsqueda) · Retos	60 min
Hora 5	Funciones y Arrays	Definir funciones · Return · Arrays · recorrer con for	60 min
Hora 6	Proyecto + Repaso	Tabla Python→JS · Proyecto integrador de notas	60 min

💡 Antes de empezar

Lo que ya sabes (de Python) te dará ventaja

Cada concepto nuevo en JS lo compararemos con su equivalente en Python. No empiezas desde cero. La lógica de condicionales, ciclos y variables es la misma — solo cambia cómo se escribe.

⚡

Hora 1 — Fundamentos de JavaScript

Lección 1 de 3 · Introducción al lenguaje

15 min

Hora 1 · Lección 1

¿Por qué JavaScript?

Ya conoces Python. JS tiene la misma lógica — solo cambia el vocabulario.

🌐 Contexto

El lenguaje que mueve la web

JavaScript corre en todos los navegadores sin instalación. Es el único lenguaje que entienden Chrome, Firefox y Safari directamente. Python es poderoso en el servidor y ciencia de datos; JS domina el navegador, apps móviles y también servidores (Node.js).

🐍 Python — ya lo conoces

# Entrada
nombre = input("Tu nombre: ")
edad = int(input("Tu edad: "))

# Proceso
mayor = edad >= 18

# Salida
if mayor:
    print("Hola, " + nombre)

⚡ JavaScript — lo nuevo

// Entrada
let nombre = prompt("Tu nombre: ")
let edad = parseInt(prompt("Tu edad: "))

// Proceso
let mayor = edad >= 18

// Salida
if (mayor) {
    console.log("Hola, " + nombre)
}

🌐

Sin instalación

Corre en el navegador. F12 → Consola y ya tienes JS.

📈

#1 del mundo

Lenguaje más usado 12 años seguidos (Stack Overflow).

🔀

Mismo pensamiento

EPS, condicionales, ciclos: idénticos en lógica.

🚀

Web, móvil, servidor

Un lenguaje para todo el stack de desarrollo.

¿Cuál es la PRINCIPAL diferencia entre Python y JavaScript?

AJavaScript es más difícil que Python

BJavaScript no tiene ciclos ni condicionales

CJavaScript corre en el navegador sin instalación; Python requiere instalarse

DNo hay ninguna diferencia

📋

Hora 1 — Fundamentos de JavaScript

Lección 2 de 3 · Reglas de escritura

20 min

Hora 1 · Lección 2

Sintaxis básica

Las reglas que rigen cómo se escribe JavaScript.

1

Bloques con llaves `{}`

En Python la indentación delimitaba bloques. En JS se usan llaves. La indentación sigue siendo buena práctica pero no es obligatoria.

2

Comentarios con `//` o `/* */`

Una línea: // comentario. Varias líneas: /* comentario */. Python usaba #.

3

Punto y coma `;` al final

Opcional pero recomendado. Evita errores raros. Python no lo necesitaba.

4

Salida: `console.log()`

Equivale al print() de Python. Acepta múltiples valores separados por coma.

5

Entrada: `prompt()`

Equivale al input() de Python. Siempre devuelve texto (string). Hay que convertir.

sintaxis_basica.js

// Comentario de una línea
/* Comentario
   de varias líneas */

console.log("Hola, JavaScript!"); // salida básica
console.log("Suma:", 5 + 3);      // múltiples valores
console.log(10, "-", 4, "=", 10-4);

// Operadores aritméticos
console.log(15 % 4); // módulo (residuo): 3
console.log(2 ** 8); // potencia: 256

// ejecuta para ver la salida...

¿Cuál es el equivalente de print() en JavaScript?

Awrite()

Becho()

Cconsole.log()

Doutput()

📦

Hora 1 — Fundamentos de JavaScript

Lección 3 de 3 · Variables y tipos de datos

25 min

Hora 1 · Lección 3

Variables y tipos de datos

En Python existía una forma. En JS hay tres palabras clave. Aprende cuándo usar cada una.

Palabra	Uso	¿Puede cambiar?	Python equivale
`let`	Variable normal	✅ Sí	`x = 5`
`const`	Constante	❌ No	Convención `MAYÚSCULAS`
`var`	Forma antigua	✅ Sí (pero evitar)	—

Regla práctica: Usa const cuando el valor no debe cambiar (PI, IVA, MAX_INTENTOS). Usa let para todo lo demás. Nunca uses var en código nuevo.

Tipo JS	¿Qué guarda?	Ejemplos	Python
`number`	Enteros Y decimales	5, -3, 3.14	int / float
`string`	Texto (comillas simples, dobles o backtick)	"Hola", 'JS', `mundo`	str
`boolean`	Solo true o false (minúscula)	true, false	True, False
`null`	Vacío intencional	null	None

variables.js

// Declaración de variables
let nombre = "Carlos";
let edad = 20;
let promedio = 8.7;
let aprobado = true;
const IVA = 0.19;

console.log("Nombre:", nombre, "| Tipo:", typeof nombre);
console.log("Edad:", edad,    "| Tipo:", typeof edad);
console.log("Promedio:", promedio, "| Tipo:", typeof promedio);
console.log("Aprobado:", aprobado, "| Tipo:", typeof aprobado);
console.log("IVA:", IVA, "| Tipo:", typeof IVA);

// Conversión: prompt() devuelve string → convertir con Number()
let texto = "42";
console.log("Texto:", texto, "| Tipo:", typeof texto);
console.log("Número:", Number(texto), "| Tipo:", typeof Number(texto));
console.log("Trampa:", texto + 8); // "428" concatenación!
console.log("Correcto:", Number(texto) + 8); // 50

// ejecuta para ver la salida...

🎯 Template literals (backticks)

La mejor forma de combinar texto y variables

Usando backtick ` ` y ${variable} puedes insertar variables dentro de texto sin concatenar con +. Equivale al f-string de Python: f"Hola, {nombre}"

template_literals.js

let nombre = "Sofía";
let nota = 8.5;

// ❌ Forma vieja (concatenación)
console.log("Hola, " + nombre + "! Tu nota es " + nota);

// ✅ Forma moderna (template literal con backtick)
console.log(`Hola, ${nombre}! Tu nota es ${nota}`);

// También permite expresiones dentro de ${}
let n1 = 7, n2 = 9;
console.log(`El promedio de ${n1} y ${n2} es ${(n1+n2)/2}`);

// ejecuta para ver la salida...

¿Qué imprimirá este código? let x = "10"; console.log(x + 5);

A15 (suma numérica)

B"105" (concatenación de texto)

CError

Dundefined

🔀

Hora 2 — Condicionales

Lección 1 de 3 · if y else básicos

20 min

Hora 2 · Lección 1

Condicionales if / else

Mismo concepto que Python. Diferencia: paréntesis en la condición y llaves en el bloque.

🐍 Python

if edad >= 18:
    print("Mayor")
else:
    print("Menor")

⚡ JavaScript

if (edad >= 18) {
    console.log("Mayor")
} else {
    console.log("Menor")
}

3 diferencias vs Python: 1) Condición entre () · 2) Bloque entre {} · 3) No hay dos puntos :

if_else.js — edita la variable y ejecuta

let edad = 16; // ← cambia este valor

if (edad >= 18) {
    console.log("Eres mayor de edad ✓");
    console.log("Puedes ingresar al sistema");
} else {
    console.log("Eres menor de edad ✗");
    console.log("Acceso denegado");
}

// Prueba con: 16, 18, 25, 10

// ejecuta...

⚖️ == vs ===

Usa siempre === en JavaScript

=== compara valor Y tipo (estricto). == solo compara valor y puede dar sorpresas. En Python solo existía == y siempre era estricto. En JS: usa siempre ===.

igualdad.js

// == flexible (evitar)
console.log(5 == "5");    // true  ⚠ número vs texto
console.log(0 == false);  // true  ⚠ número vs booleano

// === estricto (usar siempre)
console.log(5 === "5");   // false ✓ son tipos distintos
console.log(5 === 5);     // true  ✓

// Práctica: verificar contraseña
let claveCorrecta = "abc123";
let entrada = "abc123";

if (entrada === claveCorrecta) {
    console.log("Acceso permitido");
} else {
    console.log("Clave incorrecta");
}

// ejecuta...

¿Qué retorna 5 === "5" en JavaScript?

Atrue (son el mismo número)

Bfalse (diferentes tipos: number vs string)

CError de tipo

Dnull

🔀

Hora 2 — Condicionales

Lección 2 de 3 · else if y anidados

20 min

Hora 2 · Lección 2

else if y condicionales anidados

Cuando hay más de dos caminos posibles. Python tenía elif, JavaScript tiene else if (dos palabras).

else_if.js

let nota = 75; // cambia: 95, 82, 65, 45, 30

if (nota >= 90) {
    console.log("Nivel: Excelente 🌟");
} else if (nota >= 75) {
    console.log("Nivel: Muy bueno ✓");
} else if (nota >= 60) {
    console.log("Nivel: Suficiente");
} else if (nota >= 40) {
    console.log("Nivel: En riesgo ⚠");
} else {
    console.log("Nivel: Crítico ✗");
}

console.log(`Nota ingresada: ${nota}`);

// ejecuta...

🔗 Condicionales anidados

Un if dentro de otro if

Igual que en Python, puedes poner un if dentro del bloque de otro if. Útil cuando una condición depende de que otra ya sea verdadera.

anidados.js

let edad = 20;
let tieneDocumento = true;

if (edad >= 18) {
    // Ya es mayor, ahora checar documento
    if (tieneDocumento) {
        console.log("Puede votar ✓");
    } else {
        console.log("Mayor pero sin documento");
    }
} else {
    console.log("Menor de edad, no puede votar");
}

// Prueba con: edad=15/true, edad=20/false, edad=20/true

// ejecuta...

// reto_01.js — Condicional múltipleBásico

Declara una variable temperatura. Muestra: "Frío" si es menor de 10, "Fresco" entre 10 y 20, "Cálido" entre 21 y 30, "Caliente" si es mayor de 30.

// resultado...

🔀

Hora 2 — Condicionales

Lección 3 de 3 · Operadores lógicos

20 min

Hora 2 · Lección 3

Operadores lógicos

Python usaba palabras: and, or, not. JavaScript usa símbolos: &&, ||, !

Operación	Python	JavaScript	Resultado verdadero cuando...
Y lógico	`and`	`&&`	AMBAS condiciones son verdaderas
O lógico	`or`	`\|\|`	AL MENOS UNA condición es verdadera
Negación	`not`	`!`	La condición es FALSA

logicos.js

let usuario = "admin";
let clave = "1234";
let activo = true;

// && → ambas deben ser verdaderas
if (usuario === "admin" && clave === "1234") {
    console.log("Login correcto ✓");
}

// || → al menos una verdadera
let dia = "sábado";
if (dia === "sábado" || dia === "domingo") {
    console.log("Es fin de semana 🎉");
}

// ! → invierte el valor
if (!activo) {
    console.log("Usuario inactivo");
} else {
    console.log("Usuario activo ✓");
}

// Combinado: rango de temperatura
let temp = 22;
if (temp >= 18 && temp <= 28) {
    console.log("Temperatura agradable");
}

// ejecuta...

// reto_02.js — Operadores lógicosIntermedio

Un parque de diversiones permite entrar si: edad >= 12 Y altura >= 140 (cm). Si solo cumple una condición, muestra qué falta. Si no cumple ninguna, muestra el mensaje correspondiente.

// resultado...

¿Qué imprime este código? let a = true; let b = false; console.log(a && b);

Atrue

Bfalse

Cnull

DError

🔁

Hora 3 — Ciclo for

Lección 1 de 3 · Estructura del for

20 min

Hora 3 · Lección 1

Ciclo for

Python tenía for i in range(). En JS el for tiene tres partes explícitas en una línea.

🏗 Estructura

Las tres partes del for

anatomia_for.js

// for ( INICIO ; CONDICIÓN ; ACTUALIZACIÓN )
//        ↑            ↑            ↑
//   se ejecuta    se evalúa   se ejecuta
//   una vez       cada vez    al final
//   al principio  antes del   de cada
//                 bloque      iteración

for (let i = 1; i <= 5; i++) {
    console.log(`Iteración ${i}`);
}

// Equivalente en Python:
// for i in range(1, 6):
//     print(f"Iteración {i}")

// ejecuta...

🐍 Python — range()

# del 1 al 10 (11 excluido)
for i in range(1, 11):
    print(i)

# paso de 2 en 2
for i in range(0,20,2):
    print(i)

⚡ JavaScript — explícito

// del 1 al 10
for (let i = 1; i <= 10; i++) {
    console.log(i)
}
// paso de 2 en 2
for (let i = 0; i < 20; i += 2) {
    console.log(i)
}

for_variantes.js

// Cuenta adelante
console.log("--- Adelante ---");
for (let i = 1; i <= 5; i++) {
    console.log(i);
}

// Cuenta atrás (i-- decrementa)
console.log("--- Atrás ---");
for (let i = 5; i >= 1; i--) {
    console.log(i);
}

// Paso de 3 en 3
console.log("--- De 3 en 3 ---");
for (let i = 0; i <= 15; i += 3) {
    console.log(i);
}

// ejecuta...

¿Cuántas veces se ejecuta el cuerpo de: for (let i = 0; i < 5; i++)?

A4 veces

B5 veces (i = 0,1,2,3,4)

C6 veces

Dinfinitas veces

🔁

Hora 3 — Ciclo for

Lección 2 de 3 · Patrones comunes

20 min

Hora 3 · Lección 2

Patrones con for

Los tres patrones que aparecen en el 90% de los programas con ciclos.

Acumulador

Tabla multiplicar

for + if combinados

📊 Patrón acumulador

Acumular suma (o producto) dentro del ciclo

Inicializar la variable acumuladora en 0 ANTES del ciclo. Sumar o acumular DENTRO de cada iteración.

acumulador.js

// Sumar del 1 al 100
let suma = 0; // ← acumulador, SIEMPRE inicializar antes

for (let i = 1; i <= 100; i++) {
    suma += i; // suma = suma + i
}
console.log("Suma del 1 al 100:", suma); // 5050

// Factorial de 6 (1×2×3×4×5×6)
let factorial = 1; // ← producto, iniciar en 1

for (let i = 1; i <= 6; i++) {
    factorial *= i; // factorial = factorial × i
}
console.log("6! =", factorial); // 720

// ejecuta...

tabla_multiplicar.js

let num = 8; // cambia este número

console.log(`=== Tabla del ${num} ===`);
for (let i = 1; i <= 10; i++) {
    let resultado = num * i;
    // padStart alinea los números para que quede bonito
    console.log(`${num} × ${String(i).padStart(2)} = ${String(resultado).padStart(3)}`);
}

// ejecuta...

🔀 Combinar for + if

Filtrar dentro del ciclo

El if dentro del for permite actuar solo en algunas iteraciones.

for_if.js

// Solo pares entre 1 y 20
console.log("Pares:");
for (let i = 1; i <= 20; i++) {
    if (i % 2 === 0) {
        console.log(i);
    }
}

// FizzBuzz clásico
console.log("\nFizzBuzz del 1 al 20:");
for (let i = 1; i <= 20; i++) {
    if (i % 3 === 0 && i % 5 === 0) console.log("FizzBuzz");
    else if (i % 3 === 0) console.log("Fizz");
    else if (i % 5 === 0) console.log("Buzz");
    else console.log(i);
}

// ejecuta...

🔁

Hora 3 — Ciclo for

Lección 3 de 3 · Ejercicios prácticos

20 min

Hora 3 · Lección 3

Ejercicios for

// ej_for_01.jsBásico

Imprime todos los números del 1 al 50 que sean divisibles por 7. Muestra también cuántos encontraste al final.

// resultado...

// ej_for_02.jsIntermedio

Dado let notas = [70, 45, 88, 62, 90, 30, 75], recorre el array con for y cuenta cuántos aprobaron (nota >= 60) y cuántos reprobaron. Muestra el porcentaje de aprobación.

// resultado...

🔂

Hora 4 — Ciclo while

Lección 1 de 3 · Estructura del while

20 min

Hora 4 · Lección 1

Ciclo while

Cuando no sabes cuántas repeticiones necesitas. Se ejecuta MIENTRAS la condición sea verdadera.

🐍 Python

n = 1
while n <= 5:
    print(n)
    n += 1

⚡ JavaScript

let n = 1;
while (n <= 5) {
    console.log(n);
    n++;
}

⚠️ Bucle infinito

El error más grave del while

Si la condición NUNCA se vuelve falsa, el ciclo no termina. Siempre asegúrate de que algo dentro del bloque acerque la condición a ser falsa. En nuestros editores hay un límite de 10,000 iteraciones como protección.

while_basico.js

// Mientras x sea menor que 10, duplicar
let x = 1;
while (x < 100) {
    console.log(x);
    x *= 2; // duplica x en cada iteración
}
console.log("Final:", x);

// Encontrar primer cuadrado perfecto mayor que 50
let n = 1;
while (n * n <= 50) {
    n++;
}
console.log(`Primer cuadrado perfecto > 50: ${n}² = ${n*n}`);

// ejecuta...

¿Cuántas iteraciones ejecuta: let i=1; while(i<=3){i++;}?

A2

B3

C4

DInfinitas

🔂

Hora 4 — Ciclo while

Lección 2 de 3 · Patrones con while

20 min

Hora 4 · Lección 2

Patrones con while

Contador + límite

Buscar condición

do...while

while_contador.js

// Simular 3 intentos de contraseña
const CLAVE_CORRECTA = "js2024";
let intentos = 0;
const MAX = 3;
let acceso = false;

// Simulamos entradas del usuario
let entradas = ["python", "java", "js2024"]; // simula prompt()

while (intentos < MAX) {
    let entrada = entradas[intentos]; // en producción: prompt()
    console.log(`Intento ${intentos+1}: "${entrada}"`);
    intentos++;
    if (entrada === CLAVE_CORRECTA) {
        acceso = true;
        break; // sale del ciclo
    }
}

if (acceso) {
    console.log("Acceso concedido ✓");
} else {
    console.log(`Bloqueado tras ${MAX} intentos`);
}

// ejecuta...

while_buscar.js

// Suma de impares hasta superar 50
let suma = 0, n = 1;
while (suma <= 50) {
    if (n % 2 !== 0) suma += n;
    n++;
    if (n > 1000) break; // seguridad
}
console.log("Suma de impares que supera 50:", suma);

// Primera potencia de 2 mayor que 1000
let pot = 1;
let exp = 0;
while (pot <= 1000) {
    pot *= 2;
    exp++;
}
console.log(`Primera potencia de 2 > 1000: 2^${exp} = ${pot}`);

// ejecuta...

🔄 do...while

El bloque se ejecuta AL MENOS una vez

Diferencia con while normal: la condición se evalúa DESPUÉS. Útil para validar entrada del usuario (preguntar al menos una vez).

do_while.js

// do...while se ejecuta ANTES de evaluar
let i = 10;

// Aunque i=10 ya no cumple i<=5, se ejecuta UNA VEZ
do {
    console.log("Se ejecutó una vez, i =", i);
    i++;
} while (i <= 5);

// Útil para simular "pedir hasta que sea válido"
let intentos = 0;
let valido = false;
let entradas = ["-5", "0", "7"]; // simula al usuario
do {
    let entrada = entradas[intentos];
    intentos++;
    let n = Number(entrada);
    if (n > 0) {
        console.log("Número válido:", n);
        valido = true;
    } else {
        console.log(`"${entrada}" no es válido, intenta de nuevo`);
    }
} while (!valido && intentos < entradas.length);

// ejecuta...

🔂

Hora 4 — Ciclo while

Lección 3 de 3 · Ejercicios prácticos

20 min

Hora 4 · Lección 3

Ejercicios while

// ej_while_01.jsBásico

Usando while, imprime la secuencia de Collatz para el número 27: si es par divídelo entre 2; si es impar multiplícalo por 3 y suma 1. Para cuando llegues a 1. Cuenta cuántos pasos tardó.

// resultado...

// ej_while_02.jsIntermedio

Simula una caja registradora: tienes un array de precios [12000, 34500, 8900, 21000, 5600]. Usa while para recorrerlos y acumular la suma. Detente si el total supera 50000 (presupuesto agotado). Muestra cuántos artículos se procesaron.

// resultado...

🧩

Hora 5 — Funciones y Arrays

Lección 1 de 2 · Funciones

25 min

Hora 5 · Lección 1

Funciones

Un bloque de código con nombre que puedes llamar cuantas veces quieras. Reutilización de lógica.

🐍 Python

def saludar(nombre):
    print(f"Hola, {nombre}")

def sumar(a, b):
    return a + b

saludar("Carlos")
r = sumar(3, 5)

⚡ JavaScript

function saludar(nombre) {
    console.log(`Hola, ${nombre}`)
}

function sumar(a, b) {
    return a + b
}

saludar("Carlos")
let r = sumar(3, 5)

funciones.js

// Función sin retorno
function saludar(nombre) {
    console.log(`Hola, ${nombre}!`);
}

// Función con retorno
function calcularPromedio(n1, n2, n3) {
    return (n1 + n2 + n3) / 3;
}

// Función con condicional
function clasificarNota(nota) {
    if (nota >= 90) return "Excelente";
    else if (nota >= 70) return "Bueno";
    else if (nota >= 60) return "Suficiente";
    else return "Insuficiente";
}

// Llamar las funciones
saludar("María");
saludar("Carlos");

let promedio = calcularPromedio(75, 88, 92);
console.log(`Promedio: ${promedio.toFixed(1)}`);
console.log(`Clasificación: ${clasificarNota(promedio)}`);

// ejecuta...

// ej_funciones.jsIntermedio

Crea una función esPrimo(n) que retorne true si n es primo y false si no lo es. Luego úsala en un for para imprimir todos los primos entre 1 y 50.

// resultado...

📚

Hora 5 — Funciones y Arrays

Lección 2 de 2 · Arrays

35 min

Hora 5 · Lección 2

Arrays

Listas de valores. En Python eran list. En JS se llaman Arrays y se comportan muy similar.

arrays_basico.js

// Crear arrays
let frutas = ["mango", "naranja", "banano", "papaya"];
let notas = [85, 70, 92, 65, 78];

// Acceder por índice (empieza en 0)
console.log("Primera fruta:", frutas[0]);
console.log("Última nota:", notas[notas.length - 1]);
console.log("Total elementos:", frutas.length);

// Recorrer con for
console.log("\nTodas las frutas:");
for (let i = 0; i < frutas.length; i++) {
    console.log(`  ${i+1}. ${frutas[i]}`);
}

// Métodos útiles
frutas.push("lulo");          // agregar al final
console.log("\nDespués de push:", frutas);
frutas.pop();                  // eliminar el último
console.log("Después de pop:", frutas);

// Suma de notas con for
let suma = 0;
for (let i = 0; i < notas.length; i++) {
    suma += notas[i];
}
console.log(`\nPromedio notas: ${(suma/notas.length).toFixed(1)}`);

// ejecuta...

// ej_arrays.jsAvanzado

Dado el array let nums = [14, 7, 23, 5, 19, 42, 3, 11], sin usar métodos como sort() o Math.max(), encuentra el valor máximo y el mínimo recorriendo el array con un for. Muéstralos al final.

// resultado...

🗺

Hora 6 — Proyecto + Repaso

Lección 1 de 2 · Tabla comparativa completa

15 min

Hora 6 · Lección 1

Python → JavaScript

Tu referencia definitiva. Todo lo aprendido en Python, con su equivalente exacto en JS.

Concepto	Python	JavaScript
Salida	`print(x)`	`console.log(x)`
Entrada	`input("msg")`	`prompt("msg")`
Variable	`x = 5`	`let x = 5`
Constante	`IVA = 0.19`	`const IVA = 0.19`
Texto formato	`f"Hola {x}"`	`Hola ${x}`
Comentario	`# comentario`	`// comentario`
if	`if x > 0:`	`if (x > 0) {`
elif	`elif x == 0:`	`else if (x === 0) {`
else	`else:`	`} else {`
Y lógico	`and`	`&&`
O lógico	`or`	`\|\|`
No lógico	`not`	`!`
Igualdad	`==`	`===` (usar siempre)
Ciclo for	`for i in range(1,11):`	`for(let i=1;i<=10;i++)`
Ciclo while	`while cond:`	`while (cond) {`
Incremento	`i += 1`	`i++` o `i += 1`
Decremento	`i -= 1`	`i--` o `i -= 1`
A entero	`int(x)`	`parseInt(x)`
A decimal	`float(x)`	`parseFloat(x)`
A texto	`str(x)`	`String(x)`
Verdadero	`True`	`true`
Falso	`False`	`false`
Función	`def nombre(a):`	`function nombre(a) {`
Lista/Array	`[1, 2, 3]`	`[1, 2, 3]`
Longitud lista	`len(lista)`	`lista.length`
Agregar al final	`lista.append(x)`	`array.push(x)`

🏆

Hora 6 — Proyecto + Repaso

Lección 2 de 2 · Proyecto integrador

45 min

Hora 6 · Lección 2

Proyecto integrador

Integra todo lo aprendido: variables, condicionales, for, while, funciones y arrays en un solo programa.

🎯 Sistema de Gestión de Notas

Lo que debe hacer tu programa

Tienes un array de estudiantes con nombre y tres notas. El programa debe: calcular el promedio de cada uno, clasificar su desempeño, encontrar el mayor y menor promedio, contar aprobados/reprobados y mostrar un reporte final.

// proyecto_notas.js — Proyecto finalProyecto completo

Completa las partes marcadas con "// TU CÓDIGO". El array y la estructura base están dados. Usa lo aprendido durante las 6 horas.

// PROYECTO: Sistema de Notas en JavaScript
// Usar: variables, if/else, for, while, funciones, arrays

// Datos
let estudiantes = [
    { nombre: "Ana García",     notas: [85, 72, 90] },
    { nombre: "Luis Rodríguez", notas: [45, 52, 38] },
    { nombre: "María Torres",   notas: [95, 88, 97] },
    { nombre: "Carlos Pérez",   notas: [60, 68, 55] },
    { nombre: "Sofía Mendez",   notas: [30, 42, 25] },
    { nombre: "Diego López",    notas: [75, 80, 82] }
];

// Función para calcular promedio
function calcularPromedio(notas) {
    // TU CÓDIGO: suma las notas y divide entre 3
}

// Función para clasificar
function clasificar(promedio) {
    // TU CÓDIGO: retorna "Excelente", "Aprobado", etc.
}

// Variables de conteo
let aprobados = 0;
let reprobados = 0;
let mejorPromedio = 0;
let peorPromedio = 100;
let mejorEstudiante = "";
let peorEstudiante = "";

// Recorrer con for
for (let i = 0; i < estudiantes.length; i++) {
    let est = estudiantes[i];
    let prom = calcularPromedio(est.notas);
    let estado = clasificar(prom);
    
    // TU CÓDIGO: actualizar contadores y mejores/peores
    
    console.log(`${est.nombre} | Prom: ${prom.toFixed(1)} | ${estado}`);
}

// TU CÓDIGO: mostrar resumen final
console.log("---");
console.log("Aprobados:", aprobados);
console.log("Reprobados:", reprobados);

// resultado...

🎓 ¡6 horas completadas!

Lo que dominaste

✓ Sintaxis JS

✓ let, const, tipos

✓ Template literals

✓ if / else if / else

✓ Operadores === && ||

✓ Ciclo for (3 patrones)

✓ Ciclo while / do-while

✓ Funciones

✓ Arrays básicos

✓ Python → JS completo

JavaScript para Lógica y Algoritmos

Lo que ya sabes (de Python) te dará ventaja

Hora 1 — Fundamentos de JavaScript

¿Por qué JavaScript?

El lenguaje que mueve la web

Sin instalación

#1 del mundo

Mismo pensamiento

Web, móvil, servidor

Hora 1 — Fundamentos de JavaScript

Sintaxis básica

Bloques con llaves {}

Comentarios con // o /* */

Punto y coma ; al final

Salida: console.log()

Entrada: prompt()

Hora 1 — Fundamentos de JavaScript

Variables y tipos de datos

La mejor forma de combinar texto y variables

Hora 2 — Condicionales

Condicionales if / else

Usa siempre === en JavaScript

Hora 2 — Condicionales

else if y condicionales anidados

Un if dentro de otro if

Hora 2 — Condicionales

Operadores lógicos

Hora 3 — Ciclo for

Ciclo for

Las tres partes del for

Hora 3 — Ciclo for

Patrones con for

Acumular suma (o producto) dentro del ciclo

Filtrar dentro del ciclo

Hora 3 — Ciclo for

Ejercicios for

Hora 4 — Ciclo while

Ciclo while

El error más grave del while

Hora 4 — Ciclo while

Patrones con while

El bloque se ejecuta AL MENOS una vez

Hora 4 — Ciclo while

Ejercicios while

Hora 5 — Funciones y Arrays

Funciones

Hora 5 — Funciones y Arrays

Arrays

Hora 6 — Proyecto + Repaso

Python → JavaScript

Hora 6 — Proyecto + Repaso

Proyecto integrador

Lo que debe hacer tu programa

Lo que dominaste

Bloques con llaves `{}`

Comentarios con `//` o `/* */`

Punto y coma `;` al final

Salida: `console.log()`

Entrada: `prompt()`