课程大纲

介绍

  • Angular 6有什么新特性?

Typescript和ES6 JavaScript概述

  • TypeScript语法
  • 使用TypeScript转换器
  • 设置Angular 6和Typescript

Angular 6的部件概述

  • 创建组件
  • 数据绑定和字符串插值
  • 属性绑定
  • 事件绑定
  • 双向数据绑定
  • 数据建模
  • 指令
  • 引导(Bootstrapping)
  • 输入和输出
  • Angular CLI

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

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

使用Angular 6组件

  • 数据流
  • 使用AppModule
  • 使用自定义组件
  • 使用模板和样式
  • 使用样式封装(View Encapsulation)
  • 映射内容
  • 了解组件生命周期(Component Lifecycle)和生命周期钩子(Lifecycle Hooks)
  • 使用ViewChildren和ContentChildren

在Angular 6中进行数据绑定

  • 属性和事件绑定概述
  • 为自定义属性绑定和设置别名
  • 为自定义事件绑定和设置别名

使用指令

  • 内置指令
  • 自定义指令

Angular 6服务

  • 创建日志记录服务
  • 创建一个数据服务

使用依赖注入(Dependency Injection)和提供者(Providers)

  • Injectors、Provider、Tokens
  • 配置依赖注入
  • 配置你的提供商
  • 将服务注入到组件、指令和服务中

使用路由切换页面

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

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

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

处理表格

  • 使用模板驱动表单
  • 使用响应式表单

使用管道(Pipe)

  • 内置管道
  • 异步管道(Async Pipe)
  • 自定义管道

调用外部HTTP API

使用Angular模块

测试Angular 6应用程序

  • 使用Jasmine进行单元测试

调试应用程序

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

优化Angular 6应用程序

Angular 6安全

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

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

  • 部署到IIS、Apache、Nginx等

故障排除

结束语

要求

  • 熟悉基本的HTML、CSS、JavaScript
 28 小时

客户评论 (6)

即将举行的公开课程

课程分类