鐵人檔案
作為設計系畢業的學生，也曾做過UIUX相關設計工作，過去雖然曾學過前端程式，但隨著時間久沒碰，記憶也漸漸淡忘。這次藉著鐵人賽的機會，希望能找回程式的手感與記憶，從基礎開始重新複習與扎根。不求一步登天，只希望能把前端操作練得比以往更熟悉、更扎實，記錄這 30 天從設計到程式的打怪日常！
在前面的實戰中，我們已經學會了如何監聽點擊、修改文字與動態生成清單。今天我們要來挑戰一個在所有網站（不管是電商、部落格還是企業官網）都無處不在的高頻互動——彈跳...
在前面的幾天裡，我們學會了如何用 JS 操控 DOM、監聽事件、甚至做出了互動彈跳視窗。但你有沒有發現：我們寫的資料（像是 Todo 列表、商品清單）全都是寫死...
昨天我們學會了用 fetch() 呼叫 API、把遠端的資料抓回來。但當時我們只是把資料乖乖印在主控台（Console）的黑盒子裡，使用者根本看不見啊！ 今天，...
昨天我們成功把 API 抓到的資料動態變成了一整排漂亮的會員卡片。但想像一下，如果今天我們的資料庫有 500 筆資料，使用者不可能一筆一筆慢慢往下滑去找人吧？...
不知道大家在玩前面幾天做的 Todo List 待辦事項時有沒有發現一個悲劇：只要按一下瀏覽器的「重新整理（F5）」，剛剛辛苦輸入的所有待辦清單全部瞬間歸零！...
在前面的 25 天裡，我們從純手刻 HTML 骨架、用 CSS 慢慢調邊距、寫 Box Model，一路走到寫 JavaScript 互動與串接 API。 雖然...
在過去的 26 天裡，我們從 HTML 骨架、CSS 排版、JavaScript 互動、串接 API、LocalStorage 到使用 Tailwind CSS...
回顧這 28 天以來的鐵人賽旅程，我們從最初搞不懂什麼是 HTML 標籤、對 CSS 盒模型頭痛、到學會 JavaScript 互動、串接 API、甚至用 Ta...
來到鐵人賽的第 29 天，也就是倒數第二篇！ 回顧這一個月來，我們從 VS Code、Figma 觀念對照、HTML/CSS 一路打怪到 JavaScript...
