Autoplay
Autocomplete
Previous Lesson
Complete and Continue
jQuery UI Ultimate:Design Amazing Interfaces Using jQuery UI
Introduction to the course and instructor with installation of jQuery UI.
Introduction to the instructor. (1:01)
Installation of jQuery UI. (3:24)
Conceptual understanding of User Interface (2:22)
Introduction to jQuery UI. (2:03)
Understanding the features of jQuery UI. (2:40)
Interaction 1 - Draggable in jQuery UI.
Discussion on draggable options with default functionality. (12:40)
Understanding options - Part 1 (14:30)
The advance helper option in draggable. (6:51)
Understanding the position of cursor in draggable. (10:56)
Discussion on actions used in draggable. (12:40)
Interaction 2 - Droppable in jQuery UI.
Discussion on droppable options with default functionality. (14:51)
Understanding options for droppable - Part 1 (19:31)
Understanding options for droppable - Part 2 (17:39)
Understanding the concept of classes in droppable. (12:21)
Discussion on droppable actions with the disable functionality. (16:05)
Understanding events in droppable method. (11:59)
Interaction 3 - Resizable in jQuery UI.
Introduction to the resizable with default functionality. Preview (13:26)
Using advance options of resizable - Part 1. (10:45)
Understanding options for resizable - Part 2 (13:11)
Understanding options for resizable - Part 3 (10:03)
Discussion on actions used in resizable with functionality. (9:13)
Interaction 4 - Selectables in jQuery UI.
Introduction to selectables with default functionality. (14:55)
Using options of selectables Part-1 (16:10)
Understanding different actions in selectables. (15:04)
Working with the index in selectables. (17:12)
Interaction 5 - Sortables in jQuery UI.
Introduction to sortables with default functionality. (16:24)
Using options in sortables Part-1. (11:46)
Understanding options in sortables Part-2. (10:47)
Using advance options in sortable Part-3. (15:50)
Introduction to the actions used in sortables. (15:49)
Use of events in sortable method. (19:31)
Widgets 1 - Using accordion in jQuery UI.
Introduction to accordion with default functionality. (12:16)
Understanding different actions used in accordion. (18:00)
Widgets 2 - Using autocomplete method in jQuery UI.
Introduction to autocomplete with default functionality. (11:33)
Understanding options in autocomplete Part-1. (6:08)
Using options in autocomplete Part-2. (6:07)
Understanding options Part-3. (8:20)
Widget 3 - Concept of Buttons in jQuery UI.
Introduction to the buttons with default functionality. (15:55)
Using options in buttons Part-1. (11:37)
Introduction to actions used in buttons. (10:07)
Widget 4 - Using datepicker in jQuery UI.
Introduction to datepicker with default functionality. (11:45)
Creating an inline datepicker. (4:50)
Using options in datepicker Part-1. (10:09)
Using options in datepicker Part-2. (15:25)
Introduction to actions with functionality. (7:37)
Widget 5 - Using dialogs in jQuery UI.
Introduction to dialogs with default functionality. (16:04)
Using options in dialog Part-1. (14:27)
Using options in dialog Part-2. (9:17)
Introduction to actions in dialogs with functionality. (11:38)
Widget 6 - Menu in jQuery UI.
Introduction to menu with default functionality. (11:53)
Using options in menu Part-1. (8:43)
Using actions in menu. (12:59)
Widget 7 - Progressbar in jQuery UI.
Discussion on progressbar with default functionality. (8:55)
Widget 8 - Sliders in jQuery UI.
Understanding the sliders with the default functionality. (9:14)
Using options in slider Part-1.
Using options in slider Part-2. (13:26)
Using actions in slider. (11:24)
Widget 9 - Spinners in jQuery UI.
Introduction to spinners with default functionality. (9:07)
Using options in spinner Part-1. (8:43)
Understanding the actions in spinner. (11:58)
Using actions in spinner. (7:54)
Widget 10 - Tabs in jQuery UI.
Introduction to tabs with default functionality. (11:50)
Using options in tabs Part-1. (4:49)
Use of event option in tab method. (3:08)
Understanding actions in tab. (5:11)
Widget 11- Tooltip in jQuery UI.
Introduction to the tooltip with default functionality. (11:20)
Using options in tooltip Part-1. (11:11)
Using options in tooltipPart-2. (7:13)
The advance helper option in draggable.
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock