【Udemy中英字幕】Angular Styling & Animations (for Angular 2+)

Angular 样式和动画 (适用于 Angular 2+)

对于 Angular 2+：了解如何使用动态样式和强大的动画来创建漂亮的 Angular 应用程序

讲师：Maximilian Schwarzmüller

双语IT资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

您将学到什么

• 在课程结束时，学生将能够使用 Angular 提供的许多功能来动态设置 Angular 应用程序的样式和动画
• 学生将能够设计他们的 Angular 组件、这些组件中的元素，并动态地更改样式
• 学生将能够添加复杂的动画，例如为元素、列表的外观或路线变化添加动画

探索相关主题

要求

• 需要具备基本的 Angular（2 或 4）知识
• 需要基本的 CSS 知识
• 具备基本的 CSS 过渡和动画知识者优先
• 无需 Angular Animations 知识

描述

您完成了网页的 业务逻辑，就大功告成了，对吧？不！为网页添加合适的样式和动画可显著改善用户体验！

这不仅仅是一个小小的奖励——动画和样式可以帮助用户了解页面的流程、向用户传递反馈并全面提高页面的可用性。

本课程将教您使用 Angular 提供的哪些工具来动态设置网页样式和动画。这不是 CSS 基础课程– 本课程将真正深入介绍 Angular 附带的丰富工具集，让您能够构建一个反应灵敏、用户友好的 Web 应用程序。

想想你最喜欢的网络应用：有多少看起来很丑，样式似乎是随机的（而且是静态的）并且不使用动画？可能没有那么多——是时候加入创造卓越用户体验的开发者俱乐部了！

这就是您将要学到的内容！

• Angular 如何帮助你设计网页样式和动画

• “动态”造型和动画的含义 

• 如何设计整个 Web 应用程序或您构建的单个组件

• Angular 提供哪些工具 来在运行时调整样式

• 如何使用原生 CSS 打造出色的过渡和动画

• 关于 Angular 的动画包的全部内容：构建、配置和使用触发器、状态、样式、转换等！

• 高级动画功能，如动画组、关键帧或回调

• 如何为元素/组件的出现和移除制作动画

• 如何为列表添加动画效果

• 如何为路由添加动画

• 还有更多！

这就是课程所提供的内容 – 但这门课程适合您吗？

如果您符合以下条件，则本课程适合您：

• 你已掌握（基本的） Angular 和 CSS 知识，并觉得需要学习更多关于在 Angular 应用中添加/使用样式和动画的知识

• 你现在正在学习 Angular，并且希望继续学习更多精美的应用程序

• 你甚至已经了解了 Angular 应用程序样式和动画的基础知识，但你觉得组件的样式/动画仍然存在一些神秘之处

我很高兴欢迎您参加本课程！

本课程适合哪些人：

• 本课程适合所有有兴趣借助 Angular 添加漂亮的样式和动画来增强用户体验的人
• 对动态样式或动画 Angular 应用感兴趣的学生应该会发现这门课程非常有帮助