¿Qué es JavaScript y por qué aprenderlo?

Al finalizar esta lección serás capaz de:

• Comprender qué es JavaScript y su historia en el desarrollo web
• Identificar los diferentes entornos donde se ejecuta JavaScript
• Reconocer por qué JavaScript es el lenguaje más demandado en la industria tech
• Configurar tu primer entorno de desarrollo
• Escribir y ejecutar tu primera línea de código JavaScript

JavaScript nació en 1995, creado por Brendan Eich en apenas 10 días mientras trabajaba en Netscape Communications. Lo que comenzó como un pequeño lenguaje de scripting para hacer páginas web más interactivas se convirtió en el lenguaje de programación más utilizado del mundo.

Para entender su importancia, pensá en cualquier sitio web que uses a diario: Instagram, YouTube, Netflix, Mercado Libre, WhatsApp Web. Todos funcionan con JavaScript. No es una exageración decir que JavaScript impulsa la web moderna.

¿Por qué se llama JavaScript?

Una confusión muy común entre principiantes es pensar que JavaScript y Java son el mismo lenguaje o que están relacionados. La realidad es que no tienen casi nada en común. El nombre "JavaScript" fue una decisión de marketing: en 1995, Java era el lenguaje de moda, y Netscape decidió aprovechar esa popularidad para darle visibilidad a su nuevo lenguaje. Como dijo alguna vez un desarrollador veterano: "JavaScript es a Java lo que 'car' es a 'carpet' — comparten letras, pero son cosas completamente diferentes".

La evolución: de lenguaje simple a ecosistema completo

Durante sus primeros años, JavaScript solo servía para cosas simples: validar formularios, cambiar colores de botones, mostrar alertas. Pero todo cambió con tres eventos clave:

1. 2005 - AJAX y Web 2.0: Google lanzó Gmail y Google Maps, demostrando que JavaScript podía crear aplicaciones web tan potentes como las de escritorio. La técnica AJAX permitió actualizar partes de una página sin recargarla completa.

2. 2009 - Node.js: Ryan Dahl creó Node.js, permitiendo ejecutar JavaScript fuera del navegador. De repente, JavaScript podía usarse para crear servidores, APIs, herramientas de línea de comandos y mucho más.

3. 2015 - ECMAScript 6 (ES6): Una actualización masiva del lenguaje que agregó características modernas como arrow functions, clases, template literals, destructuring y módulos. Esto transformó a JavaScript en un lenguaje maduro y poderoso.

Hoy en 2026, JavaScript no solo domina la web. Con él podés crear:

• Sitios web y aplicaciones web (React, Vue, Angular, Next.js)
• Aplicaciones móviles (React Native, Expo)
• Aplicaciones de escritorio (Electron — VS Code está hecho con JavaScript)
• Servidores y APIs (Node.js, Deno, Bun)
• Inteligencia Artificial y Machine Learning (TensorFlow.js)
• Juegos (Phaser, Three.js)
• IoT y robots (Johnny-Five)
• Extensiones de navegador

Las cifras que demuestran su dominio

Según la encuesta de Stack Overflow de 2025, JavaScript lleva más de 12 años consecutivos como el lenguaje más utilizado por desarrolladores profesionales. GitHub reporta que es el lenguaje con más repositorios activos. Y plataformas de empleo como LinkedIn y Glassdoor consistentemente lo listan como la habilidad técnica más solicitada.

En Latinoamérica, la demanda es particularmente alta. Empresas como Mercado Libre, Globant, Rappi, Kavak y miles de startups buscan constantemente desarrolladores JavaScript. Los salarios para desarrolladores JavaScript junior en LATAM van desde USD 800 hasta USD 2,500 mensuales, y para seniors pueden superar los USD 5,000 — incluso trabajando de forma remota.

Una de las grandes fortalezas de JavaScript es que puede ejecutarse en múltiples entornos. Vamos a conocer los principales:

El navegador web (Browser)

Este es el hogar natural de JavaScript. Cada navegador moderno (Chrome, Firefox, Safari, Edge) incluye un motor de JavaScript que interpreta y ejecuta el código:

• V8 → Chrome y Edge (también es el motor de Node.js)
• SpiderMonkey → Firefox
• JavaScriptCore → Safari

