Blockly

Blockly is a client-side library for the programming language JavaScript for creating block-based visual programming languages (VPLs) and editors. It is a project of Google and is free and open-source software released under the Apache License 2.0.[1] It typically runs in a web browser, and visually resembles the language Scratch. Blockly is also being implemented for the mobile operating systems Android and iOS, though not all web browser based features are available for these.

Blockly
Original author(s)Neil Fraser, Quynh Neutron, Ellen Spertus, Mark Friedman
Developer(s)Google, MIT
Initial releaseMay 2012 (2012-05)
Stable release
1.20190215.0 / 15 February 2019 (2019-02-15)
Preview release
1.20190419.0 / 19 April 2019 (2019-04-19)
Repositorygithub.com/google/blockly
Written inJavaScript
Operating systemAndroid, iOS
PlatformWeb browser
Size150 KB
Available in50 languages
List of languages
English
TypeLibrary
LicenseApache 2.0
Websitedevelopers.google.com/blockly

Blockly uses visual blocks that link together to make writing code easier, and can generate code in JavaScript, Lua, Dart, Python, or PHP. It can also be customised to generate code in any textual programming language.[2]

History

Blockly development began in summer 2011. The first public release was in May 2012 at Maker Faire. Blockly was originally designed as a replacement for OpenBlocks in App Inventor.[3] Neil Fraser began the project with Quynh Neutron, Ellen Spertus, and Mark Friedman as contributors.

User interface

The default graphical user interface (GUI) of the Blockly editor consists of a toolbox, which holds available blocks, and where a user can select blocks, and a workspace, where a user can drag and drop and rearrange blocks. The workspace also includes, by default, zoom icons, and a trashcan to delete blocks.[4] The editor can be modified easily to customise and limit the available editing features and blocks.

Customization

Blockly includes a set of visual blocks for common operations, and can be customized by adding more blocks. New blocks require a block definition and a generator. The definition describes the block's appearance (user interface) and the generator describes the block's translation to executable code. Definitions and generators can be written in JavaScript, or using a visual set of blocks, the Block Factory, which allows new blocks to be described using extant visual blocks; the intent is to make creating new blocks easier.

Applications

Blockly is used in several notable projects, including:

  • MIT's App Inventor, to create applications for Android.[5]
  • Blockly Games, a set of educational games that teach programming concepts such as loops and conditionals.[6][7]
  • Code.org, to teach introductory programing to millions of students in their Hour of Code program.[8]
  • RoboBlockly, a web-based robot simulation environment for learning coding and math.
  • Wonder Workshop, to control their Dot and Dash educational robots.[9]
  • KodeKLIX, to control their snap-together electronic components.[10]
  • PICAXE, to control their educational microchips.[11]

Features
gollark: But that only works in the 1D political compass model.
gollark: I guess he doesn't want to close the inside, but really loves closing the border.
gollark: I suppose I could go for "make it slowly rotate by about one degree every minute" or "simulate dead pixels".
gollark: Doesn't even sound very funny or relevant to my site.
gollark: No.

References
  1. "Google Blockly Lets You Hack With No Keyboard". Wired.
  2. "Google's Blockly Teaches You to Create Apps". NBC Bay Area.
  3. "Google Groups". Groups.google.com. Retrieved 16 January 2018.
  4. Black, Lucy (12 June 2012). "Google Blockly – A Graphical Language with a Difference". I-programmer. Retrieved 3 July 2019.
  5. "MIT App Inventor 2". MIT.
  6. "Google Introduces Kids to Coding Through Blockly Games Project". EWeek.
  7. "Blockly: Maze Archives – BrainPOP Educators". BrainPop.
  8. "Translate Code.org". Code.org.
  9. "Wonder Workshop Blockly". Wonder Workshop. Retrieved 3 July 2019.
  10. "KodeKLIX STEM Kit Coding Interface". KodeKLIX. Retrieved 5 July 2020.
  11. "PICAXE Blockly". PICAXE. Retrieved 5 July 2020.
  12. "Blockly Demo". Blockly-demo.appspot.com. Retrieved 16 January 2018.
  13. "Blockly Demo: JS Interpreter". Blockly-demo.appspot.com. Retrieved 16 January 2018.
  14. "Localisation statistics for the Blockly core module". Translatewiki.net. Retrieved 16 January 2018.
  15. "Blockly Demo: RTL". Blockly-demo.appspot.com. Retrieved 16 January 2018.
This article is issued from Wikipedia. The text is licensed under Creative Commons - Attribution - Sharealike. Additional terms may apply for the media files.