JavaScript — Teoría y Cuestionario

¿Qué es JavaScript?

JavaScript (JS) es un lenguaje de programación orientado a la web que permite interactividad, manipular el DOM, trabajar con eventos y consumir APIs. Hoy también corre fuera del navegador (Node.js).

Cómo incluir JS

Externo (recomendado)

<script src="app.js" defer></script>

defer: descarga en paralelo y ejecuta tras parsear el HTML.
Para módulos ES: <script type="module" src="app.js"></script>

Inline

<script>

  console.log("Hola JS");

</script>

Variables, tipos y operadores

Variables

let: alcance de bloque.
const: no reasignable (el contenido de objetos/arrays sí puede mutar).
var: alcance de función (evítalo).

Tipos primitivos

string, number, boolean, null, undefined, symbol, bigint
Comparación estricta: === (valor y tipo).
Falsies: 0, "", null, undefined, NaN, false.

Arreglos, objetos y funciones

Arreglos (arrays)

push/pop/shift/unshift para agregar/quitar.
map, filter, reduce devuelven nuevos resultados.
Spread: const copia = [...arr]

Funciones

Flecha: const f = (x) => x*2 (this léxico).
Parámetros por defecto: function saluda(n = "Mundo"){...}
Desestructuración: const {a} = obj; const [x,y] = arr;

DOM, eventos y asincronía

DOM y eventos

document.getElementById("id"), querySelector()
el.addEventListener("click", handler)
event.preventDefault() para frenar el submit.

Async

Promesas: pendiente/fulfill/reject.
async/await para escribir asincronía como si fuera secuencial.
JSON y APIs: fetch() + response.json()

Tip Aprende primero lo básico; luego mira módulos, bundlers y frameworks. Paso a paso.

Cuestionario (5 preguntas al azar)

Pulsa “Nuevo cuestionario” para generar 5 preguntas del banco de 25. Responde y “Calificar”.

Banco: 25