CSET-115 Tech Requirements & Data Structures

Week 2: Handling Events

Main Objective: To learn the basics of asynchronous programs and react to user events in the browser.

Lessons:

1. Intro To Events
2. Eloquent JS: Handling Events
3. Interneting Is Hard: Forms

Project:

Follow the project instructions as best you can. You can ask for help from your team or the tutors, if needed. All work is due at the end of class on Friday, October 30^th.

Assessment:

Follow these guidelines to answer the following questions. Due at the end of class on Friday, October 30^th. Remember this is CSET-115, so your file should be at the following path: cset/115/assessment-2.md.

• In the next few weeks, we'll be learning how professional developers work on larger projects. What are you most looking forward to in this section?
• Briefly explain event propogation and bubbling using an example of two nested HTML elements.
• You learned to use addEventListener on a DOM node to listen for a type of event and create a function to handle that event. When the event happens, that function is called with an Event Object that gives you more information about the event. Choose two different event types and explain two properties of each that are unique to that event. Use your MDN reference for help.

Reference:

• MDN: First Class Functions
• MDN: General Asynchronous Programming Concepts
• MDN: Introdution to Events
• MDN Reference: Events
• MDN Reference: <form>

More Resources:

• JavaScript Scene: Higher Order Functions (Composing Software)
• MDN Guide: Working With Forms
• Odin Project: DOM Manipulation and Events