jQuery UI in Action- Build 13 jQuery UI Projects

jQuery UI in Action: Build 13 jQuery UI Projects, available at $79.99, has an average rating of 4.45, with 192 lectures, 3 quizzes, based on 226 reviews, and has 3254 subscribers.

You will learn about Learn jQuery UI from scratch Understand jQuery UI interactions and widgets in detail Enhance jQuery and jQuery UI knowledge Develop 13 real-world jQuery UI projects from scratch Become a jQuery UI expert This course is ideal for individuals who are People who want to learn jQuery UI from scratch or People who want to enhance their jQuery and jQuery UI knowledge or Developers who want to develop highly interactive applications easily It is particularly useful for People who want to learn jQuery UI from scratch or People who want to enhance their jQuery and jQuery UI knowledge or Developers who want to develop highly interactive applications easily.

Enroll now: jQuery UI in Action: Build 13 jQuery UI Projects

Summary

Title: jQuery UI in Action: Build 13 jQuery UI Projects

Price: $79.99

Average Rating: 4.45

Number of Lectures: 192

Number of Quizzes: 3

Number of Published Lectures: 180

Number of Published Quizzes: 3

Number of Curriculum Items: 195

Number of Published Curriculum Objects: 183

Original Price: $174.99

Quality Status: approved

Status: Live

What You Will Learn

Learn jQuery UI from scratch

Understand jQuery UI interactions and widgets in detail

Enhance jQuery and jQuery UI knowledge

Develop 13 real-world jQuery UI projects from scratch

Become a jQuery UI expert

Who Should Attend

People who want to learn jQuery UI from scratch

People who want to enhance their jQuery and jQuery UI knowledge

Developers who want to develop highly interactive applications easily

Target Audiences

People who want to learn jQuery UI from scratch

People who want to enhance their jQuery and jQuery UI knowledge

Developers who want to develop highly interactive applications easily

*** 23.5 hours of content***

***Quizzes, Exercises, Hands-On Practices and 13 Unique Projects are Included***

Do you want to develop highly interactive and rich applications easily? jQuery UI is a collection of widgets, interactions, effects and themes built on the top of jQuery library. 

“jQuery UI in Action: Build 13 jQuery UI Projects” is a 100% hands-on jQuery UI course with lots of code activities, quizzes, exercises and projects. By completing this course, you will be confident enough to develop jQuery UI projects on your own from scratch.

In this course, you learn what jQuery UI is, how to setup the jQuery UI development environment and how to use different interactions, widgets and effects. Different interactions discussed in this course are draggable, droppable, resizable, selectable and sortable. You will also understand different widgets such as accordion, tabs, autocomplete, dialog, datepicker, progressbar, slider, menu, tooltip, spinner, button, checkboxradio, select menu and control groupin detail. 

The last section is the Let’s Develop section where you will develop 13 jQuery UI projects from scratch. This will help you really boost your confidence in applying your jQuery UI knowledge to develop real-world jQuery UI projects. The projects developed as part of this course are:

1. Fruits Matching Game

2. Password Strength Meter

3. Video Speed Controller

4. To Do List Application

5. Train Enquiry System

6. Online Sticky Notes

7. Word Hunt

8. Color Picker

9. Price Range Filter

10. Image Magnifier

11. Jigsaw Puzzle

12. Week Picker

13. Periodic Table Arranging

So join this wonderful jQuery UI course and have a great time learning jQuery UI.

Course Curriculum

Chapter 1: Introduction to jQuery UI

Lecture 1: What are You Going to Develop?

Lecture 2: What Software You Need?

Lecture 3: What is jQuery UI?

Chapter 2: Set Up the Environment

Lecture 1: Update Regarding Latest Version

Lecture 2: Download Required jQuery UI Files

Lecture 3: Add Offline Reference

Lecture 4: Add Online Reference

Chapter 3: Interaction 1: Draggable

Lecture 1: Introduction to Draggable Interaction

Lecture 2: Restrict Draggability

Lecture 3: Cancel Draggability on Specific Elements

Lecture 4: Set Type, Position and Click-ability of Cursor

Lecture 5: How many Pixels to Move

Lecture 6: Return to the Original Position

Lecture 7: Add a Helper

