2015
Lynda
Joe Marini
3:37
English
Looking to add dynamic content, third-party data, or animation to your websites and apps? Look no further. In this course, Joe Marini introduces jQuery, an open-source JavaScript library that simplifies the process of adding advanced functionality to web projects. First, learn how to use jQuery to extract page content and manipulate that content with jQuery and some simple CSS. Next, learn to build new, dynamic page content on the fly, and use jQuery events to respond to user actions. Finally, discover how to add animation and effects from jQuery's built-in library, and access remote data via AJAX. Want to test what you learn along the way? Make sure to watch the challenge and solution videos, where Joe shows how to solve real-world design problems with jQuery.
Introduction
Welcome
Using the exercise files
Setting up the development environment
What is jQuery?
1. A Quick Introduction to jQuery
Your first jQuery-enabled page
Introduction to selectors and filters
Creating and changing page content
Handling events
Using jQuery animations
AJAX made simple
2. Extracting Page Content
Overview of selectors and filters
Basic selectors
Basic filters
Advanced selectors
Advanced filters
Attribute filters
Traversing documents with jQuery
jQuery statement chaining
Challenge: Annotate page content
Solution: Annotate page content
3. Manipulating Page Content
Creating content
Inserting page content
Altering page content
Manipulating attributes
Working with CSS
Positioning with CSS
Embedding custom data
Challenge: Generate a table of contents
Solution: Generate a table of contents
4. jQuery Events
jQuery event-handling features
Binding and unbinding events
Event-helper features
Using the jQuery event object
Challenge: Create a hover effect
Solution: Create a hover effect
5. jQuery Animations and Effects
Introduction to jQuery animations
Hiding and showing elements
Fading elements
Sliding elements
Custom animations
Challenge: Build an image rotator
Solution: Build an image rotator
6. jQuery and AJAX
jQuery and AJAX
Helper functions
Working with different data types
Using global AJAX handlers
Challenge: Create a dynamic news service
Solution: Create a dynamic news service
Conclusion
Goodbye
Download File Size:670.89 MB