[Angular Tutorial]PhoneCat Tutorial App

(注：曾經在《不敢止步》一書中看到學到一個觀點，做者認爲學習一門技術最好的方法就是翻譯某部領域書籍。這裏我決定作一次嘗試，接下來花1個月左右時間，將Angular Tutorial Phonecat範例所有翻譯一遍，這固然更可能是但願本身能獲得一個提升。翻譯力求盡善盡美，固然質量實在難以保證。全部專有名詞儘可能不譯，全部章節與https://docs.angularjs.org/tutorial/對應，若是能夠，但願您能對照兩邊學習，給我提些意見。那麼，開始吧！)

本節翻譯自：https://docs.angularjs.org/tutorial/

PhoneCat Tutorial App

完成這篇tutorial是一種學習AngularJS的很是好的方法，這將帶您領略一個AngularJS web app的構建過程.您將構建一個目錄用於展現一系列的Android設備，您能過濾這個列表來只查看那些您感興趣的設備，而且能夠查看任何設備的細節。

 

 跟隨這份tutorial來看Angular如何使瀏覽器變得更爲智能--這無需引入任何的本地擴展或插件：

　　·查看如何使用客戶端的數據綁定來構建能根據用戶行爲及時更新的動態視圖.

　　·在不須要引入任何的DOM操做的狀況下，看到Angular如何保持您的數據和視圖同步.

　　·學習使用Karma和Protractor來更佳，更容易地測試您的web 應用.（注:在這個系列中，全部測試部分我都會暫時略去，之後可能會加上）

　　·學習如何使用依賴注入（Dependency Injection）和服務（Services）來使得完成一些經常使用的web任務（入獲取您的app中的數據）更加容易.

當您完成這份tutorial時，你將能作到：

　　·建立一個能在全部現代瀏覽器上工做的動態應用.

　　·使用數據綁定來聯通您的數據模型和視圖.

　　·使用Karma來建立並運行單元測試.

　　·使用Protractor來建立並運行端對端(end to end)測試.

　　·將應用的邏輯從模板（template）移動到控制器（controller）.

　　·使用Angular的服務來從服務器端獲取數據.

　　·使用ngAnimate來在您的應用中得到動畫效果.

　　·找到進一步學習AngularJS的方向.

這份tutorial將指導您完成構建一個簡單應用的所有過程，包括編寫並運行單元測試和端對端測試，每一步的末尾還將設置實驗來爲您更深刻地學習AngularJS和您在構建的應用提供建議。

您能夠花上幾個小時瀏覽整份tutorial或者花上愉悅的一天來細細琢磨它,若是您在尋找一份更短的關於AngularJS的介紹。請看這裏.

(注：文檔接下來的部分與咱們的主題關係不大，一些關於git的使用和node安裝的部分，這裏就不譯了，直接進入正文部分。)