01 前端语言的基本能力
HTML，CSS，JavaScript三者同等重要，缺一不可。
（一）HTML
HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
（二）CSS
CSS 是一种用来表现HTML或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS 不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
（三）JavaScript
JavaScript是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。
02 前端语言的协作配合
（一）CSS in HTML
HTML和CSS本身是两个不同的技术，但通常同时使用他们来制作网页。在HTML中，使用标签来表示网页中的不同元素，如标题、段落、图片等。而CSS则可以通过选择器选择这些元素，并控制它们的样式。 例如，如果想要控制网页中段落的颜色，可以使用以下CSS样式：
（二）JavaScript in HTML
HTML中的JavaScript标签之间，JavaScript置在HTML页面的标签和标签中，这种视情况而定，一般放在标签内。
（三）HTML in JavaScript
HTML同样可以写在JavaScript中，这个语法的文件后缀名是JSX，延伸的有TSX。分别表示使用JS编写和TS编写。
（四）CSS in JavaScript
JSS 是一种将 CSS 样式以 JavaScript 对象的形式编写和管理的技术。它允许我们在 JavaScript 代码中动态生成和修改样式。在 React 中，我们可以使用 @material-ui/styles 等库来使用 JSS。
03 感想和思考
今天这一堂课的信息量非常庞大，有很多我未曾听过的专有名词。前端中除了最基本的HTML，CSS，JavaScript三件套，还有更多技术等着我去学习。今天的课程比起详细讲解三件套中的详细语法和使用，更侧重于阐述它们三者之间的关系，这恰巧也是我之前在b站学习时候所欠缺的。除此之外，我还了解到了web的风靡，凭借它对用户友好、对开发者友好、领域成熟等优点而被广泛使用。
之前开直播班会所介绍的两个项目中，我尚且还有很多听不懂的地方，项目也不知道如何去入手，只能暂时先一边学习再一边继续了解，更加明确我本次参加青训营的目标，先学好相关技术才是首要的。
