Advanced Selecting, Theming, and Plugins

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

Advanced Selecting, Theming, and Plugins

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

Advanced Selecting, Theming, and Plugins

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

Helper Functions and Advanced Ajax

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

Helper Functions and Advanced Ajax

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

Helper Functions and Advanced Ajax

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

Using and Creating Widgets

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

Using and Creating Widgets

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

Using and Creating Widgets

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