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
Times are displayed in time zone: Guadalajara, Mexico City, Monterrey change

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