AngularJS 初學者相關學習資源
0 comments
這裡收集了許多「中文」的 AngularJS 學習資源，供初學者參考。
20 Jan 2015
The Will Will Web | 前端工程的極致精品： AngularJS 開發框架介紹
有好長一段時間，一直在尋尋覓覓一套好用的前端 JavaScript 框架，看過了 ExtJS、BackboneJS、EmberJS、KnockoutJS、… 與各家比較後，最後終於情定 AngularJS 這套。其優異的框架設計像是 宣告式語法 (Directives)、DOM Templates、雙向資料繫結 (Two Way Data-Binding)、相依性注入 (Dependency Injection) 與關注點分離等特性，都深深地打動著我，但神奇的是，在台灣竟然看不到幾篇關於 AngularJS 的文章，這感覺就跟我三年前毅然決然踏入 ASP.NET MVC 的領域一樣，不過，不管別人用不用，我是用定了！ (^_^)blog.miniasp.comThe Will Will Web | 搞懂 AngularJS 預設模組 select 標籤的 ngOptions 參數用法
今天晚上花了點時間，把 AngularJS 預設模組裡 select 標籤的 ngOptions 參數用法給徹底搞懂，這是我前幾天在公司展示 AngularJS 開發實戰時，一個稍微卡住的地方。今天利用 JSBin 自己弄出一個完整範例後終於大澈大悟。blog.miniasp.comThe Will Will Web | 關於 AngularJS 表達式與 ngBind 指令 (directive) 的使用技巧
在開發 AngularJS 的時候，使用 Angular 表達式是一件很過癮的事，因為所有表達式的內容，都會因為 AngularJS 自動繫結的關係，所有 model 的變化，都會自動反映到頁面上 ( View )。不過，當 AngularJS 正在初始化的時候，由於尚未開始運作，且網頁又已經被載入到瀏覽器中，因此使用者很有可能會看到 Angular 表達式出現在頁面上，而這就不是一件有趣的事了！今天我要來講解幾個 Angular 表達式的使用技巧，以及使用 ngBind 指令 (directive) 的時機。blog.miniasp.comThe Will Will Web | AngularJS 的 ngSwitch 指令 (directive) 使用陷阱與範圍觀念
我們公司目前已經有兩、三個案子開始使用 AngularJS 進行開發，過程中自然會遇到一些陷阱，我們當然也知道，這些陷阱是因為觀念不完整所造成的，只要你認真看完且看懂官網文件在講些甚麼，自然不會犯這種錯，但我也相信 99% 的開發人員不會把官網文件全部看完才開始撰寫程式。這次同事遇到的問題是在使用 ngSwitch 指令用以切換不同網頁內容時，會抓不到 Model 的問題，我們就來看看遇到這種問題應該如何解決。blog.miniasp.comThe Will Will Web | 關於 AngularJS 控制器 (ngController) 的多種宣告方法
初學 AngularJS 的人，寫到 ngController 之後一定會覺得 AngularJS 的 controller 怎麼這麼簡單，只要宣告一個 function 就馬上可以用了，而且 function 裡面的參數還會經由 AngularJS 自動注入物件。例如 $scope、$http、$window、$log、…等等。不過，這種註冊 controller 的方式雖然簡單，卻還是有些缺點，例如這些 function 宣告不能被 最小化 (Minification)，否則 function 內的區域變數被改成 a, b, c 之類的，AngularJS 就無法自動注入物件了，因此必須進一步學習更多的宣告方式，藉此解決 相依注入 (Dependency Injection) 的問題！blog.miniasp.comAngularJS 開發實戰：重要的開發觀念與經驗分享 (COSCUP2013) - YouTube
這是 Will 保哥 在 COSCUP2013 的演內容。 實況錄影：https://www.youtube.com/watch?v=fHLqSWdDrpA 演講簡報：http://www.slideshare.net/WillHuangTW/angular-js-coscup2013www.youtube.comAngularJS - 黑暗執行緒
黑暗大一系列深入淺出的 AngularJS 教學文也非常不錯。blog.darkthread.net
John Papa Angular Style Guide筆記 - 黑暗執行緒
微軟的老牌技術傳教士 John Papa 前些時候寫了一份 Angular 開發風格指南，近來打算在專案正式使用 AngularJS，便花了點時間詳讀，特筆記備忘兼分享。blog.darkthread.net深入理解 AngularJS 的 Scope – 塵埃落定
理解 AngularJS 的 Scope 概念，絕對是 AngularJS 初學者不可或缺、必須建立的觀念之一。www.lovelucy.infoAngularJS 最佳实践 – 尘埃落定
AngularJS 是一个 Web 应用框架，它实现了前端的 MVC 架构，能让开发人员很方便地实现业务逻辑。www.lovelucy.info學習 AngularJS (含大量連結)
譯者: 這是 jmcunningham/AngularJS-Learning 的繁體中文翻譯，會盡量依照原文翻譯，某些專有名詞就不另外翻譯，如果翻譯錯誤也請提出建議指教，希望大家可以幫忙提供更多更好的 AngularJS 學習資源，謝謝 這裡提供一些學習 AngularJS 的部落格連結，文章，和影片。這個清單還在持續成長中。如果你有想提供的連結與資源，歡迎提出 pull request，我也會盡量確認以下的資源是有用的(不是只有兩段文字的灌水文)。如果你有更好的方法來分類這些資源，請讓我知道。在一般主題分類中的類似文章，我之後也會把他們另外分類出來。github.comAngularJS 中文社区
這裡有許多 AngularJS 文章與學習資源 (簡體中文)angularjs.cnAngularJS 入门教程 (翻譯官網的 Tutorial 文件)
此系列文章為翻譯官網的 Tutorial 文件angularjs.cnAngularjs - GitCafe
Angularjs 中文开发指南 http://angularjs.cn/category/docs/developergitcafe.comAngularJS实战丨章节
一套大陸那邊錄製的完整 AngularJS 教學課程www.imooc.comAngularJS Hub
"AngularJS Hub" 試圖用大量的範例教你學會如何使用 AngularJS 做開發，如果你突然忘記 AngularJS 的某種用法，看一下這網站的精美範例，一下子就知道怎麼用了，很讚喔！www.angularjshub.com
沒有留言:
張貼留言