HolyJS 2020 Piter. Конференция для JavaScript-разработчиков.

22-26 июня состоится HolyJS 2020 Piter - большая конференция для JavaScript-разработчиков. JS-разработчики соберутся в онлайне для того, чтобы обсудить новости стремительно развивающейся экосистемы, свежие инструменты, фреймворки, паттерны и сотни изменений с экспертами со всего мира и услышать несколько десятков докладов о фронтенде и не только. Коснемся и бэкенда, и десктопа.

• День 1 - трек 1
  • Открытие. Узнайте, что вас ждет в ближайшие 5 дней. Члены Программного комитета расскажут о расписании, интересных докладах и о том, в каком формате они пройдут. А команда организаторов конференции в свою очередь расскажет, как работает наша платформа, где будут проходить дискуссионные зоны, как подключаться к чатам и где задавать вопросы спикерам.
  • Vue.js: Forms & validations in the composition age. In this talk we will explore how to approach one of the most common problems in web apps – forms and form validations. With the incoming release of Vue.js 3.0 the ecosystem of supporting libraries is meant to change and embrace new possibilities. We will be looking closer at two of them, one being Vuelidate, as well as how we can build an ecosystem around those libraries that could make working with forms a breeze.
  • Проще, чем NGINX: Автоматический сетевой роутинг для ваших фронтендов. Для чего нужен traefik: настрой один раз и забудь. Плюсы и минусы; - Настройка traefik.toml; - Настройка docker-compose; - Как с этим работать.
  • Интервью. Проще, чем NGINX: Автоматический сетевой роутинг для ваших фронтендов. Интервью по мотивам доклада Тани Леонтьевой «Проще, чем NGINX: Автоматический сетевой роутинг для ваших фронтендов». К Тане присоединится Дмитрий Кузнецов (лидер команды web-разработки Сбербанка Онлайн). Вместе они обсудят почему в данном случае не подходят готовые инструменты, такие, как zeit и Heroku, и откуда в названии доклада появилось сравнение именно с NGINX.
  • What's new in Vue 3 Routing. Vue official router has been a pleasure to build apps with but as the community grows, so do the router needs. However, it hasn't kept up as good as Eduardo wish it had with all the good proposals out there. As a result, we have also taken more time to work on the new version of Vue router and shaping an API that will serve Vue 2 and Vue 3. A more extensible router, easier to contribute, and new architecture from scratch. Let's talk about what has changed in the new Router and all the improvements we are bringing.
  • Закрытие. Присоединяйтесь к закрытию конференции, на котором мы обсудим наиболее интересные находки дня, а также то, что будет ждать нас завтра!
• День 1 - трек 2
  • Speak my language %app%.  Текущий процесс перевода во фронтенде зачастую сломан: неправильные форматы, неправильные инструменты, непонимание масштабов проблемы. В итоге страдают все: пользователи, разработчики и менеджеры. Сергей хочет рассказать, как не стоит делать: составлять строки вручную, использовать JSON, переводить без понимания контекста. И как можно делать это лучше: использовать специальные форматы, платформы для перевода, автоматизировать процесс. В результате, спикеру хотелось бы создать у слушателей общее представление о проблеме перевода и понимание идеального процесса. Ваши решения по локализации будут основываться на практике и стандартах, а не на догадках.
  • Микрофронтенды в проекте Autobahn Platform. Обзорный доклад на тему микрофронтендов и применения данного подхода на различных платформах в проекте Autobahn.
  • λ-исчисление. Что это и почему вы уже его знаете?  Всё это время вы использовали лямбда-исчисление в своей работе и уже понимаете его. Этот доклад расскажет, как жить с этим осознанием, и что это такое. Вы узнаете, почему лямбда-исчисление — это круто, что у него общего с JavaScript, и как знание одного может помочь в работе с другим.В избранное
  • Миграция с изоморфного приложения на статический генератор (GatsbyJS) на примере revolut.com. Доклад Олега рассказывает историю о том, почему и как Revolut мигрировала с изоморфного приложения на статический генератор, как решали проблемы, встретившиеся на пути, каких результатов достигли.
  • Закрытие. Присоединяйтесь к закрытию конференции, на котором мы обсудим наиболее интересные находки дня, а также то, что будет ждать нас завтра!
