Доклады

Обсудим проблему дублирования статики между разными микрофронтендами.

Андрей покажет, как в hh.ru шарили общие модули вендоров, собственных библиотек и UI-кита между разными микрофронтендами. Расскажет, как и зачем добавляли общие модули в микрофронтенды, и что делать, если версии общих модулей разъехались. 

Также поговорим о том, как в hh.ru устроены микрофронтенды и как настроить `ModuleFederationPlugin` для шаринга общих модулей. Какие особенности могут вас ожидать при написании npm-пакета, если он становится общим модулем.

Будет интересно фронтенд-разработчикам, которые пишут сборки или следят за тем, какое количество скриптов грузят обычные пользователи, заходя на сайт.

Будем разбирать слона.

1. Зачем слоны такие умные и параноидальные?

2. Что можно встроить в руку: датчик запаха и шноркель. Как после этого пользоваться рукой. 

3. Другие детали слона: термопанели на голове, рации в ногах, как слон одевается.

4. Слон — царь зверей. Кто кому даёт люлей в буше. Почему это имеет отношение к формуле давления.

5. Деплой слонёнка.

6. Как мы почти убили слонов и сейчас восстанавливаем.

7. Вот почему слон такой умный и параноидальный!

На пути построения Event Sourcing-системы вам предстоит столкнуться со множеством трудностей и подводных камней. Придется принимать важные архитектурные решения, и неправильный выбор принесет значительные проблемы или даже похоронит ваш проект. Спикер занимался темой Event Sourcing более четырех лет и прошелся по всем возможным граблям. В этом докладе он поделится своим опытом.

После появления библиотеки React в мире JavaScript стал расти интерес к функциональному программированию.

Спикер обсудит процесс разработки и отладки функциональных программ и расскажет, какие новые уникальные возможности с точки зрения developer experience открывает функциональное программирование. Он покажет новый концепт IDE для функционального программирования и расскажет о его разработке.

В докладе вы увидите изнанку одного из крупнейших каршерингов — как в компании используют NodeJS, чтобы обрабатывать тысячи запросов в секунду.

Эволюция архитектуры проекта от стартапа до превращения в энтерпрайз на примере сайта «Юла». Анализ недостатков архитектуры исторически сложившейся, обзор архитектуры, к которой в итоге пришли. Вы узнаете, чем вдохновлялись в команде для деления кода на части: Clean Architecture, Domain Driven Design. Будет интересно тем, кто сталкивается с проблемами масштабирования.

Курсы и обучение в интернете стали красным флагом для разработчиков и компаний. Вместе с экспертами разберемся, насколько такое образование может быть полезным, как начать свои курсы и что для этого потребуется. Кроме этого вы узнаете, как бороться с основными проблемами: синдромом самозванца, поиском целевой аудитории и потерей практических навыков.

Если ввести в поисковую строку «генерация видео на JavaScript», то гугл вернет 100500 ссылок на видеоплееры. И 99% этих плееров — это просто интерфейс поверх HTMLVideoElement.

Спикер сфокусируется именно на вопросах генерации видео, расскажет о челленджах, ограничениях и решениях. Этот доклад позволит вам получить представление об основных моментах процесса генерации.

Рисовать на canvas слишком сложно и приходится писать много бойлерплейта? Согласен. А что если научиться писать игры и графику в декларативном стиле реакта с помощью react-reconciler, также легко, как можно верстать формочки? А если к этому еще и добавить инструмент для программирования мышкой, генерирующий код с помощью AST, то написать код игры сможет даже сантехник!

Вас не замечают в компании? Хотите сделать так, чтобы ваше имя знал даже СТО? Для этого нужно всего лишь...

Вредные советы и реальные истории про упавший прод, потерянные логи и прочие прелести жизни от спикеров и членов ПК HolyJS.

