Frontend Live 2020:新格式-新机遇

今年,在Frontend Live上,我们将再次讨论开发中最相关的主题:关于架构,性能,测试和设计,将有4个方面。但是,随着前端的不断发展和扩展,我们还将讨论相关的问题,从而出现了对旧(新)问题的有趣解决方案,当然还有新的研究对象。



与往常一样,除了报告之外,还将进行强化,大师班和讲习班,当然还有公开讨论(任何人都可以这样做-建议讨论的话题并邀请参与者)。







为了扩大您的视野,我们再次只选择了有关现实生活项目的创意和实用报告。将有关于这一切如何运作的新想法和示范的报告。在大师班上,我们将告诉您团队如何解决突发性困难,他们发明了什么新知识以及所得到的结果。我们还将讨论美丽。



又美丽又安全



在常见问题中,演讲者不怕深入研究技术并返回有趣的结果。他们将告诉您如何在代码级别上防止从外部渗透,以及如何在静态键入运行时TypeScript中工作。扬声器将添加一些硬核,从美观方面的发展来看,声音,舞蹈和图标将有很多有趣的事情。



亚历山大·英金(Tinkoff.ru),热情的角度开发人员,Google开发人员专家,作曲家和电影迷,将展示他的应用程序,以便在浏览器中播放合成器。在他令人难以置信的演示中,Alexander将解释您如何以声明性方式使用命令式Web Audio API。他还将讨论什么将有助于轻松地重用已创建的块,并且总的来说,在带有组件方法的Web组件或框架环境中使用API​​是很舒服的。来自卢森堡的3D传播者



Vasilika Klimova(Avaloq)拥有11年的Web开发经验,甚至在主流之前就喜欢在前端使用3D技术。我是Artec3D的前端团队负责人,在这里我熟悉了WebGL的3D世界。



Vasilika将展示她如何教她的3D模型跳舞,并且您将了解什么是索具,蒙皮模型以及为什么使用3D骨骼模型。



在我们的行业中,人们很少将这样的小型家居用品视为svg图标。架构团队的领先前端开发人员Nikita Mostovoy(HeadHunter),将使我们沉浸在他们的美好世界中,并向我们讲述如何通过内联组件优化向网站添加图标的方式。 Nikita还将向您展示如何解决SSR期间非缓存图标的问题,如何更改图标以及优化其加载过程。



如果您想开放源代码并节省几个星期的培训时间,则可以从Tinkoff.ru获取Roman Sedov。,是一名角度开发人员和高级角度交互式书籍的作者),将告诉您您需要做些什么和知道些什么。 Roman支持并开发Angular世界中的开源项目,并在实践中了解创建NPM库的乐趣。以及如何编写文档,没有不必要的代码的外观如何,如何不给人留下深刻印象的印象,如何设置代码验证以及如何上载代码。



上载代码后,您需要做好准备,使黑客也可以理解它。Tatiana Novikova(TSARKA),从安全性角度来看,是一个经验丰富的pentester和源代码审核员,将展示存在哪些攻击媒介以及黑客如何利用前端漏洞。它还将解释为什么Web框架不能保护开发人员免受安全漏洞的侵害,以及如何处理它们。



Tatiana将从XSS到不是最流行的攻击类型,一路浏览前端漏洞的世界,以便您可以自信地说自己的卫生水平最低。



当然,这里没有铁杆。前端技术在不断发展,我们并不总是跟上这一发展。Facebook Developer Circle:Moscow的高级软件工程师/社区负责人Alexander Rudenko(X5Labs)将在上次会议后继续进行。去年,Alexander向我们介绍了Relay Modern,今年,他将告诉您如何使用其中的网络和数据层。



Alexander将提醒您中继现代的基本原理,然后深入数据层和网络层,讨论与服务器端的有效连接。



常规发言人Mike Bashurov(WiseBits),TypeScript武士和ReasonML爱好者将告诉您如何将TS中的静态类型拖动到运行时。做什么的?例如,用于验证JSON,其他数据或用于基于属性的测试。这并不容易,但是如果您真的想要,那么可以!



