jQuery Intro

• jQuery: An Introduction
  • How jQuery Works
  • A First Example

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

?

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

?

jQuery Core

?

• $ vs jQuery

• $ vs $()

• Closures

• Utility Methods

  • Checking Types

  • Storing and Retrieving Data Related to an Element

  • DOM-Related Utilities

  • Feature and Browser Detection

  • Avoiding Conflicts with Other Libraries

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

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

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

Plugins

• How to Create a Basic Plugin

  • Testing Our Plugin

• Finding and Evaluating 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

  • Key Concepts

  • Encapsulation

  • Don't Treat jQuery as a Black Box

Custom Events

• About Custom Events

  • Examples Without Using Custom Events

  • Examples Using Custom Events

  • Recap: $fnon, $fntrigger, and $fntriggerHandler

• In Summary

?

jQuery UI & jQuery Mobile

• jQuery UI
• jQuery Mobile

?