M4 - 前端篇 ​

介绍 ​

现在，是时候与用户界面打交道了，你将不止步于和命令行或枯燥的数据接口打交道，而是通过构建用户界面（UI），让用户与你的程序进行交互。

Web 前端是一个历史悠久的分支，其以 HTML、CSS 和 JavaScript 为基础，通过浏览器来渲染用户界面。

本篇章需要 M3 作为前置条件。

常见问题 ​

HTML、CSS 和 JavaScript 分别是用来做什么的？ ​

在 Web 前端领域，一个页面的基础是 HTML，它是一种标记语言，用于描述页面的结构。例如，<button>按钮</button> 标签就表示一个按钮。通过树形 XML 标记组合即可描述用户界面。

通常现代浏览器都会赋予 HTML 一定的默认视觉样式，但默认样式相对朴素，并不一定符合我们的需求。我们可以使用 CSS 来描述页面的样式。例如，button { background-color: red; } 就表示将所有按钮的背景色设置为红色。CSS 提供了强大的能力定制页面上标签元素的视觉形态以及交互和动画属性。

而想要让你的页面动起来或根据用户交互做出响应，就需要使用 JavaScript。JavaScript 是一种脚本语言，它可以在浏览器中运行，也可以借助 Node.js 等在非浏览器环境中运行。它通过操作 DOM（Document Object Model，文档对象模型）来实现页面的动态交互以及自定义业务逻辑。