WEB DEVELOPMENT LAB – 2022-23 SYLLABUS

S.No Title
1 Chapter One: HTML
https://bit.ly/PVP20-WT-HTML
1.1 Introduction WWW,URL,HTTP,HTTPS,FTP,MIME
1.2 Basic Web Technologies
1.3 Why HTML
1.4 What is HTML
1.5 HTML Page Structure
HTML Elements Categories
1.6.1 Conatainer Elements
1.6
1.6.2 Empty Elements
1.6.3 HTML Block and Inline Elements
1.7 HTML Element Attributes,Comments
1.8 Meta tag In HTML
Sectioning Elements
1.9 1.9.1 Semantic and Non-semantic Elements
1.9.2 Header,footer,main,nav,section,article,aside,address
Grouping Elements in HTML
1.10.1 Paragraph Element
1.10 1.10.2 Division Element (Div ,Span)
1.10.3 List Element (1. Unordered List 2. Ordered List 3. Description List)
1.10.4 Quotation and Citation Element ( blockquote,q,abbr,address,cite, and bdo)
1.11 Link Element ( <a>….. </a>)
1.12 HTML Formatting Elements or Text-level semantic elements
1. <b> - Bold text
2. <strong> - Important text
3. <i> - Italic text
4. <em> - Emphasized text
5. <mark> - Marked text
6. <small> - Smaller text
7. <del> - Deleted text
8. <ins> - Inserted text
9. <sub> - Subscript text
10. <sup> - Superscript text
1.13 HTML Entities or character entities
Character Description Entity Name Entity Number
Non-breaking space &nbsp; &#160;
< Less than &lt; &#60;
> Greater than &gt; &#62;
& Ampersand &amp; &#38;
© Copyright &copy; &#169;
€ Euro &euro; &#8364;
£ Pound &pound; &#163;
® Registered trademark &reg; &#174;
1.14 HTML Global Attributes
accesskey,class,contenteditable,data*,dir,draggable,hidden,id,lang,spellcheck,style,
tabindex,title,translate
1.15 HTML Table Element

i
 WEB DEVELOPMENT LAB – 2022-23 SYLLABUS

HTML Forms
1.16.1 HTML Form Attributes
Accept-charset,action,autocomplete,enctype,method,name,novalidate,rel,target
1.16.2 Form Elements:
<input> <label> <select> <textarea> <button> <fieldset> <legend> <datalist>
<output> <option> <optgroup>
1.16.3 HTML Input Type and value attribute
<input type="button">
<input type="checkbox">
<input type="color">
<input type="date">
<input type="datetime-local">
<input type="email">
<input type="file">
1.16 <input type="hidden">
<input type="image">
<input type="month">
<input type="number">
<input type="password">
<input type="radio">
<input type="range">
<input type="reset">
<input type="search">
<input type="submit">
<input type="tel">
<input type="text">
<input type="time">
<input type="url">
<input type="week">
Embedded elements
17.1 Image Element
1.17 17.2 Audio Element
17.3 Video Element
17.4 iFrame Element
2 Chapter Two: CSS
https://bit.ly/PVP20-WT-CSS
Introduction to CSS
2.1.1 Why CSS ?
2.1 2.1.2 What is CSS
2.1.3 How to Write CSS Style Rules
2.1.4 Use of Developer Tools
Selectors
2.2.1 Why Selectors
2.2.2 What are Selectors
2.2.3 Additional CSS Selectors
2.2
2.2.4 Element and contextual Selectors
2.2.5 Class Selectors
2.2.6 Attribute Selectors
2.2.7 Pseudo classes

ii
 WEB DEVELOPMENT LAB – 2022-23 SYLLABUS
Cascading Order
2.3.1 Introduction To Cascading Order
2.3 2.3.2 Cascading order
2.3.3 Selectors precedence and Specificity
2.3.4 Inheritance and Important keyword.
Typography
2.4.1 Why Typography?
2.4.2 What is Typography?
2.4.3 CSS Units
2.4
2.4.4 Color property
2.4.5 Background property
2.4.6 Text properties
2.4.7 Font properties.
Box Model
2.5.1 Why Box Model?
2.5.2 What Box Model?
2.5.3 Width and height properties
2.5
2.5.4 Border and border-radius property
2.5.5 Padding property
2.5.6 Margin Property
2.6.7 Box-sizing property.
Layouts
2.6.1 Why Layouts?
2.6.2 What are Layouts?
2.6 2.6.3 Float property
2.6.4 Position properties
2.6.5 Flex property
2.6.6 Grid property
Responsive Web Design
2.7.1 Why Responsive Web Design?
2.7 2.7.2 What is Responsive Web Design?
2.7.3 Flexible images and Fluid layouts
2.7.4 Media Queries
Adding Awesome Effects
2.8.1 Why Transitions and Animations
2.8.2 What are Transformations and Transitions ?
2.8
2.8.3 What are Animations?
2.8.4 Transformations and Transitions
2.8.5 Animations.
2.9 CSS Security
2.1 CSS Accessibility and Best Practices
0

iii
 WEB DEVELOPMENT LAB – 2022-23 SYLLABUS
