Paths
jQuery
jQuery is a JavaScript library which was developed by John Resig and released in 2006. It is currently the most popular JavaScript library in use today, offering rich DOM element... Read more
What you will learn:
- jQuery usage
- Working with the DOM
- Working with HTML, CSS and Bootstrap
- Visuals and effects
- Events
- Ajax
- Data
- Advanced jQuery features
Pre-requisites
Beginner
The courses in this section will take you through the basics of working with jQuery. You’ll learn the fundamentals of the language before moving on to UI controls and jQuery effects and animations.
jQuery Fundamentals
5h 18m
Description
This course will guide you through the features of the jQuery "write less, do more" library. We'll demonstrate how you can use jQuery to select and manipulate DOM elements, process events, and build a compelling user interface for web clients.
Table of contents
- jQuery Fundamentals29m
- Using jQuery Selectors1h 7m
- Interacting with the DOM1h 10m
- Handling Events1h 16m
- Working with Ajax Features1h 14m
jQuery UI
1h 54m
Description
jQuery UI provides abstractions for low-level interaction and animation, advanced effects, and high-level 'widgets'. This course guides you through all of the features of the jQuery UI library, and shows you how to use them to build highly interactive web applications.
Table of contents
- Introduction to jQuery UI21m
- jQuery UI Widgets Part I30m
- jQuery UI Widgets Part II30m
- Interactions with jQuery UI19m
- jQuery UI Effects13m
jQuery In-Depth
3h 35m
Description
Karl leverages his experience on the jQuery Team and gives a thorough walkthrough of all of the most important parts of jQuery. He discusses how to resolve some common misuses of each of these areas and also covers recent changes to jQuery like the new Ajax promise API and cleaning up your event handling and delegation by using the new "on" method.
Table of contents
- Events in jQuery1h 34m
- DOM Manipulation57m
- Ajax39m
- Effects and Animations23m
Intermediate
The intermediate courses will build on the skills introduced in the previous section. You’ll learn about common jQuery bugs and how to fix them, in addition to working with forms and plugins.
jQuery Forms and Bootstrap 3
3h 34m
Description
Learn how to create great looking, responsive forms using Bootstrap 3. Make the most out of your forms by using jQuery form selectors, events and methods. This course covers Bootstrap form styling, jQuery validation, data binding to forms, third party form controls, autocomplete and touches upon server side processing of forms.
Table of contents
- jQuery Forms and Bootstrap 38m
- Bootstrap 3 Form Layout and Styling33m
- jQuery Forms23m
- The jQuery Validation Plugin35m
- Data Binding with Forms23m
- Third Party Form Controls for Bootstrap23m
- Autocomplete with Typeahead.js43m
- Processing Forms23m
Fixing Common jQuery Bugs
2h 7m
Description
In this course we will examine common bugs that are accidentally introduced when developing with jQuery. For each bug we will expose the problem, explain what is going on, and then exterminate the issue with a solution. The goal is to help prevent you from making these mistakes and in the process gain a better understanding of how jQuery works.
Table of contents
- Introduction1m
- Core Bugs27m
- Selectors, Traversing & Manipulation Bugs32m
- Events & Ajax Bugs39m
- Effects, Utilities, & Internal Bugs25m
Useful jQuery Plugins
3h 6m
Description
Learn about many jQuery plugins that will allow you to greatly enhance user experience with very little effort. This course does not focus on creating plugins, but rather on many popular ones to use for your web site. See where you can find good plugins, how to decide which ones to use, and how to add them to your website without ruining your page performance.
Table of contents
- Introduction33m
- Image Plugins33m
- Forms Plugins30m
- Social Plugins16m
- Other Plugins33m
- Miscellaneous39m
Advanced
These advanced courses will round out your jQuery knowledge. First you’ll see some handy tips and tricks you can use to improve your code quality, before diving into the advanced topics in jQuery like advanced event handling and customization.
jQuery Tips and Tricks
4h 23m
Description
jQuery provides a powerful set of features that can be used to build applications but do you know some of the key tips, tricks and best practices that can be used to reduce code, promote re-use and simplify maintenance? In the jQuery Tips and Tricks course Dan Wahlin and Elijah Manor will walk you through key tips and tricks learned over the years of building applications with jQuery. Topics covered include tips and tricks related to working with the DOM, handling and triggering events, making Ajax calls, working with and caching data locally, as well as taking advantage of built-in jQuery utility functions.
Table of contents
- DOM Tips and Tricks1h 26m
- Event Tips and Tricks58m
- Ajax and Data Tips and Tricks1h 20m
- Utility Tips & Tricks37m
jQuery Advanced Topics
3h 3m
Description
This course dives into several advanced topics in jQuery. Learn to leverage jQuery to move beyond simply selecting and manipulating DOM nodes. Some of the many topics covered include: authoring plugins for internal projects and for publication, improving performance of DOM node selection and insertion, customizing jQuery to add more defaults and named constants, using the data method to store and retrieve arbitrary data associated with DOM nodes, manipulating arrays and collections with jQuery's built-in utility methods, and handling events correctly even for dynamically created DOM nodes. This course also includes a comprehensive coverage of deferred objects and promises based on CommonJS. Code examples are given for most of the covered concepts.
Table of contents
- jQuery Advanced Topics Course Introduction1m
- jQuery Utility Methods47m
- Customizing jQuery23m
- Authoring Plugins38m
- Performance20m
- Data Method22m
- Advanced jQuery Event Handling29m