27 февраля в третий раз состоялся день любви к фронтенду!

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

Capture the flag

Capture the flag («Захват флага») — это фронтендерский турнир из нескольких заданий. Выигрывает тот, кто решит задания быстрее других.

Мы уже разобрали задания и наградили тройку самых быстрых (и не только), но вы всё ещё можете пройти игру и самостоятельно разгадать личность таинственного помощника.

Доклады

(по московскому времени, GMT+3)

12:00

Открытие

12:10

Автоматизируем сервис-воркер с Workbox 6

«Задеплоил сервис-воркер — нужно покупать новый домен» — известная шутка о том, как сложно писать собственную логику кеширования. С приходом шестой версии библиотеки Workbox для прогрессивных веб-приложений (PWA) больше не нужен компромисс между гибкостью и удобством автоматизации сетевых задач. Я расскажу, как начать работу с Workbox 6, реализовать типовую функциональность для офлайнового веб-приложения и пойти дальше, добавив собственную логику кеширования.

Смотреть на YouTube

Максим Сальников Microsoft
12:55

Архитектура менеджера состояния

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

Смотреть на YouTube

Артём Арутюнян ГК «Астрал»
13:40

JSON: push the limits

Формат JSON настолько прост — о чём тут можно говорить? И я так думал, пока не попробовал делать то, чего обычно не делают, ведь всё уже придумано до нас (спойлер: на самом деле нет). И оказалось, что JSON — богатый и плохо изученный мир с проблемами, которые можно решить, и это интересно. Доклад основан на моей работе в этом направлении, в частности над проблемами JSON большого (>100 MB) размера:

  • Большой JSON — это сколько?
  • Реальные пределы размера JSON.
  • Большой JSON — это не больно, или как правильно его готовить.
  • Как отдать большой JSON, загрузить его в браузер, чтобы при этом никто не умер.
  • Гвоздь программы: как сделать прогрессбар загрузки данных в браузере и сохранить веру во фронтенд.
  • Альтернативная реальность: JSON — это не только получение ответа от сервера.
  • И главный вопрос: зачем это нужно?

Смотреть на YouTube

Роман Дворнов Wrike
14:25

Перерыв

15:00

Пользовательский опыт незрячего человека

Отличается ли то, как зрячий и незрячий человек пользуются сайтом, как воспринимают его и управляют интерфейсом? И да и нет. В чём отличие и в чём сходство? Посмотрим на реальных примерах и обсудим, как создаются барьеры.

Смотреть на YouTube

Валерия Курмак AIC Анатолий Попко «Диалог в Темноте»
15:45

ES6-коллекции на примере V8: у ней внутре неонка

В инструментарий JS-разработчиков прочно вошли коллекции Map/Set, а также их Weak-вариации, появившиеся пять лет назад. Ныне их можно встретить как в популярных библиотеках, так и в Node.js core. При этом, как принято в ECMAScript, спецификация не задаёт жёстких требований к реализации стандарта, а лишь описывает поведение коллекций на высоком уровне, оставляя JS-движкам пространство для манёвра.

Встречаются случаи, когда разработчику нужно понимать особенности реализации того же Map, чтобы принять взвешенное решение. Именно это и будет темой доклада. На примере V8 мы пройдёмся по конкретным алгоритмам, их сложности в пресловутой big O нотации, расходу памяти и прочей внутрянке коллекций Map/Set. Напоследок поговорим о том, как именно работают Weak-коллекции и почему WeakMap !== Map + WeakRef.

Смотреть на YouTube

Андрей Печкуров Hazelcast
16:30

Расширяем реальность

Как давно мы смотрим фильмы о виртуальной реальности — и как захватывающе она выглядит! Может, вы не заметили, но виртуальная и дополненная реальность уже встречается и в нашей жизни, в том числе и в браузерах. Появляется всё больше способов применять эти технологии. Давайте поближе познакомимся с VR и AR и посмотрим, как они разрабатываются в реале.

Смотреть на YouTube

Василика Климова Avaloq
17:15

Разбор заданий Capture the flag и награждение победителей

Смотреть на YouTube

Воркшопы

(по московскому времени, GMT+3)

12:10–14:10

Палка, палка, огуречик. Рисуем персонажную анимацию на CSS [Воркшоп]

Как собрать анимацию абстрактных объектов — более-менее понятно. Но как анимировать персонажей и движение камеры, и всё это на CSS? Вместе пройдём весь процесс сборки небольшой анимашки на два персонажа: разбивку на ключевые кадры и планы, отрисовку простых и сложных объектов, отрисовку персонажей, анимацию и отладку.

Смотреть на YouTube

Юлия Миоцен Яндекс
14:30–16:30

Теория и практика dependency inversion [Воркшоп]

Разберёмся, что такое внедрение зависимости (dependency injection), как оно связано с инверсией зависимости (dependency inversion), зачем нужны IoC-контейнеры, что такое антипаттерн Service Locator и почему иногда внедрение зависимостей ещё не означает, что мы получили слабо связанный и легко поддерживаемый код.

Смотреть на YouTube

Андрей Мелихов Arrival
16:45–18:45

