HTML5開發(fā)視頻教程PhoneGap實(shí)戰(zhàn)(jQuery Mobile開發(fā)、API解析、3個經(jīng)典項(xiàng)目實(shí)戰(zhàn))

一、HTML5開發(fā)視頻教程課程簡介:

1.1? 移動應(yīng)用現(xiàn)狀

移動應(yīng)用產(chǎn)品往往常常考慮多個平臺的支持.單一平臺很難保證應(yīng)用的覆蓋面或者換句話說就是用戶群體的量和持續(xù)的活躍性上從長期的角度而言往往存在短板.另外從開發(fā)的角度而言.多平臺的支持往往需要建立不同的技術(shù)團(tuán)隊(duì).而平臺之間開發(fā)技術(shù)也是完全迥異的.開發(fā)一個具有相同業(yè)務(wù)的應(yīng)用Natural-Application需要使用到不同平臺的框架和開發(fā)語言.使用C/C++的 Symbian、使用 Object C的 iOS 和使用 Java的 Android 應(yīng)用開發(fā)技術(shù)，幾乎是完全無法融合的. PhoneGap跨平臺移動應(yīng)用開發(fā)框架正是應(yīng)運(yùn)而生。

（1）Web App

這個主要是采用統(tǒng)一的標(biāo)準(zhǔn)的HTML,JavaScript.CSS等web技術(shù)開發(fā).通過不同平臺的瀏覽器訪問來實(shí)現(xiàn)跨平臺.同時可以通過瀏覽器支持充分使用HTML5特性，缺點(diǎn)是這些基于瀏覽器的應(yīng)用無法調(diào)用系統(tǒng)API來實(shí)現(xiàn)一些高級功能，也不適合高性能要求的場合.

（2）Native APP

就是所謂的原生應(yīng)用.指的是用平臺特定的開發(fā)語言所開發(fā)的應(yīng)用.使用它們的優(yōu)點(diǎn)是可以完全利用系統(tǒng)的API和平臺特性，在性能上也是最好的。缺點(diǎn)是由于開發(fā)技術(shù)不同，如果你要覆蓋多個平臺，則要針對每個平臺獨(dú)立開發(fā),無跨平臺特性.

（3）Hybird App

則是為了彌補(bǔ)如上兩者開發(fā)模式的缺陷的產(chǎn)物.分別繼承雙方的優(yōu)勢.首先它讓為數(shù)眾多的web開發(fā)人員可以幾乎零成本的轉(zhuǎn)型成移動應(yīng)用開發(fā)者；其次，相同的代碼只需針對不同平臺進(jìn)行編譯就能實(shí)現(xiàn)在多平臺的分發(fā)，大大提高了多平臺開發(fā)的效率；而相較于web App，開發(fā)者可以通過包裝好的接口，調(diào)用大部分常用的系統(tǒng)API.

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

1.2? PhoneGap前景

Adobe最近公開表示將會為HTML5開發(fā)推出更多有意義的工具。有業(yè)內(nèi)人士表示，Adobe的HTML5戰(zhàn)略特別值得注意，此外Adobe對于喬布斯的此番公開批評曾積極地回應(yīng)道：“喬布斯說的不都是對的。”可一年半后，Adobe棄Flash而去，轉(zhuǎn)投封閉王國蘋果支持的為數(shù)不多的開放標(biāo)準(zhǔn)之一——HTML5。這是個好的信號，在flash和html5之間猶豫的開發(fā)者可以大膽的使用phonegap了，另外html5更注重移動平臺，flash更適合pc端。在html5移動應(yīng)用的架構(gòu)選擇上，PhoneGap無疑是最佳的開發(fā)模式。

1.3? PhoneGap的優(yōu)勢

（1）可跨平臺

（2）易用性，基于標(biāo)準(zhǔn)的Web開發(fā)技術(shù)

（3）提供硬件訪問控制

（4）可利用成熟javascript框架

（5）方便的安裝和使用

二、HTML5開發(fā)視頻教程課程適合的對象：

Java開發(fā)想要轉(zhuǎn)App開發(fā)的技術(shù)達(dá)人，移動應(yīng)用開發(fā)人員，有HTML和JS基礎(chǔ)的前端界面開發(fā)人員

三、HTML5開發(fā)視頻教程課程培養(yǎng)目標(biāo)：

1 了解跨平臺移動應(yīng)用的基礎(chǔ)原理。

2 熟練掌握移動應(yīng)用開發(fā)的基礎(chǔ)技能。

3 熟練掌握開發(fā)的技術(shù)要點(diǎn)。

4 了解第三方平臺的API，如百度地圖API、豆瓣音樂API等。

5 初涉移動游戲應(yīng)用開發(fā)，了解其基礎(chǔ)原理。

