標籤:

Angular js 初學者該看什麼書啊? ?


我也正在學習angular,草包一個,順帶回答題主一下。

首先,如@林華萊士 所言,學習順序是個硬傷。這個恐怕難以避免,我也是建議先把基本的知識過一遍,留下印象比較好。(其實一開始帶著問題去學也難受,問題太多了,帶著帶著就忘了)

1.推薦《angularjs權威教程》(它的英文名就是ng-book),講的非常詳細,對初學者非常友好,而且內容還算新。至少我這本裡面有關於angular1.3的內容更新(現在1.3是最新穩定版)。而且譯者本身也是前端的大牛:趙望野、徐飛和basecss(何鵬飛)。這裡我就不@了。

2.推薦但又不太推薦《精通angularjs》,個人覺得對初學不太有利,因為它的例子不完整,或者說很散,一個完整的例子被拆成很多片段,你得時常前前後後翻十來頁去看代碼的上下文。不過對於angular基礎概念都熟悉的人來說,可以接受吧……書還行吧……

3.視頻教程。前面有回答說淘寶有驚喜的,於是我淘寶了一下,發現所謂的視頻教程其實就是大漠窮秋老師在慕課網的授課教程 AngularJS實戰丨章節 其實是免費的,所以不必花冤枉錢了。另外,youtube上面也可以搜到一些入門教程,我看了幾個,還不錯。

4.API文檔,1.4版,中文滴。剛翻譯出來,熱騰騰還沒出鍋。我非常感謝他們。translations/56

5.ngnice啦~ 多上ngnice看看帖子也是有幫助的。AngularJS

以上排名不分先後。


強烈推薦ng–book,對angularJs各種特性都有覆蓋到,很適合初學者


我學angular的路線是,

1.先在網上找那種簡單的教程,依葫蘆畫瓢做了幾個簡單的小玩意,todolist和留言板什麼的。

2.然後去看了《angularjs權威教程》,發現這本書可以當工具書用,以後遇到不會的就翻翻看。

3.重新寫了之前的幾個小玩意,盡量做到復用,然後controller里不去操作DOM。

4.看了《精通AngularJS》。

5.再次重構了兩個小項目。

6.看源碼+google。現在大概了解了些angularjs內部的實現原理(還沒看完,剛看了injector和angularjs.modul部分)

7.聽了阿里前段分享8

8.繼續看源碼繼續重構項目繼續看之前那兩本書。

可能偏題了,不過題主如果js有基礎的話可以試試這個路線,我覺得理解挺深刻的。


去Angular的中文社區 http://angularjs.cn/

先看入門教程 http://angularjs.cn/T006 大體過一遍 Angular 的開發流程和新特性

再深入看開發指南 http://angularjs.cn/T008 仔細看,跟著動手做,就醬。


我的經驗。排名按我學習的時間順序。

  1. AngularJS官方推薦的codeschool的課程,快速過一遍,留下PDF講義做參考。
  2. Google一些AngularJS tutorial. Follow一兩個練習,對AngularJS項目有個總體上的認識。
  3. 開始自己做一個互動較多的Web App. 最好設計個RESTful API,把服務端也做了。寫的過程中遇到問題參見4和5.
  4. 某些具體細節查閱AngularJS官方文檔,注意自己使用的版本號。
  5. 去Stackoverflow搜索一些想實現的功能,同樣注意問題時間和所用版本。因為很重要,所以再說一遍,不同版本細節有很大差異,這是個巨坑,一定要注意!


大家都說angularjs的學習曲線很陡峭,自己也是深有體會,找一本好書學習是很關鍵的。目前angularjs有幾本書,京東上面的評價都不錯,我就說說自己的閱讀經驗

最推薦的是《angularjs高級程序設計》,這本書厚,對知識點講的最詳細,針對每個angular的特性都用一個單獨的例子慢慢講,最容易吸收。小小的缺點是裡面有一定篇幅是css,js的基礎知識,對大部分學習angular的讀者是無用的。

其次推薦的是《精通angularjs》,這本書講的很精簡,書也比較薄,通常把好多個特性揉到一個例子里講,有些細節也沒有花較多筆墨解釋,這本書邊讀邊敲例子學習會更好一些。

《angular深度剖析與最佳實踐》這本書適合有一定angular基礎的閱讀,從中學到不少實戰中使用的技巧

《angularjs權威教程》上市較早,對各種特性解釋有點太簡略,個人閱讀時,只學會了照葫蘆畫瓢一點點,沒有很好的理解angular

上面最推薦的《angularjs高級程序設計》的英文名其實是《pro angularjs》,並非針對高級用戶,其實是最適合初學者與熟練者看的


