Events, Manipulating Elements, and AJAX

Overview/Description
Target Audience
Prerequisites
Expected Duration
Lesson Objectives
Course Number
Expertise Level

---

Overview/Description
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.

Target Audience
Any web developer who has some experience with HTML, JavaScript, and CSS

Prerequisites
None

Expected Duration (hours)
1.9

Lesson Objectives

Events, Manipulating Elements, and AJAX

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

Course Number:
wd_jqes_a02_it_enus

Expertise Level
Beginner