Создание приложений для голосовых ассистентов: тренды, возможности, разработка [Воркшоп]

Какой интерфейс можно назвать самым естественным? Конечно же, голос! За голосовыми приложениями не только будущее, но и настоящее. На воркшопе я расскажу об основных возможностях навыков Алисы и поделюсь опытом создания голосовых приложений. А все, кто пишут на Node.js, смогут разработать прототип собственного навыка Алисы.

Смотреть на YouTube

Дмитрий Николаев Победитель «Премии Алисы»

Спикеры

Артём Арутюнян

ГК «Астрал»

Артём четыре года создаёт веб-приложения, преимущественно для финтеха. До этого пять лет разрабатывал и поддерживал крупные информационные системы (в разное время — на административном, системном и железном уровнях). Христианин, муж, отец, программист, бушкрафтер, ведущий программист ГК «Астрал».

Роман Дворнов

Wrike

Исследователь, евангелист веб-стандартов, изобретатель велосипедов, идейный вдохновитель, докладчик. Автор проектов CSSTree, Discoveryjs, basis.js и других, мейнтейнер CSSO.

Василика Климова

Avaloq

Фронтенд-разработчик в Avaloq. Основатель школы SkillUp в Люксембурге. Препод, спикер, дайвер-спасатель, мама рыжего кота. Любит красивые визуальные эффекты на сайтах, адаптивную вёрстку, видеоигры и путешествия.

Валерия Курмак

AIC

Автор гайдлайна по цифровой доступности Сбербанка, запустила образовательный курс для дизайнеров и разработчиков по цифровой доступности, ведёт канал об инклюзивном дизайне, Strategic Leader in Accessibility Initiative in IAAP.

Андрей Мелихов

Arrival

Активный участник российского фронтенд-сообщества. Спикер, автор статей, ведущий YouTube-канала «Девшахта» и подкаста «Веб-стандарты».

Юлия Миоцен

Яндекс

Днём — продуктовый дизайнер, евангелист веб-технологий для дизайнеров. Ночью — аниматор на чистом CSS, ковырятор кейфреймов и просто человек с огромным запасом терпения.

Дмитрий Николаев

Победитель «Премии Алисы»

Дмитрий — сетевой инженер. В марте 2020 года он впервые начал разрабатывать голосовые приложения. Его первым навыком стала викторина по мотивам известной телепередачи, а уже через полгода с другим навыком Дмитрий стал одним из победителей конкурса «Премия Алисы».

Андрей Печкуров

Hazelcast

Давно и с удовольствием проектирует и разрабатывает разнообразные веб-приложения и системы. Прошёл путь от зелёного джуниора в небольшой продуктовой команде до solution architect в крупной аутсорсинговой компании. Присоединился к инженерной команде Hazelcast. Работает над продуктами компании, включая клиентскую Node.js-библиотеку. Кроме того, некоторое время назад присоединился к команде Node.js core как collaborator.
Познакомился с Node.js и полюбил её в далёкие времена версии 0.12.x. Предпочитает нетривиальные технические задачи, требующие глубокого погружения. Ведёт блог и поддерживает несколько opensource-библиотек. Постоянно учится у других и старается делиться опытом с сообществом.

Анатолий Попко

«Диалог в Темноте»

Представитель России в Глобальной инициативе за инклюзивные ИКТ. Эксперт в сфере невизуальной доступности (тотально незрячий). Один из авторов действующей редакции национального стандарта по доступности цифрового контента (ГОСТ-Р 52872-2019). Руководитель проекта индивидуальных дистанционных занятий по компьютерной грамотности для незрячих и слабовидящих пользователей программы «Особый взгляд» благотворительного фонда «Искусство, наука и спорт». Эксперт проекта «Особенный банк» ПАО «Сбербанк России». Член рабочей группы Банка России по повышению финансовой доступности для людей с инвалидностью и маломобильных групп населения.

Максим Сальников

Microsoft

Максим с конца прошлого века создаёт веб-приложения. Он накопил солидный опыт работы со многими аспектами веб-платформы и делится им, выступая на мастер-классах и конференциях для разработчиков по всему миру (и сам организует мастер-классы, конференции и митапы). Сейчас исследует новые возможности веба и идею PWA в частности.

Ведущие

Таня Денисюк

JUG Ru Group

Программный координатор JUG Ru Group, нежно любит фронтенд-сообщество и HolyJS, заботится о спикерах и воспитывает четырёх котов.

Вадим Макеев

«Веб-стандарты»

Руководитель сообщества «Веб-стандарты», ведущий и продюсер одноимённого подкаста, редактор ленты новостей по фронтенду, Google Developer Expert.

Команда купидонов

Сергей
Бережной

Владимир
Гриненко

Никита
Дубко

Сергей
Иванов

Андрей
Мелихов

Инна
Савчкова

Виталий
Харисов

Будем на связи!

Чтобы быть в курсе будущих анонсов, присоединяйтесь к большому сообществу конференции в Telegram: @yalovefrontend.

До встречи через год!

Mon Mar 15 2021 11:19:03 GMT+0300 (Moscow Standard Time)