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
4.3 (2 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
206 students enrolled
$19
$50
62% off
Take This Course
  • Lectures 95
  • Length 4.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 3/2014 English

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

What are the requirements?

  • Mac or PC

What am I going to get from this course?

  • Learn to create effective UI designs with JQuery

What is the target audience?

  • Web Designers, Developers

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Getting Started
Important - Download These First - Working Files
Preview
Article
0101 Introduction To jQuery UI
Preview
02:11
0102 Downloading jQuery UI
Preview
04:09
0103 What This Course Will Teach You
Preview
02:34
0105 How To Access Your Working Files
02:45
Section 2: jQuery UI Core
0201 Core Methods
04:39
0202 Core Selectors
03:48
0203 Method Overrides
02:52
Section 3: Common/Shared API
0301 Shared API Methods
03:30
0302 Shared API Configuration Options
02:28
0303 Shared API Events
02:12
Section 4: jQuery UI Utilities
0401 The Position Utility
03:34
0402 Easings
02:30
Section 5: The Accordion Widget
0501 Introduction To The Accordion Widget
01:53
0502 Accordion Configuration Options
03:27
0503 Accordion Events
04:21
Section 6: The Progress Bar Widget
0601 Introduction To The Progress Bar Widget
03:00
0602 Progress Bar Configuration Options
04:22
0603 Progress Bar Events
02:46
Section 7: The Tabs Widget
0701 Introduction To The Tabs Widget
01:32
0702 Tabs Configuration Options
05:01
0703 Loading Tab Content
03:51
0704 Tabs Events
04:39
Section 8: The Button Widget
0801 Introduction To The Button Widget
02:56
0802 Button Configurable Options
04:07
Section 9: The Slider Widget
0901 Introduction To The Slider Widget
01:43
0902 Slider Configuration Options
02:18
0903 Working With Multiple Slider Handles
01:49
0904 Slider Events
03:17
Section 10: The Tooltip Widget
1001 Introduction To The Tooltip Widget
02:48
1002 Tooltip Content
03:42
1003 Tooltip Positioning
03:17
1004 Tooltip Animations
02:35
Section 11: The Menu Widget
1101 Introduction To The Menu Widget
02:48
1102 Menu Configuration Options
02:48
1103 Opening And Closing Menus
03:38
1104 Menu Events
01:57
Section 12: The Spinner Widget
1201 Introduction To The Spinner Widget
01:56
1202 Basic Configuration Options
02:26
1203 Spinner Interaction - Stepping
01:57
1204 Spinner Interaction - Paging
02:03
1205 Extending Spinner
03:23
Section 13: The Dialog Widget
1301 Introduction To The Dialog Widget
01:58
1302 Dialog Configuration Options
02:31
1303 Dialog Methods
02:47
1304 Dialog Positioning
02:13
1305 Dialog Dimensions
02:01
1306 Dialog Buttons
01:36
1307 Dialog Events
03:01
Section 14: The Auto-Complete Widget
1401 Introduction To The Auto-Complete Widget
02:23
1402 Auto-Complete Configuration Options
02:06
1403 Searching Programmatically
01:52
1404 Auto-Complete Events
02:21
1405 Extending Auto-Complete
04:35
Section 15: The Datepicker Widget
1501 Introduction To The Datepicker Widget
01:49
1502 Datepicker Configuration Options
03:25
1503 Showing And Hiding The Datepicker
03:23
1504 Opening With A Trigger Button
02:21
1505 Handling Date Formats
02:23
1506 Min And Max Dates
02:45
1507 Datepicker Utility Functions
04:46
1508 Internationalization
02:58
Section 16: jQuery UI Theming
1601 The Themable CSS Framework
02:57
1602 Themeroller
03:28
Section 17: Selectable Interaction
1701 Introduction To Selectable Interaction
01:54
1702 Selectable Configuration Options
02:25
1703 Selectable Filtering
02:14
1704 Select Events
02:17
Section 18: Resizable Interaction
1801 Introduction To Resizable Interaction
01:39
1802 Resizable Configuration Options
04:17
1803 Resizable Size Constraints
02:43
1804 Resize Events
01:42
Section 19: Draggable Interaction
1901 Introduction To Draggable Interaction
01:23
1902 Draggable Configuration Options
02:57
1903 Draggable Confinement
02:22
1904 Draggable Snapping
02:24
1905 Draggable Events
02:04
Section 20: Droppable Interaction
2001 Introduction To Droppable Interaction
01:53
2002 Droppable Configuration Options
02:29
2003 Drop Events
02:16

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Infinite Skills, High Quality Training

Infinite Skills is a Canadian based company who offer a huge and ever growing range of high quality eLearning solutions that teach using studio quality narrated videos backed-up with practical hands-on examples and comprehensive working files. All courses are created by trained educators and experts in video based education.

The emphasis is on teaching real life skills that are essential for progressing in today's commercial environment.

Ready to start learning?
Take This Course