HTML 8 Hrs.

• What is HTML?
• What is a Web Browser?
• What are Versions of HTML?
• What can You Do with HTML?
• HTML Development Environments
• Using a WYSIWYG Editor
• Using an HTML Editor
• Writing Code with a Text Editor
• Publishing Documents

Review of HTML Elements

• Rules of Syntax
• Making your Code Readable
• Making your Code XHTML Compliant
• Building a Document
• Using Colors
• Adding Color to your Page
• Using Headings
• Using Paragraphs
• Using Block quotes
• Using Entities
• Aligning Block-Level Elements

Inserting Spaces and Line Breaks

• Displaying Preformatted Text
• Formatting with Inline Elements
• Controlling Fonts
• Introducing List Elements
• Creating Unordered Lists
• Creating Ordered Lists
• Creating Definition Lists
• Nesting Lists Indenting Text with the <ul> Tag

What is an HTML Table?

• Building a Table
• Using the Border Attribute
• Cell Padding and Cell Spacing
• Controlling Table and Cell Width
• Aligning a Table on the Page
• Aligning Tables and Text
• Aligning Table Data
• Spanning Columns and Rows
• Nesting Tables
• Adding Color to Tables
• Using Tables as a Design Tool

Creating a Hyperlink

• Understanding and Using URLs
• Linking to a Web Document
• Linking to a Local Document
• Linking to Anchors
• Opening a New Browser Window
• iFrame

Graphic File Formats

• Optimizing Image and File Size
• Inserting Inline Images, ImageMap, Sprite Image
• Aligning and Formatting Images
• Using Images to Anchor Links
• Creating a Look-and-Feel
• Sizing and Scaling Images
• Using Transparent Images
• Using GIF Animation

Forms and Controls

• Forms , Form Elements
• Form Actions, Form Methods , Form Design

CSS 3.0 8 Hrs.

Model-1 1 Hrs.

Introduction to CSS3.0

What is new in CSS 3.0

r

• border-image
• border-radius

hadows

• Text-shadow
• Box-shadow

round

• background-clip
• background-size
• background-origin
• background-image

Model-2 1 Hrs.

ne

itions

• transition
• transition-delay
• transition-duration
• transition-property

form

ansforms

• transform
• matrix()
• translate(x,y)
• scale(x,y)

Model-3 1 Hrs.

ansforms

• transform
• transform-style
• perspective
• transform-origin

Model-4 1 Hrs.

tions

• @keyframes
• animation
• animation-direction
• animation-duration
• animation-name

Model-5 1 Hrs.

tors

• CSS combinations
• Pseudo Elements

ents

• Linear Gradients
• Radial Gradients

ple Columns

• column-count
• column-fill
• column-gap
• column-width
• columns
• column-rule
• column-rule-color
• column-rule-style
• column-rule-width

Model-6 1 Hrs.

Interface

• resize
• box-sizing
• outline-offset

ilters

• Blur
• Brightness
• Contrast
• Grayscale
• Hue-rotate
• Invert
• Opacity
• Saturate
• Sepia
• Drop-shadow
• rotate(angle)
• skew(x-angle,y-angle)

Model-7 1 Hrs.

Query

• What is Responsive Web Design
• Intro to the Viewport
• The Viewport Tag
• Media Queries
• Fluid Layouts
• Tablet Styles
• Mobile Styles
• Making a Mobile Drop-down Menu
• Responsive Images & Polyfills

Model-8 1 Hrs.

onts

• @font-face
• font-family
• src
• font-stretch
• font-style
• font-weight

ox

• flex-grow
• flex-shrink
• flex-basis
• flex
• flex-wrap
• flex-direction
• flex-flow
• justify-content
• align-items
• order

cript 26 Hrs.

• Introduction to JavaScript
• Origins of JavaScript
• JavaScript Characteristics
• Common Programming Concepts
• Java and JavaScript
• Server-side vs. Client-side Applications
• Annotating Your Code with Comments
• Working with Variables and Data
• Communicating with the User
• Using Data More Than Once: Variables
• JavaScript Reserved and Keywords
• Expressions and Operators
• Inline Scripting, Simple User Events, and the onLoad and onUnload Event Handlers
• Functions, Methods, and Events
• Methods as Functions
• Conditional Operators
• Defining and Calling a Function
• The confirm() Method and Forms
• User Events and JavaScript Event Handlers
• Developing Interactive Forms
• Form Controls
• Referring to form Objects
• The button, checkbox, text, textarea, radio button, and select Objects
• Controlling Program Flow
• The if...else, while, for, break, and continue Statements
• The Modules Operator
• Using continue in a while Loop
• The switch Statement
• The do...while Statement
• JavaScript Object Model
• JavaScript Object Hierarchy Model
• Commonly Used Objects
• The window, document, history, and location Objects
• JavaScript Language Objects
• The String, Array, Date, and Math Objects
• Evaluating Strings
• Setting and Extracting Time Information

Jquery 10 Hrs.

• Getting Started with jQuery
• Selecting Elements
• Manipulating the Page
• Traversing the DOM and Chaining
• jQuery Utility Methods
• Handling Events and Event Delegation
• AJAX, JSON and Deferreds
• Enhancing with Animation Effects
• Grids , Tables with Ajax , Pagination, JQuery UI
• jQuery Best Practices

HTML 5 10 Hrs.

• Page Structure
• New HTML5 Structural Tags
• Page Simplification

- How we got here

• The Problems HTML 4 Addresses
• The Problems XHTML Addresses
• The New More Flexible Approach of HTML5 - Paving the Cowpaths
• New Features of HTML5
• The HTML5 Spec(s)
• Current State of Browser Support

ONS AND ARTICLES

• The section Tag
• The article Tag
• Outlining
• Accessibility

AUDIO AND VIDEO

• Supported Media Types
• The audio Element
• The video Element
• Accessibility
• Scripting Media Elements
• Dealing with Non-Supporting Browsers

FORMS

• Modernizr
• New Input Types

NEW FORM ATTRIBUTES

• autocomplete
• novalidate

NEW FORM FIELD ATTRIBUTES

• required
• placeholder
• autofocus
• autocomplete
• form
• pattern

ORM ELEMENTS

