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
Enquiry Now
Related Courses
- PERL SCRIPT
- DJANGO
- R PROGRAMMING
- C WITH DATA STRUCTURE & ALGORITHMS
- BIG COMMERCE
- DATA SCIENCE USING PYTHON TRAINING IN NOIDA
- MACHINE LEARNING USING PYTHON NOIDA
- .NET FOUR MONTHS
- Advanced .Net MVC Training
- .NET SIX WEEKS
- ERP SCM
- .NET CORE
- ORACLE 6 WEEKS SUMMER TRAINING
- REVIT ARCHITECTURE TRAINING IN NOIDA
- Online PHP 6 WEEKS SUMMER TRAINING
- MACHINE LEARNING TRAINING IN NOIDA
- R AND DATA ANALYTICS
- TABLEAU Course
- BEST ERP SAP TRAINING INSTITUTE IN NOIDA
- Best Python Training course In Gurgaon
- Data Science Training in Noida
- Best Java Training Course In Delhi
- Best Python Training course In Delhi
- ERP HR TRAINING IN NOIDA
- ORACLE APP'S R12 FINANCIAL
- Best Java Training Course In Gurgaon
- 6 WEEKS JAVA SUMMER TRAINING
- Cyber Security Training Course In Delhi
- ONLINE CLOUD COMPUTING 6 WEEKS SUMMER TRAINING
- Best WEB DESIGNING Training In Gurgaon
- Best Python Training course In South Extension
- Best Software Testing Training course In Delhi
- ERP PP TRAINING IN NOIDA
- Best Python Training course In Pitampura
- Artificial Intelligence Training in Noida
- ORACLE APP'S R12 TECHNICAL
- GRAPHICS DESIGNING TRAINING IN NOIDA
- Best Java Training course In Ghaziabad
- ORACLE APP'S SCM
- Best ERP Training course In Gurgaon
- ERP-CRM
- ERP FICO TRAINING IN NOIDA
- ERP MM TRAINING IN NOIDA
- ORACLE APP'S DBA
- Best Digital Marketing Training course In Gurgaon
- Best SOFTWARE TESTING Training course In Gurgaon
- Best Java Training Course In Noida
- Best Digital Marketing Training course In Delhi
- Graphic Designing Pro Training in Pitampura
- Graphic Designing Pro Training in South Extension
- Graphic Designing Training in Delhi
- Cloud Computing Course in Delhi