• День 1 - трек 3
  • You can also be a hero. You can also be part of the community. You have something that makes you unique. You have something to give. This talk is about the community. About how a simple programmer like Dario (and you) can make a difference in the community. Speaker will share his journey from being a "community consumer" to participating in Stack Overflow, having his blog and an open source project with over 100k downloads.
  • Проще, чем NGINX: Автоматический сетевой роутинг для ваших фронтендов. Для чего нужен traefik: настрой один раз и забудь. Плюсы и минусы; - Настройка traefik.toml; - Настройка docker-compose; - Как с этим работать.
  • Интервью. Проще, чем NGINX: Автоматический сетевой роутинг для ваших фронтендов. Интервью по мотивам доклада Тани Леонтьевой «Проще, чем NGINX: Автоматический сетевой роутинг для ваших фронтендов». К Тане присоединится Дмитрий Кузнецов (лидер команды web-разработки Сбербанка Онлайн). Вместе они обсудят почему в данном случае не подходят готовые инструменты, такие, как zeit и Heroku, и откуда в названии доклада появилось сравнение именно с NGINX.
  • How to release open source library in 2020.  The talk will show you how normally we release open source libraries and the problems in the process. After this talk, you will get an idea about: how to properly automate the process; how to make the process asynchronous and unblock you; how to release collaboratively with your colleagues.
  • Закрытие. Присоединяйтесь к закрытию конференции, на котором мы обсудим наиболее интересные находки дня, а также то, что будет ждать нас завтра!
• День 1 - трек 4
  • Воркшоп: GraphQL на клиенте и на сервере. От идеи до прототипа (часть 1). За пару часов с помощью современных инструментов вполне реально создать прототип приложения. Начав с пустой папки, используя магию статической типизации, кодогенерации, хуков, GraphQL-резолверов, напишем клиентскую и серверную часть небольшого проекта. Воркшоп не углубляется в нюансы, но затрагивает большое количество тем, и нацелен на разработчиков, желающих расширить свои знания в области веб-разработки. Из технологий: GraphQL, Next.js, Prisma 2, Typescript, CSS-in-JS, React Hooks, Apollo.
  • Круглый стол. Что за зверь этот комьюнити-ивент, и зачем их так много?  Дмитрий Шмаков (MoscowJS) — 8 лет в разработке. На текущий момент работает веб-инженером в компании Revolut. Параллельно основной деятельности — организатор MoscowJS и других ивентов в около-it тематике. Лада Ильина (Webpurple) — Team lead и JS-разработчик, спикер, организатор рязанского фронтенд-комьюнити Webpurple. Несколько лет преподавала на курсе «Frontend development» от EPAM и в школе онлайн-образования.Екатерина Кочурова (Women Techmakers SPb, GDG St. Petersburg) — перешла в ИТ из другой сферы после стажировок в SAP и Google. Работает в кровавом энтерпрайзе, а также организует митапы и конференции в Питере. Александр Руденко (Facebook Developer Circle: Moscow). Чем живет комьюнити? Что особенного в этих ивентах, что делает их достойными вашего внимания? Вместе с организаторами комьюнити-ивентов выясним ответы на эти вопросы. Ребята поделятся историями из жизни комьюнити. А вдруг вы чего-то не знали?
  • Круглый стол. Что за зверь этот комьюнити-ивент, и зачем их так много?  Дмитрий Шмаков (MoscowJS) — 8 лет в разработке. На текущий момент работает веб-инженером в компании Revolut. Параллельно основной деятельности — организатор MoscowJS и других ивентов в около-it тематике. Лада Ильина (Webpurple) — Team lead и JS-разработчик, спикер, организатор рязанского фронтенд-комьюнити Webpurple. Несколько лет преподавала на курсе «Frontend development» от EPAM и в школе онлайн-образования. Екатерина Кочурова (Women Techmakers SPb, GDG St. Petersburg) — перешла в ИТ из другой сферы после стажировок в SAP и Google. Работает в кровавом энтерпрайзе, а также организует митапы и конференции в Питере. Александр Руденко (Facebook Developer Circle: Moscow). Чем живет комьюнити? Что особенного в этих ивентах, что делает их достойными вашего внимания? Вместе с организаторами комьюнити-ивентов выясним ответы на эти вопросы. Ребята поделятся историями из жизни комьюнити. А вдруг вы чего-то не знали?
  • Воркшоп: GraphQL на клиенте и на сервере. От идеи до прототипа (часть 2).  За пару часов с помощью современных инструментов вполне реально создать прототип приложения. Начав с пустой папки, используя магию статической типизации, кодогенерации, хуков, GraphQL-резолверов, напишем клиентскую и серверную часть небольшого проекта. Воркшоп не углубляется в нюансы, но затрагивает большое количество тем, и нацелен на разработчиков, желающих расширить свои знания в области веб-разработки. Из технологий: GraphQL, Next.js, Prisma 2, Typescript, CSS-in-JS, React Hooks, Apollo.
  • Закрытие. Присоединяйтесь к закрытию конференции, на котором мы обсудим наиболее интересные находки дня, а также то, что будет ждать нас завтра!