• datalist
• progress and meter

WEB STORAGE

• Overview of HTML5 Web Storage
• Web Storage
• Other Storage Methods

CANVAS

• Getting Started with Canvas
• Drawing Lines
• Color and Transparency
• Rectangles
• Circles and Arcs
• Quadratic and Bezier Curves
• Images
• Text

RATED APIS

• Offline Application API
• Drag and Drop API

BootStrap 5 Hrs.

duction to Bootstrap

• Introduction
• Quick Styles After Dark
• Our First Web Page
• What is Inside?
• Scripts and Styles
• Core Concepts
• Summary

Layout with Bootstrap

• Introduction
• Grid Layouts
• Simple Layout
• Fixed Grids
• Fluid Grids
• Responsive Design
• Responsive Utilities
• Inspiration
• Summary

Everyday Bootstrap

• Introduction
• Typography
• Tables
• Forms
• Buttons
• Images and Icons
• Summary

Bootstrap Component

• Introductions
• Drop down Menu
• Buttons with Menus
• Tabs and Pill
• The Navbars
• Heros, Badges, Labels, and Media
• Summary

Bootstrap and JavaScript

• Introduction
• More Buttons
• Modals
• Tooltips and Popovers
• Scrollspy
• Typeahead
• Carousel
• Summary

Live UI Design(100% Realtime Project) 6 Hrs.

• Slideshow Integration
• Implementing Gallery Script
• Adding the Contact Form
• Form validations using JS

UI SPECIALIZATION

CURRICULUM

HTML 8 Hrs.

Review of HTML Elements

Inserting Spaces and Line Breaks

What is an HTML Table?

Creating a Hyperlink

Graphic File Formats

Forms and Controls

CSS 3.0 8 Hrs.

Model-1 1 Hrs.

Introduction to CSS3.0

What is new in CSS 3.0

r

hadows

round

Model-2 1 Hrs.

ne

itions

form

ansforms

Model-3 1 Hrs.

ansforms

Model-4 1 Hrs.

tions

Model-5 1 Hrs.

tors

ents

ple Columns

Model-6 1 Hrs.

Interface

ilters

Model-7 1 Hrs.

Query

Model-8 1 Hrs.

onts

ox

cript 26 Hrs.

y 10 Hrs.

HTML 5 10 Hrs.

duction

g out a page with HTML5

- How we got here

ONS AND ARTICLES

AUDIO AND VIDEO

FORMS

NEW FORM ATTRIBUTES

NEW FORM FIELD ATTRIBUTES

ORM ELEMENTS

WEB STORAGE

CANVAS

RATED APIS

BootStrap 5 Hrs.

duction to Bootstrap

Layout with Bootstrap

Everyday Bootstrap

Bootstrap Component

Bootstrap and JavaScript

Live UI Design(100% Realtime Project) 6 Hrs.

