Web Development
Duration : 60 Days
The Web Development course provides a comprehensive introduction to creating professional websites from scratch. You’ll learn core technologies such as HTML, CSS, and JavaScript, along with responsive design principles for mobile-friendly layouts. The course covers front-end development techniques, integrating interactive features, and optimizing performance for fast loading times. By the end, you’ll have the skills to build visually appealing, functional, and user-friendly websites for personal projects, businesses, or clients.
Course Outline
HTML Fundamentals
Topics
Introduction to Web Development
Structure of HTML Document
Headings, Paragraphs, Lists
Forms (Input, Select, Textarea)
Links, Table, Map & Anchor Tags
Images, Videos, Audio and File Paths
Semantic Tags (section, article, nav, etc.)
CSS Basics
Topics
Introduction to CSS (Inline, Internal, External)
Selectors, Properties, and Values
Box Model (Margin, Padding, Border)
Border, Backgrounds, Colors, and Fonts
Display: block, inline, flex
Positioning (static, relative, absolute, fixed)
Flexbox, Animation
Responsive(Media Query)
Bootstrap 5
Topics
What is Bootstrap?
Bootstrap Grid System
Forms and Form Validation
Creating a responsive layout
Navbar, Buttons, Cards, Modals
Utility Classes (Spacing, Colors, Typography)
JavaScript Basics
Topics
Introduction to JavaScript
Variables, Data Types, and Operators
Loops (for, while)
Functions and Events
Simple Form Validation
Conditionals (if/else, switch)
DOM Manipulation (getElementById, querySelector)
JavaScript (Continued) + Mini Project
Topics
Local Storage
JSON Introduction
Arrays and Objects
Array Methods (map, filter, forEach)
JavaScript Mini Project: Todo App or Calculator
PHP Basics
Topics
What is PHP? Server vs Client
PHP Syntax and Variables
Data Types and Operators
Functions and Arrays
Loops (for, foreach, while)
Control Structures (if, else, switch)
Superglobals ($_GET, $_POST, $_SERVER)
PHP with Forms + MySQL Database
Topics
Form Handling with PHP
Validating and Sanitizing Form Data
Introduction to MySQL & PhpMyAdmin
File Uploads in PHP
Connecting PHP to MySQL
CRUD Operations (Create, Read, Update, Delete)
Sessions, Authentication & Final Project
Topics
Working with Sessions in PHP
User Authentication (Login/Signup)
3Implementing Relationships in PHP
PHP Templating
Final Project Submission
Certificate of Completion
| HTML Fundamentals | |
| Topics | |
|---|---|
| Introduction to Web Development | |
| Structure of HTML Document | |
| Headings, Paragraphs, Lists | |
| Forms (Input, Select, Textarea) | |
| Links, Table, Map & Anchor Tags | |
| Images, Videos, Audio and File Paths | |
| Semantic Tags (section, article, nav, etc.) | |
| CSS Basics | |
| Topics | |
|---|---|
| Introduction to CSS (Inline, Internal, External) | |
| Selectors, Properties, and Values | |
| Box Model (Margin, Padding, Border) | |
| Border, Backgrounds, Colors, and Fonts | |
| Display: block, inline, flex | |
| Positioning (static, relative, absolute, fixed) | |
| Flexbox, Animation | |
| Responsive(Media Query) | |
| Bootstrap 5 | |
| Topics | |
|---|---|
| What is Bootstrap? | |
| Bootstrap Grid System | |
| Forms and Form Validation | |
| Creating a responsive layout | |
| Navbar, Buttons, Cards, Modals | |
| Utility Classes (Spacing, Colors, Typography) | |
| JavaScript Basics | |
| Topics | |
|---|---|
| Introduction to JavaScript | |
| Variables, Data Types, and Operators | |
| Loops (for, while) | |
| Functions and Events | |
| Simple Form Validation | |
| Conditionals (if/else, switch) | |
| DOM Manipulation (getElementById, querySelector) | |
| JavaScript (Continued) + Mini Project | |
| Topics | |
|---|---|
| Local Storage | |
| JSON Introduction | |
| Arrays and Objects | |
| Array Methods (map, filter, forEach) | |
| JavaScript Mini Project: Todo App or Calculator | |
| PHP Basics | |
| Topics | |
|---|---|
| What is PHP? Server vs Client | |
| PHP Syntax and Variables | |
| Data Types and Operators | |
| Functions and Arrays | |
| Loops (for, foreach, while) | |
| Control Structures (if, else, switch) | |
| Superglobals ($_GET, $_POST, $_SERVER) | |
| PHP with Forms + MySQL Database | |
| Topics | |
|---|---|
| Form Handling with PHP | |
| Validating and Sanitizing Form Data | |
| Introduction to MySQL & PhpMyAdmin | |
| File Uploads in PHP | |
| Connecting PHP to MySQL | |
| CRUD Operations (Create, Read, Update, Delete) | |
| Sessions, Authentication & Final Project | |
| Topics | |
|---|---|
| Working with Sessions in PHP | |
| User Authentication (Login/Signup) | |
| 3Implementing Relationships in PHP | |
| PHP Templating | |
| Final Project Submission | |
| Certificate of Completion | |