Web Development Foundations
Learn to build and publish complete, responsive websites from scratch, no prior experience needed. This hands-on certificate takes you from how the web works through HTML, CSS, JavaScript, and AI-assisted development, finishing with a real portfolio-ready capstone site.
About this course
The Certificate in Web Development Foundations is a beginner-friendly, project-based program that teaches you to design, build, and publish modern websites from the ground up. You start with no assumptions, how the internet delivers a page, what a browser actually does, and end able to ship a complete, responsive, interactive multi-page site you can show to employers or clients.
The course is built around doing, not just watching. Across eight sections and 90 lessons, every concept is paired with practical, copy-and-run code examples and reinforced by hands-on projects and quizzes. You'll set up a professional development environment (VS Code, Chrome DevTools, Node.js, Git, and GitHub), structure pages with semantic HTML, style and lay them out with CSS and Flexbox, make them responsive for phones and desktops, and bring them to life with JavaScript and DOM manipulation, building things like a personal profile page, a responsive landing page, and an interactive to-do app along the way.
A dedicated section covers something most foundational courses skip: using AI tools like ChatGPT, Claude, GitHub Copilot, and Claude Code effectively and responsibly, writing strong prompts, debugging with AI, and staying in control of your own code rather than depending on it. The program then culminates in a capstone project where you plan, build, style, add interactivity to, test, and submit a full website of your choosing (portfolio, business, restaurant, NGO, and more), complete with an AI usage report.
What you'll be able to do by the end: build responsive websites that work on any device, structure pages with clean semantic HTML, style interfaces with CSS and Flexbox, add interactivity with JavaScript, manipulate the DOM to respond to users in real time, and use AI to accelerate your workflow. To earn the certificate, you complete each section project and pass every quiz with at least 70%.
Who it's for: complete beginners and career-changers who want a solid, practical foundation, and a finished project to prove it, before moving on to more advanced work (the natural next step is the Professional Certificate in Modern Web Development).
What you will cover
8 modules, 90 sessions.
Introduction to Web Development
- Welcome to the Course10 min
- What is Web Development?15 min
- How the Internet Works20 min
- How Websites Work18 min
- Clients, Servers and Browsers18 min
- Domains, DNS and Hosting20 min
- HTTP and HTTPS15 min
- Static vs Dynamic Websites15 min
- How Modern Websites are Built20 min
- Section Project: Understanding the Web45 min
Setting Up Your Development Environment
- Introduction to Your Development Environment10 min
- Installing Visual Studio Code20 min
- Exploring the VS Code Interface18 min
- Installing Google Chrome10 min
- Using Chrome Developer Tools25 min
- Installing Node.js20 min
- Installing Git20 min
- Creating a GitHub Account15 min
- Essential VS Code Extensions20 min
- Creating Your First Website Project30 min
- Section Project: Development Environment Setup45 min
HTML Essentials
- Introduction to HTML15 min
- Creating Your First HTML Page20 min
- Understanding HTML Elements and Tags18 min
- Headings and Paragraphs20 min
- Lists15 min
- Links and Navigation20 min
- Working with Images20 min
- Tables25 min
- HTML Forms35 min
- Semantic HTML20 min
- Accessibility Basics15 min
- Mini Project: Personal Profile Website90 min
- HTML Essentials Quiz20 min
CSS Essentials
- Introduction to CSS15 min
- Ways to Add CSS20 min
- CSS Syntax and Selectors25 min
- Working with Colors20 min
- Fonts and Typography25 min
- Backgrounds and Borders20 min
- The CSS Box Model30 min
- Width, Height and Display20 min
- Introduction to Flexbox35 min
- Responsive Design Basics30 min
- Mini Project: Responsive Landing Page120 min
- CSS Essentials Quiz20 min
JavaScript Fundamentals
- Introduction to JavaScript15 min
- Adding JavaScript to a Webpage15 min
- Variables25 min
- Data Types25 min
- Operators25 min
- User Input and Output20 min
- Functions35 min
- Conditional Statements35 min
- Loops35 min
- Arrays35 min
- Objects30 min
- Mini Project: Student Grade Calculator90 min
- JavaScript Fundamentals Quiz25 min
JavaScript & The Document Object Model (DOM)
- Introduction to the DOM20 min
- Selecting HTML Elements25 min
- Changing Text and HTML Content25 min
- Changing CSS with JavaScript25 min
- Responding to Events35 min
- Working with Forms30 min
- Form Validation30 min
- Creating and Removing Elements30 min
- Timers and Simple Animations25 min
- Mini Project: Interactive To-Do List120 min
- DOM Manipulation Quiz20 min
AI for Modern Web Development
- Introduction to AI for Developers20 min
- Writing Effective Prompts30 min
- Using ChatGPT for Web Development30 min
- Using Claude for Coding25 min
- Using GitHub Copilot30 min
- Using Claude Code25 min
- Debugging with AI30 min
- Responsible AI Usage20 min
- Mini Project: AI-Assisted Landing Page120 min
- AI for Developers Quiz20 min
Capstone Project & Course Completion
- Introducing the Capstone Project15 min
- Planning Your Website30 min
- Building the HTML Structure45 min
- Styling Your Website45 min
- Adding JavaScript Functionality40 min
- Using AI During Development25 min
- Testing Your Website30 min
- Capstone Project360 min
- Project Submission Guidelines15 min
- Course Wrap-Up & Next Steps20 min
Self-paced
Secure payment by Paystack. Your login is emailed straight after.
Ask a question- Format
- Self-paced
- Sessions
- 90 across 8 modules
- Certificate
- Yes, on completion
- Who it is for
- Professionals, Youth, Corporate & Government