• • What is HTML?
  • What is a Web Browser?
  • What are Versions of HTML?
  • What can You Do with HTML?
  • HTML Development Environments
  • Using a WYSIWYG Editor
  • Using an HTML Editor
  • Writing Code with a Text Editor
  • Publishing Documents
  • Rules of Syntax
  • Making your Code Readable
  • Making your Code XHTML Compliant
  • Building a Document
  • Using Colors
  • Adding Color to your Page
  • Using Headings
  • Using Paragraphs
  • Using Block quotes
  • Using Entities
  • Aligning Block-Level Elements
  • Displaying Preformatted Text
  • Formatting with Inline Elements
  • Controlling Fonts
  • Introducing List Elements
  • Creating Unordered Lists
  • Creating Ordered Lists
  • Creating Definition Lists
  • Nesting Lists Indenting Text with the <ul> Tag
  • Building a Table
  • Using the Border Attribute
  • Cell Padding and Cell Spacing
  • Controlling Table and Cell Width
  • Aligning a Table on the Page
  • Aligning Tables and Text
  • Aligning Table Data
  • Spanning Columns and Rows
  • Nesting Tables
  • Adding Color to Tables
  • Using Tables as a Design Tool
  • Understanding and Using URLs
  • Linking to a Web Document
  • Linking to a Local Document
  • Linking to Anchors
  • Opening a New Browser Window
  • iFrame
  • Optimizing Image and File Size
  • Inserting Inline Images, ImageMap, Sprite Image
  • Aligning and Formatting Images
  • Using Images to Anchor Links
  • Creating a Look-and-Feel
  • Sizing and Scaling Images
  • Using Transparent Images
  • Using GIF Animation
  • Forms , Form Elements
  • Form Actions, Form Methods , Form Design
  • border-image
  • border-radius
  • Text-shadow
  • Box-shadow
  • background-clip
  • background-size
  • background-origin
  • background-image
  • transition
  • transition-delay
  • transition-duration
  • transition-property
  • transform
  • matrix()
  • translate(x,y)
  • scale(x,y)
  • transform
  • transform-style
  • perspective
  • transform-origin
  • @keyframes
  • animation
  • animation-direction
  • animation-duration
  • animation-name
  • CSS combinations
  • Pseudo Elements
  • Linear Gradients
  • Radial Gradients
  • column-count
  • column-fill
  • column-gap
  • column-width
  • columns
  • column-rule
  • column-rule-color
  • column-rule-style
  • column-rule-width
  • resize
  • box-sizing
  • outline-offset
  • Blur
  • Brightness
  • Contrast
  • Grayscale
  • Hue-rotate
  • Invert
  • Opacity
  • Saturate
  • Sepia
  • Drop-shadow
  • rotate(angle)
  • skew(x-angle,y-angle)
  • What is Responsive Web Design
  • Intro to the Viewport
  • The Viewport Tag
  • Media Queries
  • Fluid Layouts
  • Tablet Styles
  • Mobile Styles
  • Making a Mobile Drop-down Menu
  • Responsive Images & Polyfills
  • @font-face
  • font-family
  • src
  • font-stretch
  • font-style
  • font-weight
  • flex-grow
  • flex-shrink
  • flex-basis
  • flex
  • flex-wrap
  • flex-direction
  • flex-flow
  • justify-content
  • align-items
  • order
  • Introduction to JavaScript
  • Origins of JavaScript
  • JavaScript Characteristics
  • Common Programming Concepts
  • Java and JavaScript
  • Server-side vs. Client-side Applications
  • Annotating Your Code with Comments
  • Working with Variables and Data
  • Communicating with the User
  • Using Data More Than Once: Variables
  • JavaScript Reserved and Keywords
  • Expressions and Operators
  • Inline Scripting, Simple User Events, and the onLoad and onUnload Event Handlers
  • Functions, Methods, and Events
  • Methods as Functions
  • Conditional Operators
  • Defining and Calling a Function
  • The confirm() Method and Forms
  • User Events and JavaScript Event Handlers
  • Developing Interactive Forms
  • Form Controls
  • Referring to form Objects
  • The button, checkbox, text, textarea, radio button, and select Objects
  • Controlling Program Flow
  • The if...else, while, for, break, and continue Statements
  • The Modules Operator
  • Using continue in a while Loop
  • The switch Statement
  • The do...while Statement
  • JavaScript Object Model
  • JavaScript Object Hierarchy Model
  • Commonly Used Objects
  • The window, document, history, and location Objects
  • JavaScript Language Objects
  • The String, Array, Date, and Math Objects
  • Evaluating Strings
  • Setting and Extracting Time Information
  • Getting Started with jQuery
  • Selecting Elements
  • Manipulating the Page
  • Traversing the DOM and Chaining
  • jQuery Utility Methods
  • Handling Events and Event Delegation
  • AJAX, JSON and Deferreds
  • Enhancing with Animation Effects
  • Grids , Tables with Ajax , Pagination, JQuery UI
  • jQuery Best Practices
  • Page Structure
  • New HTML5 Structural Tags
  • Page Simplification
  • The Problems HTML 4 Addresses
  • The Problems XHTML Addresses
  • The New More Flexible Approach of HTML5 - Paving the Cowpaths
  • New Features of HTML5
  • The HTML5 Spec(s)
  • Current State of Browser Support
  • The section Tag
  • The article Tag
  • Outlining
  • Accessibility
  • Supported Media Types
  • The audio Element
  • The video Element
  • Accessibility
  • Scripting Media Elements
  • Dealing with Non-Supporting Browsers
  • Modernizr
  • New Input Types
  • autocomplete
  • novalidate
  • required
  • placeholder
  • autofocus
  • autocomplete
  • form
  • pattern
  • datalist
  • progress and meter
  • Overview of HTML5 Web Storage
  • Web Storage
  • Other Storage Methods
  • Getting Started with Canvas
  • Drawing Lines
  • Color and Transparency
  • Rectangles
  • Circles and Arcs
  • Quadratic and Bezier Curves
  • Images
  • Text
  • Offline Application API
  • Drag and Drop API
  • Introduction
  • Quick Styles After Dark
  • Our First Web Page
  • What is Inside?
  • Scripts and Styles
  • Core Concepts
  • Summary
  • Introduction
  • Grid Layouts
  • Simple Layout
  • Fixed Grids
  • Fluid Grids
  • Responsive Design
  • Responsive Utilities
  • Inspiration
  • Summary
  • Introduction
  • Typography
  • Tables
  • Forms
  • Buttons
  • Images and Icons
  • Summary
  • Introductions
  • Drop down Menu
  • Buttons with Menus
  • Tabs and Pill
  • The Navbars
  • Heros, Badges, Labels, and Media
  • Summary
  • Introduction
  • More Buttons
  • Modals
  • Tooltips and Popovers
  • Scrollspy
  • Typeahead
  • Carousel
  • Summary
  • Slideshow Integration
  • Implementing Gallery Script
  • Adding the Contact Form
  • Form validations using JS

UI SPECIALIZATION

CURRICULUM

HTML 8 Hrs.

Review of HTML Elements

Inserting Spaces and Line Breaks

What is an HTML Table?

Creating a Hyperlink

Graphic File Formats

Forms and Controls

CSS 3.0 8 Hrs.

Model-1 1 Hrs.

Introduction to CSS3.0

What is new in CSS 3.0

r

hadows

round

Model-2 1 Hrs.

ne

itions

form

ansforms

Model-3 1 Hrs.

ansforms

Model-4 1 Hrs.

tions

Model-5 1 Hrs.

tors

ents

ple Columns

Model-6 1 Hrs.

Interface

ilters

Model-7 1 Hrs.

Query

Model-8 1 Hrs.

onts

ox

cript 26 Hrs.

y 10 Hrs.

HTML 5 10 Hrs.

duction

g out a page with HTML5

- How we got here

ONS AND ARTICLES

AUDIO AND VIDEO

FORMS

NEW FORM ATTRIBUTES

NEW FORM FIELD ATTRIBUTES

ORM ELEMENTS

WEB STORAGE

CANVAS

RATED APIS

BootStrap 5 Hrs.

duction to Bootstrap

Layout with Bootstrap

Everyday Bootstrap

Bootstrap Component

Bootstrap and JavaScript

Live UI Design(100% Realtime Project) 6 Hrs.

