Volver al diccionario
Desarrollo Web
JavaScript
JavaScript es el lenguaje de programación de la web. Descubre qué es, para qué sirve, su sintaxis básica, frameworks y por qué es el lenguaje más usado del mundo.
Qué es JavaScript
JavaScript (abreviado JS) es el lenguaje de programación de la web. Es el único lenguaje que los navegadores ejecutan de forma nativa, lo que lo convierte en imprescindible para crear páginas interactivas y aplicaciones web. Junto con HTML (estructura) y CSS (estilo), JavaScript es el tercer pilar del desarrollo web.
Mientras HTML y CSS son lenguajes declarativos que describen qué mostrar y cómo se ve, JavaScript es un lenguaje de programación completo: tiene variables, funciones, condiciones, bucles, clases y manejo asíncrono. Permite manipular el contenido de la página en tiempo real, responder a acciones del usuario, comunicarse con servidores y construir aplicaciones complejas.
JavaScript es también el lenguaje más popular del mundo según la encuesta anual de Stack Overflow, donde lleva más de una década en el primer puesto.
Características de JavaScript
- Interpretado: El navegador ejecuta el código directamente, sin compilación previa
- Tipado dinámico: No se declara el tipo de cada variable; JavaScript lo infiere
- Orientado a eventos: Responde a acciones del usuario (clics, teclado, scroll)
- Asíncrono: Puede hacer operaciones en paralelo sin bloquear la página
- Versátil: Funciona en el navegador (frontend) y en el servidor (Node.js)
Sintaxis básica
\\\`javascript
// Variables (usa const por defecto, let cuando necesites reasignar)
const nombre = "María";
let contador = 0;
// Funciones
function saludar(nombre) {
return \Hola, \${nombre}!\;
}
// Arrow functions (sintaxis moderna)
const duplicar = (n) => n * 2;
// Arrays y métodos
const productos = ["zapatillas", "camiseta", "gorra"];
const mayusculas = productos.map(p => p.toUpperCase());
const filtrados = productos.filter(p => p.length > 7);
// Objetos
const usuario = {
nombre: "Ana",
email: "[email protected]",
activo: true,
saludar() {
return \Hola, soy \${this.nombre}\;
}
};
// Desestructuración
const { nombre, email } = usuario;
// Condicionales
if (usuario.activo) {
console.log("Usuario activo");
} else {
console.log("Usuario inactivo");
}
\\\`
Manipulación del DOM
El DOM (Document Object Model) es la representación en memoria de la página HTML. JavaScript puede leerlo y modificarlo en tiempo real:
\\\`javascript
// Seleccionar elementos
const boton = document.querySelector("#mi-boton");
const tarjetas = document.querySelectorAll(".tarjeta");
// Escuchar eventos
boton.addEventListener("click", () => {
console.log("¡Botón clickeado!");
});
// Modificar contenido
document.querySelector("h1").textContent = "Nuevo título";
// Añadir/quitar clases CSS
boton.classList.add("activo");
boton.classList.toggle("visible");
// Crear elementos
const parrafo = document.createElement("p");
parrafo.textContent = "Texto dinámico";
document.body.appendChild(parrafo);
\\\`
Código asíncrono: Promises y async/await
JavaScript puede hacer peticiones a APIs sin bloquear la página:
\\\`javascript
// Con async/await (la forma moderna y más legible)
async function cargarProductos() {
try {
const respuesta = await fetch("https://api.tienda.com/productos");
const datos = await respuesta.json();
mostrarProductos(datos);
} catch (error) {
console.error("Error al cargar productos:", error);
}
}
cargarProductos();
\\\`
JavaScript en el servidor: Node.js
Node.js permite ejecutar JavaScript fuera del navegador, en el servidor. Esto hizo posible usar JavaScript para todo el stack:
- APIs REST con Express o Fastify
- Aplicaciones en tiempo real con WebSockets
- Scripts de automatización
- Herramientas de build (webpack, vite, esbuild)
Frameworks y librerías principales
React
La librería de Facebook para construir interfaces basadas en componentes. El más popular del mundo para frontends complejos.
Vue.js
Framework progresivo y accesible. Curva de aprendizaje más suave que React. Muy popular en el mercado hispanohablante.
Angular
Framework completo de Google. Muy usado en entornos enterprise con equipos grandes.
Next.js
Framework de React que añade SSR, SSG y routing basado en archivos. El estándar de facto para aplicaciones React de producción.
Svelte
Compilador que genera JavaScript optimizado sin virtual DOM. Código muy conciso y rendimiento excelente.
JavaScript y el ecosistema moderno
El ecosistema JS ha evolucionado enormemente:
- TypeScript: Superset de JS con tipado estático. Mejora la mantenibilidad en proyectos grandes.
- Bundlers: Vite, webpack, esbuild — empaquetan y optimizan el código para producción
- npm/pnpm/yarn: Gestores de paquetes para instalar librerías del ecosistema
- ESLint y Prettier: Herramientas para mantener código limpio y consistente
Preguntas frecuentes
¿JavaScript y Java son lo mismo?
No, son lenguajes completamente distintos. El nombre "JavaScript" fue una decisión de marketing de Netscape en 1995 para aprovecharse de la popularidad de Java en aquel momento. No comparten sintaxis, paradigma ni ecosistema. Java es un lenguaje compilado y tipado estáticamente, mayoritariamente usado en backends enterprise. JavaScript es interpretado, dinámico y nativo en el navegador.
¿Por dónde empezar a aprender JavaScript?
Aprende primero los fundamentos: variables, tipos de datos, funciones, arrays, objetos, condicionales, bucles. Luego manipulación del DOM y eventos. Después código asíncrono (fetch, async/await). Solo entonces empieza con un framework (React o Vue). Plataformas como MDN Web Docs, freeCodeCamp o javascript.info son excelentes para empezar.
¿JavaScript es útil para backend también?
Sí. Con Node.js puedes usar JavaScript en el servidor para construir APIs REST, aplicaciones en tiempo real, herramientas de automatización y más. Frameworks como Express, NestJS o Fastify permiten construir backends robustos con JavaScript o TypeScript.
Términos relacionados
Necesitas ayuda con tu ecommerce?
Somos expertos en desarrollo de tiendas online. Cuéntanos tu proyecto y te asesoramos sin compromiso.
Contactar con Ganton