Overview
-
Learn how to use jQuery's core library and plugins to create richer, more usable sites—faster and more efficiently than with JavaScript alone.
Syllabus
-
Introduction
- Welcome
- What you should know
- How to use the exercise files
- Challenges
- jQuery is a JavaScript library
- When to use jQuery
- Alternatives to jQuery
- Which version to use
- How to install jQuery
- Reference Materials
- Set up functions
- Select elements
- Shorter code with chaining
- Use classes
- Modify the DOM
- Challenge: Form feedback
- Solution: Form feedback
- Event binding
- Read and set values
- Attributes and properties
- Challenge: Dynamic contact form
- Solution: Dynamic contact form
- Build a gallery with Colorbox
- Initialize the plugin
- Change gallery options
- Challenge: Convert to slideshow
- Solution: Convert to slideshow
- JavaScript or CSS for animation
- Simple animations
- Animate numeric properties
- Easing
- Enhance a shopping cart with animation
- Challenge: Improve the animation
- Solution: Improve the animation
- Next steps: Plugins
- Next Steps: jQuery
- Next Steps: JavaScript
