章節地圖

CH01 · 認識電腦的真相

檔案、資料夾、路徑，還有「終端機到底是什麼」

6課 · ⏱ ~27 分鐘

0.1 · 什麼是檔案？ — 電腦裡的一切都是檔案
0.2 · 什麼是資料夾？ — 把檔案整理進目錄
0.3 · 什麼是檔案路徑？ — 每個檔案的地址
0.4 · 檔案類型跟裡面裝的東西 — 副檔名告訴電腦這個檔案要怎麼開
0.5 · 什麼是程式？ — 一個裝著指令、給電腦執行的檔案
0.6 · 什麼是終端機？ — 用打字跟電腦對話

CH02 · 你在終端機的第一個 30 分鐘

像工程師那樣走訪、建立、管理檔案

12課 · ⏱ ~51 分鐘

1.1 · 我在哪裡？ — 你的第一個指令：pwd
1.2 · 這裡有什麼？ — 用 ls 列出檔案
1.3 · 進入資料夾 — 用 cd 來走訪
1.4 · 回到上一層 — 用 cd .. 往上走
1.5 · 回家 — 用 cd ~ 一鍵回家目錄
1.6 · 建立資料夾 — 用 mkdir 做新目錄
1.7 · 建立檔案 — 用 touch 做檔案
1.8 · 刪除檔案 — 用 rm 移除檔案
1.9 · 刪除資料夾 — 用 rm -r 移除目錄
1.10 · 複製檔案 — 用 cp 複製檔案
1.11 · 搬移跟重新命名 — 用 mv 移動或改名
1.12 · 把所有東西串起來 — 從零打造一個專案

CH03 · 讀寫檔案

看檔案內容、搜尋文字、把指令串在一起

12課 · ⏱ ~47 分鐘

2.1 · 看看檔案裡有什麼 — 用 cat 讀檔案內容
2.2 · 偷看檔案開頭 — 用 head 預覽檔案
2.3 · 偷看檔案結尾 — 用 tail 看最新內容
2.4 · 把文字印出來 — 用 echo 輸出文字
2.5 · 把東西寫進檔案 — 用 > 導向輸出
2.6 · 把東西附加到檔案 — 用 >> 加在後面
2.7 · 複製檔案內容 — 用 cat 加 > 把內容複製過去
2.8 · 在檔案裡找文字 — 用 grep 搜尋文字
2.9 · 跨資料夾找東西 — 用 grep -r 在任何檔案裡找文字
2.10 · 用 pipe 把指令串起來 — 用 | 連接指令
2.11 · 用 wc 計算數量 — 計算行數、字數、字元數
2.12 · 偵探辦案 — 把你的技能組合起來查 log 檔

CH04 · 你的程式碼有歷史

Git 跟 GitHub — 永遠不再弄丟你的進度

16課 · ⏱ ~93 分鐘

3.1 · 為什麼需要版本控制？ — 版本控制解決什麼問題
3.2 · 啟動一個 repo — 你的第一個 git 指令
3.3 · 把改動 stage 起來 — 選你要存哪些
3.4 · 你的第一個 commit — 存一個快照
3.5 · 做改動 — edit-add-commit 循環
3.6 · 看歷史 — 你專案的時間軸
3.7 · 看改了什麼 — 找出差異
3.8 · 還原改動 — 你的安全網
3.9 · 認識 GitHub — 讓你的程式碼上雲端
3.10 · Push 到 GitHub — 把你的程式碼上傳
3.11 · 下載專案 — 從 GitHub 拿程式碼
3.12 · 建立分支 — 安全地實驗
3.13 · 合併分支 — 把你的成果合在一起
3.14 · 專業工作流程 — 工程師到底怎麼用 git
3.15 · 寫好的 commit 訊息 — 未來的你會感謝你的訊息
3.16 · 完整流程挑戰 — 把所有東西串在一起

CH05 · 軟體真正怎麼運作

Client、server、API、資料庫、雲端 — 一次搞懂

14課 · ⏱ ~65 分鐘

4.1 · 什麼是程式碼？ — 電腦聽得懂的語言
4.2 · 程式語言 — 不同工具做不同的事
4.3 · 網站到底是什麼？ — 每個網頁背後在做什麼
4.4 · Client vs Server — 每次網路互動都有的兩端
4.5 · HTTP — 電腦怎麼對話 — Web 的請求/回應協定
4.6 · 什麼是 API? — Server 能做的事的菜單
4.7 · JSON — 通用的資料格式 — 電腦怎麼共享有結構的資訊
4.8 · 什麼是資料庫？ — App 把資料永久存在哪裡
4.9 · SQL — 跟資料庫對話 — 資料庫聽得懂的語言
4.10 · Frontend vs Backend — 每個 app 的兩半
4.11 · Tech Stack(技術棧) — 團隊怎麼選工具
4.12 · 什麼是雲端？ — 沒有聽起來那麼神秘
4.13 · Deployment(部署) — 把程式碼從筆電送上線
4.14 · DNS 跟網域 — 網際網路怎麼找到網站

