初识基于 Web 的可视化编程工具Google Blockly

最新推荐文章于 2024-07-27 09:35:30 发布
最新推荐文章于 2024-07-27 09:35:30 发布
阅读量1.6w 收藏 8
点赞数 4
分类专栏： 移动开发 文章标签： blockly 儿童编程 github csdn 开源
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/langyuzhi/article/details/52387924
版权
本文介绍了Google在2012年推出的可视化编程工具Blockly，它让用户像玩乐高一样通过图形对象构建应用程序，适合编程初学者。Blockly类似MIT的Scratch和Google的App Inventor，提供了一种无需键盘输入，仅靠鼠标拖放的编程方式。
摘要由CSDN通过智能技术生成

大婶向左不送，新手向右请进。偷笑

最近工作中遇到：用户自主编码实现机器人动作的需求，所以了解到2012年6月由Google开发发布的完全可视化的编程语言Google Blockly，类似MIT的儿童编程语言Scratch， 用户可以通过类似玩乐高玩具的方式用一块块图形对象构建出应用程序。每个图形对象都是代码块，用户可以将它们拼接起来，创造出简单功能，然后将一个个简单功能组合起来，构建出一个程序。整个过程只需要鼠标的拖曳，不需要键盘敲击。适用于在编码方面“小白”用户，Google Blockly类似Google放弃的App Inventor，不清楚Blockly与App Inventor或Scratch有何联系。今天就聊一下最近我通过查询所了解的

