Claude Code 邊做邊學：這免費網站用 11 堂課教你上手，免安裝直接練

claude.nagdy.me 這個教學網站能讓用戶直接使用瀏覽器內建終端機模擬器直接練習 Claude Code 指令，11 個互動模組從初學到進階，完全免費、不需安裝、不需 API Key。
（前情提要：Claude 是什麼？費用、功能、Claude Code、Cowork 完整解析 — 2026 Anthropic 最詳細指南）
（背景補充：Anthropic 工程師不寫程式碼了：Claude 正在訓練下一代 Claude，CEO 稱「不確定還剩多少時間」）

本文目錄

Toggle

• 先試後裝：瀏覽器就是你的終端機
• 互動表單直接生成設定檔，複製即用
• 每個模組有測驗，答錯才是真的學
• 11 個模組，從零到進階有完整路徑
• 適合哪些人？怎麼開始？

Claude Code 掀起的 Vibe coding 熱潮愈發火熱，但有不少新手卡在第一道關卡：光是搞懂 CLAUDE.md 怎麼寫、hooks 怎麼設、slash commands 怎麼用，就已經花掉大半天。

官方檔案雖然詳細，卻是典型的「讀完還是不會」，這時你需要的不是更多說明，而是直接動手試。

一個叫 claude.nagdy.me 的新網站，就是衝著這個痛點來的。作者 Ahmed Nagdy 打出的核心主張只有一句話：「Learn Claude Code by doing, not reading.」（動手做，而非死讀書。）整站 11 個互動模組，內建終端機模擬器，瀏覽器直接開、直接練，零安裝、零 API Key，完全免費。

先試後裝：瀏覽器就是你的終端機

最大程度降低使用門檻的是「Try before you install」的概念。你不需要在本機裝好 Claude Code 才能開始學，網站內建的終端機模擬器讓你直接在瀏覽器裡練習 slash commands、設定 hooks、操作 skills，跟真實環境幾乎沒有差距。

這對剛接觸的新手來說是巨大的心理門檻解除：不用擔心環境設定搞壞、不用怕 API 費用亂扣，先把觀念跑通，確認自己真的想深入，再去裝本地環境。

互動表單直接生成設定檔，複製即用

學 Claude Code 的另一個難關是設定檔。CLAUDE.md 要怎麼組織？hooks 的格式是什麼？MCP servers 要怎麼配置？

網站的「Config Builder」工具直接解決這個問題。填互動表單，它幫你生成可以直接貼進專案的設定檔：支援 CLAUDE.md、skills、agents、hooks、MCP servers、plugins，全部都有。不再需要對著空白檔案發呆，也不用去翻一堆範例才能拼出一個勉強能用的設定。

每個模組有測驗，答錯才是真的學

很多教學平台的測驗只是走流程，選對答案按下一題，沒有真正加深理解。claude.nagdy.me 的設計稍微不同：每個模組結尾的小測驗，答錯不只告訴你「錯了」，還會給出解釋，讓你知道為什麼錯、正確的觀念是什麼。

這個細節雖然小，但對真正想把 Claude Code 搞清楚的人來說，可以加速打通邏輯鏈。

11 個模組，從零到進階有完整路徑

目前網站列出的課程模組共 11 個：

– 模組 1：Slash Commands（30 分鐘，初學）
– 模組 2：Memory & CLAUDE.md（45 分鐘，初學）
– 模組 3：Project Setup（45 分鐘，初學）
– 模組 4：Commands Deep Dive（30 分鐘，初學）
– 模組 5：Skills（1 小時，中階）
– 模組 6：Hooks（1 小時，中階）
– 模組 7：MCP Server（1 小時，中階）
– 模組 8：Subagents（1 小時，中階）
– 模組 9：Advanced Feature（1 小時，進階）
– 模組 10：Workflows（1 小時，進階）
– 模組 11：Plugins（1 小時，進階）

適合哪些人？怎麼開始？

如果你是以下幾種人，claude.nagdy.me 值得花一個下午跑一遍：

• 想開始用 Claude Code 但不知從哪入門的開發者
• 已經在用但對 hooks 和 skills 還是一知半解的人
• 想快速生成一份能用的 CLAUDE.md 但不想從頭研究語法的人…

免費、免安裝，推薦給你試試看。