由 MDN Web Docs 学习区（LA）于 2015 年首次推出，旨在为常规 MDN 参考和指南材料提供有用的补充。 MDN 传统上针对的是 Web 专业人员，但我们经常收到反馈，称许多用户发现 MDN 太难理解，而且缺乏对基础主题的覆盖。
快进五年，学习区的资料已得到广泛认可。 它每月约有 350 万至 400 万次页面浏览量，略低于 MDN Web Docs 每月网页流量的 10%。
在这一点上，学习区做得很好。 很多人用它来学习客户端 Web 技术，它结构松散、不带偏见、模块化的特点，使人们可以轻松地按照自己的节奏选择主题。 教师喜欢它，因为它很容易纳入他们的课程。
然而，在年初，这个区域有两个不足之处，我们希望改进。
- 我们收到了大量反馈，用户希望学习 Web 开发有更偏向性、更结构化的方式。
- 我们没有包含任何关于客户端工具的信息，例如 JavaScript 框架、转换工具和部署工具，这些工具在 Web 开发人员的工作场所被广泛使用。
为了解决这些问题，我们创建了 前端开发学习路径（FED 学习路径）。
结构化学习
看看上面链接的前端开发路径 - 你会发现它为学习前端 Web 开发提供了清晰的结构。 这是我们对如果你想成为一名前端开发人员应该如何入门的看法。 例如，在你深入框架和其他此类工具之前，你应该真正学习原生 HTML、CSS 和 JavaScript。 可访问性应该在你的所有操作中处于首位。 （所有学习区部分都尽可能地遵循可访问性最佳实践）。
虽然所含内容并不完全详尽，但它提供了你需要的必需内容，以及自行查找其他信息的信心。
该路径首先明确说明了教授的主题、先决条件和获取帮助的地方。 之后，我们提供了一些关于如何设置最小编码环境的有用背景阅读。 这将使你能够完成遇到的所有示例。 我们解释了什么是 Web 标准以及 Web 技术如何协同工作，以及如何有效地学习和获得帮助。
路径的大部分内容都专门用于涵盖以下方面的详细指南：
- HTML
- CSS
- JavaScript
- Web 表单
- 测试和可访问性
- 现代客户端工具（包括客户端 JavaScript 框架）
在整个路径中，我们旨在提供清晰的方向 - 你现在在哪里，接下来要学习什么，以及为什么。 我们提供了足够的评估来挑战你，并承认你已准备好继续下一部分。
工具
MDN 的目标是记录原生 Web 技术 - 那些在浏览器中受支持的技术。 我们不倾向于记录构建在原生 Web 技术之上的工具，因为
- 这些工具的创建者往往会制作自己的文档资源。 重复此类内容将是浪费精力，并会让社区感到困惑。
- 库和框架往往比原生 Web 技术变化得更快。 保持文档最新需要大量工作。 可惜，我们没有带宽来执行定期的大规模测试和更新。
- MDN 被视为一个中立的文档提供者。 文档工具被许多人视为偏离中立，特别是对于由 Facebook 或 Google 等主要参与者创建的工具。
因此，我们打算记录此类工具让一些人感到惊讶。 那我们为什么要这样做呢？ 好吧，这里的词是**实用主义**。 我们希望提供人们在网络上构建网站和应用程序所需的信息。 客户端框架和其他工具是其中不可或缺的一部分。 不包括生态系统的整个部分看起来很愚蠢。 因此，我们选择提供对工具“要点”子集的覆盖 - 足够的信息来了解这些工具，并在基本层面上使用它们。 我们的目标是让你有信心自行查找更高级的信息。
新的工具和测试模块
在 工具和测试学习区主题 中，我们提供了以下新的模块：
- 了解客户端 Web 开发工具：介绍了可用的不同类型的客户端工具，以及如何使用命令行来安装和使用工具。 本节介绍了包管理器。 它包括一个关于如何设置和使用典型工具链的演练，从增强代码编写体验到部署应用程序。
- 了解客户端 JavaScript 框架：关于客户端框架的有用基础，其中我们旨在回答诸如“为什么要使用框架？”、“它们解决了什么问题？”以及“它们如何与原生 JavaScript 相关？”等问题。 我们为读者提供了一些最流行框架的基本教程系列。 在撰写本文时，这包括 React、Ember 和 Vue。
- Git 和 GitHub：使用指向 Github 指南的链接，我们整理了一个关于 Git 和 GitHub 基础知识的快速指南，目的是在稍后编写我们自己的指南集。
进一步工作
我们的目的不仅仅是到此为止，宣布 FED 学习路径已经完成。 我们始终致力于改进我们的资料，使其保持最新，并使其对有抱负的开发人员尽可能有用。 而且我们有兴趣扩大我们的覆盖范围，如果我们的受众希望这样做的话。 例如，我们的框架教程一开始相当通用，使我们可以将它们用作测试平台，同时为读者提供一些直接的价值。
我们不想仅仅复制工具供应商提供的资料，原因如上所述。 相反，我们希望倾听，了解学习前端 Web 开发中最大的痛点是什么。 我们想看看你哪里需要更多覆盖，并扩展我们的资料以满足你的需求。 我们想涵盖更多客户端 JavaScript 框架（我们已经得到了 Svelte 教程），提供对其他工具类型的更深入覆盖（如转换工具、测试框架和静态网站生成器）以及其他内容。
请提供你的反馈！
为了让我们做出更明智的选择，我们希望得到你的帮助。 如果你对我们应该在 MDN Web Docs 上涵盖的工具或 Web 技术有强烈的想法，或者你认为一些现有的学习资料需要改进，请告诉我们详细信息！ 最好的方法是：
- 在本文中发表评论。
- 填写我们的 问卷调查（只需要 5-10 分钟）。
因此，我们到此结束。 感谢你的阅读，以及你选择分享的任何反馈。
我们将利用它来帮助改进我们的教育资源，帮助下一代 Web 开发人员学习他们创建更好的未来 Web 所需的技能。
关于 Chris Mills
Chris Mills 是 Mozilla 的高级技术作家，他在那里撰写有关开放式 Web 应用程序、HTML/CSS/JavaScript、A11y、WebAssembly 等方面的文档和演示。 他喜欢捣鼓 Web 技术，并偶尔在会议和大学发表技术演讲。 他曾为 Opera 和 W3C 工作，喜欢演奏重金属鼓和喝好啤酒。 他住在英国曼彻斯特附近，与他的妻子和三个美丽的女儿同住。
65 条评论