Web Developer Courses

"I absolutely loved your jQuery course. The course was great and I look forward to putting my ideas into action..." - P. Batti

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.

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.

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 :

• dynamic page content
• form validation
• animated drop down / fly out navigation
• cross-fading images
• animated slider banners
• dynamic content through Ajax
• accordians menus

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.

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

"Speed and simplicity at which the information is taught. Don't think it could have been explained any easier. - The course has opened up a whole new level of design capabilities, great foundation for understanding dynamic sites." - Richard

"Bjorn's knowledge was excellent. I felt very motivated on finishing the course. - I would definitely recommend this course to others. If you've got any plans to run an advance PHP course in the future I'd be very interested in attending." - Mike @ Southampton City College

"Learning from Bjorn, who was very knowledgeable. - Excellent, has really helped me to come up to speed and gain a fuller understanding." - Mital @ Leicester College

"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

"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

Course Trainer

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.