Course info
Nov 28, 2011
1h 54m

jQuery UI provides abstractions for low-level interaction and animation, advanced effects, and high-level 'widgets'. This course guides you through all of the features of the jQuery UI library, and shows you how to use them to build highly interactive web applications.

About the author
About the author

Scott has over 15 years of experience in commercial software development and is a frequent speaker at national conferences, and local user groups. Scott is a Microsoft MVP and has authored books on several Microsoft technologies, including ASP.NET, C#, and Windows Workflow.

More from the author
C# Fundamentals
6h 5m
Apr 16, 2019
More courses by Scott Allen
Section Introduction Transcripts
Section Introduction Transcripts

Introduction to jQuery UI
Hi, this is Scott Allen, and this module is an introduction to jQuery UI. jQuery UI is a framework that builds on top of the popular jQuery JavaScript library to provide UI widgets, special effects, and interaction features that you can use to build a great user experience into your web pages. In this module, we'll look at how to get started with jQuery UI, what features exist, and how to customize what you see on the screen. This course does assume that you have some understanding of how jQuery itself works. Since jQuery UI builds on top of jQuery, it uses many of the same idioms and conventions as jQuery. If you aren't familiar with selectors and events, then you'll want to watch Dan Wahlin's jQuery course here on Pluralsight. com and come back when you're finished.

jQuery UI Widgets Part I
Hi, this is Scott Allen, and this module is the first of two modules to demonstrate widgets in the jQuery UI framework. In this module, we'll be looking at using the dialog, which gives you a floating window on the screen; the progress bar, which can tell the user what percentage of a task is complete; the slider, which lets a user enter a value using a button they slide along a scale; and finally, the tabs widget, which breaks content into one or more sections. Each section has a header the user can click on to make the section visible.

jQuery UI Widgets Part II
Hi, this Scott Allen, and this module is the second module covering the widgets inside of jQuery UI. In this module, we'll look at the Accordion, which is similar to the Tabs widget because you can hide and show sections of content. We'll also look at the Autocomplete widget, which can prompt a user with a list of possible values when they start typing into a textbox. Also, the Button widget. We'll see how that can enhance buttons and links on a page. And finally, we'll take a look at the DatePicker widget, which you can use when you need the user to select a calendar date.

Interactions with jQuery UI
Hi, this is Scott Allen, and in this module we will look at jQuery UI Interactions. The jQuery UI interaction features allow you to make elements resizable and draggable. You can drop draggable elements on top of other elements and make then interact. There's also an interaction you can use to make elements sortable and allow the user to rearrange their order. We'll take a look at all of these features in this module.

jQuery UI Effects
Hi, this is Scott Allen, and in this module we'll look at the Effects and Animations provided by jQuery UI. Although jQuery itself provides basic animation features for web pages, we'll see how jQuery UI extends jQuery and adds support for color transitions, CSS class transitions, prebuilt animations types, and more.