《HTML5移动Web开发指南》是为从未接触过HTML5新技术但同时又对移动web技术感兴趣的读者而编写的。如果你有一定的HTML开发经验,将会更容易掌握HTML5知识。《HTML5移动Web开发指南》共分为四大部分,第一部分主要讲述Web技术的发展及HTML5标准在移动Web技术中的应用;第二部分主要介绍HTML5的新功能和新特性如何在移动设备浏览器中使用及相关展望;第三部分主要介绍目前比较流行的两套 JavaScript移动开发框架jQueryMobile、Sencha Touch,以及PhoneGap,并配备丰富的例子作为实践;第四部分主要结合SenchaTouch框架库和HTML5技术构建进行讲解,旨在帮助读者将HTML5技术运用于实践之中。
《HTML5移动Web开发指南》主要围绕html5技术,讲述如何利用html5相关技术开发移动web网站和webapp应用程序。《HTML5移动Web开发指南》共分为四大部分,第一部分主要讲述web技术的发展及html5标准在移动web技术中的应用;第二部分主要介绍html5的新功能和新特性如何在移动设备浏览器中使用及相关展望;第三部分主要介绍目前比较流行的两套javascript移动开发框架jquerymobile、sencha touch,以及phonegap,并配备丰富的例子作为实践;第四部分主要结合senchatouch框架库和html5技术构建进行讲解,旨在帮助读者将html5技术运用于实践之中。
《HTML5移动Web开发指南》是为从未接触过html5新技术但同时又对移动web技术感兴趣的读者而编写的。如果你有一定的html开发经验,将会更容易掌握html5知识。
同时,如果你是如下几类人群之一,那么《HTML5移动Web开发指南》非常适合你阅读。
.有一定基础或者未来计划的职业是web前端开发工程师。
.具有一定html基础的ui设计师。
.web项目中的项目经理以及策划人员。
.对手机web开发技术感兴趣的开发者。
.开设计算机课程的高等院校及培训机构的师生。
此外,《HTML5移动Web开发指南》也适合熟悉java、php、asp.net等后端web技术的开发者阅读。
9.13 本章小结
Sencha Touch是目前一款比较成熟的基于HTML5标准的移动Web应用程序框架。SenchaTouch框架的实现原理和ExtJS基本相同,因此其语法方面基本上一致。
由于上述这个原因,本章并没有针对Sencha Touch的实现原理及核心功能做详细的探讨,而是主要介绍了一些比较常用的界面组件库,例如工具栏、Tab、浮动层、选择器、列表等,以及一些在开发移动Web应用中比较重要的组件。然而,我们并没深入地探讨Sencha Touch的各种特性,而是通过大量示例代码来讲解各个组件库的使用方法。
在介绍完UI组件库后,我们还根据Sencha Touch对HTML5的支持情况进行了简单的分析并通过示例代码来讲述如何运用这些特性。
在本章的最后,我们还讨论了Sencha Touch的一项重要特性:MVC模式的基本用法。并通过对MVC开发模式的入门介绍,让读者学到如何使用Sencha Touch开发真正的移动Web应用程序。
第10章 跨平台的PhoneGap应用介绍
PhoneGap是一个非常有趣的跨平台Web应用框架。本章我们将为读者介绍这款非常优秀的框架,并通过介绍其API接口让读者对PhoneGap有基本认识。
10.1 PhoneGap概述
PhoneGap是一款基于HTML5标准的跨平台开源手机Web应用开发框架。它允许用户通过Web技术访问移动设备的本地应用、API接口及应用程序库等。
PhoneGap将移动设备提供的API进行了抽象和简化,提供了丰富的API接口供开发者调用,开发者只要会编写HTML和JavaScript语言,就可以利用PhoneGap提供的API去调用移动设备内置的各种功能,开发者只需要开发一套Web应用程序,就能运行在多平台手机上。
读者可以通过官方网站获取关于PhoneGap的最新信息、版本及API文档。
功能特性
PhoneGap是一套非常优秀的手机应用程序框架,它具有以下一些特性:
开源、免费。
跨平台框架,目前支持多种移动设备平台,包括:iOS、Android、BlackBerry、WebOS、Symbian、Windows Phone、Bada等。
基于HTML5标准的手机应用框架,支持HTML5、CSS3、JavaScript等Web技术。
Written once,run everywhere。真正实现了编写一次,云端运行。
……
第1章 移动互联网时代的Web技术
1.1 移动互联网的发展
1.2 智能手机发展迅速
1.3 智能手机的Web浏览器
1.4 移动Web应用的发展
1.5 基于HTML5的移动Web应用
第2章 移动设备HTML5页面布局
2.1 页面语义化简介
2.1.1 HTML5新语义元素概述
2.1.2 更多HTML5新元素
2.2 页面结构与移动设备的布局
2.2.1 常见的移动应用布局
2.2.2 使用HTML5创建标准的移动Web页面
2.3 本章小结
第3章 HTML5规范的本地存储
3.1 移动设备的支持
3.2 locaIStorage
3.3 sessionStorage
3.4 Storage事件监听
3.5 本章小结
第4章 移动Web的离线应用
4.1 离线Web概述
4.1.1 离线与缓存
4.1.2 离线的意义
4.2 移动设备的支持
4.3 applicationCache和maJlifest
4.3.1 manifest文件
4.3.2 applicationCache对象和事件
4.4 本章小结
第5章 移动设备的常见HTML5表单元素
5.1 丰富的表单属性
5.2 移动Web表单的input类型
5.2.1 search类型文本
5.2.2 email类型文本
5.2.3 number类型文本
5.2.4 range类型文本
5.2.5 tel类型文本
5.2.6 url类型文本
5.2.7 更多的类型
5.3 表单属性应用范围
5.4 本章小结
第6章 移动Web界面样式
6.1 CSS3
6.2 选择器
6.2.1 属性选择器
6.2.2 伪类选择器
6.3 阴影
……
第7章 GEOLOCATION地理定位
第8章 轻量级框架JQUERY MOBILE初探
第9章 重量级富框架SENCHA TOUCH入门
第10章 跨平台的PHONEGAP应用介绍
第11章 构建基于HTML5的生活轨迹WEB APP
第12章 进阶之路
★当HTML5遇到移动,一切似曾相识,又那么不同。本书帮助传统Web开发者搭乘HTML5快车,轻松部署移动应用,也使移动开发者得以充分发掘Web潜力,在工业标准的起点上获得跨平台支持。“HTML5研究小组”是由个人和企业HTML5开发者于2011年共同发起的,是中国早期HTML5推广和交流的开放组织。本书作者三桥是小组的个人成员,长期专注于Web前端技术的研究,为小组贡献颇多。欣闻三桥的新书出版,我们非常荣幸地向广大HTML5爱好者推荐本书!请多支持!
——HTML5研究小组
★HTML5技术的到来以及近年3G网络的快速发展,让我们摆脱了单调乏味的Wap页面,取而代之的是手机像电脑一样访问酷炫移动Web页面,这大大增强了网站在移动Web方面的用户体验。《HTML5移动Web开发指南》用丰富的实例来为读者解读HTML5在移动Web领域开发中运用到的技术和应用,以及主流的移动Web应用框架,是移动互联网从业者入门的不二选择。
——HTML5中文网移动
★ Web开发在近一年来逐渐被开发者所关注和研究。著名的jQuery和Sencha分别推出全新的移动开发框架-iQuery Mobile和Sencha Touch,与此同时,打通Web和Native的开源中间件-Phone Gap的出现,让很多开发者能够更加轻松地开发基于手机的Web应用程序。特别是得益于HTML5标准的诞生,移动Web应用的功能也变得更为丰富。本书将着重为读者介绍如何把移动Web框架与HTML5技术相结合,开发出更具实际意义的移动Web应用。
——移动Web开发社区