Week 12 · Day 07 — 結業總複習:整套 Angular 學習路徑
學習目標
- 回顧 12 週完整學習路徑
- 盤點自己掌握的能力
- 規劃未來的深入方向
12 週能力地圖
| 週次 | 主題 | 你學會了 |
|---|---|---|
| 1 | 環境與基礎 | 安裝、CLI、專案結構、Hello World |
| 2 | TypeScript | 型別、函式、類別、介面、繼承 |
| 3 | 元件基礎 | 元件、四種綁定、父子通訊 |
| 4 | 模組與路由 | NgModule、Routes、參數、守衛 |
| 5 | 表單 | Template/Reactive、內建與自訂驗證 |
| 6 | HTTP 與服務 | HttpClient、RxJS、Interceptor、錯誤 |
| 7 | 元件進階 | 生命週期、投影、ViewChild、動態元件 |
| 8 | 狀態管理 | DI、BehaviorSubject、NgRx |
| 9 | 效能優化 | OnPush、trackBy、懶載入、記憶體管理 |
| 10 | 測試 | TestBed、HttpTesting、Cypress |
| 11 | 實戰專案 | 任務管理系統 MVP |
| 12 | 部署與維護 | build、GitHub Pages、Firebase、CI/CD |
自我評估(勾選你已掌握的)
- 能初始化並啟動一個 Angular 專案
- 用元件、模組、路由架構應用
- 用 HttpClient + 服務串後端
- 用 Reactive 表單做驗證
- 用 NgRx 或服務管理狀態
- 用 OnPush/trackBy/lazy 優化效能
- 撰寫單元測試與 E2E
- 建構並部署上線、設定 CI/CD
下一步深入方向
- 官方進階:Angular 官方文件一頁頁讀(angular.io/docs)
- 進階主題:Standalone Components、Signals、Server-Side Rendering(Angular Universal)、微前端
- 工程實踐:設計模式、架構(Clean Architecture)、效能基準測試
- 整合生態系:Angular Material、NgRx Ecosystem、RxJS 深入
- 持續練習:做更大的個人專案、參與開源
結業動作
- 把你的「任務管理系統」推到 GitHub
- 用 CI/CD 自動部署到一個線上網址
- 把作品的網址分享給別人並徵求回饋
恭喜 🎉
你完成了 12 週的 Angular 學習!
從「Angular 是什麼」到「任務管理系統上線」,你已經成為一名能獨立開發 Angular 應用的開發者。
保持練習,從「會用」到「精通」,一切就在持續的實作之中。加油!