回想起第 1 天剛發文時,我寫著:「我喜歡畫畫,但我不太會寫程式。」
當時對於前端的認知,大概就只是一個神祕且充滿英文代碼的黑盒子。而現在,隨著鐵人賽的最後一篇發布,回頭看看這 30 天走過的路,多少有種不可思議的感覺。
在這 30 天裡,我這個美術專業背景的人,到底經歷了什麼?
1. 從 HTML 建立骨架
從一開始看標籤像是看火星文,到後來學會用 <h1>、<p> 建立結構,用 <div> 分區塊,甚至搞懂了表格、清單與表單的運作方式。這就像是畫畫時先拉好草稿與透視骨架。
2. 用 CSS 賦予靈魂與排版
進入 CSS 階段後,遇到選擇器、Box Model(盒子模型)、Display 與排版神器 Flexbox。當發現這些概念其實跟繪畫軟體裡的圖層、對齊工具、留白思維不謀而合時,原本冰冷的程式碼瞬間變得親切許多。
3. 透過 JavaScript 啟動互動
跨足 JS 之後,從變數(Variables)、條件判斷(If/Else)、函式(Function)到事件監聽(Event)與 DOM 操作,終於明白網頁不只是張好看的靜態海報,而是可以根據使用者動作產生反應的互動系統。
總結這 30 天的體悟:
就像一開始說的,我當然沒有期望自己在這 30 天內直接變成頂尖的前端工程師。
但最大的收穫是:我不再對程式感到恐懼。
以前看到網頁壞掉或需要調整,總是只能靠別人;現在的我,不僅看懂了網頁底層的邏輯,手邊也多了一個能將創意具現化為真實網站的新工具箱。最重要的是,我真的把這 30 天的鐵人賽堅持到底!
Day 30,鐵人賽圓滿成功!🚀