課程簡介

介紹

  • 什麼是 Angular?
  • Angular 11 的新特性

TypeScript 和 ES6 JavaScript 概述

  • TypeScript 語法
  • 使用 TypeScript 編譯器
  • 設置 Angular 11 和 TypeScript

Angular 11 組件概述

  • Angular CLI
  • 組件
  • 指令
  • 輸入與輸出
  • 數據綁定與插值
  • 事件綁定
  • 數據建模
  • 引導程序
  • 實驗性 Webpack

創建第一個 Angular 應用

  • 應用規劃
  • 設置 Angular 項目
  • 使用 Bootstrap 4 和 Sass 創建移動友好 UI

創建組件

  • 理解組件生命週期
  • 數據流
  • 使用模板與樣式
  • 內容投影
  • 使用 AppModule
  • 使用自定義組件
  • 使用視圖封裝
  • 實現生命週期鉤子
  • 使用 ViewChildren 和 ContentChildren

Angular 11 中的數據綁定

  • 理解屬性與事件綁定
  • 綁定並分配自定義屬性的別名
  • 綁定並分配自定義事件的別名

使用指令

  • 內置指令
  • 自定義指令

Angular 11 服務

  • 創建日誌服務
  • 創建數據服務

使用依賴注入與提供者

  • 注入器、提供者與令牌
  • 配置依賴注入
  • 配置提供者
  • 將服務注入組件、指令和服務

使用路由切換頁面

  • 理解不同的導航方法
  • 路由策略
  • 設置路由
  • 配置與加載路由
  • 在路由中使用參數
  • 創建嵌套路由
  • 使用重定向與通配符路由
  • 理解路由守衛

使用 RxJS 在 Angular 中創建與使用可觀察對象

  • 可觀察對象概述
  • RxJS 概述
  • 在 Angular 中構建與使用可觀察對象

生成用戶輸入表單

  • 使用模板驅動表單
  • 使用響應式表單
  • 創建自定義驗證
  • 驗證、過濾與清理表單數據

使用管道

  • 轉換輸出
  • 內置管道
  • 異步管道
  • 自定義管道

調用外部 HTTP API

  • 發送請求

測試 Angular 10 應用

  • 使用 Jasmine 進行單元測試
  • 使用 Protractor 進行端到端測試

調試應用

  • 理解 Angular 中的錯誤信息
  • 使用 Sourcemaps 在瀏覽器中調試代碼
  • 閱讀 TypeScript 編譯器診斷信息
  • 使用 Augury

優化 Angular 11 應用

  • 重構代碼
  • 減少包大小並消除死代碼

Angular 11 安全性

  • 身份驗證的工作原理
  • 使用 JWT 身份驗證
  • 在 Angular 中應寫與不應寫的內容

將 Angular 11 應用部署到生產環境

  • 部署到 IIS、Apache、Nginx 等

Angular 11 最佳實踐

故障排除

總結與結論

最低要求

  • 熟悉基本的 HTML、CSS 和 JavaScript

受衆

  • 開發者
 28 時間:

客戶評論 (5)

課程分類