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!
Products
Course
Section
Section 15: Custom Events
Section 15: Custom Events
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!
3 Lessons
How To Create Custom JavaScript Events
Custom Events and Decoupling
Mimicking Native Browser Events