Home Courses Web Development

Web Development Beginner Level

Full Stack Web Development

This course is a comprehensive, hands-on program designed to equip students with the skills needed to become job-ready full-stack web developers. It covers both frontend and backend development, enabling learners to build complete web applications from scratch...

16 Weeks 37 Lessons 0 Enrolled English

What You'll Learn in This Course

Core concepts, architecture, and practical foundations

Hands-on lab exercises and real-world project builds

Industry best practices and production troubleshooting

Verified Certificate of Completion upon finishing

Course Syllabus & Curriculum

5 Modules · 37 Lessons

Week 1 Introduction to Web Development and the Internet

8 lessons

How the Internet Works — IP Addresses, DNS, and Data Transmission

60 min

Understanding HTTP and HTTPS — Requests, Responses, and Status Codes

65 min

Frontend vs Backend vs Fullstack — Roles, Responsibilities, and Career Paths

60 min

Introduction to the MERN Stack — What Each Technology Does and Why It Matters

65 min

Setting Up Your Development Environment — VS Code, Node.js, Git, and Browser Tools

75 min

Introduction to the Command Line — Navigation, File Management, and Essential Terminal Commands

70 min

Version Control with Git and GitHub — Initialising Repos, Commits, Push, and Pull

80 min

Web Development Foundations and Environment Setup

Week 2 HTML Foundations

7 lessons

Introduction to HTML — How Browsers Read HTML, Document Structure, and Syntax Rules

70 min

HTML Text Elements — Headings, Paragraphs, Lists, Links, and Inline vs Block Elements

75 min

HTML Images, Audio, Video, and Embedding External Media

75 min

HTML Forms — Inputs, Labels, Buttons, Select, Textarea, and Form Attributes

80 min

HTML Tables — Structure, Headers, Merging Cells, and When to Use Tables

50 min

Semantic HTML — Header, Nav, Main, Section, Article, Aside, Footer and Why Semantics Matter

55 min

Building Your First Webpage — A Fully Structured Personal Profile Page Project

90 min

Week 3 CSS Foundations

8 lessons

Introduction to CSS — How CSS Works, Selectors, Properties, Values, and Specificity

65 min

The Box Model — Margin, Border, Padding, Content, and How Elements Take Up Space

60 min

Typography and Colors — Fonts, Font Sizes, Google Fonts, Color Formats, and Backgrounds

60 min

CSS Positioning — Static, Relative, Absolute, Fixed, Sticky, and Z-Index

60 min

Layouts with Flexbox — Flex Container, Flex Items, Alignment, and Direction

70 min

Layouts with CSS Grid — Grid Template, Rows, Columns, Gap, and Placing Items

65 min

Responsive Web Design — Media Queries, Mobile-First Design, and Viewport Units

65 min

CSS Foundations

Week 4 CSS Advanced and UI Styling

8 lessons

CSS Variables (Custom Properties) — Declaring, Using, and Overriding CSS Variables

55 min

Transitions and Animations — Hover Effects, Keyframes, and Timing Functions

60 min

Pseudo-classes and Pseudo-elements — :hover, :focus, :nth-child, ::before, ::after

55 min

CSS Resets and Normalisation — Why They Matter and How to Apply Them

45 min

Introduction to Bootstrap 5 — Grid System, Components, and Utility Classes

65 min

Styling Forms and Buttons Professionally — Custom Inputs, Focus States, Validation Styles

60 min

Mini Project — Build a Fully Responsive Landing Page Using HTML and CSS

CSS Mastery

Week 5 JavaScript Fundamentals — Part 1

6 lessons

Build practical, job-ready skills

Find jobs

Companies

Credits

Freelance marketplace

Opportunity Hub

Affiliate program

Live classes

Community

Blog & Insights

Billing and addons

Mentors

Teach on PEA Africa

Help centre

Full Stack Web Development

What You'll Learn in This Course

Course Syllabus & Curriculum