jQuery is a popular JavaScript library originally written by John Resig in 2006. As an open source library, it is always beeing updated and refined by a growing community of contributors.

jQuery is both designers and developers for easy content selection and manipulation for creating subtitle to 'flashy' effects. One of the great advantages of using jQuery is that it is by default automatically compatiable with all current browsers (IE, FF, Safari, Opera, Chrome, etc.) so testing is streamlined and efficient.

Designers and developers can use jQuery to have complete access to all CSS styles of any element on a web page, effortless web page content manipulation via filters and patterns, detection or creation of events (mouse movement or click), moving, hiding and fading elements and much more.

Many companies are using jQuery including: Amazon, Google, Twitter, Bank of America, BBC, ESPN, CBS News, Digg, Reuters, IBM, Netflix, Dell, Oracle, and many more. This course will show you step-by-step how to make the most out your existing web pages using jQuery.

Applicable Job Roles: web designer, and UI web developer.

Objectives for this class are:

• Install and setup a web page to use jQuery
• Understanding the basics of jQuery 'dot' syntax
• How jQuery selectors work
• How to reference and manipulate web page content
• Creating basic animation
• Understanding how events work and create interactive content
• Implementing validation with XHTML forms
• Using the jQuery UI Plugin
• Creating a simple image slideshow
• Updating a web basic website project

• Downloading and use jQuery
• Syntax overview
• Understanding jQuery chaining
• Anatomy of a jQuery Script
• Creating your first script(s)

• Using basic jQuery filters
• Using basic jQuery attrbute filters
• Child, content and visibility filters
• Traversing document content
• Setting CSS Properties
• Adding CSS classes

• Creating, Setting and Getting Content
• Manipulation of Attributes
• Inserting Content
• Working with CSS Information

• How events work
  • jQuery Event Object
  • Binding events
• Effect functions: animate(), click(), hover(), toggle()
• Creating a simple image slideshow
• Using Plugins: Tabs, Panels and Panes examples
• Using jQuery for Form Validation

• Using JQuery Mobile
• Overview of features
• Understanding page architectureCreating using headers, footers, and toolbars
• Naviation bars and button basics
• Touch and Scroll Events