Home > Web Developer Courses

Integrating jQuery (2 days)

This two day jQuery course looks at adding Javascript to websites by using on of the industry's standard frameworks. JQuery is still used by many platforms including Wordpress for adding interactivity to web pages.

Covid-19 Information

Our top priority is your safety. Courses will be limited to 4 delegates per session with strict social distancing restrictions in place. The University have put in special measures to ensure all areas within our building are sanitised regulary. Special attention is paid to the cleaning of desks, keyboards, mousemats and mice.

Due to the situation, the on-site restaurant is not yet open, so we are unable to provide catered lunches until further notice. We encourage you to bring lunch and refreshments, although we will have drinks and refreshments available with a good supply of hand sanitiser and antibacterial wipes.

Course Information

  • Price : £475 + VAT
  • Level : Intermediate Level 1 Level 2
  • Version : jQuery v3.4+
  • Venue : Jubilee Campus, Nottingham
  • Duration : 2 days
  • Times : 9:30am - 4:30pm

This 2 day intensive jQuery course looks at upgrading static websites by building dynamic interactive effects using the industry standard jQuery JavaScript framework.

DatesVenueDaysPlaces 
- East Midlands, UK26 left finished
- East Midlands, UK20 left finished
- East Midlands, UK20 left finished

This jQuery course includes

  • 2 days trainer led in small groups
  • Your own printed course manual
  • Course files & exercises to take away
  • Choice of PC or Mac for training
  • Professional environment with high spec computers
  • Refreshments throughout the day
  • Lunch provided
  • Printed course certificate
  • Post course support via email
  • Access to our FREE workshop days

jQuery Overview

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.
jQuery course details

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 Outcomes

By the end of the jQuery course students will understand how to implement jQuery into any website and be able to use built-in methods to create the following types of components :

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

jQuery programming course

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.

jQuery Course Highlights

The course covers the following areas :

  • 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

jQuery Course Feedback - 4.7 out of 5.0 stars

"Trainers delivery is very good. Keeps it interesting. - Course was useful. The course materials supplied are very useful as a quick reference manual. Would recommend." - Harry @ Martin-baker Aircraft Company Ltd
"To impart a great deal of knowledge in a structured and accessible way - A very good course delivered in an engaging manner with very good reference materials supplied." - Paul @ Wilko
"Brilliant learning environment, really did the trick/ - Achieved my goals by going on the course and now have a basic understanding of jQuery and a better understanding of implementing it into eLearning." - Shane @ Pera Training
"The trainer, essentially; a training course is all about delivery. Other than that, really only the price matters. Facilities and, to an extent, course content are secondary issues. - Excellent course. Bjorn is knowledgeable and the facilities are excellent. An aside, not related to the course: There's a question mark missing in the first 'question' on this form. Also, as this form is almost certainly a PHP script, the course id could have been passed through the URL, removing the need for me to enter the course name, which would prevent typos or other errors on the part of the user/responder ." - Khalid
"Very detailed and explained very well. Structure allows time to ask questions and to practise skills. - Very good and has given me a solid basic understanding of jQuery and how to apply it to my everyday work." - David

Course Trainer

Bjorn

Bjorn has been involved in CSS based web design for over 20 years and has experience developing web applications in both small and large teams of developers.

Over the past few years he has closely followed the evolving standards for web development and has spent countless hours discussing appropriate markup with web designers in the industry. He has also run training courses on web standards and accessibility which stems from his vast experience with CSS web design.

Course Location

This jQuery training course is run from our rooms on Jubilee Campus in Nottingham, which is part of the University of Nottingham's Innovation Park. These are serviced by a state-of-the-art tram system allowing easy access to the city centre as well as direct hourly rail services from London, Liverpool, Manchester, Birmingham, Derby and Leicester.

Please note that all course prices exclude VAT.

Training Rooms