核心学习模块

先决条件

虽然开始这套模块没有先决知识要求，但我们建议你熟悉你的计算机，确保安装了一套基本的必需应用程序（如 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 开发者所需要知道的一切，包括有趣的互动课程和挑战、知识渊博的教师和支持性社区。从零开始直到获取你的第一份前端工作吧！许多课程组件都可作为独立的免费版本提供。