Web Design
Advanced jQuery
Advanced Selecting, Theming, and Plugins
Helper Functions and Advanced Ajax
Using and Creating Widgets

Advanced Selecting, Theming, and Plugins

Course Number:
wd_adjq_a03_it_enus
Lesson Objectives

Advanced Selecting, Theming, and Plugins

  • start the course
  • select elements by attribute and use selector expressions
  • use filters like :eq(), :first, :last to select elements
  • work with child filters to select elements
  • use the content filters :contains(), :empty, :has(), and :parent to select elements
  • use form filters to select input form elements
  • use ThemeRoller to download a theme and apply it to widgets
  • use the gallery to view, select, and download a preconfigured theme from the Gallery
  • use a downloaded theme on a set of elements
  • create a theme manually from the ThemeRoller web site
  • use layout helpers and widget containers to apply themes and styles manually
  • apply interaction state and cue classes to elements
  • use ui-icon class to include icon elements
  • use the ui-front class and z-index to stack elements
  • distinguish between widgets and plugins and when each should be used
  • find plugins to solve common problems
  • use a third-party plugin
  • create a simple plugin
  • use jQuery boilerplate to create a simple plugin
  • publish a jQuery boilerplate plugin
  • use a plugin to alter the theming done to a widget in multiple buttons

Overview/Description
Although jQuery and jQuery UI provide a significant number of tools, plugins, and helpers for most web development tasks, sometimes, you need to take it to the next level. In this course, you will learn about advanced selecting for DOM manipulation, theming components to give a web site a natural and consistent feel, and how to create your own plugins when having a custom solution is required.

Target Audience
Web developers who are experienced with jQuery, jQuery UI, JavaScript, HTML, and CSS

Advanced Selecting, Theming, and Plugins

Course Number:
wd_adjq_a03_it_enus
Lesson Objectives

Advanced Selecting, Theming, and Plugins

  • start the course
  • select elements by attribute and use selector expressions
  • use filters like :eq(), :first, :last to select elements
  • work with child filters to select elements
  • use the content filters :contains(), :empty, :has(), and :parent to select elements
  • use form filters to select input form elements
  • use ThemeRoller to download a theme and apply it to widgets
  • use the gallery to view, select, and download a preconfigured theme from the Gallery
  • use a downloaded theme on a set of elements
  • create a theme manually from the ThemeRoller web site
  • use layout helpers and widget containers to apply themes and styles manually
  • apply interaction state and cue classes to elements
  • use ui-icon class to include icon elements
  • use the ui-front class and z-index to stack elements
  • distinguish between widgets and plugins and when each should be used
  • find plugins to solve common problems
  • use a third-party plugin
  • create a simple plugin
  • use jQuery boilerplate to create a simple plugin
  • publish a jQuery boilerplate plugin
  • use a plugin to alter the theming done to a widget in multiple buttons

Overview/Description
Although jQuery and jQuery UI provide a significant number of tools, plugins, and helpers for most web development tasks, sometimes, you need to take it to the next level. In this course, you will learn about advanced selecting for DOM manipulation, theming components to give a web site a natural and consistent feel, and how to create your own plugins when having a custom solution is required.

Target Audience
Web developers who are experienced with jQuery, jQuery UI, JavaScript, HTML, and CSS

Helper Functions and Advanced Ajax

Course Number:
wd_adjq_a01_it_enus
Lesson Objectives

Helper Functions and Advanced Ajax

  • start the course
  • use the jQuery utility functions isArray(), isFunction(), isNumeric(), isWindow(), and isPlainObject()
  • manipulate arrays using grep(), unique(), uniqueSort(), merge(), and makeArray()
  • perform advanced array manipulation use map()
  • work with the string parsing functions parseHTML(), parseXML(), and parseJSON()
  • using each() to iterate over objects
  • work with delay() and setTimeout
  • dynamically add and remove classes from elements
  • work with element classes and dynamically determine if an element has a class
  • use toggleClass() to add and remove classes
  • use get(), getJSON(), getScript(), post(), and load() Ajax shorthand methods
  • configure the most common, but optional, Ajax settings
  • identify and handle Ajax synchronization issues
  • work with callbacks and the when() method
  • use serialize() to encode the form variables for submission
  • work with serializeArray() to encode and manipulate form variables as an array
  • use param() to convert an array or object into a string that can be used in an Ajax request or URL
  • add an ajaxPrefilter() to modify Ajax requests before they are processed
  • configure Ajax default settings using ajaxSetup()
  • use ajaxTransport() to create an object to manage the Ajax data transmission
  • describe when and how to use some advanced Ajax features

