Blockly 官方文档原创翻译

申明

本指南翻译自 Blockly 官方文档。


Blockly 简介

Blockly 是一个向 Web 和 Android 应用程序添加可视化代码编辑器的库。Blockly 代码编辑器通过使用联锁的图形化的块来代表代码中的一些概念比如变量、逻辑表达式、循环等。它方便用户应用编程原理,而不必担心命令行中闪烁的光标和语法。

Blockly 是面向开发者的,使用 Blockly 构建的应用是面向学生的。Blockly 是一个针对于有经验的开发者的复杂库,如果你是希望使用教育类型的应用而非开发应用,请你移步「计算科学学习」 。

开发一个 Blockly 应用

从用户的视角来看,通过 Blockly 可以直观地、可视化地编写代码;从开发者的视角来看,Blockly 实际上是一个包含了用户生成的,语法正确的代码的文本框。Blockly 可以将代码块导出成多种语言,包括:

以下是构建 Blockly 应用的高级细分:

  1. 集成Blockly编辑器。最简单的Blockly编辑器包括一个用于存储不同类型块(block)的工具箱(toolbox)和一个用于排列块的工作区(workspace)。你了解如何在 WebAndroid 的入门文档中集成 Blockly 的详情。

  2. 创建你应用的块。一旦您的应用程序中有 Blockly,您需要创建块以供用户来进行编程,然后将其添加到 Blockly 工具箱中。在创建自定义块概述了解具体实现。

  3. 构建应用其余部分。就 Blockly 本身而言只是生成代码的一种方式,你应用的核心在于你自身的编程思维和能力。

Blockly 的优势和其他选择

Blockly 是越来越多的可视化编程环境之一。决定在你的应用中使用哪一个环境是重要的一步,所以这里有一些 Blockly 最大的优点来帮助你做出决定:

即使有上述这些积极的因素,Blockly 也不是每个应用的必选的方案。以下是一些其他有帮助的可视化编辑器: