Skip to content

習作與展示

第一天:Angular 基礎和環境設置

  • 主題:Angular 基礎與環境設置
  • 內容
    • 簡介 Angular:前端開發框架(Front-end Framework)。
    • 安裝 Node.js 和 npm(Node Package Manager)。
    • 使用 Angular CLI(Command Line Interface)建立第一個 Angular 應用。
    • 理解 Angular 的主要組件:模組(Modules)、元件(Components)、服務(Services)。
    • 建立簡單的 Angular 應用並運行。

第二天:元件和資料綁定

  • 主題:深入理解元件(Components)與資料綁定(Data Binding)
  • 內容
    • 創建和使用元件。
    • 資料綁定的類型:插值(Interpolation)、屬性綁定(Property Binding)、事件綁定(Event Binding)。
    • 使用 ngModel 實現雙向綁定(Two-way Binding)。
    • 元件間的資料傳遞:@Input() 與 @Output()。

第三天:路由與表單處理

  • 主題:Angular 路由(Routing)與表單(Forms)
  • 內容
    • 理解和實現路由。
    • 路由參數與路由守衛(Route Guards)。
    • 創建響應式表單(Reactive Forms)與模板驅動表單(Template-driven Forms)。
    • 表單驗證與自定義驗證器。

第四天:HTTP 通信與服務

  • 主題:使用 HTTP 客戶端(HttpClient)與建立服務(Services)
  • 內容
    • 使用 HttpClient 進行 HTTP 請求。
    • 理解 Observable 與 RxJS。
    • 創建和使用服務進行數據共享。
    • 簡單的錯誤處理和攔截器(Interceptors)。

第五天:結訓展示

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