Learning jQuery UI
1h 42mBeginner2015-01-14
Authors
Joe Marini
Senior Developer Advocate at Google, Developer
Course details
An indispensable companion for jQuery, jQuery UI is a free, open-source library of widgets, effects, and behaviors that will make your web apps more polished and engaging. In this course, Joe Marini provides a comprehensive introduction to jQuery UI, showing how to use its feature set to enhance an existing site or mobile app. Learn how to use basic and advanced widgets like the Slider, Dialog, and Datepicker controls; add drag- and-drop functionality and animation; and even build your own custom visual themes with jQuery UI's ThemeRoller tool.
Skills covered
jQueryJavaScript FrameworksLearningWeb DevelopmentOpen Source
Concepts
0. Introduction
- 01 - Welcome
- 02 - Using the exercise files
- 03 - What you should already know
- 04 - Setting up the development environment
- 05 - What is jQuery UI
1. Basic jQuery UI Widgets
- 06 - The Spinner control
- 07 - The Slider control
- 08 - The Selectmenu control
- 09 - The Accordion control
2. Advanced jQuery UI Widgets
- 10 - The Progressbar control
- 11 - The Autocomplete control
- 12 - The Dialog widget
- 13 - The Datepicker control
- 14 - The Tabs control
3. Behaviors and Effects
- 15 - Implementing the resize behavior
- 16 - Using drag-and-drop interactions
- 17 - Using color animation
- 18 - Showing and hiding elements
4. jQuery UI Utilities
- 19 - Building a custom download
- 20 - Using the ThemeRoller
Conclusion
- 21 - Next steps