MDN 课程

新前端开发人员必备技能

MDN 课程提供了一个结构化的指南,涵盖了成为一名成功前端开发人员必备的技能和实践,并提供推荐的学习资源。

最后更新:2024 年 2 月

关于课程

  • 入门级
  • 自定进度
  • 免费

定义了每位前端开发人员在职业成功和行业相关性方面所需的必备技能和知识。

由 Mozilla 创建,并根据来自更广泛的 Web 社区的学生、教育工作者和开发人员的见解进行了完善。

包含涵盖每个课程主题的学习资源推荐,帮助您做好就业准备。

了解更多

通过 Scrimba 的互动式 前端开发人员职业路径来学习我们的课程。

模块

    1. 1. 软技能

      培养良好的学习、研究和协作态度,以提高您的成功机会。

      最佳实践

    2. 2. 环境设置

      熟悉您的开发环境以及您将用来构建网站的工具。

      工具

    开始吧
    1. 1. Web 标准

      从高层次理解 Web 的工作原理以及创建 Web 技术的流程。

      Web 标准与语义

    2. 2. 语义化 HTML

      学习 HTML 的基础知识,这是用于定义和结构化 Web 内容的语言。

      Web 标准与语义

    3. 3. CSS 基础

      深入学习 CSS 的基础知识,这是您将用于样式化和布局网站的语言。

      样式

    4. 4. CSS 文本样式

      专注于使用 CSS 来设置文本样式和应用自定义 Web 字体。

      样式

    5. 5. CSS 布局

      学习创建适用于各种设备的灵活布局的现代技术。

      样式

    6. 6. JavaScript 基础

      专注于核心 JavaScript 语言和基本相关主题。

      脚本

    7. 7. 可访问性

      理解 Web 内容通用访问的必要性以及如何编写可访问的代码。

      最佳实践

    8. 8. 开发人员设计

      欣赏基本的设计理论,了解如何谈论设计语言,以及什么样的网站才看起来美观。

      最佳实践

    9. 9. 版本控制

      理解版本控制的必要性,并使用 GitHub 来存储代码并与他人协作。

      工具

    开始吧
    1. 1. CSS 变换与动画

      将动画添加到您的工具箱中,以增强用户体验和感知性能。

      Web 标准与语义

    2. 2. 自定义 JS 对象

      创建自定义 JavaScript 对象,以更深入地理解面向对象编程。

      脚本

    3. 3. Web API

      深入研究常见的 WebAPI,以理解 WebAPI 的一般工作原理。

      脚本

    4. 4. 性能

      探索如何创建高性能、加载速度快的网站并提高感知性能。

      最佳实践

    5. 5. 安全与隐私

      学习如何保护数据免遭未经授权的访问,以及如何负责任地处理用户数据。

      最佳实践

    6. 6. 测试

      探索测试的必要性,并学习如何实现常见的测试类型。

      最佳实践

    7. 7. JavaScript 框架

      研究流行的 JavaScript 框架的特性,并使用它们来实现常见的用例。

      工具

    8. 8. CSS 工具

      了解流行的 CSS 工具,并理解它们可以解决哪些代码问题。

      工具

    9. 9. 其他工具类型

      理解 Web 项目中常见的其他类型工具的目的和用法。

      工具

    开始吧

通过 Scrimba 学习课程,并做好就业准备

Scrimba 的前端开发人员职业路径 通过有趣的互动课程和挑战、知识渊博的老师以及支持性的社区来教授 MDN 课程核心。从零开始,找到您的第一份前端工作!

了解更多
MDN partner illustration

您如何 提高您的就业能力 通过 MDN 课程?

了解研究协作和其他必备的软技能。 在现代工具和长期最佳实践之间取得平衡。 获得高质量推荐资源的访问权限。 获得可信赖的声音的指导。

不知道从哪里
开始?

  • 开始编码?

    从我们的“入门”和“核心”模块开始,掌握 Web 开发必备技能。

    核心模块

  • 基础以上?

    通过我们的“扩展”模块深入学习,以发展专业技能。

    扩展模块

  • 寻求就业?

    我们的“软技能”模块(属于“入门”的一部分)提供了宝贵的见解,帮助您找到工作。

    入门模块

  • 在学校工作?

    使用我们的模块来指导您的教学,或将您的学生注册到 Scrimba 的前端路径。

    前端路径