導(dǎo)言

學(xué)習(xí) AngularJS 的一個好方法是逐步完成本教程，它將引導(dǎo)您構(gòu)建一個完整的 AngularJS Web 應(yīng)用程序。 該 Web 應(yīng)用是一個 Android 設(shè)備清單的目錄列表，您可以篩選列表以便查看您感興趣的設(shè)備，然后查看設(shè)備的詳細(xì)信息。

http://wiki.jikexueyuan.com/project/angularjs-tutorial/images/tutorial-1.png" alt="" />

本教程將向您展示 AngularJS 怎樣使得 Web 應(yīng)用更智能更靈活，而且不需要各種擴展程序或插件。 通過本教程的學(xué)習(xí)，您將：

1. 閱讀示例學(xué)習(xí)怎樣使用 AngularJS 的客戶端數(shù)據(jù)綁定和依賴注入功能來建立可立即響應(yīng)用戶操作的動態(tài)數(shù)據(jù)視圖。
2. 學(xué)習(xí)如何使用 AngularJS 創(chuàng)建數(shù)據(jù)偵聽器，且不需要進(jìn)行 DOM 操作。
3. 學(xué)習(xí)一種更好、更簡單的方法來測試您的 Web 應(yīng)用程序。
4. 學(xué)習(xí)如何使用 AngularJS 創(chuàng)建常見的 Web 任務(wù)，例如更方便的將數(shù)據(jù)引入應(yīng)用程序。

而且這一切可在任何一個瀏覽器實現(xiàn)，無需配置瀏覽器！

當(dāng)你完成了本教程后，您將學(xué)會：

1. 創(chuàng)建一個可在任何瀏覽器中的工作的動態(tài)應(yīng)用。
2. 了解 AngularJS 與其它 JavaScript 框架之間的區(qū)別。
3. 了解 AngularJS 如何實現(xiàn)數(shù)據(jù)綁定。
4. 利用 AngularJS 的種子項目快速創(chuàng)建自己的項目。
5. 創(chuàng)建和運行測試。
6. 學(xué)習(xí)更多 AngularJS 標(biāo)識資源(API)。

本教程將指導(dǎo)您完成一個簡單的應(yīng)用程序創(chuàng)建過程，包括編寫和運行單元測試、不斷地測試應(yīng)用。 教程的每個步驟為您提供建議以了解更多有關(guān) AngularJS 和您創(chuàng)建的 Web 應(yīng)用程序。 您可能會在短時間內(nèi)快速讀完本教程，也可能需要花大量時間深入研究本教程。 如果想看一個簡短的 AngularJS 介紹文檔，請查看 快速開始 文檔。

搭建學(xué)習(xí)環(huán)境

無論是Mac、Linux或Windows環(huán)境中，您均可遵循本教程學(xué)習(xí)編程。您可以使用源代碼管理版本控制系統(tǒng)Git獲取本教程項目的源代碼文件，或直接從網(wǎng)上下載本教程項目源代碼文件的鏡像歸檔壓縮包。

1、您需要安裝Node.js和Testacular來運行本項目，請到Node.js官方網(wǎng)站下載并安裝最新版，然后把node可執(zhí)行程序路徑添加到系統(tǒng)環(huán)境變量PATH中，完成后在命令行中運行一下命令可以查看是否安裝成功：

node -version

然后安裝Testacular單元測試程序，請運行如下命令：

npm install -g testacular

2、安裝 Git 工具，然后用以下命令從Github復(fù)制本教程項目的源代碼文件：

git clone git://github.com/angular/angular-phonecat.git

您也可以直接從網(wǎng)上下載本教程項目源代碼的鏡像歸檔壓縮包。這個命令會在您當(dāng)前文件夾中建立新文件夾angular-phonecat。

3、最后一件事要做的就是確保您的計算機安裝了web瀏覽器和文本編輯器。

4、進(jìn)入教程源代碼文件包 angular-phonecat，運行服務(wù)器后臺程序，開始學(xué)習(xí) AngularJS！

cd angular-phonecat
node scripts/web-server.js