📌 Introducción a JavaScript
JavaScript es uno de los lenguajes más importantes en el desarrollo web. Junto con HTML y CSS, forma la base de toda página moderna. En esta primera parte de la serie aprenderás los fundamentos que necesitas dominar para comenzar a programar en JavaScript.
JavaScript es un lenguaje de programación que permite agregar interactividad a las páginas web. Con él puedes hacer que un botón muestre un mensaje, validar formularios, crear animaciones o incluso desarrollar aplicaciones completas del lado del cliente y del servidor.
📌 Variables en JavaScript
Una variable es un contenedor que guarda información. En JavaScript
puedes declararlas con var, let y
const.
// Ejemplo de variables
let nombre = "Ángela";
const PI = 3.1416;
var edad = 25;
📌 Tipos de datos
JavaScript trabaja con distintos tipos de datos, entre los más comunes:
-
String: cadenas de texto (
"Hola"). -
Number: números enteros o decimales
(
42,3.14). -
Boolean: verdadero o falso (
true,false). - Null: ausencia de valor.
- Undefined: una variable declarada sin valor asignado.
- Object: estructuras más complejas de datos.
📌 Type casting
En JavaScript a veces es necesario convertir un tipo de dato en otro, a esto se le llama type casting.
// Convertir String a Number
let numero = Number("123"); // 123
// Convertir Number a String
let texto = String(456); // "456"
📌 Estructuras de datos
Además de los tipos primitivos, existen estructuras para agrupar y manipular datos:
- Arrays: listas ordenadas de valores.
- Objetos: colecciones de pares clave-valor.
- Maps y Sets: colecciones avanzadas para casos específicos.
// Ejemplo de array
let frutas = ["manzana", "naranja", "plátano"];
// Ejemplo de objeto
let persona = {
nombre: "Ángela",
edad: 25,
profesion: "Desarrolladora"
};
✅ Con esto hemos cubierto los fundamentos básicos de JavaScript. En la próxima entrega veremos cómo controlar el flujo del código con bucles, condicionales y funciones.
Conclusión
Aprender JavaScript es esencial si quieres convertirte en desarrollador web, ya que es el puente entre HTML, CSS y las interacciones modernas que esperan los usuarios.