Pixel Perfect
МИНИ-КУРС по Taptop
4 дня. Бесплатно. Заверстаем
сайт-портфолио для дизайнеров.
Научимся оживлять любые идеи
без кода и разработчиков
Проблематика рынка 📉
🚨
В 2025 году рынок
изменился:
блокировка Cloudflare,
сбои в работе Webflow
В России все меньше и меньше
доверия к международным сервисам.
🚨
Неважно кто ты...
Дизайнер или разработчик, новичок
или профи. Сейчас нам остается лишь
адаптироваться. Мы выбрали Taptop
как самый понятный инструмент, чтобы
перейти с Webflow / начать путь с нуля.
🚨
нет контроля
за результатом
Когда за верстку отвечает другой
специалист, твой дизайн может
развалиться о «не выйдет, у нас
темплейты и жёсткая UI-система».
Что будет ✈️
На курсе мы сделаем сайт-
портфолио, разберем
возможности TapTop
и многое другое...
А если успешно сдашь все домашки
— подарим 20% скидку на наш
основной курс по Taptop
Присоединяйся к нам 👨🏻🎓👩🏻🎓
Спасибо! Форма отправлена
Что-то не так. Попробуйте позже
Расписание🗓️
🌕 Урок 1 + дз
Подготовка макета
и вёрстка первого блока
Разберём, как клонировать макет,
придать ему свой стиль и сгенерить
3D графику. Затем сверстаем
1 секцию: создадим структуру,
поработаем с классами, Flex и Grid.
Домашка:
P.S. Всем участникам дарим
подписку на Taptop на месяц
🌕 Урок 2 + дз
CMS Коллекции
и сложный Grid
Узнаем, что такое CMS, создадим
коллекцию для портфолио и заполним
её работами. После соберем
2 секцию, где твои работы будут
выводиться автоматически.
Домашка:
Создаём CMS, наполняем её
работами (если их нет, бери
из нашего шаблона). Верстаем
2 секцию, настраиваем global-
styles и вставляем наш код.
🌕 Урок 3 + дз
Форма и сбор заявок
Научимся создавать формы
и настраивать их состояния. Сделаем
ссылки на свои соцсети
и переиспользуем ранее созданные
классы.
Домашка:
Верстаем 3 секцию вместе
с преподавателем Даниилом.
🌕 Урок 4 + дз
Анимации и адаптивность
Оживим сайт стильными анимациями,
изучим «rem», флюидную
адаптивность и соберём калькулятор
под неё.
Домашка:
Повторяем hover-анимации
из урока, остальные по желанию.
Собираем калькулятор
адаптивности (или берем наш
готовый код). Вставляем его
в global-styles и правим адаптивы
на брейкпоинтах.
На выходе — Уникальный
сайт-портфолио,
Домашки с обратной
связью. но без стресса,
ты справишься.
Бонусные уроки 🎁
1.
📱
подключение Taptop к Telegram
Это самый частый запрос клиентов. Сможешь смело отвечать «конечно!»
2.
💼
Как упаковаться и собрать
базу клиентов
Сайт уже есть. Теперь надо,
чтобы его кто-то увидел.
Разберем:
➡️ Как собрать базу адекватных
клиентов, а не «ищу за отзыв»;
➡️ Как писать клиентам, чтобы
заинтересовать их.
Кто ведет 🧑🏻✈️
Николай Алексеев
Сооснователь PixelPerfect и студии FLUID
10 лет в разработке. За это время собирал сайты
для Setters, Chulakov School, Agima, Самолёта
и других компаний — от Касперского
до международных брендов.
Даниил Шишко
Работал с Fluid, Kolibri, Relate. Собирал сайты
для Setters, Самоката, клиентов из США, Германии,
ОАЭ и Вьетнама. Параллельно — продуктовый дизайн
для CDEK, GetShop и других.
Присоединяйся к нам 👨🏻🎓👩🏻🎓
Спасибо! Форма отправлена
Что-то не так. Попробуйте позже