На рынке с каждым годом появляется всё больше устройств с дисплеями, поддерживающими высокие частоты обновления экрана. Появляется больше софта, требовательного к графическим ресурсам девайса (ГИС-системы, графические редакторы, игры) в вебе. Спикер расскажет, что нужно учитывать, чтобы JS-анимации на таких дисплеях и в таких приложениях работали без ошибок.

Спикер расскажет, о том, какие проблемы помогает решить Storybook. Опишет примеры решения кейсов из своей практики и с какими проблемами сталкивался при использовании Storybook.

Из доклада вы получите более глубокое понимание, каким функционалом обладает Storybook, как он может помочь в разработке и построении архитектуры приложений. Также затронем проблемы внедрения.

Говорим о расписании, сессиях и активностях. Подключайтесь, чтобы узнать, что вас будет ждать в эфире в ближайшее время!

Доклад для тех, кто пишет свои игры или высоконагруженные распределенные модели данных. Например, стартап с бесконечной доской и тасками на ней.

Спикер рассмотрит связь некоторых высокоуровневых концептов и простого кода на JS. Полученные знания могут пригодиться при написании своих велосипедов и при изучении низкоуровневых вставок в коде популярных библиотек. Весь доклад построен на GameDev-опыте, в частности — разработки рендерера PixiJS. 

Спикеры расскажут о технологии WebTransport и ее применении. Сейчас она находится в стадии draft и активно разрабатывается W3C.

Доклад познакомит разработчиков с текущим состоянием технологии, мотивацией ее появления и сравнит с существующими решениями.

Парное программирование, рефакторинг, TDD — истории разработчиков о прелестях и болях нестандартных практик программирования.

Присоединяйтесь, чтобы узнать больше или поделиться своим опытом.

Вам когда-нибудь приходилось копировать конфиги ESlint, Babel, Webpack и других инструментов из проекта в проект? В вашем package.json уже столько плагинов, что среди них невозможно найти реальные зависимости проекта? А что, если вы можете избавиться от всех лишних зависимостей вынесением в отдельные тематические пакеты? И все конфиги сократятся до одной строки импорта, а бойлерплейт — до 100 байтов.

Вы узнаете, как с помощью планировщика задач в Яндексе делают инициализацию скриптов на странице поиска более дружественной к человеку и не блокирующей UI. А также о том, как вам добиться того же.

Проблема: большое TBT (Total Blocking Time) при открытии страниц в браузере, не зависящее от выбора фреймворков и библиотек. Спикер расскажет, как уменьшить TBT, не ухудшая другие показатели.

Алексей расскажет, зачем надо переходить на Vue 3, от чего поможет избавиться переход и какие новые возможности вам откроются. Он поделится своим опытом перехода на Vue 3, опишет проблемы, которые могут возникнуть при миграции, и объяснит, почему нужно рефакторить свой код уже сейчас.

Для своей работы популярные тестовые фреймворки используют атрибуты, применимость которых из-за их реализации в .NET имеет существенные ограничения. В новой версии C# потенциал атрибутов увеличен благодаря обобщениям. Спикер покажет, как обобщённые атрибуты позволяют создавать более эффективные и выразительные тесты, а тестовые фреймворки, в свою очередь, делают это возможным благодаря своей редко используемой функциональности.

Микросервисный подход бешено разгоняет разработку, но вдогонку плодит кучу сущностей с бесконечными зависимостями. Как в этом не потонуть? Михаил расскажет о том, как они с командой в SberCloud изменили стандартные подходы к проектированию приложения.

Рассмотрим кейсы применения монорепозиториев в продуктовой и платформенной разработке, определим проблемы, которые нам предстоит решить, и выберем подходящие инструменты

React — не реактивен (спойлер: не совсем), а вот Vue, Svelte и Angular — да. Но почему? Во времена jQuery, когда программа получала данные, она должна была знать все места, где эти данные задействованы, чтобы обновить их. Сейчас же фреймворки позволяют вам просто обновить данные, а отображением они уже займутся сами. Это один из принципов реактивности — инверсия зависимостей. Отображение следит за изменением данных, чтобы сделать что-то самому. В React этого не происходит, но все же стало лучше, чем было — теперь не нужно обновлять вручную во всех местах, за нас это сделает фреймворк. Доклад будет не о фреймворках, хотя и о них тоже поговорим, а больше про фундаментальные вещи.

