Get best of the week

DUMP2020的前端部分：我们将再次保证将有一个完整的房子。去年的热门报告和本主题

谁同意现代的前端很难，请举手！为Webpack设置的目的是什么？为什么SSR实现需要编写大量代码，而我们真的需要这样做吗？归咎于谁？作为开发人员，我们能做什么？

我们尝试在“前端”部分回答这些问题以及其他数百个问题。一年又一年，话题变得越来越多样化和越来越硬。本节的主要主题是实验。
看看被割伤的人，谁在尝试去年的成果，以及他们在此方面将展示和展示的内容



2019热门主题


去年在叶卡捷琳堡DUMP上，亚历山大·科罗塔耶夫（Alexander Korotaev）的报告（Tinkoff.ru）排名第一。每个人都知道WebGL非常快。我想立即重写上面的所有内容，但是这项技术看起来像是从另一个星球飞到了网上。该标准已使用了将近9年，并且专家很少。

亚历山大谈到了如何快速绘制2D图像，但简单地以游戏为例，而不会因矩阵和复杂的API阻塞头部。该报告讨论了预渲染，着色器以及使用React树快速在平面上绘制的概念。


404Group的Vitaly Dmitriev就反应式编程这一主题收集了同样的论文。 Vitaliy说，反应式范例已经在我们周围的小工具和数字生态系统中实施了很多年。每天我们都使用可以控制其他设备的设备，但是如果我们尝试在应用程序中重现它们的逻辑，则会得到一个高度可扩展的主动系统。为什么？

许多学校和教程都教我们如何创建直接负责管理某些组件的实体。在复杂的大型项目中，几年后，这变成了令人困惑的噩梦，并且在开发人员编写主动代码时，没有任何现代工具可以解决此问题。

有关如何反应而不是主动思考的方式，请参见下面的演讲：


亚历山德拉（Alexandra Shinkevich）谈到了如何执行开发标准，以免造成任何伤害。几乎每个团队都在就以下主题进行持续的辩论：“制表符还是空格？”，“是否需要在方括号之间缩进？”，“单引号或双引号？”，“是否需要在行尾添加分号？”。这只是列表的开始。但是，是否真的有必要在每次启动新项目，完成代码审查或是否有新开发人员加入团队时进行讨论？


在喀山DUMP，来自Avito的Denis Kolesnikov讲述了在一个历史悠久的项目中更新技术堆栈的艰难故事。这几乎就像是通过飞机引擎对飞机进行分类。 Denis讲述了他们如何逐步，逐步地更改Avito中的前端，实现服务器渲染，对微型前端进行依赖管理，以及他们遇到了什么耙子，以及由此得出的结论。

该报告适用于使用大型集中式代码库的中级和高级开发人员（以及希望削减此代码库的人员）。


图形内容是平均网页的一半。要正确准备这一半，您需要了解图片的排列方式以及如何使用它们。

Polina Gurtova（邪恶火星人）分析了不同格式（PNG，JPG，WebP，SVG等）的解剖结构，并讲述了如何选择正确的格式。

她立即​​解释了为什么选择格式只是优化的有趣路径上的一小步，并告诉您下一步该怎么做。


SvelteJS是发展最快的JavaScript框架之一。从React，Angular和Vue的角度来看，他可以取代吗？

俄语社区的项目维护者兼促进者Pavel Malyshev谈到了SvelteJS框架的当前状态，其生态系统和社区，以及为什么它还不是“另一个JS框架”，因此您应该仔细研究一下。


在叶卡捷琳堡DUMP2020周年周年纪念日，前端部分大厅现在可容纳400人。我们将保证某些报告中将100％填充此会议室。

部门计划委员会：Polina Gurtovaya（邪恶的火星人）和Yegor Khodyrev（Tochka）讨论了正在等待哪些话题以及已经宣布了哪些话题。

概念与应用DUMP2020


我们正在寻找持续30-40分钟的俄语和英语报告。如果您之前没有任何演出，那就没问题了。我们将帮助您思考整个结构，收集内容并排练演示文稿。

