Home > Web Developer Courses

Integrating jQuery (2 days)

Course Information

  • Price : £475 + VAT
  • Level : Intermediate
  • Version : jQuery v1.11+ & v2.1+
  • Venue : City or 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.

A 2 day, Integrating jQuery training course hosted in Nottingham, East Midlands.EventScheduledWeb Studio Training£475615th - 16th May 2017East Midlands, UKNottingham, East Midlands, UK20 leftfinished
A 2 day, Integrating jQuery training course hosted in Nottingham, East Midlands.EventScheduledWeb Studio Training£47509th - 10th November 2017East Midlands, UKNottingham, East Midlands, UK20 leftfinished
A 2 day, Integrating jQuery training course hosted in Nottingham, East Midlands.EventScheduledWeb Studio Training£47508th - 9th March 2018East Midlands, UKNottingham, East Midlands, UK20 leftfinished

This course includes

  • 2 days trainer led in small groups (typical maximum 6)
  • Your own printed course manual
  • Course files & exercises to take away
  • 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.

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

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

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

Course Feedback

"I absolutely loved your jQuery course. The course was great and I look forward to putting my ideas into action..." - Parminder @ Capita
"At last we can now enhance our website with jQuery and I will actually be able to write my own plugins. Thank you!" - Steve @ Tidal
"Flexible content based on the course attendees... Good introduction to jQuery and its uses." - David @ JBA Consulting
"Bjorn's knowledge was excellent. I felt very motivated on finishing the course. I would definitely recommend this course to others." - Mike @ Southampton City College

Course Trainer

Bjorn has been involved in CSS based web design for nearly 10 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.

Follow Bjorn on Twitter

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.