Conoce los 7 conceptos básicos de JavaScript que necesitas dominar para empezar a escribir código funcional, explicados de forma simple y con ejemplos prácticos.
JavaScript es, hoy en día, uno de los lenguajes de programación más utilizados del mundo. Es el lenguaje que le da interactividad a las páginas web: desde un botón que responde al hacer clic, hasta validaciones de formularios, animaciones y aplicaciones completas que corren directamente en el navegador.
A diferencia de otros lenguajes que requieren instalar programas complicados antes de escribir la primera línea de código, con JavaScript basta con abrir la consola del navegador para empezar a experimentar. Esa accesibilidad lo convierte en una excelente puerta de entrada al mundo de la programación, especialmente para quienes están interesados en el desarrollo web.
Antes de construir proyectos más ambiciosos, es fundamental entender un conjunto de conceptos base que aparecen una y otra vez en cualquier código JavaScript. Si ya revisaste nuestra guía sobre los errores comunes de principiantes en Python, notarás que varios de estos conceptos —como las variables o las funciones— existen también en otros lenguajes, aunque cada uno tenga su propia sintaxis. En esta guía repasamos los 7 conceptos básicos de JavaScript que todo principiante debe conocer.
Variables: el punto de partida de cualquier programa
Una variable es un espacio donde se guarda información para usarla más adelante en el programa. En JavaScript existen tres formas de declarar variables: var, let y const.
let nombre = "Ana";
const edadMinima = 18;
var contadorAntiguo = 0;Hoy en día se recomienda usar let para variables que van a cambiar de valor, y const para valores que no deberían reasignarse una vez definidos. El uso de var quedó como parte de versiones antiguas del lenguaje y se recomienda evitarlo en código nuevo. La referencia de W3Schools sobre variables en JavaScript incluye ejemplos adicionales sobre cómo operar con distintos tipos de variables si quieres profundizar.
¿Qué tipos de datos existen en JavaScript?
JavaScript maneja varios tipos de datos básicos: strings (texto), numbers (números), booleans (verdadero o falso), arrays (listas de valores) y objects (colecciones de datos con propiedades). Entender qué tipo de dato estás manipulando es clave para evitar errores, especialmente al combinar valores de distintos tipos.
let texto = "Hola"; // string
let numero = 25; // number
let esActivo = true; // boolean
let colores = ["rojo", "azul", "verde"]; // arraySegún la guía de freeCodeCamp en español sobre variables, entender bien cómo funcionan los distintos tipos de datos y su alcance (scope) es una de las bases más importantes para escribir JavaScript de forma sólida desde el principio.
Operadores: cómo trabajar con los valores
Los operadores permiten realizar acciones con los valores almacenados en las variables: sumar, comparar, asignar, entre otros. Los más comunes son los operadores aritméticos (+, -, *, /), los de comparación (==, ===, >, <) y los lógicos (&&, ||, !).
Un detalle importante para principiantes: en JavaScript se recomienda usar siempre === (igualdad estricta) en lugar de ==, ya que este último puede generar comparaciones inesperadas al convertir automáticamente los tipos de datos antes de comparar.
¿Cómo tomar decisiones en el código? Estructuras condicionales
Las estructuras condicionales permiten que el programa ejecute distintas acciones dependiendo de si una condición se cumple o no. La más básica es if / else:
let edad = 20;
if (edad >= 18) {
console.log("Eres mayor de edad");
} else {
console.log("Eres menor de edad");
}Este tipo de lógica está presente en prácticamente cualquier programa, desde validar un formulario hasta decidir qué contenido mostrar a un usuario según su comportamiento.
Bucles: repetir acciones sin repetir código
Cuando se necesita ejecutar una misma acción varias veces, escribir el mismo código una y otra vez no es una opción práctica. Para eso existen los bucles, como for y while, que permiten repetir un bloque de código mientras se cumpla una condición.
for (let i = 0; i < 5; i++) {
console.log("Repetición número " + i);
}Dominar los bucles es esencial para trabajar con listas de datos (arrays), donde es muy común necesitar recorrer cada elemento para procesarlo de alguna forma.
Funciones: organizar el código en bloques reutilizables
Una función es un bloque de código que se puede definir una vez y ejecutar (invocar) las veces que sea necesario. Las funciones ayudan a evitar la repetición de código y hacen que los programas sean más fáciles de leer y mantener.
function saludar(nombre) {
return "Hola, " + nombre + "!";
}
console.log(saludar("Carlos"));Como explica la documentación de MDN Web Docs, JavaScript comparte conceptos fundamentales con otros lenguajes de programación —como funciones y bucles— aunque la sintaxis específica cambie de un lenguaje a otro.
¿Qué son los eventos en JavaScript?
Los eventos son acciones que ocurren en la página, como hacer clic en un botón, escribir en un campo de texto o cargar la página completa. JavaScript permite "escuchar" estos eventos y ejecutar código en respuesta a ellos, lo que le da a las páginas web su característica más importante: la interactividad.
document.getElementById("miBoton").addEventListener("click", function() {
alert("¡Hiciste clic en el botón!");
});Este concepto es el que conecta todo lo anterior —variables, condicionales, funciones— con una página web real que responde a las acciones de quien la visita.
Quick-Reference: Conceptos Básicos de JavaScript
- Variables (let, const) — usa
letpara valores que cambian yconstpara los que no. - Tipos de datos — strings, numbers, booleans, arrays y objects son los más comunes.
- Operadores — usa siempre
===en lugar de==para comparar valores. - Condicionales (if/else) — permiten que el programa tome decisiones según una condición.
- Bucles (for, while) — repiten código sin necesidad de escribirlo varias veces.
- Funciones — bloques de código reutilizables que evitan la repetición.
- Eventos — permiten que el código responda a acciones del usuario, como clics.
- Consola del navegador — úsala para probar código rápidamente sin instalar nada.
El siguiente paso después de los fundamentos
Estos 7 conceptos no son solo teoría — son las piezas que vas a combinar constantemente en cualquier proyecto de JavaScript, sin importar qué tan simple o complejo sea. Entender bien cada uno antes de avanzar hacia temas más complejos, como la manipulación del DOM o los frameworks modernos, va a hacer que el resto del aprendizaje sea mucho más fluido.
La mejor forma de fijar estos conceptos no es solo leerlos, sino escribir código con ellos. Abre la consola de tu navegador o un editor en línea, y prueba cada uno de los ejemplos de esta guía modificando los valores para ver cómo cambia el resultado.
Si te interesa comparar cómo se ven estos mismos conceptos en otro lenguaje, no te pierdas nuestra guía sobre los errores comunes de principiantes en Python, donde vemos ideas similares —como variables y manejo de errores— aplicadas a otro contexto.
Preguntas Frecuentes
¿Cuál es la diferencia entre let, const y var en JavaScript?
let se usa para variables que pueden cambiar de valor, const para valores que no deben reasignarse, y var es la forma antigua de declarar variables, actualmente en desuso.
¿Por qué se recomienda usar === en lugar de == en JavaScript?
Porque === compara tanto el valor como el tipo de dato sin hacer conversiones automáticas, evitando resultados inesperados que sí pueden ocurrir con ==.
¿Necesito saber HTML y CSS antes de aprender JavaScript?
No es obligatorio para aprender la lógica del lenguaje, pero si tu objetivo es desarrollo web, tener nociones básicas de HTML y CSS ayuda a entender dónde y cómo se aplica JavaScript en una página real.
¿Qué son los eventos en JavaScript?
Son acciones que ocurren en una página web, como clics o entradas de texto, a las que JavaScript puede "escuchar" y responder ejecutando código específico.
Lee también: errores comunes de principiantes en Python →
