鐵人檔案
這系列文章會記錄我作為 Web 新手 的學習旅程～從最基本的網頁概念開始，一步步了解架構、設計到互動的原理！每篇文章都會分享我學到的知識與心得，讓更多和我一樣的初學者能一起入門。透過 30 天的挑戰，我希望把學習過程整理出來，不僅幫助自己複習，也能和大家一起更認識 Web 的世界！
在前幾天的練習中，我們學會了變數、條件、迴圈與函式，讓程式能執行邏輯。但如果想要讓網頁對使用者的動作有反應，就需要用到「事件（Event）」！ 事件是使用者在網...
在現代網站中，表單（Form）幾乎無所不在。不論是註冊帳號、登入系統、留言評論、線上購物結帳，甚至是問卷填寫，都需要透過表單與使用者互動。表單的主要功能，是用來...
在前面學過變數與基本資料型別後，我們知道陣列（Array）能把多筆資料集中管理，是程式中非常實用的結構。而今天要進一步探索的是陣列的進階操作，這能讓我們更有效率...
在學完陣列之後，我們知道它非常適合儲存「多筆同類型資料」，例如一串數字或一系列商品名稱。但當資料需要更多結構化資訊時，例如「一位使用者的姓名、年齡、電子郵件」，...
在前面學會變數、陣列與物件之後，我們已經能管理數字、資料集合以及結構化資料。今天要學習的是字串（String）的操作，它是程式中處理文字的基礎，也是前端開發中不...
在前面學會字串、陣列與物件操作後，我們已經能有效管理與處理資料。今天要學習的是計時器（Timer），它能讓網頁「等待」一段時間後執行動作，或以固定時間間隔重複執...
專案目標與設計理念 我設計的專案主題是「猜數字遊戲」。我一開始先明確設定專案目標：希望設計出一個能與使用者互動、並即時回饋結果的網頁遊戲。整體概念是讓系統隨機產...
核心資料設計 在資料處理部分，我使用變數來儲存遊戲的核心資訊，包括隨機答案數字（answer）、玩家猜測次數（attempts）以及當前難度的最大範圍（maxR...
前端設計理念 在「猜數字遊戲」專案中，前端介面設計扮演極為重要的角色。目標是讓玩家在操作時能夠直覺、流暢地互動，並即時收到遊戲回饋。因此，我在設計畫面時考量了三...
專案目標回顧 在過去的三十天專案學習中，在最後我們以「猜數字遊戲」為主題，完成了一個完整的互動式網頁遊戲專案。專案目標從一開始就明確：希望設計一個具備完整遊戲邏...
