For those that have visited the jQuery website or looked for a jQuery training course then you may have come across the standard jQuery blurb that goes something like this :

"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 basically means that jQuery is a prebuilt JavaScript framework library that can be used to quickly enhance the visual as well as functional side of the websites you develop. You won't need to install anything at the server level because when you need specific functionality, such as to fade between a set of images, you can quickly and easily embed the call to the local jQuery library.

The course is a hand's on session that is designed to help designers and developers enhance their existing projects with the help of jQuery. The course looks at how to use jQuery to transform static HTML web pages into dynamic web pages that react to user input, easily build custom animation components and enable more complex event handling. The course covers everything from the initial setup of jQuery for a website, to the implementation and management of 3rd party open source plugins.

Course Requirements

The jQuery training course covers everything that is needed to implement jQuery components simply and effectively.

As a basic requirement, students should already have good experience hand-coding HTML and understand CSS selectors. Knowledge of some JavaScript would be a distinct advantage although is not required if you have a logical mindset.

A course primer document will be sent to all students attending this course. This will provide you with some basic knowledge of JavaScript to help you get the most from the jQuery course

Course Description

The course opens with a short look at the capabilities of jQuery and its relationship with JavaScript. This is followed by an overview of the differences between the production and development versions of jQuery. Once jQuery has been downloaded, we talk through the basics of implementing the library via html script tags and getting your first jQuery script ready to run using the document ready function.

Addressing content on a webpage is one of the common tasks required when creating any jQuery script, so the course looks at identifying content via html attributes and tags, the methods available for filtering content and the relationships created by the DOM model. The course then looks at optimising code and creating more advanced functions using jQuery's built in statement chaining.

Once students are able to address and manipulate content via jQuery, the course looks at understanding event handlers so that complex interaction can be created and associated with individual elements on a page. Fortunately jQuery provides a number of very useful help methods that make this process quick and efficient.

For those that want to create smooth browser based animation with or without interaction, the course looks at both the simple and advanced animation functions of jQuery. This allows students to build image rotators, animated menus, slideshows, animated tooltips, modal windows and more to bring static webpages to life.

For those that are interested in loading content and dynamically refreshing pages, the course looks at jQuery's Ajax functionality. From the simple .load() function used for content retrieval to the fine control of the .ajax() function, both designers and developers will find jQuery an absolute dream to use.

Although jQuery has a fully accomplished library of functions, it is superbly complimented by the jQuery developer community. The course looks at some of the most useful widgets and components that are available to use including the essential jQuery UI library. This library includes components such as accordion menus, datepickers, sliders and sortable objects to allow designers to create rich interactive web interfaces.

Finally the course looks and bringing together all the training with a chance to get your hands dirty by upgrading an existing website with an array of functionality provided by the jQuery library.

Course Highlights

jQuery outline
Introduction to jQuery
Downloading and implementing the latest version of jQuery
Enabling jQuery
Using the basic features

  • Identifying page content

    • CSS selectors with jQuery
    • Filtering content
    • Applying attribute filters
    • Working with forms
    • Traversing the DOM
    • Statement chaining


  • Editing page content

    • Creating and editing content via jQuery
    • Modifying html attributes
    • Working directly with CSS

  • Creating interaction

    • Understanding event handlers
    • Binding jQuery event handlers
    • Event helper methods
    • jQuery event objects

  • Animation and effects

    • Hiding and showing content
    • Fading content
    • Moving content
    • Building custom animation

  • Ajax with jQuery

    • Replacing the XMLHttpRequest
    • Using the jQuery .load() function
    • Making GET and POST requests with jQuery
    • Using .ajax() for better control over AJAX queries

  • The jQuery UI plug-in

    • Downloading / installing jQuery UI
    • Working with jQuery widgets
    • Adding jQuery effects
    • Creating custom UI themes

  • Getting to grips with jQuery

    • Practical site upgrades using jQuery


"Private Training Institute has sucessfully taught my son C++ programming from scratch and he is now writing his own programs."
Antoinette Franco


"Your tutors successfully taught 3 of our car company staff how to use Excel and Outlook. Very happy with your services."
Seuntjie Botha