Block editor

The block editor is where you will spend most of your time, as this is where blocks can be put together to create functional code. Using blocks is just like normal coding, but without most user-created errors, like syntax or uncaught type errors.

Block selection menu

The block selection menu (seen above) is located on the left side of the window when in the block editor, and shows all the blocks that exist, in neat categories.

Canvas

The canvas is where the program is displayed. All of your blocks are displayed here. You can interact with them with your mouse and keyboard. Drag on any empty space on the canvas to move it. Everything is on a grid to keep everything nice and tidy. Drag block(s) to the trash can to delete them. Click on the can to retrieve blocks at a later date. (seen below)

Buttons

• The "Home" button is used to return to the main menu. Make sure you save first!

• The "Save" button is used to save your code to work or execute it later.

• The "Run" button is used to run code. Learn more.

• The "Load" button is used to load previously saved code, to keep working on it, or execute it locally.

• The "New Var" button is used to create a variable, a way to store any data you need. You can also go into "Variables" in the block selection menu to create one.

• The "New File" button clears the workspace and any variables. Make sure you save first!