arrow-left
Вернуться к продуктам
Кратко о видео

Сборка учебного сайта с Тимофеем Коновым — от декомпозиции макета в Figma до верстки в Taptop на готовых блоках. Блоки ускоряют процесс и легко адаптируются под нестандартный дизайн.

Декомпозиция — первый шаг перед версткой. Прежде чем открывать редактор, стоит выделить в макете все блоки, понять их структуру и определить, какой готовый блок Taptop ближе всего по композиции.

Готовые блоки Taptop — не просто шаблоны, а отправная точка. Можно взять ближайший по структуре блок и адаптировать цвета, шрифты, контент.

Сайт Яндекс.Станции — полезный учебный кейс, продуктовая страница с четкой иерархией блоков, нестандартными карточками с характеристиками и сложным hero. Настройка адаптива для этого сайта — в отдельном видео.

Верстаем сайт на готовых блоках в Taptop: часть 1
В видео разбираем: как читать макет и декомпозировать его на блоки, выбор и настройку готовых блоков Taptop под дизайн, верстку хедера, hero-секции и основных блоков страницы. Продолжение с адаптивом — во второй части.
Верстаем учебный сайт Яндекс.Станции на готовых блоках в Taptop — от декомпозиции до сборки десктопной версии.
Тайминги видео

00:00 — Введение, знакомство с Тимофеем Коновым

20:00 — Декомпозиция макета Яндекс.Станции в Figma

45:00 — Начало сборки: хедер на готовых блоках

1:15:00 — Hero-секция

1:45:00 — Основные секции и блоки с характеристиками

2:15:00 — Вопросы из чата и итоги

Другие продукты академии

Как выйти на фриланс
Разберётесь, как брать первые проекты, называть цену и общаться с клиентами
Для кого
Специалистов
Направление
Фриланс
Формат
Мини-курс
Длительность
13 уроков
Taptop с нуля: сайт-портфолио
Осваиваете базу Taptop и собираете сайт-портфолио, который можно оставить себе
Для кого
Новичков
Направление
Вёрстка
Формат
Мини-курс
Длительность
9 уроков
Как дизайнеру понять вёрстку
Разберётесь, как устроены сайты, чтобы увереннее работать с ними дальше
Для кого
Новичков
Направление
Вёрстка
Формат
Интенсив
Длительность
2 урока
Как собрать сложную анимацию
Собираете сложную анимацию и плавный переход между страницами
Для кого
Для тех, кто в теме
Направление
Анимации
Формат
Интенсив
Длительность
2 урока