Events Introduction - DOM In Depth
Let's take a look at how Events work in the DOM together. This is an introduction to Events and we'll look at topics like bubbling, capture and delegation in the following videos.
We start with an analogy of how Events work in Javascript and the nature of these in relation to the event-driven programming paradigm.
We then look at the various event types and how the "on-*" Event attributes work in HTML.
To follow this up we look at how we can use both addEventListener and removeEventListener to dynamically add multiple events all through just Javascript in the DOM.
Chapters:
00:00 Introduction
00:41 Events Overview
04:28 Events Analogy
09:39 Some Event Types
12:35 on Attribute for Events
14:46 on-Attribute Code Examples
28:15 addEventListener
37:02 removeEventListener
40:30 Next Steps
📦 Github Repository with the notes and exercise code+solutions: https://github.com/Nooder/dom-in-depth
💬 Come join us on Discord to chat with a like-minded community about tech and learning: / discord
🏅Support the channel and content through Super Thanks, Channel Memberships, or on Patreon: / techwithnader