MDN 課程
新前端開發人員必備技能
MDN 課程提供了一個結構化的指南，涵蓋了成為一名成功前端開發人員必備的技能和實踐，並提供推薦的學習資源。
最後更新：2024 年 2 月
關於課程
- 入門級
- 自定進度
- 免費
定義了每位前端開發人員在職業成功和行業相關性方面所需的必備技能和知識。
由 Mozilla 建立，並根據來自更廣泛的 Web 社群的學生、教育工作者和開發人員的見解進行了完善。
包含涵蓋每個課程主題的學習資源推薦，幫助您做好就業準備。
透過 Scrimba 的互動式 前端開發人員職業路徑來學習我們的課程。
模組
- 開始吧
-
-
1. Web 標準 從高層次理解 Web 的工作原理以及建立 Web 技術的流程。
Web 標準與語義
-
2. 語義化 HTML 學習 HTML 的基礎知識，這是用於定義和結構化 Web 內容的語言。
Web 標準與語義
-
3. CSS 基礎 深入學習 CSS 的基礎知識，這是您將用於樣式化和佈局網站的語言。
樣式
-
4. CSS 文字樣式 專注於使用 CSS 來設定文字樣式和應用自定義 Web 字型。
樣式
-
5. CSS 佈局 學習建立適用於各種裝置的靈活佈局的現代技術。
樣式
-
6. JavaScript 基礎 專注於核心 JavaScript 語言和基本相關主題。
指令碼
-
7. 可訪問性 理解 Web 內容通用訪問的必要性以及如何編寫可訪問的程式碼。
最佳實踐
-
8. 開發人員設計 欣賞基本的設計理論，瞭解如何談論設計語言，以及什麼樣的網站才看起來美觀。
最佳實踐
-
9. 版本控制 理解版本控制的必要性，並使用 GitHub 來儲存程式碼並與他人協作。
工具
-
-
-
1. CSS 變換與動畫 將動畫新增到您的工具箱中，以增強使用者體驗和感知效能。
Web 標準與語義
-
2. 自定義 JS 物件 建立自定義 JavaScript 物件，以更深入地理解面向物件程式設計。
指令碼
-
3. Web API 深入研究常見的 WebAPI，以理解 WebAPI 的一般工作原理。
指令碼
-
4. 效能 探索如何建立高效能、載入速度快的網站並提高感知效能。
最佳實踐
-
5. 安全與隱私 學習如何保護資料免遭未經授權的訪問，以及如何負責任地處理使用者資料。
最佳實踐
-
6. 測試 探索測試的必要性，並學習如何實現常見的測試型別。
最佳實踐
-
7. JavaScript 框架 研究流行的 JavaScript 框架的特性，並使用它們來實現常見的用例。
工具
-
8. CSS 工具 瞭解流行的 CSS 工具，並理解它們可以解決哪些程式碼問題。
工具
-
9. 其他工具型別 理解 Web 專案中常見的其他型別工具的目的和用法。
工具
-
透過 Scrimba 學習課程，並做好就業準備
Scrimba 的前端開發人員職業路徑 透過有趣的互動課程和挑戰、知識淵博的老師以及支援性的社群來教授 MDN 課程核心。從零開始，找到您的第一份前端工作！
瞭解更多
您如何 提高您的就業能力 透過 MDN 課程？
瞭解研究協作和其他必備的軟技能。 在現代工具和長期最佳實踐之間取得平衡。 獲得高質量推薦資源的訪問許可權。 獲得可信賴的聲音的指導。