Angular 高级大师班和免费电子书
构建自己的库,学习高级 Angular 功能
讲师:Angular University
口袋资源独家Udemy付费课程,独家中英文字幕,配套资料齐全!
用不到1/10的价格,即可享受同样的高品质课程,且可以完全拥有,随时随地都可以任意观看和分享。
你将会学到的
- Github 存储库中的代码,每个部分都有可下载的 ZIP 文件
- 学习 Angular 最先进的功能
- 学习如何构建开源 Angular 库
- 组件 API 设计
- 组件样式最佳实践
- 模板和模板出口、ng-content、ng-container、样式隔离和定制
- AOT、全局事件、使用 CLI 进行调试、@ViewChildren、@ContentChildren
- Light DOM vs Shadow DOM、@HostBinding、@HostListener、动态组件
- 指令、处理键盘事件、测试、动画等
要求
- Angular的基础知识
- TypeScript
说明
您想建立自己的开源库吗?
可能我们所有的开发人员都曾考虑过构建我们自己的库并为整个开源社区做出贡献。本课程的目标是为您提供制作自己的开源 Angular 库所需的所有工具。
我们将构建一系列难度逐渐增加的小型开源库,我们将以非常有趣和实用的方式学习大量的 Angular 高级特性。
学习高级 Angular 功能的最佳方法是什么?
学习 Angular 及其最高级特性的最佳方式是简单地使用它来构建一些非常具体的东西,例如应用程序或库 – 并以循序渐进的方式进行,因为没有替代品为了那次经历。
为了理解一项技术,我们真的需要用它来构建一些不平凡的东西——博客文章和文档只会让我们到目前为止。
在没有任何帮助的情况下,这当然非常耗时,因为在构建东西的过程中,我们必须自己学习所有内容,将无数的博客文章、文档和 Stackoverflow 答案粘合在一起。
因此,为了真正深入了解 Angular,我们将使用它来构建一系列小型可重用库。目标是创建一个实践场景,并在其原始用例中学习 Angular 的高级特性,在这些用例中它们最有意义,因此更容易学习。
我们将在本课程中建立哪些图书馆?
我们将构建以下库,并学习如何使用Angular 包格式在 NPM 上发布它们:我们将从做一个 Font Awesome 可定制输入框开始,并学习使用内容投影设计我们的组件而不是更多输入/输出的优势基于设计。在这个阶段,我们还将介绍 Angular 测试生态系统。
然后我们将逐步增加每个库的难度:我们将构建一个动态选项卡容器,允许接收模板作为组件输入,有效地允许覆盖组件模板的某些部分,同时保持组件的默认外观。
然后,我们将构建一个具有可定制内容的可重用动态模态组件。该组件的内容可通过内容投影或输入模板进行配置,并将引入结构指令的概念。
我们还将学习给定模块的指令和组件如何使用共享库服务以透明的方式进行交互,而与模板中使用它们的位置无关。然后我们将构建一个输入掩码指令,我们将在其中介绍一些高级键盘处理行为。
在课程结束时,我们将使用我们在前几节中构建的所有组件和指令,我们将使用它们构建一个更大的示例:支付模式小部件!
然后我们将介绍 Angular Animations 模块,并使用它来为模态小部件设置动画,我们将了解如何定义可以跨组件重用的动画。
您将在本课程中学到什么?我们将学习如何以Angular 包格式
创建AOT 兼容库,如何定义库模块,如何隔离组件的样式但仍使其可定制,如何设计组件和指令以使其更易于维护 -使它们可定制,同时为组件提供出色的默认行为。
我们将涵盖 Angular 的所有更高级的功能,包括组件 API 设计、组件样式最佳实践、模板和模板出口、ng-content、ng-container、样式隔离和自定义、AOT、全局事件、使用 CLI 进行调试, @ViewChildren、@ContentChildren、Light DOM 与 Shadow DOM、@HostBinding、@HostListener、动态组件、指令、处理键盘事件、测试、动画等(这是一个非广泛的列表)。
但是,除了孤立地展示这些特性之外,我们还将在实际用例中使用它们,这将使这些特性更容易学习。
在本课程结束时,您将能够做什么?
在本课程结束时,您将了解 Angular 的许多最高级功能,但最重要的是您将知道何时使用它们以及为什么使用它们。您将知道如何构建开源 Angular 库,并知道如何在 NPM 上将它们提供给开源社区。
通过这门高级课程,您将在 Angular 上打下坚实的基础:您很可能能够处理在日常工作或个人项目中遇到的更高级的 Angular 开发任务。
看看下面的课程免费课程,请享受课程!
此课程面向哪些人:
- 希望深入了解 Angular 的软件开发人员
- 希望学习如何发布开源 Angular 库的软件开发人员