Fundamentos de JavaScript: guía completa para principiantes [2025]

JavaScript es el lenguaje de programación fundamental del desarrollo web moderno. Su dominio te permitirá crear sitios dinámicos, aplicaciones interactivas y comprender las bases de otros lenguajes y frameworks.

Esta guía está diseñada para que repases o aprendas lo esencial de JavaScript en 2025, independientemente de tus futuros intereses de especialización.

---

¿Por qué aprender JavaScript?

JavaScript está presente en prácticamente todas las aplicaciones web modernas. Dominarlo te abrirá las puertas a:

• Desarrollo web frontend y backend
• Creación de aplicaciones móviles (React Native, Ionic)
• Automatización de tareas y scripting
• Programación de servidores, APIs y bases de datos

---

1. Variables: let, const y var

JavaScript moderno recomienda usar let y const.

const nombre = "Juan";
let edad = 25;
edad = 26;

• Usa const para valores constantes.
• Usa let para valores que cambiarán.
• Evita var en la mayoría de los casos (por su comportamiento de hoisting).

---

2. Tipos de datos

JavaScript tiene varios tipos de datos primitivos:

• String: texto
• Number: números
• Boolean: verdadero o falso
• Undefined y Null: ausencia de valor
• Object: colección de propiedades
• Array: lista ordenada de elementos

Ejemplos:

const nombre = "Ana";
const edad = 30;
const activo = true;
const usuario = { nombre: "Ana", edad: 30 };
const tareas = ["Estudiar", "Practicar", "Leer"];

---

3. Operadores y expresiones

• Aritméticos: +, -, *, /, %
• Comparación: ==, ===, !=, !==, >, <, >=, <=
• Lógicos: &&, ||, !

const mayorEdad = edad >= 18 && activo;

---

4. Estructuras de control

Condicionales

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

Bucles

for:

for (let i = 0; i < 5; i++) {
  console.log(i);
}

while:

let i = 0;
while (i < 5) {
  console.log(i);
  i++;
}

---

5. Funciones y funciones flecha

Las funciones permiten reutilizar bloques de código.

function saludar(nombre) {
  return `Hola, ${nombre}`;
}

const saludarFlecha = (nombre) => `Hola, ${nombre}`;

---

6. Objetos y arrays

Los objetos y arrays son fundamentales para gestionar datos.

const usuario = {
  nombre: "Ana",
  edad: 30
};

const tareas = ["Estudiar", "Practicar", "Leer"];

Acceso:

console.log(usuario.nombre);
console.log(tareas[0]);

---

7. Destructuring

Extrae valores de objetos o arrays de forma limpia:

const { nombre, edad } = usuario;
const [primeraTarea] = tareas;

---

8. Template literals

Interpolación de variables en strings:

const saludo = `Hola, ${nombre}, tienes ${edad} años.`;

---

9. Spread y Rest operators

Spread (expandir elementos):

const nuevasTareas = [...tareas, "Revisar"];

Rest (agrupar elementos):

function sumar(...numeros) {
  return numeros.reduce((a, b) => a + b);
}

---

10. Funciones de orden superior: map, filter, reduce

• map: transforma arrays
• filter: filtra elementos
• reduce: acumula valores

tareas.map((tarea, i) => console.log(`${i}: ${tarea}`));

---

11. Manejo de módulos: importación y exportación

Permite dividir el código en archivos reutilizables.

// archivo funciones.js
export function saludar(nombre) {
  return `Hola, ${nombre}`;
}

// archivo principal.js
import { saludar } from './funciones.js';

Conclusión

Dominar los fundamentos de JavaScript te brinda la base necesaria para desarrollar aplicaciones web modernas, manipular datos, automatizar tareas y acceder a oportunidades profesionales en programación.

Recuerda: la práctica constante y la curiosidad son tus mejores aliados en este viaje de aprendizaje.

---

🌟 Consejo: Practica cada concepto creando pequeños proyectos o resolviendo ejercicios. ¡El código se aprende escribiéndolo!