jQuery Fundamentals Training

jQuery Fundamentals Training

jQuery is fast becoming a must-have skill for front-end developers. The purpose of this jQuery training course is to provide an overview of the jQuery JavaScript library. When you're done with this jQuery training course, you will be able to complete basic tasks using jQuery, and you will have a solid basis from which to continue your learning.
12 months / 24 Course Hrs
SHARE
  • Details
  • Syllabus
  • Requirements

Details

jQuery is fast becoming a must-have skill for front-end developers. The purpose of this jQuery training course is to provide an overview of the jQuery JavaScript library. When you're done with this jQuery training course, you will be able to complete basic tasks using jQuery, and you will have a solid basis from which to continue your learning.

Enrollment Options:
Self-Paced
12 months Access Course Code: T5273
No Instructor, Start Anytime
$149.85

Syllabus

  1. jQuery Intro
    • jQuery: An Introduction
      • How jQuery Works
      • A First Example
  2. JavaScript Basics
    • Syntax Basics
    • Reserved Words
    • Operators
      • Basic Operators
    • Operations on Numbers and Strings
    • Logical Operators
      • Truthy and Falsy Values
    • Comparison Operators
    • Conditional Code
    • Conditional Variable Assignment with the Ternary Operator
    • Switch Statements
    • Loops
      • The while loop
      • The do while Loop
      • The for Loop
      • The for in Loop
      • Breaking and Continuing
    • Arrays
    • Objects
      • Creating an Object Literal
      • Accessing Elements of an Object
    • Functions
      • Using Functions
      • Self-Executing Anonymous Functions
      • Functions as Arguments
    • Testing Type
    • Scope
    • Closures
  3. jQuery Basic Concepts
    • Basic Flow of a jQuery Application
    • Using $(document)ready()
    • Selecting Elements
      • Choosing Selectors
      • Does My Selection Contain Any Elements?
      • Saving Selections
    • Operating on Selections
      • The $fn Methods
      • Refining and Filtering Selections
      • Chaining
    • Working with Selections
      • Getting and Setting Information About Elements
    • CSS, Styling, and Dimensions
      • Dimensions
      • Attributes
      • Showing and Hiding Elements
      • Iterating Over a Selection
    • Traversing
      • Traversal Methods
    • Manipulating the DOM
      • Moving, Copying, and Removing Elements
      • Cloning Elements
      • Removing Elements
      • Creating New Elements
  4. jQuery Core
    • $ vs jQuery
    • $ vs $()
    • Utility Methods
      • Checking Types
      • Storing and Retrieving Data Related to an Element
      • DOM-Related Utilities
      • Feature and Browser Detection
      • Avoiding Conflicts with Other Libraries
  5. Events and Event Handlers
    • Connecting Events to Elements
      • Connecting Events to Run Only Once
      • Removing Events Handlers
      • Namespacing Events
      • Using mouseenter/mouseleave Instead of mouseover/mouseout
    • Inside the Event Handling Function
    • Triggering Event Handlers
    • Increasing Performance with Event Delegation
      • Removing Delegated Event Handlers
    • Event Helpers
      • $fnhover
      • $fntoggle
  6. Effects
    • Built-in Effects
      • Basic Use of a Built-in Effects
      • Changing the Duration of 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
      • 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 Evaluating 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
      • Key Concepts
      • Encapsulation
    • Don't Treat jQuery as a Black Box
  10. Custom Events
    • About Custom Events
      • Examples Without Using Custom Events
      • Examples Using Custom Events
      • Recap: $fnon, $fntrigger, and $fntriggerHandler
    • In Summary
  11. jQuery Mobile jQuery UI
    • jQuery UI & jQuery Mobile
      • jQuery UI
      • jQuery Mobile

Requirements

Operating System Options

  • Windows XP Service Pack 2
  • Windows Vista
  • Windows 7
  • Mac OS X

Text or HTML Editor

If you don't already have something to use for Plain Text editing or Web authoring, please choose one of the options listed below.

  • Windows
    • Crimson Editor (recommended)
    • Notepad
    • Adobe® Dreamweaver®
  • Mac OS X
    • TextEdit
    • TextWrangler
    • Adobe® Dreamweaver®

Browsers for Windows

You need both of the following browsers.

  • Mozilla Firefox 2.0 or greater
  • Internet Explorer 6 or greater

Browsers for Mac OS X

You need both of the following browsers.

  • Mozilla Firefox 2.0 or greater
  • Safari 3.0 or greater