HTML5 APP开发从入门到精通（微课精编版）

目  录
第1 章 移动APP 开发概述 1
1.1 从移动开发说起 2
1.1.1 关于移动开发 2
1.1.2 移动Web开发历史 2
1.1.3 移动Web开发的问题 3
1.1.4 移动Web开发的前景 3
1.1.5 比较桌面和移动端Web开发 3
1.2 HTML5与移动Web开发 4
1.3 移动Web与原生应用比较 5
1.3.1 移动Web 5
1.3.2 原生应用 5
1.3.3 如何选择应用方案 6
1.4 移动Web开发知识结构 6
1.5 初识移动Web开发技术 8
1.5.1 移动Web设计 8
1.5.2 关于WebKit 10
第2 章 HTML5 基础 12
视频讲解：1 小时3 分钟
2.1 HTML5概述 13
2.1.1 HTML历史 13
2.1.2 浏览器检测 13
2.1.3 HTML5语法特性 14
2.2 HTML5文档 16
2.2.1 编写个HTML5文档 16
2.2.2 比较HTML4与HTML5文档结构 17
2.3 头部信息 18
2.3.1 定义网页标题 18
2.3.2 定义网页元信息 19
2.3.3 定义文档视口 20
2.3.4 移动Web头信息 21
2.4 构建基本结构 22
2.4.1 定义文档结构 22
2.4.2 定义内容标题 23
2.4.3 使用div元素 25
2.4.4 使用id和class.. 26
2.4.5 使用title 27
2.4.6 HTML注释 27
2.5 构建语义结构 28
2.5.1 定义页眉 28
2.5.2 定义导航 29
2.5.3 定义主要区域 31
2.5.4 定义文章块 31
2.5.5 定义区块 33
2.5.6 定义附栏 34
2.5.7 定义页脚 34
2.5.8 使用role 35
2.6 案例实战 37
2.7 在线练习 39
第3 章 JavaScript 基础 40
视频讲解：2 小时12 分钟
3.1 在网页中使用JavaScript 41
3.1.1 编写脚本 41
3.1.2 脚本在网页中的位置 43
3.2 JavaScript基本规范 44
3.3 变量和类型 44
3.3.1 变量 44
3.3.2 数据类型 45
3.4 表达式和运算符 46
3.4.1 表达式 46
3.4.2 运算符 47
3.5 语句 48
3.5.1 表达式语句和语句块 48
3.5.2 条件语句 49
3.5.3 循环语句 51
3.5.4 跳转语句 52
3.6 函数 53
3.6.1 定义函数 54
3.6.2 调用函数 55
3.6.3 函数参数 55
3.7 对象 57
3.7.1 创建对象 57
3.7.2 访问对象 57
3.8 数组 58
3.8.1 定义数组 58
3.8.2 存取元素 59
3.9 在线练习 60
第4 章 使用HTML5 访问位置 61
4.1 Geolocation API基础 62
4.1.1 Geolocation API应用场景 62
4.1.2 位置信息来源 62
4.1.3 位置信息表示方式 62
4.1.4 获取位置信息 63
4.1.5 浏览器兼容性 65
4.1.6 监测位置信息 65
4.1.7 停止获取位置信息 66
4.1.8 保护隐私 66
4.1.9 处理位置信息 66
4.1.10 使用position.. 67
4.2 案例实战 68
4.2.1 定位手机位置 68
4.2.2 获取经纬度及其详细地址 69
4.2.3 输入提示查询位置 70
4.2.4 从当前位置查询指定位置路线 72
4.2.5 记录行踪路线 73
4.3 在线练习 76
第5 章 使用HTML5 访问多媒体设备 77
5.1 WebRTC基础 78
5.1.1 认识WebRTC 78
5.1.2 访问本地设备 78
5.2 案例实战 80
5.2.1 拍照和摄像 80
5.2.2 录音并压缩 82
5.3 在线练习 85
第6 章 使用HTML5 访问传感器 86
6.1 传感器API基础 87
6.1.1 认识传感器API 87
6.1.2 方向事件和移动事件 87
6.1.3 浏览器支持 89
6.1.4 应用场景 89
6.2 案例实战 89
6.2.1 记录摇手机的次数 90
6.2.2 重力测试小游戏 91
6.3 在线练习 93
第7 章 使用HTML5 绘图 94
视频讲解：56 分钟
7.1 使用canvas..95
7.2 绘制图形 97
7.2.1 矩形 97
7.2.2 路径 98
7.2.3 直线 99
7.2.4 定义颜色 100
7.2.5 定义透明度 101
7.2.6 定义线性渐变 103
7.2.7 定义径向渐变 104
7.2.8 定义阴影 105
7.3 绘制文字和图像 105
7.3.1 绘制文字 106
7.3.2 导入图像 106
7.3.3 将图像写入画布 108
7.3.4 保存图片 108
7.4 案例实战 110
7.4.1 设计基本动画 110
7.4.2 设计运动动画 112
7.4.3 设计地球和月球公转动画 114
7.4.4 在画布上裁剪图像 115
7.5 在线练习 117
第8 章 使用HTML5 多媒体 118
视频讲解：42 分钟
8.1 使用HTML5音频和视频 119
8.1.1 使用 119
8.1.2 使用 120
8.1.3 设置属性 122
8.1.4 设置方法 122
8.1.5 设置事件 123
8.2 案例实战 125
8.2.1 获取播放进度 125
8.2.2 设计视频播放器 126
8.2.3 视频自动截图 129
8.2.4 视频同步字幕 133
8.3 在线练习 137
第9 章 使用HTML5 表单 138
视频讲解：52 分钟
9.1 HTML5表单特性 139
9.2 新的Input类型 140
9.2.1 email-Email地址框 140
9.2.2 url-URL地址框 141
9.2.3 number数字框 142
9.2.4 range范围框.. 143
9.2.5 date pickers日期选择器 144
9.2.6 search搜索框 149
9.2.7 tel电话号码框 150
9.2.8 color拾色器 151
9.3 新的input属性 151
9.3.1 autocomplete自动完成 152
9.3.2 autofocus自动获取焦点 153
9.3.3 form归属表单 154
9.3.4 表单重写 154
9.3.5 height（高）和width（宽） 155
9.3.6 list列表选项.. 155
9.3.7 min（小值）、max（值）和
step（步长） 155
9.3.8 multiple多选 156
9.3.9 pattern匹配模式 156
9.3.10 placeholder替换文本 157
9.3.11 required必填 158
9.4 新的表单元素 158
9.4.1 datalist数据列表 158
9.4.2 keygen密钥对生成器 159
9.4.3 output输出结果 159
9.5 新的form属性 160
9.5.1 autocomplete自动完成 160
9.5.2 novalidate禁止验证 161
9.6 案例实战 162
9.6.1 设计HTML5注册表单 162
9.6.2 设计HTML5表单验证 164
9.7 在线练习 165
第10 章 使用HTML5 离线和缓存 166
视频讲解：31 分钟
10.1 Web Storage 167
10.1.1 认识Web Storage 167
10.1.2 使用Web Storage 167
10.1.3 案例：设计登录页 169
10.1.4 案例：流量统计 170
10.2 ApplicationCache API基础171
10.2.1 认识ApplicationCache API 172
10.2.2 配置服务器 173
10.2.3 认识manifest 174
10.2.4 使用ApplicationCache.. 176
10.2.5 事件监听 180
10.3 案例实战 181
10.3.1 设计首页缓存 181
10.3.2 设计离线编辑 184
10.3.3 设计移动便签 188
10.3.4 设计离线留言 190
10.4 在线练习 193
第11 章 使用HTML5 推送消息 194
视频讲解：12 分钟
11.1 WebSocket基础195
11.1.1 认识WebSocket 195
11.1.2 使用WebSocket API 195
11.1.3 在PHP中建立socket 198
11.2 案例实战 200
11.2.1 设计呼叫和应答 200
11.2.2 发送消息 205
11.2.3 使用Workerman框架通信 206
11.2.4 群发信息 207
11.3 在线练习 209
第12 章 使用HTML5 设计单页无刷新应用 210
视频讲解：20 分钟
12.1 History API基础 211
12.1.1 了解History API 211
12.1.2 使用History API 212
12.2 案例实战 214
12.2.1 设计导航页面 214
12.2.2 设计无刷新网站 216
12.2.3 设计可后退画板 220
12.3 在线练习 222
第13 章 安装jQuery Mobile 223
视频讲解：4 分钟
13.1 认识jQuery Mobile 224
13.1.1 为什么要学习jQuery Mobile 224
13.1.2 jQuery Mobile特性 224
13.1.3 jQuery Mobile兼容性 226
13.2 jQuery Mobile与HTML5 226
13.3 安装jQuery Mobile 226
13.3.1 下载jQuery Mobile 226
13.3.2 配置jQuery Mobile 228
13.4 案例：设计个移动页面 228
第14 章 视图 230
视频讲解：42 分钟
14.1 设计页面 231
14.1.1 定义单页视图 231
14.1.2 定义多页视图 232
14.2 设计对话框 234
14.2.1 定义对话框 234
14.2.2 关闭对话框 235
14.3 设计弹出页 236
14.4 应用弹出页 237
14.4.1 弹出菜单 237
14.4.2 弹出表单 239
14.4.3 弹出对话框 240
14.4.4 弹出图片 241
14.4.5 弹出视频 243
14.5 设置弹出页 246
14.5.1 显示位置 246
14.5.2 切换动画 248
14.5.3 主题样式 248
14.5.4 关闭按钮 249
14.6 案例实战 251
14.6.1 设计电子阅读器 251
14.6.2 设计论坛界面 254
14.6.3 设计记事本 255
14.6.4 设计弹出框 257
14.6.5 设计视图样式 258
14.6.6 设计视图切换方式 260
14.6.7 设计相册视图 262
第15 章 移动布局 264
视频讲解：30 分钟
15.1 网格化 265
15.2 折叠块 268
15.2.1 定义折叠块 268
15.2.2 定义嵌套折叠块 269
15.2.3 设置属性 270
15.2.4 设置选项 271
15.2.5 设置事件 275
15.3 折叠组 276
15.4 移动表格 277
15.4.1 定义回流表格 277
15.4.2 定义字段切换表格 278
15.5 滑动面板 279
15.6 案例实战 281
15.6.1 设计课程表 281
15.6.2 设计九宫格 283
15.6.3 设计通讯录 284
15.6.4 设计好友列表 286
第16 章 列表视图 289
视频讲解：32 分钟
16.1 定义列表视图 290
16.2 定义嵌套列表 290
16.3 定义数字列表 291
16.4 定义分类列表 292
16.5 扩展功能 294
16.5.1 添加拆分按钮 294
16.5.2 添加缩微图和图标 295
16.5.3 添加气泡提示 295
16.5.4 添加过滤文本框 296
16.6 优化列表 299
16.6.1 插页列表 299
16.6.2 折叠列表 300
16.6.3 自动分类列表 302
16.7 案例实战 304
16.7.1 设计登录表单 304
16.7.2 设计产品列表页 305
16.7.3 设计新闻列表页 307
16.7.4 设计播放列表 309
16.7.5 设计通讯录 311
第17 章 栏目构件 313
视频讲解：30 分钟
17.1 标题栏 314
17.1.1 定义标题栏 314
17.1.2 定义按钮位置 314
17.2 页脚栏 316
17.2.1 定义页脚栏 316
17.2.2 包含表单 317
17.3 导航栏 318
17.3.1 定义导航栏 318
17.3.2 定义导航图标 320
17.3.3 定义图标位置 321
17.3.4 自定义导航图标 322
17.4 设置栏目构件 324
17.4.1 设置属性 324
17.4.2 定义显示模式 325
17.4.3 设置选项 326
17.4.4 设置方法和事件 326
17.5 案例实战 328
17.5.1 设计播放器 328
17.5.2 设计按钮组 329
第18 章 按钮组件 332
视频讲解：15 分钟
18.1 定义按钮 333
18.2 定义内联按钮 333
18.3 定义按钮图标 334
18.3.1 图标样式 334
18.3.2 图标位置 335
18.4 定义迷你按钮 336
18.5 定义按钮组 337
18.6 设置按钮 338
18.6.1 定义属性 338
18.6.2 定义选项 338
18.6.3 定义方法 339
18.7 自定义按钮 340
18.7.1 自定义按钮图标 340
18.7.2 文本换行显示 341
18.8 案例实战 341
第19 章 表单组件 343
视频讲解：34 分钟
19.1 使用表单 344
19.2 使用文本框 345
19.3 使用单选按钮 346
19.4 使用复选框 348
19.5 使用滑块 350
19.6 使用开关 353
19.7 使用菜单 354
19.7.1 定义下拉菜单 354
19.7.2 定义列表框 357
19.7.3 设置选项分组 359
19.7.4 设置禁用选项 360
19.8 设置表单属性 360
19.8.1 禁用表单 361
19.8.2 隐藏标签 361
19.8.3 定义迷你表单 362
19.9 案例实战 363
19.9.1 设计验证表单 363
19.9.2 设计上传表单 364
19.9.3 设计登录表单 365
19.9.4 设计调查表单 367
19.9.5 设计设置表单 368
19.9.6 设计弹出表单 369
第20 章 主题样式 371
视频讲解：18 分钟
20.1 jQuery Mobile主题 372
20.2 使用主题 372
20.3 自定义主题 375
20.4 使用ThemeRoller 377
20.4.1 认识ThemeRoller 377
20.4.2 设置ThemeRoller 378
20.4.3 应用自定义色版 379
20.5 案例实战 381
20.5.1 定义多视图主题 381
20.5.2 设计计算器 382
20.5.3 设计键盘 384
第21 章 脚本开发 387
视频讲解：39 分钟
21.1 自定义事件 388
21.1.1 触摸事件 388
21.1.2 翻转事件 390
21.1.3 滚屏事件 392
21.1.4 页面事件 393
21.2 调用方法 395
21.2.1 转换路径 395
21.2.2 比较域名 396
21.2.3 纵向滚动 397
21.3 HTML5应用 399
21.3.1 离线访问 399
21.3.2 使用Web Storage传递参数 400
21.3.3 HTML5画板 401
21.4 配置jQuery Mobile 402
21.5 案例实战 404
21.5.1 侦测用户动作 404
21.5.2 划动面板 405
21.5.3 页面初始化 406
21.5.4 以GET方式传递参数 408
21.5.5 自定义加载消息 409
21.5.6 管理加载消息 411
第22 章 发布移动APP..413
22.1 Web应用发布基础 414
22.2 下载、安装Cordova 414
22.2.1 安装JAVA JDK 415
22.2.2 安装Android SDK 416
22.2.3 安装Apache Ant 417
22.2.4 设置用户变量 417
22.2.5 测试工具 419
22.2.6 通过npm安装Cordova.. 420
22.2.7 设置Android模拟器 421
22.3 将网页转换成Android APP 422
第23 章 实战开发：移动版记事本项目 424
视频讲解：32 分钟
23.1 项目分析 425
23.2 框架设计 425
23.3 制作主页面 426
23.4 制作列表页 430
23.5 制作详细页 433
23.6 制作修改页 435
23.7 制作添加页 439
23.8 小结 443
第24 章 实战开发：移动博客项目 444
视频讲解：22 分钟
24.1 项目分析 445
24.2 主页设计 445
24.3 列表页设计 447
24.4 内容页设计 449
24.5 后台开发 451
24.5.1 设计数据库 451
24.5.2 连接数据库 453
24.5.3 首页功能实现 455
24.5.4 列表页功能实现 456
24.5.5 内容页功能实现 459
24.6 小结 463