在這30中我們簡單的說明了如何透過Angular進行我們的系統前端介面開發,我們以前端系統建置與環境、前端系統資料流管理、雲端上線的三大現今前端工程師必備的基礎能力進行分享
我們這30天一同經歷過的內容詳細架構如下,
- System Basement
1.1 nvm, node, Angular-cli
1.2 git, github, github
1.3 base v.s. Standalone的開發思路的不同
1.4 Angular 系統設計思維與層級劃分 whole system preview&core / shared&feature
1.5 css,scss,Tailwindcss與RWD
1.6 ngIf, ngFor, ngSwitchCase, [hidden], ngClass, ngStyle, Pipe淺析
1.7 input, output 以及為何不建議使用自定義標籤(雙向綁定與單資料流更新)
- System Data management
2.1 rxjs的資料流管理
2.2 SD資料流思維-辨別什麼資料該即時同步與什麼資料需要儲存在系統底層共用
2.3 透過Service控制所有資料狀態
2.4 Action => Effect => Reducer
- System CI/CD
3.1 Github action
3.2 AWS EC2
當然這30天一開始有存稿的時候可以講得比較多與較為詳細一點,但隨著存稿消耗,慢慢的就開始捉襟見軸了起來,另外就是有些套件需要先進行小Side Project才能了解他在新版本中的運行狀況與實作狀況
但說真的,初次鐵人賽的經驗還是很有意思的
於我而言相當於一個系統化與脈絡化的資料整理,將我對於Angular的使用與前端開發流程做個紀錄,也相當於做個手順給自己未來要分享給其他人看的時候有個底稿
未來應該會有兩個項目想要寫寫的,一個是Go的站台架設,一個是Leetcode的解題思路
當然,最終的目標是想要養條哈士奇生活在冰天雪地之中就是了XD
後續文章的更新與維護會給自己設個大約半年的時間八,慢慢地補上原本說要給大家看的開發專案Code Orz