课程大纲
介绍
- 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
客户评论 (6)
材料很棒! 培训师人非常好,这对学习帮助很大!
Xander Knol - Conclusion Learning Centers
课程 - Angular 6
机器翻译
实践练习!
William Limberger - Conclusion Learning Centers
课程 - Angular 6
机器翻译
学习Angular的整个生态系统,包括TypeScript,特别是路由
Ryan Delport - Leaseweb
课程 - Angular 6
机器翻译
通过实际动手操作进行练习。
Christiaan Sloof - Leaseweb
课程 - Angular 6
机器翻译
我真的很喜欢这位培训师,他是一位非常专业的专家。
Lukasz Cysewski - PSI Polska
课程 - Angular 6
机器翻译
教程让我们能够将讲座中学到的知识应用到实际案例中,也为我们提供了提问的机会,以便在不确定某些内容如何运作时得到解答。
Chris Gilchrist - SAA Consultants LTD
课程 - Angular 6
机器翻译