Introduction to the course and instructor with installation of jQuery UI.
  • Understanding the curriculum.
  • inIntroduction to instructor.
  • Installation of jQuery UI.
  • Conceptual understanding of User Interface
  • Introduction to jQuery UI.
  • Understanding the features of jQuery UI.
Interaction 1 - Draggable in jQuery UI.
  • Discussion on draggable options with default functionality.
  • Understanding options - Part 1
  • Using HELPER option in draggable.
  • Understanding the position of cursor in draggable.
  • Discussion on actions used in draggable.
Interaction 2 - Droppable in jQuery UI.
  • Discussion on droppable options with default functionality.
  • Understanding options for droppable - Part 1
  • Understanding options for droppable - Part 2
  • Understanding the concept of classes in droppable.
  • Discussion on droppable actions with the disable functionality.
  • Understanding events in droppable method.
Interaction 3 - Resizable in jQuery UI.
  • Introduction to the resizable with default functionality.
  • Using advance options of resizable - Part 1.
  • Understanding options for resizable - Part 2
  • Understanding options for resizable - Part 3
  • Discussion on actions used in resizable with functionality.
Interaction 4 - Selectables in jQuery UI.
  • Introduction to selectables with default functionality.
  • Using options of selectables Part-1
  • Understanding different actions in selectables.
  • Working with the index in selectables.
Interaction 5 - Sortables in jQuery UI.
  • Introduction to sortables with default functionality.
  • Using options in sortables Part-1.
  • Understanding options in sortables Part-2.
  • Using advance options in sortable Part-3.
  • Introduction to the actions used in sortables.
  • Use of events in sortable method.
Widgets 1 - Using accordion in jQuery UI.
  • Introduction to accordion with default functionality.
  • Understanding different actions used in accordion.
Widgets 2 - Using autocomplete method in jQuery UI.
  • Introduction to autocomplete with default functionality.
  • Understanding options in autocomplete Part-1.
  • Using options in autocomplete Part-2.
  • Understanding options Part-3.
Widget 3 - Concept of Buttons in jQuery UI.
  • Introduction to the buttons with default functionality.
  • Using options in buttons Part-1.
  • Introduction to actions used in buttons.
Widget 4 - Using datepicker in jQuery UI.
  • Introduction to datepicker with default functionality.
  • Creating an inline datepicker.
  • Using options in datepicker Part-1.
  • Using options in datepicker Part-2.
  • Introduction to actions with functionality.
Widget 5 - Using dialogs in jQuery UI.
  • Introduction to dialogs with default functionality.
  • Using options in dialog Part-1.
  • Using options in dialog Part-2.
  • Introduction to actions in dialogs with functionality.
Widget 6 - Menu in jQuery UI.
  • Introduction to menu with default functionality.
  • Using options in menu Part-1.
  • Using actions in menu.
Widget 7 - Progressbar in jQuery UI.
  • Discussion on progressbar with default functionality.
Widget 8 - Sliders in jQuery UI.
  • Understanding the sliders with the default functionality.
  • Using options in slider Part-1.
  • Using options in slider Part-2.
  • Using actions in slider.
Widget 9 - Spinners in jQuery UI.
  • Introduction to spinners with default functionality.
  • Using options in spinner Part-1.
  • Understanding the actions in spinner.
  • Using actions in spinner.
Widget 10 - Tabs in jQuery UI.
  • Introduction to tabs with default functionality.
  • Using options in tabs Part-1.
  • Use of event option in tab method.
  • Understanding actions in tab.
Widget 11- Tooltip in jQuery UI.
  • Introduction to the tooltip with default functionality.
  • Using options in tooltip Part-1.
  • Using options in tooltipPart-2.