Blockly开发1

1.什么是Blockly？

Blockly是一个JavaScript可视化编程编辑器开发框架。目前，它是一个开源项目，由Google公司发起并维护。

2.Blockly能做什么？

官方解释是，Blockly是一个用于给web或者手机app添加可视化程序编辑器的框架。它采用图形化的咬合拼接的积木块表示变量、逻辑表达式、循环以及其他编程概念。它能让用户在不关心语法的情况下进行编程练习，同时摆脱那可怕的命令行。

Blockly is library that adds a visual code editor to web and mobile apps. The Blockly editor uses interlocking, graphical blocks to represent code concepts like variables, logical expressions, loops, and more. It allows users to apply programming principles without having to worry about syntax or the intimidation of a blinking cursor on the command line.

目前，Blockly主要应用在儿童编程领域。比较著名的有CODE、Microsoft MakeCode、micro:bit、Scratch Blocks等等。
个人认为Blockly可以应用到更多的领域中，因为Blockly提供了强大的自定义模块功能，所以，理论上它能将任何基于文本的逻辑（程序或配置文件）可视化。在需要编辑复杂的逻辑或大量灵活配置的地方，都可以用Blockly改善用户体验，减少错误概率，降低学习成本。例如，游戏逻辑编辑器、艺术装置的控制、数字图像和动画程序化生成等等。

下图展示了Blockly的核心功能：将图形化的积木块逻辑（左侧）转化为代码（右侧）。

Blockly核心功能

3. 如何获得Blockly？

Blockly目前已经在Github上开源。可以从github（https://github.com/google/blockly）上获取Blockly的最新版本，查看已知的bug和最新的开发进度。

4.如何学习Blockly？

Google在Blockly开发者网站（https://developers.google.com/blockly/）上提供了详细的开发教程，帮助文档以及官方示例。其中官方示例在github的源码中均有提供。
还可以在Youtube等视频网站上搜索Blockly视频教程，或在Google上搜索相关的文字教程和博客。
目前Blockly中文开发教程还比较少，大部分是关于如何使用Blockly的，所以百度搜索的结果价值很有限。

5.关于本攻略

本攻略面向有一定程序开发经验的开发者。主要介绍如何使用Blockly框架开发web应用。
不涉及Blocky的使用方法以及核心源码分析。（源码可能偶尔会拿出来解释一些接口，帮助理解和加深记忆）

在开始后面的内容之前，你需要先完成一下四件事情：

会用HTML，JS进行简单的web应用开发
准备Chrome浏览器
有一个熟悉的文本编辑器（vscode，sublime等）
科学上网工具（许多问题的解决方案都在那些不存在的网站上）
最重要的，在github上下载blockly工程并解压到你的工作目录（建议新建一个文件夹）

Blockly开发1相关推荐

Blockly开发入门指北
Blockly开发入门指北 [腾讯文档]Blockly开发入门指北 https://docs.qq.com/doc/DRWRDUU5kR2lhaGNN 写这篇文章的目的最近公司的项目用到了Block ...
Blockly开发2 ------创建工作空间workspace
. 什么是Blockly的workspace workspace是Blockly中非常重要的对象,它是其他组件运行的基础,所有其他Blockly的组件都必须在workspace中才能工作.以下图为例, ...
Blockly开发3 -- 创建工具栏ToolBox
1. 创建ToolBox 要创建一个ToolBox非常简单,只需要在定义workspace的时候进行设置即可. var workspace = Blockly.inject(blocklyDiv, { ...
python机械臂api_使用高斯机械臂的API开发
对应不同的使用者,高斯机械臂提供以下几种开发方式: 使用Blockly开发此种方式是使用 Studio 内置的编辑器来操作机械臂,适用于编程初学者,可以通过此种方式了解编程的基本概念,学习循环.条件 ...
gene id对应基因名_前5名：用于计算机维修的Linux发行版，Blockly，Gene Kim等
gene id对应基因名欢迎来到Opensource.com每周前5名! 您是否想知道魔术是如何发生的? 当然这不是火箭科学,但我想您可能想知道我如何每周为您制作Weekly Top 5视频和文章. ...
blockly -- Custom Blocks: Block Paradigms
Custom Blocks: Block Paradigms 当设计一个使用块的应用程序时,有几个范例可供选择.应该尽早考虑这些选择,因为它们会影响用户需要的块. Configuration 许多块应 ...
(转)少儿编程这么火, 究竟学哪一种语言最靠谱？这篇文章说透了！
http://www.sohu.com/a/251561825_124768 这几年,人工智能的发展速度与日俱增:AlphaGo赢了柯洁:百度无人巴士量产:Google的AI客服,用一个简单的&quo ...
ARDUINO 积木式编辑器整理
原文地址:https://blog.everlearn.tw/arduino/arduino-%E7%A9%8D%E6%9C%A8%E5%BC%8F%E7%B7%A8%E8%BC%AF%E5%99%A ...
java知识体系介绍
国内最牛七星级团队马士兵.高淇等11位十年开发经验专家录制目录百战程序员Java1573题 2百战程序员介绍 3JavaSE编程基础 9第一章初识Java 9阶段项目课程1 11第二章数据类 ...