0845 450 6120

jQuery Web Development

This jQuery Web Development course is designed to provide web developers with the skills needed to utilise jQuery in web applications.  Delegates will use the effects, animations, plug-ins and tools provided by the jQuery library to create rich client interfaces.

Using a hands-on workshop approach, delegates gain practical experience in using some of the more advanced features and tools available to the web developer.

The delegate will learn and acquire skills as follows:

  • Manipulating the DOM
  • Creating Animations
  • Injecting Content into the DOM
  • Validating Forms
  • Using jQuery and AJAX
  • Integrating jQuery Plugins
  • Adding jQuery UI Components

Who will the Course Benefit?

This jQuery Web Development course is aimed at either novice or experienced web developers that are looking to include the jQuery tools in their projects.

Learning Objectives

By the end of the course delegates should be able to:

  • Implement jQuery in a Website
  • Add Dynamic Page Content
  • Implement jQuery animations
  • Understand jQuery DOM manipulation
  • Understand the jQuery UI Library
  • Use jQuery Plugins

Pre-Requisites

Requirements

Delegates who wish to attend this jQuery Web Development course should have experience with HTML and CSS selectors, as well as some knowledge of JavaScript or a similar language. This can be obtained by attendance on the pre-requisite courses.

Pre-Requisite Courses

  • HTML & CSS
  • JavaScript 1

Follow-On Courses

  • Developing Applications with Java EE
  • PHP Programming
Notes:
  • Course technical content is subject to change without notice
  • Course content is structured as sessions, this does not strictly map to course timings. Concepts, content and practicals often span sessions

Course Content

Day 1

Course Introduction

  • Administration and Course Materials
  • Course Structure and Agenda
  • Delegate and Trainer Introductions

Session 1: INTRODUCTION TO JQUERY

  • Downloading and Implementing jQuery
  • Enabling jQuery
  • Using Basic Features
  • Why jQuery?
  • jQuery Popularity and Alternatives
  • Cross-Browser Compatibility
  • jQuery UI and Plugins

Session 2: JQUERY BASICS

  • Selecting Elements
  • Working with Selections
  • CSS, Styling and Dimensions
  • Attributes
  • Manipulating Elements

Session 3: JQUERY CORE

  • Utility Methods
  • Checking Types
  • Date Methods
  • Detection

Session 4: JQUERY EVENTS

  • Connecting Events to Elements
  • The Event Handling Function
  • Triggering Events
  • Event Delegation
  • Event Helpers

Day 2

Session 5: JQUERY EFFECTS

  • Effect Built-ins
  • Custom Effects
  • Animations
  • Easing
  • Effect Management

Session 6: JQUERY AJAX

  • Key AJAX Concepts
  • AJAX Methods
  • Using AJAX with Forms
  • JSONP
  • AJAX Events

Session 7: JQUERY PLUGINS

  • Plugins Explained
  • Creating a Plugin
  • Using Existing Plugins
  • Writing a Plugin

Session 8: FURTHER JQUERY

  • jQuery Performance
  • Encapsulation
  • Managing Dependencies

Privacy Notice

In order to provide you with the service requested we will need to retain and use your contact information in accordance with our Privacy Notice. If you choose to provide us with this information you explicitly consent to us using the information as necessary to provide the request service to you. If you do not agree please do not proceed to request the service from us.

Marketing Permissions

Would you like to receive our newsletter and other information on products and services which we think will be of interest to you by email. We will always treat your information with care and in accordance with our Privacy Notice. You are free to withdraw this permission at any time.

 

Our Customers Include