• • What is HTML?
  • What is a Web Browser?
  • What are Versions of HTML?
  • What can You Do with HTML?
  • HTML Development Environments
  • Using a WYSIWYG Editor
  • Using an HTML Editor
  • Writing Code with a Text Editor
  • Publishing Documents
  • Rules of Syntax
  • Making your Code Readable
  • Making your Code XHTML Compliant
  • Building a Document
  • Using Colors
  • Adding Color to your Page
  • Using Headings
  • Using Paragraphs
  • Using Block quotes
  • Using Entities
  • Aligning Block-Level Elements
  • Displaying Preformatted Text
  • Formatting with Inline Elements
  • Controlling Fonts
  • Introducing List Elements
  • Creating Unordered Lists
  • Creating Ordered Lists
  • Creating Definition Lists
  • Nesting Lists Indenting Text with the <ul> Tag
  • Building a Table
  • Using the Border Attribute
  • Cell Padding and Cell Spacing
  • Controlling Table and Cell Width
  • Aligning a Table on the Page
  • Aligning Tables and Text
  • Aligning Table Data
  • Spanning Columns and Rows
  • Nesting Tables
  • Adding Color to Tables
  • Using Tables as a Design Tool
  • Understanding and Using URLs
  • Linking to a Web Document
  • Linking to a Local Document
  • Linking to Anchors
  • Opening a New Browser Window
  • iFrame
  • Optimizing Image and File Size
  • Inserting Inline Images, ImageMap, Sprite Image
  • Aligning and Formatting Images
  • Using Images to Anchor Links
  • Creating a Look-and-Feel
  • Sizing and Scaling Images
  • Using Transparent Images
  • Using GIF Animation
  • Forms , Form Elements
  • Form Actions, Form Methods , Form Design
  • border-image
  • border-radius
  • Text-shadow
  • Box-shadow
  • background-clip
  • background-size
  • background-origin
  • background-image
  • transition
  • transition-delay
  • transition-duration
  • transition-property
  • transform
  • matrix()
  • translate(x,y)
  • scale(x,y)
  • transform
  • transform-style
  • perspective
  • transform-origin
  • @keyframes
  • animation
  • animation-direction
  • animation-duration
  • animation-name
  • CSS combinations
  • Pseudo Elements
  • Linear Gradients
  • Radial Gradients
  • column-count
  • column-fill
  • column-gap
  • column-width
  • columns
  • column-rule
  • column-rule-color
  • column-rule-style
  • column-rule-width
  • resize
  • box-sizing
  • outline-offset
  • Blur
  • Brightness
  • Contrast
  • Grayscale
  • Hue-rotate
  • Invert
  • Opacity
  • Saturate
  • Sepia
  • Drop-shadow
  • rotate(angle)
  • skew(x-angle,y-angle)
  • What is Responsive Web Design
  • Intro to the Viewport
  • The Viewport Tag
  • Media Queries
  • Fluid Layouts
  • Tablet Styles
  • Mobile Styles
  • Making a Mobile Drop-down Menu
  • Responsive Images & Polyfills
  • @font-face
  • font-family
  • src
  • font-stretch
  • font-style
  • font-weight
  • flex-grow
  • flex-shrink
  • flex-basis
  • flex
  • flex-wrap
  • flex-direction
  • flex-flow
  • justify-content
  • align-items
  • order
  • Introduction to JavaScript
  • Origins of JavaScript
  • JavaScript Characteristics
  • Common Programming Concepts
  • Java and JavaScript
  • Server-side vs. Client-side Applications
  • Annotating Your Code with Comments
  • Working with Variables and Data
  • Communicating with the User
  • Using Data More Than Once: Variables
  • JavaScript Reserved and Keywords
  • Expressions and Operators
  • Inline Scripting, Simple User Events, and the onLoad and onUnload Event Handlers
  • Functions, Methods, and Events
  • Methods as Functions
  • Conditional Operators
  • Defining and Calling a Function
  • The confirm() Method and Forms
  • User Events and JavaScript Event Handlers
  • Developing Interactive Forms
  • Form Controls
  • Referring to form Objects
  • The button, checkbox, text, textarea, radio button, and select Objects
  • Controlling Program Flow
  • The if...else, while, for, break, and continue Statements
  • The Modules Operator
  • Using continue in a while Loop
  • The switch Statement
  • The do...while Statement
  • JavaScript Object Model
  • JavaScript Object Hierarchy Model
  • Commonly Used Objects
  • The window, document, history, and location Objects
  • JavaScript Language Objects
  • The String, Array, Date, and Math Objects
  • Evaluating Strings
  • Setting and Extracting Time Information
  • Getting Started with jQuery
  • Selecting Elements
  • Manipulating the Page
  • Traversing the DOM and Chaining
  • jQuery Utility Methods
  • Handling Events and Event Delegation
  • AJAX, JSON and Deferreds
  • Enhancing with Animation Effects
  • Grids , Tables with Ajax , Pagination, JQuery UI
  • jQuery Best Practices
  • Page Structure
  • New HTML5 Structural Tags
  • Page Simplification
  • The Problems HTML 4 Addresses
  • The Problems XHTML Addresses
  • The New More Flexible Approach of HTML5 - Paving the Cowpaths
  • New Features of HTML5
  • The HTML5 Spec(s)
  • Current State of Browser Support
  • The section Tag
  • The article Tag
  • Outlining
  • Accessibility
  • Supported Media Types
  • The audio Element
  • The video Element
  • Accessibility
  • Scripting Media Elements
  • Dealing with Non-Supporting Browsers
  • Modernizr
  • New Input Types
  • autocomplete
  • novalidate
  • required
  • placeholder
  • autofocus
  • autocomplete
  • form
  • pattern
  • datalist
  • progress and meter
  • Overview of HTML5 Web Storage
  • Web Storage
  • Other Storage Methods
  • Getting Started with Canvas
  • Drawing Lines
  • Color and Transparency
  • Rectangles
  • Circles and Arcs
  • Quadratic and Bezier Curves
  • Images
  • Text
  • Offline Application API
  • Drag and Drop API
  • Introduction
  • Quick Styles After Dark
  • Our First Web Page
  • What is Inside?
  • Scripts and Styles
  • Core Concepts
  • Summary
  • Introduction
  • Grid Layouts
  • Simple Layout
  • Fixed Grids
  • Fluid Grids
  • Responsive Design
  • Responsive Utilities
  • Inspiration
  • Summary
  • Introduction
  • Typography
  • Tables
  • Forms
  • Buttons
  • Images and Icons
  • Summary
  • Introductions
  • Drop down Menu
  • Buttons with Menus
  • Tabs and Pill
  • The Navbars
  • Heros, Badges, Labels, and Media
  • Summary
  • Introduction
  • More Buttons
  • Modals
  • Tooltips and Popovers
  • Scrollspy
  • Typeahead
  • Carousel
  • Summary
  • Slideshow Integration
  • Implementing Gallery Script
  • Adding the Contact Form
  • Form validations using JS

UI SPECIALIZATION

CURRICULUM

HTML 8 Hrs.

Review of HTML Elements

Inserting Spaces and Line Breaks

What is an HTML Table?

Creating a Hyperlink

Graphic File Formats

Forms and Controls

CSS 3.0 8 Hrs.

Model-1 1 Hrs.

