Events & Actions

Events & Actions

1
2
3
4
5
6

Explore how user interactions, key presses, sprite touches, and system signals trigger executable code blocks.

Level 1

1: Cause & Effect

Recognise that user triggers cause digital actions

Learning objective

Identify basic event triggers like clicking a green flag or tapping a sprite to start code execution.

Let's Go!

Learn

An EVENT is an action that happens (like tapping a key or clicking a sprite). An ACTION is what the computer does in response (like playing a sound or moving).

Content

Unsupported content component

Interactive Card

Try it yourself

Task Checklist

๐ŸŒŸ Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)โ–พ

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Recognises that clicking a button makes a sprite move.

Developing

Identifies 'when green flag clicked' and 'when sprite clicked' as code triggers.

Secure (Goal)

Creates code sequences that execute when triggered by specific user clicks.

Mastery

Explains the cause-and-effect relationship between event triggers and digital actions.

๐Ÿ‘€ What A Good One Looks Like (WAGOLL)

Exemplar Standard

A top-tier student project for 1: Cause & Effect includes:

  • Core Deliverable: Task Checklist
  • Target Quality: Creates code sequences that execute when triggered by specific user clicks.
  • Excellence & Polish: Explains the cause-and-effect relationship between event triggers and digital actions.
๐Ÿ“
Save to Your Website Portfolio:

When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!

โญSelf-Assessment: How confident do you feel with this skill?

Reflect

Plenary

Unsupported plenary component

Reflection Prompt

Learning check

Learning Check

Which block starts a script when you tap the green flag?

Select the correct answer to unlock your next coding challenge.

Answer correctly to unlock the next level.

Awesome! The Green Flag event block starts your code execution.Not quite. Look for the block with the green flag symbol.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: See-Think-Wonder

Achievement pathway

  • Foundation: Recognises that clicking a button makes a sprite move.
  • Developing: Identifies 'when green flag clicked' and 'when sprite clicked' as code triggers.
  • Secure: Creates code sequences that execute when triggered by specific user clicks.
  • Mastering: Explains the cause-and-effect relationship between event triggers and digital actions.

Curriculum links

Curriculum strand: Events & Actions

Outcome: AP.01.B.1.1 โ€” Recognise that user triggers cause digital actions

PYP: Form ยท Digital signals convert physical user actions into visible screen behavior.

Learner profile: Inquirer

Competency tags

  • ['digital-literacy'
  • 'cause-effect']

Gate support

Accessibility alternative:

Teacher override: allow

Back to top

Locked level

Level 2: 2: Key & Click

Complete the previous learning check to unlock this next level.

Level 2

2: Key & Click

Program distinct responses for keyboard arrow keys and mouse clicks

Learning objective

Program separate event scripts triggered by specific arrow key presses and mouse clicks.

Let's Go!

Learn

Different keys generate different event signals. By creating separate scripts for 'Up Arrow', 'Down Arrow', 'Left Arrow', and 'Right Arrow', you give your sprite full 2D movement!

Content

Unsupported content component

Interactive Card

Try it yourself

Task Checklist

๐ŸŒŸ Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)โ–พ

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Presses arrow keys to move sprites using pre-made scripts.

Developing

Attaches directional movement blocks to specific arrow key event hats.

Secure (Goal)

Builds a complete 4-way arrow key navigation system for a character sprite.

Mastery

Evaluates responsiveness and control ergonomics of key press event triggers.

๐Ÿ‘€ What A Good One Looks Like (WAGOLL)

Exemplar Standard

A top-tier student project for 2: Key & Click includes:

  • Core Deliverable: Task Checklist
  • Target Quality: Builds a complete 4-way arrow key navigation system for a character sprite.
  • Excellence & Polish: Evaluates responsiveness and control ergonomics of key press event triggers.
๐Ÿ“
Save to Your Website Portfolio:

When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!

โญSelf-Assessment: How confident do you feel with this skill?

Reflect

Plenary

Unsupported plenary component

Reflection Prompt

Learning check

Learning Check

If you want your sprite to move left when the Left Arrow is pressed, which x change value should you use?

