уверенный старт в Webflow
разберетесь с интерфейсом и логикой инструмента чтобы самостоятельно создавать сайты с нуля
понимание верстки и структуры
в процессе курса формируется понимание блочной модели контейнеров отступов типографики и позиционирования чтобы выстраивать чистую структуру страниц
перенос дизайна в рабочий сайт
научитесь переносить макеты из Figma в Webflow и превращать их в готовый интерфейс
адаптивность под разные экраны
в процессе обучения формируется понимание как адаптировать сайт под разные устройства и обеспечивать стабильную работу
CMS и работа с контентом
вы разбираетесь как выстраивать CMS структуру и управлять контентом чтобы масштабировать сайт
анимации интеграции и запуск
в процессе курса формируется понимание как добавлять анимации работать с интеграциями и публиковать сайт с учётом SEO
- базово ознакомимся с интерфейсом WebFlow, его возможностями и преимуществами
- разберемся, где и что расположено в Webflow: где искать элементы, их свойства и другие важные панели для работы над сайтом
- поймем, как не генерировать лишнее и делать сайт легким для масштабирования
- разберемся, что такое блочная модель, как называть и использовать классы, и какой тег использовать в той или иной ситуации
- научимся различать секции, контейнеры и девы
- в деталях посмотрим на параметры display: flex и display: grid — способы изображения элементов, придающих гибкость в их расположении
- научимся правильно выбирать display и позиционирование в соответствии с заданием
- поймем, как создавать нетипичные макеты
- узнаем, как подготовить Figma для быстрого переноса в WebFlow, поскольку в один клик, к сожалению, это сделать пока невозможно
- проанализируем правила, которые нужно придерживаться, чтобы ускорить ручную работу и допускать меньше ошибок
- поймем, как работать с формами в Webflow, изменять их визуально, настраивать на кнопку Submit
- разберемся, как сделать сайт доступным для всех и никого не дискриминировать: ни людей с инвалидностью, ни с нарушениями, ни тех, у кого слабый интернет, старый девайс или кого ослепляет солнце из окна
- узнаем, как совмещать Webflow с другими no-code инструментами, чтобы создавать впечатляющие автоматизированные сайты, работающие как полноценный продукт
- разберемся, как с помощью кастомного кода можно создать то, что не получится сделать стандартными инструментами
- научимся адаптировать свой сайт под разные размеры экранов: телефон, планшет, маленький и большой десктопный экраны
- разберемся, как работает каскадность стилей
- научимся создавать базы данных для контента, генерировать страницы из них и встраивать контент с CMS на статических страницах
- разберемся, как делать анимации разных типов: простые эффекты по ховеру, анимацию по скролу, при загрузке страницы
- разберемся, как опубликовать и оптимизировать под поисковую выдачу веб-сайт в Webflow и как это сделать в настройках проекта
- узнаем, что нужно помнить о SEO и какими инструментами внутри Webflow пользоваться для этого
автор и куратор
он будет рядом
Создает цифровые продукты, вебсайты и приложения, усиливающие бизнес и помогающие компаниям системно работать с пользовательским опытом. Работает как независимый специалист, приобщаясь к проектам разного масштаба – от отдельных продуктов до комплексных цифровых решений. В частности, работал с Новой почтой, Минцифрой, Djinni, Miro, Uklon.
Преподает growth design и user onboarding в Projector. Ведение блога, где делится практикой, кейсами и наблюдениями с работы.
что вас ждет
обучение по-проджекторному
12 лекций, которые можете смотреть сколь угодно, однако лучше следовать предложенному куратором порядку
дополнительные материалы и полезные источники для углубленного понимания материала
чеклисты для самопроверки после каждой лекции
язык преподавания — украинский
цена курса
1 500 грн
платите самостоятельно
или через работодателя
цена курса
1 500 грн
платите самостоятельно
или через работодателя
*Согласно результатам исследования Projector.
В исследовании учавствовали 567 респондетнов
среди выпускников курсов в 2022.
медиа.
узнайте больше
остались вопросы?
подготовили ответы
- сколько всего будет лекций?
- можно ли смотреть лекции в любой удобный день?
- получу ли я сертификат после проходжения курса?
регистрация.
первый шаг за вами
Хотите спростить еще что-то? Пишите на hello@prjctr.com или звоните по номеру +38 067 418-95-78.
первый шаг за вами
другие актуальные курсы по направлениюдизайн интерфейсов
что почитать интересненькое по темеWebFlow
