Block Coding

Block-Based Programming & Visual Scripting

1
2
3
4
5
6

Master visual programming by snapping together color-coded logic blocks in environments like ScratchJr and Scratch to create interactive stories, animations, and games.

Level 1

Drag & Snap

Drag and connect visual code blocks to execute simple motion sequences.

Learning objective

Understand how to drag, snap, and detach visual coding blocks to create a linear sequence of movements.

Let's Go!

Learn

In block-based programming environments like ScratchJr, instructions are shaped like visual puzzle pieces. Motion blocks move sprites across the screen, and trigger blocks start the action when tapped.

Content

Unsupported content component

StandardContent

Try it yourself

Connect Movement Blocks

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

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Recognises block shapes with teacher assistance.

Developing

Drags and snaps motion blocks together in a single script.

Secure (Goal)

Independently snaps motion blocks in correct order and runs the script to move a character.

Mastery

Explains how block order changes character movement and fixes detached blocks.

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

Exemplar Standard

A top-tier student project for Drag & Snap includes:

  • Core Deliverable: Connect Movement Blocks
  • Target Quality: Independently snaps motion blocks in correct order and runs the script to move a character.
  • Excellence & Polish: Explains how block order changes character movement and fixes detached blocks.
๐Ÿ“
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

How did changing the block order affect where your character moved?

Low
High

Learning check

Learning Check

What happens when you snap a Move Right block after a Green Flag block?

Choose the correct answer below:

Answer correctly to unlock the next level.

Correct! Snapping blocks to the Start block executes them sequentially.Incorrect. Remember that connected blocks run when the trigger event happens.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: See Think Wonder

Achievement pathway

  • Foundation: Recognises block shapes with teacher assistance.
  • Developing: Drags and snaps motion blocks together in a single script.
  • Secure: Independently snaps motion blocks in correct order and runs the script to move a character.
  • Mastering: Explains how block order changes character movement and fixes detached blocks.

Curriculum links

Curriculum strand: AP.01.B.1.1

Outcome: AP.01.B.1.1 โ€” Drag and connect visual code blocks to execute simple motion sequences.

PYP: Form ยท Digital code uses structured blocks to communicate instructions to sprites.

Learner profile: Inquirer

Competency tags

  • block-coding
  • scratchjr
  • drag-and-drop
  • sequencing

Gate support

Accessibility alternative:

Teacher override: allow

Back to top

Locked level

Level 2: Events & Actions

Complete the previous learning check to unlock this next level.

Level 2

Events & Actions

Trigger sprite scripts using interactive event blocks like key presses and sprite clicks.

Learning objective

Learn how event blocks trigger specific scripts when keys are pressed or characters are clicked.

Let's Go!

Learn

Event blocks act as program starters. Because they trigger scripts based on user inputโ€”such as clicking a flag, pressing a key, or tapping a spriteโ€”they always sit at the top of a block stack.

Content

Unsupported content component

StandardContent

Try it yourself

Create Interactive Events

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

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Identifies event blocks by their curved top hat shape.

Developing

Connects event blocks to movement and sound actions.

Secure (Goal)

Creates interactive scripts using 'when space key pressed' and 'when this sprite clicked'.

Mastery

Designs an interactive scene where multiple keys control different character actions.

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

Exemplar Standard

A top-tier student project for Events & Actions includes:

  • Core Deliverable: Create Interactive Events
  • Target Quality: Creates interactive scripts using 'when space key pressed' and 'when this sprite clicked'.
  • Excellence & Polish: Designs an interactive scene where multiple keys control different character 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

Why are event blocks called 'hat blocks' in block programming?

Low
High

Learning check

Learning Check

Which event block runs code when you press a button on your keyboard?

Choose the correct answer below:

Answer correctly to unlock the next level.

Great job! Keyboard event blocks listen for specific key presses.Try again. Look for the event block mentioning key presses.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: Zoom In

Achievement pathway

  • Foundation: Identifies event blocks by their curved top hat shape.
  • Developing: Connects event blocks to movement and sound actions.
  • Secure: Creates interactive scripts using 'when space key pressed' and 'when this sprite clicked'.
  • Mastering: Designs an interactive scene where multiple keys control different character actions.

Curriculum links

Curriculum strand: AP.01.B.1.1

Outcome: AP.01.B.1.1 โ€” Trigger sprite scripts using interactive event blocks like key presses and sprite clicks.

PYP: Function ยท Events allow digital programs to respond instantly to user interactions.

Learner profile: Communicator

Competency tags

  • events
  • scratch
  • key-press
  • user-input

Gate support

Accessibility alternative:

Teacher override: allow

Back to top

Locked level

Level 3: Loops & Costumes

Complete the previous learning check to unlock this next level.

Level 3

Loops & Costumes

Combine repeat loops with costume switches to animate walking and talking characters.

Learning objective

