MDN 课程

面向新前端开发者的基本技能集

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

上次更新:2024 年 2 月

关于课程

  • 初学者级别
  • 自定进度
  • 免费

定义了每个前端开发人员在职业发展和行业相关性方面取得成功的必要技能和知识。

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

包括涵盖所有课程主题的学习资源推荐,帮助您做好工作准备。

了解更多

点击将从 scrimba.com 加载内容在 Scrimba 上打开
A video player showing a 3 minute video titled "Scrimba + MDN partnership", with a thumbnail featuring two laptops with the MDN and Scrimba logos, connected by a handshake animation.

通过我们合作伙伴提供的高质量、交互式课程学习我们的课程 Scrimba !

模块

    1. 1. 软技能

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

      最佳实践

    2. 2. 环境设置

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

      工具

    让我们开始
    1. 1. Web 标准

      了解 Web 的高级工作原理以及创建 Web 技术的过程。

      Web 标准和语义

    2. 2. 语义化 HTML

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

      Web 标准和语义

    3. 3. CSS 基础

      深入了解 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课程?

了解研究协作和其他重要的软技能。平衡现代工具和长期最佳实践。获取高质量推荐资源。从值得信赖的声音中获得指导。

不知道从哪里开始
开始?

  • 开始编码?

    从我们的“入门”和“核心”模块开始,掌握 Web 开发的基本技能。 核心模块
  • 超越基础?

    使用我们的“扩展”模块深入研究,开发专业技能。 扩展模块
  • 寻找工作?

    我们“入门”部分的“软技能”模块提供了帮助您找到工作的关键见解。 入门模块
  • 在学校工作?

    使用我们的模块指导您的教学,或让您的学生参加 Scrimba 的前端路径。 前端路径