WebFlow
с нуля научимся пользоваться инструментом Webflow, чтобы создавать быстрые и легкие для масштабирования вебсайты
опыт
не обязателен
старт
стартуйте, когда пожелаете
группа
неограниченное количество мест
длительность
смотрите в удобное для вас время
если вы:
- 01
дизайнер/-ка сайтов и планируете научиться самостоятельно верстать собственные проекты
- 02
фронтенд разработчик/-ца и хотите освоить еще один инструмент для верстки сайтов
- 03
без опыта работы с интерфейсами, однако требуете сайт для собственного продукта или проекта и хотите создать его самостоятельно
...тогда это мэтч!
Webflow — популярный и мощный no-code инструмент для создания быстрых и легких в масштабировании вебсайтов. Проекты на Webflow изнутри работают и выглядят так, будто их написал профессиональный веб-разработчик. Однако на самом деле для работы понадобится только удобный интерфейс, понимание некоторых нюансов и терпение.
Несмотря на относительную простоту в использовании благодаря Webflow, можно создавать и одностраничные лендинги, и онлайн магазины со сложной структурой. При этом в обоих вариантах мы сможем легко редактировать дизайн и контент, а также оптимизированный и понятный код. Последнее важно, если в будущем с этим сайтом будет работать разработчик по внедрению новых функций.
На курсе пошагово пройдем все основные этапы эффективной работы с инструментом. От регистрации до первого созданного сайта, который научимся адаптировать под разные экраны и условия использования. Также узнаем, как создавать анимации, улучшить SEO и разработать CMS для работы с контентом.
программа видеокурса
новые скилы и профессиональные инсайты
- 01.знакомство с интерфейсом WebFlow
- базово ознакомимся с интерфейсом WebFlow, его возможностями и преимуществами
- 02.блочная модель, контейнеры, секции, девы, spacing, типография, отступы
- разберемся, где и что расположено в Webflow: где искать элементы, их свойства и другие важные панели для работы над сайтом
- 03.теги, классы и уникальные элементы
- поймем, как не генерировать лишнее и делать сайт легким для масштабирования
- разберемся, что такое блочная модель, как называть и использовать классы, и какой тег использовать в той или иной ситуации
- научимся различать секции, контейнеры и девы
- 04.дисплей и позиционирование
- в деталях посмотрим на параметры display: flex и display: grid — способы изображения элементов, придающих гибкость в их расположении
- научимся правильно выбирать display и позиционирование в соответствии с заданием
- поймем, как создавать нетипичные макеты
- 05.Figma to WebFlow
- узнаем, как подготовить Figma для быстрого переноса в WebFlow, поскольку в один клик, к сожалению, это сделать пока невозможно
- проанализируем правила, которые нужно придерживаться, чтобы ускорить ручную работу и допускать меньше ошибок
куратор.
он будет рядом
Стас Говорухин
Дизайнер продукта в Djinni.
В прошлом — growth дизайнер в Miro, дизайнер в Uklon. Работал над мобильными приложениями для пассажиров и водителей в Uklon. Консультировал 30+ стартапов по дизайну апок, благодаря чему компании улучшили ключевые метрики продукта.
что вас ждет
обучение по-проджекторному
- 12 лекций, которые можете смотреть сколь угодно, однако лучше следовать предложенному куратором порядку
- дополнительные материалы и полезные источники для углубленного понимания материала
- чеклисты для самопроверки после каждой лекции
- язык преподавания — украинский
цена курса
1 500 грн
платите самостоятельно
или через работодателя
цена курса
1 500 грн
платите самостоятельно
или через работодателя
*Согласно результатам исследования Projector.
В исследовании учавствовали 567 респондетнов
среди выпускников курсов в 2022.
медиа.
узнайте больше
остались вопросы?
подготовили ответы
- сколько всего будет лекций?
- можно ли смотреть лекции в любой удобный день?
- получу ли я сертификат после проходжения курса?
регистрация.
первый шаг за вами
Хотите спростить еще что-то? Пишите на hello@prjctr.com.ua или звоните по номеру +38 067 418-95-78.
первый шаг за вами