Introduction to CSS3.0

What is new in CSS 3.0

r

hadows

round

Model-2 1 Hrs.

ne

itions

form

ansforms

Model-3 1 Hrs.

ansforms

Model-4 1 Hrs.

tions

Model-5 1 Hrs.

tors

ents

ple Columns

Model-6 1 Hrs.

Interface

ilters

Model-7 1 Hrs.

Query

Model-8 1 Hrs.

onts

ox

cript 26 Hrs.

y 10 Hrs.

HTML 5 10 Hrs.

duction

g out a page with HTML5

- How we got here

ONS AND ARTICLES

AUDIO AND VIDEO

FORMS

NEW FORM ATTRIBUTES

NEW FORM FIELD ATTRIBUTES

ORM ELEMENTS

WEB STORAGE

CANVAS

RATED APIS

BootStrap 5 Hrs.

duction to Bootstrap

Layout with Bootstrap

Everyday Bootstrap

Bootstrap Component

Bootstrap and JavaScript

Live UI Design(100% Realtime Project) 6 Hrs.

• • What is HTML?
  • What is a Web Browser?
  • What are Versions of HTML?
  • What can You Do with HTML?
  • HTML Development Environments
  • Using a WYSIWYG Editor
  • Using an HTML Editor
  • Writing Code with a Text Editor
  • Publishing Documents
  • Rules of Syntax
  • Making your Code Readable
  • Making your Code XHTML Compliant
  • Building a Document
  • Using Colors
  • Adding Color to your Page
  • Using Headings
  • Using Paragraphs
  • Using Block quotes
  • Using Entities
  • Aligning Block-Level Elements
  • Displaying Preformatted Text
  • Formatting with Inline Elements
  • Controlling Fonts
  • Introducing List Elements
  • Creating Unordered Lists
  • Creating Ordered Lists
  • Creating Definition Lists
  • Nesting Lists Indenting Text with the <ul> Tag
  • Building a Table
  • Using the Border Attribute
  • Cell Padding and Cell Spacing
  • Controlling Table and Cell Width
  • Aligning a Table on the Page
  • Aligning Tables and Text
  • Aligning Table Data
  • Spanning Columns and Rows
  • Nesting Tables
  • Adding Color to Tables
  • Using Tables as a Design Tool
  • Understanding and Using URLs
  • Linking to a Web Document
  • Linking to a Local Document
  • Linking to Anchors
  • Opening a New Browser Window
  • iFrame
  • Optimizing Image and File Size
  • Inserting Inline Images, ImageMap, Sprite Image
  • Aligning and Formatting Images
  • Using Images to Anchor Links
  • Creating a Look-and-Feel
  • Sizing and Scaling Images
  • Using Transparent Images
  • Using GIF Animation
  • Forms , Form Elements
  • Form Actions, Form Methods , Form Design
  • border-image
  • border-radius
  • Text-shadow
  • Box-shadow
  • background-clip
  • background-size
  • background-origin
  • background-image
  • transition
  • transition-delay
  • transition-duration
  • transition-property
  • transform
  • matrix()
  • translate(x,y)
  • scale(x,y)
  • transform
  • transform-style
  • perspective
  • transform-origin
  • @keyframes
  • animation
  • animation-direction
  • animation-duration
  • animation-name
  • CSS combinations
  • Pseudo Elements
  • Linear Gradients
  • Radial Gradients
  • column-count
  • column-fill
  • column-gap
  • column-width
  • columns
  • column-rule
  • column-rule-color
  • column-rule-style
  • column-rule-width
  • resize
  • box-sizing
  • outline-offset
  • Blur
  • Brightness
  • Contrast
  • Grayscale
  • Hue-rotate
  • Invert
  • Opacity
  • Saturate
  • Sepia
  • Drop-shadow
  • rotate(angle)
  • skew(x-angle,y-angle)
  • What is Responsive Web Design
  • Intro to the Viewport
  • The Viewport Tag
  • Media Queries
  • Fluid Layouts
  • Tablet Styles
  • Mobile Styles
  • Making a Mobile Drop-down Menu
  • Responsive Images & Polyfills
  • @font-face
  • font-family
  • src
  • font-stretch
  • font-style
  • font-weight
  • flex-grow
  • flex-shrink
  • flex-basis
  • flex
  • flex-wrap
  • flex-direction
  • flex-flow
  • justify-content
  • align-items
  • order
  • Introduction to JavaScript
  • Origins of JavaScript
  • JavaScript Characteristics
  • Common Programming Concepts
  • Java and JavaScript
  • Server-side vs. Client-side Applications
  • Annotating Your Code with Comments
  • Working with Variables and Data
  • Communicating with the User
  • Using Data More Than Once: Variables
  • JavaScript Reserved and Keywords
  • Expressions and Operators
  • Inline Scripting, Simple User Events, and the onLoad and onUnload Event Handlers
  • Functions, Methods, and Events
  • Methods as Functions
  • Conditional Operators
  • Defining and Calling a Function
  • The confirm() Method and Forms
  • User Events and JavaScript Event Handlers
  • Developing Interactive Forms
  • Form Controls
  • Referring to form Objects
  • The button, checkbox, text, textarea, radio button, and select Objects
  • Controlling Program Flow
  • The if...else, while, for, break, and continue Statements
  • The Modules Operator
  • Using continue in a while Loop
  • The switch Statement
  • The do...while Statement
  • JavaScript Object Model
  • JavaScript Object Hierarchy Model
  • Commonly Used Objects
  • The window, document, history, and location Objects
  • JavaScript Language Objects
  • The String, Array, Date, and Math Objects
  • Evaluating Strings
  • Setting and Extracting Time Information
  • Getting Started with jQuery
  • Selecting Elements
  • Manipulating the Page
  • Traversing the DOM and Chaining
  • jQuery Utility Methods
  • Handling Events and Event Delegation
  • AJAX, JSON and Deferreds
  • Enhancing with Animation Effects
  • Grids , Tables with Ajax , Pagination, JQuery UI
  • jQuery Best Practices
  • Page Structure
  • New HTML5 Structural Tags
  • Page Simplification
  • The Problems HTML 4 Addresses
  • The Problems XHTML Addresses
  • The New More Flexible Approach of HTML5 - Paving the Cowpaths
  • New Features of HTML5
  • The HTML5 Spec(s)
  • Current State of Browser Support
  • The section Tag
  • The article Tag
  • Outlining
  • Accessibility
  • Supported Media Types
  • The audio Element
  • The video Element
  • Accessibility
  • Scripting Media Elements
  • Dealing with Non-Supporting Browsers
  • Modernizr
  • New Input Types
  • autocomplete
  • novalidate
  • required
  • placeholder
  • autofocus
  • autocomplete
  • form
  • pattern
  • datalist
  • progress and meter
  • Overview of HTML5 Web Storage
  • Web Storage
  • Other Storage Methods
  • Getting Started with Canvas
  • Drawing Lines
  • Color and Transparency
  • Rectangles
  • Circles and Arcs
  • Quadratic and Bezier Curves
  • Images
  • Text
  • Offline Application API
  • Drag and Drop API
  • Introduction
  • Quick Styles After Dark
  • Our First Web Page
  • What is Inside?
  • Scripts and Styles
  • Core Concepts
  • Summary
  • Introduction
  • Grid Layouts
  • Simple Layout
  • Fixed Grids
  • Fluid Grids
  • Responsive Design
  • Responsive Utilities
  • Inspiration
  • Summary
  • Introduction
  • Typography
  • Tables
  • Forms
  • Buttons
  • Images and Icons
  • Summary
  • Introductions
  • Drop down Menu
  • Buttons with Menus
  • Tabs and Pill
  • The Navbars
  • Heros, Badges, Labels, and Media
  • Summary
  • Introduction
  • More Buttons
  • Modals
  • Tooltips and Popovers
  • Scrollspy
  • Typeahead
  • Carousel
  • Summary
  • Slideshow Integration
  • Implementing Gallery Script
  • Adding the Contact Form
  • Form validations using JS

