Month 7 of 10
Frontend Web Development (HTML, CSS & JS)
Turn design ideas into living, breathing web experiences.
About This Month
What you'll experience in Month 7
The web is the world's most accessible platform, and Month 7 teaches you to build for it. You will learn how to structure documents with semantic HTML5, style them with modern CSS (Flexbox, Grid, animations, and responsive design), and bring them to life with JavaScript. You will build real, polished web pages that look great on every screen size — the foundational skill of every frontend and full-stack developer.
What You'll Learn
Concrete skills you'll walk away with after this month
Structure web pages with semantic, accessible HTML5
Style layouts using Flexbox and CSS Grid
Create responsive designs that work perfectly on all screen sizes
Write clean, modern JavaScript (ES6+) — variables, functions, arrays, objects
Manipulate the DOM and respond to user events dynamically
Add animations, transitions, and micro-interactions with CSS
Use browser DevTools to debug and optimise your frontend code
Technologies & Tools
What you'll be working with this month
HTML5
CSS3
JavaScript ES6+
Flexbox
CSS Grid
Responsive Design
Browser DevTools
DOM API
Week-by-Week Breakdown
A detailed look at what you'll build each week
Week 25
HTML5 Structure & Semantics
Build meaningful, accessible document structures with modern HTML5 elements.
Week 26
CSS Layouts — Flexbox & Grid
Master the two most powerful CSS layout systems and build responsive designs.
Week 27
JavaScript Fundamentals & the DOM
Variables, functions, arrays, events, and dynamic DOM manipulation.
Week 28
Capstone: Build a Responsive Website
Design and build a fully responsive, interactive multi-page website from scratch.
Full 10-Month Curriculum
Explore every module in the programme
Month 1
Engineering Foundations
Month 2
Linux & Shell Scripting
Month 3
Systems Programming in C
Month 4
Data Structures & Algorithms
Month 5
Python Programming
Month 6
Databases & Web APIs
Month 7
Frontend Web Development
Month 8
Advanced Frontend
Month 9
DevOps & React
Month 10
Mobile & Full-Stack Capstone