One lesson
An individual lesson
This track has no lesson ready to buy yet. Each lesson becomes available only after it is built and reviewed.
$5.00Not available yet
All course tracks
Frontend and browser · 30 lessons · up to 10 minutes each
HTML and Semantic Web
A planned web foundations track for meaningful markup, forms, media, and validation.
Coming Soon
One-time purchase · USD
Choose what to unlock
Access is attached to your account after payment is verified. No subscription.
Full category
HTML and Semantic Web
Permanent access to the lessons published in this track when you buy. Future lessons are not included. 0 of 30 lessons are published; 0 are in owner review and 30 are Coming Soon.
$29.0030 lessons still in progress
Beginner
Lessons 1–10
01 HTML and Semantic Web: Sketch document structure
Topic: document structure
Draw a small map of document structure in the context of semantic HTML documents and native browser controls; save a short example or check that demonstrates the result.
Beginner4 minComing Soon02 HTML and Semantic Web: Name the parts of headings and landmarks
Topic: headings and landmarks
Label the main pieces in headings and landmarks in the context of semantic HTML documents and native browser controls; save a short example or check that demonstrates the result.
Beginner5 minComing Soon03 HTML and Semantic Web: Trace an example of links and destinations
Topic: links and destinations
Follow one input through links and destinations in the context of semantic HTML documents and native browser controls; save a short example or check that demonstrates the result.
Beginner6 minComing Soon04 HTML and Semantic Web: Compare choices for lists and grouped content
Topic: lists and grouped content
Write down one practical difference between lists and grouped content in the context of semantic HTML documents and native browser controls; save a short example or check that demonstrates the result.
Beginner7 minComing Soon05 HTML and Semantic Web: Find the boundary in forms and labels
Topic: forms and labels
Mark where forms and labels in the context of semantic HTML documents and native browser controls; save a short example or check that demonstrates the result.
Beginner8 minComing Soon06 HTML and Semantic Web: Inspect an example of tables and relationships
Topic: tables and relationships
Annotate a minimal example of tables and relationships in the context of semantic HTML documents and native browser controls; save a short example or check that demonstrates the result.
Beginner9 minComing Soon07 HTML and Semantic Web: Connect media alternatives to a neighboring concept
Topic: media alternatives
Show how media alternatives in the context of semantic HTML documents and native browser controls; save a short example or check that demonstrates the result.
Beginner10 minComing Soon08 HTML and Semantic Web: Spot a failure mode in metadata and language
Topic: metadata and language
Describe one likely failure for metadata and language in the context of semantic HTML documents and native browser controls; save a short example or check that demonstrates the result.
Beginner3 minComing Soon09 HTML and Semantic Web: Read an official example of native semantics before ARIA
Topic: native semantics before ARIA
Summarize an official example of native semantics before ARIA in the context of semantic HTML documents and native browser controls; save a short example or check that demonstrates the result.
Beginner5 minComing Soon10 HTML and Semantic Web: Choose a use case for validation and browser inspection
Topic: validation and browser inspection
Match one small use case to validation and browser inspection in the context of semantic HTML documents and native browser controls; save a short example or check that demonstrates the result.
Beginner6 minComing Soon
Intermediate
Lessons 11–20
11 HTML and Semantic Web: Build an example with document structure
Topic: document structure
Create a small working example that uses document structure in the context of semantic HTML documents and native browser controls; save a short example or check that demonstrates the result.
Intermediate4 minComing Soon12 HTML and Semantic Web: Compose headings and landmarks with another component
Topic: headings and landmarks
Combine headings and landmarks in the context of semantic HTML documents and native browser controls; save a short example or check that demonstrates the result.
Intermediate5 minComing Soon13 HTML and Semantic Web: Configure links and destinations for a small case
Topic: links and destinations
Set up links and destinations in the context of semantic HTML documents and native browser controls; save a short example or check that demonstrates the result.
Intermediate6 minComing Soon14 HTML and Semantic Web: Validate inputs around lists and grouped content
Topic: lists and grouped content
Add a check around lists and grouped content in the context of semantic HTML documents and native browser controls; save a short example or check that demonstrates the result.
Intermediate7 minComing Soon15 HTML and Semantic Web: Use forms and labels in a short workflow
Topic: forms and labels
Add forms and labels in the context of semantic HTML documents and native browser controls; save a short example or check that demonstrates the result.
Intermediate8 minComing Soon16 HTML and Semantic Web: Refactor tables and relationships into a reusable unit
Topic: tables and relationships
Extract tables and relationships in the context of semantic HTML documents and native browser controls; save a short example or check that demonstrates the result.
Intermediate9 minComing Soon17 HTML and Semantic Web: Exercise media alternatives with sample data
Topic: media alternatives
Run sample data through media alternatives in the context of semantic HTML documents and native browser controls; save a short example or check that demonstrates the result.
Intermediate10 minComing Soon18 HTML and Semantic Web: Observe metadata and language outputs
Topic: metadata and language
Capture the result of metadata and language in the context of semantic HTML documents and native browser controls; save a short example or check that demonstrates the result.
Intermediate3 minComing Soon19 HTML and Semantic Web: Recover from a native semantics before ARIA failure
Topic: native semantics before ARIA
Handle one expected failure from native semantics before ARIA in the context of semantic HTML documents and native browser controls; save a short example or check that demonstrates the result.
Intermediate5 minComing Soon20 HTML and Semantic Web: Document validation and browser inspection behavior
Topic: validation and browser inspection
Write a short usage note for validation and browser inspection in the context of semantic HTML documents and native browser controls; save a short example or check that demonstrates the result.
Intermediate6 minComing Soon
Advanced
Lessons 21–30
21 HTML and Semantic Web: Test a boundary around document structure
Topic: document structure
Add an edge-case test for document structure in the context of semantic HTML documents and native browser controls; save a short example or check that demonstrates the result.
Advanced4 minComing Soon22 HTML and Semantic Web: Harden headings and landmarks
Topic: headings and landmarks
Add the relevant access, safety, or validation control to headings and landmarks in the context of semantic HTML documents and native browser controls; save a short example or check that demonstrates the result.
Advanced5 minComing Soon23 HTML and Semantic Web: Measure links and destinations
Topic: links and destinations
Record a small baseline for links and destinations in the context of semantic HTML documents and native browser controls; save a short example or check that demonstrates the result.
Advanced6 minComing Soon24 HTML and Semantic Web: Reduce cost in lists and grouped content
Topic: lists and grouped content
Change one measurable cost in lists and grouped content in the context of semantic HTML documents and native browser controls; save a short example or check that demonstrates the result.
Advanced7 minComing Soon25 HTML and Semantic Web: Diagnose a forms and labels failure
Topic: forms and labels
Use an observable signal to explain a failure in forms and labels in the context of semantic HTML documents and native browser controls; save a short example or check that demonstrates the result.
Advanced8 minComing Soon26 HTML and Semantic Web: Make tables and relationships repeatable
Topic: tables and relationships
Show that rerunning tables and relationships in the context of semantic HTML documents and native browser controls; save a short example or check that demonstrates the result.
Advanced9 minComing Soon27 HTML and Semantic Web: Review trade-offs in media alternatives
Topic: media alternatives
Compare two documented approaches to media alternatives in the context of semantic HTML documents and native browser controls; save a short example or check that demonstrates the result.
Advanced10 minComing Soon28 HTML and Semantic Web: Improve metadata and language maintainability
Topic: metadata and language
Refine metadata and language in the context of semantic HTML documents and native browser controls; save a short example or check that demonstrates the result.
Advanced3 minComing Soon29 HTML and Semantic Web: Verify native semantics before ARIA end to end
Topic: native semantics before ARIA
Check that a complete small flow using native semantics before ARIA in the context of semantic HTML documents and native browser controls; save a short example or check that demonstrates the result.
Advanced5 minComing Soon30 HTML and Semantic Web: Audit validation and browser inspection against its source docs
Topic: validation and browser inspection
Check the implementation of validation and browser inspection in the context of semantic HTML documents and native browser controls; save a short example or check that demonstrates the result.
Advanced6 minComing Soon
Reference documentation
References support the selected track topics while its lesson content is built and reviewed progressively.
This track is a catalog outline only. Each lesson remains unavailable until it is built and personally reviewed.