📚 Curso práctico: Domina JavaScript paso a paso
🚀 Módulo 1: ¿Qué es JavaScript?
Objetivo: Comprender qué es JavaScript y cómo se usa en la web.
- JavaScript es un lenguaje de programación que se ejecuta en el navegador.
- Permite crear páginas web interactivas, dinámicas y responsivas.
- Se usa junto con HTML y CSS.
Ejemplo básico:
<script>
alert("¡Hola mundo!");
</script>🔤 Módulo 2: Variables y tipos de datos
Objetivo: Aprender a declarar variables y usar distintos tipos de datos.
let nombre = "Juan";
const edad = 30;
var activo = true;Tipos comunes: string, number, boolean, object, array, null, undefined
🔁 Módulo 3: Condicionales y bucles
Objetivo: Controlar el flujo del programa.
if (edad >= 18) {
console.log("Es mayor de edad");
} else {
console.log("Es menor");
}for (let i = 0; i < 5; i++) {
console.log("Iteración " + i);
}🧩 Módulo 4: Funciones
Objetivo: Reutilizar código con funciones.
function saludar(nombre) {
return "Hola " + nombre;
}
console.log(saludar("Ana"));También podés usar funciones flecha:
const sumar = (a, b) => a + b;📦 Módulo 5: Arreglos y objetos
Objetivo: Manejar estructuras de datos.
let frutas = ["manzana", "banana", "pera"];
let persona = {
nombre: "Luis",
edad: 25
};Acceso:
console.log(frutas[0]);
console.log(persona.nombre);🎯 Módulo 6: DOM y eventos
Objetivo: Interactuar con elementos HTML.
document.getElementById("boton").addEventListener("click", () => {
alert("¡Botón presionado!");
});Ejemplo HTML:
<button id="boton">Haz clic</button>🧪 Módulo 7: Proyecto final
Objetivo: Aplicar lo aprendido en una mini app.
- Crear una calculadora básica
- Mostrar mensajes personalizados
- Guardar datos en variables
- Responder a eventos del usuario
