Angular 10 for Developers

• 熟悉基本的 HTML、CSS 和 JavaScript

觀眾

• 開發人員

Angular 是一个 JavaScript 框架,用于构建 Web 应用程序。 Angular 10 是 Angular 2 系列中最新的版本(Angular 2 是原始 Angular JS 或 Angular 1 的完整重写)。 Angular 10是一个主要的发布,强调质量,工具和生态系统的改进,而不是新的功能。 Angular 10 比以前的版本小。

在本教练引导的现场培训(在线或在线),参与者将学习如何创建,测试和部署一个应用程序(3)使用最新的功能(3)10。

在本研讨会结束后,参与者将能够:

• 開發 Angular 10 應用程式使用 TypeScript 和 Angular CLI。
• 创建轻松连接的网页组件,可在任何页面上使用。
• 将这些组件连接到服务、模块和指南。
• 使用 REST 网页服务和 WebSocket 数据从一个 Angular 10 应用程序内。
• 创建自定义验证使用 Reactive 表格。
• 测试,拆卸和部署一个 Angular 10 应用程序。
• 组织(3)使用最佳实践的10个项目。

课程格式

• 互动讲座和讨论。
• 很多练习和练习。
• 在现场实验室环境中进行手动实施。

课程定制选项

• 要申请此课程的定制培训,请联系我们安排。

介紹

• 什麼是Angular？
• Angular 10 中的新增功能？

Typescript 和 ES6 概述 JavaScript

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

Angular 10件零件概述

• Angular 命令行介面
• 元件
• 指令
• 輸入和輸出
• 數據綁定和插值
• 事件綁定
• 數據建模
• Bootstrap平

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

• 規劃應用程式
• 設置 Angular 專案
• 使用 Bootstrap 4 和 Sass 建立移動友好的 UI

創建元件

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

Angular 10 中的數據綁定

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

使用指令

• 內置指令
• 自訂指令

Angular 10 服務

• 創建紀錄記錄服務
• 創建資料服務

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

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

使用路由切換頁面

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

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

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

生成供使用者輸入的表單

• 使用範本驅動的表單
• 使用 Reactive 表單
• 創建自訂驗證
• 驗證、過濾和清理表單數據

使用管道

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

調用外部 HTTP API

• 發送請求

使用 Angular 模組

測試 Angular 10 應用程式

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

調試應用程式

• 瞭解 Angular 中的錯誤訊息
• 使用Sourcemaps在瀏覽器中調試代碼
• 閱讀 TypeScript Compilor 診斷
• 使用 Augury

優化 Angular 10 應用程式

• 重新編寫代碼
• 減小捆綁包大小並消除死代碼

Angular 10 安全

• 身份驗證的工作原理
• 使用 JWT 身份驗證
• Angular 中應該寫什麼和不應該寫什麼

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

• 部署到 IIS、Apache、Nginx 等。

Angular 10 最佳實踐

故障排除

總結和結論