• День 2 - трек 1
  • Открытие. Присоединяйтесь, чтобы узнать о самых интересных событиях прошлого дня и прогнозе на сегодня от ведущих каждого из треков.
  • Webpack в дикой природе.  Это история о том, как Сергей переводил фронтенд Авито на webpack. Фронтенд Авито — это огромный проект с большим количеством функциональности, над которым работает много команд. При таких объемах функциональности нельзя просто взять и обновить весь стек сборки. Спикер расскажет, как подружил webpack с PHP и Twig, как дописывал расширения для Twig, как собрал легаси-код, что сделал со сборкой огромного количества модулей в node_modules, как реализовал динамические энтрипоинты, как дорабатывал webpack под задачи проекта. Дополнительно вы услышите о том, как устроен webpack изнутри.
  • Сбербанк ID: Подключить за 60 секунд. История развития Sber ID SDK и тонкости его реализации.
  • Контроль потока серверных обновлений. В своем докладе Кирилл расскажет о методах контроля количества серверных обновлений. Этот приём позволяет улучшать производительность веб-приложения и отображать актульные данные даже на слабых машинах. Кирилл подробно расскажет о применяемых техниках — фильтрации и различных методиках backpressure, управления потоком серверных обновлений с UI.
  • Wasm internals.  Цель доклада: рассказать аудитории JS-программистов, как wasm-код исполняется в различных VM, как он взаимодействует с JS и между собой. Не цель доклада: рассказать, как и для чего надо использовать wasm. Дмитрий будет рассказывать, как устроен wasm внутри, на примере Firefox и V8. Как он исполняется, валидируется, компилируется. Спикер считает, что понимание того, как wasm устроен внутри, поможет JS-программистам использовать или не использовать его по назначению, и быть в целом более развитыми. Ведь за wasm будущее high-pefromance в web.
  • Закрытие. Присоединяйтесь к закрытию конференции, на котором мы обсудим наиболее интересные находки дня, а также то, что будет ждать нас завтра!
• День 2 - трек 2
  • Открытие. Присоединяйтесь, чтобы узнать о самых интересных событиях прошлого дня и прогнозе на сегодня от ведущих каждого из треков.
  • Tempus Fugit: A story of time. "They say time is money, but I don't remember going broke," – Ujjwal. Just like us, JavaScript is flawed. But most would agree that the Date-Time handling system in JavaScript is more flawed than anything else. In fact, it is so hard to use that not only do we have a flourishing ecosystem of 3rd party modules focussing on that area, just Moment and Luxon combined have over 50k stars on GitHub and Moment alone has close to 1m weekly downloads on npm. 1 MILLION. It is time to add proper Date-Time support to JavaScript. Ujjwal will be telling you about Temporal, a work-in-progress TC39 proposal that adds state-of-the-art builtins to JavaScript for handling Dates, Times, Calendars and more. By the end of the talk, you will know about the various problems in the space, how Temporal seeks to enable developers to solve them gracefully and get a fairly good idea about how to use the Temporal API in your JavaScript code, starting today.
  • Про цифровую трансформацию и переход на Agile. Дмитрий и Ярослава расскажут про цифровую трансформацию в ВТБ, про переход на Agile и сокращение бюрократии, а также про новую архитектуру, дизайн систему, и внедрение новых практик разработки. 
  • No ***s given. Виктор покажет, как можно сделать код более читаемым и гибким к изменениям на примере простой задачи, с которой сталкивался каждый из нас. 
  • Puppeteer can automate that!. Puppeteer is a Node library that provides a high-level API to control Chrome over the DevTools Protocol. It is mostly used and considered for scraping content, UI testing and automated form submissions. This talk aims to change this mindset by inspiring you on observing your daily routines and common patterns on your development and testing workflows. It will help you automate them in a creative way! We'll explore capabilities of Puppeteer with the combination of DevTools protocol and cloud functions (FaaS) across a showcase of real life use cases demonstrated over more than a dozen demos on stage. Finally, we'll go through existing Puppeteer based SaaS solutions to inspire everyone in the room to build the next SaaS solution or open source project with Puppeteer.
  • Закрытие. Присоединяйтесь к закрытию конференции, на котором мы обсудим наиболее интересные находки дня, а также то, что будет ждать нас завтра!