Mike将向您展示什么是类型导向的发射,如何使用它,将其与其他解决方案进行比较,并深入研究Transpiler API的具体细节(我们将了解这种方法的本质。请观看类型如何移至运行时并验证数据...



不仅在内部,而且在内部也很漂亮



开发人员还希望使用美观,方便的代码进行工作。当然,很难评估体系结构是否良好–在一个项目中它会成功,而在另一个项目中“会出问题”。尽管如此,清晰的体系结构总是可以帮助项目工作:扩展或更改代码时,在理解和测试代码方面不会有很大的困难。即使您刚刚掌握了其他人的代码。 “体系结构”轨迹的报告只是关于如何使开发人员的生活更轻松。技术开发经理



Denis Krasnovsky(DomClik)再次请您提供代码优化报告。丹尼斯(Denis)这次将讨论许多项目中采用的重构方法。借助它的帮助,您可以为最难以理解的代码注入新的活力。



使用新算法,当您已经进入具有遗留问题的项目时,可以更轻松地决定处理问题。



Ivan Soloviev(Evrone),不仅是前端JS开发人员,还是Go and Rust的从业人员-他喜欢将它们彼此之间以及与JavaScript进行比较。 Ivan将讨论在整体和微服务之间以及在单一存储库和polyrep之间进行选择如何影响大型项目中复杂性的斗争。



Ivan还将分享所选的体系结构将如何帮助预防诸如发布周期,增长中的供应商,代码过时,依赖评估,代码重复和共享代码之类的大型前端疾病。



阿里·拉希莫夫(Okko),自2013年以来一直是前端开发人员,他将讨论TypeScript在Web开发架构中的优势,以及为什么开发人员越来越多地为他们的项目选择TypeScript。以及有关使用该语言的优缺点以及在TypeScript中启动您的第一个网站有多容易。



一个单独的块将专门用于打字,这是即使是经验丰富的开发人员也偶然发现的语言的基石。开发人员的开发平台技术负责人



Andrey Marchenko(Tinkoff.ru)将讲述他的项目的故事。了解Tinkoff的前端体系结构是如何变化和发展的。 5位开发人员在2015年如何在React 0.13上创建网站tinkoff.ru以及该项目现在的生活。



现在已经有60个开发人员,并且整体包含40个独立的应用程序,微型前端,monorep和技术产品。



搜索界面开发部共享组件服务主管Vladimir Grinenko(Yandex)将向您展示如何找到理想的平衡点,以免使每个人都陷入单一的设计系统中,同时保持视觉上的自我识别。由于Yandex生产的产品非常不同(搜索,出租车,音乐,食品,教育和电影),因此从视觉和技术角度来看,Yandex上的界面的一致性(一致性)都是矛盾的现象。



弗拉基米尔(Vladimir)将展示通用代码的好处的公式:它将在哪里工作,以及在哪里编写自己的自行车更好,并且将告诉您如何在没有技术法西斯主义和停止实验的情况下重用代码。



不错,结果不错



即使结果不错,也没有人愿意浪费时间进行难以理解的结果测试或花钱去艰难的测试条件。为了使结果达到您的期望,我们的发言人将告诉您如何使测试甚至对于测试人员和管理人员也易于理解,以及从转换为开发的前质量检查人员的角度看测试的外观。在“测试”中,除了报告外,还将进行测试本身,尤其是nodejs-web-services和UI。产品经理



Alexander Iossa(Diginavis),该频道的主持人介绍了软件工程师的痛苦和喜悦,他将讨论Web应用程序的BDD测试,以及它如何以更便宜,更快的方式编写E2E测试。展示Gherkin语法与赛普拉斯的结合如何使测试不仅对开发人员而且对测试人员和管理人员都易于理解。



亚历山大将教授如何编写测试以及应该在何时何地编写测试。您将能够在ci / cd管道中定义验收测试的位置,重用先前编写的块,然后可以轻松维护和扩展测试过程。



亚历山大也知道在他居住了4年以上的Innopolis钓鱼的方式。不要错过询问他的机会



,拥有10年经验的测试人员,React的前端开发人员和动画师的Nikolay Moskalenko(Raiffeisenbank)会问有关测试质量的尴尬问题。我们将通过前开发人员进入质量检查人员的视线,通过测试来了解情况。让我们弄清楚如何快速测试代码(缺陷多于看上去!)。



Nikolay还会告诉您哪些测试更适合选择以节省时间。您将了解在测试前端应用程序时哪些技术和工具可以消除外部依赖性。但这还不是全部! Nikolay会告诉您如何使用Jest-cucumber库Gherking表示法加快使用JavaScript编写自动测试并提高其可读性。

对于甜点,Puppeteer上具有用于端到端测试的PageObject模式,该模式简化了对UI自动测试的支持。



最后,Maxim Sosnov(SKB Kontur)将举办多达2个测试的大师班。,首席开发人员,技术卓越文化的引擎,力求做到敏捷并符合DevOps哲学。 Maxim将告诉您什么是模式和反模式,如何进行有用的测试,以及如何向团队出售测试,以使开发人员不要大惊小怪。



大师班1.测试nodejs-web服务



Maxim在第一个大师班中,Maxim将展示如何正确测试nodejs服务。如何使用mocha,chai,nock,supertest,最佳测试方法和常识来获得可靠的功能测试。让我们看看这些测试如何帮助重构。



大师班2. UI测试



我们将与Maxim一起,将最佳测试实践应用于布局,并确定哪种测试组合最适合UI测试。它将涵盖诸如屏幕快照测试和功能测试之类的实践,以及如何轻松地将其纳入开发过程。二手工具:



  • 故事书
  • loki.js
  • 测试库
  • 笑话


好又快



用户打开应用程序时会发生什么?每次点击后他会等待2分钟还是高兴地使自己沉浸在工作中?



如今,性能不再是追溯改进,而是通过开发。开发人员立即检查架构决策如何影响加载,渲染,交互性等的速度。这需要不断的监控。测试和测量需要依赖大量参数的指标。例如,用户在什么设备,什么浏览器,什么网络,什么防火墙上打开了应用程序?更不用说登台服务器,缓存,代理和其他详细信息。即使经过了所有这些努力,加速仍然是开发人员面临的问题和头痛。



尽管有这些困难,Nikolay Ryabov(Avito)负责处理与Avito内部前端性能相关的所有事情-指标收集,性能分析,优化。 Nikolay坚信企业的任务是有效地制作功能。



在会议上,尼古拉将提议在一个工具中整合Lighthouse,webpack-bundle-analyzer和Chrome DevTools Performance的功能。找出为什么单独使用这些工具将无法帮助您持续监控性能。



Victor Rusakovich(GP解决方案),是一位前端开发人员,他已经看到了许多框架和库,并与jQuery,Backbone,Knockout,Angular,Elm,Clojure和RxJS以及最后的React一起工作。Victor将详细讨论收集客户站点性能统计数据的指标和工具,可以得出什么结论,统计数据不仅可以收集数据,而且可以提高站点速度。



报告的听众将收到以下问题的答案:



  • 我们收集什么以及如何收集?
  • 我们如何以及为什么进行分析?
  • 为什么要收集用户的统计信息?
  • 您如何知道网站的加载和执行速度?
  • 为什么要打扰网站速度呢?


技术负责人,JavaScript和前端开发人员Vitaly Sysolyatin(交付俱乐部)将告诉您如何尽快实现SSR,以及必须解决什么问题。一个示例是新的站点delivery-club.ru,它是通过服务器端渲染实现作为单页应用程序启动的。



Vitaly会告诉您他们经历了什么样的情况,以及服务器环境中使用JavaScript的前端开发人员会遇到什么问题。与Vitaly一起,我们将学习如何绕过JavaScript弱点以提高应用程序效率。现实生活中的故事也将在那里!



亚历山大·巴尔茨维奇(Synesis),他是一位领导并由科学家领导的博客作者,从事教育实验。在Frontend Live上,Alexander将说明即使每秒进行大量更新,React仍能提供60 fps的帧率,让我们找出React是如何通过最先进的算法以O(n ^ 3)的树比较来实现O(n)的比较速度的。



当然,我们将看到一些战斗示例,这些示例说明了如何以这种加速度射击自己的脚!



精美平方



开发商和用户的大脑以不同的方式运转。第一个将发现该功能出色,而第二个将在尝试更改购物篮中的物品数量时感到困惑。对于一个天才用户想要的东西似乎简直难以承受。然而,开发人员还会使用应用程序,并且在设计,界面甚至颜色阻止其获得所订购内容时也会遭受相同的折磨。在设计轨道中,将为用户提供有关颜色和界面的报告。



Glafira Zhur(SpurIT)团队领导和可访问性开发人员,从小就热衷于界面及其可访问性。在Frontend Live上,他将谈论色彩的心理影响,色彩不依赖于时尚,趋势和客户的心血来潮。它将揭示界面中的颜色如何影响信息的感知,以及开发人员如何使用它来控制心情,选择和客户体验。



我们还将根据颜色解决方案了解接口的可访问性。



Anna Selezneva(Spiral Scout),创意前端开发人员,会议和聚会的演讲者,MinskCSS和MinskJS聚会和CSSMinskJS会议的联合组织者。 Anna会提醒您,我们正在开发用户界面-。我们将学习如何牢记现实的人在实现接口时会使用它的想法。



安娜说:“十年前,我们的问题是跨浏览器的圆角,现在我们需要使该站点具有响应性,可访问性和高效性。”



最后,在线杂志的共同创始人,书籍的作者和思想开放的前端/ UX顾问Vitaly Fridman(Smashing Magazine)将讨论服务便利性对转换和关键业务指标的影响。 Vitaly的演讲将是为最终用户开发Web表单,最终用户通常由他们精确地确定整个服务的便利性。

Web表单通常难以访问且难以使用,Vitaliy将描述客户经常遇到的典型痛点。最后,我们将学习如何创建一个界面,使我们能够以友好的方式从客户那里接收信息,从而帮助实现转换并增加关键业务指标。



会议网站上查看报告的完整列表。在网站的移动版本中,您可以将自己喜欢的演讲添加到日程表中。别忘了预订机票(价格会在9月15日上涨)。



前端直播2020将于2020年9月23日至2020年10月2日在全球范围内在线举行。我们为此创建了一种新格式,该格式与脱机会议一样有效。您将能够感受到社区的活力,为社区充电,与行业同行建立联系并获得专家的建议。您甚至可以在早上参加骑自行车的在线派对,直到您的一生和事业。一切都像生活中的:)每天



日程安排已经制定,但是可能会有一些小的变化。我们将通过电报facebooktwitterVKontakte撰写会议的活动筹码



All Articles