(樓上說的)翻牆上官網的同時,在Google搜「AngularJS tutorial」之類的關鍵字,第一頁所有網站夠你看一個禮拜。

不要看書,市面關於Angular的書不是太舊就是幫助不大。Angular這麼一個概念和實踐複雜度空前的框架,一本書難以按正確順序寫出來(亞馬遜每本關於Angular的書都有結構差順序亂的差評,事實上Angular就無正確的學習順序),只能不斷看tutorial和自己做demo慢慢領悟。

不過關於RESTful架構和Web高級應用的書還是對掌握Angular有益的。具體書名就懶得上亞馬遜查了,偏題,手機麻煩。


前提:

先看看「如果我有使用jquery的經驗,我該如何『think in angularjs』」javascript - "Thinking in AngularJS" if I have a jQuery background?

入門:

英語好的話推薦先看A Better Way to Learn AngularJSthinkster.io 的頁面,將得很全面,易懂。

英語不好的話還是看ngnice吧AngularJS,入門也比較不錯。

中期過度:

啃官方文檔+項目練手+自己寫點directive

進階:

看ui-bootstrap, angular-strap源碼等。

angularjs學習曲線較詭異,貴在堅持。


1和2的learning stack有些不同,不過相比較javascript都算是新用法,雖然我很不想說看書沒有太大作用,但是我還是想說、我自己本身書基本沒看過(只看過js的書),主要還是實戰,實戰前我可以推薦你一個路線,

第一:找個angular-seed下下來跑一下。

第二:github上有個公認的angular style guide,這個可以結合前面的seed來看,假如seed不是這個套路你可以試著改改看。

第三:你還可以主要看一下內置的一些directive,以及service的用法和區別,還有控制跳轉的router(ng-router or ui-router)

第四:做上一個項目就行了…我大概寫了六、七萬行應該就寫吐了…用用來基本上還是可以很溜的

第五:寫多了該看源碼啦,一看,哎呀原來那麼回事,這時候你就玩膩了,就開始準備學ng2了…然後再循環…


[官網-&>教程](https://docs.angularjs.org/tutorial)

照著例子把你著手的項目改成angular


如果英文不是很好的,

可以看看《Angularjs權威指南》和《用AngularJs開發下一代web應用》

進階的話,可以看《精通Angularjs》

但是由於中文版的額紙質書肯定是有點舊了,加上ng版本更新比較快,所以要多參考ng的官網。


http://www.w3cschool.cc/angularjs/angularjs-tutorial.html


angular js 不要看書了,前端庫千變萬化,看書,特別是看翻譯過來的書已經來不及了,去論壇逛逛吧 。


先看完官方文檔再說別的。中文書就別看了


如果是angularjs初學者的話這本書講解的還不錯.

如果有興趣不妨關注一下我的微信訂閱號,目前正在更新angualrjs相關的知識與教程。比較適合新人學習。微信掃一下二維碼或者搜索公眾號 AITISJ (挨踢世界)。

http://weixin.qq.com/r/_zl_ZlzEewEErRgF92zp (二維碼自動識別)


我一般都是先看http://w3cschool.cc上看有沒有對應的教程,現在改成(菜鳥教程)http://runoob.com了.常見的前後端開發框架教程這上面都有,通俗易懂,還有例子,很容易入門,等你入門了再找本權威的書來看.


用我的親身經歷來說下

基本概念api什麼的看完之後就開始照著官網的項目抄著擼那個phonecat,可是不知道是什麼原因,照著寫都會寫錯還不知道是哪裡出了問題,效率感覺實在太低,最後乾脆直接上手項目,很多不懂的東西在真實項目和deadline 的驅使下都變得豁然開朗,學東西還是有項目驅動的好。。

現在已經4個月沒有看過那個項目了,前兩天看自己寫過的angular 代碼,已經忘了自己寫的是什麼了。。


我覺得系統的學的話可能看書好一點,如果是直接上手一個項目的話,看一下這樣的http://www.w3cschool.cc/angularjs/angularjs-tutorial.html簡單入門教程,然後做項目的同時看官方文檔。這樣的效率高一些。


個人學習任何技術都沒有看過書,書中的常式可複製性不強,而且一般都比較複雜。因為版本迭代太快書里的內容很容易迅速失效。(很多中文翻譯的Tutorial也是同理)。

還是建議搜索AngularJS Tutorial, 出來的結果一般時效性都很強。上手建議從AngularJS 的Seed Project開始。


推薦閱讀:

如何評價 Angular 2 發布 Beta 版本?
如何看2015年1月Peter-Paul Koch對Angular的看法?
angular中控制器之間的傳值該怎麼實現?
angular中,controller、directive和factory分別該在何時使用?

TAG:AngularJS |