課程簡介
介紹
- 什麼是 Angular?
- Angular 11 中有哪些新功能?
Typescript 和 ES6 概述 JavaScript
- TypeScript 語法
- 使用 TypeScript 轉譯器
- 設置 Angular 11和 Typescript
Angular 11的零件概述
- Angular 命令行介面
- 元件
- 指令
- 輸入和輸出
- 數據綁定和插值
- 事件綁定
- 數據建模
- Bootstrap平
- 實驗性 Webpack
創建您的第一個 Angular 應用程式
- 規劃應用程式
- 設置 Angular 專案
- 使用 Bootstrap 4 和 Sass 建立移動友好的 UI
創建元件
- 瞭解元件生命週期
- 數據流
- 使用範本和樣式
- 投影內容
- 使用 AppModule
- 使用自訂元件
- 使用檢視封裝
- 實現生命周期鉤子
- 使用 ViewChildren 和 ContentChildren
Angular 11 中的數據綁定
- 瞭解屬性和事件綁定
- 將別名綁定和分配給自定義屬性
- 將別名綁定和分配到自定義事件
使用指令
- 內置指令
- 自訂指令
Angular 11 服務
- 創建紀錄記錄服務
- 創建資料服務
使用依賴關係注入和提供程式
- 注入器、提供程式和令牌
- 配置依賴注入
- 配置提供者
- 將服務注入元件、指令和服務
使用路由切換頁面
- 瞭解不同的導航方法
- 路由策略
- 設置路由
- 配置和載入路由
- 在路由中使用參數
- 創建嵌套路由
- 使用重定向和通配符路由
- 瞭解路由防護
使用 RxJS 在 Angular 中創建和使用可觀察物件
- Observables 概述
- RxJS 概述
- 在 Angular 中構建和使用 Observables
生成供使用者輸入的表單
- 使用範本驅動的表單
- 使用 Reactive 表單
- 創建自訂驗證
- 驗證、過濾和清理表單數據
使用管道
- 轉換輸出
- 內置管道
- 異步管道
- 定製管道
調用外部 HTTP API
- 發送請求
測試 Angular 10 應用程式
- 使用 Jasmine 進行單元測試
- 使用 Protractor 進行端到端測試
調試應用程式
- 瞭解 Angular 中的錯誤訊息
- 使用Sourcemaps在瀏覽器中調試代碼
- 閱讀 TypeScript Compilor 診斷
- 使用 Augury
優化 Angular 11 應用程式
- 重新編寫代碼
- 減小捆綁包大小並消除死代碼
Angular 11 安全
- 身份驗證的工作原理
- 使用 JWT 身份驗證
- Angular 中應該寫什麼和不應該寫什麼
將 Angular 11 應用程式部署到生產環境
- 部署到 IIS、Apache、Nginx 等。
Angular 11 最佳實踐
故障排除
總結和結論
最低要求
- 熟悉基本的 HTML、CSS 和 JavaScript
觀眾
- 開發人員
客戶評論 (5)
它非常互動和信息豐富。當我們不明白某些事情時,培訓師對我們非常有耐心,並確保在整個培訓過程中沒有人掉隊。
Daniel - INIT Innovations in Transportation Ltd.
Course - Angular 17
機器翻譯
- I really like the course and the Trainor is very accommodating and has a great knowledge on the topic. It just that not all topics are discussed in the 4-day training.
Allan - Tribal Software Philippines Inc
Course - Angular 14
我喜歡你的笑話
Dermot - Griffiths & Armour
Course - Angular 2 Fundamentals
機器翻譯
Practical examples, exercises and best practices
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Course - Angular 10 for Developers
Pipe Routing Data Biding Services