arrow-left
Вернуться к продуктам
Кратко о видео
В уроке разобран профессиональный процесс вёрстки: Style Guide как первый шаг (а не хедер), глобальные классы для заголовков, параграфов, кнопок и контейнеров, затем хедер, секции с карточками, форма, адаптив. По ходу — ответы на вопросы чата. Style Guide до вёрстки — это не формальность. Один глобальный класс для H1 и правки типографики займут секунды, а не часы. Адаптив становится проще: правишь глобальный класс — он применяется на все заголовки сразу. Длинный стрим-разбор реального проекта от начала до конца. Подходит тем, кто хочет посмотреть на полный процесс опытного верстальщика, а не только отдельные техники. Базовые знания Taptop нужны — стрим не для первого знакомства с платформой.

Адаптивная верстка бизнес-страницы с нуля по макету Figma в Taptop

Бизнес-макет с нестандартными блоками — и хочется понять, как подходят к такому профессионалы. С чего начинают? Как работают с нетипичными секциями, которые нельзя сверстать по шаблону?
Профессиональный процесс начинается со Style Guide: глобальные классы для заголовков, параграфов, кнопок и контейнеров. Гостевой верстальщик Саша Гудаев показывает подход к нестандартным блокам: сначала структура, потом детали. Для всех, кто хочет верстать системно. После просмотра понимаешь, как профессионально подходить к адаптивной вёрстке любого бизнес-макета.
Тайминги видео
00:00 — Знакомство: Саша Гудаев, подход к профессиональной вёрстке 15:00 — Style Guide: глобальные классы с нуля 40:00 — Хедер и первый экран 1:00:00 — Блоки с карточками: Grid vs Flexbox на практике 1:30:00 — Форма обратной связи 1:50:00 — Адаптив и ответы на вопросы

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

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