¿Qué es JavaScript?

Definición breve

¡Bienvenido a tu primer paso en el mundo del desarrollo web! En palabras simples, JavaScript es un lenguaje de programación que da vida a las páginas web. Si un sitio web hace algo más que quedarse quieto como una hoja digital, es muy probable que JavaScript esté trabajando detrás de escena.

JavaScript en la web

Cuando miras un sitio web moderno, normalmente ves tres tecnologías principales trabajando juntas. Piensa en construir una casa:

HTML (estructura/contenido): Es la base y las paredes. Contiene el texto, las imágenes y los enlaces.
CSS (estilo/diseño): Es la pintura y el diseño interior. Hace que el sitio se vea bien con colores, fuentes y layouts.
JavaScript (comportamiento/interactividad): Es la electricidad y la plomería. Hace que las cosas funcionen, respondan y cambien según lo que haces.

Dónde se ejecuta JavaScript

Originalmente, JavaScript fue creado para ejecutarse solo dentro de navegadores web como Google Chrome, Safari o Firefox.

Sin embargo, hoy es mucho más poderoso. JavaScript también se puede usar con herramientas como Node.js para servidores, y con frameworks para crear apps móviles y de escritorio.

Qué puede hacer JavaScript

JavaScript hace que internet sea más útil e interactivo. Estos son algunos ejemplos simples de lo que puede hacer en un sitio web:

Abrir menús: Hacer clic en un icono para mostrar un menú oculto.
Validar formularios: Comprobar si escribiste bien tu correo antes de enviar un formulario.
Actualizar contenido sin recargar la página: Ver nuevas publicaciones aparecer mientras navegas por una red social.
Responder a clics: Mostrar un mensaje o cambiar un color cuando haces clic en un botón.

Ejemplo simple

Veamos un fragmento muy pequeño de código JavaScript. No te preocupes si parece completamente nuevo; lo explicaremos justo después.

Se puede editar

let greeting = "Hola, estudiante!";
console.log(greeting);

Explicación del ejemplo

Leamos este código juntos, línea por línea:

let greeting: Aquí creamos un pequeño contenedor en la memoria de la computadora. Usamos la palabra especial let y le damos el nombre greeting.
= "Hola, estudiante!";: Tomamos el texto "Hola, estudiante!" y lo guardamos dentro del contenedor greeting.
console.log(greeting);: Esta línea envía el valor de greeting a la consola. En esta lección, lo verás en la sección de salida debajo del código.

Por qué JavaScript importa

Sin JavaScript, la web sería un lugar muy quieto y estático. Casi solo podrías leer texto y mirar imágenes. JavaScript es importante porque convierte páginas básicas en aplicaciones modernas y dinámicas. Permite crear experiencias que responden a lo que hace el usuario.

Mini tarea

Prueba cambiar el texto dentro de las comillas.

Por ejemplo, reemplaza "Hola, estudiante!" por tu propio mensaje y haz clic en Ejecutar otra vez. Observa cómo cambia la salida.

Quiz corto

¿Listo para revisar lo aprendido? Intenta responder estas preguntas:

Si HTML es la estructura y CSS es el estilo, ¿qué papel cumple JavaScript?
¿JavaScript solo puede ejecutarse dentro de un navegador web o también en otros lugares?
¿Cuál es un ejemplo real de algo que JavaScript puede hacer en un sitio web?
¿Por qué un sitio web moderno podría sentirse “roto” o aburrido sin JavaScript?

Desafío

Crea un segundo mensaje e imprímelo también.

Prueba esta idea:

Se puede editar

let greeting = "Hola, estudiante!";
let nextStep = "Hoy estoy aprendiendo JavaScript.";

console.log(greeting);
console.log(nextStep);

Resumen

Buen trabajo al llegar al final de la lección. Este es un resumen rápido:

JavaScript es un lenguaje de programación que agrega interactividad y comportamiento a los sitios web.
Trabaja junto con HTML (estructura) y CSS (diseño) para crear una experiencia web completa.
Puede ejecutarse en navegadores, en servidores con herramientas como Node.js y en apps mediante diferentes frameworks.
Maneja acciones como clics en botones, validación de formularios y actualización de contenido.