這個網站是什麼
一份把 視覺化程式設計(積木邏輯、事件、變數、專案)與 Blockly × Scratch 雙工具做成系統化深度教學的繁體中文網站,每個單元都附可照做的 專案範例與雙工具對照。目標讀者是程式教育教師、課程設計者、家長、自學者與 Blockly 開發者。
為什麼要學 Blockly × Scratch
- Scratch 給「學習的舞台」——精靈、舞台與分享社群,最容易做出第一個作品。
- Blockly 給「工具的引擎」——MakeCode、App Inventor 都建立在它之上。
- 兩者共用同一套積木邏輯:學會一套,等於半隻腳踏進另一套與所有衍生工具。
本站建置
- 規劃 24 單元課程(L0 基礎 → L1 核心概念 → L2 領域專案 → L3 對照進階 → L4 教學應用 → L5 整合展望 → L6 Blockly 二次開發)
- 承襲既有教學站的深色 × 霓虹設計語言與架構慣例
- 每個單元設計「概念/原理 + 步驟 + 專案範例 + 雙工具對照 + 練習」五段結構
- L6 四個單元深入 Blockly 二次開發:程式碼生成器、運算子優先序、自訂目標語言、應用整合與序列化
- 撰寫各單元內容與術語/積木/專案三速查頁
授權
本站教學內容(繁體中文解說)為本站原創,以 CC-BY-4.0 授權釋出。文中 Scratch 與 Blockly 之名稱、介面與文件引用自 MIT Scratch 與 Google Blockly 之公開資訊。
技術資訊
blockly-scratch-zh-tw/
├── index.html 課程總覽
├── map.html 概念地圖
├── learning-path.html 學習路線
├── about.html 關於本站
├── glossary.html 📖 術語表
├── blocks.html 🧩 積木速查
├── projects.html 🛠️ 專案速查
├── docs/ 20 單元
└── assets/site.css
本站為純靜態 HTML,無建置步驟,直接部署於 GitHub Pages。