使用 HTML 构建内容
要构建高质量、可用、无障碍的网站，你需要了解如何使用语义 HTML 定义内容结构。本模块涵盖 HTML 语言的基础知识，然后着眼于关键领域，如文档结构、链接、列表、图像、表单等。
CSS 样式基础
CSS（级联样式表）用于样式化和布局网页——例如，改变内容的字体、颜色、大小和间距，将其分成多列，或添加动画和其他装饰特性。本模块提供了你现在需要的所有 CSS 基础知识，包括语法、特性和技术。
CSS 文本样式
涵盖了 CSS 语言的基础知识后，你接下来要专注的 CSS 主题是文本样式——这是你使用 CSS 最常做的事情之一。在这里，我们将介绍一些基础知识，包括设置字体、粗体、斜体、行间距和字符间距、阴影和其他文本特性。在本模块的最后，我们将介绍如何在页面上应用自定义字体，以及如何为列表和链接设计样式。
CSS 布局
在之前的模块中，我们学习了如何样式化和操作内容所在的盒子。现在是时候查看如何正确地相对于彼此以及浏览器视口来布局你的盒子。本模块将介绍浮动、定位、其他现代布局工具，以及构建适应不同设备、屏幕尺寸和分辨率的响应式设计。
使用 JavaScript 进行动态脚本编写
JavaScript 是一个庞大的主题，有许多不同的特性、样式和技术需要学习，以及许多基于它构建的 API 和工具。本模块主要专注于核心语言的要点，加上一些关键的周边主题——学习这些主题将为你提供一个坚实的工作基础。
JavaScript 框架和库
JavaScript 框架是现代前端 Web 开发的重要组成部分，为开发者提供了经过试验和测试的工具来构建可扩展的交互式 Web 应用程序。许多现代公司将框架作为其工具的标准部分，因此许多前端开发工作现在需要框架经验。在这一系列文章中，我们旨在为你提供一个舒适的起点，帮助你开始学习框架。
无障碍
对公共服务、教育、电子商务网站和娱乐等 Web 内容的访问是一项人权。任何人都不应因残疾、种族、地理位置或其他人类特征而受到排斥。本模块讨论了你应该学习的最佳实践和技术，以使你的网站尽可能地无障碍。
为开发者而设的设计
本模块的想法是（重新）向开发者介绍设计思维。他们可能不想作为设计师工作，但具备一些基本的用户体验和设计理论对参与网站构建的每个人都有好处，无论他们的角色如何。至少，即使是最技术性的、“非设计方向的”开发者也应该理解设计简报，为什么事物是这样设计的，并能够进入用户的思维模式。这将帮助他们使自己的作品集看起来更好。
版本控制
版本控制工具是现代工作流程的重要组成部分，用于备份和协作处理代码库。本模块带你了解使用 Git 和 GitHub 进行版本控制的要点。