2013
Lynda
Joe Chellman
1:42
English
Take the next step in your web design career with jQuery, which amplifies JavaScript's power and puts a library of prebuilt functions and a diverse selection of plugins at web designers' fingertips. This course explains what jQuery is, how to install it, and use it to script more interesting, interactive websites. Author Joe Chellman will show you how to use jQuery to add web form usability, audio and video, animation, and other features like slideshow galleries to your existing HTML and CSS-based webpages.
Check out JavaScript for Web Designers for more detailed instruction on JavaScript.
Introduction 2m 17s
Welcome 1m 4s
What you should know 37s
Using the exercise files 36s
1. Introducing jQuery 11m 59s
jQuery is a JavaScript library? 1m 15s
When to use jQuery 2m 51s
Alternatives to jQuery 1m 24s
Which version of jQuery to use 1m 50s
How to install jQuery 3m 21s
Reference materials 1m 18s
2. Essential jQuery Concepts 19m 19s
Getting ready 2m 26s
Selecting elements to use 3m 54s
Performing multiple operations on the same line with chaining 2m 30s
Using classes to find what you're looking for 3m 52s
Adding, modifying, and removing content dynamically 4m 3s
Challenge: Form feedback 1m 12s
Solution: Form feedback 1m 22s
3. It's Easier in jQuery 18m 28s
Triggering a change based on activity with event binding 4m 37s
Reading and changing values 4m 17s
Working with HTML attributes 4m 55s
Challenge: Dynamic contact form 1m 27s
Solution: Dynamic contact form 3m 12s
4. Integrating a Plugin 16m 42s
Using the Colorbox plugin to build a slideshow gallery 4m 22s
Implementing Colorbox on your site 2m 46s
Changing Colorbox options 5m 53s
Challenge: Convert to a slideshow 1m 6s
Solution: Convert to a slideshow 2m 35s
5. Objects in Motion 28m 37s
Using jQuery or CSS to animate elements 2m 24s
Creating simple jQuery animations 4m 35s
Animating numeric properties with animate() 4m 56s
Understanding animation easing 4m 4s
Putting it together: Flowers in the cart 6m 4s
Callbacks: What to do when the animation ends 3m 27s
Challenge: Improve the animation 1m 3s
Solution: Improve the animation 2m 4s
Conclusion 4m 45s
More fun plugins 2m 38s
What's next: More jQuery 50s
What's next: More JavaScript 1m 17s
http://www.lynda.com/
Download File Size:316.28 MB
|