Select the correct answer to unlock your next coding challenge.

Answer correctly to unlock the next level.

Spot on! Changing x by -10 moves your sprite left horizontally.Remember, left is negative along the horizontal X-axis.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: Think-Pair-Share

Achievement pathway

  • Foundation: Presses arrow keys to move sprites using pre-made scripts.
  • Developing: Attaches directional movement blocks to specific arrow key event hats.
  • Secure: Builds a complete 4-way arrow key navigation system for a character sprite.
  • Mastering: Evaluates responsiveness and control ergonomics of key press event triggers.

Curriculum links

Curriculum strand: Events & Actions

Outcome: AP.01.B.1.1 โ€” Program distinct responses for keyboard arrow keys and mouse clicks

PYP: Function ยท Input devices generate distinct event codes to control digital systems.

Learner profile: Communicator

Competency tags

  • ['interactive-design'
  • 'event-handling']

Gate support

Accessibility alternative:

Teacher override: allow

Back to top

Locked level

Level 3: 3: Sprite Collisions

Complete the previous learning check to unlock this next level.

Level 3

3: Sprite Collisions

Detect sprite collision events to trigger game interactions

Learning objective

Program collision event scripts using 'touching sprite' and 'touching color' sensing blocks.

Let's Go!

Learn

Collision detection constantly checks if two sprites or colors overlap. When a collision occurs, it fires an action like playing a sound, adding points, or hiding the sprite!

Content

Unsupported content component

Interactive Card

Try it yourself

Task Checklist

๐ŸŒŸ Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)โ–พ

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Observes sprites reacting when they touch each other.

Developing

Uses 'if touching sprite then' blocks inside a forever loop to detect collisions.

Secure (Goal)

Designs collision mechanics like collecting items or resetting player position on obstacle touch.

Mastery

Optimizes collision detection responsiveness and prevents multi-trigger glitches.

๐Ÿ‘€ What A Good One Looks Like (WAGOLL)

Exemplar Standard

A top-tier student project for 3: Sprite Collisions includes:

  • Core Deliverable: Task Checklist
  • Target Quality: Designs collision mechanics like collecting items or resetting player position on obstacle touch.
  • Excellence & Polish: Optimizes collision detection responsiveness and prevents multi-trigger glitches.
๐Ÿ“
Save to Your Website Portfolio:

When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!

โญSelf-Assessment: How confident do you feel with this skill?

Reflect

Plenary

Unsupported plenary component

Reflection Prompt

Learning check

Learning Check

What happens if you check 'if touching sprite' ONCE at startup without a forever loop?

Select the correct answer to unlock your next coding challenge.

Answer correctly to unlock the next level.

Exactly right! Without a forever loop, the check only happens once at startup.Think about continuous monitoring vs a single snapshot check.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: I Used to Think... Now I Think...

Achievement pathway

  • Foundation: Observes sprites reacting when they touch each other.
  • Developing: Uses 'if touching sprite then' blocks inside a forever loop to detect collisions.
  • Secure: Designs collision mechanics like collecting items or resetting player position on obstacle touch.
  • Mastering: Optimizes collision detection responsiveness and prevents multi-trigger glitches.

Curriculum links

Curriculum strand: Events & Actions

Outcome: AP.02.B.1.1 โ€” Detect sprite collision events to trigger game interactions

PYP: Connection ยท Collisions between digital elements trigger dynamic system changes.

Learner profile: Thinker

Competency tags

  • ['game-design'
  • 'collision-detection']

Gate support

Accessibility alternative:

Teacher override: allow

Back to top

Locked level

Level 4: 4: Broadcast Messages

Complete the previous learning check to unlock this next level.

Level 4

4: Broadcast Messages

Synchronize multi-sprite stories using broadcast signals

Learning objective

Coordinate multi-sprite dialogues, level changes, and game state transitions using broadcast messages.

Let's Go!

Learn

Broadcasting is like making an announcement over a school loudspeaker. One sprite shouts 'broadcast Level 2', and any sprite listening for 'when I receive Level 2' instantly runs its code!

Content

Unsupported content component

Interactive Card

Try it yourself

Task Checklist

