đ Key Learning Outcomes
- Understanding what events are and how they flow through the DOM.
- Learning how to listen, respond to, and cancel events.
- Exploring the order of event listeners and the information available in event objects.
- Discovering how to stop events, create events, and work with the Event Loop.
đ¨âđĢ About the Course
This course delves into the foundational skill of listening to and responding to events in web development. You will gain a strong understanding of the DOM event system and how to leverage it effectively, whether you are a beginner or a seasoned veteran. The course uses the DOM Event Visualizer domevents.dev to enhance learning.
đ¯ Target Audience
- Ideal for frontend engineers looking to deepen their understanding of the DOM event system.
- Suitable for both beginners and experienced developers seeking to improve their event handling skills.
â Requirements
- Basic knowledge of JavaScript and familiarity with HTML and CSS is recommended.
đ Course Content
- Introduction to the DOM Events Course.
- High-Level DOM Events Concepts.
- Listening to Events using HTML Attribute Event Handlers.
- Understanding the Relationship Between HTML Attribute and Object Property Event Handlers.
- Adding and Removing Event Listeners.
- Exploring the Execution Order of Event Listeners.
- Working with the Event Object and Debugging Events in the Browser.
Drop a comment
Your Ultimate Guide to Understanding DOM Events by Alex Reardon
Log in to leave a feedback
Loginđ Psst! Interested in More JavaScript Courses?
The Hard Parts of Asynchronous JavaScriptVideo
by Will Sentance
đšī¸ Levels: đ Advanced
âŗ Duration: 5 hours
đ¤ Price: Subscription
đ§âđģ Learning Platform: Frontend Masters
JavaScript Testing Practices and PrinciplesVideo
by Kent C. Dodds
đšī¸ Levels: đ Intermediate
âŗ Duration: 3.5 hours
đ¤ Price: Subscription
đ§âđģ Learning Platform: Frontend Masters
Learn jQuery: DOM TraversingWrittenInteractive
đšī¸ Levels: đ Intermediate
âŗ Duration: 1 hours
đ¤ Price: Free
đ§âđģ Learning Platform: Codecademy