Eventos — model, propagação e patterns

Galho 2 da trilha Plataforma Web. Cobre o event model do browser: como eventos propagam, quais eventos existem para teclado/ponteiro/formulário, e padrões como delegation e custom events.

Fase Iniciado

• 01 — O event model do browser — capture/bubble, addEventListener, target vs currentTarget
• 02 — Eventos de teclado e ponteiro — keydown/keyup, event.key vs event.code, Pointer Events
• 03 — Formulários e foco — input/change, submit, FormData, Constraint Validation API

Fase Adepto

• 04 — Event delegation — um listener no container, closest(), itens dinâmicos
• 05 — Custom events — CustomEvent, detail, bubbles/composed, pub/sub
• 06 — Timers e microtasks — setTimeout, rAF, queueMicrotask, ordem de execução

Fase Magus

• 07 — Padrões avançados — drag and drop, Intersection Observer, Pointer Lock, window.onerror
• 08 — Eventos em entrevista — capture vs bubble, delegation, pub/sub, armadilhas, capstone

Próximo galho

G3 — Rendering Pipeline — parse, layout, paint, compositing