我們說一門優秀的語言(框架),其最好的文檔必然是官方出品,Angularjs也不例外。在Angularjs官方上,為我們準備了入門實例教程。

該教程詳細的講了一個Angularjs應用從無到有的過程。其間,由淺入深的為我們講解了組件、依賴注入、模板、數據綁定、路由等。
本章我們將結合這個實例,重新組織程序的編寫過程,去掉對新手來講冗余難懂的E2E測試部分。一步步的應用nodejs,bower,kamra,grunt等到我們的程序中。爭取為大家打造一條平滑的學習曲線。
> angularjs官方:[https://docs.angularjs.org/tutorial](https://docs.angularjs.org/tutorial)
最終效果圖如下:

是的,是一個手機展示商城頁面。
同時,我們還為您準備好了完整的應用展示。
http://guide.mengyunzhi.com/angular-phonecat/app/
- 前言
- 第一章:準備知識
- 第一節:GIT
- 第二節:Node.js
- 第三節:http-server
- 第四節:bower
- 第五節:firefox+chrome
- 第二章:官方示例教程
- 第零節:Hello Yunzhier
- 第一節:靜態模板
- 第二節:MVC
- 回調函數
- 第三節:組件
- 第四節:重構組件
- 2.4.1 調用組件
- 2.4.2 規劃目錄結構
- 2.4.3 剝離V層
- 2.4.4 大話測試
- 第五節:循環過濾器
- 第六節:雙向數據綁定
- 第七節:XHR與依賴注入
- 第八節:添加縮略圖
- 第九節:模擬頁面跳轉
- 2.9.1 使用bower
- 2.9.2 使用grunt
- 第十節:完善手機詳情頁
- 第十一節:自定義過濾器
- 第十二節:行為處理
- 第十三節:封裝請求
- 第十四節:應用動畫
- 第十五節:總結
- 第三章:菜譜管理示例
- 第四章:總結