HTML

● What is Web Application and Website

● Web Pages and Its Type
● Introduction to HTML?
● Why to Learn HTML?
● HTML Document Structure
● The <!DOCTYPE> Declaration
● HTML The Head Element
● HTML The Body Element
● HTML Meta Tags
○ Charset
○ Name
○ Content
○ Http-equiv (refresh)
● HTML Element?
● HTML Tags
○ Container tag (opening and closing tag)
○ Empty Tag (only opening tag)
● HTML Attributes
● HTML Comments
● HTML Headings
○ Heading 1
○ Heading 2
○ Heading 3
○ Heading 4
○ Heading 5
○ Heading 6
● HTML Paragraphs
● HTML Line Breaks
● HTML Text Formatting Elements
○ <b> and <strong> Elements
○ <i> and <em> Elements
 ○ <small> Element
○ <mark> Element
● <del> Element
● <ins> Element
● <sub> Element
● <sup> Element
● HTML Preformated (pre) & Horizontal (hr) rule
● HTML Links (Anchor Tag)
○ target
○ href
● HTML Images
○ Src
○ Alt
○ Width
○ height
● HTML Tables and Its Attributes
○ thead
○ tbody
○ tfoot
○ tr
○ th
○ Td
○ Colspan
○ Rowspan
● HTML Lists
○ Unordered HTML List
○ Ordered HTML List
○ Description Lists
● HTML Block and Inline Elements
● HTML class Attribute
● HTML id Attribute
● HTML Iframes
● HTML Responsive Viewport meta
● HTML Semantic Elements / Tags
○ <header> Element
 ○ <footer> Element
○ <nav> Element
○ <section> Element
○ <article> Element
○ <aside> Element
● HTML Marquees
○ Direction
○ Behavior
○ Scrolldelay
○ Scrollamount
○ Loop etc..
● HTML Forms
○ Form Elements
○ Form Attributes
○ Input Types
○ Placeholder
○ Text Input Controls
○ Checkboxes Controls
○ Radio Box Controls
○ Select Box Controls
○ File Select boxes
○ Hidden Controls
○ Clickable Buttons
○ Textarea
○ Submit and Reset Button
○ Autocomplete
○ Required
○ Disabled
○ minlength and maxlength etc..
● HTML New Input Type
○ color
○ Number
○ Range
● Date
● Month
● Week
● Time
● Email
● Search
● Tel
● Url
● Image etc..
● HTML Progress Tag
● HTML Media
○ Video
■ Source
■ Autoplay
■ Controls
■ Loop
■ Muted
■ Src
■ Poster
○ Audio
■ Source
■ Autoplay
■ Controls
■ Loop
■ Muted
■ src
○ YouTube Videos

CSS
● What is CSS?
● Why to Learn CSS?
● Why Use CSS?
● Advantages of CSS
● What is CSS Syntax
● CSS Selectors
○ Tag
○ Id
○ Class

● How To Add CSS

○ External CSS
○ Internal CSS
○ Inline CSS

● CSS Colors
○ RGB Colors
○ HEX Colors
○ HSL Colors

● CSS Backgrounds
○ background-color
○ background-image
○ background-repeat
○ background-position
○ background-attachment
○ background
● CSS Fonts Style
○ font-family
○ font-style
○ font-weight
○ font-size
○ font

● CSS Text Style

○ color
○ direction
○ letter-spacing
○ word-spacing
○ text-align
○ text-decoration
○ text-transform
○ text-shadow
● CSS Box Model
● CSS Borders
○ border-style
○ border-width
○ border-color
○ border
● CSS Margins
○ margin-bottom
○ margin-top
○ margin-left
○ margin-right
○ margin
● CSS Padding
○ padding-bottom
○ padding-top
○ padding-left
○ padding-right
○ padding
● Difference between Margin and Padding
● CSS Width
○ max-width
○ min-width
● CSS Height
○ max-height
○ min-height
● CSS Links Style
○ :link
○ :visited
○ :hover
○ :active

● CSS Display Property

