课程大纲

介绍

  • 什么是 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)

即将举行的公开课程

课程分类