Learn modern web development by building your own website with AI — then rebuild it with Bootstrap, Material, UIkit and Tailwind and choose a framework with evidence.
No programming experience assumed. This course takes you from little or no practical experience to planning, building, debugging, refining and publishing a professional frontend website with HTML, CSS, JavaScript, DevTools, Git and AI — and understanding how that frontend connects to servers, APIs and databases. You build your own site throughout (a portfolio, restaurant, travel journal, whatever you choose in Module 5); FotoBlog is the reference you inspect, never clone.
In Part 2 you take the site you built and rebuild it with four frameworks, so “which framework should I use?” becomes a question answered with measurements instead of opinions.
66 modules in two parts. Each phase builds on the one before it.
Your tools, how the web works, reading a codebase, and writing your project brief.
Structured, semantic, linked pages and a working form.
Typography, colour, spacing, layout, and responsive design.
Your own visual identity, components, navigation, and images.
Accessibility, SEO, DevTools, debugging, and performance.
Fundamentals, the DOM, interactive features, and form validation.
Git in depth, GitHub, branches, and pull requests.
Hosting, publishing, APIs, backends, and databases.
Professional AI practice and full quality assurance.
A refined, published, independent project and a path to full stack.
Why frameworks exist, what modern CSS already does, and verifying a framework before trusting it.
The component model, the grid, components, customising, and transforming your project.
Material 3 as a design system, Beer CSS, theming, and transforming your project.
Attribute-driven components, layout, customising, and transforming your project.
Utility-first thinking, the v4 build, layout, design tokens, and transforming your project.
Comparing variants, accessibility and performance, choosing a framework, and migrating and reviewing AI-generated framework code.
Ship and defend your choice.
A published, accessible, responsive website of your own, with a GitHub repository, meaningful commit history and professional documentation — then the same site in five published implementations (vanilla + 4 frameworks), with a documented FRAMEWORK-DECISION.md, a written DEFENCE.md you can present, and a plan for turning it into a full-stack application.
R 1,500/month
Billed monthly for as long as you're enrolled — once you've completed the course, billing stops.