viernes, 3 de octubre de 2025

Javascript

¿Qué es JavaScript?

JavaScript es un lenguaje de programación de alto nivel, dinámico, débilmente tipado, multiparadigma e interpretado. 

Explicación 

Alto nivel: JavaScript elimina muchas de las complejidades de los lenguajes de bajo nivel como C o C++.

Dinámico: JavaScript es un lenguaje dinámico, lo que significa que los tipos de variable se comprueban durante la ejecución, no durante la compilación.

Débilmente tipado: También conocido como lenguaje de tipado flexible. No es necesario declarar explícitamente el tipo de dato de una variable. El motor de JavaScript infiere el tipo basándose en el valor que se le asigna. Esto contrasta con los lenguajes fuertemente tipados como Java o C#, donde es necesario declarar el tipo de cada variable.

Multiparadigma: JavaScript admite múltiples paradigmas de programación, incluyendo: 

                  *Imperativo: Se escribe código que indica explícitamente cómo obtener un resultado. 

                  *Funcional: Se considera el cálculo como la evaluación de funciones matemáticas y se evitan los cambios de estado y los datos mutables. 

                  *Orientado a objetos: Se organiza el código en torno a objetos, que son instancias de clases.

                  *Interpretado: El código JavaScript se ejecuta línea a línea por un intérprete (normalmente el motor JavaScript de un navegador web), sin compilarse previamente en código máquina.

En JavaScript, los tipos de datos primitivos son aquellos que no son objetos y se almacenan directamente en la memoria como un valor inmutable.

Los principales son 7 tipos:

🔹 1. String

Texto (cadenas de caracteres).

let nombre = "Humberto";
let saludo = 'Hola';
let frase = `Hola ${nombre}`;

🔹 2. Number

Números, tanto enteros como decimales (todos son de tipo number).

let edad = 30;
let precio = 19.99;

🔹 3. Boolean

Solo puede ser true o false.

 let activo = true;
let registrado = false;

🔹 4. Undefined

Cuando una variable fue declarada pero no tiene valor asignado.

let x;
console.log(x); // undefined

🔹 5. Null

Valor intencionalmente vacío o "nulo".

let y = null;

🔹 6. Symbol (ES6)

Valores únicos e inmutables, usados como identificadores.

let id = Symbol("id");

otro ejemplo

let id1 = Symbol("id");
let id2 = Symbol("id");

console.log(id1 === id2); // false, son únicos

🔹 7. BigInt (ES11)

Para representar números muy grandes que superan el límite de Number

let numeroGrande = 123456789012345678901234567890n;

✅ Todos estos son primitivos porque almacenan un valor simple y no son 

objetos.
📌 Aparte de estos, JavaScript también tiene tipos de objetos (Array, Object,

Function, Date, etc.), pero ya no son primitivos. 

📘 Función alert()

La función alert() se utiliza en JavaScript para 

mostrar un mensaje en una ventana emergente

(popup) dentro del navegador. 

alert(mensaje); 

📘 Función document.write()

La función document.write() se utiliza en JavaScript 

para escribir directamente contenido HTML 

o texto en el documento web desde un script.

document.write(contenido); 

Ejercicios

 1 Mostrar mensajes o alertas:

Al cargar la página, mostrar un saludo con alert() o document.write().

2 Validación de formularios:

Verificar que un campo no esté vacío.

Validar formato de correo electrónico.

Mostrar mensajes de error personalizados debajo de los campos.

3 Fecha y hora:

Mostrar la fecha actual o la hora en tiempo real (Date() y setInterval()).

4 Menús interactivos:

Mostrar/ocultar secciones de la página (por ejemplo, un menú 

desplegable o acordeón).

5 Galería de imágenes:

Botones para pasar a la siguiente o anterior imagen.

Mostrar una imagen ampliada al hacer clic sobre una miniatura.

6 Cambiar el tema de la página

A
ctivar un “modo oscuro” con un interruptor (toggle de clases CSS).

7 Formulario con resumen:

Al completar un formulario, mostrar un resumen de los datos antes de enviar.

8 Validación formulario

No hay comentarios:

Publicar un comentario