blockly编程简介

blockly编程简介

blockly是google发布的可视化编程工具,基于web技术构建。

在功能/设计上和MIT的儿童编程语言Scratch类似,采用可视化搭积木编程方式。

可以将基于block程序转化为基于普通文本的常规代码(如JavaScript、Python等)。

Blockly是一种强大而易于学习的编程语言,适用于初学者和非编程专业人士。它通过图形化的编程环境,帮助用户理解和应用编程概念,帮助初学者和非编程专业人士学习编程。

创建Blockly环境需要一些前端开发的技术和知识,包括HTML、CSS、JavaScript和编程语言的理解。您可以参考Blockly的官方文档和示例代码,以及其他开发者的经验和教程,来帮助您创建自己的Blockly环境。

Blockly官网打不开,可使用

https://developers.google.cn/blockly

【Blockly 中文文档 https://blockly.tortorse.com/guides/get-started.html

Google Blockly的编程环境

Blockly是一个可用于Web、Android、iOS的可视化代码编辑器库

lockly 在线体验 ,官网Blockly的打不开,可使用 Blockly | Google for Developers 打开时后显示如下:

【Blockly 的离线环境

有人说,下载后,解压,进入demos目录,打开index.html,选择相应的选项,即可体验。实测多个版本发现,不是这么回事。对新手而言,不建议自己搭建离线环境!

系统的文件包, https://github.com/google/blockly

镜像:Gitee 极速下载/blockly

历史版本:https://github.com/google/blockly/releases 对Windows系统要下载zip版本。】

lockly在线体验https://developers.google.cn/blockly?hl=zh-cn 界面简要使用介绍图示:

下面是删除原来的块(原来自带的示例代码),编写一个简单程序的情况:大体操作步骤,点击左侧块级分类,选择适当块,拖动到块编辑区,右侧代码区翻译为相关语言(如JavaScript)。

右侧代码区选择JavaScript语言时,右下角有一个三角形图标,单击运行,你可以试试。

下面给出Blockly Games中文在线体验 https://blockly-games.kidscoding8.com/blockly-games/zh-hans/index.html?lang=zh-hans

https://blockly-games.kidscodes.cn/zh-hans/index.html?lang=zh-hans

两者一样,可以随时帮助你学习了解blockly"可视化搭积木编程"方式的特点, 比较直观,就不多说了。

相关推荐
LittleFogCat19 天前
【kotlin 】内联类(value class / inline class)
android·开发语言·kotlin·移动开发·教程·编程基础
赔罪1 个月前
C 语言Union 结构
c语言·开发语言·学习·算法·编程基础
赔罪1 个月前
C 语言流程控制
c语言·开发语言·数据库·学习·算法·编程基础
2401_824106589 个月前
本周AI资讯《人工智能的新浪潮:技术革新与行业冲击》
人工智能·python·ai·c#·大模型·业界资讯·编程基础
软件开发技术深度爱好者1 年前
斯坦福JSKarel编程机器人使用介绍
编程基础