Jquery Ui - Interface Design In Jquery - Ui Training

Learn to use the JQuery UI tools to create effective and usable interfaces. A easy to follow practical course

What you'll learn
Learn to create effective UI designs with JQuery
Requirements
Mac or PC
Description
This jQuery UI training course from Infinite Skills will teach you how to navigate the jQuery user interface interactions, effects, widgets, and themes that are built on top of the jQuery JavaScript library. This course is designed for the intermediate user that already has a working knowledge of HTML, CSS and JavaScript to design websites.
You will start by learning about the jQuery UI core and utilities, such as the core methods and selectors and the position utility. You will then learn about the various widgets available in the UI, including the accordion, progressbar, tabs, button, slider, tooltip, spinner, dialog, autocomplete, and datepicker widget. Once you have mastered the widgets, this teaches you about the themable CSS framework in jQuery UI. This video tutorial will also teach you about the interactions in jQuery UI, including selectable, resizable, draggable, droppable, and sortable. Finally, you will learn about the UI effects, such as color animations, class transitions, and how to show and hide effects. By the completion of this computer based training course, you will be fully capable of building complete interactive web applications using the jQuery UI toolset. Working files are included, allowing you to follow along with the author throughout the lessons.

Overview

Section 1: Getting Started

Lecture 1 Important - Download These First - Working Files

Lecture 2 0101 Introduction To jQuery UI

Lecture 3 0102 Downloading jQuery UI

Lecture 4 0103 What This Course Will Teach You

Lecture 5 0105 How To Access Your Working Files

Section 2: jQuery UI Core

Lecture 6 0201 Core Methods

Lecture 7 0202 Core Selectors

Lecture 8 0203 Method Overrides

Section 3: Common/Shared API

Lecture 9 0301 Shared API Methods

Lecture 10 0302 Shared API Configuration Options

Lecture 11 0303 Shared API Events

Section 4: jQuery UI Utilities

Lecture 12 0401 The Position Utility

Lecture 13 0402 Easings

Section 5: The Accordion Widget

Lecture 14 0501 Introduction To The Accordion Widget

Lecture 15 0502 Accordion Configuration Options

Lecture 16 0503 Accordion Events

Section 6: The Progress Bar Widget

Lecture 17 0601 Introduction To The Progress Bar Widget

Lecture 18 0602 Progress Bar Configuration Options

Lecture 19 0603 Progress Bar Events

Section 7: The Tabs Widget

Lecture 20 0701 Introduction To The Tabs Widget

Lecture 21 0702 Tabs Configuration Options

Lecture 22 0703 Loading Tab Content

Lecture 23 0704 Tabs Events

Section 8: The Button Widget

Lecture 24 0801 Introduction To The Button Widget

Lecture 25 0802 Button Configurable Options

Section 9: The Slider Widget

Lecture 26 0901 Introduction To The Slider Widget

Lecture 27 0902 Slider Configuration Options

Lecture 28 0903 Working With Multiple Slider Handles

Lecture 29 0904 Slider Events

Section 10: The Tooltip Widget

Lecture 30 1001 Introduction To The Tooltip Widget

Lecture 31 1002 Tooltip Content

Lecture 32 1003 Tooltip Positioning

Lecture 33 1004 Tooltip Animations

Section 11: The Menu Widget

Lecture 34 1101 Introduction To The Menu Widget

Lecture 35 1102 Menu Configuration Options

Lecture 36 1103 Opening And Closing Menus

Lecture 37 1104 Menu Events

Section 12: The Spinner Widget

Lecture 38 1201 Introduction To The Spinner Widget

Lecture 39 1202 Basic Configuration Options

Lecture 40 1203 Spinner Interaction - Stepping

Lecture 41 1204 Spinner Interaction - Paging

Lecture 42 1205 Extending Spinner

Section 13: The Dialog Widget

Lecture 43 1301 Introduction To The Dialog Widget

Lecture 44 1302 Dialog Configuration Options

Lecture 45 1303 Dialog Methods

Lecture 46 1304 Dialog Positioning

Lecture 47 1305 Dialog Dimensions

Lecture 48 1306 Dialog Buttons

Lecture 49 1307 Dialog Events

Section 14: The Auto-Complete Widget

Lecture 50 1401 Introduction To The Auto-Complete Widget

Lecture 51 1402 Auto-Complete Configuration Options

Lecture 52 1403 Searching Programmatically

Lecture 53 1404 Auto-Complete Events

Lecture 54 1405 Extending Auto-Complete

Section 15: The Datepicker Widget

Lecture 55 1501 Introduction To The Datepicker Widget

Lecture 56 1502 Datepicker Configuration Options

Lecture 57 1503 Showing And Hiding The Datepicker

Lecture 58 1504 Opening With A Trigger Button

Lecture 59 1505 Handling Date Formats

Lecture 60 1506 Min And Max Dates

Lecture 61 1507 Datepicker Utility Functions

Lecture 62 1508 Internationalization

Section 16: jQuery UI Theming

Lecture 63 1601 The Themable CSS Framework

Lecture 64 1602 Themeroller

Section 17: Selectable Interaction

Lecture 65 1701 Introduction To Selectable Interaction

Lecture 66 1702 Selectable Configuration Options

Lecture 67 1703 Selectable Filtering

Lecture 68 1704 Select Events

Section 18: Resizable Interaction

Lecture 69 1801 Introduction To Resizable Interaction

Lecture 70 1802 Resizable Configuration Options

Lecture 71 1803 Resizable Size Constraints

Lecture 72 1804 Resize Events

Section 19: Draggable Interaction

Lecture 73 1901 Introduction To Draggable Interaction

Lecture 74 1902 Draggable Configuration Options

Lecture 75 1903 Draggable Confinement

Lecture 76 1904 Draggable Snapping

Lecture 77 1905 Draggable Events

Section 20: Droppable Interaction

Lecture 78 2001 Introduction To Droppable Interaction

Lecture 79 2002 Droppable Configuration Options

Lecture 80 2003 Drop Events

Section 21: Sortable Interaction

Lecture 81 2101 Introduction To Sortable Interaction

Lecture 82 2102 Sortable Configuration Options

Lecture 83 2103 Sortable Containment

Lecture 84 2104 Sortable Events

Lecture 85 2105 Getting The Sort Order

Section 22: UI Effects

Lecture 86 2201 Introduction To UI Effects

Lecture 87 2202 Color Animations

Lecture 88 2203 Class Transitions

Lecture 89 2204 Show And Hide Effects

Lecture 90 2205 Other Effects

Section 23: jQuery UI Widget Factory

Lecture 91 2301 Creating The Widget Shell

Lecture 92 2302 Adding Support For Common API Methods

Lecture 93 2303 Custom Methods

Lecture 94 2304 Custom Events

Section 24: Conclusion

Lecture 95 2401 Wrap Up

Web Designers, Developers