Day 30: 【前端 #9】建立大門與鑰匙：根據流程圖實現前端使用者認證
今天我們將迎來前端整合的最終章！嚴格依據流程圖實現認證系統，為 App 裝上大門與門鎖。
Frontend
Gemini
tag
Frontend
這裡整理與「Frontend」相關的已發布文章，依最新更新排序。
13 篇文章
Latest first
文章列表
一般更新
設計文件
2025-09-17
12 分鐘閱讀
點閱 0
Day 29: 【文件 #9】專案的守衛：用 Gemini 規劃「前端認證流程」
今天我們將進行第二個前端的 DDD 循環，扮演「資安架構師」，為專案撰寫一份清晰、專業的「前端認證流程規格書」。
Frontend
Gemini
一般更新
前端開發
2025-09-16
8 分鐘閱讀
點閱 1
Day 28: 【前端 #8】兌現承諾：根據規格書 Vibe Coding 關聯性洞察圖表
今天我們將正式拿起工具，嚴格依據昨天的這份《圖表元件規格書》，指揮 AI 和 Chart.js，將這幅數據的畫布，變成真實、可互動的前端程式碼！
Frontend
Gemini
JavaScript
一般更新
設計文件
2025-09-15
10 分鐘閱讀
點閱 5
Day 27: 【文件 #8】數據的畫布：用 Gemini 設計「圖表元件規格書」
今天我們將重拾文件驅動開發，為最複雜的「關聯性洞察」功能，撰寫一份清晰、專業的「圖表元件規格書」。
Frontend
Documentation
Gemini
一般更新
前端開發
2025-09-14
8 分鐘閱讀
點閱 1
Day 26: 【前端 #7】用戶體驗的最後一哩路：優雅地處理載入與錯誤
今天我們將為 App 注入「同理心」，教它如何與使用者溝通，優雅地處理「載入中」和「錯誤」狀態。
Frontend
Gemini
UX/UI
一般更新
前端開發
2025-09-13
8 分鐘閱讀
點閱 0
Day 25: 【前端 #6】核心生命週期：一天搞定習慣的「增刪改查」與「打卡」
今天我們將火力全開，搞定所有習慣的「增、刪、改、查」與「打卡」功能，讓 App 真正地動起來。
Frontend
Gemini
JavaScript
一般更新
前端開發
2025-09-12
8 分鐘閱讀
點閱 0
Day 24: 【前端 #5】狀態管理的哲學：讓 UI 成為數據的鏡子
今天我們將深入探討狀態管理的心法，並引入一個輕量的狀態中心模式，讓我們的 UI 成為數據最忠實的鏡子。
Frontend
Gemini
JavaScript
一般更新
前端開發
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 分鐘閱讀
點閱 2
Day 19: 【文件 #7】頁面的骨架：用 Gemini 規劃主佈局與元件拆分
今天我們將化身為「UI 架構師」，指揮 Gemini 設計出網站的主要佈局，並將介面拆解成清晰的元件清單。
Frontend
Gemini
UX/UI
一般更新
前端開發
2025-09-05
6 分鐘閱讀
點閱 0
Day 17: 【前端 #0】前端世界的基石： HTML, CSS 與 JavaScript
今天，我們將回歸本心，認識一下構成生命的三大基本元素：HTML, CSS, 與 JavaScript。
Frontend
HTML/CSS
JavaScript