iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 1
1
Modern Web

Angular初期筆記系列 第 1

DAY1-Angular6之小火龍到火恐龍

此次挑戰主旨

回憶並統整剛開始學習 angular 的內容。

怎麼會想接觸前端?

先前主要寫 ASP.NET Webform 前後端包含資料庫和規劃,整個過程發現,客戶較為在乎所能「看見」的事物,既然客戶較在乎這部分,那就決定先專心走前端,但後來發現後端較常搭配 API 恩~又要再學習了,不過未來吧XD。

怎麼會選擇 angular?

前端目前有三條路 Vue(妙娃種子) Angular(小火龍) React(潛尼龜) ,之所以選擇小火龍,因為看完三個覺得 Angular 用 TypeScript 跟 C#很像,就這樣踏上神奇寶貝大師之路了。

*提醒一點若買書 AngularJS(第一版) 和 Angular(第二版以上),兩者完全不同,請看好 Angular 版本再購買。 (花了670元買第一版~可可惡)

*對於選擇哪一個神奇寶貝,目前就看文章和聽論壇後覺得,假若你JS爆X強,ReactJS;假如你後端出生,很有架構的Angular應該會適合你;假如想比較快能上手,Vue會是你的好朋友(傳聞設計師都很愛Vue!)

*框架沒有對和錯,只有適不適合,JQ雖然邊緣了,但它也還是有它存在的必要性,單單看你面臨甚麼狀況!

https://ithelp.ithome.com.tw/upload/images/20181011/20107754Cn6LEOJ46T.jpg
圖片參考來源:http://blog.natsusola.net/2018/02/blog-post_53.html
若原圖作者覺得不合適,煩請告知 bear88130@yahoo.com.tw,感謝

現在的火恐龍(自己幻想已經進化了XD)怎麼進化上去的?

以下「無工商」純粹說明學習過程,課程需求需自行判別!

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


下一篇
DAY2-Angular6之出來吧小火龍
系列文
Angular初期筆記30

2 則留言

0
CoderMonkey
iT邦新手 5 級 ‧ 2018-10-11 10:27:39

A good beginning is half of success.

馬達 iT邦新手 5 級 ‧ 2018-10-11 19:40:32 檢舉

感謝鼓勵!

0
SzuYuYu
iT邦見習生 ‧ 2018-10-13 01:01:03

加油加油!

馬達 iT邦新手 5 級 ‧ 2018-10-13 07:26:31 檢舉

感謝您的加油,相信可以稱到28天後

我要留言

立即登入留言