Web Foundations (HTML, CSS, JavaScript)
Build and deploy real websites every week.
What you'll be able to do
- Build pages with semantic HTML and accessible forms
- Lay out responsive designs with CSS Flexbox and Grid
- Add behaviour with JavaScript: the DOM, events and localStorage
- Load data from APIs with fetch and async/await
- Deploy a fast multi-page portfolio and check it with Lighthouse
About this course
Build and deploy a real website every week, from a single profile page to a multi-page portfolio. Each project is checked on GitHub for working features, accessibility and performance.
Week 1 is free.
You need: a laptop or desktop with a browser and a code editor (VS Code is free). You can follow the first weeks on a phone with a browser-based editor, but a computer makes it much easier. We recommend Git & GitHub Essentials (free) first.
Week by week
The planned syllabus. Lessons appear here as each week is published.
Week 1How the web works and semantic HTML
Browsers, servers and URLs; HTML structure, headings, lists, links and images. Project: a personal profile page.
Week 2CSS basics
Selectors, the box model, colours and typography. Project: a styled résumé page.
Week 3Flexbox, Grid and responsive design
Layouts with Flexbox and Grid, media queries and mobile-first design. Project: a landing page for a local business.
Week 4Forms and accessibility
Form elements, labels, validation and accessible patterns. Project: an accessible registration form.
Week 5JavaScript basics and the DOM
Variables, functions and conditions, and changing the page with the DOM. Project: a tip and bill calculator.
Week 6Events, arrays, objects and localStorage
Handling events, working with arrays and objects, and saving data in the browser. Project: a to-do app that remembers tasks.
Week 7fetch, APIs and async/await
Loading data with fetch, promises, async/await and error handling. Project: a GitHub profile viewer.
Week 8Performance and deployment
Images, Lighthouse, accessibility checks and deploying a site. Project: a multi-page portfolio, deployed.
Questions
- Is Week 1 really free?
- Yes. Sign in and do Week 1’s lessons and quiz without paying.
- Who scores my projects?
- A published rubric, applied the same way to every learner on your own GitHub repository. No AI decides your score, and paying never changes it.
- How long can I use it?
- It's self-paced: your schedule is built from the time you have each day, and you keep access for as long as we offer the course.
- What if it isn't for me?
- Ask within 7 days of paying for a full refund, no questions asked. Refund policy
Not sure where to start?
Answer ten quick questions and we'll build a plan that fits your time, your level and your goal.
Build my free plan