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.”
Lessons
Start the course →0 of 8 lessons done
- HTML: Structure & SemanticsBuild the skeleton of every web page with meaningful, accessible tags. · 10 min
- Forms & InputsCollect information from users with accessible, well-labelled forms. · 9 min
- CSS Basics: Colors, Fonts & SelectorsStyle your pages, and learn how CSS decides which rule wins. · 9 min
- The Box ModelEvery element is a box. Control its size and spacing with padding, border and margin. · 8 min
- CSS Layout with FlexboxStyle pages and lay them out with the box model and Flexbox. · 14 min
- Responsive Design for PhonesMake one page look great on phones, tablets and laptops with media queries. · 9 min
- The DOM & EventsMake pages interactive by reading and changing the page with JavaScript. · 15 min
- Getting Data from Servers (async & fetch)Wait for slow things without freezing your app, using promises and async/await. · 12 min
- CSS Grid layoutsComing soon ✏️
- Accessibility in practiceComing soon ✏️
- Project: your portfolio websiteComing soon ✏️