Course

UI SPECIALIZATION

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
    • 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
Download Course Brochure
Enquiry Now
   I Authorise Ducat India to contact me with updates & notifications via email, SMS, WhstaApp, and voice call. This Consent will override any registration for DNC/NDNC

Related Courses