課程簡介

介紹

  • Angular 5 中有哪些新功能?

Typescript 和 ES6 概述 JavaScript

  • TypeScript 語法
  • 使用 TypeScript 轉譯器
  • 設置 Angular 5 和 Typescript

創建您的第一個 Angular 應用程式

  • 規劃應用程式
  • 使用 CLI 設定 Angular 專案和應用程式
  • 使用 Bootstrap 4 和 Sass 建立基本項目設置

使用 Angular 5 的部件

  • 創建元件
  • 數據綁定和字串插值
  • 屬性綁定
  • 事件綁定
  • 雙向數據綁定
  • 數據建模
  • 指令
  • Bootstrap平
  • 輸入和輸出

使用 Angular 5 元件

  • 數據流
  • 使用 AppModule
  • 使用自訂元件
  • 使用範本和樣式
  • 使用檢視封裝
  • 投影內容
  • 瞭解元件生命週期和生命週期挂鉤
  • 使用 ViewChildren 和 ContentChildren

Angular 5 中的數據綁定

  • 屬性和事件綁定概述
  • 將別名綁定和分配給自定義屬性
  • 將別名綁定和分配到自定義事件

使用指令

  • 內置指令
  • 自訂指令

調試應用程式

  • 瞭解 Angular 中的錯誤消息
  • 使用Sourcemaps在瀏覽器中調試代碼
  • 使用 Augury

Angular 5 服務

  • 瞭解服務的重要性
  • 創建紀錄記錄服務
  • 創建資料服務

使用依賴關係注入和提供程式

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

使用路由切換頁面

  • 設置路由
  • 配置和載入路由
  • 瞭解不同的導航方法
  • 在路由中使用參數
  • 創建嵌套路由
  • 使用重定向和通配符路由
  • 瞭解路由防護
  • 瞭解路由策略

使用 RxJS 在 Angular 中創建和使用可觀察物件

  • Observables 概述
  • RxJS概述
  • 在 Angular 中構建和使用 Observables

處理表格

  • 使用範本驅動的表單
  • 使用 Reactive 表單

使用管道

  • 內置管道
  • 異步管道
  • 定製管道

調用外部 HTTP API

使用 Angular 模組

優化 Angular 5 應用程式

測試 Angular 5 應用程式

  • 使用 Jasmine 進行單元測試

Angular 5 安全

  • 認證
  • Angular 中應該寫什麼和不應該寫什麼

將 Angular 5 應用程式部署到生產環境

  • 部署到IIS、Apache、Nginx 等。

故障排除

閉幕致辭

最低要求

  • 熟悉基本的 HTML、CSS 和 JavaScript

觀眾

  • Web 開發初學者
  • 經驗豐富的前端開發人員
  • 任何有興趣學習如何使用 Angular 開發應用程式的人
  28 時間:
 

人數


開始於

結束於


Dates are subject to availability and take place between 09:30 and 16:30.
Open Training Courses require 5+ participants.

客戶評論 (1)

相關課程

課程分類