A new learning experience on MDN title. Common programming syntax used in CSS, HTML, Bash, and a star. A browser window in the top right with some code and a lightbulb signifying learning.

MDN 上的新学习体验

阅读时间 4 分钟

MDN Web 开发学习版块的重大更新始于 2024 年 11 月,并于 2024 年 12 月正式发布。简而言之,MDN 课程已被合并到 Web 开发学习中。本文将回顾做出此决定的背景,具体变更内容,以及您未来可以期待的更新。

MDN 学习材料概述

我们最初于 2016 年启动了 MDN Web 开发学习版块,旨在让非专业人士更容易访问 MDN,并帮助新 Web 开发人员从“新手”成长为“熟练”。

这些内容相当成功——到 2019 年,每月有超过一百万人使用它来学习 Web 开发主题。然而,有人指出其结构不尽人意。

  1. 内容变得臃肿,充斥着一些并不适合初级 Web 开发者的主题——要么过于高级,要么完全超出了范围。
  2. 初学者往往希望有一个明确的学习路径来获取所需知识,而不是被要求自己弄清楚学什么以及何时学。
  3. 如今的学习者倾向于需要互动多媒体内容,而不仅仅是文本。

开发 MDN 课程

为了解决上述第二个问题,我们创建了一个资源,帮助人们学习更好的技能,提高就业能力,并使他们能够构建一个更好、更具可访问性、更负责任的未来 Web。

作为该项目的一部分,我们进行了大量研究,以确定新员工所需的核心技能以及最常见的知识差距。由此产生的课程旨在作为自学者的学习指南,以及教育工作者课程的教学大纲。我们还利用这个机会,通过我们的学习伙伴 Scrimba 来试验包含互动多媒体内容。我们于 2024 年初发布了 MDN 课程

为何更新?

课程受到了教育工作者的高度评价,但我们很快就收到反馈,用户发现 MDN 上有两个学习资源感到困惑,课程/学习路径在一个地方,而学习内容在另一个地方。

此外,该路径仅仅是一个课程;学习者仍然需要弄清楚应该查看哪些内容才能实现学习目标。而且,这并没有解决我们上面列出的第一个问题——内容仍然臃肿。

MDN 学习材料的新现状

为了提供一个更清晰、更流畅的学习体验,我们决定将课程路径合并到 MDN Web 开发学习版块中,并在此过程中进行重构。您可以在以下新 URL 处看到成果——developer.mozilla.org/docs/Learn_web_development

最显著的变更如下:

  • 文章现在遵循与课程相同的结构,在 入门 中包含有用的背景信息和环境设置,在 核心 中包含每个人都应了解的 Web 基础知识,并在 扩展 中包含可选的附加主题。在最初两个主要部分的文章之间有清晰的学习路径,因此读者在每个阶段都知道接下来要学习什么。
  • 在某些情况下,内容被认为不适合初学者,已被重新用作扩展/附加文章或迁移到 MDN 的其他部分。
  • 课程中详细的学习成果已添加到入门、核心以及部分扩展文章的顶部,以匹配课程中详细的学习成果。
  • 课程中的其他功能已迁移到 Web 开发学习版块,例如 关于 页面和 教育工作者资源

最初,课程版块将保留,但将在未来几次迭代中与学习版块合并,并在认为时机合适时删除。我们将保留一个可下载版本作为教育工作者的资源。

MDN 学习者的下一步

展望未来,我们将继续更新内容和设计,使 Web 开发学习对学习者和教育工作者更加有用。

我们打算在 2025 年对文章内容进行重大修订。很多内容是永恒的,并且在教授基础知识方面做得很好,但节奏不均衡,一些文章很长(这可能会让初学者望而生畏),而且一些挑战和示例已经存在了很长时间。受到我们学习伙伴 Scrimba 制作的内容等资源的启发,我们打算稍微调整我们的内容,使其更有趣、更小巧、更易于消化。

我们还在改进学习页面的设计,以呼应我们在课程中使用的明亮大胆的设计,并进一步改善体验。您可以期待看到持续的迭代改进,敬请关注。

总结

我们希望您觉得新的 Web 开发学习内容结构很有用——请随意浏览并告诉我们您的想法。

如果您仍有未解答的问题或希望报告问题,请通过惯用的 沟通渠道 与我们联系。如果您的问题涉及特定内容,您可能需要 提交 GitHub issue