Cuando abrís una página web, el navegador descarga el HTML, el CSS y los archivos JavaScript. Luego, el motor de JavaScript ejecuta ese código, permitiendo que la página sea interactiva.

La consola del navegador

Tu primera herramienta para practicar JavaScript es la consola del navegador. Es un entorno interactivo donde podés escribir código JavaScript y ver los resultados inmediatamente.

Para abrirla:

• Chrome/Edge: Clic derecho → "Inspeccionar" → pestaña "Console" (o presioná Ctrl+Shift+J en Windows/Linux, Cmd+Option+J en Mac)
• Firefox: Ctrl+Shift+K (Windows/Linux) o Cmd+Option+K (Mac)
• Safari: Primero habilitá las herramientas de desarrollo en Preferencias → Avanzado, luego Cmd+Option+C

¡Probá ahora mismo! Abrí la consola y escribí:

console.log("¡Hola, mundo! 🌍");

Deberías ver el mensaje impreso en la consola. ¡Felicitaciones! Acabás de ejecutar tu primera línea de JavaScript.

Algunos ejemplos más para experimentar:

// Operaciones matemáticas
console.log(2 + 2);        // 4
console.log(10 * 5);       // 50
console.log(100 / 3);      // 33.333...

// Texto (strings)
console.log("Mi nombre es " + "JavaScript");

// La fecha actual
console.log(new Date());

// Un mensaje con estilo
console.log("%c¡JavaScript es genial!", "color: gold; font-size: 24px; font-weight: bold;");

Node.js (JavaScript fuera del navegador)

Node.js permite ejecutar JavaScript directamente en tu computadora, sin necesidad de un navegador. Es como tener un "motor de JavaScript independiente". Con Node.js podés:

• Crear servidores web
• Leer y escribir archivos
• Conectarte a bases de datos
• Automatizar tareas

Para este curso, te recomiendo instalar Node.js desde nodejs.org. Descargá la versión LTS (Long Term Support) que es la más estable.

Una vez instalado, abrí tu terminal y escribí:

node --version

Si ves algo como v22.x.x, ¡Node.js está instalado correctamente!

Podés crear un archivo llamado hola.js con el contenido:

console.log("¡Hola desde Node.js!");
console.log("Estoy ejecutando JavaScript sin navegador");

Y ejecutarlo con:

node hola.js

Editores de código recomendados

Para escribir JavaScript de forma cómoda, necesitás un buen editor de código. Mi recomendación principal es Visual Studio Code (VS Code):

• Es gratuito y de código abierto
• Tiene autocompletado inteligente para JavaScript
• Miles de extensiones útiles
• Terminal integrada
• Debugger incorporado

Extensiones esenciales para JavaScript en VS Code:

1. ESLint — detecta errores y malas prácticas
2. Prettier — formatea tu código automáticamente
3. JavaScript (ES6) code snippets — atajos de código
4. Live Server — servidor local con recarga automática

Vamos a crear algo un poco más interesante que solo imprimir texto. Creá un archivo llamado mi-primer-programa.js:

// Mi primer programa en JavaScript
// Fecha: 2026

// 1. Mostrar un mensaje de bienvenida
console.log("==================================");
console.log("  ¡Bienvenido a JavaScript!");
console.log("==================================");

// 2. Operaciones básicas
let nombre = "Estudiante";
let edad = 25;
let añoActual = 2026;
let añoNacimiento = añoActual - edad;

console.log("Nombre: " + nombre);
console.log("Edad: " + edad + " años");
console.log("Año de nacimiento aproximado: " + añoNacimiento);

// 3. Un cálculo divertido
let diasVividos = edad * 365;
let horasVividas = diasVividos * 24;
console.log("Has vivido aproximadamente " + diasVividos + " días");
console.log("Eso son " + horasVividas + " horas");

// 4. Template literals (una forma moderna de combinar texto)
console.log(`\n${nombre} tiene ${edad} años y ha vivido ${diasVividos} días.`);
console.log(`Nació aproximadamente en ${añoNacimiento}.`);

Este programa demuestra varios conceptos que iremos profundizando:

