Web Development with HTML, CSS & JavaScript

HTML, CSS and JavaScript are the foundation of every website on the internet — from learnplus.edu.lk to your favourite Sri Lankan news site. Our 14-week Web Development course takes Grade 8–11 students from no web experience to publishing real, responsive websites on the live internet.

Students start with HTML structure and semantic markup, then layer in modern CSS (Flexbox, Grid, animations and responsive design for mobile), before adding JavaScript for interactivity, form validation and dynamic content. Every lesson combines a short concept walkthrough with a hands-on build that students show off in class.

The course delivers three published projects: a personal homepage (week 5), a multi-page school project site (week 10), and a fully responsive portfolio website on a real custom domain (week 14). We also teach Git basics, GitHub Pages publishing, and how to use browser DevTools to debug professionally.

This course is the ideal preparation for our Mobile App Development course, and the Full Stack Web Development Bootcamp. Graduates often score very well on O/L ICT website-design components and leave with a real portfolio to share when applying for school computing leadership roles. Required: a laptop with a modern browser (Chrome, Edge or Firefox).

Course Outline

• Weeks 1–2: HTML5 structure + semantic markup
• Weeks 3–4: CSS basics — colours, typography, the box model
• Weeks 5–6: Flexbox + Grid + responsive design
• Weeks 7–8: JavaScript fundamentals
• Weeks 9–10: The DOM + interactivity
• Weeks 11–12: Forms, validation, fetch API
• Week 13: Git, GitHub Pages, publishing
• Week 14: Portfolio showcase