JavaScript en el navegador: el DOM

Cómo convierte el navegador el HTML en objetos que JavaScript puede recorrer

• Del texto HTML al árbol de nodos
• Nodos elemento y nodos de texto
• Seleccionar elementos con querySelector y querySelectorAll
• Moverse por el árbol: padres, hijos y hermanos

Cambiar textos, clases y atributos, y crear o eliminar elementos desde JavaScript

• textContent frente a innerHTML, y por qué importa
• Clases, estilos, atributos y data-*
• Crear, insertar, mover y eliminar nodos
• Pintar una lista a partir de un array de datos

Cómo reacciona una página a lo que hace el usuario sin quedarse esperando

• Registrar funciones con addEventListener
• El objeto evento: type, target y compañía
• Los eventos más habituales
• Cancelar el comportamiento por defecto y quitar listeners

Por qué un clic en un elemento también llega a sus antepasados, y cómo aprovecharlo

• Las fases de captura, destino y burbuja
• target frente a currentTarget
• Detener la propagación y cuándo no hacerlo
• Delegación: un listener para muchos elementos

Leer lo que escribe el usuario, comprobarlo antes de enviarlo y explicar qué está mal

• Leer campos y usar FormData
• Validación nativa con atributos HTML
• La API de validación: checkValidity y setCustomValidity
• Por qué el servidor siempre debe validar otra vez

Conservar datos entre visitas sin servidor: localStorage, sessionStorage y JSON

• localStorage y sessionStorage: qué guardan y cuánto duran
• Guardar objetos con JSON.stringify y JSON.parse
• El origen: quién puede leer cada almacenamiento
• Qué no se debe guardar nunca en el navegador