e‑Learning / Foundations / AI-Powered Web Development (HTML, CSS & GitHub Copilot)

AI-Powered Web Development (HTML, CSS & GitHub Copilot)

Beginner Foundations 43 lessons Updated Aug 2026

What you'll learn

Complete, modern HTML, from first tag to a full multi-page site
How to set up and use GitHub Copilot to code faster (without depending on it)
Semantic structure, SEO basics and responsive thinking
Five real builds: profile page, photo gallery, landing page, contact form, blog page

Curriculum

7 modules · 43 lessons

01 The AI developer mindset Free lesson 6 lessons

Introduction: web development in the AI era Preview

Course outline: where we are going

AI-assisted programming explained

What is Agentic AI?

The developer mindset for success

Your learning roadmap

02 Tools setup 3 lessons

VS Code setup for web development

GitHub Copilot: install and configure

HTML mastery with Copilot: series opener

03 HTML foundations 7 lessons

Basic HTML structure (HTML5 document)

Essential HTML elements

Attributes & syntax rules

Headings & paragraphs

Text formatting (bold, italic & more)

Comments & code organisation

BUILD: personal profile page

04 Links, media and lists 13 lessons

Links, navigation & anchor tags

Images & favicon (with optimisation)

Lists: ordered, unordered & description

Tables for data

Audio & video: embedding media

Canvas & SVG graphics

BUILD: photo gallery with multimedia

Divs, classes & IDs (CSS selectors ready)

Block vs inline elements

Iframes: embed external content

File paths & URLs (absolute vs relative)

Colors, symbols & emojis

BUILD: landing page

05 Forms 3 lessons

Forms & attributes: creating inputs

All form input types

BUILD: contact form

06 The head, SEO & semantics 7 lessons

HTML head & metadata (SEO)

Titles & SEO basics

HTML5 semantic tags (header, nav, main...)

Responsive HTML & mobile-first thinking

Quotations & displaying code

BUILD: blog post page with semantic HTML

HTML style guide & best practices

07 Bridging to CSS & JavaScript 4 lessons

HTML + CSS integration (inline, internal, external)

HTML + JavaScript integration

FINAL PROJECT: complete home page

Course conclusion & complete recap

Description

The modern way to learn web development: you learn real HTML and CSS and you learn to work with an AI assistant (GitHub Copilot) from day one. The way professional developers work in 2026. This is the newest and most complete beginner series on the channel (43 parts, all included below in learning order).

Your instructor

Muhindo Mubaraka

Full-Stack Developer & Software Engineer

Nine years building the systems that governments, hospitals, schools and farmers actually run on, and teaching thousands of people to build their own.

Frequently asked questions

How do I pay?

Pay with MTN Mobile Money, Airtel Money, or a Visa/Mastercard card, all handled securely through Flutterwave. Free courses need no payment at all.

Is it self-paced?

Yes, you learn on your own schedule. There are no live class times to catch; lessons stay available for the course's access window.

Do I get a certificate?

Yes, a certificate is issued automatically once you complete every lesson in the course, and you can verify it any time from its own link.

What if I get stuck?

Use the course's discussion Q&A to ask a question. I read and answer these myself.

Free 43 lessons Start this course