Introduction to JQuery (TT4660)

Contact PI


  • Virtual Classroom

  • Onsite

← Continue Searching

Duration: 2 Days

jQuery is a fast and concise JavaScript Library that simplifies the time and expertise needed to manually write JavaScript to perform HTML document traversing, event handling, animation, and Ajax interactions. Simply put, jQuery is designed to change the way that you write JavaScript.

In this course, you will explore what jQuery is and how to obtain it, how jQuery can simplify normally complex tasks, the syntax, key concepts of jQuery, and how to best utilize it.


Audience

  • Current web developers who focus on the front-end/client-side of the web development process
  • Developers with strong (X)HTML, CSS, and JavaScript skills and experience

Prerequistes

Strong (X)HTML, CSS, and JavaScript skills and experience


Course Outline

1. jQuery

  • Downloading jQuery
  • jQuery() Object and $() Alias
  • jQuery Concerns and Best Practices
  • .each Wrapper Method

2. jQuery Selectors

  • Cascading Style Sheet (CSS) Selectors
  • Attribute-Based Selectors
  • Position-Based Selectors
  • Filter-Based Selectors
  • Form Element Selectors
  • Filtering Selectors
  • Wrapped Element Sets

3. Wrapper Methods and Method Chaining

  • Honing the Wrapped Set
  • Wrapper Methods vs. Selector Filters
  • Callback Functions as Method Parameters

4. jQuery Utility Functions

  • The jQuery Flags
  • Looping with jQuery.each()
  • jQuery.parseJSON()
  • jQuery.map()
  • jQuery.trim()

5. CSS and DOM Manipulations with jQuery

  • CSS Properties
  • Adding and Removing CSS Classes to/from Elements
  • Adding and Removing DOM Elements Using jQuery
  • Creating DOM Fragments
  • Attribute Values
  • Appending, Prepending, Wrapping, and Cloning Elements
  • Accessing the HTML and Text of an Element
  • jQuery and Events
  • $(document).ready Event Handler
  • Binding and Unbinding Event Handlers to Elements
  • Creating One-Shot Event Handlers
  • Creating Event Handlers for Elements that Don't Exist Yet
  • Retrieving Event-Specific Data

6. Ajax Requests with jQuery

  • Ajax Request without jQuery
  • Posting Requests with jQuery
  • Incorporating Form and Cookie Data into Ajax Requests
  • Consuming Ajax Responses
  • Retrieving Headers from the Response
  • Providing Status Messages while Ajax Runs

7. jQuery and the User Interface

  • Animations
  • jQuery UI

8. Profiling and Debugging jQuery

  • Internet Explorer Developer Tools
  • FireBug and FireBug Lite

9. jQuery Plug-Ins

  • Creating a Custom Plug-In
  • Installing a Plug-In
  • Implementing a Plug-In

10. Using jQuery in Conjunction with Other Libraries

  • jQuery.noConflict() Function

Course Labs

This course is approximately 50% dynamic lab exercises and 50% lecture, designed to train you in essential development skills, coupling the most current programming techniques with the soundest industry practices.