老啄木鳥的窩

本系列內容終於真正要進入AngularJS的心得分享了；前篇 AngularJS 1.x 學習心得整理(二) 介紹的JSON技術不知大家都跟上了沒？ 網路上有很多精闢的教學文寫得都非常好，這裡先列出啄木鳥學習AngularJS所拜讀過覺得值得推薦給各位朋友的文章，由淺入深依序為( 小朋友，我看你骨骼精奇，是難得一見的練武奇才，這本「AngularJS 1.x 學習心得整理」只賣你10塊錢，不喜歡我這裡還有 )： 推薦的學習清單 1. 一陽指  w3schools AngularJS 教學網站 2. 九陽神功  JavaScript 高级教程 、 JavaScript 物件導向介紹 、 初學者應知道的物件導向 JavaScript 3. 太極拳  淺談Angular.js的Provider機制 4. 易筋經  Angular指令编译原理 5. 獨孤九劍  AngularJS路由深入浅出 6. 如來神掌  AngularJS 常用模块书写建议 7. 乾坤大挪移  AngularJS 寫作方式指南 (AngularJS1.x~2.x皆有) 8. 金鐘罩  AngularJS API Docs 9. 降龍十八掌  Guide to AngularJS Documentation 突然想起「功夫」這部電影台詞，剛好可以順便列出幾篇讓啄木鳥受益良多的AngularJS的技術文章分享給大家。 以下會針對上面的文章連結說明啄木鳥是如何定義它們的學習順序，把這些文章學會了，AngularJS保證你可以運用自如。 基礎 第一優先首推這本 一陽指 秘笈： w3schools AngularJS 教學網站 ，新手由這裡先慢慢逛，能看得懂就一直盡量看下去就對了，代表您程度還不錯，看出了興趣才有信心學更進階的技術。通常您會想立刻就去下載AngularJS開發套件來試試，從做中學加深記憶。 取得AngularJS開發套件的方式有四種：第一種是用 GitHub 下載，這裡有 教學文 ，第二種方法是到 官網下載 ，點選白色按鈕；記得Build選項要選ZIP檔，它會包含所有重要的套件，如圖： 下載並解壓縮後，放到網站Script某個子資...

層次分明，學習就不會感到迷惑 最近公司請我幫忙因為新Web專案要使用的AngularJS Framework而需要接受教育訓練的開發人員規劃SPA相關課程，順便我可以整理一下我這個過來人的學習經驗來分享給新進，於是開始收集這方面資料。 啄木鳥認為最重要的課題是該如何以深入淺出的方式，讓每個人都能具體的，理解從JQuery的開發經驗到AngularJS開發的差異處。 既然都是based on Javascript的擴展應用，一定存在異中求同的方法，藉由基本的Javascript所累積經驗，快速建立可以理解AngularJS Framework設計哲學的基礎。 將新知識疊加到現有知識的秘訣就是要有正確的學習計畫，每一階段主題都需要用心規劃。只要層次分明就不會感到迷惑，對Angular JS來說這樣的學習曲線是最好的，所以我開始設計課程。 JSON（JavaScript Object Notation） 首先，必須針對JSON這個物件(Object)做說明，因為它太重要了！ 很多JSON程式人員常常沒有把所使用的 Javascrip 物件(Object) 基礎  打穩就開始玩了起來(包括啄木鳥在內)，在職場走了很久技術還是沒有甚麼精進的原因就是甚麼都一知半解，雖能解燃眉之急，但非長久之計。 它的重要性有多高呢？(謎之音：有這麼高...(抬頭張望)) 包含AngularJS以及較知名的ReactJS，當前所有的基於 MVVM 技術框架的Web開發工具中操作的 Data Model/Veiw Model 與系統設計都是集操作JSON技術之大成沒有之一。其他基於互聯網的電子商務的EDI媒介也幾乎都由JSON取代了XML(SAOP)成為主流交換標準。 結論是Web前後端點的資料應用標準都已是「可序列化JSON」的天下。也許有人並不認為 XML已經式微 ，但由於JSON實在太夯了，甚至連與Javascript應用無直接關係的後端資料儲存技術也開始看到JSON活躍的身影。這很像當初XML的情況，而JSON更勝XML當時的風雲程度( MS SQL Server 2016已支援JSON格式資料操作 )。 本段相關連結： 維基百科介紹JSON JSON和XML的比較 當異質平台只是單純使用JSON格式傳遞資料時，不曉得其實JSON...