UI SPECIALIZATION

CURRICULUM

HTML 8 Hrs.

Review of HTML Elements

Inserting Spaces and Line Breaks

What is an HTML Table?

Creating a Hyperlink

Graphic File Formats

Forms and Controls

CSS 3.0 8 Hrs.

Model-1 1 Hrs.

Introduction to CSS3.0

What is new in CSS 3.0

r

hadows

round

Model-2 1 Hrs.

ne

itions

form

ansforms

Model-3 1 Hrs.

ansforms

Model-4 1 Hrs.

tions

Model-5 1 Hrs.

tors

ents

ple Columns

Model-6 1 Hrs.

Interface

ilters

Model-7 1 Hrs.

Query

Model-8 1 Hrs.

onts

ox

cript 26 Hrs.

y 10 Hrs.

HTML 5 10 Hrs.

duction

g out a page with HTML5

- How we got here

ONS AND ARTICLES

AUDIO AND VIDEO

FORMS

NEW FORM ATTRIBUTES

NEW FORM FIELD ATTRIBUTES

ORM ELEMENTS

WEB STORAGE

CANVAS

RATED APIS

BootStrap 5 Hrs.

duction to Bootstrap

Layout with Bootstrap

Everyday Bootstrap

Bootstrap Component

Bootstrap and JavaScript

Live UI Design(100% Realtime Project) 6 Hrs.

