學習AngularJS的一個好方法是逐步完成本教程,它將引導您構建一個完整的AngularJS web應用程序。 該web應用是一個Android設備清單的目錄列表,您可以篩選列表以便查看您感興趣的設備,然后查看設備的詳細信息。
本教程將向您展示AngularJS怎樣使得web應用更智能更靈活,而且不需要各種擴展程序或插件。 通過本教程的學習,您將:
1. 閱讀示例學習怎樣使用AngularJS的客戶端數據綁定和依賴注入功能來建立可立即響應用戶操作的動態數據視圖。
2. 學習如何使用AngularJS創建數據偵聽器,且不需要進行DOM操作。
3. 學習一種更好、更簡單的方法來測試您的web應用程序。
4. 學習如何使用AngularJS創建常見的web任務,例如更方便的將數據引入應用程序。
而且這一切可在任何一個瀏覽器實現,無需配置瀏覽器!
當你完成了本教程后,您將學會:
1. 創建一個可在任何瀏覽器中的工作的動態應用。
2. 了解AngularJS與其它JavaScript框架之間的區別。
3. 了解AngularJS如何實現數據綁定。
4. 利用AngularJS的種子項目快速創建自己的項目。
5. 創建和運行測試。
6. 學習更多AngularJS標識資源(API)。
本教程將指導您完成一個簡單的應用程序創建過程,包括編寫和運行單元測試、不斷地測試應用。 教程的每個步驟為您提供建議以了解更多有關AngularJS和您創建的web應用程序。 您可能會在短時間內快速讀完本教程,也可能需要花大量時間深入研究本教程。 如果想看一個簡短的AngularJS介紹文檔,請查看[快速開始][ Getting Started]文檔。
## 搭建學習環境
無論是Mac、Linux或Windows環境中,您均可遵循本教程學習編程。您可以使用源代碼管理版本控制系統Git獲取本教程項目的源代碼文件,或直接從網上下載本教程項目源代碼文件的鏡像歸檔壓縮包。
1. 您需要安裝Node.js和Testacular來運行本項目,請到[Node.js](http://nodejs.org/)官方網站下載并安裝最新版,然后把node可執行程序路徑添加到系統環境變量`PATH`中,完成后在命令行中運行一下命令可以查看是否安裝成功:
~~~
node -version
~~~
然后安裝[Testacular](http://vojtajina.github.com/testacular)單元測試程序,請運行如下命令:
~~~
npm install -g testacular
~~~
2. 安裝[Git](http://git-scm.com/download)工具,然后用以下命令從Github復制本教程項目的源代碼文件:
~~~
git clone git://github.com/angular/angular-phonecat.git
~~~
您也可以直接從網上[下載](https://github.com/angular/angular-phonecat)本教程項目源代碼的鏡像歸檔壓縮包。這個命令會在您當前文件夾中建立新文件夾`angular-phonecat`。
3. 最后一件事要做的就是確保您的計算機安裝了web瀏覽器和文本編輯器。
4. 進入教程源代碼文件包angular-phonecat,運行服務器后臺程序,開始[學習AngularJS](http://angularjs.cn/A003)!
~~~
cd angular-phonecat
node scripts/web-server.js
~~~