Exciting News! Systematix is rebranding to Future Savvy. Same great services, with a fresh new look. Learn More

JQuery Introduction

2 Day Instructor-led
course icon

Course Information

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript. This jQuery for Developers training course teaches JavaScript developers how to make the most of the jQuery JavaScript library, in a hands-on, instructor-led environment. Through a series of lectures, demonstrations, and exercises, students attending this course will learn how to perform AJAX requests using jQuery, leverage the browser event model, manipulate the document object model, add effects and animations to their web pages, and leverage jQuery plugins.

Prequisites

Students attending this course should have experience programming using the JavaScript language.

Course Outline

1. Debugging JavaScript
  • Debugging JavaScript
  • Common Mistakes
  • Debugging JavaScript
  • IE Default Error Dialog
  • IE Debugging
  • Script Debugger
  • Debugging JavaScript
2. Introduction to jQuery
  • jQuery philosophies
  • Fundamentals of jQuery
  • Reasons to use (and not use) jQuery
  • Downloading & Installing jQuery
  • Understanding the jQuery wrapper & its uses
  • DOM & CSS manipulation with jQuery
3. Manipulating CSS with jQuery
  • CSS selectors and jQuery
  • Selecting elements with jQuery
  • Selecting elements by container
  • Selecting elements by child
  • Using attribute-based selections
  • Working with sets of selected elements
  • Determining set size
  • Iterating over selected elements
  • Obtaining subsets of wrapped elements
  • Leveraging DOM relationships
4. Manipulating HTML & the DOM using jQuery
  • Adding/Removing DOM elements
  • Replacing page content
  • Relocating DOM/HTML content
  • Removing and copying DOM elements
5. Working with form data
  • Retrieving & manipulating form elements
  • Retrieving form data
  • Leveraging the form plugin
6. Understanding the jQuery event model
  • Adding (and removing) event handlers to DOM elements
  • Triggering event handlers with jQuery
  • Understanding & controlling event propagation
7. Using jQuery animation methods
  • Using show(), hide(), and toggle()
  • Managing collapsible lists
  • Using fade and slide transition effects
  • Using the animate() wrapper for custom animations
8. AJAX applications with jQuery
  • Replacing XMLHttpRequest with jQuery methods
  • Using the jQuery load() function
  • Making GET and POST requests with jQuery
  • Using .ajax() for fine-grained control over AJAX queries
9. Using other jQuery plugins (Live Query, Form, UI, and others).

Dates & Availability

We currently don’t have any dates scheduled for this training course but offer it as a corporate, private course for your own team.

Please use the enquire button below.

Private Courses

We can arrange your own private JavaScript course.

Tailored

Have us build a custom private course tailored to your needs.

Cost Effective

If you are looking to training a group of people private courses can be very cost effective.

Post Course Support

Unlimited post course email support on the course topics.

What Our Clients Think

Very good, trainer was excellent.

Mike Hartley-Bingle - XPS Pensions Group

This was a really good training, nicely paced, very useful and well presented. Thank you, Stuart!

Joris Latinne - Oracle

Excellent course, The trainer was very helpful and taught the group a wide range of new Word skills.

Ben Cooper - TSS

This course was great, the trainer was very knowledgeable and has improved my knowledge considerably. The facilities are fantastic. Thank You!

Kurtis Fleming - HM Revenue & Customs

I found the course very relevant to a lot of the day-to-day work I do.

Sian Stephenson - Aldi Stores Ltd

Very clear instruction, pace was kept moving, great snippets of advice given.

Robert Montgomery - Liberty Aluminium Technologies

Related Courses

Format:
Virtual or Classroom
Length:
2 Days
This course takes new and existing JavaScript developers through the new powerful capabilities of ECMAScript 6.
Format:
Virtual or Classroom
Length:
2 Days
This course teaches JavaScript developers how to make the most of using the jQuery JavaScript library,