¡Bienvenido a JavaScript!

JavaScript (a menudo abreviado como JS) es el lenguaje de programación de la web. Comenzó como una forma de hacer que las páginas web fueran interactivas, y ahora impulsa todo, desde botones y animaciones en el navegador hasta servidores backend completos construidos con Node.js. Es uno de los pocos lenguajes que puedes usar desde el front end hasta el back end, lo cual es una gran parte de por qué es tan popular.

Esta página cubre qué es JavaScript, los dos lugares donde se ejecuta (el navegador y un servidor), qué puede hacer y por qué vale la pena aprenderlo. Al final entenderás dónde encaja JavaScript y qué estudiar a continuación.

¿Qué es JavaScript?

JavaScript fue creado en 1995 por Brendan Eich en Netscape. Fue diseñado para que las páginas web respondieran a las acciones del usuario — hacer clic en botones, rellenar formularios o mostrar contenido sin recargar la página.

El lenguaje está estandarizado bajo una especificación llamada ECMAScript. Cada edición anual añade funcionalidades; la edición de 2015 (comúnmente llamada ES6) fue un gran salto que introdujo las funciones flecha, las plantillas de cadena de texto, las clases y los módulos. Cuando la gente dice "JavaScript moderno", generalmente se refiere a ES6 y versiones posteriores.

Algunos términos que describen JavaScript y que verás con frecuencia:

• De alto nivel — no gestionas la memoria ni el hardware directamente.
• Tipado dinámico — una variable puede contener cualquier tipo, y el tipo se comprueba mientras el programa se ejecuta, no antes.
• Interpretado (compilado JIT) — el código se ejecuta sin un paso de compilación separado; el motor (como V8 de Chrome) lo compila sobre la marcha.

A pesar del nombre, JavaScript no está relacionado con Java. El nombre fue una decisión de marketing; los dos lenguajes son completamente diferentes.

Aquí hay un pequeño programa que imprime un mensaje — este es el tipo de código que se ejecuta igual en la consola de un navegador o en Node.js:

const language = "JavaScript";
console.log(`Hello from ${language}!`);
// Output: Hello from JavaScript!

¿Qué puede hacer JavaScript?

• Actualizar la página en tiempo real. JavaScript puede cambiar lo que hay en una página web sin cargar una nueva. Esto se hace a través del DOM (Document Object Model), la representación en vivo de la página por parte del navegador.
• Reaccionar a eventos. Ejecuta código en respuesta a clics, pulsaciones de teclas, desplazamiento, envíos de formularios y más.
• Comunicarse con servidores de forma asíncrona. Puede obtener datos en segundo plano (por ejemplo, verificar un nombre de usuario mientras el usuario sigue escribiendo) sin bloquear la página.
• Almacenar y procesar datos. Tiene soporte integrado para arrays, objects, fechas, operaciones matemáticas y procesamiento de texto.

Por ejemplo, esto cambia el encabezado principal de una página cuando se ejecuta en un navegador:

// Runs in the browser: replace the text of the first <h1>
document.querySelector('h1').textContent = 'Hello, JavaScript!';

Dónde se ejecuta JavaScript

JavaScript necesita un motor para ejecutarse. Los dos entornos más comunes son el navegador y Node.js.

En el navegador

Todos los navegadores modernos (Chrome, Firefox, Safari, Edge) tienen un motor de JavaScript integrado. Aquí es donde empezó JavaScript, y es lo que hace que las páginas web sean interactivas. Añades JavaScript a una página HTML con la etiqueta <script>:

<!-- Load an external file -->
<script src="app.js"></script>

<!-- Or write code inline -->
<script>
  console.log('This runs in the browser.');
</script>

Puedes probar JavaScript ahora mismo sin escribir ningún HTML: abre las herramientas de desarrollador de tu navegador (presiona F12, o Ctrl+Shift+I / Cmd+Option+I en una Mac), haz clic en la pestaña Console y escribe código directamente.

En un servidor con Node.js

Node.js te permite ejecutar JavaScript fuera del navegador — en un servidor, tu portátil o en herramientas de construcción. Un servidor es un equipo que responde a solicitudes, por ejemplo enviando una página web o datos.

• Un solo lenguaje, front y back. Puedes escribir tanto la parte que ven los usuarios como la lógica del servidor en el mismo lenguaje, lo que simplifica el desarrollo.
• Ideal para trabajo con mucha E/S. Node.js gestiona muchas conexiones simultáneas de manera eficiente, lo que es adecuado para APIs y aplicaciones en tiempo real como el chat.
• Un enorme ecosistema de paquetes. Node.js viene con npm, el mayor registro de software del mundo, por lo que puedes utilizar herramientas ya preparadas en lugar de escribirlo todo tú mismo.

La diferencia clave: el código en el navegador puede interactuar con la página y el usuario (document, window), mientras que el código de Node.js puede interactuar con el sistema (archivos, servidores de red) pero no tiene página. El núcleo del lenguaje es el mismo en ambos entornos.

¿Por qué aprender JavaScript?

• Está en todas partes. Casi todos los sitios web usan JavaScript, por lo que es una habilidad fundamental para el desarrollo web.
• Abre puertas a los frameworks. Aprenderlo te permite usar herramientas populares como React, Angular, Vue.js y Node.js para construir aplicaciones más grandes.
• Se ejecuta casi en cualquier lugar. Más allá de la web, JavaScript crea aplicaciones móviles (React Native) y aplicaciones de escritorio (Electron).
• Tiene una gran comunidad. Hay abundantes tutoriales, bibliotecas y ayuda disponible cuando te quedas atascado.
• Tiene gran demanda. Muchos puestos de trabajo requieren habilidades en JavaScript.
• Proporciona retroalimentación rápida. Puedes ver tu código funcionar inmediatamente en el navegador, lo que hace que aprender sea agradable.

Próximos pasos

Ahora que sabes qué es JavaScript y dónde se ejecuta, la mejor forma de aprender es escribir código. Buenos capítulos para continuar:

• Variables de JavaScript — cómo almacenar y nombrar datos.
• Tipos de datos de JavaScript — los tipos de valores con los que trabaja JavaScript.
• Funciones de JavaScript — cómo agrupar código reutilizable.
• Comentarios de JavaScript — cómo anotar tu código.

Ya sea que quieras construir un sitio web, escribir aplicaciones de servidor o simplemente aprender a programar, JavaScript es un excelente lugar para empezar. Sigue aprendiendo con nosotros en W3Docs.

Práctica