HTML
Semantics, accessibility, forms, media, iframes, SEO
Egg
Fundamentals
Hatchling
Intermediate
Forms & Validation Patterns
Forms are deceptively complex. Native validation, controlled inputs, accessible error handling — this is where frontend craft shows.
Semantic HTML & Document Structure
Semantic HTML isn't decoration — it's the contract between your markup and every consumer of the web: browsers, screen readers, search engines, and future developers.
Forms, Validation & Input APIs
The browser ships a powerful form engine with built-in validation, data serialization, and accessibility — most developers reimplement it badly in JavaScript.
Media Elements & Iframes
Images, video, audio, and iframes are the embedded content of the web. Understanding their loading behavior, security model, and performance characteristics is fundamental.
SEO, Meta Tags & Structured Data
Search engines read your HTML like a résumé — meta tags, structured data, and semantic markup determine whether your page gets noticed or buried.
HTML5 Features & Platform APIs
HTML5 wasn't just new tags — it was a platform shift. Semantic elements, native form validation, Canvas, Web Storage, WebSockets, and dozens of APIs replaced what previously required plugins or JavaScript libraries.
Dinosaur
Advanced
Accessibility Deep Dive
Accessibility isn't a feature you bolt on at the end — it's an architecture decision that shapes how you build components, manage focus, and structure the DOM.
Web Components & Shadow DOM
Web Components are the browser's native component model — no build step, no framework, no version conflicts. Understanding them is understanding the platform itself.