面向教育者的资源

在创建与 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

前端开发人员职业路径提供有趣的互动课程和挑战、知识渊博的老师以及支持性的社区;它旨在为学生提供找到第一份初级开发人员工作所需的一切。课程的许多组成部分都有独立的免费版本。

资源