Curriculum
All lessons
Type your way through each lesson in order — from your first tag to async JavaScript.
- intermediateLesson 0124Primary Button
A solid filled button with hover effect — the most common call to action.
- beginnerLesson 0267Your First HTML Page
Every web page starts with this skeleton: doctype, html, head, and body.
- advancedLesson 0313Modal Dialog
A centered popup window over a dark overlay.
- beginnerLesson 0444The Main Heading
Use the h1 tag to show the most important title on a page.
- intermediateLesson 0510Outline Button
Outline buttons feel lighter — great for secondary actions.
- advancedLesson 0613Toast Notification
A floating notification that slides in from a corner.
- advancedLesson 077Dropdown Menu
A menu that appears below a trigger button.
- beginnerLesson 0819Paragraphs
Use the p tag to write a full paragraph of text.
- intermediateLesson 097Gradient Button
Linear gradients make buttons feel modern and vibrant.
- beginnerLesson 1012Heading Levels
There are six heading levels from h1 to h6. Bigger number means smaller size.
…