Blockly 視覺化程式設計

輕鬆拖曳積木，打造專屬程式邏輯

開始學習

核心優勢

🧩

直覺操作

透過拖曳積木建立程式，無需擔心語法錯誤

🔄

即時轉換

自動將積木轉換為 JavaScript 或 Python 程式碼

⚙️

完全客製化

依照需求自訂積木與工作區，打造專屬程式環境

學習路徑

認識 Blockly

了解 Blockly 的基本概念與優勢

安裝與設置

學習如何安裝與設置 Blockly 環境

基本使用

掌握 Blockly 的基本操作與功能

自定義積木

創建自己的積木，擴展 Blockly 功能

程式碼生成

將積木轉換為 JavaScript 或 Python 程式碼

整合到網站

將 Blockly 整合到您的網站或應用程式中

互動示範

JavaScript 程式碼

// 拖曳左側積木到此處開始

Python 程式碼

# 拖曳左側積木到此處開始
↑