Open source — неюридическая тема, в основе которой лежит юридическая проблематика. Мы поговорим о том, почему юрист становится лучшим «другом» разработчика, и как избежать неожиданных рисков для компании при использовании компонентов или ПО с открытым кодом. Также поговорим о тенденциях в области привлечения к ответственности за нарушения, связанные с неправомерным использованием open source. Узнаем, как это происходит и почему вообще мы должны об этом переживать, разрабатывая ПО в России.

Lightning talks — это мини-доклады от участников конференции. На Lightning talks действуют три правила: время доклада строго не более 10 мин; читать доклады могут только участники конференции; доклад должен как-то пересекаться с IT в широком понимании. Активность не будет транслироваться.

Спикер расскажет о разных подходах к реализации асинхронных блокировок и семафоров и их применении для контроля нагрузки на сервисы (Rate Limiting). Будут рассмотрены стандартные SemaphoreSlim, System.Threading, RateLimiting, а также другие алгоритмы.

Подводим итоги, вспоминаем яркие моменты и рассказываем о дальнейших планах. Приходите в зал или подключайтесь на трансляцию, чтобы ничего не пропустить!

ESLint — мощный инструмент и при должном обращении он будет служить верой и правдой. Но зачастую вся работа с ним сводится к extend'у от всеми известного плагина. Как раскрыть его потенциал, как сократить время проверки кода, как сделать реюзабельный конфиг и при чем тут Prettier — узнаете из доклада.

The workshop gives a practical perspective of key principles needed to develop, build, and maintain a set of microservices in the Node.js stack. It covers the specifics of creating isolated TypeScript dockerized services using the monorepo approach and turborepo. The workshop includes an overview and a live exercise to create a cloud environment with the Pulumi framework. The sessions are suitable for developers who want to learn and practice building and deploying techniques using Pulumi and Docker for Node.js. 3–4 hours Overview of technologies: Pulumi, Docker, Kubernetes, Node.js, TypeScript, turborepo. NestJS Example structure: turborepo configuration, common utilities, demo services. Practical exercise: create a cloud environment and deploy microservices to a cluster.

Попробуем посчитать^ что нужно, чтобы запустить более-менее приличный сервис на Node.js на VDS (blue-green деплой, балансировка, база данных, логи), и сравним с подходом на AWS-стеке (лямбды, RDS, API-gateway). А, может, даже удастся сравнить и Selectel с Yandex Cloud.

Дискуссия про плюсы и минусы, советы, подводные камни, кейсы разработчиков, которые руководили в прошлом; руководителей, которые раньше программировали; и, наконец, разработчиков, которые станут руководителями (а может, и нет).

В своем докладе Алексей ответит на вопрос: «Как злоумышленник может заставить вашу валидацию работать на себя?» Он разберет, почему компоненты от Microsoft, содержащие регулярные выражения, не всегда безопасны, а также предложит решения на случай уязвимости вашего сервиса к ReDoS-атакам.

Что, как и зачем можно впихнуть в библиотеку на два килобайта и как на ее основе можно построить приложение любой сложности?

Спикер расскажет, как правильные абстракции могут уменьшать количество и сложность кода в разы. Все примеры будут связаны со стейт-менеджером Reatom, но в докладе будут обобщены до принципов, которые применимы в любом коде.

Говорим о расписании, сессиях и делимся информацией. Приходите в зал или подключайтесь, чтобы узнать, что вас будет ждать в ближайшее время!

В рамках дискуссии поговорим о том: почему мы используем микрофронтенды; какие типичные сложности встречаются при внедрении в текущий проект; и с чем можно столкнуться при создании приложения с использованием Module Federation и TypeScript, когда проект разбит на несколько репозиториев.

Улучшение доступности большого сервиса, неочевидные моменты разработки.

