Hands-On Technology Transfer
presents
jQuery Programming (Canada) On-Site Training
This hands-on course covers the jQuery library, DOM manipulation, performing Ajax requests, and an overview of the UI library.
Course Description/Agenda
jQuery simplifies client-side scripting via a series of open-source
libraries that provide frameworks for enhanced functionality. This hands-on
course covers the jQuery library, DOM manipulation, performing Ajax
requests, and an overview of the UI library. Students will also learn how to
use the jQuery function to return a wrapped set of elements, use utility
functions to work with arrays and strings, modify the appearance of elements
using a number of predefined effects as well as how to implement existing
plugins.
Comprehensive hands on exercises are integrated throughout to reinforce
learning and develop real competency. Students who are not familiar with
HTML5 and CSS3 should instead register for the course,
Developing Rich Internet Applications Using HTML5, CSS3 and jQuery.
Course Prerequisites
Knowledge of HTML5, CSS and JavaScript equivalent to attending the
Website Development with HTML5, CSS and Bootstrap and
JavaScript Programming courses.
What You Will Learn
- Referencing jQuery in a Page
- Selecting page elements using jQuery selectors
- Selecting DOM elements using standard DOM methods
- Creating and using jQuery plugins
- Registering events in jQuery
- Setting CSS properties of page elements
- Making Ajax requests using the $.ajax
function
- Changing the display style of an element using various effect
methods
Course Overview
jQuery Fundamentals
- Overview of jQuery
- Downloading and Using jQuery library
- Benefits of Using jQuery
- Uses of the jQuery function
|
jQuery Selectors and Filters
- Ready Handler
- Using jQuery Selectors and Filters
- Selecting Single and Multiple Elements
- Operating on Wrapped Sets
- Method Chaining
|
DOM Manipulation
- Accessing Attributes of an Element
- Adding and Removing Elements
- Setting Element Content With text()
and html()
- Manipulating Classes and CSS
|
jQuery Events
- jQuery Event Model
- Binding and Removing Event Handlers with
on() and off()
- Delegated and Direct Events
- Event Object
- Common jQuery Events
|
Page Animation with Effects
- Controlling Visibility Using show()
and hide()
- Creating Slide and Fade Effects
- Creating Custom Animations
- Animation Queuing and Callback Functions
|
Ajax Requests Using jQuery
- Ajax Overview
- Loading Remote HTML
- Making Ajax Requests Using the $.ajax()
Function
- Using the $.get() and
$.post() Functions
|
jQuery Form Enhancement
- Using Form Selectors and Filters
- Handling Keyboard and Focus Events
- Improving Behavior and Appearance
- Performing Form Validation
- Using the Validation Plugin
|
Utility Functions
- Disabling Animations
- Using Other Libraries with jQuery
- String and Array Manipulation
|
jQuery Plugins
- Benefits of Plugins
- Integrating Popular Plugins
- Image Manipulation with Slideshows and Carousels
- Creating Custom Plugins
|
jQuery UI Overview
- Configuring and Downloading the UI Library
- Themes and Styles
- Using ThemeRoller
- Overview of UI Widgets
|
Course Benefits
- Course materials include
student guide, hands-on lab manual and USB flash drive for examples and lab
work
- Students
receive a certificate of completion at the end of class
- Students can
retake any portion of a class that has been completed, within 12 months at
no extra cost
- There are no
registration fees or cancellation fees
|
Add to favorites
Email this page
|