• • What is HTML?
  • What is a Web Browser?
  • What are Versions of HTML?
  • What can You Do with HTML?
  • HTML Development Environments
  • Using a WYSIWYG Editor
  • Using an HTML Editor
  • Writing Code with a Text Editor
  • Publishing Documents
  • Rules of Syntax
  • Making your Code Readable
  • Making your Code XHTML Compliant
  • Building a Document
  • Using Colors
  • Adding Color to your Page
  • Using Headings
  • Using Paragraphs
  • Using Block quotes
  • Using Entities
  • Aligning Block-Level Elements
  • Displaying Preformatted Text
  • Formatting with Inline Elements
  • Controlling Fonts
  • Introducing List Elements
  • Creating Unordered Lists
  • Creating Ordered Lists
  • Creating Definition Lists
  • Nesting Lists Indenting Text with the <ul> Tag
  • Building a Table
  • Using the Border Attribute
  • Cell Padding and Cell Spacing
  • Controlling Table and Cell Width
  • Aligning a Table on the Page
  • Aligning Tables and Text
  • Aligning Table Data
  • Spanning Columns and Rows
  • Nesting Tables
  • Adding Color to Tables
  • Using Tables as a Design Tool
  • Understanding and Using URLs
  • Linking to a Web Document
  • Linking to a Local Document
  • Linking to Anchors
  • Opening a New Browser Window
  • iFrame
  • Optimizing Image and File Size
  • Inserting Inline Images, ImageMap, Sprite Image
  • Aligning and Formatting Images
  • Using Images to Anchor Links
  • Creating a Look-and-Feel
  • Sizing and Scaling Images
  • Using Transparent Images
  • Using GIF Animation
  • Forms , Form Elements
  • Form Actions, Form Methods , Form Design
  • border-image
  • border-radius
  • Text-shadow
  • Box-shadow
  • background-clip
  • background-size
  • background-origin
  • background-image
  • transition
  • transition-delay
  • transition-duration
  • transition-property
  • transform
  • matrix()
  • translate(x,y)
  • scale(x,y)
  • transform
  • transform-style
  • perspective
  • transform-origin
  • @keyframes
  • animation
  • animation-direction
  • animation-duration
  • animation-name
  • CSS combinations
  • Pseudo Elements
  • Linear Gradients
  • Radial Gradients
  • column-count
  • column-fill
  • column-gap
  • column-width
  • columns
  • column-rule
  • column-rule-color
  • column-rule-style
  • column-rule-width
  • resize
  • box-sizing
  • outline-offset
  • Blur
  • Brightness
  • Contrast
  • Grayscale
  • Hue-rotate
  • Invert
  • Opacity
  • Saturate
  • Sepia
  • Drop-shadow
  • rotate(angle)
  • skew(x-angle,y-angle)
  • What is Responsive Web Design
  • Intro to the Viewport
  • The Viewport Tag
  • Media Queries
  • Fluid Layouts
  • Tablet Styles
  • Mobile Styles
  • Making a Mobile Drop-down Menu
  • Responsive Images & Polyfills
  • @font-face
  • font-family
  • src
  • font-stretch
  • font-style
  • font-weight
  • flex-grow
  • flex-shrink
  • flex-basis
  • flex
  • flex-wrap
  • flex-direction
  • flex-flow
  • justify-content
  • align-items
  • order
  • Introduction to JavaScript
  • Origins of JavaScript
  • JavaScript Characteristics
  • Common Programming Concepts
  • Java and JavaScript
  • Server-side vs. Client-side Applications
  • Annotating Your Code with Comments
  • Working with Variables and Data
  • Communicating with the User
  • Using Data More Than Once: Variables
  • JavaScript Reserved and Keywords
  • Expressions and Operators
  • Inline Scripting, Simple User Events, and the onLoad and onUnload Event Handlers
  • Functions, Methods, and Events
  • Methods as Functions
  • Conditional Operators
  • Defining and Calling a Function
  • The confirm() Method and Forms
  • User Events and JavaScript Event Handlers
  • Developing Interactive Forms
  • Form Controls
  • Referring to form Objects
  • The button, checkbox, text, textarea, radio button, and select Objects
  • Controlling Program Flow
  • The if...else, while, for, break, and continue Statements
  • The Modules Operator
  • Using continue in a while Loop
  • The switch Statement
  • The do...while Statement
  • JavaScript Object Model
  • JavaScript Object Hierarchy Model
  • Commonly Used Objects
  • The window, document, history, and location Objects
  • JavaScript Language Objects
  • The String, Array, Date, and Math Objects
  • Evaluating Strings
  • Setting and Extracting Time Information
  • Getting Started with jQuery
  • Selecting Elements
  • Manipulating the Page
  • Traversing the DOM and Chaining
  • jQuery Utility Methods
  • Handling Events and Event Delegation
  • AJAX, JSON and Deferreds
  • Enhancing with Animation Effects
  • Grids , Tables with Ajax , Pagination, JQuery UI
  • jQuery Best Practices
  • Page Structure
  • New HTML5 Structural Tags
  • Page Simplification
  • The Problems HTML 4 Addresses
  • The Problems XHTML Addresses
  • The New More Flexible Approach of HTML5 - Paving the Cowpaths
  • New Features of HTML5
  • The HTML5 Spec(s)
  • Current State of Browser Support
  • The section Tag
  • The article Tag
  • Outlining
  • Accessibility
  • Supported Media Types
  • The audio Element
  • The video Element
  • Accessibility
  • Scripting Media Elements
  • Dealing with Non-Supporting Browsers
  • Modernizr
  • New Input Types
  • autocomplete
  • novalidate
  • required
  • placeholder
  • autofocus
  • autocomplete
  • form
  • pattern
  • datalist
  • progress and meter
  • Overview of HTML5 Web Storage
  • Web Storage
  • Other Storage Methods
  • Getting Started with Canvas
  • Drawing Lines
  • Color and Transparency
  • Rectangles
  • Circles and Arcs
  • Quadratic and Bezier Curves
  • Images
  • Text
  • Offline Application API
  • Drag and Drop API
  • Introduction
  • Quick Styles After Dark
  • Our First Web Page
  • What is Inside?
  • Scripts and Styles
  • Core Concepts
  • Summary
  • Introduction
  • Grid Layouts
  • Simple Layout
  • Fixed Grids
  • Fluid Grids
  • Responsive Design
  • Responsive Utilities
  • Inspiration
  • Summary
  • Introduction
  • Typography
  • Tables
  • Forms
  • Buttons
  • Images and Icons
  • Summary
  • Introductions
  • Drop down Menu
  • Buttons with Menus
  • Tabs and Pill
  • The Navbars
  • Heros, Badges, Labels, and Media
  • Summary
  • Introduction
  • More Buttons
  • Modals
  • Tooltips and Popovers
  • Scrollspy
  • Typeahead
  • Carousel
  • Summary
  • Slideshow Integration
  • Implementing Gallery Script
  • Adding the Contact Form
  • Form validations using JS

UI SPECIALIZATION

CURRICULUM

HTML 8 Hrs.

Review of HTML Elements

Inserting Spaces and Line Breaks

What is an HTML Table?

Creating a Hyperlink

Graphic File Formats

Forms and Controls

CSS 3.0 8 Hrs.

Model-1 1 Hrs.

Introduction to CSS3.0

What is new in CSS 3.0

r

hadows

round

Model-2 1 Hrs.

ne

itions

form

ansforms

Model-3 1 Hrs.

ansforms

Model-4 1 Hrs.

tions

Model-5 1 Hrs.

tors

ents

ple Columns

Model-6 1 Hrs.

Interface

ilters

Model-7 1 Hrs.

Query

Model-8 1 Hrs.

onts

ox

cript 26 Hrs.

y 10 Hrs.

HTML 5 10 Hrs.

duction

g out a page with HTML5

- How we got here

ONS AND ARTICLES

AUDIO AND VIDEO

FORMS

NEW FORM ATTRIBUTES

NEW FORM FIELD ATTRIBUTES

ORM ELEMENTS

WEB STORAGE

CANVAS

RATED APIS

BootStrap 5 Hrs.

duction to Bootstrap

Layout with Bootstrap

Everyday Bootstrap

Bootstrap Component

Bootstrap and JavaScript

Live UI Design(100% Realtime Project) 6 Hrs.

