NOTE the pre-work lab has a repo that must be opened for students when the pre-reading is opened
Events and event listeners are one of the most basic mechanisms for wiring JavaScript to user interactions (such as clicks). Students will start to learn about events and handling events in JavaScript.
By the end, students should understand how to:
- add event listeners
- remove event listeners
- listen for events on a page
- optimize by leveraging event delegation
Events, Event Listeners, bubbling & delegation, this & bind()
| Assets | Time | |
|---|---|---|
| SLIDES | event-listeners-and-handlers.key | |
| LECTURE | Sample Lecture (1802-RM) Sample Lecture (1806-GH) Sample Lecture (1809-CH) |
30 Min |
| Workshop | learndot | 2:30 Hrs |
| Starting Point | Github | |
| Solution | Github solution branch |
| Assets | Time | |
|---|---|---|
| Pixelate | Review Video |
It is sometimes useful to have students complete a small lab before the lecture, and this approach works very well for this module. Students tend to ask better questions during the lecture and retain more. So, the instructor is encouraged to do Whack-a-mole first, followed by the Event Listeners and Handlers lecture, and finally the Pixelate Pair Exercise.
EB and GLL decided to make the lab pre-work