2. 導(dǎo)言和準備

2018-02-24 16:14 更新

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

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

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

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

當你完成了本教程后,您將學會:

  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. 學習更多AngularJS標識資源(API)。

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

搭建學習環(huán)境

無論是Mac、Linux或Windows環(huán)境中,您均可遵循本教程學習編程。您可以使用源代碼管理版本控制系統(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)上下載本教程項目源代碼的鏡像歸檔壓縮包。這個命令會在您當前文件夾中建立新文件夾angular-phonecat。

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

  4. 進入教程源代碼文件包angular-phonecat,運行服務(wù)器后臺程序,開始學習AngularJS

    cd angular-phonecat
    node scripts/web-server.js
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號