發表文章

目前顯示的是 6月, 2017的文章

AngularJS 1.x 學習心得整理(三)

圖片
本系列內容終於真正要進入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某個子資料夾就可以了。 不過啄木鳥推薦有響應式網頁開發經驗者可以用這一版 inspinia

AngularJS 1.x 學習心得整理(二)

層次分明,學習就不會感到迷惑 最近公司請我幫忙因為新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是 Ja