iT邦幫忙

2026 iThome 鐵人賽

DAY 30
0

從第一天按下「啟程30天的前端修練之旅」的發布按鈕開始,到今天正式寫下這篇完賽感言,這段旅程走得並不簡單,這30天裡,我們一起認識了從靜態畫面到動態互動的完整前端基本功修練。

回頭看看我們每天做出的東西,每一天都是我們成長的證明。


30天的技術修練

  • 第2到8天【HTML骨架基礎】:從最基本的標籤、標題開始,學會了用form、輸入欄位和按鈕做出表單,並在第8天成功做出了人生第一個綜合小網頁。
  • 第9到16天【CSS視覺排版】:我們跨入網頁的皮膚世界,搞懂了權重優先順序,解鎖了影響切版成敗的關鍵:「盒子模型(Box Model)」與border-box的秘密,並從傳統的Float一路進化到一維最猛的Flexbox彈性控制。
  • 第17到19天【二維佈局與RWD完美適應】:我們用二維棋盤思維挑戰了 Grid網格佈局,學會了利用Position突破排版流的幾何束縛,最後,用RWD(響應式網頁設計)讓網頁完美伸縮在手機與桌機之間,完成了網頁外觀篇的功德圓滿。
  • 第20到29天【JavaScript核心大腦】:我們正式賦予網頁生命,從資料型態、運算子出發,搞懂了let與const的安全置物櫃概念,透過條件判斷與迴圈壓榨電腦算力,接著用函式、陣列與物件把真實世界的數據打包,最後,透過DOM與事件監聽(Event Listener)捕捉滑鼠點擊,並在昨天用filter與push寫出如電商後台般的資料過濾系統。

完賽感言

在開賽前,很多人都說寫鐵人賽最難的是技術的深度,但我發現最難的其實是堅持。

在每天晚上還要自己坐在電腦前,把那些語法、作用域、盒子模型,用能看懂的方式寫成文章,中間有好幾次看著錯誤發呆,但還是撐過來了。


最後感謝

謝謝每一個有看我和留言的人們與同團隊的大家以及你們的瀏覽和互動。
然後還要感謝寫30天文章的我。
前端鐵人賽,三十天修練成功落幕。

完賽了,大家再見!


上一篇
DAY29 陣列與物件的常用操作方法
系列文
從結構到互動:現代前端HTML、CSS 、JS 的 30 天修練 共 30 篇
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言