習作與展示

第一天：基礎介紹與環境設置

• 主題：認識 Angular Material UI
• 內容：
  • Angular Material UI 簡介與優點
  • 如何在 Angular 專案中安裝 Angular Material
  • 基本佈局組件（Layout Components）的使用，例如：MatGridList
  • 使用按鈕（Button）和表單控件（Form Controls）如 MatButton 和 MatCheckbox

第二天：進階組件使用

• 主題：深入了解和使用 Material 組件
• 內容：
  • 導航組件的使用，例如：MatSidenav 和 MatToolbar
  • 表單控件進階使用，包括 MatFormField 和輸入控件 MatInput
  • 資料展示組件，例如：MatTable 和 MatList
  • 提示與確認對話框（Dialogs）的使用，如 MatDialog

第三天：主題與動畫

• 主題：自訂主題、樣式和動畫
• 內容：
  • 創建和使用自訂主題
  • 使用 Material 的顏色系統和圖標（Icons）
  • 如何對組件進行樣式自定義
  • 利用 Angular Material 動畫庫增強用戶體驗

第四天：實戰應用與最佳實踐

• 主題：整合應用與性能優化
• 內容：
  • 利用 Angular Material 組件構建一個 CRUD 應用實例
  • 使用 MatDialog 進行數據的添加、編輯與刪除
  • Angular Material 應用的性能優化技巧
  • 最佳實踐：組件復用、模塊化和應用安全性

第五天：結訓展示

• 主題：結訓展示與相互交流討論
• 內容：
  • 學員展示他們在習作中完成的項目或特定挑戰。
  • 分享學習心得、技巧與經驗。
  • 討論與回答問題，提供反饋和建議。

這個課程安排旨在幫助學員從基礎到進階逐步掌握 Angular Material UI 的各項特性，並能在實際項目中加以應用。每天的課程都包含理論學習和實際操作，確保學員能夠充分理解並運用所學知識。