№5: Онлайн-конференция Design is Frontend

React, Angular и Vue.js развиваются очень быстро, и e‑commerce‑разработчикам нужно постоянно изучать новые технологии, чтобы соответствовать ожиданиям пользователя. А чтобы задавать тренды, сокращать издержки, автоматизировать процессы и запускать новые сервисы, разработчики должны изучать и внедрять новое как минимум вдвое быстрее. Ведущие UX‑дизайнеры и Frontend‑тимлиды СберМаркета, AFFINAGE и Voximplant поделятся лайфхаками по ускорению разработки и расскажут, какой дизайн должен приходить на верстку. Поговорим о том, как выбрать удобный фреймворк для e‑commerce‑разработки, как делать «резину» в Figma и как применять продуктовый компонентный подход в дизайне и разработке для оптимизации скорости и качества.

Расписание докладов

1. React vs Vue.js vs Angular: на чем Frontend-разработчики пишут современный e‑commerce
Николай Митряшкин, Frontend-разработчик СберМаркет

  • Как проходит эволюция развития Frontend-разработки в СберМаркете.
  • Сравниваем современные фреймворки: по каким критериям мы выбирали в 2016 и что бы мы рассматривали, если бы делали выбор в 2021.
  • В каких проектах уместен каждый из фреймворков и чем их особенности.
  • Преимущества разработки на фреймворке.
  • Как выбрать удобный фреймворк для разработки e‑commerce?

2. Резиновый дизайн и резиновая верстка. Мастер‑класс
Игорь Яковлев, CEO AFFINAGE

  • Как делать «резину» в Figma? Пресловутые сетки на разных брейкпоинтах.
  • Грамотно пишем стили с CSS Media Query.
  • Проценты или em?
  • Ошибка масштабирования.
  • Экономим время на разработке.

3. Frontend: Продуктовый (компонентный) подход к разработке e‑commerce на базе фреймворков
Игорь Шеко, Frontend TeamLead Voximplant

  • Что такое компоненты и atomic design?
  • Шаги построения системы компонентов.
  • Где теряется понимание?
  • Почему важно вести документацию компонентов?
  • Продвинутое управление компонентами.
  • Как быстро создавать продающие промо.

4. Дизайн: Продуктовый (компонентный) подход к разработке e‑commerce на базе фреймворков
Назарий Панькив, Руководитель дизайна Voximplant

  • Что такое компоненты и atomic design?
  • Где теряется понимание?
  • Ведение компонентов в Figma.
  • Продвинутое управление компонентами.