Computer Tutoring Logo

Cost Calculator

Training delivery
Number of students?
Laptop hire?
Offsite training?

Course price: £ *
Price per head:
£ .

Duration:
2 Day

* Price is exclusive of VAT.

Tell Me More

 Live online  Face to face
First name:

Last name:

Email:

Tel:

Location:

Number of students:
First NumberPlusSecond Number  = 
Please enter the answer to prove that you are human and not a machine.
 I would like to receive software tips and special offers

Locations

Programming jQuery Training Course Intermediate

Intermediate Programming jQuery Course Overview

In this training course you will learn how to use jQuery. jQuery is a JavaScript Library full of tools ready to be used- Which means that it's pre-written JavaScript, ready for you to put to work in your own webpage. jQuery specializes in letting you select elements in a page also creating and manipulating wrapped sets of elements and handle multiple sets at the same time.

jQuery also lets you use functions that determine which browser the user has and what its capabilities are. jQuery is known for its visual effects, including slick-looking wipes, in which a sheet of colour wipes over an element, and fades, in which an element and its background fades from view.

You will learn to use jQuery Widgets which are popular controls you can use in your web pages: calenders, accordion controls, sliders, tabs, and more. The jQuery widgets have a polished, professional look and jQuery provides them for just about every purpose you can think of in a web page.

Also included in this course is Ajax, first you will the learn basic skills of Ajax then you will be able to it in your web page .

Course Duration: 2 Day

Complete Course Outline

Essential jQuery

  • About jQuery
  • Getting Started With jQuery
  • Selecting Page Elements by ID
  • Selecting a Set of Elements
  • Selecting Elements by Style
  • Running Code When a Page Is Ready
  • Selecting the First of a Set of Elements
  • Showing And Hiding Page Elements
  • Selecting one Set of a Elements
  • Specifying Elements in a Hierarchy
  • Creating Visual Effects
  • Creating New HTML Elements

Selecting Elements the jQuery Way

  • Selector Examples
  • Meeting the Selectors
  • Selecting Direct Descendants
  • Selecting First and Last Children
  • Selecting the Nth Child
  • Selecting Elements With Specific Text
  • Selecting Elements by Attribute
  • Selecting Elements by Attribute Value
  • Checking the Type of Matched Elements
  • Selecting Elements by Position
  • Examining Checked Boxes and Radio Buttons
  • Examining Elements That the User Selected

Working With Elements the jQuery Way

  • Function Examples
  • Looping Over Elements in a Wrapped Set
  • Reading Attribute Values
  • Setting Attribute Values
  • Rewriting Elements HTML
  • Rewriting Elements Text
  • Appending Content to Elements
  • Moving Page Elements
  • Setting Elements Width and Height
  • Wrapping Elements
  • Editing the Value Attribute

Working with Events

  • Events Handling in JavaScript and jQuery
  • Binding an Event Handler to an Event
  • Binding Multiples Event Handlers
  • Binding Event Handlers using Shortcuts
  • Calling Event Handlers only once
  • Unbinding Event Handler
  • Using the Event Object
  • Getting Mouse Coordinates
  • Getting the Event Type
  • Capturing Keystrokes
  • Capturing Hover Events
  • Getting Event Targets

Visual Effects and Animation in jQuery

  • jQuery Visual Effects Overview
  • Showing and Hiding Page Elements
  • Showing and Hiding Elements with Duration
  • Toggling Elements Visibility
  • Toggling Element Visibility with Duration
  • Fading Elements Out
  • Fading Elements In
  • Sliding Elements Up
  • Sliding Elements Down
  • Toggling Sliding Operations
  • Partially Fading Elements
  • Creating Custom Animation

The jQuery Utility Functions

  • Examples of jQuery Utility Functions
  • Looping over Object Members with each
  • Determining Browsers Type with browser
  • Customizing HTML by Browser Type
  • Checking Browser Support For Specific Features
  • Creating Arrays
  • Searching an Array
  • Filtering an array
  • Eliminating Duplicate Elements from Arrays
  • Checking Whether Data is an Array
  • Mapping an Array
  • Trimming Text

Jumping into Ajax with jQuery

  • About Ajax
  • Working with Ajax the Standard Way
  • Using jQuery load to implement Ajax
  • Using Callbacks with the load Function
  • Passing Data to the Server
  • Using post to send Data to the Server
  • Using the jQuery get Function
  • Using get to send data to the Server

Using the Full Power of Ajax with jQuery

  • About Ajax
  • Using Ajax to Download Text
  • Using Ajax to Post Data to the Server
  • Using Ajax to Get Data from the Server
  • Handling Ajax Errors
  • Handling Ajax Time-outs
  • Handling XML
  • Handling Ajax Events Globally

Using the jQuery Widgets

  • About Working With Widgets
  • Creating Accordion Widgets
  • Creating Datapicker Widgets
  • Creating Dialog Widgets
  • Getting Data from Dialog Widgets
  • Creating a Progressbar Widget
  • Creating a Slider Widget
  • Creating a Tab Widget
  • Adding Tabs to a Tab Widget