1. ТЗ для верстальщика (HTML)
Цель
Сверстать новые блоки посадочной страницы.
Контекст
- Верстальщик пишет HTML и CSS
- JS-логика и интеграция выполняются разработчиком
Входные данные
- Figma с новыми блоками –
- Ссылка на текущую страницу –
- Во вложении скрины того что надо сверстать – фильтры, плитку товаров и отзывы верстать не надо. Они присутствуют в макете для целостности и понимания картины. ВАЖНО: нужен адаптив – в figma есть все базовые разрешения и верстка (брейкпоинты) для блоков под верстку.
Требования к верстке
- HTML5, семантика
- Понятный нейминг классов (BEM или согласованный)
- Без inline-стилей и JS
- CSS отдельно или в style-блоке
Адаптивность
- Соответствие Figma
- Mobile-first предпочтителен
Результат
- HTML-файлы с новыми блоками
- CSS-файл (если используется)
- Комментарии по логике разбиения
Критерии приёмки
- Визуальное соответствие макету
- Корректная адаптивность