Run
Render a simulated preview from the current lesson snippet.
Web foundations lab
Capstone builds
Project-shaped builds combining structure, style, behavior, accessibility, and launch checks.
Track progress
0/120 lessons
0/18 missions
12 courses
01
Capstone builds
Capstone builds: Personal profile
Build personal profile inside the persistent Support center: Personal profile starter project.
Capstone Checkpoint 02 Capstone builds Capstone builds: Event landing pageBuild event landing page inside the persistent Team directory: Event landing page starter project.
Capstone Checkpoint 03 Capstone builds Capstone builds: Accessible signup flowBuild accessible signup flow inside the persistent Field notes: Accessible signup flow starter project.
Capstone Checkpoint 04 Capstone builds Capstone builds: Course dashboardBuild course dashboard inside the persistent Civic calendar: Course dashboard starter project.
Capstone Checkpoint 05 Capstone builds Capstone builds: Service status pageBuild service status page inside the persistent Learning journal: Service status page starter project.
Capstone Checkpoint 06 Capstone builds Capstone builds: Resource directoryBuild resource directory inside the persistent Product changelog: Resource directory starter project.
Capstone Checkpoint 07 Capstone builds Capstone builds: Portfolio case studyBuild portfolio case study inside the persistent Workshop signup: Portfolio case study starter project.
Capstone Checkpoint 08 Capstone builds Capstone builds: Web foundations finaleBuild web foundations finale inside the persistent Incident summary: Web foundations finale starter project.
Capstone Checkpoint
Save progress
Keep learning across sessions.
Create a free account to sync completed lessons, XP, streaks, course status, and your next lesson across sessions.
Checking account status...
Progress sync is idle.
0XP
New learnerrank
0day streak
0best streak
0daily streak
0lessons
0courses
0missions
0tasks
Noverified
Progress sync stores completion IDs, scores, streaks, badges, and game settings. Terminal contents, editor snippets, lab scratch, email, and real names are never published on leaderboards or share cards.
Snippet coverage
Patterns you will practice here.
Check
Save the lesson after the required task snippets are complete.
Hint
Show the lesson hint without changing progress.
Reset
Clear local Web lab scratch state for this browser.
<!doctype html>
Start an HTML document with an explicit standards-mode marker.
<header> <main> <section> <footer>
Use semantic landmarks so pages have structure.