Virtual · 12 weeks · 8h / week
Front-End Development
Build interfaces that load fast, read clearly, and work on a phone. HTML, CSS, JavaScript — taught as a craft, not a framework fashion show.
- 15 Sept 2026 starts
- $550 fee
- 20 seats left
- Tue & Thu 18:00–20:30 GMT+1
You will leave able to
- Ship responsive pages without a UI kit crutch
- Write JavaScript that enhances HTML, not replaces it
- Meet accessibility and performance baselines
- Deploy a public interface and explain the structure
Outline
- 01
The web as documents
HTML landmarks · Semantics over divs · Browser tools · 8h
- 02
CSS that holds
Cascade and specificity · Flex and grid · Custom properties · 8h
Build: Split-layout landing clone - 03
Type and rhythm on the web
Fluid type · Self-hosted fonts · CLS prevention · 8h
- 04
Responsive without breakpoints soup
Mobile-first dock/rail · Container queries · Touch targets · 8h
Build: Fully responsive syllabus page - 05
JavaScript as behaviour
DOM events · Fetch · Progressive enhancement · 8h
- 06
Accessibility is the job
Keyboard paths · ARIA only when needed · Colour is not the only signal · 8h
Build: Audit and repair a page - 07
Modern UI components
Forms · Dialogs · Status messages · 8h
- 08
A component library of one
Build vs buy · State · Folder discipline · 8h
Build: Small design-system slice - 09
Talking to APIs
JSON · Loading and error UI · Auth headers · 8h
- 10
Performance
Images · Fonts · What not to ship · 8h
Build: Lighthouse pass on your project - 11
Git and deploy
PRs as conversation · Static hosting · Env vs secrets · 8h
- 12
Capstone interface
Scope freeze · Demo · Portfolio write-up · 8h
Build: Public UI for a real brief
Tools
VS Code · Git / GitHub · HTML / CSS / JavaScript · Browser DevTools
Prerequisites
Comfortable installing software and typing. No computer-science degree. A willingness to debug is more important than prior code.
Instructors
Course questions
Will we start with React?
Not in week one. You will earn the platform first. Component thinking arrives once documents, CSS, and accessibility are in your hands.
Is the course virtual live?
Yes. Live sessions twice a week, recordings for catch-up, and critiques on your actual pages.