欢迎阅读我们的 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 小时

预备知识

高效使用 Web 表单需要 HTML、CSS 和 JavaScript 知识。鉴于与表单打交道的复杂性，这一节被独立了出来。

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

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

核心模块

让所有人都能使用 Web

学习用时：45-55 小时

预备知识

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

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

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

核心模块

现代工具

学习用时：55–90 小时

预备知识

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

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

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

核心模块