學(xué)習(xí)AngularJS的一個(gè)好方法是逐步完成本教程,它將引導(dǎo)您構(gòu)建一個(gè)完整的AngularJS web應(yīng)用程序。 該web應(yīng)用是一個(gè)Android設(shè)備清單的目錄列表,您可以篩選列表以便查看您感興趣的設(shè)備,然后查看設(shè)備的詳細(xì)信息。
本教程將向您展示AngularJS怎樣使得web應(yīng)用更智能更靈活,而且不需要各種擴(kuò)展程序或插件。 通過本教程的學(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)用程序。
而且這一切可在任何一個(gè)瀏覽器實(shí)現(xiàn),無需配置瀏覽器!
當(dāng)你完成了本教程后,您將學(xué)會:
1.創(chuàng)建一個(gè)可在任何瀏覽器中的工作的動態(tài)應(yīng)用。
2.了解AngularJS與其它JavaScript框架之間的區(qū)別。
3.了解AngularJS如何實(shí)現(xiàn)數(shù)據(jù)綁定。
4.利用AngularJS的種子項(xiàng)目快速創(chuàng)建自己的項(xiàng)目。
5.創(chuàng)建和運(yùn)行測試。
6.學(xué)習(xí)更多AngularJS標(biāo)識資源(API)。
本教程將指導(dǎo)您完成一個(gè)簡單的應(yīng)用程序創(chuàng)建過程,包括編寫和運(yùn)行單元測試、不斷地測試應(yīng)用。 教程的每個(gè)步驟為您提供建議以了解更多有關(guān)AngularJS和您創(chuàng)建的web應(yīng)用程序。 您可能會在短時(shí)間內(nèi)快速讀完本教程,也可能需要花大量時(shí)間深入研究本教程。 如果想看一個(gè)簡短的AngularJS介紹文檔,請查看[快速開始][ Getting Started]文檔。
搭建學(xué)習(xí)環(huán)境
無論是Mac、Linux或Windows環(huán)境中,您均可遵循本教程學(xué)習(xí)編程。您可以使用源代碼管理版本控制系統(tǒng)Git獲取本教程項(xiàng)目的源代碼文件,或直接從網(wǎng)上下載本教程項(xiàng)目源代碼文件的鏡像歸檔壓縮包。
1.您需要安裝Node.js和Testacular來運(yùn)行本項(xiàng)目,請到Node.js官方網(wǎng)站下載并安裝最新版,然后把node可執(zhí)行程序路徑添加到系統(tǒng)環(huán)境變量PATH中,完成后在命令行中運(yùn)行一下命令可以查看是否安裝成功:
然后安裝Testacular單元測試程序,請運(yùn)行如下命令:
2.安裝Git工具,然后用以下命令從Github復(fù)制本教程項(xiàng)目的源代碼文件:
您也可以直接從網(wǎng)上下載本教程項(xiàng)目源代碼的鏡像歸檔壓縮包。這個(gè)命令會在您當(dāng)前文件夾中建立新文件夾angular-phonecat。
3.最后一件事要做的就是確保您的計(jì)算機(jī)安裝了web瀏覽器和文本編輯器。
4.進(jìn)入教程源代碼文件包angular-phonecat,運(yùn)行服務(wù)器后臺程序,開始學(xué)習(xí)AngularJS!
新聞熱點(diǎn)
疑難解答
圖片精選