洛奇的邪惡組織手札

本篇將實作一個「打地鼠」小品遊戲，練習 DOM 操作、事件監聽與互動流程設計。你將學會如何結合 HTML、CSS 與 JS，打造出具備即時反應與分數統計的互動遊戲，並理解事件委派（Event Delegation）在實務開發中的應用。

本篇 BOM（Browser Object Model，瀏覽器物件模型）與 DOM（Document Object Model，文件物件模型）。這兩個模型是 JavaScript 與網頁互動的基礎，掌握它們將讓您能夠動態控制網頁內容和瀏覽器行為。

在實際的程式開發中，我們經常需要處理大量的資料，例如使用者清單、商品資訊、統計數據等。當資料量龐大時，如何有效地組織、存取、計算和轉換這些資料，就成為程式設計的重要課題。

JavaScript 是現代網頁開發不可或缺的程式語言，它讓原本靜態的 HTML 網頁能夠擁有動態互動功能。本教學將從零開始，循序漸進地介紹 JavaScript 的基礎觀念。

CSS 的最後一篇基本課程，收錄一些偏於動態或視覺效果的 CSS 屬性，也提及到 CSS 動畫與轉場的動態播放，以及跨平台十分重要的 Media Query 媒體查詢。這些都算是能讓 CSS 更生動豐富且靈活，使網頁體驗上更有感受。

本篇將深入探討現代 CSS 布局技術，從傳統的 Float 開始，重點介紹目前主流的 FlexBox 和 CSS Grid 技術。您將學會如何選擇適合的布局方法，掌握一維和二維布局的核心概念，並能夠設計出現代化的響應式網頁布局。

我們已經了解到很多 CSS 的控制效果都與 block 或 inline 有關。這篇文章將深入介紹盒子模型 (Box Model) 的核心概念，以及現代 CSS 定位技術。掌握這些知識後，你將能夠精確控制網頁版面配置，讓切版技能大幅提升。

在學會了 CSS 的基本語法和選擇器之後，現在我們要深入學習各種 CSS 屬性值的使用方法。這篇文章將帶你認識最常用且基礎的 CSS 屬性，包括字型設定、文字樣式、背景效果等等。

這是專為 CSS 初學者設計的基礎教材，將帶你從零開始認識 CSS 的核心概念。CSS 是控制網頁視覺外觀的關鍵技術，學會它就等於掌握了讓網頁變得美觀的能力。

這是一份專為 HTML 初學者設計的基礎教材，涵蓋從零開始的 HTML 學習路徑。如果你已經具備基本的 HTML 概念與標籤使用經驗，建議可以直接跳過本篇內容。