• Comentarios (líneas que empiezan con //)
• Variables (almacenar datos con let)
• Tipos de datos (texto entre comillas, números sin comillas)
• Operaciones (suma, resta, multiplicación)
• Template literals (texto con backticks y ${} para insertar variables)
• console.log() (mostrar información en la consola)

¿Qué es console.log()?

console.log() es probablemente la función que más vas a usar mientras aprendés JavaScript. Su propósito es mostrar información en la consola. Pensalo como un "espía" que te permite ver qué está pasando dentro de tu programa.

El objeto console tiene varios métodos útiles:

// Mensaje normal
console.log("Información general");

// Advertencia (se muestra en amarillo)
console.warn("¡Cuidado! Algo podría fallar");

// Error (se muestra en rojo)
console.error("¡Error! Algo salió mal");

// Información (similar a log, con ícono de info)
console.info("Dato informativo");

// Tabla (muestra datos en formato tabla)
console.table(["Manzana", "Banana", "Cereza"]);

// Agrupar mensajes
console.group("Datos del usuario");
console.log("Nombre: Juan");
console.log("Edad: 30");
console.groupEnd();

// Medir tiempo de ejecución
console.time("miOperacion");
// ... código que querés medir ...
console.timeEnd("miOperacion");

1. Confundir JavaScript con Java: Son lenguajes completamente diferentes. JavaScript es interpretado, dinámico y orientado a la web. Java es compilado, tipado estáticamente y orientado a aplicaciones empresariales.

2. No abrir la consola del navegador: Muchos principiantes escriben código pero no saben dónde ver los resultados. Siempre tené la consola abierta mientras practicás.

3. Olvidar los punto y coma: Aunque JavaScript tiene "inserción automática de punto y coma" (ASI), es buena práctica ponerlos al final de cada instrucción para evitar bugs sutiles.

4. Pensar que necesitás un IDE costoso: VS Code es gratuito y es el editor más popular del mundo. No necesitás pagar por herramientas para empezar.

5. No practicar en la consola: La consola del navegador es tu mejor amiga para experimentar. Usala constantemente.

1. JavaScript es el lenguaje más popular del mundo y lleva más de 12 años liderando las encuestas de desarrolladores.
2. No es lo mismo que Java — solo comparten parte del nombre por razones de marketing.
3. Se ejecuta en múltiples entornos: navegadores web, Node.js, aplicaciones móviles, servidores y más.
4. La consola del navegador es tu herramienta principal para practicar y experimentar con código.
5. console.log() es la función más importante para mostrar información y depurar tu código.
6. VS Code es el editor recomendado, con extensiones como ESLint, Prettier y Live Server.
7. La demanda laboral de JavaScript en Latinoamérica es altísima, con salarios competitivos incluso para juniors.

1. ¿En qué año fue creado JavaScript?
a) 2005
b) 1995
c) 2000
d) 2009

2. ¿Cuál es el motor de JavaScript que usa Google Chrome?
a) SpiderMonkey
b) JavaScriptCore
c) V8
d) Chakra

3. ¿Qué permite hacer Node.js?
a) Solo crear páginas web
b) Ejecutar JavaScript fuera del navegador
c) Reemplazar HTML y CSS
d) Crear solo aplicaciones móviles

4. ¿Cuál es el atajo de teclado para abrir la consola en Chrome (Windows)?
a) Ctrl+Shift+J
b) Ctrl+Alt+C
c) F12 solamente
d) Ctrl+C

5. ¿Qué método de console muestra datos en formato de tabla?
a) console.log()
b) console.table()
c) console.grid()
d) console.show()

Respuestas: 1-b, 2-c, 3-b, 4-a, 5-b

Ejercicio práctico

Misión: Tu tarjeta de presentación digital

Creá un archivo llamado tarjeta.js que muestre en la consola una tarjeta de presentación con tu información. Debe incluir:

1. Un borde decorativo hecho con caracteres (como === o ***)
2. Tu nombre
3. Tu edad y año de nacimiento calculado
4. Tu país
5. Por qué querés aprender JavaScript
6. Al menos un cálculo matemático (por ejemplo, cuántos días has vivido)

Ejemplo de salida esperada:

╔══════════════════════════════════╗
  🎯 TARJETA DE PRESENTACIÓN
╠══════════════════════════════════╣
  Nombre: María González
  Edad: 28 años
  País: Argentina
  Días vividos: 10,220
  Meta: Ser desarrolladora web
╚══════════════════════════════════╝

Bonus: Usá console.table() para mostrar tus datos en formato tabla y console.time() para medir cuánto tarda tu programa en ejecutarse.