Web Development Advanced
From building applications to engineering them: take command of the platform itself — advanced semantics, accessibility, native interactive elements, responsive media, safe embedding, and machine-readable metadata — starting with the Advanced HTML section.
7 lessons0 challenges~87 minutesBeginner — no experience needed
Prerequisite course:Web Development Intermediate
Who this course is for
For graduates of Web Development Intermediate (required prerequisite): you build typed, tested, full-stack applications. This course teaches the platform layer beneath them — the HTML, CSS, and browser engineering that separates an app that works from one that is accessible, fast, secure, and maintainable.
What you will be able to do
- Architect complex documents: heading order, landmarks, and machine-readable structure
- Compute and assign accessible names and choose native semantics over ARIA
- Build native disclosure, dialog, and popover patterns — with invoker commands
- Deliver responsive media: srcset, sizes, picture, priority hints, and captions
- Embed third-party content safely with sandbox, permissions, and titles
- Write machine-readable metadata: viewport, canonical, robots, Open Graph, hreflang
- Apply progressive enhancement so pages work before JavaScript arrives
Advanced HTML
The professional platform layer: document architecture, accessible names, native dialogs and popovers, responsive media, safe embeds, machine-readable metadata.
- Document & Heading Architectureadvanced12 min read
- Accessible Names & the ARIA First Ruleadvanced11 min read
- Native Disclosure & Dialogsadvanced11 min read
- Popovers & Invoker Commandsadvanced10 min read
- Responsive Mediaadvanced11 min read
- Sandboxed Embeds & Metadataadvanced12 min read
- Project: Documentation Hubadvanced20 min read