感謝您提交詢問!我們的一位團隊成員將在短時間內與您聯繫。
感謝您提交預訂!我們的一位團隊成員將在短時間內與您聯繫。
課程簡介
介紹
- 什麼是 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)
我喜歡培訓更側重於實踐方面。
Mihaela - Ness
課程 - NgRx
機器翻譯
Topics that were discussed, lots of live code examples, trainers attitude towards group
Weronika - ATOS PGS sp. z o.o.
課程 - Reactive Programming with Angular RxJS
我喜歡你的笑話
Dermot - Griffiths & Armour
課程 - Angular 2 Fundamentals
機器翻譯
Practical examples, exercises and best practices
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
課程 - Angular 10 for Developers
Pipe Routing Data Biding Services