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

相关推荐
2301_822782826 天前
C语言数组通关攻略!从一维到字符数组,零基础也能轻松掌握
c语言·算法·数组·编程基础·避坑技巧
极客小俊24 天前
【H5 前端开发笔记】第 03 期:HTML的历史、书写规范与文档类型声明<!DOCTYPE> 详解
html·学习笔记·前端开发·编程基础·免费教程·html文档类型声明·零基础学习
咋吃都不胖lyh3 个月前
异步、并发、多线程、多进程是现代编程中实现“同时处理多个任务”的四种核心概念。
编程基础
Logic1014 个月前
C程序设计(第五版)谭浩强 第七章课后习题优化算法与核心步骤解析
c语言·visualstudio·程序员·学习笔记·软件开发·编程基础·c语言入门
编程火箭车4 个月前
【Java SE 基础学习打卡】24 循环结构 - while
java·编程基础·循环结构·while循环·java se·do-while循环·避免死循环
编程火箭车4 个月前
【Java SE 基础学习打卡】22 分支结构 - if
java·流程控制·编程基础·if语句·分支结构·条件判断·新手避坑
编程火箭车4 个月前
【Java SE 基础学习打卡】19 运算符(中)
java·java入门·运算符·编程基础·赋值运算符·复合赋值·自增自减
编程火箭车4 个月前
【Java SE 基础学习打卡】20 运算符(下)
java·运算符·编程基础·逻辑运算符·条件判断·三元运算符·关系运算符
编程火箭车4 个月前
【Java SE 基础学习打卡】15 分隔符、标识符与关键字
java·java入门·标识符·关键字·编程基础·分隔符·语法规则
Miqiuha6 个月前
计算机中浮点数的存储
ai编程·编程基础