Use repeat loops and costume switching blocks to create smooth character walking animations.

Let's Go!

Learn

To make a sprite look like it is walking, we switch between its costume poses inside a repeat loop. Adding a tiny 'wait' block prevents the animation from playing too fast for the human eye.

Content

Unsupported content component

StandardContent

Try it yourself

Animate a Walking Sprite

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

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Recognises repeat C-blocks in Scratch.

Developing

Places costume switch blocks inside a repeat loop.

Secure (Goal)

Constructs an animated walking script using 'repeat (10)', 'next costume', and 'wait (0.1) secs'.

Mastery

Adjusts loop count and wait timing to optimize animation speed and smoothness.

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

Exemplar Standard

A top-tier student project for Loops & Costumes includes:

  • Core Deliverable: Animate a Walking Sprite
  • Target Quality: Constructs an animated walking script using 'repeat (10)', 'next costume', and 'wait (0.1) secs'.
  • Excellence & Polish: Adjusts loop count and wait timing to optimize animation speed and smoothness.
๐Ÿ“
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

What happens if you forget to add a 'wait' block inside an animation loop?

Low
High

Learning check

Learning Check

Which block combination creates a repeating walking animation?

Choose the correct answer below:

Answer correctly to unlock the next level.

Spot on! Combining loops, next costume, and small waits produces smooth animation.Not quite. Costume switching must be repeated inside a loop.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: Before After Slider

Achievement pathway

  • Foundation: Recognises repeat C-blocks in Scratch.
  • Developing: Places costume switch blocks inside a repeat loop.
  • Secure: Constructs an animated walking script using 'repeat (10)', 'next costume', and 'wait (0.1) secs'.
  • Mastering: Adjusts loop count and wait timing to optimize animation speed and smoothness.

Curriculum links

Curriculum strand: AP.02.B.1.1

Outcome: AP.02.B.1.1 โ€” Combine repeat loops with costume switches to animate walking and talking characters.

PYP: Change ยท Iteration and costume changes create realistic movement and animation cycles.

Learner profile: Thinker

Competency tags

  • loops
  • costume-switch
  • animation
  • repeat

Gate support

Accessibility alternative:

Teacher override: allow

Back to top

Locked level

Level 4: Broadcast & Messages

Complete the previous learning check to unlock this next level.

Level 4

Broadcast & Messages

Synchronize multi-character conversations and scene transitions using broadcast messaging.

Learning objective

Understand how 'broadcast message' and 'when I receive message' blocks coordinate actions across multiple sprites.

Let's Go!

Learn

Broadcast blocks send invisible signal messages across a Scratch project. When Sprite A sends 'broadcast [message1]', Sprite B hears it via its 'when I receive [message1]' event block and starts its response.

Content

Unsupported content component

StandardContent

Try it yourself

Create a Synchronized Dialogue

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

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Identifies broadcast blocks in the Events category.

Developing

Sends a broadcast message from one sprite to another.

Secure (Goal)

Builds a synchronized two-character dialogue story using broadcast messages.

Mastery

Debugs message timing errors when multiple broadcasts conflict during complex stories.

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

Exemplar Standard

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

  • Core Deliverable: Create a Synchronized Dialogue
  • Target Quality: Builds a synchronized two-character dialogue story using broadcast messages.
  • Excellence & Polish: Debugs message timing errors when multiple broadcasts conflict during complex stories.
๐Ÿ“
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

Why is broadcast messaging better than using long 'wait' blocks for dialogue timing?

Low
High

Learning check

Learning Check

Which block allows Sprite A to trigger a script on Sprite B?

Choose the correct answer below:

Answer correctly to unlock the next level.

Correct! Broadcasts send signal messages between different sprites.Incorrect. 'Say' only shows speech bubbles; broadcast sends signals across sprites.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: Chalk Talk

Achievement pathway

  • Foundation: Identifies broadcast blocks in the Events category.
  • Developing: Sends a broadcast message from one sprite to another.
  • Secure: Builds a synchronized two-character dialogue story using broadcast messages.
  • Mastering: Debugs message timing errors when multiple broadcasts conflict during complex stories.

Curriculum links

Curriculum strand: AP.02.B.1.1

Outcome: AP.02.B.1.1 โ€” Synchronize multi-character conversations and scene transitions using broadcast messaging.

PYP: Connection ยท Inter-sprite communication enables synchronized storytelling and scene changes.

Learner profile: Principled

Competency tags

  • broadcast
  • messaging
  • storytelling
  • sync

Gate support

Accessibility alternative:

Teacher override: allow

Back to top

Locked level

Level 5: Sensing & Conditionals

Complete the previous learning check to unlock this next level.

Level 5

Sensing & Conditionals

Build interactive games using 'if-then' conditional blocks combined with color/sprite sensing.

Learning objective

Apply 'if-then' blocks and sensing blocks ('touching sprite?', 'key pressed?') to detect game collisions.

