第1篇 基础知识

第1章 步入HTML5移动开发新世界

1.1 HTML5概述

1.1.1 HTML5的由来

1.1.2 XML及XHTML

1.1.3 HTML5能做什么

1.1.4 HTML5的标签特性

1.2 熟悉HTML5的特殊之处

1.3 在ios和Android设备中使用HTML5

1.4 HTML5移动开发辅助工具

1.4.1 Animatron移动开发软件

1.4.2 Lungo移动开发软件

1.4.3 DevExtreme移动开发软件

1.4.4 RazorFlow移动开发软件

1.4.5 Literally Canvas移动开发软件

1.5 HTML5移动开发编辑器

1.5.1 程序员必备神器——Sublime Text 3

1.5.2 可配置的编辑器——Atom

1.5.3 微软良心之作——VS Code

1.5.4 流行的集成开发环境——HBuilder

1.6 配置移动开发环境

1.7 开发移动网站基础

1.7.1 移动设备屏幕适配

1.7.2 移动用户需要的内容

1.7.3 使用的HTML、CSS及JavaScript是否有效且简洁

1.7.4 是否使用独立域名

1.7.5 网站需要通过怎样的测试

1.8 测试工具

1.8.1 仿真器与模拟器

1.8.2 在线测试模拟器

1.8.3 软件自动化测试

1.9 就业面试技巧与解析

1.9.1 面试技巧与解析（一）

1.9.2 面试技巧与解析（二）

第2章 HTML5快速上手

2.1 HTML5的语法结构

2.1.1 文档类型说明

2.1.2 HTML标记

2.1.3 头标记head

2.1.4 标题标记title

2.1.5 元信息标记meta

2.1.6 网页的主体标记

2.1.7 页面注释标记＜！-- --＞

2.2 HTML5的新技术改进

2.2.1 新增多个元素

2.2.2 新增多条属性

2.2.3 Video和Audio

2.2.4 2D/3D制图特性

2.2.5 浏览器支持特性

2.2.6 本地存储特性

2.2.7 本地SQL数据

2.2.8 WebSocket技术

2.2.9 Web Worker技术

2.2.10 SVG新特性

2.2.11 地理地位特性

2.2.12 拖放API新特性

2.3 HTML5给移动Web开发带来的优势

2.3.1 HTML5包含了性能优良的API

2.3.2 HTML5便捷的开发环境

2.3.3 备受青睐的Web应用程序

2.4 就业面试技巧与解析

2.4.1 面试技巧与解析（一）

2.4.2 面试技巧与解析（二）

第3章 使用HTML5设计移动页面结构

3.1 结构元素

3.1.1 ＜header＞元素

3.1.2 ＜nav＞元素

3.1.3 ＜section＞元素

3.1.4 ＜article＞元素

3.1.5 ＜aside＞元素

3.1.6 ＜footer＞元素

3.2 分组元素

3.2.1 ＜hgroup＞元素

3.2.2 ＜figure＞元素

3.2.3 ＜figcaption＞元素

3.3 文本语义元素

3.3.1 ＜mark＞元素

3.3.2 ＜rp＞、＜rt＞与＜ruby＞元素

3.3.3 ＜time＞元素

3.3.4 ＜wbr＞元素

3.4 交互体验元素

3.4.1 ＜details＞元素

3.4.2 ＜meter＞元素

3.4.3 ＜progress＞元素

3.4.4 ＜summary＞元素

3.5 新多媒体元素

3.5.1 ＜audio＞元素

3.5.2 ＜video＞元素

3.5.3 ＜source＞元素

3.5.4 ＜embed＞元素

3.6 新增全局属性

3.6.1 contenteditable属性

3.6.2 data-＊属性

3.6.3 draggable属性

3.6.4 spellcheck属性

3.7 就业面试技巧与解析

3.7.1 面试技巧与解析（一）

3.7.2 面试技巧与解析（二）

第4章 使用HTML5设计移动页面表单

4.1 认识表单

4.1.1 表单概述

4.1.2 表单的基本结构

4.2 新增表单元素

4.2.1 ＜datalist＞元素

4.2.2 ＜keygen＞元素

4.2.3 ＜output＞元素

4.3 表单的输入类型

4.3.1 url类型

4.3.2 tel类型

4.3.3 color类型

4.3.4 email类型

4.3.5 range类型

