HTML 5移动Web开发实战详解

第1篇 HTML 5移动Web开发基础

第1章 移动互联网的浪潮之巅（教学视频：17分钟）

1.1 浪潮之巅，顺势而为

1.1.1 正确的时间做正确的事

1.1.2 互联网的第二次崛起

1.1.3 移动互联网正处于浪潮之巅

1.2 移动互联网时代，Web必将璀璨

1.2.1 你应该学习Web开发

1.2.2 你应该为未来学习--移动Web开发

1.3 WWW的精髓

1.3.1 万维网发明者的初衷

1.3.2 HTML是什么

1.3.3 再谈Web标准

1.3.4 如何理解Web语义化

1.3.5 HTML 5和语义网

1.4 主角登场--HTML 5的前世今生

1.4.1 聊聊HTML 5那些旧事

1.4.2 为移动而生

1.4.3 你应该知道的HTML 5

第2章 HTML 5基础（教学视频：38分钟）

2.1 重温HTML

2.1.1 HTML能干什么

2.1.2 HTML的核心要素

2.2 HTML的语义来源

2.3 HTML 5的元素和属性

2.3.1 全局属性

2.3.2 HTML 5与它的全局属性

2.3.3 内容模型（content models）

2.3.4 文档元数据（Document metadata）

2.3.5 区块（sections）

2.3.6 分组内容（grouping content）

2.3.7 文本级语义（text-level semantics）

2.3.8 修改记录（edits）

2.3.9 嵌入内容（embedded content）

2.3.10 表格数据（tabular data）

2.3.11 HTML 5表单

2.3.12 input元素和其属性

2.3.13 表单操作

2.3.14 HTML 5表单兼容性

2.3.15 交互式元素（Interactive elements）

第3章 初探CSS 3（教学视频：20分钟）

3.1 关于CSS的那件小事

3.2 CSS的核心概念

3.2.1 语法、层叠和特殊性（specificity）

3.2.2 框模型（Box Model）

3.2.3 可视化格式模型（visual formatting model）

3.2.4 表格

3.3 CSS 3选择器增强

3.3.1 属性选择器的妙用

3.3.2 强大的结构性伪类（Structural pseudo-classes）

3.3.3 其他选择器

3.3.4 CSS 4中的选择器

3.4 和图片说再见

3.4.1 背景和边框

3.4.2 渐变和阴影

3.4.3 自定义字体

3.5 CSS 3布局之道

3.5.1 炒冷饭--负边距与浮动

3.5.2 栅格系统与多列布局

3.5.3 弹性盒布局（Flexible Box）

3.6 动起来

3.6.1 CSS变形（CSS transform）

3.6.2 CSS过渡（CSS Transitions）

3.6.3 CSS动画（CSS Animations）

3.7 响应式设计基础

3.7.1 从两栏布局开始说起

3.7.2 从media到media queries

3.7.3 响应式栅格系统

3.7.4 移动优先（mobile first）理念

3.7.5 另一种思路：后端模板输出的优化

3.7.6 其他细节

第4章 从网页（Web page）到应用（Application）（教学视频：19分钟）

4.1 Web不能承受之重

4.2 本地存储升级

4.2.1 cookie和cookie的局限

4.2.2 来自HTML 5的Web Storage

4.2.3 IE的userData

4.3 离线应用

4.3.1 缓存和应用缓存

4.3.2 应用缓存的基本使用

4.4 拖放

4.4.1 模拟拖放

4.4.2 原生拖放

4.5 文件操作

4.5.1 选择文件

4.5.2 操作文件

第5章 指尖下的浏览器（教学视频：20分钟）

5.1 基本touch事件

5.2 模拟手势事件

5.3 hammer.js

5.4 实例：精仿iOS的相册

5.5 工具

第6章 地理定位（Geolocation API）（教学视频：7分钟）

6.1 获取当前位置

6.2 监视位置变化

6.3 来半斤Google maps尝尝

6.4 开发者工具

第7章 Web Worker（教学视频：13分钟）

7.1 单线程语言之殇

7.2 为JavaScript引入线程技术

7.3 嵌入式Worker代码

7.4 共享Worker

第8章 通信基础（教学视频：16分钟）

8.1 XHR 2

8.2 跨文档通信（Cross-document messaging）

8.3 通道通信（channel messaging）

第9章 实时Web技术（教学视频：7分钟）

9.1 轮询和长轮询（comet）

9.2 服务器事件（server-sent events）

9.3 Web Sockets

9.4 利器：Socket.IO

9.5 基于Socket.IO的聊天室

第10章 感官世界（教学视频：9分钟）

10.1 感知方向（orientation）和动作（motion）

10.2 音视频捕获

第11章 history与导航（教学视频：12分钟）

11.1 基于hashchange事件管理导航

11.2 HTML 5 history API

