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對于喬布斯的此番公開批評曾積極地回應道：“喬布斯說的不都是對的?！笨梢荒臧牒?#xff0c;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

總結

以上是生活随笔為你收集整理的HTML5开发环境PhoneGap视频教程的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。