• День 2 - трек 3
  • Открытие. Присоединяйтесь, чтобы узнать о самых интересных событиях прошлого дня и прогнозе на сегодня от ведущих каждого из треков. 
  • Ускоряем приложение в уме — пусть всем кажется, что всё грузится быстро.  Вы сделали хорошее приложение, красивое, сложное. Но была проблема: API не успели сделать достаточно быстрым, и приложение грузится медленно. Решение выбрали простое — overlay с ajax-loader пока всё не загрузится. Можно ли улучшить это решение? Можно ли сделать ваше приложение доступным, даже пока от сервера не пришли данные и показывать, казалось бы, нечего?В докладе Виктор расскажет как о таких «обманных ускорениях», так и о простых техниках, которые позволят сделать контент доступным раньше. При этом условимся — трогать API с его скоростью мы не будем, все сможет сделать фронтенд-разработчик! Спикер расскажет, как команда использовала все эти уловки и реальные решения в работе над проектом длиной в 5 лет. И как мы всё это измеряли и подтверждали — да, пользователи стали получать контент раньше.
  • Сбербанк ID: Подключить за 60 секунд. История развития Sber ID SDK и тонкости его реализации. 
  • Контроль потока серверных обновлений. В своем докладе Кирилл расскажет о методах контроля количества серверных обновлений. Этот приём позволяет улучшать производительность веб-приложения и отображать актульные данные даже на слабых машинах. Кирилл подробно расскажет о применяемых техниках — фильтрации и различных методиках backpressure, управления потоком серверных обновлений с UI. 
  • Chronotope: await Eloquent.Errors. Наша жизнь полна историй и каждый из нас может что-нибудь рассказать свое, чужое, неважно: главное, чтобы это было интересно и красиво. У кого-то истории будут весёлыми, у кого-то грустными или даже трагическими. Вместе с тем большинство историй содержат экспозицию, фабулу и сюжет, красочные эпизоды и, конечно же, кульминацию и развязку. Говорят, что у интересных историй интересные рассказчики. Но всегда ли это так, подчиняются ли все интересные истории одним и тем же правилам? В современном литературоведении мы оперируем понятием «хронотоп»: определенной закономерной связью пространственно-временных координат. Хронотопы различаются в зависимости от жанра произведения, но вместе с тем выделяются типичные каноны. И, несмотря на то, что не каждый программист знаком с данным термином, все мы очень хорошо знакомы с самим понятием, так сказать, «изнутри»: ведь выстраивая логику работы приложения, мы как раз описываем хронотоп — взаимосвязь событий во времени и пространстве. И даже короткий рассказ может быть полон неожиданных интриг, величественных хрустальных замков и жутковатых подземелий. Так как все мы по сути «фантазёры-художники», то, рассматривая «картины» друг друга, можем увидеть «огрехи»: у кого-то «соринку», у кого-то «бревно».

    Так встроенное «чувство прекрасного» позволяет нам выбирать предпочтительные технологии. И большинство из нас стремится прийти к ключевым идеям и основным концепциям, как, например: «Есть книги для глаз, а есть книги в форме пистолета» (Б.Г.). И вот тогда самые гуманные начинают стремиться «подстелить соломки» в тех местах, где их наивный пользователь может столкнуться с неожиданным поворотом сюжета, ведь все мы хорошо помним, чем это иначе заканчивается. И, «о ужас», некоторые даже начинают думать, что «солома» и есть «цель»...

  • Закрытие. Присоединяйтесь к закрытию конференции, на котором мы обсудим наиболее интересные находки дня, а также то, что будет ждать нас завтра!
• День 2 - трек 4
  • Открытие. Присоединяйтесь, чтобы узнать о самых интересных событиях прошлого дня и прогнозе на сегодня от ведущих каждого из треков. 
  • Все тонкости композиции и роутинга при использовании Relay Modern. О чем доклад

    Доклад будет состоять из трех частей:

    • простая композиция в Relay Modern;
    • сложная композиция: модульный подход в разработке Data-Driven Applications, вложенность компонентов друг в друга и настройка Relay Environment;
    • роутинг: инструментарий и настройка. Технологии: React + GraphQL + Relay Modern. Целевая аудитория: Middle Software Engineer.
  • Про цифровую трансформацию и переход на Agile. Дмитрий и Ярослава расскажут про цифровую трансформацию в ВТБ, про переход на Agile и сокращение бюрократии, а также про новую архитектуру, дизайн систему, и внедрение новых практик разработки. 
  • No ***s given. Виктор покажет, как можно сделать код более читаемым и гибким к изменениям на примере простой задачи, с которой сталкивался каждый из нас.
  • Работа с DOM в JS фреймворках.  Удобно, когда на фронтенде мы можем говорить о результирующем DOM, избегая не самый любимый этап описания изменения каждого HTML Element вручную. Удобно, когда мы описываем зависимости между данными и результатами. Удобно, когда это все внутри само собой считается.Давайте спросим себя. А насколько это дорого? Случалось ли у вас отрендерить какой-нибудь список и поймать себя на мысли, что при скролле все начало тормозить, хотя количество HTML-элементов на странице не очень высоко?
    В этом докладе мы порефлексируем над сложностью алгоритмов, о том, как фреймворки проводят сверку и обновление DOM-элементов.
  • Закрытие. Присоединяйтесь к закрытию конференции, на котором мы обсудим наиболее интересные находки дня, а также то, что будет ждать нас
