HTML 4

Overview of Web Development

Client-side Programming

Server-side Programming

Types of Webpages

Static Webpage

Dynamic Webpage

Server Webpage

Types Of Languages

Programming Languages

Scripting Languages

Introduction THTML

Structure Of HTML

Tag

Empty Tag

Container Tag

Basic Tags

Meta Tags

Attributes & Parameters

Comments

Image tag

Link Tags

Image Link

Text Link

Email Link

Marquee Tag

List

Order List

Unorder List

Nested List

Definition List

Table Tag

Form tags

Background Colors & Images

Introduction TDoctypes

HTML 5

What is HTML 5

Overview of HTML 5

Browser Support

W3C and Web Hypertext Application Technology Working Group (WHATWG).

Specifications

Power of HTML5 in web & mobile Domains

Overview of updated new features

HTML5 Syntax

The DOCTYPE

Character Encoding

The <script> tag

The <link> tag

HTML5 Document

Forms

color

date

datetime

datetime-local

email

month

number

range

search

tel

time

url

week

Form Elements

<datalist>

<keygen>

<output>

New attributes for <form>

autocomplete

novalidate

New attributes for <input>

autocomplete

autofocus

form

formaction

formenctype

formmethod

formnovalidate

formtarget

height and width

list

min and max

multiple

pattern (regexp)

placeholder

required

step

Videand Audio

Media

<audio>

<video>

<source>

<embed>

<track>

plugins

youtube

HTML5 NEW ELEMENTS

<article>

<aside>

<canvas>

<details>

<figcaption>

<figure>

<footer>

<header>

<hgroup>

<main>

<mark>

<meter>

<nav>

<section>

<summary>

<time>

Migration from HTML4 tHTML5

HTML5 Browser Support

 HTML5 Elements as Block Elements

 Adding New Elements tHTML

 Problem With Internet Explorer

HTML5 DEPRECATED TAGS

<acronym>

<center>

<font>

<frame>

<frameset>

<s>

<u>

HTML5 DEPRECATED ATTRIBUTES

align-caption, iframe, img, input, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p,

td, th, and tr.

background-body

bgcolor-table, tr, td, th and body.

border table

cellpadding-table

cellspacing-table

hspace-img

vspace-img

noshade-hr

rules-table

size-hr

type-li, ol and ul

width-hr, table, td, th, pre.

App Cache or Offline Applications

Browser Support

Canvas Overview

Lines

Curves

font

Image

Paths

Shapes

Color, gradients

Cascading Stylesheets(CSS2)

CSS

Introduction

Syntax

Advantages

Types of Stylesheets

External style sheet

Internal style sheet

Inline style

Types of Selectors

Global

Class

Id

Div’s & Span tags

Colors

Background

background-color

background-image

background-repeat

background-attachment

background-position

Font

font-family

color

font-size

font-style

font-variant

font-weight

Text

Color

letter-spacing

Word-spacing

line-height

text-align

text-decoration

text-indent

text-transform

vertical-align

White-space

Images

border

width

height

Links

a:link

a:visited

a:hover

a:active

Lists

list-style-type

list-style-position

list-style-image

Tables

Box Model

Border & Outline

outline

margin

padding

Advanced

Dimension

height

width

line-height

max-height

min-height

max-width

min-width

Display

Positioning

Layers (Z-index)

Floating

Scrollbars

Navigation Bar

Image Opacity

Image Sprites

Attribute Selectors

Introduction tcss3.0

CSS 2.0 vs CSS 3.0

Introduction tcss3

whats new in css3.0

border

box-shadow

border-image

border-radius

background

background-clip

background-origin

background-size

Multiple Background Images

Gradients

Linear Gradients

 Top tBottom

 Left tRight

 Diagonal

 Angles

 Multiple Color Stops

 Transparency

repeating-linear-gradient

Radial Gradients

 Evenly Spaced Color Stops

 Differently Spaced Color Stops

 Set Shape

 Use of Different Size Keywords

 closest-side

 farthest-side

 closest-corner

 farthest-corner

repeating-radial-gradient

text effects

text-shadow

word-wrap

@FONT Face

Browser Support

Font Formats

Browser Support for Font Formats

Using The Font

Working with third party plugins

Google fonts

Box Resize

Box Sizing

Outline

Transitions

transition

transition-delay

transition-duration

transition-property

Animations

@keyframes

animation

animation-delay

animation-direction

animation-duration

Selectors

Multiple Columns

column-count

column-fill

column-gap

column-rule

column-rule-color

User Interface

box-sizing

resize

outline-offset

resize

JAVASCRIPT

Introduction tjavascript

Syntax

Statements

Comments

Introduction tClient Side Scripting

Introduction tJava Script

Javascript Types

Variables in JS

Datatypes in JS

Operators in JS

Conditional Statements

Java Script Loops

JS Popup Boxes

JS Events

JS Arrays

JS Objects

JS Functions

Operators

Arithmetic

Assignment

Comparison

Logical

Conditional

Using Java Script in Realtime

JS Popup Boxes

Validation of Forms

The DOM, Nodes, and Objects

Understanding the DOM

Adding nodes tthe DOM

Deleting nodes from the DOM

jQuery – Advance

String:

Numbers:

Boolean:

Objects:

Arrays:

Functions:

Arguments:

Scope:

Built-in Functions:

jQuery – Selectors

How tuse Selectors?

jQuery – CSS Element Selector

jQuery – CSS Element ID Selector

jQuery – CSS Element Class Selector

jQuery Effects

jQuery Hide/Show

jQuery Fade

jQuery Slide

jQuery Animate

jQuery stop()

jQuery Callback

jQuery Chaining

jQuery – DOM Attributes

Get Attribute Value:

Set Attribute Value

Jquery – DOM

Jquery Events

Ajax

UI

Responsive Web Design(Bootstrap and apply media query)

Twitter Bootstrap – Introduction

Grid Systems in Bootstrap

Components and form elements

Slider animations in Bootstrap

Bootstrap Plugins and its uses

Media Attribute and Media Type Concepts

Introduction tMedia Queries

Understanding CSS Box Model & CSS Resets

Techniques tmake Responsive Images

Creating Responsive menu

Creating Responsive Banner slider

Creating Responsive Content area

Creating Responsive Footer

Adobe Photoshop :

Introduction of Stock Photography

Types of Images and Image Editing Tools

Introduction to Adobe Photoshop

Using Photoshop Tools

Layers, Actions and Filters

Creating Custom Effects