Training

 

 

Popular Courses

Browse Our Free Resources

  • whitepapers
  • whitepapers
  • webinars
  • blogs

Our Locations

Training Centres

Vancouver, BC
Calgary, AB
Edmonton, AB
Toronto, ON
Ottawa, ON
Montreal, QC
Hunt Valley
Columbia

locations map

Calgary

550 6th Av SW
Suite 475
Calgary, AB
T2P 0S2

Toronto

821A Bloor Street West
Toronto, ON
M6G 1M1

Vancouver

409 Granville St
Suite 902
Vancouver, BC
V6C 1T2

U.S. Office

436 York Road
Suite 1
Jenkintown, PA
19046

Other Locations

Dallas, TX
Miami, FL

Home > Training > Web Development > Mastering jQuery Training

Mastering jQuery Training

Quick Enroll

Course#: WA1935
Courseware: Available for sale

jQuery is a JavaScript toolkit that significantly simplifies rich web based application development. This course teaches a developer all aspects of jQuery based application development. The class is not specific to any vendor's platform and it equally applies to Java, .NET, PHP etc. All labs are done using plain web server and editor.

Topics

 
  •  jQuery basics and functions
  • Using selectors with jQuery
  • Manipulating page elements with jQuery
  • jQuery event model
  • jQuery and Ajax
  • jQuery animation and advanced effects
  • jQuery plugins

Audience

 

Developers responsible for designing the web front end GUI using jQuery.

Prerequisites

 

Good knowledge of JavaScript and DOM API is required.

Course WA1015 - JavaScript satisfies this requirement:

Duration

  Two days.

Outline of WA1935 Mastering jQuery Training

Chapter 1. jQuery Overview

  • Course Overview
  • Target Background
  • References
  • Unit Topics
  • What Is jQuery?
  • Benefits of Using a JavaScript Library
  • jQuery Example
  • CSS Selectors
  • How to Use jQuery
  • Practical Usage Notes
  • Background – DOM
  • Background - DOM Ready Events
  • Background - JavaScript Functions
  • The jQuery Function Object
  • What Does the $() Function Take as Argument?
  • What Does the $() Function do?
  • The jQuery Wrapper
  • The jQuery Wrapper as an Array-Like Object
  • Note: innerHTML() vs. .html()
  • jQuery Wrapper Chaining
  • API Function Notation
  • Handling DOM Ready Event
  • xhtml Note
  • Unit Conclusion

Chapter 2. Selectors

  • Topics
  • Background: The Sizzle Selector Engine
  • Selecting Elements by Attribute
  • Pseudo-Selectors
  • Form Pseudo-Selectors 1 of 2
  • Form Pseudo-Selectors 2 of 2
  • Faster Selection
  • Selecting Elements Using Relationships
  • Selecting Elements Using Filters
  • More on Chaining: .end()
  • Testing Elements
  • Is the Selection Empty?
  • Saving Selections
  • Iterating Through Selected Elements Using .each()
  • JavaScript Methods
  • JavaScript "this"
  • Function Context 1 of 2
  • Function Context 2 of 2
  • The Function call() Method
  • .each() Revisited
  • Conclusion

Chapter 3. Style Class Manipulation

  • Topics
  • Two Options
  • Specifying Style Properties
  • Setting Style Properties
  • .addClass() / .removeClass()
  • Defining a Stylesheet
  • Setting & Getting Dimensions
  • Attributes
  • Conclusion

Chapter 4. DOM Manipulation

  • Topics
  • The $ Function Revisited - 1 of 2
  • The $ Function Revisited - 2 of 2
  • Getters and Setters
  • The text() Element Method
  • Appending DOM Elements
  • Removing DOM Elements
  • Performance – 1 of 2
  • Performance – 2 of 2
  • Conclusion

Chapter 5. Events

  • Topics
  • Event Overview
  • Old School: Event Handling Using HTML Element Attributes
  • Unobtrusive JavaScript
  • Unobtrusive JavaScript Example
  • Multiple Handlers
  • Using jQuery Wrapper Event Registration Methods
  • The .bind() Method
  • Event Propagation
  • Handlers for Elements Before They Exist!
  • The Event Object
  • Triggering Events
  • Conclusion

Chapter 6. Utility Functions

  • Topics
  • The jQuery Object Revisited
  • Functions May Have Methods
  • A jQuery Utility Function: $.trim()
  • $.each()
  • Example jQuery Utility Functions - 1 of 3
  • Example jQuery Utility Functions - 2 of 3
  • Example jQuery Utility Functions - 3 of 3
  • Conclusion

Chapter 7. Ajax

  • Topics
  • Ajax Overview
  • The Browser & the Server
  • The Ajax Request
  • The Ajax Response
  • Sending an Ajax Request With jQuery - The General Case
  • When this code is executed…
  • Sending an Ajax Request With jQuery - Simpler, Typical Case
  • Data Types
  • The .data() method
  • Unit Conclusion

Chapter 8. Advanced Ajax

  • Topics
  • A Form Example
  • An Ajax Form Example
  • Serialize()
  • Get vs. Post
  • More on Query Strings
  • ajaxStart() and ajaxError()
  • Conclusion

Chapter 9. Animations and Effects with jQuery and jQuery UI

  • What is jQuery UI?
  • Can I do Animations and Effects using jQuery only?
  • Hiding Elements with jQuery
  • Using .hide() and .show() in jQuery
  • Alternating an Element's Visibility in jQuery
  • Adjusting the Speed in jQuery
  • Providing a Handler in jQuery
  • Using .slideUp() / .slideDown() methods in jQuery
  • jQuery UI Categories
  • jQuery UI Interactions: Droppable and Draggable
  • Droppable and Draggable More Complete Example
  • jQuery UI Widgets: Datepicker
  • jQuery UI Widgets: Autocomplete
  • Conclusion

Chapter 10. Parsing JSON

  • Topics
  • JSON
  • Reading JSON from the Server Using Ajax
  • Example file contents
  • Using the Results
  • Optimized Version
  • Getting More From the Response
  • jqXHR Methods
  • POST vs. GET
  • Invalid JSON
  • Using $.ajaxSetup() – 1 of 2
  • Using $.ajaxSetup() – 2 of 2
  • Unit Conclusion

Chapter 11. Plugins

  • Topics
  • What is a plugin?
  • Goal
  • Self-Executing Anonymous Functions
  • Meeting Our Goal
  • Prototype Objects
  • The jQuery Wrapper Class Revisited
  • Example Plugin
  • Using the Plugin
  • Conclusion
Address Start Date End Date
Instructor Led Virtual 11/20/2017 11/21/2017
We regularly offer classes in these and other cities. Atlanta, Austin, Baltimore, Calgary, Chicago, Cleveland, Dallas, Denver, Detroit, Houston, Jacksonville, Miami, Montreal, New York City, Orlando, Ottawa, Philadelphia, Phoenix, Pittsburgh, Seattle, Toronto, Vancouver, Washington DC.
*Your name:

*Your e-mail:

*Phone:

*Company name:

Additional notes:

We have received your message. A sales representative will contact you soon.

Thank you!.

more details
buy this course

11/20/2017 - Online Virtual
$1,195.00
Enroll

Other Details

Register for a courseware sample

It's simple, and free.

 

Thank You!

You will receive an email shortly containing a link to download the requested sample of the labs for this course.