實體AI教學課程內容
Claude Code AI編程教學課程：三小時速成班
課程簡介
本課程專為預算有限開發者設計，利用Claude免費版（Sonnet 4.5模型）在網頁介面完成AI輔助編程實戰。透過3小時結構化教學，學員掌握網頁版Claude Code核心技巧，包括codebase分析、多檔建議生成、除錯協助與Git工作流優化。以React Todo App為實作主線，教你如何在每日50-100則訊息限制內，最大化AI生產力。適合初學AI編程助手的使用者，無需付費訂閱即可上手。
課程目標
前置作業：Chrome瀏覽器、Claude.ai免費帳號、VS Code、Git
課程大綱
第一小時：免費版環境優化與基礎應用
免費版限制解析＋帳號準備
免費版核心限制：
✓ 每日50-100則訊息（每5小時重置）
✓ Sonnet 4.5模型（無Opus 4.5）
✓ 20萬tokens上下文視窗
✗ 無終端CLI、無IDE插件
✗ 高峰期限流（美東時間晚間）
高效提示模板建立
【免費版黃金模板】
1. 總結現況：目前專案架構＋遇到的問題
2. 明確目標：期望功能＋輸入/輸出格式
3. 上下文限制：僅分析指定檔案，不要假設其他部分
4. 驗證要求：請提供測試案例＋lint指令
範例：
"以下是我的App.tsx (30行)：
[貼上程式碼]
請幫我新增刪除功能，返回修改後完整檔案＋單元測試"
首個Todo App實作
> 請用React 18 + TypeScript寫一個完整Todo App
> 包含：新增、刪除、勾選完成、localStorage持久化
> 請提供完整App.tsx檔案＋使用說明
階段成果：免費版完成首個AI生成專案（10則訊息內）
第二小時：codebase分析與多檔協作
單檔→多檔進階技巧
【多檔操作工作流】
1. 主檔案 → 依賴檔案 → 工具函數 → 測試檔案
2. 每次只貼1-2個檔案，精準定位問題
3. 使用「假設其他檔案不變」限制範圍
實作序列：
> 分析我的Todo App架構，建議重構成3個組件
> [貼上App.tsx]
逐步重構實戰
> 我的TodoList有性能問題，長列表卡頓
> [貼上TodoList.tsx 50行]
> 請用useMemo + useCallback優化，返回完整檔案
> 請為useTodos.ts撰寫Jest測試
> 測試新增、刪除、持久化3個功能
> 提供test文件＋執行指令
除錯與碼質優化
> 以下程式碼有ESLint錯誤，請修復並解釋原因：
[貼上錯誤程式碼]
> 請檢查安全性漏洞，返回修正版本＋說明
階段成果：完成中型專案重構（25則訊息內）
第三小時：進階工作流與配額管理
Git整合＋議題處理
【GitHub議題工作流】
1. 複製issue描述 → 貼入Claude → 生成解決方案
2. 分段貼入相關檔案 → 獲得逐檔修正
3. 手動commit：「fix: [Claude建議的title]」
範例提示：
> GitHub issue #123：「登入按鈕無反應」
> 以下是LoginForm.tsx，請提供修正方案：
[貼上程式碼]
> 請先寫失敗的測試，再實作通過的程式碼
> 功能：拖拉排序Todo項目
> 使用React DnD，返回測試＋實作兩檔案
配額極限壓榨技巧
【進階提示壓縮】
1. /compact 指令：壓縮對話歷史，延長使用時間
2. 新對話策略：複雜任務分拆3個獨立對話
3. 批量要求：「給我3種實作方案，含優缺點」
4. 預測性提示：「預期會有X問題，請一併解決」
實作：
> 一次給我完整購物車功能：產品列表＋數量＋總價＋優惠券
> 包含React組件＋hooks＋test＋錯誤處理
