iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 29
0

[線上讀書會] Kevin Yang 主講 angular cli 入門

https://www.youtube.com/watch?v=5vcwy_iKAoM

心得重點整理

1.angular Cli 幫助開發整合系統模組 start kit,環境建置一致
2.Typescript 開發 強型別
3.ng init 如果已經有版本在 就會問要不要覆蓋,如果是新的就直接init
4.cli 位置在 package/commands/ 底下 就是 ng --help 可以下指令的所有地方,也可以到gitgub上看該 command的用法
5.cli generate.ts 中有縮寫說明 例如 cl 是 class ,c 是componet ...等等
6.如果像要用c componet 還可以更詳細去看componet底下的參數 例如 spec...
7.環境建置之後設定檔統一會在angular-cli.json 其他就都不太會動到.
8.angular-cli說明

...
assert //放入靜態資料檔,資源陣列
...

9.proxy to backend // 把整個對應後端的網址設定使用簡單的網址列功能取代,也不會有跨網域的問題
10.設定好後直接指令 ng serve 就跑起來嚕,也可以加上 --aot 啟動(aot 預先Compile)
11.vscode中編譯器 有個好用插件 anglur doc for Visual studio 可以配合 angular cli產出文件
12.platformBrowserDyamic() 切入點
13.控制資料的方式多元 可以支援 one way two way binding input output, 也可以使用 redux,或是 serveice
14.view 與 content 差異 view 是指外層 content只外層以外的物件

這邊還有一篇 jimmy 大大的分享

[線上讀書會] jimmy 主講 angular2 +webpack
https://www.youtube.com/watch?v=sZKI1nIHhCI

這邊是經驗分享,算是實戰攻略有興趣的朋友可以看看 jimmy 如何與C#後端做溝通 , 跟實務上的一些技巧分享

[線上讀書會] 承翰 主講 angular 表單驗證

https://youtu.be/UdVcOMvKYs4

這邊是承翰的精彩分享有關於表單驗證 angularjs 已經有很棒的套件,非常的方便就可以達成製作

個人心得整理
1.框架方面 cli 整合了所有資源開發 像laravel一樣是個漂亮的框架,開發起來應該很愉快
2.資料流部分比較彈性
3.架構一致性,交接輕鬆也很適合團隊開發

目前 線上 angularjs 讀書會也開跑嚕 歡迎有興趣的朋友一起來加入討論吧

https://www.facebook.com/groups/1345890212093830/


上一篇
react vs vue
下一篇
學好reactjs 推薦 線上讀書會
系列文
線上讀書會-2016 年學 JavaScript 是一種什麼樣的體驗30

尚未有邦友留言

立即登入留言