跳到主要内容

MDN 学习路线

提示

欢迎来到我们的 Web 前端开发者学习路线图！

在这里我们会提供一个结构化的课程，教会你成为一名 Web 前端开发所需要了解的一切。通过学习每个章节，学到新技能（或者提升原有技能），就是这么简单。在每个章节，你将需要做练习并通过评估以确保你掌握了之后才能继续往后学习。

涵盖的主题​

大致范围如下:

  • 基础准备以及如何学习
  • Web 标准和最佳实践 (例如辅助功能和跨浏览器兼容)
  • HTML, 一门赋予网站内容结构和意义的语言
  • CSS, 一门美化网站页面的语言
  • JavaScript, 用来为网站创建动态功能的脚本语言
  • 一些有助于现代化客户端 Web 开发的工具

这些章节是按照学习顺序而进行设计的，但是每个又相对独立。比如，如果你已经对 HTML 非常熟悉了，你大可放心地跳过这个章节直接学习 CSS。

预备知识​

开始学习这个课程你并不需要任何预备知识，你仅仅需要一台可以运行现代浏览器并且联网的电脑，以及一颗好学之心。

如果你不清楚 Web 前端开发和自己的关系，或者在开始前需要有一个更通识的介绍，建议你开始之前先阅读一下 Web 入门 。

获得帮助​

我们尽量让 Web 前端开发学习尽可能的轻松一点，但是你仍然可能因为一些难以理解的点而被迫止步不前，或者某段代码就是不能像理解中的那样工作。

无论是新手还是富有经验的开发者，我们常常会被卡住，但是不要慌。“如何学习 ”这个章节会给你一些关于如何查找信息和自行解决问题的有用的提示，如果仍然不行，大胆的在 讨论区 提出你的问题。

让我们开始吧，祝你好运！

学习路线图​

启动​

学习用时: 1–2 小时

预备知识​

仅仅需要基础的电脑操作能力。

我怎么知道自己是否可以继续往下学习了?​

这一课没有评估测试，但是请你不要跳过 — 这对于帮你准备好应对后面的练习和学习非常重要。

核心提示​

HTML 语义和结构​

学习用时: 35–50 小时

预备知识​

基础的电脑操作能力和基本的 Web 开发环境。

我怎么知道自己是否可以继续往下学习了?​

每个模块对于的评估练习都是针对测试你主题相关知识掌握能力设计的，完成了每个练习就表示你可以继续往后学习下一个模块了。

核心模块​

使用 CSS 布局和美化​

学习用时: 90–120 小时

预备知识​

学习 CSS 前需要有基础的 HTML 知识，请至少学习完 HTML 介绍 再开始。

我怎么知道自己是否可以继续往下学习了?​

每个模块对于的评估练习都是针对测试你主题相关知识掌握能力设计的，完成了每个练习就表示你可以继续往后学习下一个模块了。

核心模块​

额外资源​

使用 JavaScript 开发交互​

学习用时: 135–185 小时

预备知识​

学习 JavaScript 前需要有基础的 HTML 知识，请至少学习完 HTML 介绍 再开始。

我怎么知道自己是否可以继续往下学习了?​

每个模块对于的评估练习都是针对测试你主题相关知识掌握能力设计的，完成了每个练习就表示你可以继续往后学习下一个模块了。

核心模块​

Web 表单 — 处理用户数据​

学习用时: 40–50 小时

预备知识​

高效使用表单需要 HTML、CSS 和 JavaScript 知识，它们都很复杂因此已经在前面分章节学习了。

我怎么知道自己是否可以继续往下学习了?​

每个模块对于的评估练习都是针对测试你主题相关知识掌握能力设计的，完成了每个练习就表示你可以继续往后学习下一个模块了。

核心模块​

让所有人都能使用 Web​

学习用时: 60–75 小时

预备知识​

学习本章前最好了解 HTML、CSS 和 JavaScript — 本章很多技术和最佳实践都需要用到它们。

我怎么知道自己是否可以继续往下学习了?​

每个模块对于的评估练习都是针对测试你主题相关知识掌握能力设计的，完成了每个练习就表示你可以继续往后学习下一个模块了。

核心模块​

现代工具​

学习用时: 55–90 小时

预备知识​

学习本章前最好了解 HTML、CSS 和 JavaScript — 本章很多技术和最佳实践都需要用到它们。

我怎么知道自己是否可以继续往下学习了?​

本章节各模块没有评估测试, 但是第 2 章和第 3 章的学习教程应该能够让你很好的掌握现代工具的要义。

核心模块​