Blockly
Blockly is a client-side JavaScript library for creating visual block programming editors. It is a project of Google and is open-source under the Apache 2.0 License.[1] It runs in a web browser, and resembles Scratch.
Blockly uses blocks that link together to make writing code easier, and can generate JavaScript, Python or Dart code. It can also be customised to generate code in any computer language.[2]
History
Development of Blockly started in summer of 2011, and the first public release was at Maker Faire in May 2012. Blockly was originally designed as a replacement for OpenBlocks in App Inventor.[3] Neil Fraser started the project with Ellen Spertus and Mark Friedman as contributors.
User interface
The user interface of a Blockly program consists of a toolbar, which holds all the available blocks and a workspace, where you place the blocks. There is a trashcan on the workspace which deletes any blocks dragged onto it.[4]
Customising Blockly
Blockly comes with a basic set of blocks for common instructions, but can be customized by adding more blocks. New blocks require a block definition and a generator. The definition tells Blockly how the block should look and the generator tells it how to make it's output code. There is an example program called Block Factory which makes writing the block definition easier by using Blockly blocks to construct a new block.
Applications using Blockly
Blockly has been used to build Blockly Games, a set of educational games that teach programming concepts such as loops and conditionals.[5][6]
Blockly is used by Code.org to teach introductory programing to millions of students in their Hour of Code program.[7]
More examples can be found in the Blockly Documentation
Features
- Web based using SVG, no Flash
- Completely client side JavaScript
- Support of major web browsers including: Chrome, Firefox, Safari, Opera, IE.
- Mobile support on Android and iOS
- Support for many programmatic constructs including variables, functions, arrays
- Minimal type checking supported, designed for weakly typed languages
- Easy to extend with custom blocks. Use the block factory to make Blockly blocks with Blockly
- Clean code generation[8]
- Step-by-step code execution for tracing and debugging code[9]
- Translated into 40+ languages[10]
- Support for left-to-right and right-to-left languages[11]
References
- ↑ "Google Blockly Lets You Hack With No Keyboard". WIRED.
- ↑ "Google's Blockly Teaches You to Create Apps". NBC Bay Area.
- ↑ "Google Groups".
- ↑ "Google Blockly - A Graphical Language with a Difference". i-programmer.
- ↑ "Google Introduces Kids to Coding Through Blockly Games Project". EWeek.
- ↑ "Blockly: Maze Archives - BrainPOP Educators". BrainPop.
- ↑ "Translate Code.org". Code.org.
- ↑ "Blockly Demo:".
- ↑ "Blockly Demo: JS Interpreter".
- ↑ "Blockly Demo:".
- ↑ "Blockly Demo: RTL".