CH06 · 跟網際網路對話

發真的 HTTP 請求、呼叫真的 API、讀真的資料

12課 · ⏱ ~76 分鐘

4b.1 · URL 到底是什麼？ — 每個 URL 都是一個有結構的地址 — 學會讀它
4b.2 · 你的第一個 curl — 從終端機發一個真實的 HTTP 請求
4b.3 · Query Parameters 實際應用 — 在 URL 加選項，客製化你拿到的東西
4b.4 · Status Code 是一種語言 — 學會看 server 用回應碼在說什麼
4b.5 · Request Headers — 在你的請求附上 metadata — 包括驗證
4b.6 · 送資料 — POST 請求 — GET 是拿。POST 是建。學會送資料到 server。
4b.7 · 你的第一個真實 API — 從你真的終端機呼叫 JSONPlaceholder — 一個免費的公開 API
4b.8 · 什麼是 API Key? — 搞懂驗證 token、安全使用它
4b.9 · 呼叫 GitHub API — 探索 production API — 公開資料不用 key
4b.10 · 讀 API 文件 — 把任何 API 文件條目翻成可以跑的 curl 指令
4b.11 · 出問題的時候 — 像工程師一樣診斷 API 錯誤，而不是亂猜
4b.12 · 從 curl 到程式碼 — 每個 curl 指令都能直接翻成真實程式碼

CH07 · 用真的工具來蓋東西

安裝 Node.js、跑程式、建一個真的伺服器

15課 · ⏱ ~103 分鐘

5.1 · 安裝 Node.js — 讓 JavaScript 在你的機器上跑起來
5.2 · 你的第一段 JavaScript — 跟 Node.js 互動對話
5.3 · 跑一個 JavaScript 檔案 — 把程式碼寫在檔案裡然後執行
5.4 · 什麼是 npm? — 世界上最大的程式碼圖書館
5.5 · 建立一個專案 — 從零開始設定真實的 Node.js 專案
5.6 · 安裝套件 — 把別人的程式碼加進你的專案
5.7 · .gitignore — 哪些不要追蹤 — 把敏感檔案跟自動產生的檔案排除在 git 外
5.8 · Hello World Server — 10 行程式碼蓋一個真實 web server
5.9 · 跑你的 Server — 讓你的 server 活過來
5.10 · 什麼是 localhost? — 把你的電腦當 server
5.11 · 加 Routes — 讓你的 server 對不同 URL 回應
5.12 · 提供 JSON(蓋一個 API) — 讓你的 server 講網路的語言
5.13 · 提供 HTML — 從你的 server 提供真實的網頁
5.14 · 停掉跟重啟 — 工程師的編輯-測試循環
5.15 · Level 7 挑戰 — 全部串起來 — 蓋一個完整的 server

CH08 · Claude Code — 你的 AI 配對程式夥伴

用「描述你要什麼」的方式來建真實專案

16課 · ⏱ ~110 分鐘

6.1 · 什麼是 Claude Code? — 認識你的 AI 配對程式夥伴
6.2 · 安裝 Claude Code — 讓 Claude Code 在你的機器上跑起來
6.3 · 你的第一場對話 — 像跟同事講話一樣跟 Claude Code 對話
6.4 · 用 Claude 讀程式碼 — 幾分鐘理解任何程式碼庫
6.5 · 用 Claude 建檔案 — 你描述，Claude 蓋
6.6 · 編輯現有程式碼 — 精準修改你的專案
6.7 · 從描述蓋專案 — 一個 prompt 從想法到可動 app
6.8 · 寫有效的 Prompt — 從 Claude Code 拿到更好的結果
6.9 · 跟 Claude 迭代 — 透過對話一步一步蓋功能
6.10 · Claude 卡住時 — 認出徵兆、回到正軌
6.11 · 檢視 Claude 寫的 — 信任但驗證 — commit 前永遠檢查
6.12 · 用 Claude Debug — 出問題時，Claude 是你的 debug 夥伴
6.13 · 跟 Claude 的 Git 流程 — Claude Code + 專業版控組合起來
6.14 · 什麼時候**不**要用 Claude Code — 知道什麼時候用 Claude Code、Claude.ai、或你自己的腦袋
6.15 · 技巧跟訣竅 — 讓 Claude Code 更有效的力量模式
6.16 · Level 8 挑戰 — 用 Claude Code 蓋並上線完整專案

CH09 · Claude Skills — 教 Claude 你的工作流

做出能讓 Claude 完全照你方式工作的可重用 skill

5課 · ⏱ ~33 分鐘

6b.1 · 什麼是 Claude Skills? — 可重用的指令、教 Claude 你的流程
6b.2 · 蓋你的第一個 Skill — 規劃、撰寫、組織 SKILL.md 檔
6b.3 · SKILL.md Body 跟參考檔 — 寫詳細指令、連結外部上下文
6b.4 · 測試跟散布 Skill — 迭代 skill、跟團隊分享
6b.5 · Skill 模式跟最佳實踐 — 常見模式、反模式、跟厲害的 skill 建造者的習慣

