Avanzado

Material para ir más allá de las tres primeras unidades: JavaScript moderno y asíncrono, el DOM a fondo, CSS actual, accesibilidad y rendimiento, y las herramientas con las que se trabaja de verdad.

Es un modo aparte

Esta sección solo aparece en el menú cuando activas el interruptor Avanzado de la cabecera. Así, quien está empezando no ve nada que no necesite todavía. Tu elección se guarda en el navegador.

Cómo se han comprobado los ejemplos

El JavaScript sin DOM se ha ejecutado de verdad con Node al construir la web, y las salidas que ves son las reales (los ejercicios incluyen el resultado esperado obtenido igual). Los ejemplos de HTML, CSS y DOM son editores con vista previa que se ejecutan en tu navegador: puedes modificarlos y ver el resultado al instante.

Unidad	Contenido
WA1 · JavaScript moderno y asíncrono	Desestructurar, spread, ?. y ??, cierres, this, módulos ES, bucle de eventos, promesas, async/await, Promise.all/allSettled y AbortController
WA2 · DOM y eventos avanzados	Delegación, propagación, CustomEvent, <template>, observadores, FormData, validación, URL, History, estado → vista y migración de datos guardados
WA3 · CSS moderno	Variables CSS, clamp(), :is()/:where()/:has(), @layer, anidamiento, consultas de contenedor, subgrid, aspect-ratio y propiedades lógicas
WA4 · Movimiento, accesibilidad y rendimiento	transition y @keyframes, prefers-reduced-motion, teclado y foco, ARIA, contraste, defer/async, imágenes responsivas, loading=lazy y Core Web Vitals
WA5 · Herramientas, seguridad y despliegue	npm, package.json, node --test, ESLint y Prettier, empaquetado con Vite, XSS, CSP, CORS, HTTPS y GitHub Pages

Antes de empezar

Da por sabidas las unidades 1 · HTML, 2 · CSS y 3 · JavaScript. Para ejecutar JavaScript fuera del navegador necesitas Node.js.