核心學習模組

預備知識

雖然開始學習這組模組沒有先決條件，但我們建議您熟悉您的計算機，確保您已安裝一套基本的必需應用程式（例如 Web 瀏覽器和程式碼編輯器），並對 Web 和 Web 技術進行一些背景閱讀，如果您還沒有這樣做的話。所有這些主題都在我們的 入門模組 中介紹。

特別是，如果您以前從未寫過程式碼，我們推薦 您的第一個網站 模組，它將非常溫和地向您介紹 Web 技術，並引導您完成構建一個簡單網站的過程。

模組

使用 HTML 構建內容結構

要構建一個高質量、可用、可訪問的網站，您需要了解如何使用語義化 HTML 來定義您的內容結構。本模組涵蓋 HTML 語言的基礎知識，然後探討關鍵領域，如文件結構、連結、列表、影像、表單等。

CSS 樣式基礎

CSS（層疊樣式表）用於為網頁設定樣式和佈局 — 例如，更改內容的字型、顏色、大小和間距，將其分成多列，或新增動畫和其他裝飾性功能。本模組提供了您目前所需的所有 CSS 基礎知識，包括語法、功能和技術。

CSS 文字樣式

在掌握了 CSS 語言基礎知識後，接下來要重點關注的 CSS 主題是文字樣式 — 這是您使用 CSS 最常做的事情之一。在這裡，我們研究基礎知識，包括設定字型、粗細、斜體、行和字母間距、陰影以及其他文字功能。最後，我們透過檢視將自定義字型應用於頁面，以及設定列表和連結的樣式來結束本模組。

CSS 佈局

在之前的模組中，我們研究瞭如何為內容所在的框設定樣式和進行操作。現在是時候看看如何使您的框相對於彼此以及瀏覽器視口正確佈局了。本模組探討了浮動、定位、其他現代佈局工具，以及構建響應式設計，使其能夠適應不同的裝置、螢幕尺寸和解析度。

使用 JavaScript 進行動態指令碼編寫

JavaScript 是一個龐大的主題，有許多不同的功能、風格和技術需要學習，並且在此基礎上構建了大量的 API 和工具。本模組主要關注核心語言的要點，以及一些關鍵的周邊主題 — 學習這些主題將為您提供一個堅實的基礎。

JavaScript 框架和庫

JavaScript 框架是現代前端 Web 開發的重要組成部分，為開發人員提供了經過檢驗的工具，用於構建可擴充套件、互動式的 Web 應用程式。許多現代公司都將框架作為其工具鏈的標準部分，因此許多前端開發職位現在都需要框架經驗。在本系列文章中，我們旨在為您提供一個舒適的起點，幫助您開始學習框架。

無障礙

獲取 Web 內容，如公共服務、教育、電子商務網站和娛樂內容，是一項人權。任何人都不應因殘疾、種族、地理位置或其他人類特徵而被排除在外。本模組討論了您應該學習的最佳實踐和技術，以使您的網站儘可能可訪問。

給開發者的設計

本模組的目的是（重新）向開發人員介紹設計思維。他們可能不想成為設計師，但擁有一些基本的**使用者體驗**和設計理論對所有參與構建網站的人都有好處，無論他們的角色是什麼。至少，即使是最技術性的、“非設計師”開發者也應該理解設計簡報，瞭解事物的設計原因，並能夠進入使用者的思維模式。這將幫助他們讓自己的作品集看起來更好。

版本控制

版本控制工具是現代工作流程的重要組成部分，用於備份程式碼庫和協作。本模組將向您介紹使用 Git 和 GitHub 進行版本控制的基礎知識。

另見

前端開發人員職業路徑 ^{MDN 學習合作伙伴}

Scrimba 的前端開發人員職業路徑課程教授您成為一名合格的前端 Web 開發人員所需的一切，課程內容包括有趣的互動課程和挑戰、知識淵博的教師以及支援性的社群。從零開始，找到您的第一份前端工作！該課程的許多組成部分都提供獨立的免費版本。