Skip to content

習作與展示

第一天: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)

第五天:結訓展示

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