四、培訓(xùn)定位:

HTML5開發(fā)視頻教程PhoneGap實(shí)戰(zhàn)適合于各種不同技術(shù)層次、不同崗位、不同開發(fā)語言的開發(fā)人員，對于前端頁面開發(fā)人員來說，只需要會HTML、CSS以及JavaScript就能通過

HTML5開發(fā)視頻教程PhoneGap實(shí)戰(zhàn)課程掌握專業(yè)應(yīng)用開發(fā)的技能。對于Java、.net、Object C、PHP等開發(fā)人員來說，只需搭建不同的開發(fā)環(huán)境就能開發(fā)出適用于Android、IOS、WP7/8的跨平臺移動應(yīng)用。

五、課程大綱:

HTML5開發(fā)視頻教程PhoneGap實(shí)戰(zhàn)，涵蓋PhoneGap所有API，集成jQuery Mobile和Sencha Touch進(jìn)行開發(fā)，三大項(xiàng)目使您學(xué)以致用，融會貫通。

六、HTML5開發(fā)視頻教程技術(shù)介紹:

PhoneGap: PhoneGap是一個開源的開發(fā)框架，使用HTML，CSS和JavaScript來構(gòu)建跨平臺的的移動應(yīng)用程序。它使開發(fā)者能夠利用iPhone，Android，Palm，Symbian，Blackberry，Windows Phone和Beda智能手機(jī)的核心功能——包括地理定位，加速器，聯(lián)系人，聲音和振動等。

HTML5: HTML5是一個新的標(biāo)準(zhǔn)的 HTML 標(biāo)準(zhǔn)版本，目前部分瀏覽器已經(jīng)支持某些 HTML5 技術(shù)。HTML 5有兩大特點(diǎn)：首先，強(qiáng)化了 Web 網(wǎng)頁的表現(xiàn)性能。其次，追加了本地?cái)?shù)據(jù)庫等 Web 應(yīng)用的功能。

jQuery Mobile: jQuery Mobile是jQuery 在手機(jī)上和平板設(shè)備上的版本。jQuery Mobile 不僅會給主流移動平臺帶來jQuery核心庫，而且會發(fā)布一個完整統(tǒng)一的jQuery移動UI框架。支持全球主流的移動平臺。

Sencha Touch: Sencha Touch可以讓你的Web App看起來像Native App。美麗的用戶界面組件和豐富的數(shù)據(jù)管理，全部基于最新的HTML5和CSS3的 WEB標(biāo)準(zhǔn)，全面兼容Android和Apple iOS設(shè)備。

百度地圖API: 百度地圖API是為開發(fā)者免費(fèi)提供的一套基于百度地圖服務(wù)的應(yīng)用接口，包括JavaScript API、Web服務(wù)API、Android SDK、iOS SDK、定位SDK、車聯(lián)網(wǎng)API、LBS云等多種開發(fā)工具與服務(wù)，提供基本地圖展現(xiàn)、搜索、定位、逆/地理編碼、路線規(guī)劃、LBS云存儲與檢索等功能，適用于PC端、移動端、服務(wù)器等多種設(shè)備，多操作系統(tǒng)下的地圖應(yīng)用開發(fā)。

豆瓣音樂API: 豆瓣API是豆瓣為第三方開發(fā)人員提供的編程接口。利用豆瓣API，你可以在你的網(wǎng)站或程序中使用豆瓣的數(shù)據(jù)和功能。包括搜索并查看書籍、電影、音樂信息；搜索并查看用戶信息，查看用戶友鄰信息等功能

七、HTML5開發(fā)視頻教程PhoneGap實(shí)戰(zhàn)課程特色：

1、 課程內(nèi)容由淺入深，由易到難，以引導(dǎo)的方式來介紹技術(shù)內(nèi)容

2、 課程中所有的代碼都是手把手的敲出來的，不過有復(fù)制粘貼的情況

3、 課程不會照本宣科，每次都是提出疑問，帶著疑問去解決問題。

4、 課程中會詳細(xì)的技術(shù)課程筆記，方便課下復(fù)習(xí)。

5、 課程中所有的代碼都會在模擬器或者真實(shí)的機(jī)器上跑，發(fā)現(xiàn)BUG及時解決。

6、針對HTML5開發(fā)視頻教程PhoneGap實(shí)戰(zhàn)課程的三個項(xiàng)目，會給出完整的解決方案，同樣也會預(yù)留一些功能讓學(xué)員自己升級改造。

八、HTML5開發(fā)視頻教程PhoneGap實(shí)戰(zhàn)項(xiàng)目截圖：

更多html資源免費(fèi)下載：http://www.ibeifeng.com/source_list.html

本文轉(zhuǎn)自：http://www.ibeifeng.com/goods-242.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。