Contact Us
31 March 2016
Category:
APP開發資訊
Comments: 0

一起來用HTML5 APP開發吧!

html5 app

大家一起來用 HTML5 開發 Mobile Web App 吧!

雖然HTML5規範正式定稿在2012年底就完成,去年以來各個瀏覽器廠商也一直大力宣傳基於HTML5的Web App,HTML5真正走紅卻是在今年微信的朋友圈。經常刷微信朋友圈的用戶應該發現,近期朋友圈裡制作炫酷的邀請函、內容頁面越來越多,在朋友圈中玩游戲贏大獎的活動也越來越多,這些頁面便是基於HTML5制作而成。

目前大量以 HTML5 開發 Mobile WebApp 的就屬 Google 的系列服務了。在 Google 官方的部落格也早就寫了一些利用 HTML5 撰寫 Mobile WebApp 的文章,現在使用 iPhone 或 Android 透過瀏覽器連接至 GMail、Google Voice、Buzz等服務就可以看看 Google 的成果。

HTML5開發前的準備

首先你要瞭解的是,雖然是使用 HTML5 來寫 WebApp,你還是得瞭解 HTTP、Web 的運作模式,並且瞭解如何利用 HTML/CSS/JavaScript 開發 Web 的前端畫面、互動程式。在這些基本功夫都上手之後,你需要的就是以下的資源:

HTML5 的規格書。當然你要瞭解 HTML5 制定了什麼規格,才知道手上有多少武器可以運用。

參考資料,好的參考資料能帶你上天堂,增加學習的效率:
Apple 提供的開發 iPhone Web App 指南也會帶你學習 HTML5 的各項新技術規格。Google 提供的加速 WebApp 指南。為了讓瀏覽器在 WebApp 上有更好的表現,開發者必須儘可能地提升 WebApp 速度,降低反應時間,避免長時間的等待增加使用者的挫折。

既然是 WebApp,勢必(大多數的情況下)需要一個 Web Server,現在免費的 Web/App Server Hosting 也有不少(如:Google App Engine等),都是構成 WebApp 不可或缺的要素。

筆者將針對「以 HTML5 開發 Mobile Web App」為主軸撰寫一系列文章,希望可以幫助各位瞭解更多開發 Mobile Web App 的可能性及技巧,期待能催生出更多有趣的 Mobile Web App。

 

Comments are closed.