Your Ultimate Guide to Understanding DOM Events by Alex Reardon

• Introduction to the DOM Events Course
• High-Level DOM Events Concepts
• Listen to Events using HTML Attribute Event Handlers
• Listen to Events using Object Property Event Handlers
• Understand the Relationship Between HTML Attribute and Object Property Event Handlers
• Add an Event Listener with addEventListener
• Remove an Event Listener with removeEventListener
• Choose an Event Listener Mechanism
• The Execution Order of Event Listeners
• The Execution Order of Event Listeners in the Target Phase
• The Event Object
• Log Events to the Console
• Cancel Events
• Cancel Bespoke Events
• Stop Events
• The Event Delegation Pattern
• Create and Dispatch Synthetic Events
• Deprecated Event Creation Mechanisms
• Events are Dispatched Synchronously
• Add and Remove Event Listeners while an Event is Dispatching
• DOM Events and the Event Loop
• DOM Events and Microtasks
• Improve Scroll Performance with Passive Event Listeners
• Default Passive Values on the Body Element
• Synchronous and Asynchronous Events (Ordered and Unordered Events)
• Window Reflecting Body Element Event Handlers
• Debug and Inspect Event Listeners with Chrome Developer Tools
• Debug Event Listener Performance with Chrome Developer Tools