3 Chapter Three: Bootstrap5
https://bit.ly/PVP20-WT-BOOTSTRAP
Bootstrap – Introduction
3.1.1 Bootstrap – Why do we need it?
3.1 3.1.2 Bootstrap 4 vs Bootstrap 5
3.1.3 Getting Started with Bootstrap
3.1.4 What are Bootstrap Reboot, Utilities
Page Layout
3.2.1 Intro to Page Layout Classes
3.2.2 Grid System
3.2 3.2.3 Containers
3.2.4 Rows and Columns
3.2.5 Responsive Columns
3.2.6 Offset and Gutter
Content Styling
3.3.1 Content Components - Introduction
3.3.2 Classes for Text Size
3.3.3 Classes for Text Alignment
3.3.4 Text Emphasis Classes
3.3.5 Blockquote Classes
3.3.6 List Styling
3.3.7 Buttons in Bootstrap
3.3 3.3.8 Spinners in Buttons
3.3.9 Data Collapse
3.3.10 Badges in Bootstrap
3.3.11 Bootstrap Icons
3.3.12 Accordion
3.3.13 Alert
3.3.14 Modals
3.3.15 Tabs
3.3.16 Responsive Images
Content Structuring
3.4.1 Table - Basic Styling
3.4.2 Hoverable, Bordered Tables
3.4
3.4.3 Cards – Introduction
3.4.4 Cards – Structure
3.4.5 Cards – Images
Navigation
3.5.1 Introduction to Navbar
3.5.2 Navbar - Getting Started
3.5
3.5.3 Navbar Customization
3.5.4 Navbar Elements
3.5.5 Responsive Navbar
Form
3.6.1 Forms w/o bootstrap
3.6.2 Basic Form
3.6.3 Form elements with Form-control - Tryout
3.6
3.6.4 Form elements with form-group - Tryout
3.6.5 Input groups in form
3.6.6 Form Layouts
3.6.7 Forms in Navbar

iv
 WEB DEVELOPMENT LAB – 2022-23 SYLLABUS
4 Chapter Four: Java Script
https://bit.ly/PVP20-WT-JAVASCRIPT
Introduction To Java Script
4.1 4.1.1 Why we need JavaScript?
4.1.2 What is JavaScript?
Identifiers
4.2 4.2.1 Working with Identifiers
4.2.2 Type of Identifiers
Data Types
4.3.1 Working with Data Types
4.3
4.3.2 Primitive Data Types
4.3.3 Non-Primitive Data Types
Operators
4.4 4.4.1 Working With Operators
4.4.2 Operators and Types of Operators
Statements and Expressions
4.5.1 Working with Statements and Expressions
4.5.2 Types of Statements
4.5 4.5.3 Non - Conditional Statements
4.5.4 Types of Conditional Statements
4.5.5 If Statement
4.5.6 Switch Statement
Loops
4.6.1 Working With Loops
4.6.2 Types of Loops
4.6
4.6.3 For Loop
4.6.4 While Loop
4.6.5 Do-While Loop
Functions
4.7.1 Working with Functions
4.7.2 Types of Functions
4.7.3 Declaring and Invoking Function
4.7 4.7.4 Arrow Function
4.7.5 Function Parameters
4.7.6 Nested Function
4.7.7 Built-in Functions
4.7.8 Variable Scope in Functions
Classes
4.8 4.8.1 Working With Classes
4.8.2 Creating and Inherting Classes
Event Handling
4.9.1 Working With Events
4.9 4.9.2 In-built Events and Handlers
4.9.3 Wiring the Events
4.9.4 Exception Handling

v
 WEB DEVELOPMENT LAB – 2022-23 SYLLABUS

Objects
4.10.1 Working with Objects
4.10.2 Types of Objects
4.10.3 Creating Objects
4.10.4 Combining and cloning Objects using Spread operator
4.10
4.10.5 Destructuring Objects
4.10.6 Accessing Object Properties
4.10.7 Built-In Global Objects
4.10.8 Browser Object Model
4.10.9 Document Object Model
Iterables
4.11.1 Working with Arrays
4.11.2 Creating Arrays
4.11 4.11.3 Combining and cloning Arrays using Spread operator
4.11.4 Destructuring Arrays
4.11.5 Accessing Arrays
4.11.6 Array Methods
Asynchronous Programming
4.12.1 Introduction to Asynchronous Programming
4.12.2 Callbacks
4.12
4.12.3 Promises
4.12.4 Async and Await
4.12.5 Executing Network Requests using Fetch API
Modular Programming
4.13.1 Introduction to Modular Programming
4.13
4.13.2 Creating Modules
4.13.3 Consuming Modules
JavaScript - Security
4.14.1 Why JavaScript Security?
4.14.2 What is JavaScript Security?
4.14.3 Security challenges in JavaScript
4.14.4 Cross-site scripting (XSS)
4.14 4.14.5 Demo : XSS Attack
4.14.6 XSS Mitigation Techniques
4.14.7 Cross-Site Request Forgery
4.14.8 CSRF Mitigation Techniques
4.14.9 JavaScript Obfuscation
4.14.10 Cross Domain Request in JavaScript

vi