面向教育者的資源

在建立與 Web 相關的大學學位、大學課程、編碼學校課程或類似課程的計劃、單元和評估規範時,教育者可以以 MDN 課程為指南。

MDN 團隊致力於每年審查課程中的資訊,以確保其與前端開發最佳實踐保持同步。透過以 MDN 課程為基礎,教育者可以確保他們的教學是最新的。

本頁面提供指導和資源,方便您根據自己的教學需求調整 MDN 課程。

選擇合適的範圍

MDN 課程的 核心 包括了基礎的 Web 標準概念、HTML、CSS、JavaScript、可訪問性、設計理論和版本控制。我們認為,這些主題是每個新手 Web 開發人員在進入該行業之前都應該瞭解的最低要求。

然而,您的課程可能還需要其他主題,在這種情況下,您可以

  • 考慮納入課程 入門 模組中的一些學習目標,例如團隊合作、研究和麵試技巧等軟技能,以及熟悉典型的 Web 開發工具集。
  • 透過一些 擴充套件 來擴充套件課程核心的技術覆蓋範圍。隨著時間的推移,我們將努力釋出更多擴充套件。您可以考慮編寫自己的擴充套件並將其貢獻給課程,以便其他人從中受益。如果您有要提交的擴充套件,請 聯絡我們

使用有效的學習路徑

在教學過程中,為學生提供清晰的學習主題進展、明確的學習目標和定期的評估,以確保他們走在正確的道路上至關重要。

MDN 課程提供了一條學習前端 Web 開發要點路徑,並指向教授每組學習目標的資源,其中包含“測試您的技能”部分和評估文章。

您可以直接使用課程提供的資源來教學,但請注意,課程的編寫方式相當開放,結構化程度較低,以便儘可能廣泛的教育者群體都能使用。您可能希望透過以下方式對其進行自定義以滿足您的需求:

  • 在適當的地方新增您自己的技能測試/評估。我們建議使用考試理論測試和實際專案相結合的方式來評估學生,讓學生將知識付諸實踐。
  • 以不同的方式組織學習成果。例如,您可以從 HTML 文件結構的基礎知識開始,然後快速跟進一些 CSS 基礎知識,如盒子模型和文字樣式。在下一步,您可以介紹更復雜的 HTML 功能,如影像和表單欄位,透過一些 flexbox 和媒體查詢來增強 CSS,並引入一些基本的 DOM 指令碼。
  • 為學生提供一個包含他們專案作品的儲存庫,可以將其釋出為作品集,以向潛在僱主展示他們的技能證明。

您還可以考慮使用高階的現成解決方案,例如互動式影片課程。我們推薦我們的學習夥伴 Scrimba前端開發人員職業路徑,該課程教授 MDN 課程核心的所有學習成果以及更多內容。

注意:Scrimba 提供多種許可協議 — 請參閱 Scrimba for Teams

前端開發人員職業路徑提供有趣的互動課程和挑戰、知識淵博的老師以及支援性的社群;它旨在為學生提供找到第一份初級開發人員工作所需的一切。課程的許多組成部分都有獨立的免費版本。

資源