HTML/CSS/JAVASCRIPT CONTENT (REGULAR BATCH)

Sessi Main Topic Sub-topic

on
HTML
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
1&2 W3C standards
Web - Introduction Overview of the Internet
Overview of the World Wide Web
(WWW)
Email, SMTP MIME, FTP
What is HTTP & HTTPS
What is URL & URI
What is Client & Web Server?
Types of Web Pages & Web Sites
Introduction to What is HTML?
HTML Editors
3
HTML HTML Versions
Features of HTML
Limitations of HTML
Introduction to <!DOCTYPE> HTML Version Info.
Head Section
HTML Introduction to TAGS
4
Types of Tags
Structure of HTML Document
HTML Comments
Presentational or Heading tags, paragraph tag
pre tag, strong tag
5&6
Formatting Tags emphasis tag, strike tag
underline tag, subscript tag
subscript tag, span tag, Ins tag
Del tag, label tag, br tag etc…
7 Title and Html Html entities
html hexadecimal codes
entities title tag
how to set logo/icon
 HTML/CSS/JAVASCRIPT CONTENT (REGULAR BATCH)

8 HTML Attributes What is attribute?

Types of attributes

HTML Images Web image formats

How images are used in web design
9 The image tag
Clickable images Image Links
Images types
Anchor Tag The anchor tag
Types of links
Internal Links & External Links
Text Links
10 Picture Links
Local Links
Email links
working with colors How to apply the color
foreground color
11 background color
single color
gradient colors
working with Lists Making Unordered lists
Making Ordered lists
12 Legend tag
fieldset tag
13 Div Tag Working with Div Tag
14 HTML - Tables Headings in a Table
Empty Cells in a Table
Declaring width & height
Cell spacing & Cell padding
caption tag
Colspan and Rowspan
Nesting tables
Alignment & Rules Attributes
15 HTML Forms Introduction to forms
GET vs. POST
16, 17, 18 HTML Form Input tag,
& 19 Input tag attributes,
Controls Text fields, Hidden fields,
Number fields, Password fields,
Reset button, Submit button,
 HTML/CSS/JAVASCRIPT CONTENT (REGULAR BATCH)

Image button, Checkbox,

Radio button, Email field, Url field,
Date field,Time field, File upload 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
HTML5 new New Semantic/Structural Elements
22 & 23 Semantic/Structural details & summary tags,
Elements output tag, figure tag,
figcaption tag, header tag
nav tag, section tag, article tag
aside tag, footer tag, Main tag
bdi tag, mark tag, base tag
iframe tag etc…
Introduction
What is Multimedia?
Video Formats
24 Multimedia Audio Formats
Video on the Web
HTML5 Video Tags
HTML5 Audio Tags
CSS
Introduction to CSS
Why CSS
Advantages
25 Introduction to CSS Limitations
Inline style
Internal style sheet
External style sheet
26 & 27 CSS Selectors What is selector?
Types of selectors
universal selector, tag selector
id selector, class selector
group selector, descendant selector
direct descendant selector
 HTML/CSS/JAVASCRIPT CONTENT (REGULAR BATCH)

compound selector, attribute selector

pseudo selectors, pseudo elements
selector rules etc…
Font-size, Font-style, Font-family
Font-weight, Letter-spacing
CSS Text and Font Word-spacing, Line-height
28
Attributes Text-align, Text-decoration
Text-indent, Text-transform
Vertical-align, Cursor styles etc…
Css borders
29 CSS box model css margins
css paddings
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
Border-radius, overflow
Advanced Flex box,
Grid layout
31 Cascading Style Floating
Sheets Navigation Bar, Image Gallery
Image Opacity etc…
Introduction
Border-radius, Box-shadow
Border & Border-image, Background-size
32
Backgrounds Background-position,
Background-repeat, Text-shadow
Word-wrap etc…
introduction
2D Transforms
33 CSS3 Transforms translate(), rotate()
Scale(), skew(), matrix()
rotatex(), rotatey() etc..
 HTML/CSS/JAVASCRIPT CONTENT (REGULAR BATCH)

