核心学习模块

预备知识

虽然开始学习这组模块没有先决条件，但我们建议您熟悉您的计算机，确保您已安装一套基本的必需应用程序（例如 Web 浏览器和代码编辑器），并对 Web 和 Web 技术进行一些背景阅读，如果您还没有这样做的话。所有这些主题都在我们的 入门模块 中介绍。

特别是，如果您以前从未写过代码，我们推荐 您的第一个网站 模块，它将非常温和地向您介绍 Web 技术，并引导您完成构建一个简单网站的过程。

模块

使用 HTML 构建内容结构

要构建一个高质量、可用、可访问的网站，您需要了解如何使用语义化 HTML 来定义您的内容结构。本模块涵盖 HTML 语言的基础知识，然后探讨关键领域，如文档结构、链接、列表、图像、表单等。

CSS 样式基础

CSS（层叠样式表）用于为网页设置样式和布局 — 例如，更改内容的字体、颜色、大小和间距，将其分成多列，或添加动画和其他装饰性功能。本模块提供了您目前所需的所有 CSS 基础知识，包括语法、功能和技术。

CSS 文本样式

在掌握了 CSS 语言基础知识后，接下来要重点关注的 CSS 主题是文本样式 — 这是您使用 CSS 最常做的事情之一。在这里，我们研究基础知识，包括设置字体、粗细、斜体、行和字母间距、阴影以及其他文本功能。最后，我们通过查看将自定义字体应用于页面，以及设置列表和链接的样式来结束本模块。

CSS 布局

在之前的模块中，我们研究了如何为内容所在的框设置样式和进行操作。现在是时候看看如何使您的框相对于彼此以及浏览器视口正确布局了。本模块探讨了浮动、定位、其他现代布局工具，以及构建响应式设计，使其能够适应不同的设备、屏幕尺寸和分辨率。

使用 JavaScript 进行动态脚本编写

JavaScript 是一个庞大的主题，有许多不同的功能、风格和技术需要学习，并且在此基础上构建了大量的 API 和工具。本模块主要关注核心语言的要点，以及一些关键的周边主题 — 学习这些主题将为您提供一个坚实的基础。

JavaScript 框架和库

JavaScript 框架是现代前端 Web 开发的重要组成部分，为开发人员提供了经过检验的工具，用于构建可扩展、交互式的 Web 应用程序。许多现代公司都将框架作为其工具链的标准部分，因此许多前端开发职位现在都需要框架经验。在本系列文章中，我们旨在为您提供一个舒适的起点，帮助您开始学习框架。

无障碍

获取 Web 内容，如公共服务、教育、电子商务网站和娱乐内容，是一项人权。任何人都不应因残疾、种族、地理位置或其他人类特征而被排除在外。本模块讨论了您应该学习的最佳实践和技术，以使您的网站尽可能可访问。

给开发者的设计

本模块的目的是（重新）向开发人员介绍设计思维。他们可能不想成为设计师，但拥有一些基本的**用户体验**和设计理论对所有参与构建网站的人都有好处，无论他们的角色是什么。至少，即使是最技术性的、“非设计师”开发者也应该理解设计简报，了解事物的设计原因，并能够进入用户的思维模式。这将帮助他们让自己的作品集看起来更好。

版本控制

版本控制工具是现代工作流程的重要组成部分，用于备份代码库和协作。本模块将向您介绍使用 Git 和 GitHub 进行版本控制的基础知识。

另见

前端开发人员职业路径 ^{MDN 学习合作伙伴}

Scrimba 的前端开发人员职业路径课程教授您成为一名合格的前端 Web 开发人员所需的一切，课程内容包括有趣的互动课程和挑战、知识渊博的教师以及支持性的社区。从零开始，找到您的第一份前端工作！该课程的许多组成部分都提供独立的免费版本。