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"可视化搭积木编程"方式的特点, 比较直观,就不多说了。

相关推荐
编程火箭车1 天前
【Java SE 基础学习打卡】22 分支结构 - if
java·流程控制·编程基础·if语句·分支结构·条件判断·新手避坑
编程火箭车9 天前
【Java SE 基础学习打卡】19 运算符(中)
java·java入门·运算符·编程基础·赋值运算符·复合赋值·自增自减
编程火箭车9 天前
【Java SE 基础学习打卡】20 运算符(下)
java·运算符·编程基础·逻辑运算符·条件判断·三元运算符·关系运算符
编程火箭车21 天前
【Java SE 基础学习打卡】15 分隔符、标识符与关键字
java·java入门·标识符·关键字·编程基础·分隔符·语法规则
Miqiuha2 个月前
计算机中浮点数的存储
ai编程·编程基础
FreakStudio3 个月前
10倍效率读代码!AI神器助你秒懂任何陌生项目(保姆级教程)
开发工具·编程基础·阅读代码
之之为知知6 个月前
数学笔记一:标量、向量和矩阵基本概念辨析
人工智能·笔记·线性代数·数学·职场和发展·矩阵·编程基础
Thanks_ks7 个月前
18 C 语言算术、关系、逻辑运算符及 VS Code 警告配置详解
编程基础·逻辑运算符·算术运算符·c 语言运算符·关系运算符·vs code 警告配置·代码质量提升
森哥的歌7 个月前
Python继承
python·继承·面向对象·编程基础·oop
LittleFogCat1 年前
【kotlin 】内联类(value class / inline class)
android·开发语言·kotlin·移动开发·教程·编程基础