课程总览

前端语言的基本能力
前端语言的协作配合
你不知道的HTML(5)
扩展分享

前端语言的基本能力

HTML5 网页架构（骨架）
CSS3 添加样式，外表（皮肤）
JS 交互（肌肉）

HTML

CSS

下载.png CSS selectors：css选择器

JavaScript

（1）借鉴C语言的基本语法；

（2）借鉴Java语言的数据类型和内存管理；

（3）借鉴Scheme语言，将函数提升到“第一等公民”的地位

（4）使用基于原型（prototype）的继承机制

基本语法

七大类型：1.String 2.Number 3.Boolean 4.Null 5.Undefined 6.Symbol 7.Object;

var a = 7 + "2"; //JavaScript会自动修改类型
Object(类)
function（函数） function someName(param1, param2){ var a = param1 + "love" + param2; return a; }

Browser

下载 (1).png

前端语言的协作配合

CSS in HTML

inline CSS 如：<p style="color:blue;"></p>
Internal CSS 如：<head> <style> </style> </head>
External CSS 如：<link>

JavaScript in HTML

如：<script></script>

任务流程

HTML in JavaScript

使用JSX技术

CSS in JavaScript

CSS Module

你不知道的HTML(5)

HTML_DTD

HTML并非图灵完备，它只是一门标记语言下载 (2).png

HTML全部标签分类

下载 (3).png

HTML head标签

下载 (4).png

HTML ARIA

了解ARIA并非只是为了提供盲人阅读，它可以为我们设计UI系统提供指导意义 *可以使我们更了解标签

HTML5 语义化标签

帮助开发者更好理解网页代码

HTML5 表单增强

表单更多设计

HTML5 存储

下载 (5).png

HTML5 IndexedDB

提高数据容量（？）支持索引支持事务性

HTML5 PWA&AMP

PWA:

AMP：

HTML5 Audio

类似拓扑图产生声音下载 (6).png

HTML5 Video

下载 (7).png

HTML5 二进制

下载 (8).png

HTML Canvas

水彩绘制

HTML5 WebAssembly

WebAssembly(WASM)是一种新的编码方式，可以直接在浏览器中运行

下载 (9).png

课程总结

下载 (10).png

前端语言串讲