HTML5 5. How Many Pixel Space between each Heading HTML Pagaraph Tag 1. type of tag (Block or Inline) 2. Why Call Block Tag 3. Why not Inline Tag

(1)

HTML5

FIRST SESSION

 What is the Website

 What is the WebPages

 Difference between Designer &

Developer

 Difference UI & UX

 What is the tag

 What is the Attribute

 Type Of Tags

o Container Tag

o Non-Container Tag

o Block Tag

o inline-Tag

o Tag Object

 Deference Between Tag & Element

SECOND SESSION

 Structure of HTML

o What is the Head

o What is the title

o Meta Chaset="utf-8"

o Meta name ViewPort

o Favicon

 Background Color

o With Color Name

o With Color Hexa Code

o with RGBA Color code

 Background Image

THIRD SESSION

 HTML Heading Tag 1. Size of the Each Heading 2. type of tag (Block or Inline) 3. Why Call Block Tag

4. Why not Inline Tag

5. How Many Pixel Space between each Heading

 HTML Pagaraph Tag

1. type of tag (Block or Inline) 2. Why Call Block Tag

3. Why not Inline Tag

4. How Many Pixel Space between each Lines

 Basic Higlights Tags

1. Bold,Italic,Underline,Big,Small,Mark, 2. Del,Sup,Sup,Hr,Blockquote, pre

FOURTH SESSION

 HTML List Menu

o UL-> Un-order List

o OL-> Order List

o LI-> List List

o Style type of UL

o Style type of OL

 HTML Marquee Tag

o What is Marquee

o Property of Marquee

o Alternate Behavior Marquee

o Slide Behavior Marquee

o Loop Marquee

o Marquee Direction

FIFTH SESSION

 HTML Links

o What is the Links

o Why We use Links

o What is Anchor Tag

o Why we use Header tag with Links

o Internal Links

o External Links

o Email Links

(2)

o Parent Child Links

SIXTH SESSION

 HTML Image

o Image

Attribute(width,height,title,alt,vspace,hs pace,align)

o Direct Image Path

o Indirect Direct Image Path

o Image Gallery

o Image Text Wrapping

o Image Link

 HTML Audio

 HTML Video

EIGHT SESSION

 HTML Table

o What is the Table

o Table Attribute

o (width,height,bordercolor,bgcolor, aligh,cellspacing,cellpading)

o Parts of

Table(Row,td,th,thead,tbody,tfoot,capti on)

o Table Merge(Colspan,Rowspan)

o Nested Table(Table inside Table)

NINTH SESSION

 HTML Form

o What is the Form

o Why we use Form

o Form Attribute

o Form Validation

o Form Regular Expression

TENTH SESSION

 HTML Frames

 Frames

 Iframe

 Navigation Frames

