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.
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.
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.