Módulo 1: Introducción al mundo JavaScript

▸ javascript-desde-cero/introduccion-al-mundo-javascript

@yoezequiel 23-04-2025

🎙️ Introducción

Hola, ¿cómo estás? ¡Bienvenido o bienvenida al curso de JavaScript desde cero!

En esta primera clase vamos a conocer qué es JavaScript, para qué sirve, un poco de su historia, cómo se relaciona con HTML y CSS, qué herramientas necesitamos para comenzar y, por supuesto, vamos a escribir nuestro primer script.

Así que si nunca programaste antes, no te preocupes: esta clase está pensada especialmente para vos.

🧠 ¿Qué es JavaScript y para qué sirve?

JavaScript es un lenguaje de programación que se ejecuta principalmente en los navegadores web.

Sirve para agregarle interactividad a las páginas web: cosas como formularios dinámicos, botones que responden al hacer clic, menús desplegables, efectos visuales, validaciones de datos, y hasta juegos, chats o aplicaciones completas.

De hecho, si alguna vez usaste una página donde al tocar un botón pasaba algo sin que se recargue todo… eso probablemente fue JavaScript.

🕰️ Historia y evolución del lenguaje

JavaScript nació en el año 1995, y fue creado en apenas 10 días por Brendan Eich, un desarrollador que trabajaba en Netscape, uno de los primeros navegadores.

Al principio, se llamó “LiveScript”, pero se le cambió el nombre a “JavaScript” por motivos de marketing, aunque no tiene nada que ver con Java, otro lenguaje distinto.

Desde entonces, fue creciendo muchísimo. Hoy es uno de los lenguajes más usados del mundo.

Se utiliza no solo en navegadores, sino también en servidores (gracias a Node.js), en aplicaciones móviles, videojuegos, inteligencia artificial… ¡está en todos lados!

🌐 Cómo se integra con HTML y CSS

En una página web moderna usamos tres tecnologías:

HTML para definir la estructura (títulos, párrafos, botones, formularios…)

CSS para darle estilo visual (colores, tamaños, ubicaciones…)

Y JavaScript para darle vida, movimiento e inteligencia.

Por eso decimos que JavaScript no reemplaza al HTML ni al CSS, sino que trabaja junto a ellos.

🧰 Herramientas básicas para empezar

Para empezar a programar en JavaScript, solo necesitamos 3 cosas:

Un navegador moderno, como Google Chrome o Firefox (yo voy a usar Chrome en este curso).

Un editor de código. Vamos a usar Visual Studio Code, que es gratuito, liviano y muy popular.

La consola del navegador, que es una herramienta para ver errores, escribir código y hacer pruebas. Vamos a verla en acción en un momento.

💻 Primeros pasos: tu primer script

Vamos a crear nuestro primer archivo HTML con JavaScript.

Abrí Visual Studio Code y creá un archivo nuevo llamado index.html.
Copiá y pegá este código básico:

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Mi primera página con JavaScript</title>
</head>
<body>
  <h1>¡Hola JavaScript!</h1>

  <script>
    alert("¡Hola desde JavaScript!");
    console.log("Este mensaje aparece en la consola del navegador");
  </script>
</body>
</html>

Guardá el archivo, hacé doble clic para abrirlo en el navegador, ¡y listo!
Vas a ver una alerta que dice “¡Hola desde JavaScript!”

Y si abrís la consola (con F12 o clic derecho > Inspeccionar > Consola), vas a ver el mensaje que pusimos con console.log.

📌 Cierre

¡Muy bien! Acabás de escribir tu primer script en JavaScript.

Ya entendés qué es este lenguaje, cómo surgió, para qué sirve y cómo se relaciona con el mundo web.

En la próxima clase vamos a empezar con los fundamentos del lenguaje: cómo declarar variables, qué tipos de datos existen y cómo hacer operaciones con ellos.

Curso Siguiente Lección