Preferred method of contact:

jQuery Best Practices for Legacy and Today



Course Number



3 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. Utilize best practices for supporting legacy system and as well as new development.

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-optimised, cross-device web pages with jQuery Mobile

Important Course Information

  • Requirements

    • Experience with HTML and CSS
  • Recommended Experience

    • JavaScript
    • Basic programming concepts
  • Software

    • This course provides Intel Core-2 Duo PCs running Windows 10
    • The latest versions of Internet Explorer, Firefox, Chrome, and Safari are loaded onto each PC
    • Exercises can be completed using either Eclipse, Notepad++, Sublime, or Visual Web Developer 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, behaviour 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 serialised 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 slide shows 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

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

Implementing effects

  • Creating colour 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
  • Initialising pages with pageinit and handling touch events
Show complete outline
Show Less

Convenient Ways to Attend This Instructor-Led Course

In the Classroom

Live, Online

Private Team Training

In the Classroom — OR — Live, Online

Tuition Fee — Standard: £2095  

AFTERNOON START: Attend these live courses online via Anyware

16 - 18 Sep ( 3 Days)
2:00 PM - 9:30 PM BST
New York / Online (AnyWare) New York / Online (AnyWare) Reserve Your Seat

14 - 16 Oct ( 3 Days)
2:00 PM - 9:30 PM BST
Herndon, VA / Online (AnyWare) Herndon, VA / Online (AnyWare) Reserve Your Seat

17 - 19 Feb ( 3 Days)
2:00 PM - 9:30 PM GMT
New York / Online (AnyWare) New York / Online (AnyWare) Reserve Your Seat

Guaranteed to Run

When you see the "Guaranteed to Run" icon next to a course event, you can rest assured that your course event — date, time — will run. Guaranteed.

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 0800 282 353 or Click here »

This event has been added to your cart.

Tuition Fee


In Classroom or



Private Team Training

Contact Us »

Course Tuition Fee 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 any time after class.


Training Hours

Standard class hours:
9:00 a.m. - 4:30 p.m.

Last day class hours:
9:00 a.m. - 3:30 p.m.

Free Course Exam – Last Day:
3:30 p.m. - 4:30 p.m.

Each class day:
Informal discussion with instructor about your projects or areas of special interest:
4:30 p.m. - 5:30 p.m.

AFTERNOON START class hours:
2:00 p.m. - 9:30 p.m.

Last day class hours:
2:00 p.m. - 8:30 p.m.

Free Course Exam – Last Day:
8:30 p.m. - 9:30 p.m.

Each class day:
Informal discussion with instructor about your projects or areas of special interest
9:30 p.m. - 10:30 p.m.

“The instructor for this jQuery course is top class! He made the course enjoyable as well as informative”.

- T. Burraston, Project Manager
Interpublics GIS (UK) Ltd.


Please Choose a Language

Canada - English

Canada - Français