第1章緒論

1.1Web開(kāi)發(fā)概述

1.1.1需求分析階段

1.1.2方案制定階段

1.1.3草圖設(shè)計(jì)階段

1.1.4UI設(shè)計(jì)階段

1.1.5原型設(shè)計(jì)與開(kāi)發(fā)階段

1.1.6系統(tǒng)開(kāi)發(fā)階段

1.1.7測(cè)試上線階段

1.2Web前端開(kāi)發(fā)中的基本知識(shí)

1.2.1HTML

1.2.2CSS

1.2.3JavaScript

1.3HTML5的概念與新特性

1.3.1HTML5的概念

1.3.2HTML5的新特性

本章小結(jié)

思考題

第2章開(kāi)發(fā)環(huán)境

2.1瀏覽器與編輯器

2.1.1瀏覽器

2.1.2文本編輯器

2.1.3IDE

2.2包管理器與自動(dòng)化構(gòu)建工具

2.2.1包管理器

2.2.2自動(dòng)化構(gòu)建工具

本章小結(jié)

思考題

篇HTML5基礎(chǔ)

第3章HTML5的標(biāo)簽與標(biāo)簽屬性

3.1語(yǔ)義標(biāo)簽

3.1.1HTML5中的語(yǔ)義標(biāo)簽

3.1.2HTML5中的語(yǔ)義標(biāo)簽程序?qū)嵗?/p>

3.2標(biāo)簽屬性

3.2.1HTML5中的新標(biāo)簽屬性及值

3.2.2HTML5中的標(biāo)簽屬性程序示例

3.3HTML5語(yǔ)法驗(yàn)證與瀏覽器支持

3.3.1HTML5語(yǔ)法是否符合規(guī)范的驗(yàn)證方法

3.3.2HTML5標(biāo)簽與標(biāo)簽屬性的瀏覽器支持情況

本章小結(jié)

思考題

第二篇CSS3基礎(chǔ)

第4章CSS

4.1盒子模型

4.1.1盒子模型的概念

4.1.2一個(gè)DIV的程序示例

4.2CSS的頁(yè)面布局

4.2.1CSS中的float布局方法

4.2.2CSS中的flex布局方法

4.2.3CSS中的grid布局方法

4.3CSS中的動(dòng)畫(huà)

4.3.1transform與transition

4.3.2關(guān)鍵幀動(dòng)畫(huà)的概念

4.3.3CSS動(dòng)畫(huà)程序示例

本章小結(jié)

思考題

第三篇JavaScript基礎(chǔ)及進(jìn)階

第5章JavaScript核心知識(shí)

5.1JavaScript基本語(yǔ)法

5.1.1變量和數(shù)據(jù)類型

5.1.2操作符和控制語(yǔ)句

5.1.3JavaScript程序示例

5.2JavaScript的面向?qū)ο缶幊?/p>

5.2.1JavaScript面向?qū)ο缶幊痰母拍詈驮瓌t

5.2.2JavaScript面向?qū)ο缶幊痰某绦蚴纠?/p>

5.3JavaScript的函數(shù)式編程

5.3.1JavaScript函數(shù)式編程的概念和原則

5.3.2JavaScript函數(shù)式編程的程序示例

5.4ES6基礎(chǔ)知識(shí)

5.4.1ES6的主要特性

5.4.2ES6程序示例

本章小結(jié)

思考題

第6章HTML5之canvas

6.1canvas API的使用要點(diǎn)

6.1.1canvas的上下文對(duì)象

6.1.2用canvas創(chuàng)建點(diǎn)、線和面

6.1.3給canvas增加色彩

6.1.4canvas的其他常用方法

6.1.5canvas程序示例

6.2使用canvas創(chuàng)建動(dòng)畫(huà)

6.2.1創(chuàng)建canvas動(dòng)畫(huà)的基本方法

6.2.2canvas動(dòng)畫(huà)程序示例

本章小結(jié)

思考題

第7章HTML5之video和audio

7.1video API的使用

7.1.1video標(biāo)簽的不同屬性

7.1.2video API的使用要點(diǎn)

7.1.3video API程序示例

7.2audio API的使用

7.2.1audio標(biāo)簽的不同屬性

7.2.2audio API的使用要點(diǎn)

7.2.3audio API程序示例

本章小結(jié)

思考題

第8章HTML5之Web Storage

8.1Web Storage的概念與分類

8.1.1Web Storage的概念

8.1.2Web Storage的分類

8.2localStorage的程序示例

8.3indexedDB程序示例

本章小結(jié)

思考題

第9章HTML5之drag & drop

9.1drag & drop的基本概念

9.1.1drag & drop的原理和過(guò)程

9.1.2drag & drop的基本用法

9.2drag & drop的程序?qū)嵗?/p>

本章小結(jié)

思考題

第10章HTML5之Web Workers

10.1Web Workers的基本概念

10.1.1單線程和多線程

10.1.2Web Workers的基本用法

10.2Web Workers的程序?qū)嵗?/p>

本章小結(jié)

思考題

第11章前端總結(jié)與展望

11.1Web前端開(kāi)發(fā)的總結(jié)與展望

11.1.1Web前端開(kāi)發(fā)的知識(shí)總結(jié)

11.1.2Web前端開(kāi)發(fā)的知識(shí)展望

11.2接下來(lái)要學(xué)習(xí)什么

本章小結(jié)

思考題

參考文獻(xiàn)