JS: Configuración del entorno

Teoría: ¿Qué es JavaScript?

¿Te has preguntado cómo le decimos a una computadora qué hacer? Usamos un lenguaje de programación, una forma precisa de darle instrucciones. JavaScript es uno de los más usados, y en esta lección veremos qué es, para qué sirve y por qué es clave aprenderlo hoy.


¿Qué es un lenguaje de programación?

Es una forma precisa de darle instrucciones a la computadora, como si siguiera una receta. Todo debe estar exacto, o el programa no funcionará.

Por ejemplo, en JavaScript, esto no sirve:

// Esto da error porque no se asignó un valor ❌
const  name;

En JavaScript, si declaramos una constante (const), también debemos darle un valor:

// Esto sí funciona ✅
const  name = "Laura";

¿Cómo entiende una computadora nuestro código?

Las computadoras no entienden directamente palabras como name o console.log. Ellas solo entienden ceros y unos (lo que se llama código binario). Entonces, necesitamos un proceso que traduzca nuestro código a ese "idioma de ceros y unos".

Y aquí es donde entran dos métodos principales:

Método¿Qué hace?Ejemplo
CompilaciónConvierte todo el código de una vez en un programa listo para ejecutarse.Archivos .exe
InterpretaciónEjecuta el código línea por línea mientras se está corriendo.JavaScript

¿Por qué aprender JavaScript?

JavaScript es uno de los lenguajes más usados del mundo. Lo usamos en mil cosas que probablemente ya conoces o usas. Aquí te contamos algunas:

💬 Sitios web dinámicos: ¿Te ha salido un mensaje directo sin recargar la página en Facebook o Gmail? Eso lo hace JavaScript.

📱 Aplicaciones móviles: Con herramientas como React Native, puedes hacer apps para celulares.

🖥️ Servidores (backend): Gracias a Node.js, también sirve para programar lo que pasa "detrás" de una aplicación.

🤖 Automatización: Puedes crear pequeños programas que hagan tareas repetitivas por ti, como renombrar archivos o enviar correos.


JavaScript: un lenguaje interpretado

Esto significa que no se convierte todo a código ejecutable de una sola vez. En cambio, se va leyendo y ejecutando línea por línea mientras corre. Para lograr eso, usamos un programa especial llamado intérprete.
  • En los navegadores (como Chrome o Firefox), ese intérprete ya está integrado.

  • Para usar JavaScript fuera del navegador, usamos Node.js, que también es un intérprete.

Ejemplo básico usando Node.js:

# Ejecutar un archivo llamado index.js desde la terminal
node  index.js

Y este podría ser el contenido de ese archivo:

// Este programa imprime un saludo en la consola
console.log("Hola, mundo!");

Un poco de historia: ¿de dónde salió JavaScript?

JavaScript nació a mediados de los 90 para hacer sitios web más interactivos. Por ejemplo, antes se usaba para hacer animaciones como nieve cayendo en la web (sí, en serio). ❄️

Con el tiempo, fue creciendo. Uno de los momentos clave fue cuando Gmail empezó a usar JavaScript para que los correos se cargaran sin actualizar toda la página. Esto se logró con una técnica llamada AJAX (no te preocupes, más adelante la veremos).

Más adelante, gracias a Node.js, JavaScript salió del navegador y empezó a usarse en muchos lugares:

  • Servidores

  • Aplicaciones de escritorio

  • Sistemas integrados (como neveras inteligentes o autos)

Hoy en día, incluso se pueden programar robots o hacer juegos con JavaScript.


El estándar ECMAScript (ES)

¿Por qué algo de JavaScript funciona en un navegador y en otro no?

Eso pasa porque hay varios intérpretes de JavaScript: Chrome, Firefox, Safari, Node.js, etc. Todos intentan seguir una misma guía llamada ECMAScript (también conocida como ES), que define cómo debe comportarse el lenguaje.

Cada nueva versión de ECMAScript trae mejoras: nuevas formas de escribir funciones, mejores maneras de declarar variables, etc ❗ Sin embargo, no todos los navegadores adoptan las nuevas versiones al mismo tiempo.

Para saber si una característica es compatible con cierto navegador, podemos usar:

En versiones antiguas de navegadores, quizás no funcione algo como esto:

// Uso de arrow function, introducida en ECMAScript 6 (ES6)
const  saludar = (nombre) => {
console.log(`Hola, ${nombre}!`);
};

Resumen

  • Un lenguaje de programación es la forma en que le damos instrucciones exactas a una computadora.
  • JavaScript es un lenguaje interpretado y muy utilizado tanto en la web como fuera de ella.
  • ECMAScript es el estándar que define cómo debe funcionar JavaScript para que sea consistente en todos los navegadores.

Completado

0 / 11