iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Modern Web

從 UI/UX 設計到前端實作:30 天打造專屬的任務學習計時器 系列

作為程式初學者,常常無法精準預估完成作業或階段性任務所需的時間。市面上的計時器大多以「強制專注」為主,有時反而會在進入心流狀態時被番茄鐘硬生生打斷。因此,我希望能打造一款專為紀錄「實際耗時」設計的任務計時器,未來能更精準地評估專案時程。

本系列將以 Local-first(在地優先) 為核心,完全不依賴後端伺服器,並運用目前學到的初階前端技術,挑戰打造一個真正解決自身痛點的產品。

30 天內容將涵蓋完整的產品開發流程:從UI/UX設計、介面切版、前端邏輯、數據視覺化。希望這不只是一系列記錄文章,更是未來陪伴自己持續成長與學習的利器!

鐵人鍊成 | 共 31 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文

DAY 31 | 東西擺整齊的療癒感!專案開發後的回頭重構與架構優化

在初期開發這個作品時,因為採取 「邊做邊驗證」 的策略,並沒有預先對程式碼進行模組化拆分。當時的專案架構如下: 檔案 主要功能 程式碼行數 db....

2026-10-14 ‧ 由 aria_carrot 分享