Qué es JavaScript y cómo empezar a usarlo
Autor: Redacción Domeny.ForSale Publicado Actualizado
En breve: JavaScript es un lenguaje de programación que se utiliza, entre otras cosas, para crear páginas y aplicaciones web interactivas. Permite responder a clics, validar formularios y actualizar el contenido sin recargar toda la página. No solo funciona en el navegador: con el entorno adecuado, también puede utilizarse en el servidor.
¿Qué función cumple JavaScript en una página?
La forma más sencilla de entender JavaScript es compararlo con otras dos tecnologías de las páginas web. HTML describe la estructura y el significado del contenido, como un encabezado, un formulario o un botón. CSS se encarga del aspecto: colores, espaciado, disposición y algunas animaciones. JavaScript añade la lógica, es decir, las instrucciones que determinan qué debe suceder en una situación concreta.
Imagina una calculadora de gastos de envío en una tienda. HTML crea el campo para introducir el código postal y el espacio para mostrar el resultado, CSS define su aspecto y JavaScript lee el valor introducido y muestra el importe correspondiente. Si el cálculo requiere datos de la tienda, el script puede enviar una solicitud al servidor y mostrar la respuesta recibida.
No todas las interacciones requieren JavaScript. Un enlace normal, el envío de un formulario o algunos elementos desplegables pueden funcionar solo con HTML. JavaScript es necesario cuando el comportamiento de la página requiere lógica adicional y no basta con presentar el contenido.
¿Dónde se ejecuta JavaScript y para qué sirve?
Los navegadores web incluyen un motor de JavaScript, es decir, un mecanismo que ejecuta el código de este lenguaje. Por eso, el usuario no necesita instalar un programa aparte para utilizar las funciones de una página escritas en JavaScript. El navegador también proporciona a los scripts herramientas para trabajar con el documento, gestionar eventos y comunicarse a través de la red.
En este contexto suele aparecer el DOM, o modelo de objetos del documento. Es una representación de la página que un programa puede leer y modificar. Mediante el DOM, JavaScript puede cambiar el texto de un mensaje, añadir un elemento a una lista o responder a un clic en un botón.
Entre los usos habituales de JavaScript están:
- filtrar y ordenar listas de productos;
- mostrar sugerencias mientras se escribe en un buscador;
- validar los campos de un formulario antes de enviarlo;
- actualizar datos en paneles y aplicaciones web;
- gestionar mapas, reproductores y otros componentes interactivos.
JavaScript también puede ejecutarse fuera del navegador, por ejemplo, en Node.js, un entorno de ejecución que permite ejecutar código en un servidor o un ordenador. En ese entorno puede atender solicitudes, procesar archivos y comunicarse con una base de datos. Por tanto, las posibilidades de un programa dependen no solo del lenguaje, sino también del entorno en el que se ejecuta.
¿Cómo es un código sencillo en JavaScript?
El código de JavaScript describe acciones mediante variables, condiciones y funciones, entre otros recursos. Una variable almacena un valor, una condición permite elegir qué hacer y una función agrupa instrucciones que pueden ejecutarse varias veces.
Este ejemplo comprueba si un pedido alcanza el importe mínimo para obtener el envío gratuito establecido para esta demostración:
const valorCarrito = 180;
const umbralEnvioGratuito = 200;
if (valorCarrito >= umbralEnvioGratuito) {
console.log("El envío es gratuito.");
} else {
const importeRestante = umbralEnvioGratuito - valorCarrito;
console.log(`Faltan ${importeRestante} zł para obtener el envío gratuito.`);
}
const crea una variable a la que no se puede asignar un nuevo valor después. La instrucción if comprueba la condición, mientras que else define qué hacer cuando no se cumple. console.log muestra un mensaje en la consola, no directamente en la página.
Con los valores indicados, el programa mostrará: «Faltan 20 zł para obtener el envío gratuito». Puedes ejecutar el ejemplo en la consola de las herramientas de desarrollo del navegador y, después, cambiar el valor del carrito a 220 para comprobar la diferencia. Es una demostración de la lógica, no un sistema listo para calcular los importes de una tienda real.
¿Qué no es JavaScript y qué limitaciones tiene?
JavaScript y Java son lenguajes de programación distintos. Que sus nombres se parezcan no significa que el código de uno pueda ejecutarse como si fuera código del otro. Para aprender JavaScript no es necesario conocer Java previamente.
React, Vue y Angular tampoco son otros nombres de JavaScript. Son bibliotecas o frameworks, es decir, herramientas que facilitan la creación de aplicaciones. Antes de aprender a utilizarlos, conviene dominar los fundamentos del propio lenguaje para entender qué comportamientos dependen de JavaScript y cuáles de la herramienta utilizada.
El código que se ejecuta en el navegador no debe ser la única protección de las operaciones importantes. El usuario puede modificarlo o eludirlo, por lo que el servidor debe comprobar por su cuenta, entre otras cosas, los permisos, los precios y los datos enviados. Tampoco se deben incluir secretos, como claves de acceso privadas, en el código que se envía al navegador.
Un exceso de scripts puede hacer que la página tarde más en responder. Por eso, conviene añadir JavaScript para cubrir necesidades concretas, en lugar de sustituir soluciones que ya funcionan con HTML y CSS sin obtener un beneficio claro.
¿Por dónde empezar a aprender JavaScript?
Para los primeros ejercicios basta con un navegador y un editor de texto. Si tu objetivo es crear páginas web, empieza por los fundamentos de HTML y CSS. Después, aprende a trabajar con variables, tipos de datos, condiciones, funciones, arrays y gestión de eventos en JavaScript.
Como primer proyecto pequeño, elige un contador de clics o una calculadora que sume dos números. Asegúrate de que el programa también gestione un campo vacío o un valor no válido. Este ejercicio no solo enseña a escribir código, sino también a prever lo que realmente hará el usuario.
Consulta también: ¿Qué es una API?
Lee también
