DOM Events and JavaScript: From Zero to Expert!
- Buy now
- Learn more
Section 1: Welcome To The Course!

Course Orientation and Curriculum Walkthrough
Setting Up Our Developer Environment
Section 2: DOM Events - Laying The Foundation

Inline Event Handlers: The Old Approach
Quiz: Inline Event Handlers
Event Handler Properties
Quiz: Event Handler Properties
Section 3: Event Listeners Explored

addEventListener: The New Approach
Quiz: addEventListener
removeEventListener
Quiz: removeEventListener
addEventListener: The Options Object
DOM Events and the Prototype Chain
Bonus!
Section 4: Introducing The Event Object!

The Event Object Explored
Quiz: The Event Object
Section 5: The Mouse Events

Click, MouseDown, and MouseUp
Quiz: Click, MouseDown, and MouseUp
DoubleClick
Quiz: DoubleClick
MouseMove
Quiz: MouseMove
MouseOver, MouseOut, MouseEnter, MouseLeave
Quiz: MouseOver, MouseOut, MouseEnter, MouseLeave
ContextMenu
Quiz: ContextMenu
Wheel
Quiz: Wheel
Section 6: The Keyboard Events

Keyboard Events Explored
Quiz: Keyboard Events Explored
The Keyboard Event Object: Useful Properties
Quiz: The Keyboard Event Object
Section 7: PreventDefault and the Submit Event

Understanding PreventDefault
The Submit Event
An Alternate Way to PreventDefault
Quiz: PreventDefault and the Submit Event
Section 8: Event Bubbling and Capturing

Event Bubbling and Capturing in Concept
Quiz: Event Bubbling and Capturing in Concept
Event Bubbling and Capturing in Code
Quiz: Event Bubbling and Capturing in Code
Stopping Event Propagation
Quiz: Stopping Event Propagation
Section 9: Event Delegation

Event Delegation Explained
Quiz: Event Delegation
CurrentTarget vs. Target
Quiz: CurrentTarget vs. Target
Section 10: The Focus and Blur Events

Exploring the Focus and Blur Events
Quiz: The Focus and Blur Events
Using Focus and Blur for User Validation
Focus and Blur Don't Bubble!
Quiz: Focus and Blur Don't Bubble!
Section 11: The Input and Change Events

Input Events Explained
Quiz: Input Events
Change Events Explained
Quiz: Change Events
Section 12: The Load and DOMContentLoaded Events

Understanding the Load Event
Quiz: The Load Event
DOMContentLoaded vs. Load Event
Quiz: DOMContentLoaded vs. Load Event
Section 13: The Scroll Event

The Scroll Event Explored
Quiz: The Scroll Event
Section 14: Debugging Event Listeners

4 Ways to Debug JavaScript Events
Section 15: Custom Events

How To Create Custom JavaScript Events
Custom Events and Decoupling
Mimicking Native Browser Events
Section 16: Final Chapter

DOM Events - A Whirlwind Journey!
Bonus!

Section 5: The Mouse Events

12 Lessons