移动APP开发概览与工具选择.pptxVIP

MobileApp讲师：汪磊

移动APP简介移动应用市场；各大平台；iOSAndroidWP8微软WP目前不给力；.NET开发人员没肉吃；

移动APP简介移动端的应用有这几种：WebApp，NativeApp，HybridApp；WebApp?就是网站，HTML+CSS+JS开发，用浏览器访问。NativeApp是用原生语言开发，用户需要下载安装的手机应用。开发成本很高，每个平台的开发语言都不一样，我们如果需要做一个多平台都能运行的APP，需用多种语言重复开发多次。HybridApp中和了NativeApp和WebApp各自的优势。我们可以用HTML+CSS+JS开发，兼容多个平台。用户也要下载安装，并能调用手机的摄像头、通讯录等功能，HybridApp的静态资源也在手机本地。

开发工具的选择Dreamweaver集成了PhoneGap，但是版本太老CordovaEclipseASDK配置复杂，但是开发比较方便VisualStudio咱们非常熟悉，也非常牛X一般用VS制作网页程序，用PhoneGap打包，最后用Eclipse做调整和发布

jQueryMobile篇

基础知识储备HTMLCSSJavaScriptjQuery

jQueryMobile简介jQueryMobile是jQuery在手机上和平板设备上的版本。jQueryMobile不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQueryMobile开发团队说：能开发这个项目，我们非常兴奋。移动Web太需要一个跨浏览器的框架，让开发人员开发出真正的移动Web网站。jQueryMobile仅仅是jQuery的一个插件写得更少、做得更多使用jQueryMobile开发的网站，可以用PhoneGap打包成App应用部署在移动设备上，使用jQueryMobile开发的WebApp像NativeApp（本地应用）

jQueryMobile简介同类产品：jqTouchSenchtouch（MVC）AppFramework（JQMOBI）相关链接：

jQueryMobile案例

WhyisitApp开发现状：Android和Blackberry用Java编写iOS用Objective-C编写WindowsPhone用C#和.NET编写jQueryMobile解决了这个问题，因为它只用HTML、CSS和JavaScript，这些技术都是所有移动web浏览器的标准。developonceuseeverywhere

jQueryMobile安装作为一款jQuery的插件，使用方式和一般的插件相同；从下载jQueryMobile库；向您的网页添加jQueryMobile的引用；在HTML中引入：linkhref=../assets/lib/jquerymobile/jquery.mobile-1.4.2.cssrel=stylesheet/scriptsrc=../assets/lib/jquery/jquery-1.11.0.js/scriptscriptsrc=../assets/lib/jquerymobile/jquery.mobile-1.4.2.js/script为什么script标签中没有type=text/javascript属性？

jQueryMobile初体验文档声明设置成HTML5!DOCTYPEhtml在head标签中加入metaname=viewportcontent=width=device-width,initial-scale=1/在body中插入divdata-role=pagedivdata-role=headerh1欢迎访问我的主页/h1/divdivdata-role=contentp我是一名移动开发者！/p/divdivdata-role=footerh1页脚文本/h1/div/div

jQueryMobile初体验疑问？为什么要加metaname=viewportcontent=width=device-width,initial-scale=1/为什么是HTML5？data-role是什么属性？视图美化data-position=fixed“区域位置固定data-fullscreen=true“点击内容区域隐藏data-t