Week 11 · 45-60 min

JavaScript Events

Week Summary

A quick preview of the main ideas in this week before you begin the slides.

Review these key terms before starting this week. They are kept simple so students can learn the new vocabulary before moving into the slides.

Slide 1💡

Progress

1 / 8

Learning goal

Respond to user actions using event listeners.

Read one card at a time. Focus on the main idea first, then look at the visual on the right to help it stick.

An event is an action a user takes on a webpage.

Examples include clicks, typing, hovering, and submitting a form.

JavaScript can listen for these events.

Events are the foundation of interactive webpages.

They connect DOM work to real user behavior.

Remember

Events are how webpages react to what users do.

Slide 1 of 8

Use arrows or dots to move through the lesson

Coming Next Week: Next: Review, Polish, and Wrap-Up

Complete the "Build a Personal Website" project across weeks 11-12.

Day 1: Sketch a site map and wireframe for 3-4 pages.
Day 2: Build the HTML structure for all pages with consistent navigation.
Day 3: Create an external stylesheet and apply consistent colors and fonts.
Day 4: Build a Flexbox-based layout for at least one page.
Day 5: Make the site responsive using a media query and relative units.
Day 6: Add one interactive JavaScript feature such as a content-changing button, form validator, or click counter.
Day 7: Test the site across different screen sizes and fix layout issues.
Day 8: Review all pages for consistent styling, working links, and correct alt text.
Day 9: Prepare a short walkthrough explaining design and code choices.
Day 10: Present the website live, demonstrating navigation and the interactive feature.