JavaScript Fundamentals

Lección práctica para aplicar Fundamentos JavaScript dentro de JavaScript Fundamentals, con criterios de decisión, ejemplo guiado, ejercicio y checklist de salida.

Bienvenido al mundo de JavaScript JavaScript es un lenguaje de programación interpretado, multiparadigma y basado en prototipos. Nació para dar vida a las páginas web y hoy es uno de los lenguajes más usados del planeta: es el único que se ejecuta de forma nativa en todos los navegadores modernos, sin instalar nada. Eso lo convierte en una pieza imprescindible para cualquier persona que quiera construir productos en la web. ¿Por qué aprender JavaScript? Universalidad: corre en Chrome, Firefox, S

Preparando tu entorno de desarrollo Antes de escribir código necesitas un lugar donde escribirlo y un lugar donde ejecutarlo. La buena noticia: para empezar con JavaScript solo necesitas dos herramientas gratuitas y tu computadora actual. ¡Es más sencillo de lo que parece! 1. El navegador web Tu navegador ya incluye todo lo necesario para ejecutar JavaScript. Recomendamos Chrome o Firefox por sus excelentes herramientas de desarrollo. La consola integrada te deja escribir y ejecutar código al in

Herramientas básicas: la consola y los comentarios Estas dos herramientas te acompañarán durante todo tu camino como programador. La consola te muestra qué está pasando en tu código, y los comentarios te ayudan a entenderlo más adelante. Dominarlas desde el principio te hará la vida mucho más fácil. La consola del navegador La consola es tu mejor aliada mientras aprendes. Te permite ver errores, imprimir valores para entender qué ocurre (a esto se le llama depurar o debugging) y ejecutar código

Tipo de lección: QuizQuiz de Introduccion a JavaScriptPon a prueba tus conocimientos con este quiz. Necesitas 70% para aprobar.

Lección práctica para aplicar Funciones y Objetos dentro de JavaScript Fundamentals, con criterios de decisión, ejemplo guiado, ejercicio y checklist de salida.

Almacenando datos con variables Las variables son contenedores para almacenar datos. En JavaScript moderno, usamos principalmente let y const. Declarando variables // const - para valores que no cambian const PI = 3.14159; const nombre = "Maria"; // let - para valores que pueden cambiar let edad = 25; let puntuacion = 0; // var - la forma antigua (evitar usar) var antiguaVariable = "obsoleto"; Diferencias principales Caracteristica const let var Reasignable No Si Si Scope Bloque Bloque Funcion H

Tipos de datos en JavaScript JavaScript tiene varios tipos de datos. Los primitivos son los mas basicos: 1. String (texto) const saludo = "Hola mundo"; const nombre = 'Maria'; const template = `Hola ${nombre}`; // Template literal // Propiedades y metodos utiles console.log(saludo.length); // 10 console.log(saludo.toUpperCase()); // "HOLA MUNDO" console.log(saludo.includes("Hola")); // true 2. Number (numeros) const entero = 42; const decimal = 3.14; const negativo = -10; const infinito = Infini

Convirtiendo entre tipos de datos A veces necesitas convertir un tipo de dato a otro. JavaScript ofrece varias formas de hacerlo. Conversion a String const numero = 42; const booleano = true; // Metodo 1: String() console.log(String(numero)); // "42" console.log(String(booleano)); // "true" // Metodo 2: .toString() console.log(numero.toString()); // "42" // Metodo 3: Template literal console.log(`${numero}`); // "42" Conversion a Number const textoNumero = "42"; const textoDecimal = "3.14"; cons

Lección práctica para aplicar DOM y Eventos dentro de JavaScript Fundamentals, con criterios de decisión, ejemplo guiado, ejercicio y checklist de salida.

Operadores aritmeticos Los operadores aritmeticos te permiten realizar calculos matematicos. Operadores basicos const a = 10; const b = 3; console.log(a + b); // 13 - Suma console.log(a - b); // 7 - Resta console.log(a * b); // 30 - Multiplicacion console.log(a / b); // 3.33... - Division console.log(a % b); // 1 - Resto (modulo) console.log(a ** b); // 1000 - Potencia Incremento y decremento let contador = 0; contador++; // Incrementa en 1 (ahora es 1) contador--; // Decrementa en 1 (ahora es 0

Comparando valores en JavaScript Los operadores de comparacion devuelven un valor booleano (true o false). Operadores de igualdad // Igualdad estricta (recomendada) console.log(5 === 5); // true console.log(5 === "5"); // false (diferente tipo) console.log(5 !== 3); // true // Igualdad flexible (evitar) console.log(5 == "5"); // true (convierte tipos) console.log(5 != "5"); // false // Por que evitar == ? console.log(0 == false); // true (confuso!) console.log("" == false); // true (confuso!) co

Operadores logicos Los operadores logicos te permiten combinar condiciones. AND (&&) Devuelve true solo si ambas condiciones son true. const edad = 25; const tieneLicencia = true; // Ambas deben ser true if (edad >= 18 && tieneLicencia) { console.log("Puede conducir"); } // Tabla de verdad console.log(true && true); // true console.log(true && false); // false console.log(false && true); // false console.log(false && false); // false OR (||) Devuelve true si al menos una condicion es true. const