This course includes jQuery and is intended for web developers who target any modern web browser (IE, Firefox, Chrome, Safari) on any platform (Windows, Mac OS X, Linux, iOS, Android).
Introduction to jQuery
This module will answer the following questions: What is jQuery? What can it do? Where can it be downloaded? Where is the documentation? And how can it be installed into both new and existing projects? We’ll introduce the famous $ function and do some simple selections with it, modifying the DOM, and handling some events. This introduction will be light enough to get started using jQuery quickly, but show enough of what it’s capable of so that we have some context in the modules that follow.
jQuery gets its name for its ability to query the DOM for elements in an amazing variety of ways. This module will cover the many different selectors that jQuery supports, but also the methods the jQuery object supports that allow you to refine and extend the results of your queries. The style of method chaining that jQuery made popular will be covered, allowing you to truly write less, but do more.
Manipulating the DOM
You’ve selected the correct elements, what’s next? This module demonstrates how easy jQuery makes it to manipulate the DOM by creating new elements and updating existing ones. You’ll see how jQuery makes programmatic CSS manipulation a breeze. You’ll also get to explore jQuery’s support for “animating” the properties of your elements in order to create impressive visual and functional effects for when the user is interacting with your pages.
Even if “core” jQuery were all you could use, it would still be worth it. Fortunately, the jQuery community has written hundreds, if not thousands, of plugins (mostly free) that can take your applications to the next level with barely any code to write on your part. This module will cover some of the more popular plugins (color, validation, form, and more) and demonstrate how to write your own (this is often useful even if you don’t plan on sharing your plugins with anybody else).
The jQuery UI project is a standard set of widgets and effects, put together by the jQuery team by selecting from and improving upon some of the most popular plugins developed by the community. These feature-rich widgets (autocomplete, datepicker, dialog, tabs, and more) can make your web pages seem as rich as traditional applications. You’ll also learn how to use the jQuery UI CSS Framework.