Fundamentals of Web Development

About Course

This course is a hands-on, beginner-friendly program designed to teach students how websites are built from scratch.

Students will learn how the internet works, how websites are structured using HTML, styled with CSS, and made interactive with JavaScript. They will also learn responsive design principles and basic deployment techniques to publish their website online.

By the end of the 8 weeks, students will build and launch a fully responsive personal or business website after which they will work on a capstone project with a real organization.

NB: This Programme is sponsored by TechED and will be giving away 5 new laptops to the top 5 students.

Course Content

How the Internet Works
This module introduces students to the fundamental concepts of how the internet works. Students will understand how websites are delivered to users, the role of servers, browsers, and domains, and how data travels across the internet.

Understanding How the Internet Works
Introduction to the Internet
How Websites Work
Web Browsers and Servers
Domains and Hosting
HTTP and HTTPS

HTML Basics
Students learn the structure of web pages using HTML. They will create their first webpage and understand how content is structured on the internet.

About Course

What Will You Learn?

Course Content

How the Internet Works This module introduces students to the fundamental concepts of how the internet works. Students will understand how websites are delivered to users, the role of servers, browsers, and domains, and how data travels across the internet.

Understanding How the Internet Works

Introduction to the Internet

How Websites Work

Web Browsers and Servers

Domains and Hosting

HTTP and HTTPS

HTML Basics Students learn the structure of web pages using HTML. They will create their first webpage and understand how content is structured on the internet.

Building Your First Webpage with HTML

Introduction to HTML

HTML Tags and Elements

Text Elements

Links and Navigation

Images and Media

Lists and Tables

Forms and Inputs

Personal Profile Website

CSS & Website Styling Students learn how to style websites using CSS to control colors, layout, fonts, and visual appearance.

Designing Websites with CSS

Introduction to CSS

Adding CSS to HTML

Colors, Fonts, and Text Styling

Box Model

Layout Techniques

Flexbox Layout

Style your Personal Profile Website

Variables in CSS Students learn how CSS variables help create reusable and maintainable styles.

Using CSS Variables for Smarter Styling

Introduction to CSS Variables

Declaring CSS Variables

Using Variables in Styles

Updating Variables

Creating Theme Switcher

Responsive Design & UI Structure Students learn how to make websites mobile-friendly and visually structured.

Mobile Responsive Websites

Responsive Design Basics

Navigation Bars & Layout Components

UI Best Practices

Convert your site into a responsive website

JavaScript Basics Students learn how JavaScript brings websites to life by adding dynamic behavior.

Making Websites Interactive with JavaScript

Introduction to JavaScript

Adding JavaScript to a Website

Variables and Data Types

Functions

Events and User Interaction

DOM Manipulation

Interactive Button

Form Validation

Version Control with Git Students learn how developers track and manage code changes using Git and collaborate using GitHub.

Managing Code with Git and GitHub

Introduction to Version Control

Installing and Setting Up Git

Basic Git Commands

Working with GitHub

Pushing Code to GitHub

Push your website project to GitHub.

Deployment on Vercel Students learn how to publish their websites online using modern deployment tools.

Publishing Your Website Online with Vercel

What is Deployment

Introduction to Vercel

Deploying a Website

Build and Deploy your Personal Portfolio Website

Deployment

Graduation, Reviews & Awards

Graduation, Reviews & Awards

Reviews

Social Media Following

How the Internet Works
This module introduces students to the fundamental concepts of how the internet works. Students will understand how websites are delivered to users, the role of servers, browsers, and domains, and how data travels across the internet.

HTML Basics
Students learn the structure of web pages using HTML. They will create their first webpage and understand how content is structured on the internet.

CSS & Website Styling
Students learn how to style websites using CSS to control colors, layout, fonts, and visual appearance.

Variables in CSS
Students learn how CSS variables help create reusable and maintainable styles.

Responsive Design & UI Structure
Students learn how to make websites mobile-friendly and visually structured.

JavaScript Basics
Students learn how JavaScript brings websites to life by adding dynamic behavior.

Version Control with Git
Students learn how developers track and manage code changes using Git and collaborate using GitHub.

Deployment on Vercel
Students learn how to publish their websites online using modern deployment tools.