Introduction
transition-property
CSS3 Transitions & transition-duration
34
Animations transition-delay
CSS3 @keyframes Rule
Browser Support
Animation, animation-duration
JavaScript
Advantages of Scripting Languages
Limitations of Scripting Languages
Types of Scripts
Difference between Scripting and
What is Scripting Programming Langs.
35
Language? What is javascript? Who Developed?
JS Versions
Features of javascript
What javascript can Do?
Javascript Syntax
Types of JS
Inline script
Internal script
36 Basic of JavaScript External script
Comments in JAVASCRIPT
Javascript Blocks
<noscript> tag
Javascript Naming Conventions
Variable Declaration and the
Assignment Operator
Java Script working with var, let, const
37 Variables & javascript datatypes
datatypes what is loosely typed n JS
what is dynamic declarations in JS
what hoisting in JS
javascript Popup Boxes
38 JavaScript Assignment Operators
Arithmetic Operators
Operators Unary Operators - Incrementing and
Decrementing
Comparison Operators
 HTML/CSS/JAVASCRIPT CONTENT (REGULAR BATCH)

String Operators
Logical Operators
Conditional Operators
What is control statement?
Types of control statements
if statement
if else statement
if else if statement
39 & 40 Control Controls switch statement
for loop
while loop
do while loop
break and continue statement
label statement
What is interpolation?
How to use interpolation
41 String interpolation Advantages of interpolation
Working with Template literal
What is a Array
advantages
How to Create a Array
Initializing the Elements of an Array
Accessing the Elements of a Array
42 & 43 Arrays Array Object Methods and Properties
arrays for in loop
arrays for of loop
spread operator with array
destructing array
Introduction to functions
Declaring and calling a function
Local variables, outer variables,
shadowing
Working with function parameter &
44 & 45 Functions arguments
Return statement
Functions with rest operator
Default parameters
Function closures
46 Functional Introduction to functional expression
(anonymous)
Expressions
 HTML/CSS/JAVASCRIPT CONTENT (REGULAR BATCH)

advantages of functional Expressions

implementation of functional
Expressions
Introduction to arrow functions
advantages of arrow functions
47 Arrow Functions limitations of arrow functions
implementation of arrow functional
Creating a javascript String Object
48 JavaScript Strings String object properties and Methods
Understanding System Time
Creating a javascript Date Object
Setting the Time and Date
Date, time and
49 Reading the Date and Time
Math classes Finding the Time Zone Offset and
Getting Local Time
Javascript Math class Methods
Try
catch
JavaScript - Errors
50 finally
Handling throw
onerror()
Object Oriented Programming in
javascript
Object based Types Of oops
51
Programme Introduction to Objects
types of Object Creations
Object Literals
What is Construction Function?
Construction
52 Types of Constructions
functions this keyword
Functional/object inheritance
Functional call() function
53
Inheritance What is prototype?
Types of prototyping
Introduction to classes
Class,
Properties,
54 & 55 OOPs Methods,
Constructors
Inheritance
 HTML/CSS/JAVASCRIPT CONTENT (REGULAR BATCH)

Dom introduction
56 DOM dom document
dom element
DOM html manipulations
57 DOM manipulations dom css manipulations
dom animations
dom navigation
58 DOM dom nodes
dom collections
What is event handling?
Types of event handling
Click, Dblclick, Focus
59 Events Handling Load, Mouseout, Mouseover,
Change, Select, Submit
Keypress etc..
Working with Window Object
BOM Properties
60
Window Object & methods
Working with timer functions
What is validation?
Javascript
61 Types of validations
validations form validations
Introduction
62 Regular Expressions regexpr attributes
regexpr methods
What is Web Hosting?
Hosting Types:
Web Hosting (Live What is Domain Name?
63
Web Site) General Domains
Top Level Domains
How to Register a Domain Name?