鐵人檔案
這系列文章會記錄我作為 Web 新手 的學習旅程～從最基本的網頁概念開始，一步步了解架構、設計到互動的原理！每篇文章都會分享我學到的知識與心得，讓更多和我一樣的初學者能一起入門。透過 30 天的挑戰，我希望把學習過程整理出來，不僅幫助自己複習，也能和大家一起更認識 Web 的世界！
前幾天我們已經學了網頁的「骨架」、語義化標籤，以及 CSS 的基本用途。今天要來聊一個很重要的概念：RWD（Responsive Web Design，響應式網...
在前一天我們聊到 RWD 響應式設計，它的重點是讓同一個網站在手機、平板、電腦上都能正常顯示，提供舒適的瀏覽體驗。那麼要做到這一點，除了版面結構本身要有彈性之外...
在前幾天我們一直在聊排版和 RWD，今天來點不一樣的，看看怎麼用 CSS 動畫 讓網頁更生動。好的動畫不只是好看而已，它可以幫助使用者理解網頁的變化，例如按鈕被...
在寫 CSS 的時候，除了屬性（像是字體大小、寬度、高度），單位的選擇也很重要。不同單位代表的意義不同，會影響到版面在不同裝置或不同層級下的表現。常見的單位有...
隨著學到更多 CSS，會發現光是能「把效果寫出來」還不夠，因為如果程式碼寫得亂，久了自己或別人都看不懂，修改起來會非常痛苦。所以，CSS 除了追求效果，也很注重...
網頁不只是靜態的內容展示，使用者希望點擊按鈕、滑鼠移入或滾動時能看到即時回應。JavaScript 就是負責實現這些互動的核心，它能讓網頁對使用者操作做出反應，...
在 JavaScript 裡，「變數」就像一個可以放東西的盒子，用來儲存我們想要記住的資料。例如：使用者的名字、年齡、分數或按鈕點擊次數，都可以存在變數裡，方便...
在前一章中，我學到「變數與資料型別」的概念，知道如何用變數來儲存資料、讓網頁能夠記住資訊。接著進入 Day 18，我學到更進一步的內容——「條件判斷」。有了變數...
在前面兩天的學習中，我先掌握了「變數與資料型別」，知道如何儲存資料，並學會了「條件判斷」，讓網頁能依照不同情況做出選擇。今天的主題是「迴圈」，這是程式設計中非常...
在前面三天的學習中，我先掌握了「變數與資料型別」，知道如何儲存資料，接著學會了「條件判斷」，讓網頁能依據不同情況做出選擇，再到今天的主題——「迴圈」，了解如何自...
