Web Development

Week 1

Introduction to Web Development
How Websites Work (Frontend vs Backend)
HTML Basics – Structure, Tags, Elements, Attributes
Headings, Paragraphs, Links, Images, Lists
Forms and Inputs
Semantic HTML

Week 2

Introduction to CSS
Inline, Internal, and External CSS
Colors, Backgrounds, Borders
CSS Selectors & Specificity
Box Model (Margin, Padding, Border)
CSS Units (px, %, em, rem, vh, vw)

Week 3

CSS Positioning (Static, Relative, Absolute, Fixed, Sticky)
Flexbox – One-dimensional layouts
CSS Grid – Two-dimensional layouts
CSS Transitions & Animations
Introduction to Responsive Design
Media Queries

Week 4

Introduction to Bootstrap
Bootstrap Grid System
Navigation Bar, Buttons, Cards
Forms & Tables in Bootstrap
Responsive Layouts with Bootstrap
Mini-project: Build a Responsive Landing Page

Week 5

Introduction to JavaScript
Variables (var, let, const)
Data Types & Operators
Conditional Statements (if, else, switch)
Loops (for, while, forEach)
Functions (regular & arrow functions)

Week 6

DOM (Document Object Model)
Selecting Elements (getElementById, querySelector)
Event Listeners (click, keyup, mouseover)
Manipulating DOM Elements (text, styles, attributes)
Creating & Removing Elements Dynamically
Mini-project: Interactive To-Do List

Week 7

Advanced JavaScript Concepts
Arrays & Objects
Array Methods (map, filter, reduce, find)
ES6 Features (Template literals, Destructuring, Spread/Rest operators)
Local Storage & Session Storage
Example Assignments

Week 8

Introduction to Git & GitHub
Installing & Setting Up Git
Basic Git Commands (init, clone, add, commit, push, pull)
Creating Repositories on GitHub
Branching & Merging
Hosting Websites on GitHub Pages

Week 9

Basics of Backend & Databases
Introduction to Node.js
Setting up a Local Server
Introduction to Express.js
Basics of API (GET & POST)
Introduction to Databases (MySQL vs MongoDB overview)

Week 10

Connecting Frontend with Backend
Fetch API (GET & POST Requests)
Mini Project: Simple Blog Website
Hosting Website on Free Hosting Platforms (Netlify, Vercel, Render)
Final Project Discussion & Guidance

🎁 Bonus Topics

CSS Frameworks (Tailwind CSS basics)
JavaScript Libraries (jQuery overview)
Introduction to TypeScript
Deployment with cPanel / Custom Domain Setup
Free vs Paid Hosting Services
Website SEO Basics (Meta Tags, Keywords, Sitemap)
Debugging Tools (Chrome DevTools)
Portfolio Website + Resume Guidance