Firefox OS App 系列影片:打造絕佳 HTML5 App 的要素

你是熱血的開發者,而且早就想開發自己的 Firefox OS App 嗎?在《Firefox OS App 系列短片領你入門》之後,這裡正式為大家帶來 Firefox OS App 系列影片之一:打造絕佳 HTML5 App 的要素 (中文字幕)。快來觀賞影片並讓自己儘快熟悉 Firefox OS,進而順利開發 App 吧!

Firefox OS App 系列影片:打造絕佳 HTML5 App 的要素

 

不只是網站

Firefox OS App 就是 HTML5 App;其所使用的技術本質上也與網站技術相同。你可以先寫個網站,再提供 manifest 檔案 (可參閱《App manifest》進一步了解) 即可將網站轉為 App。這個動作就等於告知 Firefox OS 你在撰寫 App,並可讓你:

HTML5 App 其實是透過網站強化其功能,也同樣遵循相同的規則,如:

  • 「Progressive enhancement」,亦即先撰寫可用的配置,再視情況套用適合的版面。
  • 因應當前的執行裝置環境。如透過 media queriesresponsive images 而最佳化 App,已配合不同的螢幕尺寸、解析度、可用網路的速度等。
  • 採用 HTMLCSSJavaScript 作為其核心技術。

若要將網頁轉為絕佳的 App,其中的差異就在於開發者就必須考量到行動裝置使用者。也代表 App 首先必須要能:

  • 離線作業
  • 在讓使用者進行某個作業之餘,也要提供可輕鬆使用的介面
  • 妥善利用有限的電池容量、處理器的速度、可用的螢幕空間而能盡情把玩 App

在大多數的情況下,開發者必須稍微讓網頁「瘦身」並簡化介面。而使用者也確實能因此獲得更好的經驗。

若要進一步設計出絕佳的 HTML5 App,可參閱 MDN 上的《應用程式中心》相關文章。

 

看完影片,你是否對 Firefox OS App 有更深入的了解呢?請別錯過即將陸續發佈且完成中文化的系列影片。

你也可以直接觀賞 MDN 上的原文系列影片《Screencast series: App Basics for Firefox OS》。

亦可欣賞中文版的《系列影片:Firefox OS App 基礎概念》。我們將逐一完成影片的中文化,並隨時更新各影片所對應的文章內容。