Course Outline
This Hands-On course provides an intensive introduction to the features provided by the jQuery library. Especially useful for creating advanced, feature-rich web sites within the latest browser environments. Available as a public or closed course at our London training centre, or can be tailored to your team's requirements and delivered onsite as a bespoke, customised training course.
jQuery Course Content
This course has been developed for real-world, commercial scenarios by our expert instructors. See below for detailed syllabus. If you have a technical question, please email sales@jbinternational.co.uk
What You Will Learn
1. the features of the jQuery library.
2. Understand the Document Object Model and how it is controlled through jQuery.js
3. Manipulating layout and feel with CSS / jQuery
4. Real-time input validation
5. Animations using jQuery
6. JQuery for mobile applications
What is jQuery and when should I use it?
Features
Disadvantages
Downloading and using the library
Beginning jQuery
Basics (ID, element, .class, wildcards)
Hierarchy / inheritance
Filters – basic, content, visibility, attributes
Form filters
DOM element selections
Support for CSS 1-3 and basic XPath
DOM attributes
Traversal
Manipulation
Filtering
jQuery Features
CSS manipulation
Events
How event handling works – bubbling/capturing, synchronous/asynchronous
Simple event handling
bind() event handling
Delegation
AJAX
How AJAX works – client, server, callbacks
Simple AJAX code – get(), post(), load(), getScript()
Using $.ajax()
Effects and animations
Utilities
JavaScript Plugins
How Plugins work
Existing Plugins
Overlay
Validation
Extensibility
Calendar
Writing your own jQuery plug-ins
$(this) and this
Forms
Creating forms with interactive features
Autocomplete
jQuery Development
Testing jQuery code
Mobile development with HTML, JavaScript & JS libraries
Introduction
Devices/platforms
Webpage or app
Introducing Development technologies
Backward compatibility & progressive enhancement
Scaling
Technologies
HTML
CSS
JavaScript
Libraries
jQTouch
jQuery Mobile
PhoneGap
