GRAPHIC USER INTERFACE - HTML5, CSS3 & JQUERY TRAINING INSTITUTE

Introduction

What is Website

What is Webpages

Type of website

Domain

Web Hosting

Namespace and DOCTYPE

What is HTML

HTML Syntax

HTML Elements

Head

Title

Favicon

Metatag

Body

Paragraph

p...../p

Align

HTML-Anchor

a..../a

href

Target

Title

Named Anchor

Image With Link

Link Colors

HTML-List

Unordered List

Ordered List

Definition List

HTML-pre

HTML-Quotes

HTML-blockquote

HTML-abbr

HTML-Address

HTML-Comments

Text

Heading Tags

h1...../h1

h2....../h2

h3....../h3

h4....../h4

h5....../h5

h6....../h6

Text Formatting

b...../b

i....../i

strong....../strong

em....../em

strikethrough....../strikethrough

del....../del

small...../small

big....../big

code....../code

sub....../sub

sup....../sup

Empty Tag

Hr

br

HTML-Table

table..../table

tr..../tr

td..../td

th..../th

Width & Height

V-align

Caption

Cellpadding

Cellspacing

Colspan

Rowspan

Bgcolor

Background

Frame

Background

Bgcolor

Background-image

HTML Entities

copy

nbsp

beta

gamma

dollar

& Many more...

HTML-Image

img..../img

Src

Width & Height

Border

Align

Alt

Title

Hspace

Vspace

HTML-Marquee

marquee..../marquee

Direction

Loop

Scrollamount

Bgcolor

Width & Height

Behavior

Image with marquee

Vspace

Hspace

Nested Marquee

Frame

frameset..../frameset

frame..../frame

src

Frameborder

Noresize

Cols

Rows

_parent

iFrame

iframe..../iframe

src

Frameborder

Width & Height

HTML-Form

form..../form

Action

Method

Enctype

Input type

Text

Password

Type of Button

Type of Method

Selection Technique

Textarea

Legend & Field set

Hidden Form Control

HTML-Block & Inline Element

div

span

CSS

Introduction

What is CSS

Type of CSS

CSS Syntax

CSS Rules

Color value

CSS measurements

CSS Selector

ID

Class

Single Elements

Multiple Elements

All Elements

Specific Element by ID

Specific Element by Class

Child Selector

Descendant Selector

Adjacent sibling selectors

General sibling selectors

Background Property

Background-color

Background-image

Background-repeat

Background-position

Background attachment

Font Property

Font-family

Font-style

Font-variant

Font-weight

Font-size

Color

Direction

Letter-spacing

Word Spacing

Text-Indent

Text-align

Vertical-align

Text-decoration

Text-transform

White-space

Line-height

Box Model

Border

Margins

Padding

Outline

Table Property

Border-collapse

Caption-side

Border-spacing

Empty-cells

Width and height

Text-align

Vertical-align

Background-color

List Property

list-style-type

list-style-position

list-style-image

Floating Element

Left

Right

None

Links CSS and Pseudo-class

:link

:visited;

:hover

:active

Clear Property

Cursors

CSS-Display

Blcok

Inline

Inline-block

None

Position

Static

Fixed

Relative

Absolute

CSS-Layer

z-index

ImageOpacity

CSS Overflow

Visible

Hidden

Scroll

JAVASCRIPT

Introduction

What is javascript

Advantages of javascript

Why learn javascript

Uses of Javascript

What is validation

Client-side validation

Server-side validation

Type of Javascript

Javascript Syntax

Output Function

Document.write

Window.alert

Variable

Operator

Artithmetic Operators

Assignment Operators

Comparison Operators

Logical/Boolean Operators

String Operators

Conditioinal Statement

If

If...else

If...else if...else

Switch

Looping Statement

Do..while

While

For

Nested for

Function

What is function

Function without parameter

Function with parameter

Return Statement

Local variable

Global variable

Array

What is Array

Syntax of Array

Length

Concat()

Push & pop

Shift & Unshift

Dialog Boxes

Alert

Confirmation

Prompt

Event

Onclick

Ondblclick

Onfocus

Onblur

Onchange

Onselect

Onmouseover

Onmouseout

Onsubmit

Onreset

Onload

Page Print

Window.print

Page Redirection

[removed]

Object

String Object

Date Object

Math Object

Window Object

Navigator Object

