AngularJS 1.x 學習心得整理(三)
本系列內容終於真正要進入AngularJS的心得分享了；前篇AngularJS 1.x 學習心得整理(二)介紹的JSON技術不知大家都跟上了沒？
網路上有很多精闢的教學文寫得都非常好，這裡先列出啄木鳥學習AngularJS所拜讀過覺得值得推薦給各位朋友的文章，由淺入深依序為(小朋友，我看你骨骼精奇，是難得一見的練武奇才，這本「AngularJS 1.x 學習心得整理」只賣你10塊錢，不喜歡我這裡還有)：
啄木鳥看到這些文章，有種恍如重生再世為人的感覺，覺得自己寫這麼久的程式，OO一點也沒長進，果然這世界是很寬廣的啊！
網路上有很多精闢的教學文寫得都非常好，這裡先列出啄木鳥學習AngularJS所拜讀過覺得值得推薦給各位朋友的文章，由淺入深依序為(
推薦的學習清單
1. 一陽指 w3schools AngularJS 教學網站
5. 獨孤九劍 AngularJS路由深入浅出
6. 如來神掌 AngularJS 常用模块书写建议
7. 乾坤大挪移 AngularJS 寫作方式指南 (AngularJS1.x~2.x皆有)
以下會針對上面的文章連結說明啄木鳥是如何定義它們的學習順序，把這些文章學會了，AngularJS保證你可以運用自如。
取得AngularJS開發套件的方式有四種：第一種是用GitHub下載，這裡有教學文，第二種方法是到官網下載，點選白色按鈕；記得Build選項要選ZIP檔，它會包含所有重要的套件，如圖：
下載並解壓縮後，放到網站Script某個子資料夾就可以了。
不過啄木鳥推薦有響應式網頁開發經驗者可以用這一版inspinia angular，這整包範例都是用AngularJS做出的各種漂亮Bootstrap響應式網頁的版型，而且是SPA的哦，做專案直接拿來改一改就出來一個網站Mockup了，好棒棒！第三種下載方法是安裝Node.js在用NPM套件安裝AngularJS到硬碟專案中，第四種是利用NuGet安裝到ASP.NET專案中。
當你學會AngularJS裡ng字串為首各種基本渲染網頁API後，可能會開始嘗試去理解佈署AngularJS各種套件到網站的載入方法，這時候一定深深地感到吃力。因為老實說，啄木鳥因為沒有把Javascript學精通，平時靠著JQuery做了好幾年網站UI，用的都是基本的JS語法。遇到像AngularJS這種把物件導向與模組MVVM運用到極致的程式寫法，根本難以下嚥；更遑論去看那些教我們透過源碼的觀察去領略那精妙深奧的AngularJS設計哲學的技術文章。
所以，若是您也想跨過這道門檻，推薦您：
2. 九陽神功 秘笈：JavaScript 高级教程、JavaScript 物件導向介紹、初學者應知道的物件導向 JavaScript
把自己好好充實一下，學習知識是對自己最好的投資，學好Javascript永遠不嫌晚，對個人職業未來幫助絕對很大。
3.太極拳 秘笈：淺談Angular.js的Provider機制
8. 金鐘罩 AngularJS API Docs
突然想起「功夫」這部電影台詞，剛好可以順便列出幾篇讓啄木鳥受益良多的AngularJS的技術文章分享給大家。以下會針對上面的文章連結說明啄木鳥是如何定義它們的學習順序，把這些文章學會了，AngularJS保證你可以運用自如。
基礎
第一優先首推這本 一陽指 秘笈：w3schools AngularJS 教學網站，新手由這裡先慢慢逛，能看得懂就一直盡量看下去就對了，代表您程度還不錯，看出了興趣才有信心學更進階的技術。通常您會想立刻就去下載AngularJS開發套件來試試，從做中學加深記憶。取得AngularJS開發套件的方式有四種：第一種是用GitHub下載，這裡有教學文，第二種方法是到官網下載，點選白色按鈕；記得Build選項要選ZIP檔，它會包含所有重要的套件，如圖：
下載並解壓縮後，放到網站Script某個子資料夾就可以了。
不過啄木鳥推薦有響應式網頁開發經驗者可以用這一版inspinia angular，這整包範例都是用AngularJS做出的各種漂亮Bootstrap響應式網頁的版型，而且是SPA的哦，做專案直接拿來改一改就出來一個網站Mockup了，好棒棒！第三種下載方法是安裝Node.js在用NPM套件安裝AngularJS到硬碟專案中，第四種是利用NuGet安裝到ASP.NET專案中。
當你學會AngularJS裡ng字串為首各種基本渲染網頁API後，可能會開始嘗試去理解佈署AngularJS各種套件到網站的載入方法，這時候一定深深地感到吃力。因為老實說，啄木鳥因為沒有把Javascript學精通，平時靠著JQuery做了好幾年網站UI，用的都是基本的JS語法。遇到像AngularJS這種把物件導向與模組MVVM運用到極致的程式寫法，根本難以下嚥；更遑論去看那些教我們透過源碼的觀察去領略那精妙深奧的AngularJS設計哲學的技術文章。
所以，若是您也想跨過這道門檻，推薦您：
2. 九陽神功 秘笈：JavaScript 高级教程、JavaScript 物件導向介紹、初學者應知道的物件導向 JavaScript
把自己好好充實一下，學習知識是對自己最好的投資，學好Javascript永遠不嫌晚，對個人職業未來幫助絕對很大。
進階
若您可以順利的通過入門的試煉，恭喜您，您可以正式進入AngularJS的開發領域一窺堂奧。啄木鳥推薦您修完3~5的文章內容：3.太極拳 秘笈：淺談Angular.js的Provider機制
4.易筋經 秘笈：Angular指令编译原理
5.獨孤九劍 秘笈：AngularJS路由深入浅出
到這裡算是終點了。這時的您已經可以說是一位合格的AngularJS網站架構師，公司裡人人倚重，真正高手中的高手。
進入OOP藝術殿堂
但是，學海無涯，所謂人外有人，一山還有一山高，如何讓自己的功力如火純精，臻於化境，真的要感謝這些以下文章(包租公: 老婆 妳記不記得有一招從天而降的掌法...)：
6.如來神掌 秘笈：AngularJS 常用模块书写建议
7.乾坤大挪移 秘笈：AngularJS 寫作方式指南 (AngularJS1.x~2.x皆有)啄木鳥看到這些文章，有種恍如重生再世為人的感覺，覺得自己寫這麼久的程式，OO一點也沒長進，果然這世界是很寬廣的啊！
附錄
最後，兩本參考書可以幫助您寫作，有空常來來這裡挖寶：
8.金鐘罩 秘笈：AngularJS API Docs
9.降龍十八掌 秘笈：Guide to AngularJS Documentation
以上是推薦給打算自學AngularJS的朋友的最佳學習順序和每一階段適合的閱讀範圍，環環相扣，每一種知識都建立在上個階段的知識之上，您可以先不按照順序到處去讀讀逛逛，但最終還是會在卡住的時候回到前面的技術做深度的反覆咀嚼，好讓整體概念的輪廓變得更清晰。
啄木鳥寫這些心得整理的時候，打算只講些可能大家在學習時常忽略的東西，譬如：必備知識補完計畫啦、自認為好的原創概念、或者是類似「老師沒告訴你的事」或是「你不知道的XXX 10 件事」這種的；因為啄木鳥認為，分享學習過程，才能讓自己累積更多智慧結晶，或知道自己的技術欠缺之處。
相關文章：
AngularJS 1.x 學習心得整理(一)
AngularJS 1.x 學習心得整理(二)
除了一些技術文章很容易吸收外，啄木鳥在此推薦[NG系列]，很多寶貴的UI範例，可以當新手程式碼參考。
(PS.未來會慢慢推薦其他不錯的網路資源)
以上是推薦給打算自學AngularJS的朋友的最佳學習順序和每一階段適合的閱讀範圍，環環相扣，每一種知識都建立在上個階段的知識之上，您可以先不按照順序到處去讀讀逛逛，但最終還是會在卡住的時候回到前面的技術做深度的反覆咀嚼，好讓整體概念的輪廓變得更清晰。
啄木鳥寫這些心得整理的時候，打算只講些可能大家在學習時常忽略的東西，譬如：必備知識補完計畫啦、自認為好的原創概念、或者是類似「老師沒告訴你的事」或是「你不知道的XXX 10 件事」這種的；因為啄木鳥認為，分享學習過程，才能讓自己累積更多智慧結晶，或知道自己的技術欠缺之處。
相關文章：
AngularJS 1.x 學習心得整理(一)
AngularJS 1.x 學習心得整理(二)
推薦幾個學習AngularJS 設計UI的地方：
1.暗黑執行緒：除了一些技術文章很容易吸收外，啄木鳥在此推薦[NG系列]，很多寶貴的UI範例，可以當新手程式碼參考。
(PS.未來會慢慢推薦其他不錯的網路資源)
這篇預計還需補上AngularJS 的Hello World程式教學才算完成...^________^
回覆刪除