UI SPECIALIZATION BY DUCAT

UI Specialization course enable you to design and development excellent looking browser-based user interfaces and UI web solutions from the requirements stage to deployment onto the production web farm.In information technology, the user interface (UI) is everything designed into an information device with which a human being may interact. The UI Developer operates effectively as a member of the development team,Also operates effectively as an individual for quick turnaround of enhancements and fixes. This Course is Designed For 1)Job seekers who want to double their chances to get placement as User Interface Developer 2)Developers who are already familiar with any Server Side Languange and want to improve their knowledge of advanced development techniques. 3)Professional Designer who want to write more efficient , secure and Clean code.

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's 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's 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.

      • 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's 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

      y 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.

      duction

      g out a page with HTML5

      • 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's 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.

      • 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's 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

      y 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.

      duction

      g out a page with HTML5

      • 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's 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.

      • 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's 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

      y 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.

      duction

      g out a page with HTML5

      • 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's 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.

      • 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's 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

      y 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.

      duction

      g out a page with HTML5

      • 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's 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.

      • 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's 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

      y 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.

      duction

      g out a page with HTML5

      • 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's 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.

      • 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's 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

      y 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.

      duction

      g out a page with HTML5

      • 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's 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.

      • 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's 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

      y 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.

      duction

      g out a page with HTML5

      • 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's 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
    COMMENCING NEW BATCHES
    ENQUIRY FORM
    FOLLOW US ON
    SUBSCRIBE TO OUR NEWSLETTER

    WE ACCEPT ONLINE PAYMENTS
    PAY ONLINE