Image Object

DOM

What is DOM

Methods of document object

getElementById()

getElementsByName()

getElementsByTagName()

getElementsByClassName()

Form Validation

HTML5

Introduction

What is HTML5

Advantages of HTML5

Why learn HTML5

Semantic Elements

article.../article

aside.../aside

figcaption.../figcaption

figure.../figure

footer.../footer

header.../header

mark.../mark

nav.../nav

progress.../progress

time.../time

Form Elements

Color

Date

Datetime

Datetime-local

Email

Month

Number

Range

Search

Tel

Url

Time

Week

Form Attributes

Autocomplete

Autofocus

Form

Formation

Formenctype

Formmethod

Formnovalidate

Formtarget

Height and width

List

Min and max

Multiple

Pattern(regexp)

Placeholder

Required

Step

Media Elements

source

audio

video

Canvas

Line

Circle

Text

Rectangle

Paths

Bezier

Quadratic

Images

Create Gradients

SVG

Circle

Rectangle Stroke

Rounded Rectangle

Rectangl

Circle Stroke

Ellipse

Line

Polyline

Clip Path

Masks

Drag and Drop

Drag and Drop

Ondragstart and setData()

Ondragover

Web Storage

Local Storage

Session Storage

Geolocation

App Cache

CSS3

Introduction

What is CSS3

Advantages of CSS3

Why learn CSS3

Borders

Border-radius

Border images

Backgrounds

Backgrounds Size

Backgrounds orgin

Font

Text

Text-overflows

Word-wrap

Word-break

Tranitions

Tranitions-delay

Tranitions-duration

Tranitions-property

Tranitions-timing-function

Text Effects

Text-shadow

Box-shadow

Multiple Columns

Columns-count

Columns-gap

Columns-rule-style

Columns-rule-width

Columns-rule-color

Columns-rule

Columns-span

Columns-width

Transforms

2D Transforms

3D Transforms

User Interface

Outline-offset

Resize

Resize-vertical

Resize-Horizontal

Resize-both

JQUERY

Introduction

What is jQuery

Downloading jQuery

How to use jQuery

Why use jQuery

Syntax of jQuery

Creating Simple jQuery enabled page

document.ready event

String Function

charAt

charCodeAt

concat

indexOf

lastIndexOf

substr

toLowerCase

toUpperCase

Selector

*

Id

Class

Multiple Class

Elements

:first

:last

:even

:odd

attribute

:empty

:has

:focus

:header

Form Selector

:text

:password

:input

:checkbox

:selected

:disabled

:enabled

:file

:button

:reset

:submit

Filtering

First-child

Last-child

Eq

Gt

lt

Not

Manipulating Page Content

Creating,getting, and setting content

Addclass(),toggleClass

Function with parameter

Inserting content

Wrapping ,replacing,and removing

Text-val

Working with Events

Click()

dblclick()

Mouseenter()

Mouseleave()

Mousedown()

Mouseup()

Hover()

Change()

Submit()

Scroll()

Select()

Keydown()

Keyup()

Keypress()

Toggle()

Bind()

jQuery Animations and Effects

Hiding and showing elements

Fading elements in and out

Sliding elements

Creating custom animations

Toggling the elements

jQuery Animations and Effects

Exploring the jQuery UI widgets

Exploring the jQuery UI effects

DOM Attributes

Parent

Parents

Parents Until

Find

Siblings

Next

Next All

Next Until

Attr

Manipulation Methods

After

Before

Append() & Append To()

Clone

Prepend

Replace All

Replace With

BOOTSTRAP

Introduction

Introduction to Bootstrap

Bootstrap Grid System

Creating Layouts with Bootstrap

Bootstrap CSS-Understanding the CSS

Responsive Web design withBootstrap

Single Page Responsive site with Bootstrap

Customizing Bootstrap3

Bootstrap Layout Components

Bootstrap Plug-ins

Transition

Modal

Dropdown

ScrollSpy

Tab

Tooltip

Popover

Alert

Button

Collapse

Bootstrap Layouts Components

Glyphicons

Dropdowns

Button Groups

Button Dropdowns

Input Groups

Navs

Navbar

Breadcrumbs

Pagination

Labels

Badgets

Page header

Thumbnails

Alert

Progress bar

Media object

List group

Panels

Font Awesome Icons

Web Application Icons

Hand Icons

Many more