Course Objective
Build and style real web pages from scratch — semantic HTML structure, the full CSS box model, Flexbox, Grid, and responsive design patterns used in production.
0% complete1325 XP total
1
HTML Foundations — Structure & Semantics
Write semantic HTML that communicates structure and meaning to browsers, assistive tech, and search engines.
10m
Basic+1502
Forms & Interactive Elements
Build accessible forms with correct input types, labels, and built-in HTML validation.
10m
Basic+1503
The CSS Box Model
Explain the CSS box model and use margin, padding, and border to control layout spacing precisely.
11m
Basic+1504
Flexbox Layout
Build row and column layouts with Flexbox using justify-content, align-items, flex-wrap, and gap.
12m
Basic+1505
CSS Grid Layout
Build two-dimensional layouts using CSS Grid with explicit and implicit tracks.
12m
Masters+1756
Responsive Design & Media Queries
Build responsive layouts using media queries, relative units, and mobile-first design.
11m
Masters+1757
CSS Custom Properties & Design Tokens
Use CSS custom properties to create design tokens for colors, spacing, and typography.
10m
Masters+1758
Typography, Transitions & Production CSS
Apply web fonts, transitions, transforms, and position to build polished production-ready UI.
12m
PhD+200