Это обзорный доклад о технологии Microsoft SignalR. Александр расскажет о том, для чего предназначена эта технология и на практике рассмотрит ее возможности и ограничения.

Улучшение доступности большого сервиса, неочевидные моменты разработки.

Superscalar pipeline, µop cache, branch prediction, pattern recognition, Out-Of-Order pipeline, re-order buffer, да и просто hyper-threading — все эти механизмы и технологии добавляются в современные процессоры для ускорения выполнения инструкций и улучшения производительности конечных программ. Но глобально современные архитектуры мало чем отличаются от первых Пентиумов и очень похожи на процессоры 8086.

Как работают RISC-процессоры в 2022 году и как это влияет на .NET-программистов — посмотрим на простом примере прикладной задачи расчета выручки сети супермаркетов.

Вместе с релизом .NET 7 вышел C# 11 с новыми возможностями: generic math, raw string literals и list patterns. В докладе рассмотрим, что интересного можно найти в новой версии .NET и сопутствующих фреймворках — ASP.NET Core, MAUI, Blazor и других. Обязательно затронем minimal APIs, source generators и WebAssembly. Обсудим, какие фичи облегчают написание современных cloud-native приложений: интеграция с OpenTelemetry, автогенерация докер-контейнеров, rate limiting и прочее. И, конечно же, не забудем про улучшение производительности.

Ввиду того, что lock — это конструкция языка, лаконично и понятно создающая секцию монопольного исполнения кода, возникает иллюзия единственно верного решения. Станислав рассмотрит алгоритм его работы и ответит на вопрос: так ли это?

Спикер расскажет, как устроена библиотека react-reconciler на примере, аналогичном react-dom, и на примере работы с PIXI.js. Попробуем создать свой рендерер, с помощью которого разрабатывались бы игры на React, как обычные приложения под web.

Внедрение и развитие PWA в экосистеме позволит решить ряд сложностей со стороны пользователя при использовании web-приложений вместо или совместно с нативными приложениями. Процесс внедрения и улучшения принесет более гибкое решение для бизнеса с точки зрения поддержки, обновления и внедрения функциональностей для конечного пользователя.

Функциональная парадигма сейчас пронизывает фронтенд, но мало кто знает, что Elm стоял у истоков этого тренда (да и вообще мало кто знает про Elm). Ян расскажет, что такое Elm и как его правильно готовить. 

У инженера часто возникает проблема: «А как расти дальше?» Не в менеджеры же уходить. Учить новые фреймворки и языки программирования? Прочитать книжку про Hamster Driven Development? А можно взглянуть на свой код по-другому — это же просто набор строк. Их можно анализировать, генерировать, изменить. Фронтендеры часто пишут программы, которые какие-то данные переводят в строки. Так почему бы не написать программу, которая «пишет» программы?

На примерах спикер покажет, как другие программы помогают нам писать/изменять. От подсказок IDE до рукописных генераторов и кодмодов. Это проще, чем кажется. И в этом Александр видит свое развитие как инженера.

Современный фронтенд — это не только доклады и разработка, но и то, как их используют люди. Это отражение нашего общества. Разберемся, как за этот год сообщество разработчиков повлияло на техническую составляющую веба и какой запрос был сформирован у его пользователей.

Приглашенные гости продемонстрируют свой кругозор на практике. Так ли хорошо они разбираются в современных реалиях веба?

Когда речь заходит о более или менее сложной системе, для которой предполагается длительное существование, а главное, развитие, вопрос архитектуры становится крайне важным. Но как в процессе жизни системы контролировать правила, которые предполагает та или иная архитектура?

Несмотря на удешевление производительности устройств, анимации все еще остаются достаточно «тяжелой» историей для браузера, и приходится прикладывать немало усилий для плавности анимации и высокого FPS. На примере анимаций с реальных проектов, написанных на Nuxt 2 с библиотеками GSAP 3 и Lottie, разберем нюансы создания вау-эффекта с помощью анимаций.

