Design is Frontend
14 сентября состоится конференция «Design is Frontend» на тему «Реактивные фреймворки в e‑commerce. Их роль в связке дизайна и frontend-разработки».
Кому будет интересно?
UX-дизайнерам, Frontend-разработчикам, руководителям, CEO, CTO и тимлидам.
Что в программе?
Дизайнеры и тимлиды AFFINAGE, «СберМаркет» и Voximplant расскажут:
- в чём разница между React, Vue.js и Angular, в каких проектах уместны эти фреймворки, и на чём Frontend-разработчики пишут современный e‑commerce;
- как делать резиновый дизайн и резиновую вёрстку в Figma и как экономить на разработке;
- как применение продуктового компонентного подхода в дизайне и разработке помогает оптимизировать скорость и качество.
Расписание докладов
18:00 – 18:30 Николай Митряшкин Frontend-разработчик СберМаркет
React vs Vue.js vs Angular: на чем Frontend-разработчики пишут современный e‑commerce
- Как проходит эволюция развития Frontend-разработки в СберМаркете.
- Сравниваем современные фреймворки: по каким критериям мы выбирали в 2016 и что бы мы рассматривали, если бы делали выбор в 2021.
- В каких проектах уместен каждый из фреймворков и чем их особенности.
- Преимущества разработки на фреймворке.
- Как выбрать удобный фреймворк для разработки e‑commerce?
18:30 – 19:00 Игорь Яковлев CEO AFFINAGE
Резиновый дизайн и резиновая верстка. Мастер‑класс
- Как делать «резину» в Figma? Пресловутые сетки на разных брейкпоинтах.
- Грамотно пишем стили с CSS Media Query.
- Проценты или em?
- Ошибка масштабирования.
- Экономим время на разработке.
19:00 – 19:30 Игорь Шеко Frontend TeamLead Voximplant
Frontend: Продуктовый (компонентный) подход к разработке e‑commerce на базе фреймворков
- Что такое компоненты и atomic design?
- Шаги построения системы компонентов.
- Где теряется понимание?
- Почему важно вести документацию компонентов?
- Продвинутое управление компонентами.
- Как быстро создавать продающие промо.
19:00 – 19:30 Назарий Панькив Руководитель дизайна Voximplant
Дизайн: Продуктовый (компонентный) подход к разработке e‑commerce на базе фреймворков
- Что такое компоненты и atomic design?
- Где теряется понимание?
- Ведение компонентов в Figma.
- Продвинутое управление компонентами.
19:30 – 20:00 Кирилл Миронов TeamLead Ostrovok.ru
Сколько нужно библиотек компонентов для e‑commerce и как их проектировать?
- Какие проблемы возникают при разработке сайтов на e‑commerce и их переезде на React.
- Как с нуля сделать библиотеку компонентов и что стоит в нее выносить.
- Технические аспекты библиотеки компонентов: технологии, организация кода и разделение ответственности компонентов.
- Какие проблемы решает, а какие создает спустя два года разработки библиотека компонентов.