课程大纲
介绍
- Angular 6 中有哪些新功能?
Typescript 和 ES6 概述 JavaScript
- TypeScript 语法
- 使用 TypeScript 转译器
- 设置 Angular 6和 Typescript
Angular 6的零件概述
- 创建组件
- 数据绑定和字符串插值
- 属性绑定
- 事件绑定
- 双向数据绑定
- 数据建模
- 指令
- Bootstrap平
- 输入和输出
- Angular 命令行界面
创建您的第一个 Angular 应用程序
- 规划应用程序
- 使用 CLI 设置 Angular 项目和应用程序
- 使用 Bootstrap 4 和 Sass 创建基本项目设置
使用 Angular 6 组件
- 数据流
- 使用 AppModule
- 使用自定义组件
- 使用模板和样式
- 使用视图封装
- 投影内容
- 了解组件生命周期和生命周期挂钩
- 使用 ViewChildren 和 ContentChildren
Angular 6 中的数据绑定
- 属性和事件绑定概述
- 将别名绑定和分配给自定义属性
- 将别名绑定和分配到自定义事件
使用指令
- 内置指令
- 自定义指令
Angular 6 服务
- 创建日志记录服务
- 创建数据服务
使用依赖关系注入和提供程序
- 注入器、提供程序和令牌
- 配置依赖注入
- 配置提供程序
- 将服务注入组件、指令和服务
使用路由切换页面
- 设置路由
- 配置和加载路由
- 了解不同的导航方法
- 在路由中使用参数
- 创建嵌套路由
- 使用重定向和通配符路由
- 了解路由防护
- 了解路由策略
使用 RxJS 在 Angular 中创建和使用可观察对象
- Observables 概述
- RxJS概述
- 在 Angular 中构建和使用 Observables
处理表格
- 使用模板驱动的表单
- 使用 Reactive 表单
使用管道
- 内置管道
- 异步管道
- 定制管道
调用外部 HTTP API
使用 Angular 模块
测试 Angular 6 应用程序
- 使用 Jasmine 进行单元测试
调试应用程序
- 了解 Angular 中的错误消息
- 使用 Sourcemaps 在浏览器中调试代码
- 使用 Augury
优化 Angular 6 应用程序
Angular 6 安全
- 认证
- Angular 中应该写什么和不应该写什么
将 Angular 6 应用程序部署到生产环境
- 部署到IIS、Apache、Nginx 等。
故障 排除
闭幕致辞
要求
- 熟悉基本的 HTML、CSS 和 JavaScript
观众
- 开发 人员
客户评论 (6)
Good material! The trainer is a really nice guy which helps a lot!
Xander Knol - Conclusion Learning Centers
课程 - Angular 6
Practical exercises!
William Limberger - Conclusion Learning Centers
课程 - Angular 6
Learning the whole ecosystem of angular, typescript, ad especially routing
Ryan Delport - Leaseweb
课程 - Angular 6
Practising with actually doing it myself.
Christiaan Sloof - Leaseweb
课程 - Angular 6
I genuinely enjoyed the trainer is a great specialist.
Lukasz Cysewski - PSI Polska
课程 - Angular 6
The tutorials, they allowed us to take the knowledge that we had learnt from the lecture and implement it into a real example. It also gave us an opportunity to ask questions if we were unsure on how something works.