CH10 · MCP — 讓 Claude 連到所有東西

讓 Claude Code 能存取資料庫、API、GitHub 跟更多

5課 · ⏱ ~27 分鐘

6c.1 · 什麼是 MCP? — Claude Code 怎麼連到外部工具、資料庫、API
6c.2 · 加你的第一個 MCP Server — 一個指令把 Claude Code 連到 GitHub、資料庫、跟更多
6c.3 · 管理跟分享 MCP Server — 用 scope 組織 server、跟團隊分享
6c.4 · Tool Search 跟聰明工作 — Claude Code 用幾十個 MCP server 怎麼保持快
6c.5 · 真實世界 MCP 模式 — GitHub、資料庫、安全、Claude 當 MCP server

CH11 · Context 就是一切

管理 Claude 知道什麼、記得什麼、能帶到下個 session 什麼

5課 · ⏱ ~26 分鐘

6d.1 · CLAUDE.md — 你專案的大腦 — 用單一 markdown 檔給 Claude 永久上下文
6d.2 · Memory 跟 Session — Claude 怎麼從經驗學、你怎麼接上你停的地方
6d.3 · Context Window — 了解 Claude 最重要的限制 — 跟怎麼管理
6d.4 · Spec、Plan、Handoff — 結構化你的工作讓下個 session 順利接續
6d.5 · 大規模聰明工作 — Subagent、反模式、完整 context 工具組

CH12 · Claude Code 進階

Subagents、worktrees、hooks、自動化、成本優化

7課 · ⏱ ~44 分鐘

6e.1 · Subagent — 像資深開發者那樣委派 — 把專注任務派給專門 Claude 實例
6e.2 · Worktree 跟平行開發 — 同時做多個功能不衝突
6e.3 · Hook 跟 Permission — 客製化 Claude 行為跟設安全界線
6e.4 · Headless 模式跟 Agent SDK — 在腳本跟 CI/CD pipeline 自動跑 Claude
6e.5 · 精通 — 模型、成本、IDE — 選對模型、管成本、跟你的編輯器整合
6e.6 · Agent View — 一個畫面管多個 Claude 工作階段 — 同時派 bug 修復、PR 審查、測試調查 — 需要時才介入
6e.7 · Goal — 讓 Claude 自己跑到條件達成 — 設一個可驗證的完成條件，Claude 一輪一輪跑直到達標，你不用每次催它繼續

CH13 · 初階工程師的日常技能

Debug、部署、像專業工程師那樣工作

12課 · ⏱ ~81 分鐘

7.1 · 讀別人的程式碼 — 理解任何程式碼庫的系統做法
7.2 · 懂沒寫過的程式碼 — 怎麼讀特定函式、搞懂它做什麼
7.3 · Debug 心態 — 找跟修 bug 的科學做法
7.4 · Console.log Debug — 最簡單最有效的 debug 工具
7.5 · 找答案 — 卡住時怎麼有效搜尋
7.6 · 用外部 API — 在你 app 從其他服務抓資料
7.7 · 用環境變數放秘密 — 讓 API key 跟密碼不在程式碼裡
7.8 · 基本安全意識 — 每個工程師必遵守的五條不商量規則
7.9 · 部署到網路 — 讓你專案上線給全世界看
7.10 · 自訂網域 — 給你專案真實 web 地址
7.11 · 專業工程師流程 — 世界每家科技公司怎麼出貨程式
7.12 · 接下來 — 你學習路徑 — 你完成課程。從這往哪走。

CH14 · 期末專案 — 做一個真的遊戲

蓋一個即時多人 tic-tac-toe 遊戲並部署上線

10課 · ⏱ ~77 分鐘

8.1 · HTTP 不夠用的時候 — 為什麼即時 app 需要不同連線
8.2 · 蓋前先規劃 — 在寫一行程式前把真實專案拆成塊
8.3 · 設定專案 — 用 Claude Code 初始化專案跟裝 Socket.io
8.4 · 蓋遊戲引擎 — 請 Claude 蓋 tic-tac-toe 規則
8.5 · Matchmaking — 配對玩家 — 蓋把兩陌生人配進遊戲的大廳
8.6 · 蓋遊戲板 — 建玩家會實際看跟點的 UI
8.7 · 連 Client 跟 Server — 用 Socket.io 事件接瀏覽器跟 server
8.8 · 測試跟 Debug 即時程式 — 找跟修只在兩玩家互動時出現的 bug
8.9 · 打磨跟出貨準備 — 把運作程式變成完成產品
8.10 · 部署跟慶祝 — 把你遊戲放網路完成課程

⚠ 完整互動體驗需要 JavaScript。請啟用 JavaScript 後重新整理。

※ 本站為獨立繁中教學專案，非 Anthropic 官方產品。Claude™ 為 Anthropic, PBC 商標。