• • What is HTML?
  • What is a Web Browser?
  • What are Versions of HTML?
  • What can You Do with HTML?
  • HTML Development Environments
  • Using a WYSIWYG Editor
  • Using an HTML Editor
  • Writing Code with a Text Editor
  • Publishing Documents
  • Rules of Syntax
  • Making your Code Readable
  • Making your Code XHTML Compliant
  • Building a Document
  • Using Colors
  • Adding Color to your Page
  • Using Headings
  • Using Paragraphs
  • Using Block quotes
  • Using Entities
  • Aligning Block-Level Elements
  • Displaying Preformatted Text
  • Formatting with Inline Elements
  • Controlling Fonts
  • Introducing List Elements
  • Creating Unordered Lists
  • Creating Ordered Lists
  • Creating Definition Lists
  • Nesting Lists Indenting Text with the <ul> Tag
  • Building a Table
  • Using the Border Attribute
  • Cell Padding and Cell Spacing
  • Controlling Table and Cell Width
  • Aligning a Table on the Page
  • Aligning Tables and Text
  • Aligning Table Data
  • Spanning Columns and Rows
  • Nesting Tables
  • Adding Color to Tables
  • Using Tables as a Design Tool
  • Understanding and Using URLs
  • Linking to a Web Document
  • Linking to a Local Document
  • Linking to Anchors
  • Opening a New Browser Window
  • iFrame
  • Optimizing Image and File Size
  • Inserting Inline Images, ImageMap, Sprite Image
  • Aligning and Formatting Images
  • Using Images to Anchor Links
  • Creating a Look-and-Feel
  • Sizing and Scaling Images
  • Using Transparent Images
  • Using GIF Animation
  • Forms , Form Elements
  • Form Actions, Form Methods , Form Design
  • border-image
  • border-radius
  • Text-shadow
  • Box-shadow
  • background-clip
  • background-size
  • background-origin
  • background-image
  • transition
  • transition-delay
  • transition-duration
  • transition-property
  • transform
  • matrix()
  • translate(x,y)
  • scale(x,y)
  • transform
  • transform-style
  • perspective
  • transform-origin
  • @keyframes
  • animation
  • animation-direction
  • animation-duration
  • animation-name
  • CSS combinations
  • Pseudo Elements
  • Linear Gradients
  • Radial Gradients
  • column-count
  • column-fill
  • column-gap
  • column-width
  • columns
  • column-rule
  • column-rule-color
  • column-rule-style
  • column-rule-width
  • resize
  • box-sizing
  • outline-offset
  • Blur
  • Brightness
  • Contrast
  • Grayscale
  • Hue-rotate
  • Invert
  • Opacity
  • Saturate
  • Sepia
  • Drop-shadow
  • rotate(angle)
  • skew(x-angle,y-angle)
  • What is Responsive Web Design
  • Intro to the Viewport
  • The Viewport Tag
  • Media Queries
  • Fluid Layouts
  • Tablet Styles
  • Mobile Styles
  • Making a Mobile Drop-down Menu
  • Responsive Images & Polyfills
  • @font-face
  • font-family
  • src
  • font-stretch
  • font-style
  • font-weight
  • flex-grow
  • flex-shrink
  • flex-basis
  • flex
  • flex-wrap
  • flex-direction
  • flex-flow
  • justify-content
  • align-items
  • order
  • Introduction to JavaScript
  • Origins of JavaScript
  • JavaScript Characteristics
  • Common Programming Concepts
  • Java and JavaScript
  • Server-side vs. Client-side Applications
  • Annotating Your Code with Comments
  • Working with Variables and Data
  • Communicating with the User
  • Using Data More Than Once: Variables
  • JavaScript Reserved and Keywords
  • Expressions and Operators
  • Inline Scripting, Simple User Events, and the onLoad and onUnload Event Handlers
  • Functions, Methods, and Events
  • Methods as Functions
  • Conditional Operators
  • Defining and Calling a Function
  • The confirm() Method and Forms
  • User Events and JavaScript Event Handlers
  • Developing Interactive Forms
  • Form Controls
  • Referring to form Objects
  • The button, checkbox, text, textarea, radio button, and select Objects
  • Controlling Program Flow
  • The if...else, while, for, break, and continue Statements
  • The Modules Operator
  • Using continue in a while Loop
  • The switch Statement
  • The do...while Statement
  • JavaScript Object Model
  • JavaScript Object Hierarchy Model
  • Commonly Used Objects
  • The window, document, history, and location Objects
  • JavaScript Language Objects
  • The String, Array, Date, and Math Objects
  • Evaluating Strings
  • Setting and Extracting Time Information
  • Getting Started with jQuery
  • Selecting Elements
  • Manipulating the Page
  • Traversing the DOM and Chaining
  • jQuery Utility Methods
  • Handling Events and Event Delegation
  • AJAX, JSON and Deferreds
  • Enhancing with Animation Effects
  • Grids , Tables with Ajax , Pagination, JQuery UI
  • jQuery Best Practices
  • Page Structure
  • New HTML5 Structural Tags
  • Page Simplification
  • The Problems HTML 4 Addresses
  • The Problems XHTML Addresses
  • The New More Flexible Approach of HTML5 - Paving the Cowpaths
  • New Features of HTML5
  • The HTML5 Spec(s)
  • Current State of Browser Support
  • The section Tag
  • The article Tag
  • Outlining
  • Accessibility
  • Supported Media Types
  • The audio Element
  • The video Element
  • Accessibility
  • Scripting Media Elements
  • Dealing with Non-Supporting Browsers
  • Modernizr
  • New Input Types
  • autocomplete
  • novalidate
  • required
  • placeholder
  • autofocus
  • autocomplete
  • form
  • pattern
  • datalist
  • progress and meter
  • Overview of HTML5 Web Storage
  • Web Storage
  • Other Storage Methods
  • Getting Started with Canvas
  • Drawing Lines
  • Color and Transparency
  • Rectangles
  • Circles and Arcs
  • Quadratic and Bezier Curves
  • Images
  • Text
  • Offline Application API
  • Drag and Drop API
  • Introduction
  • Quick Styles After Dark
  • Our First Web Page
  • What is Inside?
  • Scripts and Styles
  • Core Concepts
  • Summary
  • Introduction
  • Grid Layouts
  • Simple Layout
  • Fixed Grids
  • Fluid Grids
  • Responsive Design
  • Responsive Utilities
  • Inspiration
  • Summary
  • Introduction
  • Typography
  • Tables
  • Forms
  • Buttons
  • Images and Icons
  • Summary
  • Introductions
  • Drop down Menu
  • Buttons with Menus
  • Tabs and Pill
  • The Navbars
  • Heros, Badges, Labels, and Media
  • Summary
  • Introduction
  • More Buttons
  • Modals
  • Tooltips and Popovers
  • Scrollspy
  • Typeahead
  • Carousel
  • Summary
  • Slideshow Integration