2013
Lynda
Ray Villalobos
2:10
English
Learn about the different types of JavaScript events available to use in your applications, including traditional events like mouse, form, and window events, plus events that allow you to manage the DOM and HTML5 events that deal with media. Author Ray Villalobos shows how to propagate and register events during the capturing and bubbling phases, cancel an event or default behavior, and respond to clicks, mouse-overs, right-clicks, following the mouse, and loading images. Plus, Ray demos an audio jukebox project and a drag-and-drop game that shows JavaScript desktop and touch events in action.
Introduction
Introduction 1m 2s
What you should know 53s
Using the exercise files 43s
1. Learning about Events
Understanding event registration 5m 10s
Using events with old browsers 2m 12s
Analyzing event properties 5m 0s
Understanding event propagation 4m 54s
Stopping event propagation 1m 35s
Cancelling default behavior 2m 25s
2. Working with Common Events
Removing DOM elements with events 7m 29s
Cleaning up event issues 7m 11s
Creating DOM elements with events 7m 39s
Removing an event 5m 58s
Preventing default events 5m 7s
3. Working with Time-Based Events
Creating a spinner graphic for large image loads 10m 26s
Playing media events 8m 53s
Monitoring media-ended events 4m 20s
Handling media pauses 5m 4s
Starting a new song 8m 6s
4. JavaScript: Events in Action
What we'll be building 1m 5s
Preparing SVG assets 2m 50s
Setting up our core files 7m 45s
Starting to drag 6m 44s
Dragging and dropping 4m 8s
Dealing with layers 3m 13s
Adding touch events 9m 6s
Conclusion
Next steps 1m 37s
http://www.lynda.com/JavaScript-tutorials/JavaScript-Events/140780-2.html
Download File Size:417.34 MB
|
