课程大纲
介绍
- 什么是Angular?
- Angular 与 React 与 Vue
- Angular 16 功能和体系结构概述
- 设置开发环境
开始
- 使用 Angular CLI 创建新的 Angular 16 项目
- 浏览项目结构和文件
- 运行和提供应用程序
- 使用插值和表达式显示数据
组件
- 了解组件在 Angular 16 中的作用
- 创建和使用组件
- 使用输入和输出在组件之间传递数据
- 使用组件生命周期钩子
指令
- 了解结构指令和属性指令之间的区别
- 创建和使用内置指令,例如 ngIf、ngFor、ngSwitch 等。
- 创建和使用自定义指令
管道
- 了解 Angular 16 中管道的用途
- 创建和使用内置管道,例如日期、货币、json 等。
- 创建和使用自定义管道
服务业
- 了解服务在 Angular 16 中的作用
- 创建和使用服务
- 使用提供程序注入依赖项
模块
- 了解模块在 Angular 16 中的作用
- 创建和使用模块
- 导入和导出模块
数据绑定
- 了解单向数据绑定和双向数据绑定之间的区别
- 创建和使用属性绑定、事件绑定和 banana-in-a-box 语法
- 使用模板引用变量
路由
- 了解路由在 Angular 16 中的作用
- 创建和配置路由
- 使用 routerLink 和 router.navigate 在路由之间导航
- 使用路由参数、查询参数和片段
形式
- 了解模板驱动表单和响应式表单之间的区别
- 使用表单控件、表单组、表单数组等创建和验证表单。
- 使用内置验证器,例如 required、minLength、maxLength 等。
- 创建和使用自定义验证程序
HTTP 客户端
- 了解 HTTP 客户端在 Angular 16 中的角色
- 创建和使用 HTTP 请求与后端服务通信
- 使用 observables 处理异步数据流
- 使用拦截器修改或处理 HTTP 请求或响应
调试
- 了解 Angular 16 个应用程序中的常见错误和错误
- 使用 Chrome DevTools 检查元素、源、网络、控制台等。
- 使用断点、监视表达式、调用堆栈等来调试代码
测试
- 了解测试在 Angular 16 个应用中的重要性
- 使用 Jest 作为替代测试框架
- 使用 Karma 作为单元测试的测试运行程序
- 使用 Protractor 作为端到端测试工具
摘要和后续步骤
要求
- 了解 HTML、CSS 和 JavaScript
- 具有 TypeScript 和 RxJS 的经验
- Web开发经验
观众
- 希望了解如何使用 Angular 16 创建动态和响应式 Web 应用程序的开发人员
- 希望从以前版本的 Angular 升级技能的开发人员
- 希望探索 Angular 16 的新功能和更新的程序员
客户评论 (10)
The practical experience of actually working with the code
Chad Roskuge - ALTRON
课程 - AngularJS Basics
interesting showing the topic
Adam Boroch - SPOC S.A.
课程 - Angular JavaScript
The labs were interesting and probably the most useful learning tool to me. Anything I missed or forgot about was relearned or reinforced in the labs.
Joseph Fuerst
课程 - Building Web Apps using the MEAN stack
我喜欢你的笑话
Dermot - Griffiths & Armour
课程 - Angular 2 Fundamentals
机器翻译
I mostly enjoyed the hands-on training code.
Tomislav Brajkovic - HSE - Healthlink
课程 - Angular 4: Create Single-Page Applications Using HTML, CSS and JavaScript
分步分析。每行代码说明。我在课程中遇到的每个问题都得到了成功解决,Łukasz 告诉我原因。 我也喜欢已经提出的良好做法。我从来没有相信过TDD风格 - 我只是觉得它没有用,不值得花时间。Łukasz 指出了 TDD 的诸多优点,这完全改变了我的看法。
Michał Uściński - Devapo Sp. z o. o.
课程 - Testing Angular Applications
机器翻译
część o RxJS
Kacper - INWEBIT Sp. z o.o.
课程 - Reactive Programming with Angular RxJS
I liked the communication and way of passing knowledge.
Marcin Wojdowski - PSI Polska Sp. z o.o.
课程 - Angular 5
Good material! The trainer is a really nice guy which helps a lot!
Xander Knol - Conclusion Learning Centers
课程 - Angular 6
Good examples and interactive course !