1。简介
kidscoding8.com将教您如何构建一个简单的Web应用程序以包含Blockly可视化编程库。
什么是Blockly？
Blockly是一个用于构建块编程应用程序的库。块编程允许用户使用可视块创建脚本和程序，即使他们不知道任何编程语言。Blockly具备在drag-n-drop编辑器中定义和渲染块编程所需的一切。每个块代表一块代码，可以轻松堆叠并转换为代码。它可用于让用户自定义组件并向应用程序的某些部分添加功能。
你将建立什么
MusicMaker，一个网络应用程序，您可以使用Blockly编程按钮播放不同的声音。
你将学到什么
- 如何将Blockly添加到Web应用程序。
- 如何设置Blockly工作区。
- 如何在Blockly中创建一个新块。
- 如何从块生成和运行JavaScript代码。
你需要什么
- Chrome网络浏览器
- 适用于Chrome的Web Server，或您自己选择的Web服务器
- 文本编辑器
- HTML，CSS和JavaScript的基础知识
- 示例代码，请参阅获取设置部分以获取说明
这个代码库专注于Blockly。应用程序结构，不相关的概念和代码都被隐藏起来，并为您提供简单的复制和粘贴。