最低0.47元/天 解锁文章
Owenlzy
关注
专栏目录
【Blockly开发教程】01 初识Blockly
Bright的博客
12-23 3090
Blockly 是由 Google 开发的开源代码库，它可以为网页程序和移动端应用程序添加可视化代码编辑器。
Blockly - 来自Google的可视化编程工具
xiatiancc的专栏
07-04 5470
Google Blockly 是一款基于Web的、开源的、可视化程序编辑器。你可以通过拖拽块的形式快速构建程序，而这些所拖拽的每个块就是组成程序的基本单元。可视化编程完成，Blockly 直接支持 JavaScript、Python、PHP、Lua、Dart 语言源码的导出。此外，还可以将 Blockly 编辑器快速集成到Web、Android或iOS环境中。因近期参与一个机器人项目，可视化编程是...
Blockly编程教程-Google Blockly入门与介绍
热门推荐
LitTwoTwo的博客
04-12 2万+
介绍blockly是google发布的可视化编程工具，基于web技术构建。在功能/设计上和MIT的儿童编程语言Scratch类似使用blockly的时候，用户可以通过拖曳模块，来构建代码逻辑，过程很像搭积木在用户视角下，blockly是一个简单易用的可视化工具，用来生成代码。在开发者视角下，blockly是一个文本框，里边包含了用户输入好的代码。代码生成到文本框的过程，就是用户在blockly里拖...
探索 Blockly：可视化编程的魔法
最新发布
yuanchun的知识整理
07-27 541
在当今这个数字化的世界里，编程已经成为了必不可少的一项技能。为了让更多人能够轻松地学习编程，Google 开发了一款名为 Blockly 的可视化编程工具。Blockly 通过使用拼图式的代码块来教授基本的编程概念，使得即使是初学者也能快速上手。本文将详细介绍 Blockly 的特点、功能以及如何使用它来构建自己的程序。
探索Google的Blockly Android：让编程变得简单易懂
gitblog_00093的博客
04-14 519
探索Google的Blockly Android：让编程变得简单易懂 blockly-androidBlockly for Android项目地址:https://gitcode.com/gh_mirrors/bl/blockly-android 项目简介 如果你正在寻找一个使Android应用编程对初学者友好的解决方案，那么google/blockly-android就是你的不二之选。这是一个...
blockly-android模块化/可视化编程（三）——自定义块并增加到项目中
Hansion的博客
03-19 4540
块的定义一般用json文件来表示，如下图所示中由“_blocks”结尾的json文件。当然，我们注意到了这点，那么我们也要规范自己的命名方式，自定义块文件以“_blocks”结尾对于初次接触块文件的人来说，json的内容让我们不明所以。其实，我们大可不必强行理解它。因为Google为我们提供了图形化编程工具Blockly Developer Tools来生成这些block、toolbox、work...
Vue实现图形化积木式编程(十)
温温温B的博客
10-24 2927
Blockly自定义块
基于JavaScript的echarts数据可视化大屏设计源码
03-28
在大数据时代，数据可视化成为企业理解和展示业务数据的重要工具。ECharts，一个基于JavaScript的开源图表库，因其丰富的图表类型和强大的交互性，广泛应用于数据可视化领域。本项目提供了一套完整的ECharts数据可视...
初识KatalonStudio自动化测试工具
01-27
【初识KatalonStudio自动化测试工具】 在自动化测试领域，选择合适的工具至关重要。Selenium和Appium是两款被广泛使用的自动化测试工具。Selenium专用于Web自动化测试，以其开源、免费、多语言支持和录制功能而受到...
GUI——图形化编程
ShiZaolin的博客
02-12 397
案例1:创建一个窗口并显示 //创建窗口对象并设置标题 Frame window=new Frame("我是一个窗口"); //设置窗口大小 window.setSize(500,500); //设置窗口显示位置 window.setLocation(200,200); //设置程序图标 window.setIconImage(Toolkit.getDefaultToolkit().createI...
web可视化开发工具
10-15
WebBuilder是一款跨平台、数据库和浏览器的可视化Web应用开发平台。WebBuilder使用了多项最新的技术，使Web应用的开发更快捷和简单。 作为一款高效的Web开发工具，WebBuilder的特色是： .基于浏览器的集成开发环境. .丰富的组件库 .开发应用简单快速 .高效率和高稳定性 .跨平台、数据库和浏览器 .服务器端的脚本支持 .智能的数据库访问机制 使用WebBuilder可开发ERP、OA、CRM、HR、MIS以及电信、银行、政府、企业等各行业的企业级应用系统，帮助信息化管理系统的快速构建。完善的基础架构，具有大型应用系统必须的完整功能，使应用系统的开发仅需致力于业务的开发。 您可以到 http://www.putdb.com 在线使用或下载到本地使用，软件开源并基于GPL协议授权。
blocklyAnalyze:自己看blockly时的源码分析
03-23
块状 Google的Blockly是基于网络的可视化程序编辑器。 用户可以将块拖在一起来构建程序。 所有代码都是免费和开源的。 该项目页面为 Blockly有一个活跃的。 请顺道打个招呼。 尽早向我们展示您的原型； 总的来说，我们有很多经验，可以提供一些提示，以节省您的时间。 通过告诉我们帮助我们集中精力进行开发。 该问卷仅需几分钟，将有助于我们更好地支持Blockly社区。 想要贡献吗？ 伟大的！ 首先，请阅读。
050Vue3+Blockly搭积木式可视化编程二次开发环境搭建
阿赛
12-27 2095
Blockly是一个将可视代码编辑器添加到Web和移动应用程序的库。 Blockly 编辑器使用互锁的图形块来表示代码概念，如变量，逻辑表达式，循环等。它使得用户可以不必关注语法细节就能直接按照编程原则进行编程。您可以通过调用 Blockly.inject（location，options） 来注入一个 Blockly 工作区。 第一个参数告诉 Blockly 将工作空间注入 DOM 的位置。 第二个参数是用于配置的名称-值对字典。 注入代码将选项字典解析为 Blockly.Options 的实例。您还可以
python轻松实现可视化编程
xjt921122的博客
02-03 1165
虽然Python无所不能，但是如果想要将实现的功能制作成一个软件的话，我们需要掌握界面编程，一般情况下是使用tkinter，但是要写好一个界面还是比较麻烦的，而且如果界面的东西比较多的话，还需要我们调整布局和控件的位置，操作起来属实麻烦，不过现在，小编为大家带来了两个好东西，有了他们，你完全可以告别繁琐的界面编程，直接进行拖拉即可自动生成代码，这个就是可视化编程，操作起来也是非常方便。这里小编为大家介绍两种方案，一起来看看。
Blockly 的配置
xiatiancc的专栏
07-04 5614
本文基于Web Blockly，整理一下可视化编程工具-Blockly 的常用配置，包括：工作区配置、添加自定义块、配置工具箱、配置代码生成器等。固定尺寸工作区可调尺寸工作区添加自定义块（Block）工具箱（Toolbox）配置代码生成器网格（Grid）缩放（Zoom）事件云存储1. 固定尺寸工作区把 Blockly 放到网页上最简单的方法是将其注入到一个空div中。1.1 引入 Blockly ...
blockly - 自定义块
wolf
01-09 2049
添加自定义块 虽然Blockly定义了许多标准块，但是大多数应用程序需要定义和实现至少几个与域相关的块。 块由三个组件组成： 块定义对象：定义块的外观和行为，包括文本，颜色，字段和连接。 工具箱引用：对工具箱XML中块类型的引用，因此用户可以将其添加到工作区中。 生成器功能：生成此块的代码字符串。即使目标语言不是JavaScript，甚至对于Blockly for Android，它始...
Blockly源码解析
jkchen's Haven
08-09 3012
https://blockly.games/ https://www.scratch-cn.cn/ https://developers.google.com/blockly https://developers.google.com/closure
blockly自定义中文出问题_K12编程教育－DOBOT－BLOCKLY入门编程一
weixin_29628611的博客
01-07 904
BLOCKLY是2012年6月GOOGLE发布的完全可视化的图形化编程语言。每一个图形对象都是代码块的高度集成，在可视化编程界面，我们可以用鼠标拖曳图形对象的方式构建程序。与传统文本编程语言相比较，BLOCKLY图形化编程语言具有编程界面友好、无须深入学习记忆复杂的编程词汇、图形对象有较高认别度不容易出错、可切换成中文显示等优点，特别适合用于K12编程教育学习。上一篇文章提到这次我们选择的软件平台...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值