《HTML5APP开发从入门到精通（微课精编版）》从初学者角度出发，通过通俗易懂的语言、丰富多彩的实例，系统讲解了利用HTML5的相关技术开发移动Web网站和WebApp。全书共24章，包括移动APP开发概述、HTML5基础、JavaScript基础、使用HTML5访问位置、使用HTML5访问多媒体设备、使用HTML5访问感测器、使用HTML5绘图、使用HTML5多媒体、使用HTML5表单、使用HTML5离线和快取、使用HTML5推送讯息、使用HTML5设计单页无刷新套用、安装jQueryMobile、视图、移动布局、列表视图、栏目构件、按钮组件、表单组件、主题样式、脚本开发、发布移动APP、实战开发项目等内容。本书各章节注重实例间的联繫和各功能间的难易层次，内容讲解以文字描述和图例并重，力求生动易懂，并对软体套用过程中的难点、重点和可能出现的问题给予详细讲解和提示。

本书以HTML5为主体，配合jQueryMobile框架製作移动APP，由基础到高级循序渐进，通过範例帮助读者进行实战练习。

1.移动APP设计基础移动APP开发概述、HTML5基础、JavaScript基础。

2.HTML5移动技术访问位置、访问多媒体设备、访问感测器、使用HTML5绘图、使用HTML5多媒体、使用HTML5表单、使用离线和快取、使用HTML5推送讯息、设计无刷新单页套用。

3.jQueryMobile设计基础安装jQueryMobile、设计视图、设计移动版式、设计列表视图、设计栏目结构、设计按钮组件、设计表单组件、设计主题样式、脚本开发。

4.移动APP设计实战设计移动版记事本、设计移动版部落格、发布移动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 定...

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使用role35

2.6案例实战37

2.7线上练习39

第3章JavaScript基础40

视频讲解2小时12分钟

3.1在网页中使用JavaScript41

3.1.1编写脚本41

3.1.2脚本在网页中的位置43

3.2JavaScript基本规范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.1GeolocationAPI基础62

4.1.1GeolocationAPI套用场景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.1WebRTC基础78

5.1.1认识WebRTC78

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认识感测器API87

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使用<audio>119

8.1.2使用<video>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.1HTML5表单特性139

9.2新的Input类型140

9.2.1email-Email地址框140

9.2.2url-URL地址框141

9.2.3number数字框142

9.2.4range範围框..143

9.2.5datepickers日期选择器144

9.2.6search搜寻框149

9.2.7tel电话号码框150

9.2.8color拾色器151

9.3新的input属性151

9.3.1autocomplete自动完成152

9.3.2autofocus自动获取焦点153

9.3.3form归属表单154

9.3.4表单重写154

9.3.5height（高）和width（宽）155

9.3.6list列表选项..155

9.3.7min（最小值）、max（最大值）和

step（步长）155

9.3.8multiple多选156

9.3.9pattern匹配模式156

9.3.10placeholder替换文本157

9.3.11required必填158

9.4新的表单元素158

9.4.1datalist数据列表158

9.4.2keygen密钥对生成器159

9.4.3output输出结果159

9.5新的form属性160

9.5.1autocomplete自动完成160

9.5.2novalidate禁止验证161

9.6案例实战162

9.6.1设计HTML5注册表单162

9.6.2设计HTML5表单验证164

9.7线上练习165

第10章使用HTML5离线和快取166

视频讲解31分钟

10.1WebStorage167

10.1.1认识WebStorage167

10.1.2使用WebStorage167

10.1.3案例设计登录页169

10.1.4案例流量统计170

10.2ApplicationCacheAPI基础171

10.2.1认识ApplicationCacheAPI172

10.2.2配置伺服器173

10.2.3认识manifest174

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.1WebSocket基础195

11.1.1认识WebSocket195

11.1.2使用WebSocketAPI195

11.1.3在PHP中建立socket198

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.1HistoryAPI基础211

12.1.1了解HistoryAPI211

12.1.2使用HistoryAPI212

12.2案例实战214

12.2.1设计导航页面214

12.2.2设计无刷新网站216

12.2.3设计可后退画板220

12.3线上练习222

第13章安装jQueryMobile223

视频讲解4分钟

13.1认识jQueryMobile224

13.1.1为什幺要学习jQueryMobile224

13.1.2jQueryMobile特性224

13.1.3jQueryMobile兼容性226

13.2jQueryMobile与HTML5226

13.3安装jQueryMobile226

13.3.1下载jQueryMobile226

13.3.2配置jQueryMobile228

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.1jQueryMobile主题372

20.2使用主题372

20.3自定义主题375

20.4使用ThemeRoller377

20.4.1认识ThemeRoller377

20.4.2设定ThemeRoller378

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.3HTML5套用399

21.3.1离线访问399

21.3.2使用WebStorage传递参数400

21.3.3HTML5画板401

21.4配置jQueryMobile402

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.1Web套用发布基础414

22.2下载、安装Cordova414

22.2.1安装JAVAJDK415

22.2.2安装AndroidSDK416

22.2.3安装ApacheAnt417

22.2.4设定用户变数417

22.2.5测试工具419

22.2.6通过npm安装Cordova..420

22.2.7设定Android模拟器421

22.3将网页转换成AndroidAPP422

第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