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: Getting Started
1h 40m
Description
Get started with jQuery by learning the basics of a jQuery command. We will cover how to work with selectors, styles, forms, and events as well as finding out about a few coding tips to help you avoid some common pitfalls.
Table of contents
- Introduction
- Anatomy of a jQuery Command
- Finding Parts of a Page
- Adding Style and Effects with a Little Class
- When Events Happen
- Chaining Makes It Easer
- Working with User Input
- The Big Picture
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 Fundamentals
- Using jQuery Selectors
- Interacting with the DOM
- Handling Events
- Working with Ajax Features
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 UI
- jQuery UI Widgets Part I
- jQuery UI Widgets Part II
- Interactions with jQuery UI
- jQuery UI Effects
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 35m
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 3
- Bootstrap 3 Form Layout and Styling
- jQuery Forms
- The jQuery Validation Plugin
- Data Binding with Forms
- Third Party Form Controls for Bootstrap
- Autocomplete with Typeahead.js
- Processing Forms
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
- Introduction
- Core Bugs
- Selectors, Traversing & Manipulation Bugs
- Events & Ajax Bugs
- Effects, Utilities, & Internal Bugs
Useful jQuery Plugins
3h 7m
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
- Introduction
- Image Plugins
- Forms Plugins
- Social Plugins
- Other Plugins
- Miscellaneous
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 Tricks
- Event Tips and Tricks
- Ajax and Data Tips and Tricks
- Utility Tips & Tricks
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 Introduction
- jQuery Utility Methods
- Customizing jQuery
- Authoring Plugins
- Performance
- Data Method
- Advanced jQuery Event Handling