Sr No. |
Module Name |
Module Topics |
1
|
Introduction to Web Technologies
|
Overview of the web development landscape and scopes,
Client-side vs. server-side technologies,
Structure of a web application
|
2
|
HTML (Hypertext Markup Language)
|
HTML syntax and structure, Basic tags (html, head, body, title),
|
|
Text formatting and links
|
Paragraphs, headings, and text formatting tags,
Creating hyperlinks
|
|
Lists and tables
|
Ordered and unordered lists,
Table creation, rows, columns, and headers
|
|
Forms and input elements
|
Form tags and attributes,
Input types (text, password, email, etc.),
Buttons, checkboxes, radio buttons, and dropdowns
|
|
Semantic HTML
|
Header, footer, section, article, and other semantic tags
|
|
Multimedia
|
Embedding images, audio, and video,
Using the iframe tag
|
3
|
CSS (Cascading Style Sheets)
|
Introduction to CSS,
CSS syntax and selectors,
Inline, internal, and external CSS
|
|
Styling text and fonts
|
Font families, sizes, and weights,
Text alignment, decoration, and transformation
|
|
Colors and backgrounds
|
Color properties (color, background-color),
Background images and gradients
|
|
Box model
|
Margins, padding, borders, and content,
Box-sizing property,Layout techniques (Display properties (block, inline, inline-block, flex),
Positioning (static, relative, absolute, fixed),
Floating and clearing)
|
|
Responsive design
|
Media queries, Fluid grids and layouts
|
|
Advanced CSS
|
Transitions, transforms, and animations
|
4
|
JavaScript (JS)
|
Introduction to JavaScript,
JavaScript syntax and placement,
Variables, data types, and operators
|
|
Control structures
|
Conditional statements (if, else, switch), Loops (for, while, do-while)
|
|
Functions and scope
|
Function declaration and expression,
Arrow functions and higher-order functions
|
|
DOM Manipulation
|
Selecting and manipulating HTML elements,
Event handling and listeners,
Creating and removing elements dynamically
|
|
JavaScript Objects
|
Object creation and manipulation,
Prototypes and inheritance
|
|
ES6+ Features
|
Let and const,
Template literals,
Destructuring and spread operator,
Modules and imports/exports
|
5
|
Bootstrap Framework
|
Introduction to Bootstrap,Bootstrap setup and configuration,
Bootstrap grid system, Bootstrap Components, Customizing Bootstrap, Responsive Design with Bootstrap
|