2 дня офлайна. Москва

26–27 апреля 00:0000:00 (UTC+3)

Офлайн: Конгресс-центр ЦМТ, Краснопресненская наб., 12, Москва, Россия

Онлайн-трансляция

Почему стоит идти

  • Пообщаться вживую

    Повидать старых знакомых. Обсудить актуальные проблемы. Прийти к новым идеям. Подискутировать и просто поболтать.
  • Сменить формат на офлайн

    Запастись свежими впечатлениями и новыми знакомствами. Сменить обстановку, отвлечься и с пользой провести время.

Трансляция

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

В программе

  • Время в программе указано для часового пояса UTC+3 (Europe/Moscow).

  • По мере приближения даты офлайн-части программа может обновляться и дополняться.

  1. 26 апреля

    • Тип доклада: Обсуждение

      Зал 1

      Открытие офлайн-части HolyJS 2024 Spring

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

    • Тип доклада: Доклад

      Зал 1

      Next.js. Как ты вообще рендеришь?

      Долгое время мы жили с пониманием, что есть SSR, SSG, CSR. Мы научились их готовить, использовать преимущества и минимизировать недостатки. Появление серверных компонентов в React и внедрение их в Next.js изменили наше привычное понимание о рендеринге. Давайте разберемся, как с этим теперь жить.

    • Тип доклада: Доклад

      Зал 2

      Снэпшоты памяти — не страшно, снэпшоты — полезно

      Расскажем об инструментах, которые можно использовать для просмотра снимков памяти. Подробно о том, как их использовать, на реальных опенсорс-проектах и кейсах с библиотеками.

    • Тип доклада: Доклад

      Зал 3

      Запрыгиваем на релизный поезд. Как мы ускоряли путь задач frontend'а на production

      Расскажу, как мы внедряли систему merge train (в связке с GitLab CI) в деплой фронтенд-проектов Mail.ru на продакшен; с какими сложностями столкнулись мы, и с какими, возможно, придется столкнуться вам, если решите попробовать; какие задачи решает технология, и какие технические решения нам пришлось написать самим (спойлер — кода получилось много); про результаты — в цифрах и отзывах разработчиков.

    • Тип доклада: Воркшоп

      Pro.Prototypes Workshop

      В течение нескольких прошедших лет я рассказывал про различные способы оперирования прототипным наследованием, вынося «за скобки» (на GitHub) конкретику примеров. В этом воркшопе сместим фокус внимания как раз на сами примеры, детально разберем, почему все так работает и как с этим «играться».

    • Тип доклада: Доклад

      Зал 1

      Сайт, готовый ко всему

      Вспомните, где вы обычно тестируете свое веб-приложение. Скорее всего, у вас есть несколько вьюпортов, в которых вы быстро проверяете верстку и, возможно, пишете автотесты. И багов от пользователей почти нет — значит, все делаете правильно. Но как вашим сайтом пользуются на самом деле? Что нужно предусмотреть, чтобы сайт работал действительно почти везде?

    • Тип доклада: Доклад

      Зал 2

      Vue.js Renderer: выводим приложение на canvas и не только

      Все мы знаем, что такое Document Object Model (DOM). Но что, если мы хотим, чтобы вывод происходил не в HTML, а, например, на canvas или вообще в PDF? На этот и другие вопросы ответим во время доклада.

    • Тип доклада: Доклад

      Зал 3

      Вперед в прошлое! Или как подружить чистую архитектуру и RSC

      Во время доклада разберем основные детали ментальной модели серверных компонентов. Обсудим реализацию, которую предлагает Vercel в Next.js. Рассмотрим вариант чистой архитектуры, с которой можно начать писать приложения в новой парадигме.

    • Обед

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

    • Тип доклада: Доклад

      Зал 1

      The Good, the Bad and NPX

      Включаемые пакеты — не единственный тип зависимостей, с которыми мы работаем. Обсудим CLI-инструменты и что нам за это будет.

    • Тип доклада: Доклад

      Зал 2

      Эволюция микрофронтендов в Тинькофф Обслуживании

      Окунемся в историю появления микрофронтендов на Angular & Webpack Module Federation в BigOps, изучим, какие к этому были предпосылки. Разберем внутренности и жизненный цикл микрофронтендов. Рассмотрим, каким образом их можно эффективно разрабатывать, тестировать и интегрировать в приложение.

    • Тип доклада: Доклад

      Зал 3

      От Telegram до Одноклассников: секреты встраивания приложений куда угодно

      Как из одного приложения сделать четыре? Рассмотрим способы встраивания в различные окружения и узнаем, как встроить веб-приложение одновременно во все популярные площадки — Telegram, ВКонтакте и Одноклассники.

    • Обед

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

    • Тип доклада: Доклад

      Зал 1

      Уникальный 3D-опыт на сайте-музее Самоката. Тонны графики, оптимизаций и WebGL

      История создания интерактивного 3D-музея в вебе, написанного с использованием React и Three.js.

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

    • Тип доклада: Доклад

      Зал 2

      Тестирование производительности React-компонентов в CI

      Расскажу, как внедрял автоматическое тестирование производительности React-компонентов в дизайн-систему и сервисы SberDevices, а также про инструмент, который создал во время решения этой задачи.

    • Тип доклада: Доклад

      Зал 3

      HTML5-игры. Можно ли заработать в 2024?

      Расскажу, сколько и как можно заработать на HTML5-играх и покажу статистику и доход реальных проектов. Также расскажу про технологии HTML5-игр и популярные жанры.

    • Тип доклада: Доклад

      Зал 1

      Инструментарий solution-архитектора: правильные решения в условиях неопределенности

      Большинство задач во FrontEnd'е можно решить "с наскока". Погрузились, на скорую руку придумали решение и реализовали. Этот же соблазн сохраняется и при переходе к NodeJS, чья экосистема максимально приближена к браузерной. Вот только при разработке BackEnd'ов такой подход чаще всего ведет к "Big Ball of Mud" (то есть к большой куче связного легаси).

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

    • Тип доклада: Доклад

      Зал 2

      Atomic CSS Deep Dive

      Доклад про подход Atomic CSS и разработку инструментов. Рассмотрим популярные решения для работы в этом подходе и в деталях сравним с моим изобретением — mlut. Разберем хорошие практики и не очень.

    • Тип доклада: Доклад

      Зал 3

      Вьюххх! Как мы перевели сотни проектов на Vue 3 и не пострадали

      Как перевести проект с одного стека на другой? В таких случаях можно почитать migration guide или залезть на Stack Overflow. Но что делать, если нужно перевести на новый стек сразу несколько сотен проектов? Во время доклада мы подробно декомпозируем эту задачу и детально рассмотрим каждый шаг.

  2. 27 апреля

    • Тип доклада: Доклад

      Большие миграции для больших проектов. Переезд Tracker на Gravity UI

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

      Рассмотрим плюсы и минусы каждого варианта. Вместе обсудим, какой путь выбрала команда Tracker и с какими проблемами она столкнулась. Затронем вопросы автоматизации процесса миграции, включая использование линтеров, семантического поиска и замены кода с инструментами типа Semgrep и Comby.

    • Тип доклада: Доклад

      Почему не все так просто с GraphQL

      Расскажу об опыте миграции с REST на GraphQL в сервисах Яндекс Недвижимость и Яндекс Аренда на толстом клиенте.

    • Тип доклада: Доклад

      Иконки и как их готовят

      Все готовят иконки по-разному, и все решения отличные! И кажется, что есть универсальное решение, которое лишено всех минусов. Об этом решении и расскажу.

    • Тип доклада: Доклад

      Генерация реактивной модели из контрактов

      Как вывести из Zod-контрактов реактивную модель и зачем? Расскажу, как организовать простую и надежную автоматическую синхронизацию локальных данных с бэкендом.

    • Тип доклада: Доклад

      Angular Platforms: как запускать приложение где угодно?

      Как Angular позволяет запускать фронтенд на любой платформе? Познакомимся с механизмом платформ, напишем свою собственную и разработаем фронтенд-приложение для терминала.

    • Тип доклада: Доклад

      По ту сторону WebView

      Рассказ о сложностях WebView как платформы для интеграции сервисов.

    • Обед

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

    • Тип доклада: Доклад

      Импортозамещаем Svelte, или Как я ускорил Glimmer на 40%

      Как мы с вами знаем — ни года не проходит без создания нового веб-фреймворка. 2024 год не станет исключением. В рамках моего исследования рассмотрим причины возникновения новых библиотек рендеринга, определимся с требованиями для фреймворка мечты. Обсудим принципиальные подходы имплементации каждого требования и исследуем принципы реактивности, используемые для синхронизации DOM с состоянием приложения.

    • Тип доклада: Доклад

      Как строку букв превратить в боль для разработчика, или Что такое интерфейсы в биотехе

      Пробегусь «автостопом» по биоинформатике: расскажу про антитела, при чем тут белки (не те, что на деревьях), ламы (те самые), зачем им программисты и фронтенд.

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

    • Обед

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

    • Тип доклада: Доклад

      А как делить?

      Разберу концепцию остатка с делением, как применять его в жизни, на руководящих должностях и, конечно, при программировании графики в вебе.

    • Тип доклада: Доклад

      Безопасная разработка во фронтенде

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

    • Тип доклада: Доклад

      Что мы делаем в тени, или Зачем дизайнер интерфейсов в биотехе

      Расскажу, зачем в «биг фарме» исследовательскому подразделению для поиска и проектирования белковых молекул нужны UX и UI, дизайн-система и популярные фронтенд-фреймворки.

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

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

    • Тип доклада: Доклад

      Криптография, блокчейн и немного слез — что делать в Web3 с точки зрения фронтенда

      Как блокчейн работает изнутри, криптография и немного теории. Развенчание Web3 как этапа развития Web и признание его уникальности в применении. Что вообще может делать фронтенд для блокчейна, пути развития фронтенда в Web3. Пути децентрализации приложений и точки контакта с Web3. Прямые рецепты, куда смотреть и в какую сторону думать, чтобы сделать успешный Web3-проект, не уходя в тяжелую смежную блокчейн-разработку.

    • Тип доклада: Доклад

      Счастье as a Service, или Как платформа позволяет вырасти от десяти разработчиков до трехсот за три года

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

    • Тип доклада: Доклад

      GraphQL для взрослых: как не влипнуть в молодежные фреймворки и внедрить технологию в старый проект

      GraphQL сейчас на хайпе. Модные фреймворки, доклады о том, как GraphQL помогает и ускоряет разработку. Но что делать, если проекту много лет, стек устарел, а вам все-таки нужен GraphQL? Расскажу, как внедрить GraphQL и получить все модные «плюшки» фреймворков: автокомплит, типизацию, кодогенерацию, линтинг и документацию, не сломав все на своем пути.

    • Тип доклада: Обсуждение

      Закрытие конференции HolyJS 2024 Spring

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

  • Дискуссии

    Живое общение со спикерами между выступлениями. Без записи и ограничений по времени.
  • BoF-сессии

    Неформальные беседы без ведущих и спикеров. Здесь и рождаются новые идеи.
  • Круглые столы

    Спикеры и эксперты обсуждают актуальные вопросы индустрии.