Lecture 8: Add Magnetic Effect

Lecture 9: Different Methods

Lecture 10: Manage Events

Chapter 4: Interaction 2: Droppable

Lecture 1: Introduction to Droppable Interaction

Lecture 2: Decide which Draggable Elements to be Accepted by the Droppable

Lecture 3: Decide when an Element to be Considered as Dropped

Lecture 4: Decide which Nested Droppable Element to Accept Dropped Element

Lecture 5: Manage the Look of Droppable Based On Draggables Movement

Lecture 6: Decide whether to Revert or Not

Lecture 7: Manage Events

Chapter 5: Interaction 3: Resizable

Lecture 1: Introduction to Resizable Interaction

Lecture 2: Where to Drag to Resize the Element

Lecture 3: Synchronous Resizing

Lecture 4: Restrict Resizing

Lecture 5: Add a Ghost/Helper

Lecture 6: Maintain Aspect Ratio

Lecture 7: Animate Resizing

Lecture 8: Miscellaneous Options (Options Already Discussed)

Lecture 9: Manage Events

Chapter 6: Interaction 4: Selectable

Lecture 1: Introduction to Selectable Interaction

Lecture 2: Filter Selectables and Non-Selectables

Lecture 3: Manage Events

Chapter 7: Interaction 5: Sortable

Lecture 1: Introduction to Sortable Interaction

Lecture 2: Replace the White Space

Lecture 3: Connect between Sortables

Lecture 4: Make Some Items Sortable

Lecture 5: Miscellaneous Options (Options Already Discussed)

Chapter 8: Widget 1: Accordion

Lecture 1: Introduction to Accordion Widget

Lecture 2: Allow to Collapse All Panels

Lecture 3: Decide which Panel to be Displayed by Default

Lecture 4: Customize the Animation

Lecture 5: When to Hide/Show Content Panels

Lecture 6: Set the Height of the Content Panels

Lecture 7: Set the Header for the Accordion

Lecture 8: Change the Default Icons in Accordion

Lecture 9: Manage Events

Lecture 10: Exercise: Add New Panel to the Accordion

Chapter 9: Widget 2: Tabs

Lecture 1: Introduction to Tabs Widget

Lecture 2: Display External Content

Lecture 3: Animate Hiding and Showing of Panels

Lecture 4: Miscellaneous Options (Options Already Discussed)

Lecture 5: Manage Events

Lecture 6: Exercise: Make the Selected Tab Active

Chapter 10: Widget 3: Autocomplete

Lecture 1: Introduction to Autocomplete Widget

Lecture 2: Select One and Display Another

Lecture 3: Set a Callback Function as the Source

Lecture 4: Load JSON Data

Lecture 5: Specify Minimum Length and Add Focus

Lecture 6: Position the Suggestion List with respect to Input Element

Lecture 7: Highlight Matching Text

Lecture 8: Manage Events

Chapter 11: Widget 4: Dialog

Lecture 1: Introduction to Dialog Widget

Lecture 2: Animate Hiding and Showing of Dialog

Lecture 3: Set the Size and Position of Dialog

Lecture 4: Change Default Functionalities

Lecture 5: Add Modal Behaviour

Lecture 6: Add Buttons to the Dialog

Lecture 7: Manage Events

Lecture 8: Different Methods

Lecture 9: Exercise: Create Two Dialogs

Chapter 12: Widget 5: Datepicker

Lecture 1: Introduction to Datepicker Widget

Lecture 2: Make Dates in a Range Selectable

Lecture 3: Make Weekends/Weekdays Non-Selectable

Lecture 4: Make Specific Dates Non-Selectable

Lecture 5: Make Dates Before Today(Current Day) Non-Selectable

Lecture 6: Style Holidays in Your Calendar

Lecture 7: Animate Hiding and Showing of Datepicker

Lecture 8: Format Date and Alternate Field

Lecture 9: Display Datepicker in Different Ways

Lecture 10: Localize the Datepicker – Part 1

Lecture 11: Localize the Datepicker – Part 2

Instructors

Crypters Infotech
Career Enhancement Training Solutions

Rating Distribution

1 stars: 2 votes

2 stars: 4 votes

3 stars: 22 votes

4 stars: 67 votes

5 stars: 131 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!