- ¿Qué es un lenguaje de programación?
- ¿Cómo entiende una computadora nuestro código?
- ¿Por qué aprender JavaScript?
- JavaScript: un lenguaje interpretado
- Un poco de historia: ¿de dónde salió JavaScript?
- El estándar ECMAScript (ES)
¿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?
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
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?
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
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.