Day 24: 【前端 #5】狀態管理的哲學：讓 UI 成為數據的鏡子
今天我們將深入探討狀態管理的心法，並引入一個輕量的狀態中心模式，讓我們的 UI 成為數據最忠實的鏡子。
Frontend
Gemini
JavaScript
Archive
全部文章
這裡收斂所有已發布的技術文章。可以從最新內容往下讀，也可以先進系列或主題索引找脈絡。
143 篇已發布文章
最新更新 2026-09-23
適合想把一條學習線補完整的時候。
Topics 依主題探索從 AI 協作、後端、前端或工作流切入。
Projects 依專案閱讀從公開作品反查代表文章、技術棧與主題脈絡。
Pinned, then latest
全部文章
一般更新
前端開發
2025-09-11
8 分鐘閱讀
點閱 1
Day 23: 【前端 #4】非同步的藝術：深入 Fetch API 與 Promise
今天我們將深入前端開發中最核心的觀念——非同步程式設計，並學習如何使用 Fetch API 讓前後端進行對話。
Frontend
Gemini
JavaScript
一般更新
前端開發
2025-09-10
5 分鐘閱讀
點閱 0
Day 22: 【前端 #3】AI 一鍵生成完整 App 靜態 UI
今天我們將繼續指揮 AI 助手，根據所有設計藍圖，在現有專案基礎上，將 MVP 所需的所有靜態 UI 元素全部建造完成。
Frontend
Gemini
HTML/CSS
UX/UI
一般更新
前端開發
2025-09-09
6 分鐘閱讀
點閱 0
Day 21: 【前端 #2】從原型到架構：拆解並整合 AI 生成的 UI 程式碼
今天我們將扮演「結構工程師」，將昨天生成的 UI 原型進行專業級的「大改造」，落實關注點分離原則。
Software Engineering
Frontend
Gemini
一般更新
前端開發
2025-09-08
8 分鐘閱讀
點閱 0
Day 20: 【前端 #1】Gemini Canvas 生成UI (還有新的AI建議功能)
今天我們將使用 Gemini Canvas 功能，直接從「建築工人」升級成「魔法建築師」，瞬間召喚出一棟功能完整、外觀精美的 UI 原型！
Frontend
Gemini
UX/UI
一般更新
設計文件
2025-09-07
9 分鐘閱讀
點閱 3
Day 19: 【文件 #7】頁面的骨架：用 Gemini 規劃主佈局與元件拆分
今天我們將化身為「UI 架構師」，指揮 Gemini 設計出網站的主要佈局，並將介面拆解成清晰的元件清單。
Frontend
Gemini
UX/UI
一般更新
設計文件
2025-09-06
11 分鐘閱讀
點閱 18
Day 18: 【文件 #6】網站的風格指南：用 Gemini 定義顏色與字體
今天我們將化身為「首席視覺設計師」，與我們的 AI 夥伴 Gemini 深度對談，為我們的 App 定義一套獨一無二的視覺風格。
Gemini
UX/UI
一般更新
前端開發
2025-09-05
6 分鐘閱讀
點閱 0
Day 17: 【前端 #0】前端世界的基石： HTML, CSS 與 JavaScript
今天，我們將回歸本心，認識一下構成生命的三大基本元素：HTML, CSS, 與 JavaScript。
Frontend
HTML/CSS
JavaScript
一般更新
整合篇
2025-09-04
6 分鐘閱讀
點閱 1
Day 16: 【整合篇】後端竣工！回顧與展望
今天，是我們「左手藍圖，右手魔法」協奏曲的上半場終章。我們將回顧我們走了多遠，沉澱我們學到了什麼，並展望未來。
Software Engineering
Gemini
一般更新
後端開發
2025-09-03
6 分鐘閱讀
點閱 2
Day 15: 【後端 #3】API 測試：用 Gemini CLI 輔助撰寫 Pytest
今天我們將引入自動化測試，指揮 Gemini 化身為測試工程師，為我們撰寫測試案例，並直接升級 CI 流程。
CI/CD
Gemini
Python
Testing