HTML5开发环境PhoneGap视频教程

HTML5开发视频教程PhoneGap实战(jQuery Mobile开发、API解析、3个经典项目实战)

一、HTML5开发视频教程课程简介:

1.1  移动应用现状

移动应用产品往往常常考虑多个平台的支持.单一平台很难保证应用的覆盖面或者换句话说就是用户群体的量和持续的活跃性上从长期的角度而言往往存在短板.另外从开发的角度而言.多平台的支持往往需要建立不同的技术团队.而平台之间开发技术也是完全迥异的.开发一个具有相同业务的应用Natural-Application需要使用到不同平台的框架和开发语言.使用C/C++的 Symbian、使用 Object C的 iOS 和使用 Java的 Android 应用开发技术，几乎是完全无法融合的. PhoneGap跨平台移动应用开发框架正是应运而生。

（1）Web App

这个主要是采用统一的标准的HTML,JavaScript.CSS等web技术开发.通过不同平台的浏览器访问来实现跨平台.同时可以通过浏览器支持充分使用HTML5特性，缺点是这些基于浏览器的应用无法调用系统API来实现一些高级功能，也不适合高性能要求的场合.

（2）Native APP

就是所谓的原生应用.指的是用平台特定的开发语言所开发的应用.使用它们的优点是可以完全利用系统的API和平台特性，在性能上也是最好的。缺点是由于开发技术不同，如果你要覆盖多个平台，则要针对每个平台独立开发,无跨平台特性.

（3）Hybird App

则是为了弥补如上两者开发模式的缺陷的产物.分别继承双方的优势.首先它让为数众多的web开发人员可以几乎零成本的转型成移动应用开发者；其次，相同的代码只需针对不同平台进行编译就能实现在多平台的分发，大大提高了多平台开发的效率；而相较于web App，开发者可以通过包装好的接口，调用大部分常用的系统API.

而PhoneGap正是Hybird APP目前框架中集大成者

1.2  PhoneGap前景

Adobe最近公开表示将会为HTML5开发推出更多有意义的工具。有业内人士表示，Adobe的HTML5战略特别值得注意，此外Adobe对于乔布斯的此番公开批评曾积极地回应道：“乔布斯说的不都是对的。”可一年半后，Adobe弃Flash而去，转投封闭王国苹果支持的为数不多的开放标准之一——HTML5。这是个好的信号，在flash和html5之间犹豫的开发者可以大胆的使用phonegap了，另外html5更注重移动平台，flash更适合pc端。在html5移动应用的架构选择上，PhoneGap无疑是最佳的开发模式。

1.3  PhoneGap的优势

（1）可跨平台

（2）易用性，基于标准的Web开发技术

（3）提供硬件访问控制

（4）可利用成熟javascript框架

（5）方便的安装和使用

二、HTML5开发视频教程课程适合的对象：

Java开发想要转App开发的技术达人，移动应用开发人员，有HTML和JS基础的前端界面开发人员

三、HTML5开发视频教程课程培养目标：

1 了解跨平台移动应用的基础原理。

2 熟练掌握移动应用开发的基础技能。

3 熟练掌握开发的技术要点。

4 了解第三方平台的API，如百度地图API、豆瓣音乐API等。

5 初涉移动游戏应用开发，了解其基础原理。

四、培训定位:

HTML5开发视频教程PhoneGap实战适合于各种不同技术层次、不同岗位、不同开发语言的开发人员，对于前端页面开发人员来说，只需要会HTML、CSS以及JavaScript就能通过

HTML5开发视频教程PhoneGap实战课程掌握专业应用开发的技能。对于Java、.net、Object C、PHP等开发人员来说，只需搭建不同的开发环境就能开发出适用于Android、IOS、WP7/8的跨平台移动应用。

五、课程大纲:

HTML5开发视频教程PhoneGap实战，涵盖PhoneGap所有API，集成jQuery Mobile和Sencha Touch进行开发，三大项目使您学以致用，融会贯通。

六、HTML5开发视频教程技术介绍:

PhoneGap: PhoneGap是一个开源的开发框架，使用HTML，CSS和JavaScript来构建跨平台的的移动应用程序。它使开发者能够利用iPhone，Android，Palm，Symbian，Blackberry，Windows Phone和Beda智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等。

HTML5: HTML5是一个新的标准的 HTML 标准版本，目前部分浏览器已经支持某些 HTML5 技术。HTML 5有两大特点：首先，强化了 Web 网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。

jQuery Mobile: jQuery Mobile是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。

Sencha Touch: Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的 WEB标准，全面兼容Android和Apple iOS设备。

百度地图API: 百度地图API是为开发者免费提供的一套基于百度地图服务的应用接口，包括JavaScript API、Web服务API、Android SDK、iOS SDK、定位SDK、车联网API、LBS云等多种开发工具与服务，提供基本地图展现、搜索、定位、逆/地理编码、路线规划、LBS云存储与检索等功能，适用于PC端、移动端、服务器等多种设备，多操作系统下的地图应用开发。

豆瓣音乐API: 豆瓣API是豆瓣为第三方开发人员提供的编程接口。利用豆瓣API，你可以在你的网站或程序中使用豆瓣的数据和功能。包括搜索并查看书籍、电影、音乐信息；搜索并查看用户信息，查看用户友邻信息等功能

七、HTML5开发视频教程PhoneGap实战课程特色：

1、 课程内容由浅入深，由易到难，以引导的方式来介绍技术内容

2、 课程中所有的代码都是手把手的敲出来的，不过有复制粘贴的情况

3、 课程不会照本宣科，每次都是提出疑问，带着疑问去解决问题。

4、 课程中会详细的技术课程笔记，方便课下复习。

5、 课程中所有的代码都会在模拟器或者真实的机器上跑，发现BUG及时解决。

6、针对HTML5开发视频教程PhoneGap实战课程的三个项目，会给出完整的解决方案，同样也会预留一些功能让学员自己升级改造。

八、HTML5开发视频教程PhoneGap实战项目截图：

更多html资源免费下载：http://www.ibeifeng.com/source_list.html

本文转自：http://www.ibeifeng.com/goods-242.html