为了获得启发，我们准备了我们感兴趣的主题列表。列表并不详尽；我们对新的开放并正在考虑任何应用。

关键主题



  • 工具：IDE，插件，lint，构建器
  • 方法，架构和原则：SOLID，微服务，BEM
  • 优化：性能，内存管理，WebAssembly
  • 服务器开发：Node.js，V8，ChakraCore
  • 状态管理：Redux，MobX，Flux
  • 客户端数据同步和存储：REST，GraphQL，Web套接字
  • 移动开发：PWA，ReactNative，VueNative
  • 桌面应用程序：Electron，NW.js
  • 安全性：黑客和防护，npm中的漏洞
  • ECMAScript：新规范的功能
  • JS替代品：Typescript，ClojureScript，Elm，Dart
  • 测试：硒，单元测试，TDD
  • 框架：React，Angular，Vue
  • 样式：预处理器，CSS模块，JS-in-JS，样式化组件
  • 图形：SVG，WebGL，VR
  • 可用性：语义，ARIA，屏幕阅读器
  • 原型设计：Figma，设计系统
  • 粉丝：物联网，游戏开发，实验
  • 故事：成功与失败，与企业的互动
  • 其他：Web API，标准的未来，开源，包管理器等。

您可以在此处申请报告。



今年宣布的话题


我们是否需要N（e / u）xt.js？
（Grigory Petrov，Evrone）

在报告中，Grigory使用这两个框架来讨论现代前端开发的主要困难以及我们如何处理它们：现成的模板，本机代码或新的应用程序体系结构。演讲者将在“为什么会发生？”这一职位上表现出困难。以及如何做。

前端中的GameDev

Anna Blok（前端帮助，典型的版面设计师）和Daria Pushkarskaya（网络英雄学院）
关于您始终想开发游戏时改变方向的可能性的报告。

安娜（Anna）和达里亚（Daria）将展示创建游戏的技术和机会清单。
最后，他们将展示自己的游戏，以表明没有什么复杂的东西。

关于Lighthouse
Seryozha Popov（League A. / HTML Academy）

Lighthouse为我们完成了所有肮脏的工作，但是我们继续忽略它。每个站点和应用程序都应在此工具上进行测试，因为在现代世界中，前端变得很重要，这不仅是应用程序的编写内容，而且加载速度和可用用户数量也非常重要。灯塔比忽略容易使用。 Sergey将讨论比看起来重要的问题，以及如何使用Lighthouse解决这些问题。

WebAssembly：新功能和新问题
Polina Gurtovaya（邪恶火星人）

在报告中，我们将了解WebAssembly是什么。

让我们谈谈WebAssembly作为非Web格式，讨论WebAssembly如何在浏览器中使用。

以V8为例，让我们看看JS和WASM是如何工作的。让我们尝试了解是什么影响了JS和WASM的执行速度，在哪种情况下WASM更快。最后，我们将讨论该技术的现状及其应用的可能性。

使用NX
Anton Nikulin 管理单一存储库（Tinkoff.ru）

如今，几乎任何大型Web应用程序都包含许多较小的Web应用程序，这些应用程序又使用不同的库。如果每个这样的独立模块都在其自己的存储库中，那么即使更新一个库也将开始更新链中的所有依赖项。

今天更新也不是那么简单-在此链的每个阶段，您都必须走CI道路。这些是新的潜在问题：版本不兼容，测试删除，版本过旧等等。如果考虑它会伤害您，那么此报告适合您。
Anton将告诉您使用NX将所有内容放置在一个存储库中有多么方便，如何轻松地将应用程序分成小部分。让我们谈一谈，它将为您提供如何将其出售给团队和企业。我们看“引擎盖下”，然后看陷阱。最后，我们将弄清楚如何在家中实现NX。



这些只是程序委员会设法考虑的几个应用程序，但应用程序越多，程序越好！

您想在乌拉尔联邦区最大的可容纳400人的会议厅的开发商会议上发表演讲吗？

在为时已晚之前申请。

或于5月15日前来DUMP，聆听残酷的绞肉机所经历的主题；）

除了主程序外，我们还承诺提供许多有趣的事情。

More articles:


All Articles