Webflow
с нуля научимся пользоваться инструментом Webflow, чтобы создавать быстрые и легкие для масштабирования вебсайты
опыт
не обязателен
старт
стартуйте, когда пожелаете
количество лекций
12 видеолекций
длительность курса
смотрите в удобное для вас время
СРЕДНЕЕ ВРЕМЯ ПРОСМОТРА
15 минут
бонус
дополнительные материалы от куратора
если вы:
- 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, поскольку в один клик, к сожалению, это сделать пока невозможно
- проанализируем правила, которые нужно придерживаться, чтобы ускорить ручную работу и допускать меньше ошибок
- 06.формы в Webflow
- поймем, как работать с формами в Webflow, изменять их визуально, настраивать на кнопку Submit
- 07.accessibility: как сделать сайт инклюзивным
- разберемся, как сделать сайт доступным для всех и никого не дискриминировать: ни людей с инвалидностью, ни с нарушениями, ни тех, у кого слабый интернет, старый девайс или кого ослепляет солнце из окна
- 08.кастомный код и интеграции
- узнаем, как совмещать Webflow с другими no-code инструментами, чтобы создавать впечатляющие автоматизированные сайты, работающие как полноценный продукт
- разберемся, как с помощью кастомного кода можно создать то, что не получится сделать стандартными инструментами
- 09.адаптивность
- научимся адаптировать свой сайт под разные размеры экранов: телефон, планшет, маленький и большой десктопный экраны
- разберемся, как работает каскадность стилей
- 10.CMS — content management system
- научимся создавать базы данных для контента, генерировать страницы из них и встраивать контент с CMS на статических страницах
- 11.анимации и переходы: от простого к сложному на практических примерах
- разберемся, как делать анимации разных типов: простые эффекты по ховеру, анимацию по скролу, при загрузке страницы
- 12.публикация и SEO
- разберемся, как опубликовать и оптимизировать под поисковую выдачу веб-сайт в Webflow и как это сделать в настройках проекта
- узнаем, что нужно помнить о SEO и какими инструментами внутри Webflow пользоваться для этого
авторпрограммыСтас
Говорухин
В прошлом — growth дизайнер в Miro, дизайнер в Uklon. Работал над мобильными приложениями для пассажиров и водителей в Uklon. Консультировал 30+ стартапов по дизайну апок, благодаря чему компании улучшили ключевые метрики продукта.
что вас ждет
обучение по-проджекторному
12 лекций, которые можете смотреть сколь угодно, однако лучше следовать предложенному куратором порядку
дополнительные материалы и полезные источники для углубленного понимания материала
чеклисты для самопроверки после каждой лекции
язык преподавания — украинский
цена курса
1 500 грн
платите самостоятельно
или через работодателя
цена курса
1 500 грн
платите самостоятельно
или через работодателя
*Согласно результатам исследования Projector.
В исследовании учавствовали 567 респондетнов
среди выпускников курсов в 2022.
медиа.
узнайте больше
остались вопросы?
подготовили ответы
- сколько всего будет лекций?
- можно ли смотреть лекции в любой удобный день?
- получу ли я сертификат после проходжения курса?
регистрация.
первый шаг за вами
Хотите спростить еще что-то? Пишите на hello@prjctr.com или звоните по номеру +38 067 418-95-78.
первый шаг за вами