鐵人檔案
在 AI 輔助日益普及的今天，扎實的 JavaScript 基礎依然重要。Wes Bos 的 JavaScript30 系列，30 天帶你逐步掌握 JavaScript 的核心概念和實用技巧。無論你是初學者還是有經驗的開發者，這個系列將帶你一步步掌握 JavaScript 的精髓，並在實際應用中提升自我的技能。
透過鐵人賽自我挑戰，我將連續 30 天分享在 JavaScript30 系列中的學習筆記和實踐經驗。希望通過這次挑戰，不僅鞏固自己的基礎知識，還能提升撰寫技術文章的能力
主題 實作出按住 Shift 點擊 check list ，達到連續選取的效果 成果 完整程式碼Demo效果 實作重點 Javascript 類陣列轉陣列...
主題 利用 <video> 標籤，實作影片播放器的基礎功能 成果 完整程式碼Demo效果 實作重點 <video> (MDN) 對照文...
主題 使用 Cornify.js 製作簡單的彩蛋效果。 成果 完整程式碼Demo效果 實作重點 Javascript 會使用 cornify.js ，放到...
主題 實作一個當畫面滾動到圖片區域時圖片以動畫方式跑出 成果 完整程式碼Demo效果 實作重點 學習 window 事件 Javascript 先了解 w...
主題 介紹 JS 賦值時，reference(參考、傳址) 與 copying(拷貝、傳值)。 成果 完整程式碼Demo效果 實作重點 Javascript 可...
主題 實作一個 LocalStorage 的紀錄菜單功能 成果 完整程式碼Demo效果 實作重點 Javascript 先了解 LocalStorage(...
主題 實作一個滑鼠移動時，產生不同陰影的效果 成果 完整程式碼Demo效果 實作重點 Javascript 先了解基本概念 offsetX , of...
主題 利用編排文章排序來複習陣列方法sort, map, join, replace, trim 搭配正則的使用。 成果 完整程式碼Demo效果 實作重點 J...
主題 利用取得播放清單總秒數來複習陣列方法 reduce, map 的使用。 成果 完整程式碼Demo效果 實作重點 Javascript 取得所有的 l...
主題 實作一個 Webcam ，有拍照、下載、濾鏡的效果 成果 完整程式碼Demo效果 實作重點 Javascript 在驅動 webcam 前需要有一個...
