Regístrate para acceder a más de 15 cursos gratuitos de programación con un simulador

¿Qué es JavaScript? JS: Configuración del entorno

¿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ón Convierte todo el código de una vez en un programa listo para ejecutarse. Archivos .exe
Interpretación Ejecuta 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:

  • Compat Table

  • Can I Use

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.

Trabajo independiente

📁 Crea tu primer repositorio en GitHub

1️⃣ Abre GitHub y crea un repositorio nuevo llamado codica-js. Marca la casilla que dice “Add a README file”.

2️⃣ Copia el enlace de tu repositorio (el que termina en .git) y en tu terminal escribe:

git clone https://github.com/TU_USUARIO/codica-js.git
cd codica-js

Con esto vas a tener una copia del repositorio en tu computadora.

3️⃣ Abre el archivo README.md en tu editor de código (por ejemplo, VS Code) y escribe esta línea:

Mi primer proyecto en Códica

4️⃣ Guarda los cambios y súbelos a GitHub. En la terminal, escribe:

git add README.md
git commit -m "Agregando mensaje de bienvenida en README"
git push origin main

📹 Consulta este video si no sabes cómo crear o clonar un repositorio


Materiales adicionales

  1. Especificación ECMAScript (ecma-262).
  2. V8 (intérprete).

Para acceder completo a curso necesitas un plan básico

El plan básico te dará acceso completo a todos los cursos, ejercicios y lecciones de Códica, proyectos y acceso de por vida a la teoría de las lecciones completadas. La suscripción se puede cancelar en cualquier momento.

Obtener acceso
130
cursos
1000
ejercicios
2000+
horas de teoría
3200
test

Obtén acceso

Cursos de programación para principiantes y desarrolladores experimentados. Comienza tu aprendizaje de forma gratuita

  • 130 cursos, 2000+ horas de teoría
  • 1000 ejercicios prácticos en el navegador
  • 360 000 estudiantes
Al enviar el formulario, aceptas el «Política de privacidad» y los términos de la «Oferta», y también aceptas los «Términos y condiciones de uso»

Nuestros graduados trabajan en empresas como:

Bookmate
Health Samurai
Dualboot
ABBYY