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

Review of HTML Elements

Inserting Spaces and Line Breaks

UI SPECIALIZATION

CURRICULUM

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

  HTML 8 Hrs.

  Review of HTML Elements

  Inserting Spaces and Line Breaks

  UI SPECIALIZATION

  CURRICULUM

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

    HTML 8 Hrs.

    Review of HTML Elements

    Inserting Spaces and Line Breaks

    UI SPECIALIZATION

    CURRICULUM

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

      HTML 8 Hrs.

      Review of HTML Elements

      Inserting Spaces and Line Breaks

      UI SPECIALIZATION

      CURRICULUM

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

        HTML 8 Hrs.

        Review of HTML Elements

        Inserting Spaces and Line Breaks

        UI SPECIALIZATION

        CURRICULUM

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

          HTML 8 Hrs.

          Review of HTML Elements

          Inserting Spaces and Line Breaks

          UI SPECIALIZATION

          CURRICULUM

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

            HTML 8 Hrs.

            Review of HTML Elements

            Inserting Spaces and Line Breaks

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