While there are many JavaScript libraries for building solutions for a wide range of problems, it’s not easy for novices to harness their power. We show how TypeScript, a gradually typed superset of JavaScript, can be used to bridge the gap between JavaScript and Blockly, a framework for creating block-based programming environments that greatly reduces the potential for syntax and semantic errors. In particular, we define a mapping from TypeScript to Blockly that makes it simple to create a domain-specific Blockly editor for a JavaScript library via a TypeScript declaration file. This mapping is supported by Microsoft MakeCode (https://makecode.com). An online editor for exploring the mapping from TypeScript to Blockly is at https://makecode.com/playground.

Sun 4 Nov

blocks+-2018-papers
14:10 - 15:00: BLOCKS+ - Accessibility & Language Construction Tools at Beacon Hill
blocks+-2018-papers14:10 - 14:20
Talk
Emmanuel SchanzerBrown University, Sina BahramPrime Access Consulting, Shriram KrishnamurthiBrown University, USA
Pre-print
blocks+-2018-papers14:20 - 14:25
Talk
Mauricio Verano MerinoTechnische Universiteit Eindhoven, Tijs van der StormCWI & University of Groningen
Pre-print
blocks+-2018-papers14:25 - 14:30
Talk
Josh CaldwellCode.org, Josh LoryCode.org
Pre-print
blocks+-2018-papers14:30 - 14:35
Talk
Thomas BallMicrosoft Research, Peli de HalleuxMicrosoft Research, Sam El-HusseiniMicrosoft, Richard KnollMicrosoft, Michal MoskalMicrosoft Research
Pre-print
blocks+-2018-papers14:35 - 15:00
Other