jQuery UI in Action: Build 13 jQuery UI Projects

• What are You Going to Develop?

• What Software You Need?

• What is jQuery UI?

• Update Regarding Latest Version

• Download Required jQuery UI Files

• Add Offline Reference

• Add Online Reference

• Introduction to Draggable Interaction

• Restrict Draggability

• Cancel Draggability on Specific Elements

• Set Type, Position and Click-ability of Cursor

• How many Pixels to Move

• Return to the Original Position

• Add a Helper

• Add Magnetic Effect

• Different Methods

• Manage Events

• Quiz: Draggable Interaction

• Introduction to Droppable Interaction

• Decide which Draggable Elements to be Accepted by the Droppable

• Decide when an Element to be Considered as Dropped

• Decide which Nested Droppable Element to Accept Dropped Element

• Manage the Look of Droppable Based On Draggable's Movement

• Decide whether to Revert or Not

• Manage Events

• Quiz: Droppable Interaction

• Introduction to Resizable Interaction

• Where to Drag to Resize the Element

• Synchronous Resizing

• Restrict Resizing

• Add a Ghost/Helper

• Maintain Aspect Ratio

• Animate Resizing

• Miscellaneous Options (Options Already Discussed)

• Manage Events

• Quiz: Resizable Interaction

• Introduction to Selectable Interaction

• Filter Selectables and Non-Selectables

• Manage Events

• Introduction to Sortable Interaction

• Replace the White Space

• Connect between Sortables

• Make Some Items Sortable

• Miscellaneous Options (Options Already Discussed)

• Introduction to Accordion Widget

• Allow to Collapse All Panels

• Decide which Panel to be Displayed by Default

• Customize the Animation

• When to Hide/Show Content Panels

• Set the Height of the Content Panels

• Set the Header for the Accordion

• Change the Default Icons in Accordion

• Manage Events

• Exercise: Add New Panel to the Accordion

• Introduction to Tabs Widget

• Display External Content

• Animate Hiding and Showing of Panels

• Miscellaneous Options (Options Already Discussed)

• Manage Events

• Exercise: Make the Selected Tab Active

• Introduction to Autocomplete Widget

• Select One and Display Another

• Set a Callback Function as the Source

• Load JSON Data

• Specify Minimum Length and Add Focus

• Position the Suggestion List with respect to Input Element

• Highlight Matching Text

• Manage Events

• Introduction to Dialog Widget

• Animate Hiding and Showing of Dialog

• Set the Size and Position of Dialog

• Change Default Functionalities

• Add Modal Behaviour

• Add Buttons to the Dialog

• Manage Events

• Different Methods

• Exercise: Create Two Dialogs

• Introduction to Datepicker Widget

• Make Dates in a Range Selectable

• Make Weekends/Weekdays Non-Selectable

• Make Specific Dates Non-Selectable

• Make Dates Before Today(Current Day) Non-Selectable

• Style Holidays in Your Calendar

• Animate Hiding and Showing of Datepicker

• Format Date and Alternate Field

• Display Datepicker in Different Ways

• Localize the Datepicker - Part 1

• Localize the Datepicker - Part 2

• Change Default Datepicker Options

• Control Datepicker Programmatically

• Introduction to Progressbar Widget

• Set the Current and Maximum Value of the Progress Bar

• Customize the Progressbar

• Change the Value of the Progressbar Programmatically

• Introduction to Slider Widget

• Set the Minimum, Maximum and Current Value of the Slider

• Range Slider

• Miscellaneous Options

• Manage Events

• Exercise: Change Font Size

• Introduction to Menu Widget

• Change or Add Icons

• Positioning the Menu

• Dividers and Categories

• Manage Events

• Different Methods - Part 1

• Different Methods - Part 2

• Introduction to Tooltip Widget

• Animate Hiding and Showing of Tooltip

• Position the Tooltip

• Customize the Look and Feel of Tooltip

• Customize the Content

• Methods and Events

• Introduction to Spinner Widget

• Spinner for Currencies and Decimals

• Widgets 11: Button

• Widget 12: Checkbox Radio

• Widget 13: Select Menu

• Widget 14: Controlgroup

• Different Effects

• Add/ Remove/ Toggle Class

• Color Animation

• Fruits Matching Game: Part 1

• Fruits Matching Game: Part 2

• Fruits Matching Game: Part 3

• Fruit Matching Game: Part 4

• Fruits Matching Game: Part 5

• Password Strength Meter: Part 1

• Password Strength Meter: Part 2

• Password Strength Meter: Part 3

• Video Speed Controller: Part 1

• Video Speed Controller: Part 2

• To-Do List Application: Part 1

• To-Do List Application: Part 2

• To-Do List Application: Part 3

• To-Do List Application: Part 4

• To-Do List Application: Part 5

• Train Enquiry System: Part 1

• Train Enquiry System: Part 2

• Train Enquiry System: Part 3

• Online Sticky Notes: Part 1

• Online Sticky Notes: Part 2

• Online Sticky Notes: Part 3

• Online Sticky Notes: Part 4

• Online Sticky Notes: Part 5

• Word Hunt: Part 1

• Word Hunt: Part 2

• Word Hunt: Part 3

• Word Hunt: Part 4

• Word Hunt: Part 5

• Word Hunt: Part 6

• Word Hunt: Part 7

• Word Hunt: Part 8

• Word Hunt: Part 9

• Word Hunt: Part 10

• Word Hunt: Part 11

• Word Hunt: Part 12

• Word Hunt: Part 13

• Color Picker: Part 1

• Color Picker: Part 2

• Price Range Filter: Part 1

• Price Range Filter: Part 2

• Price Range Filter: Part 3

• Image Magnifier: Part 1

• Image Magnifier: Part 2

• Jigsaw Puzzle: Part 1

• Jigsaw Puzzle: Part 2

• Jigsaw Puzzle: Part 3

• Jigsaw Puzzle: Part 4

• Jigsaw Puzzle: Part 5

• Jigsaw Puzzle: Part 6

• Jigsaw Puzzle: Part 7

• Week Picker: Part 1

• Week Picker: Part 2

• Week Picker: Part 3

• Periodic Table Arranging: Part 1

• Periodic Table Arranging: Part 2

• Periodic Table Arranging: Part 3

• Periodic Table Arranging: Part 4

• Periodic Table Arranging: Part 5

• Periodic Table Arranging: Part 6

• Periodic Table Arranging: Part 7

• Bonus Lecture: Special Offers on Other Courses!!!