The workshop gives a practical perspective of key principles needed to develop, build, and maintain a set of microservices in the Node.js stack. It covers the specifics of creating isolated TypeScript dockerized services using the monorepo approach and turborepo. The workshop includes an overview and a live exercise to create a cloud environment with the Pulumi framework. The sessions are suitable for developers who want to learn and practice building and deploying techniques using Pulumi and Docker for Node.js. 3–4 hours Overview of technologies: Pulumi, Docker, Kubernetes, Node.js, TypeScript, turborepo. NestJS Example structure: turborepo configuration, common utilities, demo services. Practical exercise: create a cloud environment and deploy microservices to a cluster.

Обзор менеджера состояний «Эффектор» и пакетов экосистемы.

Клавиатура «Мака» — идеальный рабочий инструмент? Зачем вообще отдельные клавиатуры в 2022? Хотите, чтобы весь офис слышал, как вы делаете перенос строки?

Поговорим об альтернативных возможностях набирать "Hello World!"

Дмитрий обратил внимание, что на собеседованиях мало кто из разработчиков отвечает на вопрос о батчинге. Некоторые даже впервые слышат такое слово. Спикер расскажет об этом явлении в React — как это работало в старых версиях и как работает сейчаc.

Все мы любим .NET. Но, если быть до конца честными, у каждого найдется что-то, что он хотел бы в технологии поменять. Этому и будет посвящена секция.

Подводим итоги, вспоминаем яркие моменты и рассказываем о дальнейших планах. Заходите на трансляцию, чтобы ничего не пропустить!

Истина рождается в споре. Умение грамотно отстаивать точку зрения — целый навык, требующий тренировки. Политики и бизнесмены пользуются спортивными дебатами для тренировки этого навыка. Наши участники попробуют себя в этой дисциплине. 

Вы увидите, как наши спикеры и эксперты пытаются отстоять случайно выбранную точку зрения на случайную тему, связанную с JavaScript без подготовки и поиска материалов. Только аргументы, красноречие и отвага!

Перейти на новый стек технологий — мечта или реальность? Обсудим, с чего лучше начать: с изучения актуальных технологий или со скучной базовой теории? Как лучше отвечать на вопросы о другом стеке на собеседовании и не сгореть со стыда? И как «освежить» знания о давно забытом языке программирования?

Функциональная парадигма сейчас пронизывает фронтенд, но мало кто знает, что Elm стоял у истоков этого тренда (да и вообще мало кто знает про Elm). Ян расскажет, что такое Elm и как его правильно готовить. 

Когда мы гуглим «как улучшить скорость веб-приложения», обычно находим один и тот же набор практик — «сжимайте все, что можно сжимать» или «поделите код на чанки».

Но если все это уже сделано, можно ли улучшить еще? Тут нет серебряной пули, потому что надо заняться исследованием перформанса именно вашего приложения. Спикер расскажет о концепциях, подходах и проблемах, которые появлялись в их команде Авто.ру в ходе решения этой задачи.

Каждый провал — это на самом деле интересная инженерная задача. Поэтому мы так любим слушать про чужие ошибки и способы их преодоления. На сессии спикеры расскажут о своих фейлах и о том, чего стоило их починить. Активность не транслируется и не записывается.

Говорим о расписании, сессиях и активностях. Подключайтесь, чтобы узнать, что вас будет ждать в эфире в ближайшее время!

В EF Core много полезных фич по работе с базами данных, но что, если этих возможностей не хватает? Фреймворк из коробки не умеет создавать вьюшки и отслеживать изменения их исходного кода. А нам могут понадобиться не только вьюшки, но еще и синонимы, гранты и DB link’и как на производственной БД, так и в интеграционных тестах. Из доклада вы узнаете про загадочный внутренний мир фреймворка: про ключевые интерфейсы, отвечающие за генерацию и применение миграций, про то, как можно подменить эти интерфейсы, и, самое главное, почему тут не поможет контейнер, создаваемый в Startup.