Learning path
Flutter AI 學習筆記
記錄我如何利用 AI (Codex) 在一週內從零開始掌握 Flutter 開發技術的過程。
這是一個關於利用 AI 加速學習新技術的實驗系列。 我將記錄從零開始，透過 Codex 的輔助，在極短時間內掌握 Flutter 並應用於實際專案的完整路徑。
Start here
從這篇開始
先讀這篇建立共同語言，再往下看完整閱讀順序。
Recommended path
建議先讀
先讀核心文章，再依需求往下查完整列表。
2026-05-05
Flutter AI 學習 Day 1：先看懂 Dart 與專案地圖
Flutter AI 學習 Day 1 的重點不是急著寫很多 UI，而是先讀懂 Dart 基礎、Flutter Learning Lab 的文件入口、app 啟動流程與專案地圖。
2026-05-06 Flutter AI 學習 Day 2：Everything is a Widget 不是口號Flutter AI 學習 Day 2 從 Everything is a Widget 開始，透過首頁、基礎 Widget、狀態範例與 UI Kit，把巢狀括號翻成可理解的 Widget tree。
2026-05-07 Flutter AI 學習 Day 3：Form、Router 與 App ShellFlutter AI 學習 Day 3 把單一表單畫面接回 App Shell，透過 go_router、ThemeData、Form、validator 與 ViewModel 理解 Flutter app 的骨架。
2026-05-08 Flutter AI 學習 Day 4：Posts 列表背後的資料流Flutter AI 學習 Day 4 從 Posts 列表一路追到 API，理解 View、ViewModel、Repository、Service 的資料流，並拆解 search、filter、pagination、debounce。
Full archive
完整閱讀順序
- 01 Flutter AI 學習 Day 1：先看懂 Dart 與專案地圖 Flutter AI 學習 Day 1 的重點不是急著寫很多 UI，而是先讀懂 Dart 基礎、Flutter Learning Lab 的文件入口、app 啟動流程與專案地圖。
- 02 Flutter AI 學習 Day 2：Everything is a Widget 不是口號 Flutter AI 學習 Day 2 從 Everything is a Widget 開始，透過首頁、基礎 Widget、狀態範例與 UI Kit，把巢狀括號翻成可理解的 Widget tree。
- 03 Flutter AI 學習 Day 3：Form、Router 與 App Shell Flutter AI 學習 Day 3 把單一表單畫面接回 App Shell，透過 go_router、ThemeData、Form、validator 與 ViewModel 理解 Flutter app 的骨架。
- 04 Flutter AI 學習 Day 4：Posts 列表背後的資料流 Flutter AI 學習 Day 4 從 Posts 列表一路追到 API，理解 View、ViewModel、Repository、Service 的資料流，並拆解 search、filter、pagination、debounce。
- 05 Flutter AI 學習 Day 5：讓 App 記住使用者選擇 Flutter AI 學習 Day 5 透過 Settings feature 學 SharedPreferences、本地偏好與 ThemeMode，理解設定頁如何影響整個 MaterialApp。
- 06 Flutter AI 學習 Day 6：用測試保護學習範例 Flutter AI 學習 Day 6 從 repository test、ViewModel test、widget test 看懂測試分層，並理解 fake repository 和 Riverpod override。
- 07 Flutter AI 學習 Day 7：從學習專案走向可交付品質 Flutter AI 學習 Day 7 回顧整個 Flutter Learning Lab，理解 CI、coverage、官方 sample checklist、打包發布概念，以及下一輪該補的品質能力。
- 08 AI 學習實驗室：如何透過 AI (Codex) 在一週內掌握 Flutter？ 面對新工作的技術挑戰，我決定用一週時間，透過 AI (Codex) 從零開始學習 Flutter。這篇文章介紹我如何建立學習地圖、利用 AI 生成專案與文件，開啟這場高效學習實驗。