前端網頁程式設計入門
24公開內容
8私密內容
本課程將帶你從 HTML、CSS、JavaScript 的基礎開始，學習如何構建現代化、響應式的網頁設計！我們還將介紹 React 與 Redux，讓你學會如何使用這些業界主流的前端函式庫來開發高效能的單頁應用（SPA）。你將了解元件化設計、狀態管理、等核心概念，提升你的開發技能，為進一步深入學習前端開發做好準備！
全部內容
免費與付費
最新發佈優先
本章節你將了解 日期物件，包括處理日期的方法以及如何設定日期格式，切入要點的示範所有常見的使用方法範例與應用。
付費限定
表單驗證是一個在用戶輸入資料時確保其正確性、完整性及格式符合要求的重要功能，它可以在用戶提交表單之前進行檢查，防止錯誤資料的傳輸。本章節將帶你初步了解其原理與使用。
付費限定
本篇文章深入淺出地介紹 JavaScript 正規表達式，從基本語法、常用符號、方法應用到進階的捕獲群組、斷言等，並搭配豐富的範例程式碼，幫助讀者快速掌握正規表達式的使用技巧。
了解常見的錯誤消息將幫助您更有效的調試程式碼，本章將介紹 JavaScript 錯誤處理機制 (Error Handling)，學習如何有效地偵測、處理與預防錯誤，提高程式的穩定性與可維護性。
付費限定
透過本章的學習，你將了解 JavaScript 事件冒泡 (Event Bubbling) 與事件委託 (Event Delegation)，這是前端開發中處理 DOM 事件的重要概念。
本篇文章介紹 JS 中DOM的基本操作，包含節點類型、節點關係、以及常見的 DOM API 使用方法。文中也說明 `innerText` 與 `textContent` 的差異，並示範了 `addEventListener()` 的其他事件類型。是一篇實作類型的教學文章，意在幫你輕鬆入門這項技術。
付費限定
本章將深入探討 JS中高階函式 (Higher-Order Functions) 與回呼函式 (Callback Functions)，這是 函數式程式設計的核心概念。透過學習高階函式的應用，如 map()、filter()等，以及回呼函式的使用，你將能夠寫出更簡潔、可讀性更高且可重複使用的程式碼。
物件是一種鍵值對(Key-Value Pair)的數據結構。用於儲存和組織複雜的資料。
本章節不廢話的帶你嘗試各種物件的操作，透過本章的學習，你將能夠掌握 JavaScript 物件操作技巧，並為後續學習物件導向程式設計 、API 資料處理與前端框架(如 React)打下堅實基礎！
本章將深入探討 JavaScript 陣列 (Arrays)，這是一種用來儲存多筆相關數據的結構，比起個別宣告變數，更適合用於大量數據處理與運算。我們將學習如何建立、遍歷陣列與各種操作，並透過實作範例來熟悉 陣列方法 (Array Methods)，讓數據處理更加靈活高效。
函數是可重複使用的程式碼區塊，用於執行特定任務或計算，你可以將它視為機器，它可以接受一些變數作為參數，並對其進行一些操作，接著產生輸出。
本章節帶你快速熟悉這個 JavaScript 最核心的概念之一，為更進階的觀念打好基礎。
