一、前端语言基本能力
1.1 前端三件套
-
HTML（Hypertext Markup Language）：超文本标记语言，一种用来描述文档结构和语义的标记语言。通过使用一系列的标签和属性，可以将页面划分成不同的区域，并为这些区域添加文本、图片、链接等内容。HTML 是网页中的骨架，可以方便地搭建出网页的基础结构。
-
CSS（Cascading Style Sheets）：一种用于设置网页样式的样式表语言，专注于网页的视觉效果和交互效果。通过定义各种样式规则，如字体、颜色、布局等，可以使得网页达到某种美观而统一的设计效果。
-
JavaScript：一门动态脚本语言，具有强大的功能和丰富的 API 库。可以为网页添加响应式的交互性，比如与用户进行交互、获取并修改页面元素的内容、处理用户提交的表单数据、与后端进行数据交互等。
-
HTML为网页构建了骨架，CSS为网页提供了外表，JavaScript则填充了骨架与外表之间的功能实现，形象地说，他们的关系如下图所示：
1.2 JavaScript的特性
-
借鉴C语言的基本语法；
-
借鉴Java语言的数据类型和内存管理；
-
借鉴Scheme语言，将函数提升到“第一等公民”的地位；
-
使用基于原型（prototype）的继承机制。
1.3 Broswer：前端网页实现的具体过程
二、前端语言协作能力
2.1 发展趋势
2.2 CSS in HTML
2.3 JavaScript in HTML
通过script 标签 引入外部资源，或者在script 标签块里面写脚本代码实现业务功能。
2.4 HTML in JavaScript
JSX：JavaScript 的语法扩展
2.5 CSS in JavaScript
CSS module & JSS
通过JavaScript 提供的 DOM API 可以修改元素的 CSS 属性。
三、HTML5 进阶
3.1 HTML DTD
HTML 并非图灵完备，它只是一门标记语言。
3.2 HTML5 的全部标签分类
-
文档型
-
闭合型
-
执行型
-
H5 新增元素
3.3 HTML5的Head标签
3.4 HTML5 功能性body标签
3.5 HTML5 ARIA
ARIA 并非只是为了提供盲人阅读，它可以为我们设计UI系统提供指导意义，使我们更了解标签。
四、WEB 的未来
4.1 WEB 概况
4.2 大前端
微信公众号、微信小程序的出现意味着大前端的实现可能性
