Preferred method of contact:

jQuery Introduction

COURSE TYPE

Foundation

Course Number

1610

Duration

4 Days

PDF Add to WishList

jQuery simplifies the process of creating powerful Web 2.0 applications with dynamic content and visual effects. In this training course, you gain the knowledge and skills to apply jQuery as a tool for rapidly developing feature-rich websites — including how to build standards-compliant responsive web pages with Ajax, design easy-to-use forms, extend jQuery with plugins, and improve user experience.

You Will Learn How To

  • Rapidly develop dynamic Web 2.0 applications with jQuery, HTML, CSS, and Ajax
  • Create browser-independent, rich client interfaces
  • Enhance HTML forms to use jQuery validation and call web services
  • Develop and integrate plugins and incorporate UI components
  • Build touch-optimized, cross-device web pages with jQuery Mobile

Important Course Information

Requirements:

  • Experience at the level of:
    • Course 470, Developing a Website, or equivalent experience with HTML and CSS

Recommended Experience:

  • JavaScript
  • Basic programming concepts

Software:

  • This course provides Intel Core-2 Duo PCs running Windows 7
  • The latest versions of Internet Explorer, Firefox (with Firebug), Chrome, and Safari are loaded onto each PC
  • Exercises can be completed using either Eclipse, Notepad++, or Visual Web Developer 2010 Express

Course Outline

  • jQuery Fundamentals
  • Traversing HTML with the jQuery() function
  • Introducing the Sizzle CSS selector engine
  • Matching nodes by element name, ID, class, position, content, behavior and context
  • Chaining calls to the jQuery() function
  • Manipulating the Document Object Model (DOM) for Cross-Browser DHTML

Adding and replacing content with jQuery

  • Updating, adding and deleting element content
  • Inserting nodes into the DOM and manipulating parents and siblings

Dynamically assigning CSS properties

  • Adding and removing CSS rules and classes
  • Controlling element size and position

Creating accessible, unobtrusive JavaScript

  • Leveraging the .ready() method
  • Assigning event handlers programmatically
  • Animating Web Pages with jQuery Effects

Enhancing pages with animations

  • Controlling visibility with .hide(), .show() and .toggle()
  • Combining animations and responding to callbacks
  • Leveraging object literals to control animations
  • Developing custom animations with .animate()
  • Building Responsive Pages with Ajax

Updating page components asynchronously

  • Downloading HTML with the .load() method
  • Calling web services with .get() and .post()
  • Replacing callbacks with chained deferred objects
  • Combining Ajax calls with .when() and .then()

Converting serialized server data to HTML

  • Retrieving JSON with .getJSON()
  • Returning and parsing XML with .ajax()
  • Designing User-Friendly Forms

Exploring jQuery tools for forms manipulation

  • Selecting and setting focus on the first element
  • Responding to focus and blur events
  • Providing real-time feedback via keyboard events
  • Integrating a validation plugin
  • Extending jQuery with Plugins

Integrating popular plugins

  • Leveraging contributions from the jQuery community
  • Extracting embedded data from semantic HTML
  • Manipulating images with slideshows and carousels

Developing jQuery plugins

  • Conforming to best practices and naming conventions
  • Handling multiple elements
  • Enabling method chaining
  • Aliasing $ to avoid namespace conflicts
  • Consuming object literals to override defaults
  • Creating Sophisticated User Interfaces with jQuery UI

Integrating widgets for highly interactive web applications

  • Optimizing screen real estate with accordions and tabs
  • Adding resizable, floating windows with dialog
  • Providing input assistance with autocomplete

Implementing effects

  • Creating color animations with .animate()
  • Leveraging complex animation easings and effects

Adding Web 2.0 functionality

  • Resizing HTML elements
  • Building drag-and-drop user interfaces
  • Building Cross-Platform Mobile Pages with jQuery Mobile

Working with mobile pages and controls

  • Structuring pages with HTML5 data-* attributes
  • Saving space with listviews and collapsible blocks
  • Initializing pages and handling touch events
Show complete outline
Show Less

Convenient Ways to Attend This Instructor-Led Course

Hassle-Free Enrollment: No advance payment required to reserve your seat.
Tuition due 30 days after you attend your course.

In the Classroom

Live, Online

Private Team Training

In the Classroom — OR — Live, Online

Tuition — Standard: $2990   Government: $2659

Dec 12 - 15 (4 Days)
9:00 AM - 4:30 PM EST
Herndon, VA / Online (AnyWare) Herndon, VA / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

Jan 2 - 5 (4 Days)
9:00 AM - 4:30 PM EST
Ottawa / Online (AnyWare) Ottawa / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

Feb 27 - Mar 2 (4 Days)
9:00 AM - 4:30 PM EST
New York / Online (AnyWare) New York / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

Apr 3 - 6 (4 Days)
9:00 AM - 4:30 PM EDT
Ottawa / Online (AnyWare) Ottawa / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

Jun 12 - 15 (4 Days)
9:00 AM - 4:30 PM EDT
Herndon, VA / Online (AnyWare) Herndon, VA / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

Jul 24 - 27 (4 Days)
9:00 AM - 4:30 PM EDT
New York / Online (AnyWare) New York / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

Aug 21 - 24 (4 Days)
9:00 AM - 4:30 PM EDT
Ottawa / Online (AnyWare) Ottawa / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

Dec 11 - 14 (4 Days)
9:00 AM - 4:30 PM EST
Herndon, VA / Online (AnyWare) Herndon, VA / Online (AnyWare) Reserve Your Seat

How would you like to attend?

Live, Online
In-Class

Guaranteed to Run

Show all dates
Show fewer dates

Private Team Training

Enrolling at least 3 people in this course? Consider bringing this (or any course that can be custom designed) to your preferred location as a private team training.

For details, call 1-888-843-8733 or Click Here »

Tuition

Standard

Government

In Classroom or
Online

Standard

$2990

Government

$2659

Private Team Training

Contact Us »

Course Tuition Includes:

After-Course Instructor Coaching
When you return to work, you are entitled to schedule a free coaching session with your instructor for help and guidance as you apply your new skills.

After-Course Computing Sandbox
You'll be given remote access to a preconfigured virtual machine for you to redo your hands-on exercises, develop/test new code, and experiment with the same software used in your course.

Free Course Exam
You can take your Learning Tree course exam on the last day of your course or online at any time after class and receive a Certificate of Achievement with the designation "Awarded with Distinction."

Prev
Next

Training Hours

Standard Course Hours: 9:00 am – 4:30 pm
*Informal discussion with instructor about your projects or areas of special interest: 4:30 pm – 5:30 pm

FREE Online Course Exam (if applicable) – Last Day: 3:30 pm – 4:30 pm
By successfully completing your FREE online course exam, you will:

  • Have a record of your growth and learning results.
  • Bring proof of your progress back to your organization
  • Earn credits toward industry certifications (if applicable)

Enhance Your Credentials with Professional Certification

Learning Tree's comprehensive training and exam preparation guarantees that you will gain the knowledge and confidence to achieve professional certification and advance your career.

Earn 23 Credits from NASBA

This course qualifies for 23 CPE credits from the National Association of State Boards of Accountancy CPE program. Read more ...

“My jQuery course was excellent! The hands-on exercises were beneficial, and the supporting materials helped me complete them with speed and accuracy.”

- Y. Li, Web Developer
Blue Cross/Blue Shield

Prev
Next
Chat Now

Please Choose a Language

Canada - English

Canada - Français