先說明一下，作為一個AngularJS過來人，這系列文章將不會從Hello World! 這樣的新手教學文開始，當然也不是甚麼「我的AngularJS網站一寫就上手」之類的速成甜點...。這是寫給已經充分體驗了用JQuery開發網站好處的開發人員，打算進一步跟AngularJS這個生產力工具Say Hello前必讀的觀念文或者可以稱之為學習指引。 我會說，學AngularJS其實不難，入門還很容易，但學AngularJS很難精通，問題出在搞錯學習重點。所以，啄木鳥才會想寫這樣一篇文章出來分享。 言歸正傳，AngularJS 1.x( 官方網站 )是一套基於JavaScript語法的網頁前端Framework，2009至今已經問世8年，很多人覺得好用但不容易精通。而剛好我有一些使用經驗可以在這裡分享自己的心得，幫助還沒使用它的人能更瞭解這套Framework。 啄木鳥前陣子因為客戶讓廠商自行決定是否用AngularJS這套JavaScript Framework開發網站前端程式，所以啄木鳥當然立刻把握這個學習機會，並準備在短時間學會操控這套聽聞已久的前端開發框架。 對於早就想試試AngularJS的我來說，之前只是閱讀一些網路技術文章有所理解而已，所以老實的告訴客戶我沒有實際運用AngularJS在任何專案經驗，但根據自我評估及經驗，技術上直覺沒甚麼問題，在成功說服客戶後，就把SPA運用在網站開發且順利結案。 我給AngularJS的評語是：不適合SOHO或單人開發，開發團隊中至少一位能隨時解決問題的AngularJS的網站主任設計師(AD、SD)，為專案建立作開發計畫及負責設計所需各類UI範本。 而網站主任設計師的工作重要性雖然無可替代(只要動到架構相關的模組，需要的較高技術水平，各種Web協定知識需求廣泛，因此門檻極高)，但是現有AngularJS版本架構功能已完整且成熟毋須自行開發(目前版本為1.6.x)。也因此AD、SD人員學習曲線陡峭但工作輕鬆。 另一方面，相對於網站主任設計師(AD、SD)的高挑戰性，PG卻只要依賴前者提供之UI範本及開發規範就能在瞬間有大量程式碼產出。而且一次性的架構設計可以繁衍出類似的其他專案，屬於高可分工、高可重用的優秀商業框架技術。以下列出幾項技術特色與重點： AngularJS Fr...

既然這個部落格用了啄木鳥(woodpecker)這個意涵，就上網查看有甚麼資料可以更瞭解這種鳥類。除了知道啄木鳥學名叫：Picidae，還發現一篇文章  啄木鳥為什麼不會頭痛？  讓我產生很多期待立刻去閱讀。 內容果然很有趣，大意是啄木鳥進化的構件就是腦要小，腦形狀後圓前扁，以便用較大面積吸收撞擊，還有啄木速度很重要；鳥喙接觸到樹幹的時間極短(約1.5毫秒左右)，撞擊時才不易受傷。還有頭殼夠硬，甚至配備了像海綿一樣的殼骨組織，啄木時產生的力道「會分散至整個頭骨」，而且腦部和頭骨非常緊密契合，讓腦不會在頭腔內晃動撞擊。 基於對這個形象即將展開長期投資，風險評估總算告一段落。除了牠的腦容量小^^||(這點可以接受，反正我也不是很聰明)，還好啄木鳥也沒發現有甚麼負評，看似我可以放心了。 啄木鳥 啄木鳥身體構造圖

看了那麼多年的部落格，得到很多知識，非常佩服。 終於我也要開始耕耘這塊地方，希望大家來拜訪時，先看一下我的簡介，有幫助。 那麼，就開始吧~