習作與展示
第一天:PrimeFlex 基礎應用
- 主題:瞭解 PrimeFlex 佈局工具(Understanding PrimeFlex Layout Utilities)
- 內容:
- PrimeFlex 介紹與安裝(Introduction and Installation of PrimeFlex)
- Flexbox 佈局基礎(Flexbox Layout Fundamentals)
- 使用 Grid 系統建立響應式佈局(Creating Responsive Layouts with Grid System)
- 實作:建立一個基本的佈局結構(Hands-on: Creating a Basic Layout Structure)
第二天:PrimeNG 元件
- 主題:表單元件與數據展示(Form Components and Data Presentation)
- 內容:
- PrimeNG 表單元件概覽(Overview of PrimeNG Form Components)
- 使用 InputText, Dropdown, 和 Calendar 等元件(Working with InputText, Dropdown, and Calendar Components)
- 數據展示元件:DataTable 和 TreeTable(Data Presentation Components: DataTable and TreeTable)
- 實作:建立一個動態數據表單(Hands-on: Creating a Dynamic Data Form)
第三天:PrimeNG 進階應用
- 主題:圖表與主題定制(Charts and Theme Customization)
- 內容:
- PrimeNG 圖表元件使用(Using PrimeNG Chart Components)
- 創建互動式圖表(Creating Interactive Charts)
- 主題與樣式定制(Theme and Style Customization)
- 實作:建立一個帶有圖表的儀表板(Hands-on: Creating a Dashboard with Charts)
第四天:PrimeNG 專案實戰
- 主題:整合 PrimeNG 元件
- 內容:
- 專案規劃與架構設計(Project Planning and Architectural Design)
- 高效能使用 PrimeNG 元件(Efficient Use of PrimeNG Components)
- 錯誤處理與效能優化(Error Handling and Performance Optimization)
- 實作:開發一個完整的小型應用(Hands-on: Developing a Complete Small Application)
第五天:結訓展示
- 主題:結訓展示與相互交流討論
- 內容:
- 學員展示他們在習作中完成的項目或特定挑戰。
- 分享學習心得、技巧與經驗。
- 討論與回答問題,提供反饋和建議。