4.3.6 search类型

4.3.7 number类型

4.3.8 datepickers类型

4.4 表单的属性

4.4.1 ＜form＞新属性

4.4.2 ＜input＞新属性

4.5 表单的验证

4.5.1 认识表单验证

4.5.2 CheckValidity（）验证

4.5.3 SetCustomValidity（）验证

4.6 典型案例——制作用户反馈页面

4.7 就业面试技巧与解析

4.7.1 面试技巧与解析（一）

4.7.2 面试技巧与解析（二）

第5章 使用HTML5绘制移动页面元素

5.1 什么是canvas

5.2 绘制基本形状

5.2.1 绘制矩形

5.2.2 绘制圆形

5.2.3 绘制直线

5.2.4 绘制贝济埃曲线

5.2.5 绘制带阴影的图形

5.3 绘制颜色渐变

5.3.1 线性颜色渐变

5.3.2 径向颜色渐变

5.4 图形变换和组合

5.4.1 图形平移

5.4.2 图形缩放

5.4.3 图形旋转

5.4.4 矩阵变换

5.4.5 图形组合

5.5 图片的常用操作

5.5.1 绘制图片

5.5.2 平铺图片

5.5.3 裁剪图片

5.5.4 像素处理

5.6 绘制文本元素

5.6.1 绘制普通文字

5.6.2 绘制阴影文本

5.7 绘制动画特效

5.7.1 了解动画

5.7.2 绘制动态闪动线条

5.7.3 绘制动态页面时钟

5.8 典型案例——绘制移动页面素材

5.9 就业面试技巧与解析

5.9.1 面试技巧与解析（一）

5.9.2 面试技巧与解析（二）

第6章 CSS样式入门与基础语法

6.1 CSS3简介

6.2 CSS3的核心概念

6.2.1 CSS3的语法结构

6.2.2 盒模型

6.2.3 CSS3的编写方法

6.3 CSS3选择器的应用

6.3.1 标签选择器

6.3.2 类选择器

6.3.3 ID选择器

6.3.4 属性选择器

6.3.5 子选择器

6.4 调用CSS3的方式

6.4.1 行内样式

6.4.2 内嵌样式

6.4.3 链接样式

6.4.4 导入样式

6.5 典型案例——制作移动网页导航菜单

6.6 就业面试技巧与解析

6.6.1 面试技巧与解析（一）

6.6.2 面试技巧与解析（二）

第7章 使用CSS3设计移动页面样式

7.1 和图片说再见

7.1.1 背景和边框

7.1.2 渐变和阴影

7.2 CSS3布局之道

7.2.1 负边距与浮动

7.2.2 自定义字体

7.2.3 栅格系统与多列布局

7.3 弹性盒子布局

7.3.1 盒子布局取向

7.3.2 盒子布局顺序

7.3.3 盒子布局位置

7.3.4 盒子弹性空间

7.3.5 管理盒子空间

7.3.6 空间溢出管理

7.4 让页面动起来

7.4.1 CSS3变形模块

7.4.2 CSS过渡属性

7.4.3 CSS动画属性

7.5 响应式页面设计

7.5.1 PC端常用页面布局模式

7.5.2 从media到media queries

7.5.3 响应式栅格系统

7.5.4 移动优先理念

7.5.5 其他细节

7.6 就业面试技巧与解析

7.6.1 面试技巧与解析（一）

7.6.2 面试技巧与解析（二）

第2篇 核心技术

第8章 设计Web App页面布局

8.1 移动端页面设计规范

8.2 页面视图

8.2.1 单页面图层布局

8.2.2 侧边栏页面布局

8.2.3 封面图页面布局

8.2.4 多视图页面布局

8.3 基于iScroll的多视图布局

8.3.1 iScroll页面结构下的侧边栏

8.3.2 iScroll页面结构下的封面图

8.3.3 iScroll对内容刷新的支持

8.4 等比缩放布局

8.5 viewport/meta标签

8.6 rem/vw的使用

8.6.1 使用rem响应设计

8.6.2 VW视窗宽度百分比

8.7 移动Web特别样式处理

8.8 就业面试技巧与解析

8.8.1 面试技巧与解析（一）

8.8.2 面试技巧与解析（二）

第9章 原生JavaScript交互功能开发

9.1 JavaScript基础语法

9.1.1 字母大小写