ELEVENTH SESSION

 HTML Projects

 CV Create(Help of(Heading, Paragraph,list,basic tags)

 Calendar, Invoice BIlls(By Table)

 Simple Template(Nested Table)

 Child links(By Iframe)

 Basic Slider(By Iframe Image)

 Login Registration Form with Validation

 Website Pages

o Title Content According to the Topic

o Images According to the Topic

o Contents According to the Topic

(3)

CSS/CSS3

FIRST SESSION

 WHAT IS THE CSS

 Why we use Css?

 Syntax of CSS

 INTERNAL CSS

 EXTERNAL CSS

 INLINE CSS

SECOND SESSION

 CSS Selector

o Tag Selector

o Class Selector

o Id Selector

o New Name Tag Create

o Valid Selector

o Global Selector

o CSS Combinator

THIRD SESSION

 CSS Font & Text Property

 CSS Background(Image,Color)

 Css Multi Background

 Css Parallax Scrolling

FOURTH SESSION

 CSS Box Model

o How to create Box

o How to Align Box(Float)

o How to Move Box(Margin)

o How to Move text Inside of box(Padding)

o CSS Border

FIFTH SESSION

 Layout Adjustment

o box – Pixel

o box – Percentage

o Box-inside box

o Margin calculation

o Outline

o Outline-offset

o Border Transparent

SIXTH SESSION

 Css Width Height

o Height

o Height Auto

o Max-Height

o Min-Height

o Width

o Width Auto

o Max-Width/Min-Width

EIGHT SESSION

 CSS Position

o Relative

o Absolute

o Fixed

o Sticky

o Big Difference Between Relative &

Absolute Position

o Image Reflection

o Text-Effect(Text-Overflow)

o Text-Effect(Word-Wrap)

o Text-Effect(Word-Break)

o Text-Effect(Writing-Mode)

NINTH SESSION

 Anchor Pseudo-classes

o CSS Link

o CSS Active

o CSS Hover

o CSS Visited

 CSS Opacity

(4)

 CSS RGBA

 CSS After Before

 CSS Important

TENTH SESSION

 CSS3

 CSS3 Gradient

 CSS3 Shadow

 CSS3 Radius

 CSS3 2d Transform

 CSS3 3d Transform

 CSS3 Animation

 CSS3 Column

 CSS3 Transitions

 CSS3 Media Query

 CSS3 Flex Box

BOOTSTRAP

 WHAT IS THE Bootstrap

 Why we use Bootstrap?

 Syntax of Bootstrap

 Grid System

 Container-Fluid

 Container

 Row

 Col-md

 Col-sm

 Col-lg

 Col-xs

 Navigation

 Drop Down Navigation

 Form

 Table

 Card/Card-body

 Collapse

 Model

 Background Color

 Text Color

 Padding/Margin

 Slider

 Borders

 Position

(5)

JAVASCRIPT

FIRST SESSION

(INTRODUCTION OF JS )

 Internal Js

 External Js

 Inline Js

 Syntax of Js

 Print Message by following

 Document. Write

 Document.getElementById/Class/By Tag

 Js Comment (single or Multi Line)

SECOND SESSION (JS DATA TYPE INTRO)

 Introduction of Data Type

 Number(Int,Float)

 Variable(Global, Local)

 String

 Print message by variable

 Print message with string and variable

THIRD SESSION (JS OPERATOR)

 Arithmetic Operator

 Logical operator

 Conditional operator

 Assign operator

 Increment operator

 Decrement operator

FOURTH SESSION (JS FUNCTION)

 What Function

 Simple Function

 Parameter Function

 Argument Function

 Invock Function

 Anonymous function

 Function Call

FIFTH SESSION(JS ARRAY)

 What is the Array

 1d Array

 2d Array

 Array With Loop(in/of)

 2d Array With Nested Loo

 Array

Methods(pop,push,filter,shift,unshift)

 Array

Methods(indexOf,search,map,match)

 Array

Methods(Joins,slice,splice,reverse,sort)

 Array Methods(Joins,slice,splice)

SIXTH SESSION (JS LOOPS)

 For Loop

 While Loop

 do while Loop

 Nested Loop

 Dynamic Menu by Loop

 Dynamic Table by Loop

 Dynamic CSS Boxes by Loop

SEVENTH SESSION

 String

 Math

 Date time

 Js css dom

 Form validation

 On scroll function

EIGHT SESSION

 Slider

o Slider create

o Slider by loops

o Simple slider

(6)

o Fade slider

o Radio button slider

o Jquery cycle slider



NINTH SESSION

 Working with js and css

 Hide show

 Slideup slide down

 Js animation

 Toggle button creation

 One function with multiple buttons

TENTH SESSION

 ADVANCE (ES6 SCRIPTING)

 Let, const and var

 Template Strings :- Fat arrow functions

 Function with default parameters

 Object literals

 Set and WeakSets

 Map and WeakMaps

 Rest and spread operators

 Destructuring

 Classes

 Modules

 Symbol

 Generators & Iterators

 Promises

 Object Oriented

o Class

o Function

o Constructor

o Prototype

(7)

JQUERY

INTRODUCTION

 WHAT IS THE JQUERY?

 HOW TO DOWNLOAD?

 DIFFERENCE BETWEEN JS & JQUERY

 STRUCTURE OF THE JQUERY

 JQUERY SYNTAX

 JQUERY SELECTOR

 JQUERY EVENT

JQUERY EFFECTS

 JQUERY HIDE/SHOW

 JQUERY FADE

 JQUERY SLIDE

 JQUERY TOGGLE

 JQUERY ANIMATE

 JQUERY STOP

 JQUERY CALLBACK

 JQUERY CHAINING

JQUERY HTML

 JQUERY GET

 JQUERY SET

 JQUERY ADD

 JQUERY REMOVE

 JQUERY CSS

JQUEYR AJAX

 AJAX INTRO

 LOAD

 GET

 POST