網頁

2013年7月19日

Angularjs Application Resource

Official Site

AngularJS
官方網站,學習Angularjs最好的地方,文件目前還滿齊全的,但是 api 的使用範例有點少,如果可以更多,那就更好了。

AngularUI
這是一群熱愛AngualrJS的人所組成的一個團隊,提供許多用 Angular Way 撰寫的 UI 套件。連大名鼎鼎的 bootstrap 都已經改寫完成,code quality 滿不錯的。另外還有 UI-Utils、UI-Modules、UI-Alias、NG-Grid、UI-Router。

Angular UI - UI Bootstrap
這是Angular-UI所發布的 bootstrap 套件,用了這個可以捨棄原本 bootstrap 提供的 js 了。

Angular Modules
想要找各式各樣的模組嗎,來這裡就對了。

AngularStrap
這是一個類似 Angular UI - UI Bootstrap 的東西,由另一個團體把 bootstrap 相關的 js 做了改寫,品質也不錯。

Book

AngularJS - O'Reilly Media
這是一本由 O'Relly 出版介紹 AngularJS 的書,第六章以前,滿適合初學者閱讀,第六章以後就比較適合入門的朋友閱讀,整本書的品質還不錯,在學習的過程中,幫助了我很多。另外書中的 code 都放到 github 上面嚕。

Boilerplate

Yeoman
Yeoman 包含了三種工具,Yo、Grunt、Bower,分別可以幫助你,建構出網頁程式的雛形、管理專案要如何有效的測試部屬、管理相關 package 的版本問題。而且有提供 AngularJS 的網站雛形生成器,幫助使用者解決一開始的 project layout 問題。

angular-seed
這是另外一個輕量級的 Angular web application 的開發包,如果用不慣 Yeoman 可以試試這個,或者由這個比較簡單的開發包,了解他們是怎麼組織專案的結構。

ngBoilerplate
一般的專案結構,都會以類型做區分,controller、service 、directive 都會放到各自的資料夾,對於小專案而言,找到想要關心的檔案不會太複雜。但是當你的專案開始成長以後,或者是多人一起開發程式時,反而應該以模組的概念去區分資料夾比較適合。作者提供的開發包,就是以這種概念下去設計的。

Video

Egghead Videos
這系列的video,我給予極高的評價,每一個video大約4分鐘左右,快速示範和解說一個小概念,因為程式很簡單,所以很容易讓觀眾抓住作者想要表達的重點。

Tutorial

AngularJS-Learning
這是一個熱心的外國網友,將一些網路上相關的資源都集合在這裡了。內容很多,很嚇人。小朋友不要輕易嘗試。

AngularJS Best Practices: I’ve Been Doing It Wrong
作者非常有意思,把他這些日子開發AngularJS的心得撰寫出來,我覺得最受益的部分就是,他覺得專案資料夾組織,應該以模組來區分,而不是大部分書本上為了快速示範,把 controller、service 、directive 各自放到自己的資料夾裡面。好文值得一讀。

How to create (singleton) AngularJS services in 4 different ways
還在傻傻搞不清楚,factory、service、provider 是什麼嗎,這一篇提供滿清楚的範例與解釋,多看幾遍應該就可以看懂了。

AngularJS: 6 Common Pitfalls Using Scopes
在 AngularJS 中,scope 非常的重要,還在搞不清楚嗎,看一下這一篇文章吧

AngularJS and scope.$apply
AngularJS 都會碰到需要自己寫複雜的 directive,常常遇到許多挫折,總會不知道什麼時候需要用 apply 和 digest,這篇文章可以幫你釐清你的觀念,非常有幫助。

Sample

AngularJS CRUD application demo
想要知道別人怎麼發開複雜度較高的 AngualrJS web app 嗎?這裡有一個範例可以讓大家專研一下。程式寫得滿有結構性的,對於初學者來說還是有點難,所以這個範例程式可以等到你了解多一點的時候,再來看,會比較有感覺。

Tips

沒有留言:

張貼留言