9.1.2 变量

9.1.3 常量

9.1.4 数据类型

9.1.5 关键字

9.1.6 转义字符

9.1.7 运算符

9.1.8 注释

9.1.9 字面量

9.2 循环语句

9.2.1 while循环

9.2.2 do/while循环

9.2.3 for循环

9.2.4 for/in循环

9.2.5 continue和break

9.3 数组与函数

9.3.1 数组

9.3.2 函数

9.4 String与Date

9.4.1 String对象

9.4.2 Date对象

9.5 BOM与DOM

9.5.1 BOM浏览器对象模型

9.5.2 DOM文档对象模型

9.6 事件

9.6.1 事件对象

9.6.2 事件类型

9.6.3 事件流

9.7 拖动效果

9.8 cookie存储

9.8.1 cookie简介

9.8.2 cookie分类

9.8.3 cookie的创建、查找、修改和删除

9.8.4 cookie属性

9.8.5 cookie案例

9.9 正则表达式

9.9.1 定义正则表达式对象

9.9.2 正则表达式——传参

9.9.3 正则表达式常用方法

9.9.4 元字符和修饰符

9.10 Ajax技术

9.10.1 Ajax简介

9.10.2 创建Ajax对象

9.10.3 Ajax请求和响应

9.10.4 onreadystatechange事件

9.10.5 Ajax案例

9.11 面向对象基础

9.11.1 认识对象

9.11.2 对象的方法

9.11.3 原型链

9.12 就业面试技巧与解析

9.12.1 面试技巧与解析（一）

9.12.2 面试技巧与解析（二）

第10章 jQuery经典交互特效开发

10.1 jQuery框架介绍

10.1.1 jQuery的选择器

10.1.2 jQuery创建DOM节点

10.1.3 jQuery添加DOM节点

10.1.4 jQuery操作DOM属性

10.1.5 jQuery操作DOM样式

10.2 jQuery插件扩展原理及自定制设计

10.3 时间轴特效

10.4 tab页面切换效果

10.5 滑动门特效

10.6 焦点图轮播特效

10.7 网页定位导航特效

10.8 导航条菜单效果

10.9 瀑布流特效

10.10 弹出层效果

10.11 倒计时效果

10.12 抽奖效果

10.13 就业面试技巧与解析

10.13.1 面试技巧与解析（一）

10.13.2 面试技巧与解析（二）

第11章 AngularJS框架

11.1 基础知识

11.1.1 表达式

11.1.2 ng-app指令

11.1.3 模块

11.1.4 作用域

11.1.5 控制器

11.1.6 $apply与$watch

11.2 指令

11.2.1 ng-repeat

11.2.2 ng-class

11.2.3 ng-show和ng-hide

11.3 过滤器

11.3.1 date过滤器

11.3.2 limitTo过滤器

11.3.3 filter过滤器

11.4 表单验证

11.4.1 ngModelController

11.4.2 表单验证

11.5 服务

11.5.1 自定义服务

11.5.2 AngularJS提供的服务

11.6 模型

11.6.1 ng-model指令

11.6.2 双向绑定

11.6.3 CSS类

11.7 事件机制

11.8 数据存储

11.9 其他

11.9.1 Controller as语法

11.9.2 安全的依赖注入方法

11.10 路由

11.11 标准项目结构设计

11.11.1 angular-cli环境搭建

11.11.2 使用Angular-cli创建项目

11.12 就业面试技巧与解析

11.12.1 面试技巧与解析（一）

11.12.2 面试技巧与解析（二）

第3篇 高级应用

第12章 认识jQuery Mobile

12.1 jQuery Mobile基础

12.2 jQuery Mobile操作流程

12.2.1 下载移动设备模拟器

12.2.2 安装jQuery Mobile

12.2.3 创建jQuery Mobile页面

12.3 就业面试技巧与解析

12.3.1 面试技巧与解析（一）

12.3.2 面试技巧与解析（二）

第13章 jQuery Mobile页面

13.1 jQuery Mobile页面结构

13.1.1 jQuery Mobile页面的基本架构

13.1.2 多容器jQuery Mobile页面

13.1.3 jQuery Mobile页面间的链接

13.1.4 在jQuery Mobile页面中实现后退功能

13.1.5 设置后退按钮的文字

13.1.6 弹出对话框

