【譯】《精通使用AngularJS開發Web App》（一） --- 相關背景、社區、工具介紹

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

原版書名：Mastering Web Application Development with AngularJS

Chapter 1

第一章 Angular之道

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

本章的大部份內容用來介紹AngularJS框架，它的核心概念，編碼模式。這會覆蓋到很普遍的內容，爲了讓學習的過程更快更輕鬆，書中會提供大量的代碼示例。

AngularJS是一個獨特的框架，毫無疑問會在將來幾年內對web開發領域產生重大影響。因此會在本章最後一部分來解釋是什麼讓AngularJS如此的不同凡響，與其餘現有的框架任何比較，它下一階段的規劃。

本章中咱們會涵蓋如下一個話題：
- 怎麼用AngularJS來寫一個Hello World應用。在寫的過程當中，你會了解到到哪裏去找框架的源碼，文檔和社區。
- 逐漸熟悉構建任何AngularJS應用的基礎構建：有指令的模板，scopes（做用域）和controllers（控制器）。
- 瞭解AngularJS複雜又強大的依賴注入系統
- 該如何比較AngularJS和其餘框架和庫（尤爲是jQuery），是什麼讓他不同凡響。

碰見AngularJS

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

熟悉框架

AngularJS是客戶端MVC框架的一個新丁，但它已經吸引了極大的關注，主要是由於它革命性的模板系統，易於開發，還有很是堅實的工程實踐。的確，他的模板系統在於多方面都是獨一無二的：
- 它使用HTML做爲模板語言
- 它並不需呀顯示的DOM刷新，由於AngularJS可以跟蹤用戶的動做，瀏覽器的事件，並能在模型被改變後指出哪一個模版須要在什麼時候刷新。
- 它還有一個有意思並且擴展性很強的組件子系統，它還能教會瀏覽器如何理解一些新的HTML標籤和屬性。

模板子系統多是最易被看到的部分，但也別誤解覺得AngularJS就是一個囊括了一些工具和單頁web App常常用到的服務的集合。

AngularJS還有一些隱藏的財富，依賴注入（DI）還有很強的可測試性。對依賴注入的內置支持使得從更小更完全的測試過服務中組裝一個web App更容易。框架的設計和它周邊的工具集都提倡並推廣在開發的每個階段都使用測試慣例。

找到你須要的方式

AngularJS在客戶端MVC框架的舞臺上相對來講仍是一個新人；它的1.0的版本在2012年6月才發佈，這個框架的工做開始於2009年，起初是Miško Hevery的一個我的項目，做者是Google的員工。最初的想法確實很是棒，在編碼期間，項目被Google正式的收納。如今在Google有一整個團隊全日制的維護更新這個框架。

AngularJS是一個開源項目，放在Github上（[https://github.com/ angular/angular.js]https://github.com/ angular/angular.js），並由Google採用MIT方式受權。

社區

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

線上學習資源

AngularJS有本身專用的網站（http://www.angularjs.org），在這裏咱們能夠找到關於一個體面的框架所應該有的全部的一切：概念概覽，教程，開發者指南，API參考等等。AngularJS已發佈的全部的版本均可以從http://code.angularjs.org下載。

想找示例代碼的人也不會失望，由於AngularJS文檔中有大量的代碼片斷。另外，還能夠瀏覽一系列的使用AngularJS開發的應用的列表（http://builtwith.angularjs.org）。YouTube上還有一個專門的頻道（http://www.youtube.com/user/angularjs），有一些過往的錄音，還有一些有用的視頻教程。

庫和擴展

AngularJS 核心功能強大豐富，同時，活躍的社區幾乎天天都在增添新的擴展。這其中的一大部分均可以在這個專門的網站上找到：http://ngmodules.org。

工具

AngularJS 構建在 HTML 和 JavaScript 之上，這兩個技術已經被用在Web開發上許多年了。正由於此，咱們依舊可使用咱們所熟悉的編譯器和IDE，瀏覽器擴展，等等，毫無問題。
另外，AngularJS社區還爲已經存在的HTML/JavaScript工具箱裏貢獻了許多有意思的工具。

Batarang

Batarang是一個Chrome開發者工具的擴展，能夠用來檢視AngularJS Web應用。Batarang能夠很是方便的以圖形化的方式來檢查分析 AngularJS 應用的運行性能等狀況。咱們在本書中將會普遍的使用它，能夠對運行中應用後臺的狀況盡收眼底。Batarang就像其餘的Chrome擴展同樣，能夠在Chrome的Web Store（商店）(AngularJS Batarang)中下載安裝。

Plunker and jsFiddle

不管是Plunker（http://plnkr.co）仍是jsFiddle（http://jsfiddle.net）能夠很是方便的分享一些代碼片斷（JavaScript，CSS 和 HTML），儘管這些工具並非專爲 AngularJS 定製的，可是很是迅速的就被 AngularJS 社區所採用了，用來分享一些小的示例代碼，Bug的情景重現等等。Plunker理應獲得特別的關注，由於他就是用 AngularJS 來寫的，並且在社區中也是一個很是流行的工具。

IDE extensions and plugins

咱們每一個人都有本身喜歡的編輯器或IDE。好消息是已經有許多款能夠適用於很是流行的IDE的插件/擴展了，好比Sublime Text2(https://github.com/angular-ui/AngularJS-sublime-package)，Jet Brains的系列產品（http://plugins.jetbrains.com/plugin?pr=idea&pluginId=6971）等等。

轉載請註明來自[超2真人]
本文連接：http://www.peichao01.com/static_content/doc/html/Mastering_Web_Application_Development_with_AngularJS_1.html