Google Web應用開發指南第一章：什么是Web應用？

        很多人向我問起學習 HTML5 技術的權威入門資料，我總是毫不猶豫地推薦由 Google 推出的 HTML5rocks，這個網站就像一個寶庫，包含經典的教程、文章、Demo 和代碼。近日 Chrome 小組又推出了一個很酷的 Web App 電子書，講述了 Chrome 開發人員對 Web Apps 的思考和最佳實踐，推薦每個關注 Web Apps 的開發者閱讀。Web AppTrend 為方便國內開發者瀏覽，將全文進行翻譯。

        注：這本書就是一個 Web Apps 的絕佳案例，據開發小組的人介紹， 該電子書 Web App 使用了很多 CSS3 特性例如 box-shadow， opacity， multiple backgrounds 以做出豐富的交互體驗，用到了 AppCache 和其他 URL 重寫技術，沒有用到一行服務端代碼；使用了 HTML5 history API 來保持應用狀態。

        以下為第一章內容，清楚闡述了很多人非常困惑的 Web Apps 概念問題。

        從今天起，我們將逐步發布《Web App 開發指南》，敬請期待。

        人們對應用的需求是非常強烈的，它無處不在！這個綜合性的指南將提供給你一些構建現代 web 應用所需的技術以及慣例的介紹。這一領域指南旨在幫助你在 web 應用中創建良好的用戶體驗。無論你是初次構建 web 應用，還是在尋找提升已有應用的方法，這一指南都能幫到你！

        祝福你所有的努力。

        未來向著應用邁進吧!

        Web Apps的變革

        HTML5讓開發者能打破以往構建 web應用時所受的限制

        還在不久以前，web 只是用來做“搜索”的；它主要的功能就是提供信息。要執行任務，用戶要購買并安裝軟件到他們的電腦桌面。了解你的 web apps 的關鍵是了解技術是如何影響了 web apps 的變革，現在，即使 web apps 不能比桌面應用提供更多，但它至少可以做得和桌面應用一樣多了。

        異步 web apps已經改變了用戶的交互

        早期的 web 頁面內容是靜態的，現在一切都發生了根本的改變。頁面是動態加載或改變的，而不是一次性展現所有內容。

        新的語言標準提供了更豐富的用戶體驗

        在現代瀏覽器沒有支持 HTML5 之前，構建 web 應用所需要的特性是變化的，并且常常需要使用像 Flash、ActiveX 這樣的插件或 Java。新的開放平臺標準，比如 CSS3, HTML5 以及 JavaScript 確保開發者能擁有足夠的工具和性能構建比以往更漂亮的交互性更強的 web 應用。

        Figure 1.1 – 新技術加強了我們的能力!

        Web Apps的未來

        你應該在你的 web apps中使用可用的一切技術

        Web app 的批評者很快指出了一個主要的缺點——web app 的用戶需要聯網才能完成任務。假如網絡不是隨時隨地都有的話，用戶是不能完全依賴 web 應用來完成他們的工作的。至少這樣的假設是成立的。

        Web apps 的未來發展如何取決于它是否有足夠的靈活性——既擁有在 web 上完成任務的一切優點，又能在離線的時候完成這些任務。支持離線應用現在已經是可以實現的了——HTML5提供了例如應用緩存和客戶端存儲（比如，本地存 儲，索引數據庫）等性能，這樣你的應用就能在沒有網絡聯接的時候也可以工作了。

        云能比桌面給用戶提供更多

        云提供商提供了一個平臺，在這個平臺上，服務器端的功能可以被托管和共享。使用托管在云端的 web 應用程序，用戶可以和他人協作或者在自己的不同設備間進行協作，將數據保存在安全的服務器上。沒有沉重的開銷成本，web 應用可以只消耗桌面應用程序的成本的一小部分。

        Figure 1.2 – 完全發揮你的設備潛能!

        Web Apps的特性

        Web apps可以和電子表格，文檔編輯器一樣復雜，也可以和待做事項管理器一樣簡單。不管它是什么，它都必須完成某些事情。

        Web App 重新定義了“上網”的含義；web 已經成了網站和應用的混合。下面是用來區分 web apps 和網站的三點要素：

        1. 一個提供了很好的用戶體驗，讓用戶能很容易地完成任務，并利用了設備本地的一些性能。

        2. 一個 web 應用提供了豐富的視覺體驗，又不會分散人的注意力；它注重美學，使用和本地應用一樣的設計模式，又不失易用性。

        3. 一個 web 應用非常注重用戶的交互、參與和完成任務，而不是讓他們僅僅瀏覽網頁。應用程序是自包含的（self-contained），也即用戶不用導航到其他站點或者應用來完成任務。

        Figure 1.3 – 小一點，大一點，簡單點，復雜點? 只要做點什么就好!

        確認Web Apps清單

        如果你對這些問題的回答都是 YES的話，那么你面前的就是一個 web應用了

        ▲它是否是自包含的，不用將我重定向到一個完全不同的應用去完成我需要做的？

        ▲我是否可以在使用它的時候進行交互、參與并完成一些事情？

        ▲它是否有豐富的用戶界面，界面看起來非常美觀，并且基本占滿了可用的窗口？

        ▲它是否使用和本地應用一樣的模式，比如按鈕、對話框或者其他元素？

        ▲它是否可以離線工作？

        ▲它是否應用了設備的某些功能，比如 GPS 的定位數據和動作傳感器的數據？

        ▲傳統的網站的導航元素和鏈接是否被隱藏起來了？

        ▲這個應用設計的時候是否是參照客戶端架構模型？

        原文鏈接：KNOW YOUR APPS
來自: blog.jobbole.com