Saltar al contenido principal
JavaScript24 de junio de 202690 min de lectura
Principiante90 min Full Stack Developer Backend Developer Frontend Developer

JavaScript: cero a avanzado

Tutorial completo de JavaScript: fundamentos, funciones, arrays, DOM, asincronía con Promises y async/await, ES6+ y 5 ejercicios prácticos.

JavaScriptfrontendbackendfullstackasyncDOM

Lo que aprenderás

  • Dominar variables, tipos y operadores de JavaScript
  • Usar funciones, closures y scope correctamente
  • Manipular arrays y objetos con métodos avanzados
  • Manejar el DOM y eventos del navegador
  • Trabajar con Promises y async/await
  • Usar características modernas de ES6+

Introducción a JavaScript

JavaScript es el único lenguaje de programación nativo del navegador web. Junto con HTML y CSS forma la trinidad del desarrollo frontend, pero también se ejecuta en el servidor gracias a Node.js.

Es un lenguaje interpretado, de tipado dinámico y multiparadigma: soporta programación imperativa, orientada a objetos y funcional.

// Tu primer programa JavaScript
console.log("¡Hola, mundo!");

// Variables
let nombre = "Ana";
const edad = 28;
console.log(`Hola, ${nombre}. Tienes ${edad} años.`);
Abre las DevTools del navegador (F12) y usa la consola para ejecutar fragmentos de JS al instante.

¿Dónde se ejecuta?

En el navegador JS accede al DOM, gestiona eventos y hace peticiones HTTP. En Node.js accede al sistema de archivos, crea servidores HTTP y mucho más.

// En el navegador
document.title = "Mi página";
alert("¡Hola desde el navegador!");

// En Node.js
const fs = require("fs");
console.log(fs.readdirSync("."));