下一篇：【譯】《精通使用AngularJS開發(fā)Web App》（二）

原版書名：Mastering Web Application Development with AngularJS

Chapter 1

第一章 Angular之道

這一章主要是介紹AngularJS，包括這個框架以及它背后的項目,。首先我們先大概看看這個項目本身：誰在更新代碼，到哪里去找源碼和文檔,，如何尋求幫助等等,。

本章的大部分內(nèi)容用來介紹AngularJS框架，它的核心概念,，編碼模式,。這會覆蓋到很廣泛的內(nèi)容，為了讓學習的過程更快更輕松,，書中會提供大量的代碼示例,。

AngularJS是一個獨特的框架，毫無疑問會在未來幾年內(nèi)對web開發(fā)領(lǐng)域產(chǎn)生重大影響,。所以會在本章最后一部分來解釋是什么讓AngularJS如此的與眾不同,，與其他現(xiàn)有的框架任何比較，它下一階段的規(guī)劃,。

本章中我們會涵蓋以下一個話題：
- 怎么用AngularJS來寫一個Hello World應(yīng)用,。在寫的過程中，你會了解到到哪里去找框架的源碼,，文檔和社區(qū),。
- 逐漸熟悉構(gòu)建任何AngularJS應(yīng)用的基礎(chǔ)構(gòu)建：有指令的模板，scopes（作用域）和controllers（控制器）,。
- 了解AngularJS復雜又強大的依賴注入系統(tǒng)
- 該如何比較AngularJS和其他框架和庫（尤其是jQuery）,，是什么讓他與眾不同。

遇見AngularJS

AngularJS是用javascript寫的客戶端 MVC 框架,，它運行在瀏覽器中,，并極大的幫助我們（開發(fā)者）書寫現(xiàn)代的、單頁的,、AJAX風格的web App,。這是一個通用的框架，但當你用來開發(fā)CRUD（創(chuàng)建 讀取 更新 刪除）類型的web app時更能顯現(xiàn)出它的強大之處。

熟悉框架

AngularJS是客戶端MVC框架的一個新丁,，但它已經(jīng)吸引了極大的關(guān)注,，主要是因為它革命性的模板系統(tǒng)，易于開發(fā),，還有非常堅實的工程實踐,。的確，他的模板系統(tǒng)在于多方面都是獨一無二的：
- 它使用HTML作為模板語言
- 它并不需呀顯示的DOM刷新,，因為AngularJS能夠跟蹤用戶的動作,，瀏覽器的事件，并能在模型被改變后指出哪個模版需要在何時刷新,。
- 它還有一個有意思而且擴展性很強的組件子系統(tǒng),，它還能教會瀏覽器如何理解一些新的HTML標簽和屬性。

模板子系統(tǒng)可能是最易被看到的部分,，但也別誤解以為AngularJS就是一個囊括了一些工具和單頁web App經(jīng)常用到的服務(wù)的集合,。

AngularJS還有一些隱藏的財富，依賴注入（DI）還有很強的可測試性,。對依賴注入的內(nèi)置支持使得從更小更徹底的測試過服務(wù)中組裝一個web App更容易,?？蚣艿脑O(shè)計和它周邊的工具集都提倡并推廣在開發(fā)的每一個階段都使用測試慣例,。

找到你需要的方式

AngularJS在客戶端MVC框架的舞臺上相對來說還是一個新人；它的1.0的版本在2012年6月才發(fā)布,，這個框架的工作開始于2009年,，起初是Mis?ko Hevery的一個個人項目，作者是Google的員工,。最初的想法確實非常棒,，在編碼期間，項目被Google正式的收納?，F(xiàn)在在Google有一整個團隊全日制的維護更新這個框架,。

AngularJS是一個開源項目，放在Github上（[https://github.com/ angular/angular.js]https://github.com/ angular/angular.js）,，并由Google采用MIT方式授權(quán),。

社區(qū)

時至今日，離開社區(qū)的支持,，任何一個項目都無法存活下去,。幸運的是，AngularJS擁有一個活躍的,，支持度高的社區(qū),。下面是一些交流頻道，可以用來討論設(shè)計，提問求助：
- [email protected] 郵件列表（Google小組）
- Google+ 在 https://plus.google.com/u/0/communities/115368820700870330756
- #angularjs IRC 頻道
- 在 http:// 上的 [angularjs] 標簽
AngularJS團隊通過維護一個博客（http://blog./）來跟社區(qū)保持聯(lián)系,，還有一些社交媒體,，Google + (+ AngularJS)，還有 Twitter（ @angularjs）,。同時還有世界各地舉辦的社區(qū)見面會,；如果哪次正好在你周邊舉行，當然是很值得去參加的,。

線上學習資源

AngularJS有自己專用的網(wǎng)站（http://www.）,，在這里我們可以找到關(guān)于一個體面的框架所應(yīng)該有的所有的一切：概念概覽，教程,，開發(fā)者指南,，API參考等等。AngularJS已發(fā)布的所有的版本都可以從http://code.下載,。

想找示例代碼的人也不會失望,，因為AngularJS文檔中有大量的代碼片段。另外,，還可以瀏覽一系列的使用AngularJS開發(fā)的應(yīng)用的列表（http://builtwith.）,。YouTube上還有一個專門的頻道（http://www./user/angularjs），有一些過往的錄音,，還有一些有用的視頻教程,。

庫和擴展

AngularJS 核心功能強大豐富，同時,，活躍的社區(qū)幾乎每天都在增添新的擴展,。這其中的一大部分都可以在這個專門的網(wǎng)站上找到：http://。

工具

AngularJS 構(gòu)建在 HTML 和 JavaScript 之上,，這兩個技術(shù)已經(jīng)被用在Web開發(fā)上許多年了,。正因為此，我們依舊可以使用我們所熟悉的編譯器和IDE,，瀏覽器擴展,，等等，毫無問題,。
另外,，AngularJS社區(qū)還為已經(jīng)存在的HTML/JavaScript工具箱里貢獻了許多有意思的工具。

Batarang

Batarang是一個Chrome開發(fā)者工具的擴展,，可以用來檢視AngularJS Web應(yīng)用,。Batarang可以非常方便的以圖形化的方式來檢查分析 AngularJS 應(yīng)用的運行性能等情況。我們在本書中將會廣泛的使用它,，可以對運行中應(yīng)用后臺的情況一覽無余,。Batarang就像其他的Chrome擴展一樣,，可以在Chrome的Web Store（商店）(AngularJS Batarang)中下載安裝。

Plunker and jsFiddle

無論是Plunker（http://）還是jsFiddle（http://）可以非常方便的分享一些代碼片段（JavaScript,，CSS 和 HTML）,，盡管這些工具并不是專為 AngularJS 定制的，但是非常迅速的就被 AngularJS 社區(qū)所采用了,，用來分享一些小的示例代碼,，Bug的情景重現(xiàn)等等。Plunker理應(yīng)得到特別的關(guān)注,，因為他就是用 AngularJS 來寫的,，而且在社區(qū)中也是一個非常流行的工具。

IDE extensions and plugins

我們每個人都有自己喜歡的編輯器或IDE,。好消息是已經(jīng)有許多款可以適用于非常流行的IDE的插件/擴展了,，比如Sublime Text2(https://github.com/angular-ui/AngularJS-sublime-package)，Jet Brains的系列產(chǎn)品（http://plugins./plugin?pr=idea&pluginId=6971）等等,。

轉(zhuǎn)載請注明來自[超2真人]
本文鏈接：http://www./static_content/doc/html/Mastering_Web_Application_Development_with_AngularJS_1.html