Mastery

HTML · Expert - architecture, internals and edge cases

• From HTML to the DOM: parsing and error recoveryUnderstand how the browser turns any HTML stream, even a malformed one, into a deterministic DOM tree.
• Web Components: custom elements, shadow DOM and slotsMaster the custom element lifecycle, shadow DOM encapsulation and content projection through slots.
• Internationalization: lang, dir, charset and Unicode trapsUse lang, dir and the encoding declaration wisely, and defeat the Unicode normalization and directionality traps.
• HTML-side security: XSS, sandbox, noopener and CSPIdentify the XSS vectors specific to markup and deploy HTML's native defenses: sandbox, noopener and Content Security Policy.
• Modern interactive HTML: dialog, details, popover, contenteditableReplace your UI libraries with modern HTML's native primitives: modal dialogs, exclusive accordions, popovers and editable regions.