codex-lv2-may-2025

Week 5: Event-Driven Apps

🎯 Overview

Welcome to Week 5! This week focuses on event-driven programming using Code.org’s self-paced course. You’ll learn how to build interactive applications that respond to user input, handle events, and create engaging user experiences.

Note: We’ll be using Lessons from Code.org’s self-paced course on event-driven programming. You may also wish to review additional lessons and videos from Event-Driven Programming in App Lab as supplementary resources.

---

📅 Weekly Schedule

Monday

• Lesson 1: Intro to App Lab
  • Code.org Link
• Lesson 2: Buttons and Events
  • Code.org Link

Tuesday

• Lesson 3: Build a Clicker App in Code.org
  • Code.org Link
  • 📖 View Lesson

Wednesday

• Lesson 4: Mad Libs Game - Input and Strings
  • Code.org Link
  • 📖 View Lesson

Thursday

• Lesson 5: Water Conservation App - Interactive (VSCode)
  • 📖 View Lesson
• Lesson 6: Mad Libs Game - Interactive (VSCode)
  • 📖 View Lesson

Friday

• Challenge: Native DOM Functions - Replacing Helper Functions
  • 📖 View Challenge
• Review and Revise: Learn about the DOM and how to code events directly. Practice building interactive applications in VSCode.

---

🎯 Learning Focus

• Event-driven programming concepts
• User interaction and input handling
• Building interactive applications
• DOM manipulation
• VSCode project development

---

📚 Lesson Progression

Lesson 1: Intro to App Lab

📖 View Lesson

Summary: Start your journey into event-driven programming with App Lab. Learn the basics of interactive applications and how they respond to user input.

Key Skills:

• App Lab interface navigation
• Event-driven programming concepts
• Basic app structure understanding

---

Lesson 2: Buttons and Events

📖 View Lesson

Summary: Learn how to make your apps interactive with buttons and event handling. Understand the flow from user action to app response.

Key Skills:

• Button creation and styling
• Event handler functions
• User interaction patterns

---

Lesson 3: Build a Clicker App

📖 View Lesson

Summary: Apply your knowledge to build a complete clicker app. Practice managing app state and creating engaging user experiences.

Key Skills:

• Complete app development
• State management
• User feedback systems

---

Lesson 4: Mad Libs Game

📖 View Lesson

Summary: Learn input handling and string manipulation with a fun Mad Libs game. Understand how to collect and process user text input.

Key Skills:

• Text input handling
• String manipulation
• Dynamic content generation

---

Lesson 5: Water Conservation App - Interactive

📖 View Lesson

Summary: Update your Week 4 Water Conservation App HTML wireframe to be interactive by adding JavaScript functionality.

Key Skills:

• JavaScript event handling
• DOM manipulation with and without helper functions
• Interactive app development

---

Lesson 6: Mad Libs Game - Interactive

📖 View Lesson

Summary: Update your Week 4 Mad Libs Game HTML wireframe to be interactive by adding JavaScript functionality.

Key Skills:

• Form handling and input validation
• String manipulation and story generation
• DOM manipulation with and without helper functions

---

Challenge: Native DOM Functions - Replacing Helper Functions

📖 View Challenge

Summary: Take your Lesson 5 or Lesson 6 project and refactor it to use native JavaScript instead of helper functions. Learn to work directly with the DOM API.

Key Skills:

• Understanding helper function internals
• Native JavaScript DOM methods
• Code refactoring techniques
• Git branch management
• Advanced DOM manipulation

---

🚀 Get Started

Begin with Lesson 1: Intro to App Lab to start your event-driven programming journey!