Web 開發者指南
MDN Web Docs 上有許多指南，透過實際示例教您如何使用各項功能或 API。本頁面精選了一些最受歡迎、以目標為導向的學習材料。
HTML
- 使用 HTML 構建 Web
-
HTML 學習區提供教程，幫助您從零開始學習 HTML。
- HTML 基礎
-
本文件將幫助您對 HTML 有基本的瞭解。學習完本指南後，您可以進一步探索 HTML 學習區中的內容。
CSS
- 學習使用 CSS 樣式化 HTML
-
我們完整的 CSS 教程，將帶您從入門開始，學習文字樣式、建立佈局等。
- CSS 佈局指南
-
MDN 上有大量的 CSS 佈局指南，本頁面將它們全部彙集在一起。
- 使用 CSS 動畫
-
CSS 動畫可以實現從一種 CSS 樣式配置到另一種的過渡動畫。本指南將幫助您入門動畫屬性。
JavaScript
- JavaScript 學習區
-
無論您是完全的初學者，還是希望鞏固技能，這裡都是您的起點。
媒體
- 音訊和影片傳輸
-
我們可以在 Web 上透過多種方式呈現音訊和影片，從“靜態”媒體檔案到自適應直播流。本文件旨在作為探索各種基於 Web 的媒體交付機制以及與流行瀏覽器相容性的起點。
- 音訊和影片操作
-
Web 的魅力在於您可以組合不同的技術來創造新的形式。瀏覽器中原生的音訊和影片意味著我們可以將這些資料流與諸如
<canvas>、WebGL 或 Web Audio API 等技術結合使用，直接修改音訊和影片，例如為音訊新增混響/壓縮效果，或為影片新增灰度/棕褐色濾鏡。本文件提供了一個參考，解釋您需要做什麼。
API
- 使用 FormData 物件
-
FormData物件允許您編譯一組鍵值對，以便使用fetch()傳送。它主要用於傳送表單資料，但也可以獨立於表單來傳輸鍵控資料。其傳輸格式與表單的submit()方法在設定表單的編碼型別為“multipart/form-data”時傳送資料所使用的格式相同。 - 漸進式 Web 應用
-
漸進式 Web 應用（PWA）使用現代 Web API 和傳統的漸進增強策略來建立跨平臺 Web 應用。這些應用在任何地方都能執行，並提供多種功能，使其擁有與原生應用相同的使用者體驗優勢。本套指南將告訴您有關 PWA 的所有知識。
- 解析和序列化 XML
-
Web 平臺提供了不同的 XML 解析和序列化方法，各有優缺點。
效能
- 最佳化與效能
-
在構建現代 Web 應用和網站時，讓您的內容快速高效地執行非常重要。這可以確保其在強大的桌面系統和效能較弱的手持裝置上都能有效執行。
移動 Web 開發
- 學習：響應式設計
-
本文件概述了設計適用於移動裝置的網站所需的一些主要技術。
字型
- 可變字型指南
-
瞭解如何在設計中使用可變字型。
- Web 開放字型格式 (WOFF)
-
WOFF（Web Open Font Format）是一種任何人都可以免費在 Web 上使用的字型檔案格式。
使用者介面開發
- 使用者輸入方法和控制
-
使用者輸入不僅僅包括滑鼠和鍵盤：例如，還可以考慮觸控式螢幕。本文件提供了關於管理使用者輸入和在開放 Web 應用中實現控制元件的建議，以及常見問題解答、實際示例和進一步資訊的連結，供任何需要更詳細瞭解底層技術的人員參考。