我學到了什麼，如何變成作品？
把每天的主題轉成可互動的模組：HTML/CSS、JS、API、LocalStorage、RWD、圖表。
HTML 結構
語意化元素 + 清楚版型。
30
Days
CSS 與 RWD
以 CSS 變數與 Media Queries 做響應式。
JavaScript 核心
事件處理、狀態、條件與陣列操作。
簡報重點：對應「每天學什麼 → 一個功能」。強調離線可演示（模擬 API / LocalStorage）。
BMI 計算機
即時計算
20.2
正常
展示 JS + DOM 操作：oninput → 計算 BMI → 更新畫面。
天氣查詢（模擬）
請選擇城市並查詢
使用 Promise 模擬 fetch；離線也能 Demo。
待辦清單（LocalStorage）
資料存在 localStorage；重整也不會消失。
學習時數變化圖 📈
以 Day 里程碑呈現投入時間。
意見回饋
這個表單已連接到 Formspree 服務。
當使用者填完並送出後，內容會寄到我的電子信箱。
✅ 含瀏覽器自動驗證（Email 格式、必填檢查）
✅ 成功送出會顯示提示訊息
當使用者填完並送出後，內容會寄到我的電子信箱。
✅ 含瀏覽器自動驗證（Email 格式、必填檢查）
✅ 成功送出會顯示提示訊息