Skip to content

Learn Programming with Blockly

Learning how to program for younger kids is tough. They need to navigate through syntax of different language instead of focusing on the programming principles and problem-solving skill. Although there are many good learning resources and interactive learning platform, it still takes a huge amount of effort for kids to get familiar with the syntax of a text-based programming language. Kids will get frustrated and lose interest in programming.

This is where Blockly comes in; Blockly is a block-based programming language developed by Google. It uses graphical blocks to represent code concepts like variables, loops, logical expressions and more. It allows students to focus on learning the programming principals without having to worry about the syntax. Unlike the popular coding platform Scratch (which built on top of Blockly codebase), Blockly has lesser abstraction which is more closely represent text-based programming languages thus allowing students to carry forward their skill and pick up popular programming languages much easier.

How to Use Blockly?

To learn or teach programming using Blockly isn’t exactly straight forward. Even though there are many fantastic platforms that uses Blockly such as MIT App Inventor, there aren’t many that focuses on teaching programming principles.

To use Blockly on its own, one can setup the visual editor using Blockly’s open source library, and Google provides an comprehensive guide and reference for developers. However, this might not be an option for teachers or students which do not have the technical skills to setup the visual editor. Out of our own needs, we setup a visual editor with a simulated console to provide feedbacks. You can access the editor here.

Interactive Blockly Tutorial

In csplayground.io, we created an interactive Blockly Tutorial with more than 50 activities to help you learn coding with Blockly. Try our activity below or sign up a free account to use it for learning or teaching. We included a classroom management feature which allow teachers to monitor students’ progress and help them to modify their code.

Other Resources