Live Chat
Monday - Friday 8am - 6pm EST Chat Now
Contact Us
Monday - Friday 8am - 8pm EST 1-866-716-6688 Other Contact Options

Cart () Loading...

    • Quantity:
    • Delivery:
    • Dates:
    • Location:


jQuery Fundamentals

New – Learn to complete basic tasks using jQuery.

GK# 6954

Course Overview


This course provides extensive training on selectors, DOM manipulation, handle events, create effects, build AJAX applications, write and use jQuery plugins and organize jQuery code. When you complete this course you will be able complete basic tasks using jQuery, and you will have a solid basis from which to continue your learning.


  • Delivery Format:
  • Date:
  • Location:
  • Access Period:


What You'll Learn

  • jQuery Introduction
  • JavaScript Basics
  • jQuery Basic Concepts
  • jQuery Core
  • Events and Event Handlers
  • Effects
  • Ajax
  • Plugins
  • Best Practices
  • Custom Events
  • jQuery Mobile jQuery UI


Viewing outline for:

Classroom Live Outline

jQuery Introduction

  • jQuery Works
  • First Example

JavaScript Basics

  • Syntax Basics
  • Reserved Words
  • Operators
  • Operations on Numbers and Strings
  • Logical Operators
  • Comparison Operators
  • Conditional Code
  • Conditional Variable Assignment with the Ternary Operator
  • Switch Statements
  • Loops
  • Arrays
  • Object
  • Functions
  • Testing Type
  • Scope Closures

jQuery Basic Concepts

  • Basic Flow of a jQuery Application
  • Using $(document)ready()
  • Selecting Elements
  • Operating on Selections
  • Working with Selections
  • CSS, Styling, and Dimensions
  • Traversing
  • Manipulating the DOM

jQuery Core

  • $ vs jQuery
  • $ vs $()
  • Utility Methods
  • Checking Types
  • Storing and Retrieving Data Related to an Element
  • DOM-Related Utilities
  • Avoiding Conflicts with Other Libraries

Events and Event Handlers

  • Connecting Events to Elements
  • Namespacing Events
  • Inside the Event Handling Function
  • Triggering Event Handlers
  • Increasing Performance with Event Delegation
  • Removing Delegated Event Handlers
  • Event Helpers


  • Built-in Effects
  • jQueryfxspeeds
  • Limitations on Effects
  • Queuing of Effects with Other Operations
  • Callbacks – Doing Something When an Effect is Done
  • Running Code When an Effect is Complete
  • Custom Effects with $fnanimate
  • Easing
  • Managing Effects
  • jQueryfxoff


  • Key Concepts
  • GET vs POST
  • The Same Origin Policy
  • Data Types
  • A is for Asynchronous
  • Same-Origin Policy and JSONP
  • Ajax and Firebug
  • jQuery’s Ajax-Related Methods
  • $ajax
  • Convenience Methods
  • $fnload
  • Ajax and Forms
  • Working with JSONP
  • Ajax Events


  • How to Create a Basic Plugin
  • Testing Our Plugin
  • Finding and Evaluation Plugins

Best Practices

  • JavaScript Best Practices
  • Namespacing Variables
  • Cache Frequently Used Values
  • Beware Anonymous Functions
  • jQuery Best Practices
  • Optimize Selectors
  • Use “Safe” Selectors
  • Use Event Delegation
  • Detach Elements to Work with Them
  • Use Stylesheets for Changing CSS on Many Elements
  • Use $data Instead of $fndata
  • Code Organization
  • Don’t Treat jQuery as a Black Box

Custom Events

  • About Custom Events
  • Recap: $fnon, $fntrigger, and $fntriggerHandler
  • Summary

jQuery Mobile jQuery UI

  • jQuery UI & jQuery Mobile
  • jQuery UI
  • jQuery Mobile



Experience in HTML and JavaScript, and experience in CSS would be beneficial.

Who Should Attend


Front-end developers

Course Delivery

This course is available in the following formats:

Classroom Live

Receive face-to-face instruction at one of our training center locations.

Duration: 3 day

Virtual Classroom Live

Experience expert-led online training from the convenience of your home, office or anywhere with an internet connection.

Duration: 3 day

Request this course in a different delivery format.