๐ŸŒŸ Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)โ–พ

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Recognises that one sprite can trigger actions in another sprite.

Developing

Uses 'broadcast message' and 'when I receive message' blocks to coordinate two sprites.

Secure (Goal)

Constructs multi-scene animated stories and multi-level games using broadcast signals.

Mastery

Architects clean message-passing structures to prevent message broadcast loops and race conditions.

๐Ÿ‘€ What A Good One Looks Like (WAGOLL)

Exemplar Standard

A top-tier student project for 4: Broadcast Messages includes:

  • Core Deliverable: Task Checklist
  • Target Quality: Constructs multi-scene animated stories and multi-level games using broadcast signals.
  • Excellence & Polish: Architects clean message-passing structures to prevent message broadcast loops and race conditions.
๐Ÿ“
Save to Your Website Portfolio:

When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!

โญSelf-Assessment: How confident do you feel with this skill?

Reflect

Plenary

Unsupported plenary component

Reflection Prompt

Learning check

Learning Check

Which block sends a signal to all sprites and waits for their scripts to finish before moving on?

Select the correct answer to unlock your next coding challenge.

Answer correctly to unlock the next level.

Correct! 'broadcast and wait' pauses the sender until all receiving scripts complete.Notice the difference between firing a signal instantly vs waiting for completion.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: Connect-Extend-Challenge

Achievement pathway

  • Foundation: Recognises that one sprite can trigger actions in another sprite.
  • Developing: Uses 'broadcast message' and 'when I receive message' blocks to coordinate two sprites.
  • Secure: Constructs multi-scene animated stories and multi-level games using broadcast signals.
  • Mastering: Architects clean message-passing structures to prevent message broadcast loops and race conditions.

Curriculum links

Curriculum strand: Events & Actions

Outcome: AP.02.B.1.1 โ€” Synchronize multi-sprite stories using broadcast signals

PYP: Responsibility ยท Broadcast signals enable asynchronous coordination across independent software modules.

Learner profile: Principled

Competency tags

  • ['system-coordination'
  • 'asynchronous-signals']

Gate support

Accessibility alternative:

Teacher override: allow

Back to top

Locked level

Level 5: 5: Custom Event Listeners

Complete the previous learning check to unlock this next level.

Level 5

5: Custom Event Listeners

Construct custom value and threshold event triggers

Learning objective

Program custom event triggers that activate automatically when variables cross numerical thresholds.

Let's Go!

Learn

Custom event listeners monitor background system states (like timer countdowns, health points, or loudness). When the value crosses your target number, the event fires immediately!

Content

Unsupported content component

Interactive Card

Try it yourself

Task Checklist

๐ŸŒŸ Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)โ–พ

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Identifies basic variable changes on screen.

Developing

Uses 'when [timer > 10]' or 'when [score > 50]' event hat blocks.

Secure (Goal)

Programs automated game-over and win-condition listeners based on variable thresholds.

Mastery

Evaluates the performance impact of continuous event polling vs listener-driven architecture.

๐Ÿ‘€ What A Good One Looks Like (WAGOLL)

Exemplar Standard

A top-tier student project for 5: Custom Event Listeners includes:

  • Core Deliverable: Task Checklist
  • Target Quality: Programs automated game-over and win-condition listeners based on variable thresholds.
  • Excellence & Polish: Evaluates the performance impact of continuous event polling vs listener-driven architecture.
๐Ÿ“
Save to Your Website Portfolio:

When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!

โญSelf-Assessment: How confident do you feel with this skill?

Reflect

Plenary

Unsupported plenary component

Reflection Prompt

Learning check

Learning Check

Which block automatically triggers code the moment your score reaches 100?

Select the correct answer to unlock your next coding challenge.

Answer correctly to unlock the next level.

Spot on! When score > 99 activates instantly as soon as score reaches 100.Compare fixed hat blocks against custom threshold conditions.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: 3-2-1 Bridge

Achievement pathway

  • Foundation: Identifies basic variable changes on screen.
  • Developing: Uses 'when [timer > 10]' or 'when [score > 50]' event hat blocks.
  • Secure: Programs automated game-over and win-condition listeners based on variable thresholds.
  • Mastering: Evaluates the performance impact of continuous event polling vs listener-driven architecture.