11.3 history.js

第2篇 HTML 5移动Web开发实战

第12章 站在巨人们的肩上--jQuery Mobile（教学视频：21分钟）

12.1 移动Web框架概览

12.1.1 HTML 5移动应用技术大观

12.1.2 因地制宜、量体裁衣

12.2 jQuery Mobile

12.2.1 综述

12.2.2 Hello，jQuery Mobile！

12.2.3 页面（Pages）

12.2.4 Ajax导航模型和转场动画（transitions）

12.2.5 UI组件--一切皆响应

12.2.6 UI组件--表单元素

12.2.7 UI组件--Header & Footer

12.2.8 UI组件--ListView

12.2.9 UI组件--Collapsibles和Accordions

12.2.10 UI组件--popup

12.2.11 UI组件--dialog

12.2.12 响应式组件--responsive grids

12.2.13 响应式组件--reflow tables

12.2.14 响应式组件--Column Toggle tables

12.2.15 响应式组件--sliding panels

12.2.16 主题化和themeroller

12.2.17 进阶

第13章 Sencha Touch（教学视频：8分钟）

13.1 综述

13.2 bonjour，Sencha Touch！

13.3 第一个Sencha Touch程序

13.4 进阶

第14章 Bootstrap（教学视频：15分钟）

14.1 Bootstrap 3综述

14.2 Grid系统

14.3 响应式实用类

14.4 组件更新--Navbar

14.5 组件更新--List group

14.6 组件更新--Panels

14.7 从Bootstrap 2迁移到Bootstrap 3

第15章 PhoneGap（教学视频：8分钟）

15.1 PhoneGap 101

15.2 开发基于PhoneGap的程序

第16章 其他移动Web技术（教学视频：9分钟）

16.1 Foundation

16.2 Semantic-UI

16.3 Pure

16.4 Titanium

第17章 如何成为优秀的前端工程师（教学视频：29分钟）

17.1 Node.js

17.1.1 什么是Node.js

17.1.2 Node.js基础

17.1.3 Node.js模块系统

17.1.4 Node.js包管理系统NPM

17.1.5 事件驱动和异步I/O

17.1.6 前端工程师需要了解Node.js的什么

17.2 工具链

17.2.1 CoffeeScript

17.2.2 CSS预处理器（CSS preprocessor）

17.2.3 Grunt

17.2.4 Bower

17.2.5 Yeoman

17.3 关于调试的那些事儿

17.3.1 Chrome开发者工具

17.3.2 多设备调试：Adobe Edge Inspect

17.4 从职业到专业、从前端到全端

17.4.1 Mac与Windows

17.4.2 Sublime Text

17.4.3 MV*框架

17.4.4 如何保持你的知识处在最前沿

17.4.5 跳出前端，更大的世界

本书由浅入深，全面、系统、详尽地介绍了HTML 5相关技术和其在移动开发领域的应用。书中提供了大量的代码示例，读者可以通过这些例子理解知识点，也可以直接在开发实战中稍加修改应用这些代码。本书涉及面广，从基本原理到实战，再到项目工作流，几乎涉及一个合格的前端开发工程师需要具备的所有重要知识。另外，作者专门为书中的重点内容录制了高清配套教学视频，并提供了本书涉及的源程序，以便于读者高效、直观地学习。本书共17章，分为两篇。第1篇为HTML 5移动Web开发基础，涵盖的内容有移动互联网的发展概述、HTML 5基础、CSS 3开发技术、从网页到应用（Application）、指尖下的浏览器、地理定位（Geolocation）、Web Worker、通信基础、实时Web技术、感官世界、history与导航等。第2篇为HTML 5移动Web开发实战，涵盖的内容有jQuery Mobile、Sencha Touch、Bootstrap、PhoneGap、Foundation及Node.js等其他移动Web开发技术。本书适合所有想全面和深入学习HTML 5开发技术的人员阅读，尤其适合使用HTML 5做移动应用开发的人员阅读。对于大中专院校相关专业的学生和培训机构的学员，本书也是一本不可多得的参考书。

腾讯公司前资深前端工程师呕心沥血之作，移动Web开发者必读佳品
全方位展现用HTML5开发移动Web和应用的完整过程，以及各种策略和技巧
赠送270分钟高清配套教学视频
详细讲解了HTML5的新增功能、CSS3核心概念、WebPage、WebApp，触摸屏API、地理定位、WebSocket、通信基础、实时Web技术、感官世界、history和导航等内容
　从实战开发的角度，详细介绍了jQueryMobile、SenchaTouch、Bootstrap和PhoneGap等移动Web开发框架的应用
注重实战，详细介绍了175个实例和3个综合案例，几乎每个知识点都配备了完整可运行的示例代码，并对重点内容专门录制了高清配套教学视频辅助读者学习
　<