感謝您提交詢問!我們的一位團隊成員將在短時間內與您聯繫。
感謝您提交預訂!我們的一位團隊成員將在短時間內與您聯繫。
課程簡介
介紹
- 什麼是 Angular?
- Angular 10 的新特性
TypeScript 和 ES6 JavaScript 概述
- TypeScript 語法
- 使用 TypeScript 編譯器
- 設置 Angular 10 和 TypeScript
Angular 10 組件概述
- Angular CLI
- 組件
- 指令
- 輸入和輸出
- 數據綁定和插值
- 事件綁定
- 數據建模
- 引導程序
創建您的第一個 Angular 應用程序
- 規劃應用程序
- 設置 Angular 項目
- 使用 Bootstrap 4 和 Sass 創建移動友好的 UI
創建組件
- 理解組件生命週期
- 數據流
- 使用模板和樣式
- 投影內容
- 使用 AppModule
- 使用自定義組件
- 使用視圖封裝
- 實現生命週期鉤子
- 使用 ViewChildren 和 ContentChildren
Angular 10 中的數據綁定
- 理解屬性和事件綁定
- 綁定和分配自定義屬性的別名
- 綁定和分配自定義事件的別名
使用指令
- 內置指令
- 自定義指令
Angular 10 服務
- 創建日誌服務
- 創建數據服務
使用依賴注入和提供者
- 注入器、提供者和令牌
- 配置依賴注入
- 配置提供者
- 將服務注入組件、指令和服務中
使用路由切換頁面
- 理解不同的導航方法
- 路由策略
- 設置路由
- 配置和加載路由
- 在路由中使用參數
- 創建嵌套路由
- 使用重定向和通配符路由
- 理解路由守衛
使用 RxJS 在 Angular 中創建和使用觀察者
- 觀察者概述
- RxJS 概述
- 在 Angular 中構建和使用觀察者
生成用戶輸入表單
- 使用模板驅動表單
- 使用響應式表單
- 創建自定義驗證
- 驗證、過濾和清理表單數據
使用管道
- 轉換輸出
- 內置管道
- 異步管道
- 自定義管道
調用外部 HTTP API
- 發送請求
使用 Angular 模塊
測試 Angular 10 應用程序
- 使用 Jasmine 進行單元測試
- 使用 Protractor 進行端到端測試
調試應用程序
- 理解 Angular 中的錯誤消息
- 使用 Sourcemaps 在瀏覽器中調試代碼
- 閱讀 TypeScript 編譯器診斷信息
- 使用 Augury
優化 Angular 10 應用程序
- 重構代碼
- 減少包大小並消除死代碼
Angular 10 安全性
- 身份驗證的工作原理
- 使用 JWT 身份驗證
- 在 Angular 中應寫和不應寫的內容
將 Angular 10 應用程序部署到生產環境
- 部署到 IIS、Apache、Nginx 等
Angular 10 最佳實踐
故障排除
總結與結論
最低要求
- 熟悉基本的 HTML、CSS 和 JavaScript
受衆
- 開發者
28 時間:
客戶評論 (4)
培訓師的態度和知識
Gabriel Llaurado - Allianz Technology
課程 - Angular 10 for Developers
機器翻譯
結構的知識。
Jeffry Gonzalez - Allianz Technology
課程 - Angular 10 for Developers
機器翻譯
我們從 Angular 和 TS 的基礎開始,以一種很好的方式增加了練習的難度
Daniel Zamorano Infante - Allianz Technology
課程 - Angular 10 for Developers
機器翻譯
Practical examples, exercises and best practices