Overview/Description
jQuery has made Ajax and regular JavaScript much easier to use with its Ajax and Helper functions. In this course, you will learn about the more advanced Ajax features and the helper functions to make you more efficient when using jQuery.

Target Audience
Web developers who are experienced with jQuery, jQuery UI, JavaScript, HTML, and CSS

Helper Functions and Advanced Ajax

Course Number:
wd_adjq_a01_it_enus
Lesson Objectives

Helper Functions and Advanced Ajax

  • start the course
  • use the jQuery utility functions isArray(), isFunction(), isNumeric(), isWindow(), and isPlainObject()
  • manipulate arrays using grep(), unique(), uniqueSort(), merge(), and makeArray()
  • perform advanced array manipulation use map()
  • work with the string parsing functions parseHTML(), parseXML(), and parseJSON()
  • using each() to iterate over objects
  • work with delay() and setTimeout
  • dynamically add and remove classes from elements
  • work with element classes and dynamically determine if an element has a class
  • use toggleClass() to add and remove classes
  • use get(), getJSON(), getScript(), post(), and load() Ajax shorthand methods
  • configure the most common, but optional, Ajax settings
  • identify and handle Ajax synchronization issues
  • work with callbacks and the when() method
  • use serialize() to encode the form variables for submission
  • work with serializeArray() to encode and manipulate form variables as an array
  • use param() to convert an array or object into a string that can be used in an Ajax request or URL
  • add an ajaxPrefilter() to modify Ajax requests before they are processed
  • configure Ajax default settings using ajaxSetup()
  • use ajaxTransport() to create an object to manage the Ajax data transmission
  • describe when and how to use some advanced Ajax features

Overview/Description
jQuery has made Ajax and regular JavaScript much easier to use with its Ajax and Helper functions. In this course, you will learn about the more advanced Ajax features and the helper functions to make you more efficient when using jQuery.

Target Audience
Web developers who are experienced with jQuery, jQuery UI, JavaScript, HTML, and CSS

Using and Creating Widgets

Course Number:
wd_adjq_a02_it_enus
Lesson Objectives

Using and Creating Widgets

  • start the course
  • use the Accordion widget to create sectioned data that can be opened like an accordion
  • use the Button widget to add extra functionality and theming to inputs and anchors
  • work with the Menu widget to create themeable menus that respond to both mouse and keyboard interactions
  • use a Progressbar widget to show a visual representation of when a process will complete
  • use a Spinner widget to enter numbers, prices, and decimal values
  • apply the Tooltip widget to inputs to add bubble help
  • use a Controlgroup widget to group multiple widgets together
  • implement drag and drop functionality to move elements using the mouse
  • use the mouse to select a group of elements or resize an element
  • use the mouse to change the order of a set of elements
  • use the widget factory to create a simple widget
  • add options for configuring a widget
  • add and use properties and static members
  • add a custom event to a widget
  • bind event handlers to the widget
  • adding callbacks to allow the widget to provide status on state changes and use functions to control the widget
  • use inheritance to extend a widget
  • manipulate widgets and create a simple widget

Overview/Description
jQuery UI provides some powerful and very useful widgets for web site development. In this course, you will learn how to use some of the more advanced widgets and their features as well as learn how to create your own widgets.

Target Audience
Web developers who are experienced with jQuery, jQuery UI, JavaScript, HTML, and CSS

Using and Creating Widgets

Course Number:
wd_adjq_a02_it_enus
Lesson Objectives

Using and Creating Widgets

  • start the course
  • use the Accordion widget to create sectioned data that can be opened like an accordion
  • use the Button widget to add extra functionality and theming to inputs and anchors
  • work with the Menu widget to create themeable menus that respond to both mouse and keyboard interactions
  • use a Progressbar widget to show a visual representation of when a process will complete
  • use a Spinner widget to enter numbers, prices, and decimal values
  • apply the Tooltip widget to inputs to add bubble help
  • use a Controlgroup widget to group multiple widgets together
  • implement drag and drop functionality to move elements using the mouse
  • use the mouse to select a group of elements or resize an element
  • use the mouse to change the order of a set of elements
  • use the widget factory to create a simple widget
  • add options for configuring a widget
  • add and use properties and static members
  • add a custom event to a widget
  • bind event handlers to the widget
  • adding callbacks to allow the widget to provide status on state changes and use functions to control the widget
  • use inheritance to extend a widget
  • manipulate widgets and create a simple widget

Overview/Description
jQuery UI provides some powerful and very useful widgets for web site development. In this course, you will learn how to use some of the more advanced widgets and their features as well as learn how to create your own widgets.

Target Audience
Web developers who are experienced with jQuery, jQuery UI, JavaScript, HTML, and CSS

Close Chat Live