01Module 01
Front-End Foundations and the Web
Understand how the web works and build a strong base for browser-based development.
The role of front-end developers and how modern web apps work Semantic HTML, accessibility basics, and page structure Core developer tooling and environment setup Practical OutputA semantic multi-section landing page
02Module 02
CSS, Layout, and Responsive Interfaces
Create polished layouts that adapt well across desktop and mobile screens.
CSS fundamentals, spacing systems, and visual hierarchy Flexbox, Grid, responsive breakpoints, and utility workflows Component styling and front-end UI patterns Practical OutputA responsive multi-page interface build
03Module 03
JavaScript Programming and DOM Interactions
Add logic and behaviour to web interfaces using core JavaScript patterns.
Variables, functions, arrays, objects, and control flow DOM selection, events, form handling, and state basics Debugging and writing maintainable front-end logic Practical OutputAn interactive JavaScript feature set
04Module 04
Developer Workflow, APIs, and Version Control
Adopt practical development habits used in collaborative front-end teams.
Git, GitHub, branches, commits, and collaboration flow Working with APIs, JSON, fetch, and async UI states Project structure, code quality, and handoff habits Practical OutputA version-controlled API-driven front-end mini project
05Module 05
React and Component-Based Development
Use React to build interfaces that are reusable, scalable, and easier to maintain.
JSX, components, props, state, and composition Hooks, conditional rendering, forms, and routing concepts Building reusable UI blocks and page sections Practical OutputA React application with reusable components
06Module 06
Capstone Build, Deployment, and Career Readiness
Package your skills into a professional build that can be shown to clients or employers.
Project planning, implementation, testing, and polish Deployment workflow and simple optimisation practices Portfolio preparation and interview talking points Practical OutputA deployed front-end capstone project