Сборка учебного сайта с Тимофеем Коновым — от декомпозиции макета в Figma до верстки в Taptop на готовых блоках. Блоки ускоряют процесс и легко адаптируются под нестандартный дизайн.
Декомпозиция — первый шаг перед версткой. Прежде чем открывать редактор, стоит выделить в макете все блоки, понять их структуру и определить, какой готовый блок Taptop ближе всего по композиции.
Готовые блоки Taptop — не просто шаблоны, а отправная точка. Можно взять ближайший по структуре блок и адаптировать цвета, шрифты, контент.
Сайт Яндекс.Станции — полезный учебный кейс, продуктовая страница с четкой иерархией блоков, нестандартными карточками с характеристиками и сложным hero. Настройка адаптива для этого сайта — в отдельном видео.
00:00 — Введение, знакомство с Тимофеем Коновым
20:00 — Декомпозиция макета Яндекс.Станции в Figma
45:00 — Начало сборки: хедер на готовых блоках
1:15:00 — Hero-секция
1:45:00 — Основные секции и блоки с характеристиками
2:15:00 — Вопросы из чата и итоги