📘 Web Page Designing & Web Development – Updated Syllabus (2024–25)

✅ Module 1: Introduction to Web & Internet Basics

Internet, Web, Browser & Search Engine Basics

Client–Server Architecture

Domain Names, Hosting & Deployment Basics

HTTP / HTTPS Basics

Types of Websites (Static, Dynamic, CMS, Web Apps)

✅ Module 2: HTML5 – Structure of Web Pages

HTML Document Structure

Elements, Tags & Attributes

Text Formatting Elements

Lists, Images, Links & Tables

Forms & Form Validation

Semantic Tags (header, nav, article, section, footer)

Audio & Video Embedding

IFrames

SEO-Friendly HTML

✅ Module 3: CSS3 – Styling & Layout

Inline, Internal & External CSS

CSS Selectors & Specificity

Colors, Fonts & Typography

Borders, Margin, Padding, Display

Box Model

Positioning

CSS Flexbox

CSS Grid

Media Queries (Responsive Design)

CSS Animation & Transition

Creating Responsive Layouts (Mobile, Tablet, Desktop)

✅ Module 4: JavaScript (Basic to Advanced)

JS Syntax, Variables & Data Types

Operators & Conditions (if, else, switch)

Loops

Functions

Arrays & Objects

DOM Manipulation

Events (click, mouseover, input)

JSON Basics

Fetch API (AJAX)

ES6+ (let/const, Arrow Functions, Template Literals, Spread Operator)

✅ Module 5: Front-End Frameworks

(Any one depending on course duration)

🔹 React.js (Recommended)

Components, Props & State

Hooks (useState, useEffect)

Routing

API Integration

Functional Components & Reusability

OR

🔹 Angular Basics

OR

🔹 Vue.js Basics

✅ Module 6: UI/UX & Designing Tools

Principles of UI/UX

Color Theory

Typography

Layouting

Wireframing

Tools: Figma / Adobe XD / Canva

Design Prototype Creation

✅ Module 7: Backend Development (Beginner Friendly)

Node.js + Express.js

Introduction to Backend

Node.js Basics

Express Routing

REST APIs

CRUD Operations

Middlewares

Database: MongoDB / MySQL

Database Basics

Tables / Collections

Insert, Update, Delete, Query

Connecting Database with Website

✅ Module 8: Version Control (Git & GitHub)

Git Basics

Creating Repository

Commit, Push, Pull

Branching

Hosting Projects on GitHub

GitHub Pages Deployment

✅ Module 9: Modern Web Tools

NPM & Packages

VS Code & Extensions

Web Hosting (Netlify, Vercel, GitHub Pages)

cPanel Hosting

Browser DevTools

✅ Module 10: Capstone Projects

Students will build:

✔ Responsive Portfolio Website

✔ Dynamic Website (HTML + CSS + JS)

✔ API-Based Web App (Weather / Movies / Notes App)

✔ Full-Stack Project (Optional)

✅ Module 11: Soft Skills for Developers

Communication & Presentation

Resume Building

Interview Preparation

Portfolio & GitHub Profile Optimization