Tutorials > Lynda.com jQuery Projects and Essentials

Lynda.com jQuery Projects and Essentials


Date: 31 May 2011 | Posted by: bubbagump
Lynda.com jQuery Projects and Essentials

Lynda.com jQuery Projects and Essentials




Lynda.com jQuery Projects and Essentials


jQuery Essential Training

Topics include:

* Constructing jQuery selectors and filters to gather information from web pages
* Creating, inserting, and manipulating web page content
* Understanding jQuery statement chaining
* Building event handlers that work across browsers
* Working with jQuery effects, such as showing, hiding, and fading page elements
* Creating custom animations with specialized properties and options
* Using the jQuery UI plug-in to give pages a polished look



Lynda.com jQuery Projects and Essentials


jQuery Projects: Creating an Interactive Homepage Marquee

Topics include:

* Linking the HTML and CSS layouts
* Preparing images with the Slice tool and Smart Objects
* Adding CSS rules for the captions and navigation
* Producing the photo lineup
* Creating the navigation links based on the HTML
* Setting click events for the navigation
* Animating between photos
* Initializing the gallery on page load



Lynda.com jQuery Projects and Essentials


jQuery Projects: Creating an Interactive Photo Gallery

Topics include:

* Preparing gallery photos using Adobe Bridge
* Adding and linking thumbnail images
* Creating the layout in HTML and CSS
* Downloading and adding jQuery to the project
* Creating preview images from anchor links
* Implementing the preload functionality
* Building a customized lightbox with the Fancybox plug-in
* Styling the zoom and contact links




Lynda.com jQuery Projects and Essentials


jQuery Projects: Creating an Interactive Map

Topics include:

* Preparing web graphics
* Preparing the base container
* Manipulating links with CSS
* Adding a drop-down menu
* Downloading jQuery and adding interactivity to a project
* Creating city details
* Overriding click events of anchor tags with jQuery
* Enhancing the design with CSS3



See full article