Introducción

JavaScript es el lenguaje que hace que las páginas web reaccionen. Sin JavaScript, una web sería como un cartel: la ves, pero no puedes interactuar con ella. Con JavaScript, la página puede responder a un clic, validar un formulario, mostrar un mensaje, recordar datos o cargar información nueva sin recargar.

Esta lección es el punto de partida. No necesitas saber programar: solo curiosidad, un navegador y ganas de probar ejemplos.

Objetivos

Al terminar esta lección deberías ser capaz de:

Explicar con tus palabras qué es JavaScript.
Entender qué papel juega junto a HTML y CSS.
Nombrar algunas cosas que se pueden construir con JavaScript.
Ejecutar tu primera línea de código.
Conocer el orden en que se estudiarán los temas de este módulo.

¿Qué es JavaScript?

JavaScript es un lenguaje de programación: una forma de darle instrucciones a la computadora. Esas instrucciones se escriben como texto y el navegador las lee de arriba abajo, una por una.

Imagina una receta de cocina:

Tú escribes los pasos (el código).
El navegador es el cocinero que los ejecuta.
El resultado es el plato terminado (lo que ves en pantalla).

console.log("¡Hola, mundo!");
console.log("Esta es mi primera línea de JavaScript");

Ese console.log() es una instrucción que dice: “muestra este texto en la consola”. Más adelante verás cómo abrir la consola del navegador para probarlo.

JavaScript, HTML y CSS

Para entender mejor su lugar, piensa en una casa:

Tecnología	Qué hace	Comparación sencilla
HTML	Define el contenido y la estructura: títulos, párrafos, botones.	Los ladrillos y las paredes.
CSS	Define el aspecto: colores, tamaños, posiciones.	La pintura y la decoración.
JavaScript	Define el comportamiento: qué pasa cuando haces clic, qué datos se guardan.	La electricidad y los interruptores.

Los tres trabajan juntos. HTML pone un botón, CSS lo deja bonito y JavaScript decide qué ocurre cuando lo pulsas.

¿Para qué sirve JavaScript?

Algunas tareas cotidianas que resuelve:

Validar formularios: avisar si te falta el correo o si la contraseña es muy corta, antes de enviar nada.
Cambiar la página sin recargar: por ejemplo, mostrar más productos al pulsar “Ver más”.
Crear animaciones e interactividad: menús desplegables, carruseles, juegos sencillos.
Pedir datos a un servidor: cargar el clima, mensajes o resultados de búsqueda.
Guardar información en el navegador: recordar que elegiste modo oscuro.

Y no vive solo en el navegador. Con Node.js también se usa en servidores, herramientas de línea de comandos, aplicaciones de escritorio e incluso dispositivos. En la lección sobre la importancia de JavaScript verás por qué está en todas partes.

¿Dónde se ejecuta el código?

Lo importante es que JavaScript necesita un motor que lo interprete. Los dos sitios más habituales para empezar son:

La consola del navegador: ideal para practicar, porque no hay que instalar nada.
Un archivo .js: el código que luego forma parte de una web o que ejecutas con Node.js.

Por ahora trabajaremos con ejemplos pequeños que puedes copiar y pegar. No te preocupes si algo no sale a la primera: equivocarse y leer el error es parte del aprendizaje.

Cómo está organizado este módulo

La categoría Fundamentos del lenguaje recorre los temas en este orden. Puedes seguirlo de principio a fin o saltar al que necesites:

#	Lección	Qué aprenderás
1	Introducción	Qué es JavaScript y cómo empezar.
2	Importancia de JavaScript	Por qué se usa tanto.
3	Usar la consola del navegador	Tu espacio para practicar.
4	Tipos de datos	Texto, números, booleanos y más.
5	Operadores de comparación	Cómo comparar valores.
6	null y undefined	Las dos formas de “no tener valor”.
7	Guardando valores (Variables)	Cómo guardar datos con `let` y `const`.
8	Estructuras de control IF	Tomar decisiones.
9	Estructuras de control WHILE	Repetir mientras se cumpla algo.
10	Estructuras de control FOR	Repetir un número conocido de veces.
11	Comentarios en código	Anotaciones que no se ejecutan.
12	Funciones	Reutilizar bloques de código.

Consejos para estudiar

Copia y modifica. Cambia un número, un texto o un signo y observa qué pasa.
Lee los mensajes de error. Suelen decir la línea exacta del problema.
Escribe a mano, no solo copies y pegues: la memoria de los dedos ayuda.
Haz los ejercicios de cada lección, aunque parezcan fáciles.

Ejercicio

Abre la consola de tu navegador.
Escribe console.log("Me llamo " + "Ana") y pulsa Enter.
Ahora cambia "Ana" por tu nombre y vuelve a ejecutarlo.
Prueba a escribir 2 + 2 directamente en la consola y observa el resultado.

Resumen

JavaScript es un lenguaje de programación que añade comportamiento a las páginas web.
Trabaja junto a HTML (estructura) y CSS (estilos), pero su papel es distinto.
Se puede practicar directamente en el navegador, sin instalar nada.
Este módulo avanza desde los tipos de datos hasta las funciones, en orden de dificultad.

Siguiente paso: Importancia de JavaScript.