資訊專欄INFORMATION COLUMN
摘要：下一篇譯精通使用開發(fā)二原版書名第一章之道這一章主要是介紹，包括這個(gè)框架以及它背后的項(xiàng)目。幸運(yùn)的是，擁有一個(gè)活躍的，支持度高的社區(qū)。另外，社區(qū)還為已經(jīng)存在的工具箱里貢獻(xiàn)了許多有意思的工具。
下一篇：【譯】《精通使用AngularJS開發(fā)Web App》（二）
原版書名：Mastering Web Application Development with AngularJS
第一章 Angular之道Chapter 1
這一章主要是介紹AngularJS，包括這個(gè)框架以及它背后的項(xiàng)目。首先我們先大概看看這個(gè)項(xiàng)目本身：誰在更新代碼，到哪里去找源碼和文檔，如何尋求幫助等等。
本章的大部分內(nèi)容用來介紹AngularJS框架，它的核心概念，編碼模式。這會(huì)覆蓋到很廣泛的內(nèi)容，為了讓學(xué)習(xí)的過程更快更輕松，書中會(huì)提供大量的代碼示例。
AngularJS是一個(gè)獨(dú)特的框架，毫無疑問會(huì)在未來幾年內(nèi)對(duì)web開發(fā)領(lǐng)域產(chǎn)生重大影響。所以會(huì)在本章最后一部分來解釋是什么讓AngularJS如此的與眾不同，與其他現(xiàn)有的框架任何比較，它下一階段的規(guī)劃。
本章中我們會(huì)涵蓋以下一個(gè)話題：
- 怎么用AngularJS來寫一個(gè)Hello World應(yīng)用。在寫的過程中，你會(huì)了解到到哪里去找框架的源碼，文檔和社區(qū)。
- 逐漸熟悉構(gòu)建任何AngularJS應(yīng)用的基礎(chǔ)構(gòu)建：有指令的模板，scopes（作用域）和controllers（控制器）。
- 了解AngularJS復(fù)雜又強(qiáng)大的依賴注入系統(tǒng)
- 該如何比較AngularJS和其他框架和庫（尤其是jQuery），是什么讓他與眾不同。
AngularJS是用javascript寫的客戶端 MVC 框架，它運(yùn)行在瀏覽器中，并極大的幫助我們（開發(fā)者）書寫現(xiàn)代的、單頁的、AJAX風(fēng)格的web App。這是一個(gè)通用的框架，但當(dāng)你用來開發(fā)CRUD（創(chuàng)建 讀取 更新 刪除）類型的web app時(shí)更能顯現(xiàn)出它的強(qiáng)大之處。
熟悉框架AngularJS是客戶端MVC框架的一個(gè)新丁，但它已經(jīng)吸引了極大的關(guān)注，主要是因?yàn)樗锩缘哪０逑到y(tǒng)，易于開發(fā)，還有非常堅(jiān)實(shí)的工程實(shí)踐。的確，他的模板系統(tǒng)在于多方面都是獨(dú)一無二的：
- 它使用HTML作為模板語言
- 它并不需呀顯示的DOM刷新，因?yàn)锳ngularJS能夠跟蹤用戶的動(dòng)作，瀏覽器的事件，并能在模型被改變后指出哪個(gè)模版需要在何時(shí)刷新。
- 它還有一個(gè)有意思而且擴(kuò)展性很強(qiáng)的組件子系統(tǒng)，它還能教會(huì)瀏覽器如何理解一些新的HTML標(biāo)簽和屬性。
模板子系統(tǒng)可能是最易被看到的部分，但也別誤解以為AngularJS就是一個(gè)囊括了一些工具和單頁web App經(jīng)常用到的服務(wù)的集合。
AngularJS還有一些隱藏的財(cái)富，依賴注入（DI）還有很強(qiáng)的可測(cè)試性。對(duì)依賴注入的內(nèi)置支持使得從更小更徹底的測(cè)試過服務(wù)中組裝一個(gè)web App更容易?？蚣艿脑O(shè)計(jì)和它周邊的工具集都提倡并推廣在開發(fā)的每一個(gè)階段都使用測(cè)試慣例。
找到你需要的方式AngularJS在客戶端MVC框架的舞臺(tái)上相對(duì)來說還是一個(gè)新人；它的1.0的版本在2012年6月才發(fā)布，這個(gè)框架的工作開始于2009年，起初是Mis?ko Hevery的一個(gè)個(gè)人項(xiàng)目，作者是Google的員工。最初的想法確實(shí)非常棒，在編碼期間，項(xiàng)目被Google正式的收納。現(xiàn)在在Google有一整個(gè)團(tuán)隊(duì)全日制的維護(hù)更新這個(gè)框架。
AngularJS是一個(gè)開源項(xiàng)目，放在Github上（[https://github.com/ angular/angular.js]https://github.com/ angular/angular.js），并由Google采用MIT方式授權(quán)。
社區(qū)時(shí)至今日，離開社區(qū)的支持，任何一個(gè)項(xiàng)目都無法存活下去。幸運(yùn)的是，AngularJS擁有一個(gè)活躍的，支持度高的社區(qū)。下面是一些交流頻道，可以用來討論設(shè)計(jì)，提問求助：
- [email protected] 郵件列表（Google小組）
- Google+ 在 https://plus.google.com/u/0/communities/115368820700870330756
- #angularjs IRC 頻道
- 在 http://stackoverflow.com 上的 [angularjs] 標(biāo)簽
AngularJS團(tuán)隊(duì)通過維護(hù)一個(gè)博客（http://blog.angularjs.org/）來跟社區(qū)保持聯(lián)系，還有一些社交媒體，Google + (+ AngularJS)，還有 Twitter（ @angularjs）。同時(shí)還有世界各地舉辦的社區(qū)見面會(huì)；如果哪次正好在你周邊舉行，當(dāng)然是很值得去參加的。
AngularJS有自己專用的網(wǎng)站（http://www.angularjs.org），在這里我們可以找到關(guān)于一個(gè)體面的框架所應(yīng)該有的所有的一切：概念概覽，教程，開發(fā)者指南，API參考等等。AngularJS已發(fā)布的所有的版本都可以從http://code.angularjs.org下載。
想找示例代碼的人也不會(huì)失望，因?yàn)锳ngularJS文檔中有大量的代碼片段。另外，還可以瀏覽一系列的使用AngularJS開發(fā)的應(yīng)用的列表（http://builtwith.angularjs.org）。YouTube上還有一個(gè)專門的頻道（http://www.youtube.com/user/angularjs），有一些過往的錄音，還有一些有用的視頻教程。
庫和擴(kuò)展AngularJS 核心功能強(qiáng)大豐富，同時(shí)，活躍的社區(qū)幾乎每天都在增添新的擴(kuò)展。這其中的一大部分都可以在這個(gè)專門的網(wǎng)站上找到：http://ngmodules.org。
工具AngularJS 構(gòu)建在 HTML 和 JavaScript 之上，這兩個(gè)技術(shù)已經(jīng)被用在Web開發(fā)上許多年了。正因?yàn)榇耍覀円琅f可以使用我們所熟悉的編譯器和IDE，瀏覽器擴(kuò)展，等等，毫無問題。
另外，AngularJS社區(qū)還為已經(jīng)存在的HTML/JavaScript工具箱里貢獻(xiàn)了許多有意思的工具。
Batarang是一個(gè)Chrome開發(fā)者工具的擴(kuò)展，可以用來檢視AngularJS Web應(yīng)用。Batarang可以非常方便的以圖形化的方式來檢查分析 AngularJS 應(yīng)用的運(yùn)行性能等情況。我們?cè)诒緯袑?huì)廣泛的使用它，可以對(duì)運(yùn)行中應(yīng)用后臺(tái)的情況一覽無余。Batarang就像其他的Chrome擴(kuò)展一樣，可以在Chrome的Web Store（商店）(AngularJS Batarang)中下載安裝。
Plunker and jsFiddle無論是Plunker（http://plnkr.co）還是jsFiddle（http://jsfiddle.net）可以非常方便的分享一些代碼片段（JavaScript，CSS 和 HTML），盡管這些工具并不是專為 AngularJS 定制的，但是非常迅速的就被 AngularJS 社區(qū)所采用了，用來分享一些小的示例代碼，Bug的情景重現(xiàn)等等。Plunker理應(yīng)得到特別的關(guān)注，因?yàn)樗褪怯?AngularJS 來寫的，而且在社區(qū)中也是一個(gè)非常流行的工具。
IDE extensions and plugins我們每個(gè)人都有自己喜歡的編輯器或IDE。好消息是已經(jīng)有許多款可以適用于非常流行的IDE的插件/擴(kuò)展了，比如Sublime Text2(https://github.com/angular-ui/AngularJS-sublime-package)，Jet Brains的系列產(chǎn)品（http://plugins.jetbrains.com/plugin?pr=idea&pluginId=6971）等等。
轉(zhuǎn)載請(qǐng)注明來自[超2真人]
本文鏈接：http://www.peichao01.com/static_content/doc/html/Mastering_Web_Application_Development_with_AngularJS_1.html
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/77979.html
摘要：本書的這一部分將為隨后的章節(jié)打下基礎(chǔ)，會(huì)涵蓋模板，模塊化，和依賴注入。本書的小例子中我們會(huì)使用未經(jīng)壓縮的，開發(fā)友好的版本，在的上。作用域也可以針對(duì)特定的視圖來擴(kuò)展數(shù)據(jù)和特定的功能。 上一篇：【譯】《精通使用AngularJS開發(fā)Web App》（一） 下一篇：【譯】《精通使用AngularJS開發(fā)Web App》（三） 原版書名：Mastering Web Application D...
摘要：上一篇譯精通使用開發(fā)四下一篇譯精通使用開發(fā)六書名合作對(duì)象正如所見，提供了一種將對(duì)象組織為模塊的方式。模塊不僅可以注冊(cè)可以直接被框架所調(diào)用的對(duì)象控制器，過濾器等，還可以使用任何應(yīng)用開發(fā)者所定義的對(duì)象。 上一篇：【譯】《精通使用AngularJS開發(fā)Web App》（四） 下一篇：【譯】《精通使用AngularJS開發(fā)Web App》（六） 書名：Mastering Web Applic...
摘要：模塊和依賴注入細(xì)心的讀者可能已經(jīng)發(fā)現(xiàn)了，到目前為止所用到的例子都是使用的全局的構(gòu)造函數(shù)來定義控制器的。這非常的簡單，只需使用如下參數(shù)來調(diào)用即可控制器的名字字符串類型控制器的構(gòu)造函數(shù)全局定義的控制器構(gòu)造函數(shù)只適用于快速示例和原型開發(fā)。 上一篇：【譯】《精通使用AngularJS開發(fā)Web App》（三） 下一篇： 書名：Mastering Web Application Develop...
摘要：比如，我們可以監(jiān)聽事件由實(shí)例發(fā)出，然后在任何瀏覽器中就是變化的時(shí)候都會(huì)得到通知，如下所示每一個(gè)作用域?qū)ο蠖紩?huì)有這個(gè)方法，可以用來注冊(cè)一個(gè)作用域事件的偵聽器。這個(gè)函數(shù)所扮演的偵聽器在被調(diào)用時(shí)會(huì)有一個(gè)對(duì)象作為第一個(gè)參數(shù)。 上一篇：【譯】《精通使用AngularJS開發(fā)Web App》（二） 下一篇：【譯】《精通使用AngularJS開發(fā)Web App》（四） 書名：Mastering W...
摘要：特意對(duì)前端學(xué)習(xí)資源做一個(gè)匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。 特意對(duì)前端學(xué)習(xí)資源做一個(gè)匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。 本以為自己收藏的站點(diǎn)多，可以很快搞定，沒想到一入?yún)R總深似海。還有很多不足&遺漏的地方，歡迎補(bǔ)充。有錯(cuò)誤的地方，還請(qǐng)斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應(yīng)和斧正，會(huì)及時(shí)更新，平時(shí)業(yè)務(wù)工作時(shí)也會(huì)不定期更...
閱讀 3044·2021-11-25 09:43
閱讀 3669·2021-08-31 09:41
閱讀 1286·2019-08-30 15:56
閱讀 2178·2019-08-30 15:55
閱讀 3037·2019-08-30 13:48
閱讀 2845·2019-08-29 15:15
閱讀 1022·2019-08-29 15:14
閱讀 2680·2019-08-28 18:26
