NG筆記1 | angularjs教學
學習AngularJS一段時間,初步心得是"很強大但不好駕御",跟學習Knockout的經驗相比,差異程度大概像這樣:照片來源:Jace[1] 美國空軍[2]感受懸殊,關鍵在於應用心態不同。Knockout著眼於MVVM,以Binding為核心;但Binding卻只是Angular的一環,之所以選擇Angular,並非意圖用它取代KO處理MVVM(依我個人看法,KO把MVVM做得很好),而是SPA專案裡的JavaScript異常複雜龐大,Angular內建模組化、Controller、共用服務、View切換、依賴注入、自訂宣告(Directive)、自動測試等特性,能有效區隔程式邏輯實現SoC,大幅降低JavaScript複雜度。然...
學習AngularJS一段時間,初步心得是"很強大但不好駕御",跟學習Knockout的經驗相比,差異程度大概像這樣:
照片來源: Jace[1] 美國空軍[2]感受懸殊,關鍵在於應用心態不同。Knockout著眼於MVVM,以Binding為核心;但Binding卻只是Angular的一環,之所以選擇Angular,並非意圖用它取代KO處理MVVM(依我個人看法,KO把MVVM做得很好),而是SPA專案裡的JavaScript異常複雜龐大,Angular內建模組化、Controller、共用服務、View切換、依賴注入、自訂宣告(Directive)、自動測試等特性,能有效區隔程式邏輯實現SoC,大幅降低JavaScript複雜度。然而豐富的工具與強大的擴充性也意味著一大堆可調整的參數、可互相替代的做法、無限多種的排序組合... 學得愈多愈讓人迷惘,嚴重時還會誘發工程師的冒牌者症候群[3]大爆發: "暗! 我這樣寫到底對不對呀?" 若只聚焦在MVVM,Angular並不難上手,當把視野放大到如何用Angular寫出"容於擴充維護的優質SPA",資深老鳥也很難不發抖吧? _(:3 」∠)_
以下整理我找到的一些學習資源: (如果大家還知道其他推薦資源,歡迎回饋給我)
前端工程的極致精品: AngularJS 開發框架介紹[4] 保哥的介紹,不錯的入門起點,另外還有AngularJS系列文[5] 官網互動式入門教學[6](英文) 教學影片 + 投影片 + 實做測驗,很炫! YouTube上的教學影片[7](英文) API官方文件[8] (英文) 對API有疑義,這裡是最權威的文件來源,並區隔不同版本。唯文字與範例走"言簡意賅"風,偶爾需要一點慧根才能參透。(如果能像KO一樣Friendly就好了) 男丁格爾大大的AngularJS入門教學[9] 有三十多篇,Binding部分介紹得蠻完整,但部落格分類目錄採倒著排序且需在目錄與文章間切換,為了方便閱讀,我用Angular寫了一個閱讀器[10] XD AngularJS 開發實戰:解析 angular-seed 專案架構與內容[11] by 保哥 談功能模組化與專案檔案配置,屬進階議題,但案子變大時一定得面對 Plunker[12] 提供類似JSBin[...取得本站獨家住宿推薦 15%OFF 訂房優惠
AngularJS 初學者筆記與教學(新手入門課程
前言: 寫東西一定要有前言的XD 上課心得也是一樣我這次上的課叫做"《台北》AngularJS 開發實戰:新手入門篇" 老師是will 保哥http://m.