Curriculum links

Curriculum strand: Events & Actions

Outcome: AP.03.B.1.1 โ€” Construct custom value and threshold event triggers

PYP: Perspective ยท System state thresholds trigger automated background monitoring routines.

Learner profile: Knowledgeable

Competency tags

  • ['event-driven-architecture'
  • 'threshold-monitoring']

Gate support

Accessibility alternative:

Teacher override: allow

Back to top

Locked level

Level 6: 6: Asynchronous Event Systems

Complete the previous learning check to unlock this next level.

Level 6

6: Asynchronous Event Systems

Design non-blocking asynchronous event-driven software

Learning objective

Design and optimize complex event-driven projects handling multiple simultaneous user inputs without thread lockup.

Let's Go!

Learn

Modern software is event-driven and asynchronous. Multiple events (clicks, network data, audio loops) happen concurrently. Decoupling event handlers ensures your user interface stays smooth and fast!

Content

Unsupported content component

Interactive Card

Try it yourself

Task Checklist

๐ŸŒŸ Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)โ–พ

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Understands that multiple scripts can run at the same time.

Developing

Identifies and resolves event race conditions and message interference.

Secure (Goal)

Builds responsive multi-input applications with decoupled event controllers and state managers.

Mastery

Critiques event-driven architecture efficiency and implements non-blocking execution patterns.

๐Ÿ‘€ What A Good One Looks Like (WAGOLL)

Exemplar Standard

A top-tier student project for 6: Asynchronous Event Systems includes:

  • Core Deliverable: Task Checklist
  • Target Quality: Builds responsive multi-input applications with decoupled event controllers and state managers.
  • Excellence & Polish: Critiques event-driven architecture efficiency and implements non-blocking execution patterns.
๐Ÿ“
Save to Your Website Portfolio:

When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!

โญSelf-Assessment: How confident do you feel with this skill?

Reflect

Plenary

Unsupported plenary component

Reflection Prompt

Learning check

Learning Check

What is the primary advantage of asynchronous event-driven programming?

Select the correct answer to unlock your next coding challenge.

Answer correctly to complete this strand.

Bingo! Asynchronous handling keeps software fast and responsive under heavy user interaction.Think about thread concurrency and user responsiveness.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: What If...?

Achievement pathway

  • Foundation: Understands that multiple scripts can run at the same time.
  • Developing: Identifies and resolves event race conditions and message interference.
  • Secure: Builds responsive multi-input applications with decoupled event controllers and state managers.
  • Mastering: Critiques event-driven architecture efficiency and implements non-blocking execution patterns.

Curriculum links

Curriculum strand: Events & Actions

Outcome: AP.03.B.1.1 โ€” Design non-blocking asynchronous event-driven software

PYP: Reflection ยท Asynchronous event architectures power concurrent, multi-threaded modern digital applications.

Learner profile: Reflective

Competency tags

  • ['asynchronous-programming'
  • 'software-architecture']

Gate support

Accessibility alternative:

Teacher override: allow

๐ŸŽ’ Students Home โ†’

Install App for Classroom

One-click fullscreen learning for Chromebooks, iPads & PCs

๐Ÿ–ฅ๏ธ
Distraction-FreeFullscreen window without browser tabs or search clutter.
โšก
1-Tap LaunchPin directly to the Chromebook shelf, iPad dock, or Windows taskbar.
๐Ÿ“ถ
Classroom SpeedInstant cached loads for lessons and simulators even on school Wi-Fi.
๐Ÿ”’
Safe & Ad-Free100% free, private, and no app store logins or passwords needed.
  1. 1
    Click the Install button

    In your browser, look at the right end of the top web address bar for the ๐Ÿ’ป Install or โค“ icon.

  2. 2
    Confirm "Install"

    A popup will ask if you want to install "Ed Tech Hub". Click Install.

  3. 3
    Pin to your Shelf

    Right-click (or two-finger tap) the app icon in your Chromebook bottom shelf and select "Pin"!