Font size:


This is a bundled training package. It contains training for each of the bundled items below:

Course Price
Common Widgets and Animation $74.95
Introduction to jQuery $74.95
Events, Manipulating Elements, and AJAX $74.95

Bundle Price: $139.00
Total Savings: $85.85

Common Widgets and Animation

jQuery and jQuery UI provide a large assortment of very useful widgets and animation tools that can be used to make a very interactive web page. In this course you will learn about some of the most common and useful widgets as well as how jQuery and jQuery UI can help animate the elements of your web page.

Learning Objectives
  • Start the course
  • Create a dialog popup box
  • Add custom buttons to a dialog popup box
  • Create and use a modal dialog box
  • Use and configure a datepicker widget
  • Create a tabs widget with multiple tabs
  • Add tabs dynamically to a tabs widget
  • Open a specific tab on page refresh or load
  • Work with the autocomplete widget
  • Use AJAX to provide data for a dynamic autocomplete widget
  • Use fadeIn(), fadeOut(), fadeTo(), and fadeToggle() to fade elements
  • Add a sliding motion to an element using slideDown(), slideUp(), and slideToggle()
  • Use animate() to animate an element and set the speed of the animation
  • Stop an animation before it has completed
  • Determine when an animation has completed before taking additional action on the element
  • Use color animations to animate color properties of an element
  • Use the Drop, Explode, Puff, Pulsate, and Fold effects on elements
  • Use the Blind, Bounce, Clip, Scale, and Shake effects on elements
  • Transfer the outline of one element to another element to create a visual interaction between the elements
  • Work with queues to build a set of functions to run on an element
  • Create a web page containing a widget and use animation to make the web page more interactive

Introduction to jQuery

jQuery is a powerful JavaScript library that provides an easy-to-use interface to manipulate web pages dynamically. In this course you will learn how to integrate and use jQuery within a web page and learn how jQuery makes DOM manipulation easy.

Learning Objectives
  • Start the course
  • Describe the differences between jQuery and jQuery UI and how they are used to create dynamic web sites
  • Create a web page that includes jQuery and use the console to confirm the library has loaded
  • Recognize how jQuery is referenced, how chaining works, and how to prevent conflicts with $
  • Use the Document Ready event and its shortcut
  • Recognize selectors and how they can be used
  • Bind an event to an element and trigger it
  • Use text(), html(), and val() to retrieve the contents of an element
  • Set the contents of an element using text(), html(), and val()
  • Use css() to get and set one or more CSS properties for an element
  • Insert an element using append(), prepend(), after(), and before()
  • Remove an element and describe the differences between remove() and empty()
  • Select and modify elements by their assigned classes
  • Describe how jQuery can traverse through the DOM to find or select elements
  • Use parent() and children() methods to move up and down the DOM tree
  • Walk the children of an element using siblings(), next(), and prev() methods
  • Filter the returned group of elements using first(), last(), not(), and eq()
  • Create a web page and manipulate elements using jQuery

Events, Manipulating Elements, and AJAX

jQuery's power is in its ability to manipulate the DOM and handle user interactions. In this course you will learn about event handling, manipulating events, and get an introduction to AJAX and how it can be used to dynamically manage a web page.

Learning Objectives
  • Start the course
  • Distinguish and describe how to manipulate event types
  • Create click(), dblclick(), mouseenter(), mouseleave(), and hover() events for an element
  • Use and manipulate keyboard presses using the keypress(), keydown(), and keyup() events
  • Bind events dynamically to an element and trigger them
  • Work with the change(), submit(), focus(), and blur() event handlers
  • Create ready() document events
  • Use the resize(), and scroll() browser events
  • Describe the difference between prop() and attr() as well as identify and properly use prop() and attr() to get and set properties and attributes
  • Describe and use dimension methods like width() and height() to manipulate the inner, outer, and actual height and width of an element
  • Add, remove, and change elements and classes
  • Clone an element or set of elements
  • Use wrap() and unwrap() to add or remove parents to an element
  • Show and hide elements and start a web page with a hidden element
  • Describe AJAX and how AJAX has evolved
  • Describe the usage of the AJAX event handlers
  • Create an AJAX request
  • Create an error handler to display any AJAX communication errors
  • Create an AJAX request and display content from the requested data
  • Use AJAX to make a request and update an element on the web page based on the response
Register Now
jQuery Essentials e-learning bundle
  • Course ID:
  • Duration:
  • Price: