Web development - Ramandeep Singh

📘 Module 1: Introduction to Web Development

• What is web development?

• How websites work (frontend + backend)

• Website structure: HTML, CSS, JS

• Overview of responsive design

• Tools required (VS Code, Browser DevTools)

📘 Module 2: HTML – Website Structure

• HTML document setup

• Tags, elements, attributes

• Headings, paragraphs, lists, links

• Images, videos, tables, forms

• Semantic HTML tags

• Creating multi-page website layout

📘 Module 3: CSS – Website Styling

• CSS syntax, selectors, properties

• Colors, backgrounds, borders

• Fonts, icons, spacing, shadows

• Display, Flexbox, Grid Layout

• Pseudo-classes and animations

• Building responsive layouts

• Styling forms, navbars, landing pages

📘 Module 4: Bootstrap – Responsive UI Framework

• Introduction to Bootstrap

• Installation (CDN & local)

• Bootstrap grid system explained

• Navigation bars, carousels, buttons, forms

• Cards, modals, accordions

• Utility classes for quick styling

• Creating mobile-first designs

• Building a responsive portfolio website

📘 Module 5: JavaScript – Web Interactivity

• JS syntax, variables, functions

• Arrays, loops, operators

• DOM manipulation

• Working with events

• Form validation using JS

• Fetch API basics

• Creating dynamic UI elements

• Basic animations & user interactions

📘 Module 6: MySQL – Database Concepts

• Introduction to relational databases

• Creating databases & tables

• Writing SQL queries

• Insert, Update, Delete, Select operations

• Filtering & sorting data

• Table relationships & joins

• Connecting MySQL with the website (basic intro)

📘 Module 7: Mini Projects (Hands-on Practice)

Learners will build real-world projects such as:

• Personal portfolio website

• Business landing page

• Interactive form with validation

• Product listing page

• Login & registration UI

📘 Module 8: Final Integrated Project

A complete website that includes:
✔ HTML structure
✔ CSS/Bootstrap responsive design
✔ JavaScript interactivity
✔ MySQL database for login/signup or product data