摘要:下一篇譯精通使用開發二原版書名第一章之道這一章主要是介紹,包括這個框架以及它背后的項目。幸運的是,擁有一個活躍的,支持度高的社區。另外,社區還為已經存在的工具箱里貢獻了許多有意思的工具。
下一篇:【譯】《精通使用AngularJS開發Web App》(二)
原版書名:Mastering Web Application Development with AngularJS
第一章 Angular之道Chapter 1
這一章主要是介紹AngularJS,包括這個框架以及它背后的項目。首先我們先大概看看這個項目本身:誰在更新代碼,到哪里去找源碼和文檔,如何尋求幫助等等。
本章的大部分內容用來介紹AngularJS框架,它的核心概念,編碼模式。這會覆蓋到很廣泛的內容,為了讓學習的過程更快更輕松,書中會提供大量的代碼示例。
AngularJS是一個獨特的框架,毫無疑問會在未來幾年內對web開發領域產生重大影響。所以會在本章最后一部分來解釋是什么讓AngularJS如此的與眾不同,與其他現有的框架任何比較,它下一階段的規劃。
本章中我們會涵蓋以下一個話題:
- 怎么用AngularJS來寫一個Hello World應用。在寫的過程中,你會了解到到哪里去找框架的源碼,文檔和社區。
- 逐漸熟悉構建任何AngularJS應用的基礎構建:有指令的模板,scopes(作用域)和controllers(控制器)。
- 了解AngularJS復雜又強大的依賴注入系統
- 該如何比較AngularJS和其他框架和庫(尤其是jQuery),是什么讓他與眾不同。
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年,起初是Mis?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是一個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
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/77979.html
摘要:本書的這一部分將為隨后的章節打下基礎,會涵蓋模板,模塊化,和依賴注入。本書的小例子中我們會使用未經壓縮的,開發友好的版本,在的上。作用域也可以針對特定的視圖來擴展數據和特定的功能。 上一篇:【譯】《精通使用AngularJS開發Web App》(一) 下一篇:【譯】《精通使用AngularJS開發Web App》(三) 原版書名:Mastering Web Application D...
摘要:上一篇譯精通使用開發四下一篇譯精通使用開發六書名合作對象正如所見,提供了一種將對象組織為模塊的方式。模塊不僅可以注冊可以直接被框架所調用的對象控制器,過濾器等,還可以使用任何應用開發者所定義的對象。 上一篇:【譯】《精通使用AngularJS開發Web App》(四) 下一篇:【譯】《精通使用AngularJS開發Web App》(六) 書名:Mastering Web Applic...
摘要:模塊和依賴注入細心的讀者可能已經發現了,到目前為止所用到的例子都是使用的全局的構造函數來定義控制器的。這非常的簡單,只需使用如下參數來調用即可控制器的名字字符串類型控制器的構造函數全局定義的控制器構造函數只適用于快速示例和原型開發。 上一篇:【譯】《精通使用AngularJS開發Web App》(三) 下一篇: 書名:Mastering Web Application Develop...
摘要:比如,我們可以監聽事件由實例發出,然后在任何瀏覽器中就是變化的時候都會得到通知,如下所示每一個作用域對象都會有這個方法,可以用來注冊一個作用域事件的偵聽器。這個函數所扮演的偵聽器在被調用時會有一個對象作為第一個參數。 上一篇:【譯】《精通使用AngularJS開發Web App》(二) 下一篇:【譯】《精通使用AngularJS開發Web App》(四) 書名:Mastering W...
摘要:特意對前端學習資源做一個匯總,方便自己學習查閱參考,和好友們共同進步。 特意對前端學習資源做一個匯總,方便自己學習查閱參考,和好友們共同進步。 本以為自己收藏的站點多,可以很快搞定,沒想到一入匯總深似海。還有很多不足&遺漏的地方,歡迎補充。有錯誤的地方,還請斧正... 托管: welcome to git,歡迎交流,感謝star 有好友反應和斧正,會及時更新,平時業務工作時也會不定期更...
閱讀 2967·2021-11-25 09:43
閱讀 3633·2021-08-31 09:41
閱讀 1237·2019-08-30 15:56
閱讀 2119·2019-08-30 15:55
閱讀 2993·2019-08-30 13:48
閱讀 2816·2019-08-29 15:15
閱讀 984·2019-08-29 15:14
閱讀 2657·2019-08-28 18:26