目录


第1章绪论

1.1Web开发概述

1.1.1需求分析阶段

1.1.2方案制定阶段

1.1.3草图设计阶段

1.1.4UI设计阶段

1.1.5原型设计与开发阶段

1.1.6系统开发阶段

1.1.7测试上线阶段

1.2Web前端开发中的基本知识

1.2.1HTML

1.2.2CSS

1.2.3JavaScript

1.3HTML5的概念与新特性

1.3.1HTML5的概念

1.3.2HTML5的新特性

本章小结

思考题

第2章开发环境

2.1浏览器与编辑器

2.1.1浏览器

2.1.2文本编辑器

2.1.3IDE

2.2包管理器与自动化构建工具

2.2.1包管理器

2.2.2自动化构建工具

本章小结

思考题

第一篇HTML5基础

第3章HTML5的标签与标签属性

3.1语义标签

3.1.1HTML5中的语义标签

3.1.2HTML5中的语义标签程序实例

3.2标签属性

3.2.1HTML5中的新标签属性及值

3.2.2HTML5中的标签属性程序示例

3.3HTML5语法验证与浏览器支持

3.3.1HTML5语法是否符合规范的验证方法

3.3.2HTML5标签与标签属性的浏览器支持情况

本章小结

思考题







第二篇CSS3基础

第4章CSS

4.1盒子模型

4.1.1盒子模型的概念

4.1.2一个DIV的程序示例

4.2CSS的页面布局

4.2.1CSS中的float布局方法

4.2.2CSS中的flex布局方法

4.2.3CSS中的grid布局方法

4.3CSS中的动画

4.3.1transform与transition

4.3.2关键帧动画的概念

4.3.3CSS动画程序示例

本章小结

思考题


第三篇JavaScript基础及进阶

第5章JavaScript核心知识

5.1JavaScript基本语法

5.1.1变量和数据类型

5.1.2操作符和控制语句

5.1.3JavaScript程序示例

5.2JavaScript的面向对象编程

5.2.1JavaScript面向对象编程的概念和原则

5.2.2JavaScript面向对象编程的程序示例

5.3JavaScript的函数式编程

5.3.1JavaScript函数式编程的概念和原则


5.3.2JavaScript函数式编程的程序示例

5.4ES6基础知识

5.4.1ES6的主要特性

5.4.2ES6程序示例

本章小结

思考题


第6章HTML5之canvas

6.1canvas API的使用要点

6.1.1canvas的上下文对象

6.1.2用canvas创建点、线和面

6.1.3给canvas增加色彩

6.1.4canvas的其他常用方法

6.1.5canvas程序示例

6.2使用canvas创建动画

6.2.1创建canvas动画的基本方法

6.2.2canvas动画程序示例

本章小结

思考题

第7章HTML5之video和audio

7.1video API的使用

7.1.1video标签的不同属性

7.1.2video API的使用要点

7.1.3video API程序示例

7.2audio API的使用

7.2.1audio标签的不同属性

7.2.2audio API的使用要点

7.2.3audio API程序示例

本章小结

思考题

第8章HTML5之Web Storage

8.1Web Storage的概念与分类

8.1.1Web Storage的概念

8.1.2Web Storage的分类

8.2localStorage的程序示例

8.3indexedDB程序示例

本章小结

思考题



第9章HTML5之drag & drop

9.1drag & drop的基本概念

9.1.1drag & drop的原理和过程

9.1.2drag & drop的基本用法

9.2drag & drop的程序实例

本章小结

思考题

第10章HTML5之Web Workers

10.1Web Workers的基本概念

10.1.1单线程和多线程

10.1.2Web Workers的基本用法

10.2Web Workers的程序实例

本章小结

思考题

第11章前端总结与展望

11.1Web前端开发的总结与展望

11.1.1Web前端开发的知识总结

11.1.2Web前端开发的知识展望

11.2接下来要学习什么

本章小结

思考题

参考文献