• День 3 - трек 1
  • Открытие 
  • Оборачиваем существующее REST API в GraphQL (методология за 1000000 рублей)
  • Вжух! И истории storybook превращаются в тесты
  • Express.js на стероидах
  • Internals of the Angular CLI 
  • Закрытие 
• День 3 - трек 2
  
  • Открытие
  • Static Typing: Which language to choose?
  • Вжух! И истории storybook превращаются в тесты
  • Express.js на стероидах
  • Web: The good parts
  • Закрытие
• День 3 - трек 3
  • Открытие 
  • Решения, которые мы принимаем. Личный взгляд на архитектуру 
  • Вжух! И истории storybook превращаются в тесты 
  • Express.js на стероидах 
  • ЗаSTUBим бэкенд 
  • Закрытие
• День 3 - трек 4
  • Открытие 
  • Ads get creative 
  • Круглый стол. Много дней из жизни организатора комьюнити-ивента 
  • Круглый стол. Много дней из жизни организатора комьюнити-ивента 
  • Conditional modules & dynamic bundling, a Netflix original 
  • Закрытие
• День 4 - трек 1
  • Открытие
    
  • Cовременный бэкенд для фронтенда на Node.js 
  • Интервью: Про соревнования и немного о преподавании 
  • Express.js на стероидах 
  • Apache Kafka: Что это и как она изменит архитектуру вашего приложения 
  • Закрытие
• День 4 - трек 2
  • Открытие 
  • A tale of CSS resets and everything you need to know about them 
  • Разработка пользовательских интерфейсов в Deutsche Bank 
  • Внутренний мир компании с абсолютной информационной и финансовой прозрачностью 
  • Utility-first CSS: The highs and lows of styling web sites 
  • Закрытие
• День 4 - трек 3
  • Открытие 
  • Music 101 with JS Bach 
  • Разработка пользовательских интерфейсов в Deutsche Bank 
  • Внутренний мир компании с абсолютной информационной и финансовой прозрачностью 
  • Эволюция отрисовки текста на Canvas. Про Flash, IE 11, дизайнеров и клинопись 
  • Закрытие 
• День 4 - трек 4
  • Открытие 
  • Воркшоп: Готовим 3D-графику в браузере (часть 1) 
  • Премьера дублированного фильма «Vue.js: The Documentary» 
  • Премьера дублированного фильма «Vue.js: The Documentary» 
  • Воркшоп: Готовим 3D-графику в браузере (часть 2) 
  • Закрытие
• День 5 - трек 1
  • Открытие 
  • Exploring the hidden potential of sound data 
  • Поиграем в самое необычное соревнование для программистов. Прямо тут! 
  • Разработка пользовательских интерфейсов в Deutsche Bank 
  • The multi-year quest for the best web test in the west 
  • Закрытие 
• День 5 - трек 2
  • Открытие
    
  • Рефлексия в TypeScript 
  • Поиграем в самое необычное соревнование для программистов. Прямо тут! 
  • Разработка пользовательских интерфейсов в Deutsche Bank 
  • Interview and Q&A with David Nolen 
• День 5 - трек 3
  • Открытие 
  • Хочу цифровые подписи на JavaScript 
  • Поиграем в самое необычное соревнование для программистов. Прямо тут! 
  • Разработка пользовательских интерфейсов в Deutsche Bank 
  • Съел HTML на рендеринге собаки 
• День 5 - трек 4
  • Открытие 
  • Воркшоп: Постгрес для фронтендеров (часть 1) 
  • Круглый стол. Как сделать свой первый PR в комьюнити-ивенте? 
  • Круглый стол. Как сделать свой первый PR в комьюнити-ивенте? 
  • Воркшоп: Постгрес для фронтендеров (часть 2)