Curriculum
All lessons
Type your way through each lesson in order — from your first tag to async JavaScript.
- 01beginnerLesson 0121Lesson 1: Your First HTML Page
Every web page starts with this skeleton: doctype, html, head, and body.
- 02advancedLesson 025Design 1: Modal Dialog
A centered popup window over a dark overlay.
- 03intermediateLesson 031Design 1: Primary Button
A solid filled button with hover effect — the most common call to action.
- 04advancedLesson 044Design 2: Toast Notification
A floating notification that slides in from a corner.
- 05beginnerLesson 059Lesson 2: The Main Heading
Use the h1 tag to show the most important title on a page.
- 06intermediateLesson 060Design 2: Outline Button
Outline buttons feel lighter — great for secondary actions.
- 07beginnerLesson 073Lesson 3: Paragraphs
Use the p tag to write a full paragraph of text.
- 08intermediateLesson 081Design 3: Gradient Button
Linear gradients make buttons feel modern and vibrant.
- 09advancedLesson 091Design 23: Dropdown Menu
A menu that appears below a trigger button.
- 10beginnerLesson 101Lesson 4: Heading Levels
There are six heading levels from h1 to h6. Bigger number means smaller size.
…