Course Content
Introduction to Web Development
This module introduces the web development landscape — what websites are made of, how they work, and the core roles in web dev (frontend, backend, full stack).
0/3
What is Web Development?
How the Internet Works
Tools of the Trade
HTML5 – The Structure of the Web
HTML is the foundation of all web pages. This module covers how to structure content and add elements like text, images, and links.
0/5
HTML Page Structure
Working with Text
Images, Links & Lists
Tables & Forms
Semantic HTML
CSS3 – Styling the Web
This module teaches how to style HTML elements using CSS and build visually appealing websites.
0/5
CSS Basics
Styling Text and Boxes
Display & Positioning
Flexbox & Grid
Transitions & Animations
JavaScript – Adding Interactivity
JavaScript brings interactivity to websites. This module covers core JS concepts and dynamic HTML manipulation.
0/5
JavaScript Syntax Basics
Control Flow
Functions & Events
Arrays & Objects
DOM Manipulation
Responsive Web Design
Websites need to look good on all devices. This module focuses on making layouts responsive.
0/4
Understanding Viewports
Media Queries
Fluid Layouts
Responsive Images & Fonts
Using Bootstrap Framework
Bootstrap speeds up development with pre-built styles and components.
0/4
Introduction to Bootstrap
Bootstrap Components
Bootstrap Utilities
Customizing Bootstrap
Web Forms & Validation
Forms allow user input. This module covers building and validating forms for usability and security.
0/4
Creating Forms
Form Attributes
JavaScript Validation
Displaying Errors
Git & GitHub – Version Control
Every developer should know Git. This module covers basic version control and using GitHub for collaboration.
0/4
Git Basics
Using GitHub
Branching and Merging
Collaboration Basics
Website Deployment
After building a site, it's time to go live. This module shows how to deploy websites.
0/4
Deployment Basics
Deploying on GitHub Pages
Deploying on Netlify
Using Custom Domains
Final Project – Personal Portfolio Website
Build a professional portfolio using everything learned in previous modules.
0/5
Planning the Portfolio
Building the Structure
Styling & Making It Responsive
Adding Interactivity
Deploying and Sharing
Mastering Web Development: From Beginner to Pro
Text editors (VS Code), browsers (Chrome, Firefox), DevTools, and extensions.
Introduction to developer workflow.