Role of a Web Designer
Website Types: Static vs Dynamic
Understanding the Internet, Browsers & Servers
Introduction to Front-end & Back-end
Tools Required: Code Editors (VS Code), Browsers, Design Tools

Basic Structure of an HTML Page
Doctype, , ,
Elements, Tags, Attributes
Headings, Paragraphs, Line Breaks, Horizontal Rules
Text Formatting Tags (bold, italic, underline)
Lists: Ordered, Unordered, Description Lists
Links and Anchors
Images and Image Attributes
Tables: Rows, Columns, Headers
Forms: Input, Textarea, Select, Checkbox, Radio
Semantic HTML5 Tags (

,

Introduction to CSS
Types of CSS: Inline, Internal, External
Syntax, Selectors, Properties
Colors (Hex, RGB, HSL)
Fonts & Google Fonts Integration
Text Styling: Alignment, Decoration, Transformation, Spacing
Backgrounds (color, image, gradient)
Box Model (Margin, Padding, Border, Content)
Display Property: Block, Inline, Inline-block, None
Positioning: Static, Relative, Absolute, Fixed, Sticky
Float and Clear
Flexbox Layout
CSS Grid Layout
CSS Pseudo-classes and Pseudo-elements
Transitions and Basic Animations
Media Queries & Responsive Design

Introduction to JavaScript
Variables (var, let, const)
Data Types and Operators
Conditional Statements: if, else, switch
Loops: for, while, do-while
Functions and Events
Arrays and Objects
String & Array Methods
DOM Manipulation: getElementById, querySelector Changing HTML & CSS using JS Event Listeners (click, mouseover, keypress) Form Validation using JavaScript

jQuery Syntax and Selectors
Events (click, hover, focus, blur)
Hide/Show, Toggle, Slide, Fade Effects
DOM Manipulation using jQuery
CSS Manipulation and Class Handling
jQuery Animation (animate)
AJAX with jQuery (basic introduction)
Form Handling & Validation

Setting Up Bootstrap (CDN and Download) Bootstrap Grid System
Responsive Layouts
Utility Classes
Bootstrap Components: Navbar Buttons Cards Forms Modals Alerts Carousel Collapse Bootstrap Icons
Creating a Responsive Website Using Bootstrap

Project Planning and Wireframing Design Mockup with Figma (optional)
Convert Design to HTML/CSS/JS
Create: Personal Portfolio Website Product Landing Page Blog Template
Implement Responsive Design
Host on GitHub Pages or Netlify

Introduction to Version Control (Git & GitHub) Basic Terminal Commands
Pushing Projects to GitHub
Free Hosting Platforms (GitHub Pages, Netlify)
SEO Basics (Meta Tags, Titles, Alt Text)
Accessibility & Web Standards (W3C Guidelines)