Masters in Web Design & Development
Total Number of Modules13
Total Number of Topics136
Estimated Duration280:00 H
Module 1 – HTML
- Introduction & Setup to Web Development90 Mins
- Practice Program - Headings, Paragraphs & Formatting60 Mins
- Links, Multimedia & Lists60 Mins
- Practice Program - Media, Lists & Styled Tables60 Mins
- Forms, Semantic Tags & HTML5 Features60 Mins
- Assessment MCQ60 Mins
- Mini Project - HTML Form with Placeholders & Validations60 Mins
Module 2 – CSS
- Introduction to CSS & Selectors60 Mins
- Practice Program - Inline, Internal & External CSS60 Mins
- Typography & Text Styling60 Mins
- Practice Program - Google Fonts Integration60 Mins
- Box Model & Spacing60 Mins
- Practice Program - Profile Card with Font Awesome60 Mins
- CSS Positioning & Display60 Mins
- Practice Program - Navbar & Floating Layout60 Mins
- CSS Transitions & Transformations60 Mins
- Animations, Keyframes & Media Queries60 Mins
- Responsive Design & Keyframe Practice60 Mins
- Mini Project - Website Design using HTML & CSS120 Mins
Module 3 – JavaScript
- Introduction to JavaScript60 Mins
- Variables, Data Types & Operators60 Mins
- Control Statements, Loops & Iterables60 Mins
- Practice Program - Student Grades Management60 Mins
- Arrays, Objects, Sets, Maps & Functions120 Mins
- Practice Program - Library Management System60 Mins
- DOM Manipulation60 Mins
- Forms, Validation & Error Handling60 Mins
- Practice Program - Registration Form Validation120 Mins
- Advanced JavaScript (ES6+ & Storage)120 Mins
- JS API - Fetching Data from External APIs120 Mins
- Practice Program - Weather App using API60 Mins
- EmailJS Integration60 Mins
- Assessment MCQ60 Mins
- Project - Form Validation & Mini Project120 Mins
Module 4 – Bootstrap
- Bootstrap Introduction & Grid Layout120 Mins
- Bootstrap Components & Interactivity180 Mins
- Mini Project - Responsive Event Website240 Mins
Module 5 – jQuery
- Introduction to jQuery, Selectors & DOM Manipulation60 Mins
- Assessment MCQ60 Mins
- Project - Interactive Web Page using jQuery240 Mins
Module 6 – React
- Introduction to React + Vite & Environment Setup60 Mins
- React Components (Functional & Class)60 Mins
- Practice Program - User Profile Dashboard60 Mins
- Conditional Rendering30 Mins
- Handling Events in React30 Mins
- Practice Program - Feedback Form App30 Mins
- React Props & List Rendering60 Mins
- Practice Program - Map() Method List Display30 Mins
- React Router (Navigation in React Apps)60 Mins
- Private Routes & Protection60 Mins
- Practice Program - Product Details with Router60 Mins
- Forms & Controlled Components60 Mins
- Practice Program - Controlled Contact Form30 Mins
- Component Lifecycle & Hooks Introduction120 Mins
- Practice Program - Counter App Lifecycle60 Mins
- useEffect Hook, useRef & Axios Data Fetching60 Mins
- useContext & React Context API60 Mins
- Custom Hooks & Error Handling60 Mins
- Practice Program - Custom Data Fetch Hook60 Mins
- Fetch API & Axios (CRUD Operations)90 Mins
- Project - To-Do List using API240 Mins
- Introduction to Redux & Setup60 Mins
- Practice Program - Redux Counter App60 Mins
- Redux Middleware & Redux Toolkit60 Mins
- Practice Program - Async API with Redux Thunk60 Mins
- Performance Optimization (memo, useCallback, useMemo)60 Mins
- Practice Program - Component Optimization60 Mins
- React.lazy & Code Splitting30 Mins
- Practice Program - Lazy Loading & Suspense30 Mins
- EmailJS in React60 Mins
- Chart.js Integration in React60 Mins
- Practice Program - Real-Time Dashboard Charts60 Mins
- Local Storage & Web App Deployment60 Mins
- Project - Bus Ticket Booking App in React240 Mins
Module 7 – MySQL
- Fundamentals of MySQL60 Mins
- Practice Program - Table Creation & DML Commands60 Mins
- Querying & Filtering Data60 Mins
- Practice Program - Aggregate Functions & Filtering60 Mins
- Joins & Relational Queries60 Mins
- Practice Program - Inner & Left Join Queries60 Mins
- MySQL Connectivity Basics30 Mins
- Advanced MySQL Connectivity & Transactions60 Mins
- Assessment - MySQL Overall Assessment60 Mins
- Project - Employee-Department Management System120 Mins
Module 8 – PHP
- Introduction to PHP & Environment Setup180 Mins
- Practice Program - Personal Portfolio Webpage240 Mins
- PHP Fundamentals & Functions180 Mins
- Practice Program - Student Grading System240 Mins
- PHP Built-in Functions & Arrays180 Mins
- Practice Program - Student Report Generator210 Mins
- PHP Forms and MySQL Integration180 Mins
- Practice Program - PHP MySQL CRUD & File Upload240 Mins
- PHP Sessions, Cookies, and Security180 Mins
- Practice Program - Secure Login System240 Mins
- Project - Full Stack PHP Project360 Mins
Module 9 – Laravel Framework
- Introduction to Laravel Framework180 Mins
- Practice Program - CRUD with Laravel MVC240 Mins
- Laravel Fundamentals – Routing & Controllers180 Mins
- Practice Program - Controller Routing & Parameters300 Mins
- Laravel Fundamentals – Views, Models, and Migrations180 Mins
- Practice Program - Blade Views & Schema Migrations240 Mins
- Eloquent ORM & Deployment180 Mins
- Practice Program - Eloquent Relationships240 Mins
- Laravel Advanced Topics – Forms & Validation180 Mins
- Practice Program - Custom Form Validation Rules240 Mins
- Authentication, Authorization & File Handling180 Mins
- Practice Program - Auth Middleware & Gates240 Mins
- Notifications, Email & RESTful API Development180 Mins
- Practice Program - Mailables & Sanctum APIs180 Mins
- Middleware Architecture180 Mins
- Practice Program - Custom Request Middleware240 Mins
- Deployment & Version Control Hosting180 Mins
- Project - Laravel Web Application360 Mins
Module 10 – WordPress
- Introduction to WordPress & Localhost Setup180 Mins
- Practice Program - Localhost Installation & Dashboard240 Mins
- WordPress Settings & Themes180 Mins
- Practice Program - Site Settings & Permalinks Configuration180 Mins
- WordPress Content & Media Management180 Mins
- Practice Program - Post Publishing & Categories180 Mins
- WordPress Plugins, Menus, Widgets & Hooks180 Mins
- Practice Program - Security Plugins & Custom Plugins120 Mins
- WordPress Core Files & Database Integration180 Mins
- Practice Program - Custom Functions & Database Config120 Mins
- Project - CMS Based WordPress Web Portal360 Mins
Module 11 – AWS Deployment & Version Control
- Introduction to AWS & EC2 Ubuntu Instance60 Mins
- Amazon S3 Bucket & Static Website Hosting60 Mins
- Practice Program - Host Static Site on S330 Mins
- EC2 + S3 Integration & AWS CLI60 Mins
- Practice Program - EC2 to S3 CLI Sync30 Mins
- Hosting a Web Page with Apache/Nginx60 Mins
- Assessment - Web Project Deployment90 Mins
- Introduction to Git & Workflows45 Mins
- Practice Program - Git Local Repository90 Mins
- GitHub & Hosting via GitHub Pages45 Mins
- Assessment - GitHub Repository Push & Pages60 Mins
Module 12 – Adobe Photoshop
- Introduction to Photoshop, Print vs Web Formats180 Mins
- Getting to Know the Work Area & Custom Workspaces120 Mins
- Basic Photo Corrections & Retouching Tools120 Mins
- Working with Selections & Selection Tools180 Mins
- Layer Basics, Layer Styles & Gradients120 Mins
- Masks, Channels & Puppet Warp180 Mins
- Typography Design & Clipping Masks240 Mins
- Project - UI/UX Asset & Graphic Design Project360 Mins