// Phase 1 · Start from zero · course 3
Web Fundamentals: HTML, CSS & the DOM
Build real web pages: semantic HTML, modern CSS layout, and JavaScript that responds to users.
Beginner13 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.Free10 min
- 2Text, Links & ImagesHeadings, paragraphs, bold text, links to other pages, and images with alt text.Free8 min
- 3Lists & TablesOrganize information with bulleted lists, numbered steps and data tables.🔒8 min
- 4Forms & InputsCollect information from users with accessible, well-labelled forms.🔒9 min
- 5CSS Basics: Colors, Fonts & SelectorsStyle your pages, and learn how CSS decides which rule wins.🔒9 min
- 6The Box ModelEvery element is a box. Control its size and spacing with padding, border and margin.🔒8 min
- 7CSS Layout with FlexboxStyle pages and lay them out with the box model and Flexbox.🔒14 min
- 8Responsive Design for PhonesMake one page look great on phones, tablets and laptops with media queries.🔒9 min
- 9The DOM & EventsMake pages interactive by reading and changing the page with JavaScript.🔒15 min
- 10Building Page Content with JavaScriptTurn data (arrays of objects) into HTML on the page, the core of every web app.🔒10 min
- 11Handling Forms with JavaScriptRead what users type, validate it, and respond without reloading the page.🔒10 min
- 12Getting Data from Servers (async & fetch)Wait for slow things without freezing your app, using promises and async/await.🔒12 min
- 13Project: Build a To-Do AppCombine HTML, CSS and JavaScript into a real interactive app, step by step.🔒25 min
- 14CSS Grid layoutsComing soon
- 15Accessibility in practiceComing soon
- 16Project: your portfolio websiteComing soon