Using and Creating Widgets

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

Prerequisite
None

Expected Duration
114 minutes

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.

Objective

Advanced UI 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

Widget Interactions

  • 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

Creating Widgets

  • 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

Practice: Widgets with jQuery

  • manipulate widgets and create a simple widget

MONTHLY SUBSCRIPTION

$129/month
 

ANNUAL SUBSCRIPTION

$1295/year

Multi-license discounts available for Annual and Monthly subscriptions.