Skip to main content
Request a Training Proposal

Instructor-led training

jQuery Training in Cicero, Illinois

This very practical and hands-on course is designed to teach jQuery to web developers and designers, especially those who have seen JavaScript and understand the basics of how it works.

Request a Training Proposal View Course Outline

What you'll learn

This very practical and hands-on course is designed to teach jQuery to web developers and designers, especially those who have seen JavaScript and understand the basics of how it works. Major focus is given to learning real-world applications and how it interacts with other tools to create useful, feature-rich, compelling web sites.

Prerequisites

Some experience with JavaScript and HTML

Course Outline

  1. JavaScript Basics
    • Syntax Basics
    • Operators
      1. Basic Operators
    • Operations on Numbers and Strings
    • Logical Operators
    • Comparison Operators
    • Conditional Code
    • Truthy and Falsy Things
    • Conditional Variable Assignment with the Ternary Operator
    • Switch Statements
    • Loops
      1. The for Loop
    • The while Loop
      1. Breaking and Continuing
    • Reserved Words
    • Arrays
    • Objects
    • Functions
      1. Using Functions
      2. Self-executing Anonymous Functions
      3. Functions as Arguments
    • Testing Type
    • Scope
    • Closures
  2. jQuery Basic Concepts
    • $(document).ready()
    • Selecting Elements
      1. Choosing Selectors
      2. Does My Selection Contain Any Elements?
      3. Saving Selections
      4. Refining and Filtering Selections
      5. Selecting Form Elements
    • Working with Selections
    • Chaining
      1. Getters and Setters
    • CSS, Styling, and Dimensions
      1. Using CSS Classes for Styling
      2. Dimensions
    • Attributes
    • Traversing
    • Manipulating Elements
      1. Getting and Setting Information about Elements
      2. Moving, Copying, and Removing Elements
      3. Cloning Elements
      4. Removing Elements
      5. Creating New Elements
    • Manipulating Attributes
  3. jQuery Core
    • $ vs $()
    • Utility Methods
    • Checking Types
    • Data Methods
    • Feature and Browser Detection
    • Avoiding Conflicts with Other Libraries
  4. Events
    • Connecting Events to Elements
      1. Connecting Events to Run Only Once
      2. Disconnecting Events
      3. Namespacing Events
    • Inside the Event Handling Function
    • Triggering Event Handlers
    • Increasing Performance with Event Delegation
      • Unbinding Delegated Events
    • Event Helpers
      1. $.fn.hover
      2. $.fn.toggle
  5. Effects
    • Built-in Effects
      1. Changing the Duration of Built-in Effects
      2. jQuery.fx.speeds
      3. Doing Something When an Effect Is Done
    • Custom Effects with $.fn.animate
      1. Easing
    • Managing Effects
      1. jQuery.fx.off
  6. Ajax
    • Key Concepts
      1. GET vs. Post
      2. Data Types
      3. A Is for Asynchronous
      4. Same-origin Policy and JSONP
      5. Ajax and Firebug
    • jQuery's Ajax-related Methods
      1. $.ajax
      2. $.ajax Options
      3. Convenience Methods
    • $.fn.load
    • Ajax and Forms
    • Working with JSONP
    • Ajax Events
  7. Plugins
    • How to Create a Basic Plugin
    • Finding and Evaluating Plugins
    • Writing Plugins
  8. Best Performance Practices
    • Cache Length during Loops
    • Append New Content outside of a Loop
    • Keep Things DRY
    • Beware Anonymous Functions
    • Optimize Selectors
      1. ID-based Selectors
      2. Specificity
      3. Avoid the Universal Selector
    • Use Event Delegation
    • Detach Elements to Work with Them
    • Use Stylesheets for Changing CSS on Many Elements
    • Use $.data Instead of $.fn.data
    • Don't Act on Absent Elements
    • Variable Definition
    • Conditionals
    • Don't Treat jQuery as a Black Box
  9. Code Organization
    • Key Concepts
    • Encapsulation
      1. The Object Literal
      2. The Module Pattern
    • Managing Dependencies
      1. Getting RequireJS
      2. Using RequireJS with jQuery
      3. Creating Reusable Modules with RequireJS
      4. Optimizing Your Code: The RequireJS Build Tool
  10. Custom Events
    • About Custom Events
      1. A Sample Application
      2. The Setup
    • Conclusion

Training locations

jQuery training across the U.S. and beyond.

We provide jQuery training onsite and live online for organizations throughout the United States and internationally.

View all jQuery training locations

Train your team with HSG

Private, instructor-led training customized for your organization.

  • Onsite or live online delivery
  • Customized curriculum
  • Training for groups of 3 or more
  • Flexible scheduling
  • Experienced instructors
Request a Training Proposal

Questions? Call us at 303.377.6176
or email info@hartmannsoftware.com

Browse all Foundations of Web Design & Web Authoring courses →

Ready to train your team?

Let's customize this training for your organization.

Tell us about your employees, your goals, and your preferred schedule. We'll prepare a training proposal covering scope, delivery format, and pricing.

Request a Training Proposal

or call 303.377.6176