// Phase 3 · Build & ship like a pro · course 4
Frontend Essentials: HTML, CSS & the DOM
What frontend interviews and teams expect: semantic HTML, the box model, Flexbox, responsive design, forms, events and fetch.
IntermediateFree course8 lessons ready3 coming soon
You'll be able to
- Structure pages with semantic, accessible HTML
- Lay out pages with Flexbox and make them responsive
- Select elements and react to clicks and input with JavaScript
- Build small interactive components from scratch
Syllabus
Start course →- 1HTML: Structure & SemanticsBuild the skeleton of every web page with meaningful, accessible tags.10 min
- 2Forms & InputsCollect information from users with accessible, well-labelled forms.9 min
- 3CSS Basics: Colors, Fonts & SelectorsStyle your pages, and learn how CSS decides which rule wins.9 min
- 4The Box ModelEvery element is a box. Control its size and spacing with padding, border and margin.8 min
- 5CSS Layout with FlexboxStyle pages and lay them out with the box model and Flexbox.14 min
- 6Responsive Design for PhonesMake one page look great on phones, tablets and laptops with media queries.9 min
- 7The DOM & EventsMake pages interactive by reading and changing the page with JavaScript.15 min
- 8Getting Data from Servers (async & fetch)Wait for slow things without freezing your app, using promises and async/await.12 min
- 9CSS Grid layoutsComing soon
- 10Accessibility in practiceComing soon
- 11Project: your portfolio websiteComing soon