Find online courses made by experts from around the world.
Take your courses with you and learn anywhere, anytime.
Learn and practice real-world skills and achieve your goals.
This course will provide an in-depth coverage of all the details of jQuery UI. It follows a hands-on approach where the instructor will cover the subjects one at a time using examples. By the time a specific session is done, the student will feel comfortable using the subject covered. Along the way, different tools for developing and debugging jQuery UI code will be discussed. By taking this course, the student will feel very confident creating complex and elegant graphical user interfaces using jQuery UI.
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: Setting the stage|
|Lecture 1||6 pages|
|This is the presentation that provides a quick introduction to the course.
In this introductory video, I will give you a birds-eye view of what to expect in this course. In addition to the tools and utilities that you need while developing jQuery UI applications.
|This lecture discusses the downloads, themes, and resources available on the jQuery UI web site.
|Here we will discuss what tools are available out there to build jQuery UI applications, and which one will be used in this course.
|This lecture will introduce the tool you need to step through the code one line at a time and find out where the bugs are!
This lecture will introduce two web sites that can be used for testing and experimenting with different ideas before adding the final code to the mainstream development.
|Section 2: Widgets|
|Lecture 7||9 pages|
|These are the slides to accompany the Accordion discussion.
|This lecture discusses the key points on the slides.
|This example enforces the concepts learned in the accordion discussion.
|Lecture 10||8 pages|
|These slides summarize the key points in the button widget.
|In this lecture, we discuss the key points in the slides and explain the options, methods and events available for the button widget.
|This exercise implements the features discussed in the slides.
|Lecture 13||7 pages|
|The slides highlight the otpions, methods and events for the menu.
|This lecture will explore the key points on the menu slides.
|This example put the menu features (options, methods and events) to use.
|Lecture 16||7 pages|
|This lecture will highlight the key features of the slider widget.
|In this lecture, we will explore the options, methods and events of the silder widget.
|This example applies the features we have dicussed in the slider discussion.
|Lecture 19||7 pages|
|These slides highlight the progressbar features.
|Here, we will discuss the slides and see what the progressbar has to offer.
|This example will apply the knowledge gained from the progressbar discussion.
|Lecture 22||7 pages|
|The slides will summarize the key features of the tooltip widget.
|In this discussion we will discover the tooltip's options, methods, and events.
|In this lecture, we will walk through an example to use the tooltip features.
|Lecture 25||6 pages|
|These slides will summarize the tab's options, methods, and events.
|This lecture will explore the available functionality in the tab widget.
|We will walk through an example to show off the tab's functionality.
|Lecture 28||7 pages|
|These slides detail the spinner options, methods and events.
|This lecture will elaborate on the spinner's options, methods and events.
|This lecture will put the spinner options, methods and events in action.
|Lecture 31||6 pages|
|These slides sum up the autocomplete features.
|This discussion will cover the details of the autocomplete widget.
|This exercise will implement some of the features discussed in the presentation.
|This exercise will enforce the autocomplete options, methods and events. In addition, it will explain how to use autocomplete with data available on a remote server.
|Lecture 35||6 pages|
|These slides summarize the options, events, and methods of the datepicker widget.
|This leture discusses the options, methods, and events of the datepicker widget.
|In this example, we will apply the options, methods, and events of the datepicker widget.
|Lecture 38||8 pages|
|This lecture will highlight the key points of the dialog widget.
|In this discussion we will explore the details of the dialog and see the available options, methods, and events.
|In this lecture, we will apply the knowledge gained from the dialog discussion in an exercise.
|Section 3: Effects|
|jquery UI supports adding CSS classes to UI widgets. We will experiment with this in the exercise.
|jQuery UI includes the jQuery Color plugins which provides color animations. This will be the subject of this exercise.
|This lecture covers the animation effect supported by jQuery UI.|
|In this lecture, we will experiment with adding and removing class(es) to elements while animating style changes.|
|Section 4: Interactions|
|jQuery UI has a powerful feature that supports dragging elements on the screen. We will experiment with this feature in this example.
|This section will illustrate the use of jQuery UI droppable interaction.
|This exercise will enforce the concept of dragging and dropping elements on the screen.|
|This lecture will illustrate how to add functionality to be able to resize elements using a mouse.|
|With this exercise, we will see how to be able to select elements individually and in groups.|
|This lecture will clarify how to reorder elements in a list or grid using the mouse.|
|Section 5: Utilities|
|Here, we will experiment with how to position elements with repect to parent windows and other elements.
|Section 6: Conclusion|
|This lecture is a quick wrap-up of what we have covered in this course.