○ inline
○ inline-block
○ block
○ Flex
○ grid
● CSS Float Property
● CSS Clear Property
● CSS Cursors Style
● CSS Overflow Property
○ overflow-x
○ overflow-y
○ overflow
● CSS Position Property
● CSS Z-index Property
● CSS Units
○ (px,%,em,rem,vh, vw)
● Difference between display none and visibility hidden
● CSS Media Types
● CSS Shadow Effects
○ Text Shadow
○ Box Shadow
● CSS 2D Transforms
○ translate() Method
○ rotate() Method
○ scale() Method
○ skew() Method
○ matrix() Method etc…
● CSS Transitions
○ transition
○ transition-delay
○ transition-duration
○ transition-property
○ Transition-timing-function

● CSS Animations
○ @keyframes
○ animation-name
○ animation-duration
○ animation-delay
○ animation-iteration-count
○ animation-direction
○ animation-timing-function
○ animation-fill-mode
○ Animation
● CSS Flexbox
○ flex-direction
○ flex-wrap
○ justify-content
○ align-items
○ Align-content
○ Gap
○ order

● CSS Grid
○ Grid
○ Grid-template-colum
○ Grid-template-row
○ Gap
○ Grid lines
○ Grid star
○ Grid end
○ Grid row
○ Grid column

BOOTSTRAP
● Introduction to Bootstrap? and its Features
● Bootstrap Installation
● Setting Development Environment
● Grid System
● Components
○ Basic Typography
○ Text Alignment & Display
○ Colors Background
○ Buttons
○ Navbars
○ List groups
 ○ Badges
○ Forms
○ Carousel
○ Modal
○ Table
○ Cards
○ Pagination

JAVASCRIPT
● Introduction to Javascript
● Features of Javascript
● Data Types
● Javascript Variables
● The JavaScript Console
○ JavaScript console.log()
● JavaScript Functions
○ Why Functions?
○ How to Create a Function in JavaScript?
○ Invokes the Function
○ JavaScript Function with Parameters
○ Function Parameters and Arguments
○ Parameter Rules
○ Function Argument Missing in JavaScript
○ Default Parameter in a Function
○ arguments object in JavaScript function
○ Rest parameter in JavaScript function
○ Difference between Rest Parameter and Arguments Object in
JavaScript
○ Passing a function as a parameter in JavaScript
 ○ Functions Used as Variable Values
○ Functions Can Be Used as Values
○ JavaScript Function Invocation
● JavaScript Objects
○ Creating Objects in JavaScript
■ By object literal
■ By creating instance of Object directly (using new
keyword)
○ Accessing Object Properties
○ Updating Object Properties
○ Deleting Object Properties
● Javascript Arrays and Its Methods
● Javascript Strings and its Methods
● The HTML DOM (Document Object Model)
○ HTML DOM getElementById() Method
○ HTML DOM getElementsByTagName () Method
○ HTML DOM getElementsByClassName () Method
○ HTML DOM getElementsByName () Method
○ HTML DOM querySelector () Method
○ HTML DOM innerHTML Property
○ HTML DOM innerText Property
○ HTML DOM textContent Property
○ Differences between innerText, innerHTML and textContent
○ Changing the Value of an Attribute
● Events
○ Event Listener
○ Event Handler
● Function Hoisting in JavaScript
● Variable Hoisting in JavaScript
● Scope Chain & Lexical Scoping in JavaScript
● this in JavaScript
● Call(), apply(), bind()
● Closures
● Promises
● Fetch
● What is ECMAScript?
● ECMAScript Editions
● var, let & const
● Template Literals in JavaScript
● Template literals (template strings) Method
● Array Destructuring
● Object Destructuring
● Default Parameters
● Rest Parameters
● Spread Operator
● Callbacks in Detail
● Callback hell in JavaScript
● Async Await in JavaScript
● OOPs
○ Classes
○ Object
○ Constructor
○ Encapsulation
○ Inheritance
○ Polymorphism
○ Access Modifers
○ Static and Non Static Members