Using and Creating Widgets

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


Expected Duration
114 minutes

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.


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





Multi-license discounts available for Annual and Monthly subscriptions.