Blocklyin the Classroom

Blockly in the Classroom is a browser learning environment where students build and test algorithms with blocks and JavaScript in Maze and Turtle.

How does it work?

Reason first, code afterwards.

Students first build with blocks. Then they can try the same solution in code. The reference sheet supports syntax, so the lesson can stay focused on reasoning, testing and improving.


1. Build the algorithm

Students arrange steps, choices and loops with blocks. They immediately see where their reasoning works or gets stuck.

2. Watch it run

Maze runs step by step. Turtle makes lines, angles and patterns visible on a grid.

3. Translate to code

Students who are ready with blocks try the same idea in JavaScript. Start small: functions, brackets, semicolons and lots of practice.

Components

From blocks to code


01

Maze

Mazes for sequence, counted loops, selection and conditional loops. Students immediately see whether their strategy works.

02

Turtle

Drawing with coordinates, angles and counted loops. Ideal for making code feel tangible.

03

Blocks and code

Each world has a block mode and a code mode. This makes the shift from clicking to typing calm and gradual.

04

Learning feedback

Messages name what went well and what the next small step could be.

05

Local progress

Work, attempts and completed levels are stored locally. No login, no dashboard, no fuss.

06

PDF export

With name, class, code, snapshot and rubric. Useful for review, feedback or a quick submission.

Activities
Maze and Turtle
Progress
Saved locally in the browser
Export
PDF with code and feedback

Place in the learning path

From platforms to projects.

The platforms build computational thinking. The projects use that thinking in a cross-curricular assignment in which students build, measure, test and conclude.

For teachers

Practical for teachers.

Use this when you first want students to experience what an algorithm does. The environment is much more compact than JS in de Klas and Project Delphi. That is exactly why it can be used quickly in a lesson, study period or short differentiation activity.

  • Suitable for students with little or no syntax experience.
  • Useful for computational thinking lessons, STEM, differentiation and study periods.
  • Clarifies programming concepts such as sequence, selection, conditional loops and counted loops.
  • Connects to JS in de Klas and Delphi without an account system.

Learning platform and board book

Use the learning platform for the exercises. The board book is intended for whole-class use on the smartboard and shows the syllabus alongside the editor and simulator.

Privacy and licence

Privacy

This project does not use its own analytics or advertising cookies. Input, progress and results are processed in the browser and may be stored locally on the device. A download or export occurs only when the user initiates it. GitHub Pages logs visitors’ IP addresses for security purposes; external services are governed by their provider’s privacy policy.

Read how GitHub Pages processes technical visitor data.

License

Original project material by Robbe Wulgaert may be used, copied and adapted free of charge for education, provided that ‘Robbe Wulgaert – AI in de Klas’ is clearly displayed, where reasonably practical with a link to the original project. Commercial sale, paid distribution, sublicensing or repackaging as a commercial product is not permitted without prior written permission. Other uses outside education also require prior written permission. Third-party components remain subject to their own licences.

Read the full licence terms.