E-Tutorial
Sign In Get Started
Tutorials Courses Interview Prep (100 Q&A) AI Tools (50) Developer Tools (50) Tracks Pricing Plans Blog & Articles Contact Us
Home / Courses / jQuery UI / Complete jQuery UI Widgets & Interactions Guide
jQuery UI Beginner Free Course

Complete jQuery UI Widgets & Interactions Guide

Master interactive UI components: Datepicker, Accordions, Tabs, Tooltips, Modal Dialogs, and Drag-and-Drop.

12 hours 52 Lessons Certificate (Pass Score: 75%)
Start Course Free

What's Included

  • Full step-by-step interactive reader
  • Practice exercises with solutions
  • Quizzes & Knowledge Assessments
  • Verifiable Digital PDF Certificate
A

Alex Morgan (Senior Engineer)

Lead Instructor

Curriculum & Chapters

jQuery UI Setup & Drag-and-Drop Interactions
14 mins Free
Datepicker & Autocomplete Widgets
12 mins Free
Accordion & Tabs Navigation Widgets
12 mins Free
Modal Dialogs & Customized Tooltips
14 mins Free
jQuery UI Theming & ThemeRoller Integration
12 mins Free
jQuery UI Architecture, Dependencies & Theme Setup
15 mins Free
Draggable Interaction (.draggable(), axis, containment, grid)
15 mins Free
Droppable Interaction (.droppable(), accept, tolerance, drop events)
15 mins Free
Building Drag-and-Drop Shopping Carts with jQuery UI
15 mins Free
Resizable Interaction (.resizable(), handles, min/max dimensions)
15 mins Free
Selectable Interaction (.selectable(), filter, selected items)
15 mins Free
Sortable Interaction (.sortable(), connectWith, serialize)
15 mins Free
Autocomplete Widget (.autocomplete(), local arrays & remote JSON APIs)
15 mins Free
Custom Rendering in Autocomplete (_renderItem)
15 mins Free
Datepicker Widget: Min/Max Dates, Formats & Localization
15 mins Free
Datepicker Date Range Pickers (From / To Linked Inputs)
15 mins Free
Selectmenu Widget: Styled Custom Dropdown Menus (.selectmenu())
15 mins Free
Checkboxradio Widget: Modern Styled Checkboxes and Radio Buttons
15 mins Free
Spinner Widget: Numeric Steppers & Step Increments (.spinner())
15 mins Free
Slider Widget: Single Value & Range Sliders (.slider())
15 mins Free
Accordion Widget: Collapsible FAQ Panels (.accordion())
15 mins Free
Tabs Widget: Multi-Panel Tabbed Content (.tabs())
15 mins Free
Dynamic AJAX-Loaded Tabs with jQuery UI
15 mins Free
Menu Widget: Nested Multi-Level Navigation Menus (.menu())
15 mins Free
Controlgroup Widget: Grouping Form Buttons & Inputs
15 mins Free
Progressbar Widget: Determinate & Indeterminate Modes (.progressbar())
15 mins Free
Modal Dialogs (.dialog({ modal: true, buttons: {...} }))
15 mins Free
Confirmation Dialogs & Action Callbacks
15 mins Free
Tooltip Widget: Positioned Accessible Tooltips (.tooltip())
15 mins Free
Rich HTML Content inside jQuery UI Tooltips
15 mins Free
Button & Buttonset Widgets (.button())
15 mins Free
jQuery UI Color Animations (Animating background-color, border-color)
15 mins Free
Easing Equations in jQuery UI (easeOutBounce, easeInOutBack, easeOutElastic)
15 mins Free
Class Animations (.addClass(), .removeClass(), .switchClass() with durations)
15 mins Free
Specific UI Effects: .effect("shake"), .effect("bounce"), .effect("highlight")
15 mins Free
Show/Hide with UI Effects (.show("blind"), .hide("explode"))
15 mins Free
Position Utility: Positioning Elements Relative to Targets ($.ui.position)
15 mins Free
Understanding the jQuery UI Widget Factory ($.widget)
15 mins Free
Creating Custom Widgets from Scratch with $.widget()
15 mins Free
Widget Options, Default Settings & _setOption Hook
15 mins Free
Widget Private Methods, Event Triggers & _destroy Cleanup
15 mins Free
Extending & Subclassing Existing jQuery UI Widgets
15 mins Free
jQuery UI ThemeRoller & CSS Framework Classes (.ui-widget, .ui-state-default)
15 mins Free
Building Custom Dark Mode Themes for jQuery UI
15 mins Free
Accessibility (WAI-ARIA) in jQuery UI Widgets
15 mins Free
Touch Punch Integration for Mobile Touch Devices
15 mins Free
Custom Download Builder & Bundling Only Required Modules
15 mins Free
Migrating & Modernizing Legacy jQuery UI Codebases
15 mins Free
jQuery UI Mouse Interaction Helper Options (distance, delay, cancel)
15 mins Free
jQuery UI Global Event Listeners & Widget Extensions
15 mins Free
Building Custom Autocomplete Cache with LocalStorage in jQuery UI
15 mins Free
jQuery UI Animation Pipelines with Modern CSS Variables
15 mins Free

Assessments & Quizzes

jQuery UI Assessment Quiz

1 Questions • Passing Score: 70%

Required for Certificate