Let's Go!

Learn

Sensing blocks return TRUE or FALSE answers. When placed inside an 'if-then' C-block inside a 'forever' loop, the program constantly checks for conditionsโ€”like touching a goal, hitting an obstacle, or pressing a key.

Content

Unsupported content component

StandardContent

Try it yourself

Program Maze Collision Logic

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

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Recognises hexagonal Sensing blocks fitting into IF conditional slots.

Developing

Inserts a 'touching color?' sensing block inside an 'if-then' statement.

Secure (Goal)

Programs a maze game where touching a wall restarts the character at the beginning.

Mastery

Combines 'forever' loops with multiple conditional sensing blocks for score keeping.

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

Exemplar Standard

A top-tier student project for Sensing & Conditionals includes:

  • Core Deliverable: Program Maze Collision Logic
  • Target Quality: Programs a maze game where touching a wall restarts the character at the beginning.
  • Excellence & Polish: Combines 'forever' loops with multiple conditional sensing blocks for score keeping.
๐Ÿ“
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

Why must an 'if-then' block be placed inside a 'forever' loop in a game script?

Low
High

Learning check

Learning Check

Which sensing block detects when two sprites bump into each other?

Choose the correct answer below:

Answer correctly to unlock the next level.

Awesome! 'Touching' sensing blocks check for sprite collisions.Try again. Look for the block specifically asking if touching another object.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: See Think Wonder

Achievement pathway

  • Foundation: Recognises hexagonal Sensing blocks fitting into IF conditional slots.
  • Developing: Inserts a 'touching color?' sensing block inside an 'if-then' statement.
  • Secure: Programs a maze game where touching a wall restarts the character at the beginning.
  • Mastering: Combines 'forever' loops with multiple conditional sensing blocks for score keeping.

Curriculum links

Curriculum strand: AP.03.B.1.1

Outcome: AP.03.B.1.1 โ€” Build interactive games using 'if-then' conditional blocks combined with color/sprite sensing.

PYP: Perspective ยท Conditional sensing enables games to detect collisions, boundaries, and scores.

Learner profile: Knowledgeable

Competency tags

  • sensing
  • conditionals
  • collision-detection
  • game-dev

Gate support

Accessibility alternative:

Teacher override: allow

Back to top

Locked level

Level 6: Cloning & Custom Blocks

Complete the previous learning check to unlock this next level.

Level 6

Cloning & Custom Blocks

Optimize complex Scratch projects using sprite cloning and reusable custom 'My Blocks'.

Learning objective

Create custom 'My Blocks' (procedures) and manage dynamic sprite cloning for advanced game mechanics.

Let's Go!

Learn

Cloning allows a single master sprite to spawn multiple independent copies on demand during gameplay. Custom 'My Blocks' allow developers to group repetitive scripts into clean, reusable custom blocks with parameters.

Content

Unsupported content component

StandardContent

Try it yourself

Build a Particle / Obstacle Spawner

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

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Understands that cloning duplicates sprites dynamically during execution.

Developing

Uses 'create clone of myself' and 'when I start as a clone' blocks.

Secure (Goal)

Defines a custom 'My Block' procedure to modularize repetitive jump or particle physics code.

Mastery

Evaluates project performance and cleans up unused clones using 'delete this clone'.

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

Exemplar Standard

A top-tier student project for Cloning & Custom Blocks includes:

  • Core Deliverable: Build a Particle / Obstacle Spawner
  • Target Quality: Defines a custom 'My Block' procedure to modularize repetitive jump or particle physics code.
  • Excellence & Polish: Evaluates project performance and cleans up unused clones using 'delete this clone'.
๐Ÿ“
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

Why is it critical to include a 'delete this clone' block when clones reach the screen edge?

Low
High

Learning check

Learning Check

What block allows you to create reusable custom procedure blocks in Scratch?

Choose the correct answer below:

Answer correctly to complete this strand.

Spot on! 'Make a Block' creates custom procedures for clean, modular code.Not quite. Variables store numbers, while 'Make a Block' defines custom procedures.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: Deconstruct

Achievement pathway

  • Foundation: Understands that cloning duplicates sprites dynamically during execution.
  • Developing: Uses 'create clone of myself' and 'when I start as a clone' blocks.
  • Secure: Defines a custom 'My Block' procedure to modularize repetitive jump or particle physics code.
  • Mastering: Evaluates project performance and cleans up unused clones using 'delete this clone'.

Curriculum links

Curriculum strand: AP.03.B.1.1

Outcome: AP.03.B.1.1 โ€” Optimize complex Scratch projects using sprite cloning and reusable custom 'My Blocks'.

PYP: Reflection ยท Cloning and procedural abstraction allow scalable game engines and modular code.

Learner profile: Reflective

Competency tags

  • cloning
  • custom-blocks
  • abstraction
  • game-engine

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"!