Fundamentos de JavaScript

Introducción a JavaScript

• Qué es JavaScript: Lenguaje que aporta interactividad a la web. Permite responder a acciones del usuario, validar formularios, actualizar contenido sin recargar y consumir APIs.
• Dónde se ejecuta: En el navegador (frontend) dentro del motor JavaScript, y también en servidores con Node.js.
• Cómo incluirlo: Se recomienda usar archivos externos (<script src="script.js"></script>) para mantener el código organizado.
• Depuración: La consola del navegador permite ver errores y mensajes con console.log, esencial para aprender y verificar resultados.

Comentarios y estilo de código

javascript
Copiar
1// Comentario de una línea
2/* Comentario de varias líneas */

• Usar comentarios para explicar decisiones, no lo obvio.
• Mantener nombres claros: precioTotal, esValido, obtenerUsuario.

Variables y Tipos de Datos

javascript
Copiar
1let nombre = "Juan";
2const PI = 3.14159;
3
4let texto = "Hola";
5let numero = 42;
6let verdadero = true;
7let indefinido;
8let nulo = null;
9
10console.log(typeof texto); // "string"
11console.log(typeof numero); // "number"

• Diferencia entre let (re-asignable) y const (constante).
• Tipos primitivos: string, number, boolean, undefined, null, bigint, symbol.
• typeof ayuda a inspeccionar valores.

Conversión de tipos y truthy/falsy

javascript
Copiar
1const edad = "18";
2console.log(Number(edad) + 2); // 20
3
4console.log(Boolean(0)); // false
5console.log(Boolean("hola")); // true

• Number(), String() y Boolean() convierten valores.
• Falsy: 0, "", null, undefined, NaN, false.

Operadores y Condicionales

javascript
Copiar
15 == "5"; // true
25 === "5"; // false
3
4if (edad >= 18) {
5  console.log("Mayor de edad");
6} else {
7  console.log("Menor de edad");
8}

• Comparación estricta vs no estricta.
• Uso de if, else if, switch y operador ternario para decisiones simples.
• Operadores lógicos: &&, ||, !.

Plantillas de texto y concatenación

javascript
Copiar
1const usuario = "Ana";
2const mensaje = `Hola, ${usuario}. Bienvenida!`;
3console.log(mensaje);

• Template literals con backticks facilitan insertar variables.
• Evitan concatenaciones largas con +.

Funciones

javascript
Copiar
1function saludar(nombre) {
2  return `Hola, ${nombre}!`;
3}
4
5const sumar = function (a, b) {
6  return a + b;
7};
8
9const multiplicar = (a, b) => a * b;

• Diferencias entre declaración, expresión y arrow functions.
• Parámetros por defecto y alcance (scope) de variables.

Buenas prácticas iniciales

• Evitar variables globales sin necesidad.
• Preferir const si no hay re-asignación.
• Probar el código paso a paso en consola.