9月19日至20日，我和我的同事参加了AngularConnect会议。 这是最大的Angular会议之一，今年已第五次举行。 该计划有30个报告，其中8个来自Angular团队，4个讲习班和5个专家区域。 因此，去伦敦很值得（嗯，那总是值得去伦敦旅行）。
在本文中，我们将说明为什么选择AngularConnect，哪些主题对我们来说很有趣，并帮助您决定查看会议第一天的报告。
程序
当然，在决定是否去时，我们注意到的第一件事就是程序。 Angular团队的8篇报道，许多Angular开发人员John Papa，《 Angular in Depth》的作者，Max Koretskiy博客的作者以及许多其他著名演讲者都知道，他们的确是杰出的演员。
但是，这不仅是大人物。 陈述的主题与我们的工作任务极为相关。
我们从深入的报告中获得了很多期望-Google工程师MertDeğirmenci和
Angular应用程序 对Angular的性能优化， 像是调试性能和内存问题
的鲨鱼 。 与性能相关的一切对我们都很重要，因为我们制作了复杂的交互式应用程序。
使用TSLint和Schematics报告
迁移重大更改似乎也很准确。 我们有一个内部UI Kit库，在开发过程中，我们进行重大更改时经常遇到负面影响。 我们遇到了自动迁移的需求，因此了解其他人的工作方式很有趣。
我们使用NgRx并监视其最佳实践。 因此，我们对另一篇深入研究的文章《
量子立面》感兴趣：根据您的观察方式，为什么NgRx立面是可怕的还是很棒的 ？ 我们想听听Sam Julien的结论，并将其与我们的结论进行比较。
而且有很多这样的交叉点！
报告书
会议的第一天由Stephen Fluin和Igor Minar开幕。
斯蒂芬感谢社区的支持，并谈到了Google的Angular项目数量从2018年的600个增加到2019年的1,500个。
伊戈尔说，在Angular CLI 8.3中简化了ES 5的组装-这样可以将花费的时间减少40％。 他还谈到了Angular 9中的优化：工件的重量将减少，应用程序将开始更快地工作。 由于新的常春藤渲染，这将成为可能。 在框架的第九版中，库将附带ViewEngine支持。 从第十版开始-与常春藤。 通过
链接检查库的兼容性。
深入了解角度编译器
Angular编译器的开发者Alex Rickabaugh谈到了将Angular模块编译成JavaScript代码的五个步骤。 他使用一个示例来分析编译模型：它在Ivy中是什么以及将成为什么。 Alex表示，NgModule范围，部分代码执行和模板中改进的类型检查是Ivy的主要优势。
该报告对于希望详细了解编译器功能并了解其工作包含哪些阶段的人员很有用。
Angular和OWASP前10名
Philippe De Ryck回顾了OWASP 10漏洞等级，但仅详细介绍了其中三个：XSS，Broken Auth和对漏洞的依赖项的使用。
- 遵循有角度的方法-缺少XSS的关键。
- OAuth 2.0和该库将有助于避免授权问题。
- 用ng new创建的项目有2万个安装文件，开发人员无法控制。 攻击者使用此方法：npm软件包electronic-notify-native已添加到流行的存储库中。 一段时间后，我们更改了代码。 流行的存储库在更新依赖项时会出现漏洞。
我们建议将此报告作为OWASP 10的简介。
我在角队的旅程
Manu Murthy于2017年10月加入Angular团队。 在他的报告中，他谈到了这段时间的三个关键点：改变对社区的关注，改进团队内部的流程以及当前的挑战。 在报告的最后，他谈到了2019年的实习项目：看守，代码中的可扩展搜索和连接生态系统。
两年的Angular团队在半小时内为我们飞行。 他们没有感到无聊。 如果您想从内部了解框架，则将喜欢该报告。
我们如何快速成角度
在Ivy的开发过程中，团队专注于性能。
MiškoHevery的大部分演讲都是关于使用V8引擎优化js脚本的。 在基准测试示例中，他展示了单态和多态函数的执行时间。
Miško指出了用于V8分析的有用程序。 在报告的最后，他介绍了Ivy中的数据结构，并宣布了ngDevMode-一种在浏览器控制台中直观调试应用程序的模式。
大多数报告分析低级浏览器优化。 适合希望尽可能优化其应用程序的开发人员。
寻找角度
Elana Olson讨论了Angular生态系统：如何创建项目，如何使用Angular Material对其进行样式设置，如何添加服务以及为什么需要它们。 最后，Elana Olson解释了如何帮助Angular社区并将项目添加到生态系统。
该报告证明了入门级的合理性。 适用于最近完成《英雄之旅》的新开发者。
Angular闪电般的速度背后的秘密
Max Koretskyi提出了三个优化级别：代码执行时间，数据结构的使用和编译器操作。
- 内联缓存和单态函数将有助于加快代码执行速度。
- 布隆过滤器将加快结构的工作。
- 常春藤编译器将html模板转换为优化的JavaScript代码。
- 在观看之前，建议您熟悉视频Miško。 Max Koretskyi报告更易于理解，因为这些示例来自Angular。 职位描述Bloom过滤器永远被记住。
像鲨鱼一样分析Angular应用
吉尔·芬克（Gil Fink）首先讲述了浏览器中的渲染过程，其阶段，重排和重绘之间的区别以及RAIL模型。 然后，Gil进行概要分析，并举例说明如何使用Chrome中的“性能”标签查找问题区域。
该报告适合于熟悉概要分析应用程序的过程。 与Angular没有关系，您可以将朋友推荐给任何专业的前沿者。
使用原理图自动化Angular项目
Nrwl的Brandon Roberts讨论了Angular Schematics功能。 它们对于自动执行例行任务很有用：添加软件包时建立依赖关系，更新时执行附加操作。 借助原理图，您可以添加代码模板并简化标准实体的创建。 例如，Brandon显示了如何为API服务添加模板。
该报告从基础开始，适合于探索技术。
草图报告关闭了第一天的程序。 在我们身旁的是Angular-el，非正式交流，在伦敦周围散步...会议的第二天，我们将在另一篇文章中进行讨论。
会议上半年的印象仍然参差不齐。 一方面，有些报告是非常深入的，而且涉及第一手内容的实际深入研究，通常来自Angular的创建者本人。 另一方面，有报告，我们将其级别定为低于所述水平。 但是，会议的价值不仅在于报告中-我们将在第二部分中再次讨论该问题。