Бонус

  • Обеды и кофе-брейки

    Шведский стол и напитки на выбор. Если у вас есть пищевые ограничения, напишите в наш саппорт. Мы найдем решение.
  • Нетворкинг и афтерпати

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

FAQ

  • Где будет проходить офлайн-часть конференции?
    Офлайн-часть пройдет 26–27 апреля по адресу: Конгресс-центр ЦМТ: Краснопресненская наб., 12, Москва, Россия.
  • Когда будет известна программа и время проведения офлайн-части конференции?
    Мы начинаем публиковать программу частями на сайте конференции за месяц до ее начала.
  • Какие активности будет включать в себя офлайн-часть конференции?

    На офлайн-части будут:

    • доклады основной программы;
    • круглые столы;
    • BoF-сессии — встречи по интересам без запланированного расписания;
    • дискуссии со спикерами офлайн-части и спикерами онлайн-дней, которые приедут на площадку;
    • афтерпати для участников в конце первого дня.
  • Будет ли онлайн-трансляция офлайн-части конференции?

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

    Дискуссии и BoF-сессии транслироваться и записываться не будут.

  • Я давно не был на офлайне и не помню, какой порядок действий был на офлайн-конференциях.
    Не переживайте, перед мероприятием мы вышлем вам памятку участника — там будет вся необходимая информация.
  • Могу ли я купить билет только на офлайн-часть конференции?
    Чтобы посетить офлайн-часть вам нужно купить билет ONLINE + OFFLINE. Он дает право на участие в офлайн-части конференции и бессрочный доступ к записям онлайн-части.
  • Как мне попасть на офлайн-часть, если у меня есть билет ONLINE?
    Если у вас уже есть билет на онлайн-часть конференции, вы можете проапгрейдить его до ONLINE + OFFLINE. Для этого напишите в поддержку: support@holyjs.ru
  • Как попасть на офлайн-часть, если компания оплатила мне только билет ONLINE?
    Если компания, которая оплачивала ваш билет, не готова проапгрейдить его до ONLINE + OFFLINE, то вы можете сделать это самостоятельно со скидкой. Скидка дается за прохождение опроса после окончания онлайн-части конференции.
  • Есть ли ограничения по количеству билетов на офлайн-часть?

    Количество билетов ограничено вместимостью площадки проведения конференции.

    Так что лучше купить билет заранее, пока они в наличии.

  • Есть ли ковидные ограничения для посещения офлайн-конференции?

    На офлайн-площадке не будет ковидных ограничений. Ни QR-коды, ни ПЦР-тесты для прохода на площадку не нужны. Для вашей безопасности на площадке постоянно дежурит квалифицированный медицинский работник.

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