Я Фронтенд

Регистрация на площадке

Открытие

Contract-first principle в работе c API

Фронтенд-разработчики страдают при работе с API: сначала мы ждём, когда будет разработана первая версия, а потом выясняем, что часть методов не работает, и апишка постоянно отваливается. А потом апи меняется, написанный код перестаёт работать, а мы узнаём об этом, бывает, уже на продакшне. Знакомо? Я расскажу о подходе, который позволяет изменить инженерные практики и избавиться от всех этих блокеров и сайд-эффектов. Поговорим, как организовать разработку фронтенд-приложения параллельно с API, как абстрагироваться от поставщика данных и организовать мокирование, как не переделывать всю бизнес-логику приложения при выпуске новых версий API, и как ускорить написание кода, работающего с сетью. И — самое главное — как при всём этом не испортить отношения с бэкендерами.

Дискуссионная зона

[Онлайн] А ваш сайт доступен с клавиатуры?

Клавиатура — иногда единственный способ сделать что-то в интернете, если внезапно сломалась мышь. А ещё встречаются пользователи, которые могут перемещаться по сайту только при помощи клавиатуры. Как правильно закодить интерфейс, удобный для пользователей клавиатур, насколько это трудозатратно, и в какую шпаргалку подсмотреть, чтобы реализовать сложные вещи? Вооружимся клавишей Tab и проверим! Доклад будет полезен всем, кто участвует в проектировании интерфейсов с клавиатуры. Для разработчиков веба в докладе будут примеры кода.

Дискуссионная зона

Я ❤ Storybook

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

Подводим итоги вместе с Докой

Итоги CTF

State Machine: что это и зачем

Мы очень часто работаем с состояниями. По большей части на фронте, но также и на бэке, не говоря уже о GameDev-e. Даже турникеты и вендорные автоматы имеют state machine. Несмотря на это, многие не понимают основных концептов и уж тем более не знают инструментов. Я постараюсь ввести вас в концепцию state machine и познакомить с инструментарием на примере xState.

Дискуссионная зона

Node.js фреймворки, или Туда и обратно

За годы разработок enterprise-приложений на Node.js я использовал Express, Nest.js и AWS-лямбды. У каждого подхода есть свои плюсы и минусы, и все они остаются актуальными, но ни одно из этих решений не стало золотым стандартом, и каждый раз, стартуя разработку нового приложения, мы сталкиваемся с выбором — на чём же нам писать. Пора ли забыть навсегда Express? Так ли хорош Nest.js, как рекламирует его автор, и не пора ли уйти на FaaS-решения?

Дискуссионная зона

[Онлайн] Особенности реализации брутальной дизайн-системы

Я расскажу историю небольшого проекта на стыке UI, UX и программирования. Как маленькая идея может поглотить десятки часов разработки и сколько удовольствия это может принести. Разберем все боли работы с платформой в попытках обойтись без javascript. Посмотрим на итоговый генератор документации.

Дискуссионная зона

“Web Vitals”: увидеть и оптимизировать

В индустрии уже давно сформированы стандарты производительности веб-приложений — это инициатива Web Vitals. Тем не менее, это не страхует программистов от ложных путей оптимизации Performance-метрик. Хотя бы по той причине, что у каждой из них свои неявные особенности варьирования значений, да и универсальных техник оптимизации всё ещё нет. Прямо сейчас эти метрики подвергаются корректировкам, к которым желательно быть готовыми. В докладе рассмотрим, как при помощи новейшей панели Performance Insights (и другой знакомой панели Performance) в Chrome DevTools можно научиться ревёрс-инжинирингу метрик, логируемых web-vitals.js. Даже тех, что ещё в бета-тестировании.

Закрытие, подведение итогов фотоконкурса