课程大纲

介绍

  • Angular 5 中有哪些新功能?

Typescript 和 ES6 概述 JavaScript

  • TypeScript 语法
  • 使用 TypeScript 转译器
  • 设置 Angular 5 和 Typescript

创建您的第一个 Angular 应用程序

  • 规划应用程序
  • 使用 CLI 设置 Angular 项目和应用程序
  • 使用 Bootstrap 4 和 Sass 创建基本项目设置

使用 Angular 5 的部件

  • 创建组件
  • 数据绑定和字符串插值
  • 属性绑定
  • 事件绑定
  • 双向数据绑定
  • 数据建模
  • 指令
  • Bootstrap平
  • 输入和输出

使用 Angular 5 组件

  • 数据流
  • 使用 AppModule
  • 使用自定义组件
  • 使用模板和样式
  • 使用视图封装
  • 投影内容
  • 了解组件生命周期和生命周期挂钩
  • 使用 ViewChildren 和 ContentChildren

Angular 5 中的数据绑定

  • 属性和事件绑定概述
  • 将别名绑定和分配给自定义属性
  • 将别名绑定和分配到自定义事件

使用指令

  • 内置指令
  • 自定义指令

调试应用程序

  • 了解 Angular 中的错误消息
  • 使用 Sourcemaps 在浏览器中调试代码
  • 使用 Augury

Angular 5 服务

  • 了解服务的重要性
  • 创建日志记录服务
  • 创建数据服务

使用依赖关系注入和提供程序

  • 注入器、提供程序和令牌
  • 配置依赖注入
  • 配置提供程序
  • 将服务注入组件、指令和服务

使用路由切换页面

  • 设置路由
  • 配置和加载路由
  • 了解不同的导航方法
  • 在路由中使用参数
  • 创建嵌套路由
  • 使用重定向和通配符路由
  • 了解路由防护
  • 了解路由策略

使用 RxJS 在 Angular 中创建和使用可观察对象

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

处理表格

  • 使用模板驱动的表单
  • 使用 Reactive 表单

使用管道

  • 内置管道
  • 异步管道
  • 定制管道

调用外部 HTTP API

使用 Angular 模块

优化 Angular 5 应用程序

测试 Angular 5 应用程序

  • 使用 Jasmine 进行单元测试

Angular 5 安全

  • 认证
  • Angular 中应该写什么和不应该写什么

将 Angular 5 应用程序部署到生产环境

  • 部署到IIS、Apache、Nginx 等。

故障 排除

闭幕致辞

要求

  • 熟悉基本的 HTML、CSS 和 JavaScript

观众

  • Web 开发初学者
  • 经验丰富的前端开发人员
  • 任何有兴趣学习如何使用 Angular 开发应用程序的人
  28 小时

人数



每位参与者的报价

客户评论 (1)

相关课程

课程分类