$1,495.00
$1,420.25 CAD / 3 DAYS

web special rate

1) Select Location for Dates in Your City:


Choose Date

  • No available dates.

Notify me Click on date to Register Now or click Notify Me to receive an email notification when course is Guaranteed to Run. once the following courses become Guaranteed to run.

No available dates.
Canada
,
Canada
,
Canada
,

Jump to Shopping Cart Continue shopping

PR013: jQuery Fundamentals

 

Duration: 3 days

Summary
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.

Audience

  • Front-end developers.

Prerequisites

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

Course Outline

1. jQuery Introduction

  • How jQuery Works
  • First Example

2. 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

3. 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

4. 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

5. 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

6. Effects

  • 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

7. Ajax

  • 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

8. Plugins

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

9. 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

10. Custom Events

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

11. jQuery Mobile jQuery UI

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