jQuery UI Ultimate: Design Amazing Interfaces Using jQuery UI

12.5 Hours
You save 52% -

69 Lessons (12.5h)

  • 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 Interface2: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 114: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:41
  • Interaction 2 - Droppable in jQuery UI.
    Discussion on droppable options with default functionality.14:52
    Understanding options for droppable - Part 119:31
    Understanding options for droppable - Part 217:40
    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. Preview13:26
    Using advance options of resizable - Part 1.10:45
    Understanding options for resizable - Part 213:11
    Understanding options for resizable - Part 310: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-116:10
    Understanding different actions in selectables.15:04
    Working with the index in selectables.17:13
  • 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:48
    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:28
    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

Implement A Wide Range of Interactivity Into Websites & Make Your Resume Stand Out

Kunal Asudani

Kunal Asudani is a website developer with 8 years of experience in web development and as an instructor. He has an expertise in programming languages such as HTML, JSON, JavaScript, jQuery, CSS, Twitter Bootstrap, AngularJS, Foundation, C, C++, PHP, and DSA.


jQuery is one of the most common tools for creating interactivity on web pages and making them easier for users to interface with. This jQuery UI course will take you from an absolute beginner level, teaching you how to develop professional UI and GUI (Graphical User Interface) from scratch. If you've ever been interested in designing websites, this course is for you.

  • Access 69 lectures & 12.5 hours of content 24/7
  • Get a complete introduction to the uses & utilizations of jQuery UI
  • Understand jQuery interactions w/ practical coding examples
  • Explore widgets w/ different sets of example code
  • Play w/ effects like hide, show, toggle, animation, & more
  • Recognize the utility & positioning of different elements professionally in jQuery UI
  • Use different options & actions for interactions


Details & Requirements

  • Length of time users can access this course: lifetime
  • Access options: web streaming, mobile streaming
  • Certification of completion not included
  • Redemption deadline: redeem your code within 30 days of purchase
  • Experience level required: all levels


  • Ntepad++ and Dreamweaver required


  • Unredeemed licenses can be returned for store credit within 30 days of purchase. Once your license is redeemed, all sales are final.
  • This item is excluded from coupons.