HTML/CSS/JavaScript Content (Regular batch)

Session Topic Name Sub-topic

Introduction
What is Web & History of Web?
What is a web page? How does it work?
What a browser does?
What is W3C? The importance of W3C standards
Overview of the Internet
Web -
1&2 Overview of the World Wide Web (WWW)
Introduction
Email, SMTP MIME, FTP
What is HTTP & HTTPS
What is URL, URI & URN
What is Client & Web Server?
What is Hyperlink?
Types of Web Pages & Web Sites
What is HTML?
HTML Editors
Introduction to
3 HTML Versions
HTML
Features of HTML
Limitations of HTML
<!DOCTYPE> HTML Version Info.
Head Section
Introduction to Introduction to TAGS
4
HTML Types of Tags
Structure of HTML Document
HTML Comments
Heading tags
paragraph tag
pre tag
strong tag
emphasis tag
strike tag
Presentational or
5&6 underline tag
Formatting Tags
subscript tag
subscript tag
blockquote tag
span tag
label tag
br tag
Html entities
title and Html html hexadecimal codes
7
entities title tag
how to set logo/icon
What is attribute?
8 attributes Types of attributes
html attributes vs css attributes
 HTML/CSS/JavaScript Content (Regular batch)

Web image formats

9 HTML Images How images are used in web design
The image tag
Clickable images Image Links
Images types
The anchor tag
Types of links
Internal Links & External Links
10 Anchor Tag Text Links
Picture Links
Local Links
Email links
How to apply the color
foreground color
working with
11 background color
colors
single color
gradient colors
Making Unordered lists
working with Making Ordered lists
12
Lists Legend tag
fieldset tag
13 Div Tag Div tag
Border
Headings in a Table
Empty Cells in a Table
Declaring width & height
14 HTML - Tables Cellspacing& Cellpadding
caption tag
Colspan and Rowspan
Nesting tables
Alignment & Rules Attributes
Introduction to forms
15 HTML Forms
GET vs. POST
16, 17, 18 HTML Form Input tag,
& 19 Controls Input tag attributes,
Text fields,
Hidden fields,
Number fields,
Password fields,
Reset button,
Submit button,
Image button,
Checkbox control,
Radio button control,
 HTML/CSS/JavaScript Content (Regular batch)
Email field,
Url field,
Date field,
Time field,
File upload control, etc…
Select tag
additional from
20 & 21 text area tag
controls
datalist tag

HTML4 Drawbacks
Introduction to HTML5
New Features and groups
Why HTML5?
Structure of HTML5 Document
New Semantic/Structural Elements
details & summary tag
output tag
figure tag
22 & 23 HTML5 figcaption tag
header tag
nav tag
section tag
article tag
aside tag
footer tag
bdi tag
mark tag
base tag
iframe tag etc…
Introduction
What is Multimedia?
Browser Support
Video Formats
24 Multimedia
Audio Formats
Video on the Web
HTML5 Video Tags
HTML5 Audio Tags
Introduction to CSS
Why CSS
Introduction to Advantages
25 Limitations
CSS
Inline style
Internal style sheet
External style sheet

26 & 27 CSS Selectors What is selector?

Types of selectors
 HTML/CSS/JavaScript Content (Regular batch)
universal selector
tag selector
id selector
class selector
group selector
descendant selector
direct descendant selector
compound selector
attribute selector
pseudo selectors
pseudo elements
selector rules
Font-size
Font-style
Font-family
Font-weight
Letter-spacing
Word-spacing
Line-height
CSS Text and
28 Text-align
Font Attributes
Text-decoration
Text-indent
Text-transform
Vertical-align
White-space
Cursor styles
Custom cursors
Css borders
29 CSS box model css margins
css padding
List
Different List Item Markers
An Image as The List Item Marker
List - Shorthand property
CSS Lists & CSS Table Borders
30
Tables Collapse Borders
Table Width and Height
Table Text Alignment
Table Padding
Table Color
 HTML/CSS/JavaScript Content (Regular batch)
Border-radius
overflow
display-flex
display-grid
Advanced
Floating
31 Cascading Style
Navigation Bar
Sheets
Image Gallery
Image Opacity
Image Sprites
Media Types
Introduction
Border-radius
Box-shadow
Border-image
Border & Background-size
32
Backgrounds Background-position
Background-repeat
Text-shadow
Word-wrap

introduction
2D Transforms
translate()
rotate()
33 CSS3 Transforms Scale()
skew()
matrix()
rotatex()
rotatey() etc..
Introduction
transition-property
transition-duration
CSS3 Transitions
34 transition-delay
& Animations
CSS3 @keyframes Rule
Browser Support
Animation, animation-duration
Advantages of Scripting Languages
Limitations of Scripting Languages
Types of Scripts
Difference between Scripting and Programming Langs.
What is Scripting
35 What is javascript? Who Developed?
Language?
JS Versions
Features of javascript
What javascript can Do?
Javascript Syntax
36 Basic of Types of JS
JavaScript Inline script
 HTML/CSS/JavaScript Content (Regular batch)
Internal script
External script
Comments in JAVASCRIPT
Javascript Code
Javascript Blocks
<noscript> tag
Javascript Naming Conventions
Variable Declaration and the Assignment Operator
working with var, let, const
Java Script
javascript datatypes
37 Variables &
what is loosely typed n JS
datatypes
what is dynamic declarations in JS
what hoisting in JS
javascript Popup Boxes
Assignment Operators
Arithmetic Operators
JavaScript Unary Operators - Incrementing and Decrementing
38 Comparison Operators
Operators
String Operators
Logical Operators
Conditional Operators
What is control statement?
Types of control statements
if statement
if else statement
if else if statement
Java Script
39 & 40 switch statement
Control Controls
for loop
while loop
do while loop
break and continue statement
label statement
What is a Array
advantages
How to Create a Array
Initializing the Elements of an Array
Accessing the Elements of a Array
41 & 42 Arrays
javascript Array Object Methods and Properties
arrays for in loop
arrays for of loop
rest operator with array
destructing array
43 & 44 Functions Introduction to functions
Declaring and calling a function
Local variables, outer variables, shadowing
Working with function parameter & arguments
 HTML/CSS/JavaScript Content (Regular batch)
Return statement
Functions with rest operator
Default parameters
Function closures
Introduction to functional expression (anonymous)
Functional
45 advantages of functional expr
Expressions
implementation of functional expr
Introduction to arrow functions
advantages of arrow functions
46 Arrow Functions
limitations of arrow functions
implementation of arrow functional
Creating a javascript String Object
javascript String Object Methods
47 JavaScript Strings javascript String Object Properties
javascript String Object Examples
Getting the length of a String Object
Understanding System Time
Creating a javascript Date Object
Date, time and Setting the Time and Date
48
Math classes Reading the Date and Time
Finding the Time Zone Offset and Getting Local Time
Javascript Math class Methods
Try
catch
JavaScript -
49 finally
Errors Handling
throw
onerror()
Object Oriented Programming in javascript
Types Of oops
50 JS OOPs Introduction to Objects
types of Object Creations
Object Literals
Construction Functions
51 JS OOPs
this keyword
Functional/object inheritance
52 JS OOPs
call() function
Introduction to classes
Class,
Properties,
53 JS OOPs
Methods,
Constructors
Inheritance
Dom intro
54 JS DOM dom methods
dom document
dom elements
 HTML/CSS/JavaScript Content (Regular batch)
Dom html
55 JS DOM dom css
dom animations
Dom events
dom event listener
56 JS DOM dom navigation
dom nodes
dom collections
Referencing the javascript window Object
javascript window Object Properties
JavaScript Opening Browser Windows using javascript
57
Window Object Closing Browser Windows using javascript
Moving and Resizing Windows
Changing Window Focus
What is event hadling?
Types of event handling
Click
Dblclick
Focus
Events in Load
58
JavaScript Mouseout
Mouseover
Reset
Select
Submit
Keypress etc..
What is validation?
Javascript
59 Types of validations
validations
form validations
Introduction
Regular regexpr attributes
60
Expressions regexpr methods
client side validations
What is Web Hosting?
Hosting Types:
Web Hosting What is Domain Name?
61
(Live Web Site) General Domains
Top Level Domains
How to Register a Domain Name?