13.2 预加载和缓存jQuery Mobile页面

13.2.1 预加载jQuery Mobile页面

13.2.2 页面缓存

13.3 jQuery Mobile页面头部栏

13.3.1 头部栏的基本结构

13.3.2 添加按钮

13.3.3 设置按钮位置

13.4 jQuery Mobile页面导航栏

13.4.1 导航栏的基本结构

13.4.2 导航栏的图标

13.4.3 设置导航栏图标的位置

13.5 jQuery Mobile页面尾部栏

13.5.1 添加按钮

13.5.2 添加表单元素

13.6 结构化jQuery Mobile页面内容

13.6.1 jQuery Mobile网格布局

13.6.2 可折叠区块

13.6.3 可折叠区块的嵌套

13.6.4 可折叠区块组

13.7 就业面试技巧与解析

13.7.1 面试技巧与解析（一）

13.7.2 面试技巧与解析（二）

第14章 jQuery Mobile页面组件

14.1 jQuery Mobile按钮组件

14.1.1 内联按钮

14.1.2 按钮组

14.2 jQuery Mobile列表组件

14.2.1 基本列表

14.2.2 有序列表

14.2.3 分割列表选项

14.2.4 对列表项进行分类

14.2.5 图标与计数器

14.2.6 列表项内容格式化处理

14.2.7 过滤列表项

14.3 jQuery Mobile表单组件

14.3.1 滑块

14.3.2 文本输入组件

14.3.3 翻转切换开关

14.3.4 单选按钮

14.3.5 复选框

14.3.6 选择菜单

14.3.7 多项选择菜单

14.4 就业面试技巧与解析

14.4.1 面试技巧与解析（一）

14.4.2 面试技巧与解析（二）

第15章 使用jQuery Mobile主题

15.1 jQuery Mobile页面主题

15.1.1 默认主题

15.1.2 修改默认主题

15.2 自定义jQuery Mobile页面和工具栏主题

15.2.1 自定义页面主题

15.2.2 自定义工具栏主题

15.2.3 自定义内容主题

15.3 使用ThemeRoller创建主题

15.4 就业面试技巧与解析

15.4.1 面试技巧与解析（一）

15.4.2 面试技巧与解析（二）

第16章 使用jQuery Mobile事件

16.1 页面事件

16.1.1 初始化事件

16.1.2 加载外部页面事件

16.1.3 页面切换事件

16.2 触摸事件

16.2.1 tap事件和taphold事件

16.2.2 swipe事件

16.2.3 swipeleft事件和swiperight事件

16.3 屏幕滚动事件

16.4 屏幕方向改变事件

16.5 就业面试技巧与解析

16.5.1 面试技巧与解析（一）

16.5.2 面试技巧与解析（二）

第17章 使用jQuery Mobile插件

17.1 Camera插件

17.2 SwipeBox插件

17.3 mmenu插件

17.4 DateBox插件

17.5 Mobiscroll插件

17.6 就业面试技巧与解析

17.6.1 面试技巧与解析（一）

17.6.2 面试技巧与解析（二）

第4篇 项目实践

第18章 HTML5在游戏开发行业中的应用

18.1 游戏概述

18.2 游戏功能的实现

18.2.1 游戏基本的HTML5结构

18.2.2 游戏CSS样式设计

18.2.3 JavaScript编程

18.3 运行效果

第19章 HTML5在教育开发行业中的应用

19.1 项目概述

19.2 美丽教育页面的实现

19.2.1 首页

19.2.2 关于贾美丽

19.2.3 招生要求

19.2.4 教学理念

19.2.5 联系我们

19.3 项目运行效果

第20章 手机端案例——记事本App

20.1 项目概述

20.1.1 功能梳理

20.1.2 开发环境

20.1.3 代码结构

20.2 项目解析

20.2.1 首页

20.2.2 列表页面

20.2.3 查看与删除

20.2.4 添加事项

20.2.5 完成事项

20.2.6 右滑菜单

20.2.7 App打包

20.3 运行效果

第21章 人脸识别案例——年龄小侦探App

21.1 项目概述

21.1.1 功能梳理

21.1.2 开发环境

21.1.3 代码结构

21.2 项目解析

21.2.1 index.html文件

21.2.2 index.js文件

21.2.3 qiao.js文件

21.2.4 项目功能知识点详解

21.3 运行效果