arrow-left
Вернуться к продуктам
Кратко о видео
В уроке разобрана декомпозиция макета и вёрстка на готовых блоках: как читать макет Яндекс.Станции и разбивать его на блоки, выбор подходящих готовых блоков из библиотеки Taptop, вёрстка хедера и hero-секции с адаптацией блока под дизайн. Декомпозиция — ключевой первый шаг. Без разбивки макета на блоки перед вёрсткой легко начать «рисовать» вместо «верстать» — делать всё одной секцией без правильной структуры. Готовые блоки Taptop берёт как основу и адаптирует под макет, а не пытается воспроизвести пиксель в пиксель. Урок для начинающих, кто хочет научиться работать с готовыми блоками на реальном проекте. Часть 1 из серии — смотри последовательно с частью 2 (адаптив). Базовое знание интерфейса Taptop нужно, вёрстка с нуля не требуется.

Верстаем сайт Яндекс.Станции на готовых блоках в Taptop, часть 1

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

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

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