從 HTML、SCSS、TypeScript 基礎出發,前面先以 Angular 為主,打造高品質可上線的前端履歷網站,最後以 React 與 Vue 進行對照實作,完成三個版本的作品並進行效能與開發體驗比較,讓你一次掌握三大前端框架的核心能力。
今日目標 了解 雙向綁定 [(ngModel)]:畫面改 → 變數改;變數改 → 畫面跟著改 在 Skills 區塊加入「關鍵字搜尋」即時過濾 使用 Reac...
今日目標 了解 Service 是什麼、為什麼需要它 用 CLI 建立 Skills / Projects 兩個資料服務 在元件中 注入(inject)...
今日目標 認識 Angular Router 與 RouterModule 在專案中設定基礎路由(首頁、作品詳情) 從 Projects 區塊加上連結 →...
今日目標 認識 巢狀路由 (child routes) 與 <router-outlet> 的嵌套使用 在「作品詳情」頁建立 Info / Gal...
今日目標 認識 Angular 內建 Pipe(格式化輸出) 自訂一個 Pipe(例如:技能名稱轉大寫、描述截斷) 認識 Angular 內建 Directi...
今日目標 認識 Angular 的 HttpClient 模組 了解 Observable 與 async pipe 的基礎用法 把 Projects 從本地...
今日目標 了解 Guards:canActivate / canActivateChild / canMatch(或 canLoad) 的差別與使用時機 建立...
今日目標 認識「狀態管理」是什麼,為什麼需要它 使用 RxJS BehaviorSubject 管理 UI 狀態(例如主題切換、技能分類、搜尋關鍵字) 建立一...
今日目標 建立 全域 Loading 狀態管理(讓任何 API 呼叫都能顯示「載入中」動畫) 認識並使用 RxJS 常見運算子: debounceTime...
今日目標 調整專案結構(Core / Shared / Feature Modules) 小幅優化(Lazy Loading、SEO meta tag、切分元...