回憶並統整剛開始學習 angular 的內容。
先前主要寫 ASP.NET Webform 前後端包含資料庫和規劃,整個過程發現,客戶較為在乎所能「看見」的事物,既然客戶較在乎這部分,那就決定先專心走前端,但後來發現後端較常搭配 API 恩~又要再學習了,不過未來吧XD。
前端目前有三條路 Vue(妙娃種子) Angular(小火龍) React(潛尼龜) ,之所以選擇小火龍,因為看完三個覺得 Angular 用 TypeScript 跟 C#很像,就這樣踏上神奇寶貝大師之路了。
*提醒一點若買書 AngularJS(第一版) 和 Angular(第二版以上),兩者完全不同,請看好 Angular 版本再購買。 (花了670元買第一版~可可惡)
*對於選擇哪一個神奇寶貝,目前就看文章和聽論壇後覺得,假若你JS爆X強,ReactJS;假如你後端出生,很有架構的Angular應該會適合你;假如想比較快能上手,Vue會是你的好朋友(傳聞設計師都很愛Vue!)
*框架沒有對和錯,只有適不適合,JQ雖然邊緣了,但它也還是有它存在的必要性,單單看你面臨甚麼狀況!
圖片參考來源:http://blog.natsusola.net/2018/02/blog-post_53.html
若原圖作者覺得不合適,煩請告知 bear88130@yahoo.com.tw,感謝
以下「無工商」純粹說明學習過程,課程需求需自行判別!
2017年09月,報名保哥的初階課程 (Angular 4 的時代)
基本對 angular 整個架構有第一次認識,不過礙於還在上班,變成能消化就消化,就這樣沉澱了
期間 大多時間做公司專案 或 研究 webform 或 恩~很多事
2018年04月,買保哥的線上課程 「Angular 開發實戰:從零開始」, 恩~然後做公司專案~很多事
2018年05月,終於到可以辭職的時機點,把交接用好,開始轉職既吃土之路
*轉職學習或找工作真的要先存好一筆錢啊,假如後援不足,很容易就迫於現實,先做不符合的工作(長期下來很不划算)
2018年06月,剛剛好 六角學院 辦的 「The F2E - 前端修練精神時光屋」開賽了,開始每周自我挑戰,其餘時間認真看線上課程,再看線上課程途中,就會回想到去年上課的概念或小技巧,慢慢整合起來。
實體課程優勢在於
線上課程優勢在於
2018年07月,藉著挑戰賽,實作一個漫畫書點擊進入的功能(單向雙向綁定值用法,實作傳值功能)
https://bear88130.github.io/commic/
2018年07月,挑戰用 angular 做驗證,並沒有使用 angular 內建的驗證方法,為什麼呢?因為不知道有這種方法存在,就算到現在,還是會突然發現原來這東西 angular 已經有對應的方法或說明了!(有發現用火的那種感覺)
https://bear88130.github.io/validation/
2018年08月,挑戰賽最後一周要做「技能樹」,搞滿久的東西,主要卡在路由設定和動線規劃,這個挑戰多數功能或想法,課程都沒有教到,但透過課程已然足以讓人有足夠的先備知識去找尋答案,慢慢拼湊解決當下問題,不免還是會幻想腦補整個程式碼架構概念,與此同時也開始面試旅途了。
https://bear88130.github.io/F2E9/#/home
*若解決問題的code讓你懷疑,就去研究它,不然未來的某天,它會成為你的絆腳石
2018年09月,正式上班!
*參加社群(FB Angular Taiwan、Angualr 線上讀書會、The F2E - 前端修練精神時光屋...)、線下活動、看別人文章、自己寫文章、Youtube、Zoom會議、研討會、線上線下課程、Twitter,只要跟 Angular 有關都可以去嘗試,一定會有收穫,然根本的就是透過官網去了解 Angualr 本身,畢竟萬變不離其中
現在
開始看 angular 官網,當初沒有先走這一步,是對翻譯英文還是有恐懼感更重要的是不確定感,因為不確定自己是否翻譯正確,所以就沒有先走這一步,而後知道有簡中版本,但還是看英文了,因為知道程式碼資源終究英文較多,那現在開始吧!後續英文翻譯若有錯誤,路過的大大們請不吝糾正,小的第一次翻譯程式碼部分文件給大家看,不免惶恐也怕有錯誤
https://angular.io/
angular 簡中版本
https://angular.cn/
相關文章
微中子-Angular 2 之 30 天邁向神乎其技之路
https://ithelp.ithome.com.tw/users/20103745/ironman/1160
拉拉醬-Angular2學習筆記
https://ithelp.ithome.com.tw/users/20103443/ironman/1155
Wellwind-全端開發人員天梯(Angular)
https://wellwind.idv.tw/blog/tags/Angular/page/3/
CK's Notepad(Angular)
https://blog.kevinyang.net/categories/Angular/
The Will Will Web(Angular)
https://blog.miniasp.com/category/Angular.aspx
Claire Chang-用30天深入Angular 5的世界
https://ithelp.ithome.com.tw/users/20107113/ironman/1240?page=1
Angular CLI 操作筆記
https://poychang.github.io/note-angular-cli/
Youtube
https://www.youtube.com/channel/UCIawWId4sXgkVZ_mCF25qGw
Angular Taiwan論壇
https://forum.angular.tw/
保哥angular 4 新手入門攻略完全制霸
https://www.slideshare.net/WillHuangTW/angular-4-intro-to-dev-process