Prep: Interaction and events
Session goals
By the end of this session students will be able to do the following with JavaScript:
Create interactivity by responding to user inputs
Handle browser events in a program that accounts for various possible states
Interpret error messages
Find and fix problems in your programs (debugging)
Videos and readings
Please set aside time to watch the following priority videos before class.
Together the new video segments are about 55 minutes.
If you learn best by reading, check out the assigned MDN articles and chapters of the online textbook Eloquent JavaScript.
Priority
Learn JavaScript Event Listeners in 4 Minutes, 4m 36s, Coding2GO (Fabian), YouTube, 10 Jul 2024.
How to select DOM elements - #1 querySelector, 5m, Deeecode The Web (Dillion Megida), YouTube, 12 Oct 2022.
Event Bubbling in JavaScript, Simplified, 3m 41s, Deeecode The Web (Dillion Megida), YouTube, 29 Oct 2022.
Event Delegation in JavaScript, Simplified, 8m 45s, Deeecode The Web (Dillion Megida), YouTube, 31 Oct 2022.
Event.target in JavaScript, Simplified, 7m 53s, Deeecode The Web (Dillion Megida), YouTube, 22 Nov 2022.
JavaScript Form Validation, 6m 38s, Web Dev Simplified (Kyle), YouTube, 18 Jun 2019.
3 types of errors in JavaScript, using code examples, 4m 38s, Deeecode the Web (Dillion Megida), YouTube, 2023
Best Debugging Tips for Beginners, 11m 56s, Web Dev Simplified, YouTube, 2020
EventTarget: addEventListener() method, MDN web docs, last modified 6 Mar 2025.
Introduction to events, MDN web docs, last modified 19 Dec 2024.
Event bubbling, MDN web docs, last modified 20 Dec 2024.
Handling Events, chapter from book Eloquent JavaScript, 4th ed. (2018), Marijn Haverbeke.
Also recommended
11 Ways to Select Elements to Style in CSS, 14m 13s, Deeecode The Web (Dillion Megida), YouTube, 15 Sept 2022.
JavaScript Cookies vs Local Storage vs Session Storage, 14m 27s, Web Dev Simplified, YouTube, 12 Jan 2019.
How to Store Objects and Arrays in Local Storage, 3m 14s, Deeecode The Web, YouTube, 22 Aug 2022.
JavaScript and the Browser, chapter from book Eloquent JavaScript, 4th ed. (2024), Marijn Haverbeke.
Bugs and Errors, chapter from book Eloquent JavaScript, 4th ed. (2024), Marijn Haverbeke