На этом курсе начинают с вводного урока, где показывают возможности платформы. Слушатели узнают о функционале и ограничениях инструментов. Сразу создают и настраивают свой первый проект.
Далее идет детальный обзор интерфейса. Рассматривают контрольную панель, канвас, top-bar и навигационную breadcrumb панель. Отдельно изучают панель стилей - основное место для настройки внешнего вида элементов.
Здесь объясняют основы HTML и CSS, в частности box-model. Показывают, как работать с иерархией элементов. Рассматривают базовые элементы: body, section, container, columns и div-block.
Слушатели учатся работать с компонентами, включая navbar, и создавать собственные кастомные компоненты. Отдельно изучают систему юнитов - основу разметки в Webflow.
Этот блок посвящен HTML тегам, классам, типографике и состояниям элементов. Глубоко рассматривают лейауты: спейсинг через margin и padding, display settings, Flexbox, Grid и позиционирование элементов.
Слушатели переходят к практической верстке - сначала без дизайн-макета, потом переносят макет из Figma. Отдельно изучают адаптивную верстку для разных устройств.
Рассматривают работу с Webflow CMS: создание коллекций, их редактирование и обновление. Потом переходят к созданию дизайна на основе CMS - стилизации коллекций и шаблонов страниц.
Этот модуль учит создавать интеракции и триггерные анимации через специальную панель. Потом переходят к SEO и публикации проекта - от мета-тегов до подключения домена.
Завершающая часть курса показывает, как расширять функционал с помощью кастомного кода. Рассматривают снипеты кода, их интеграцию и публикацию. Бонусный урок посвящен поиску клиентов на фриланс-площадках.
После прохождения курса слушатели могут строить веб-сайты с нуля в Webflow, проектировать веб-интерфейсы, быстро создавать различные сайты и трансформировать свои проекты.
Курс дает практический опыт работы с Webflow с нуля. Содержит дополнительные материалы и мануалы. Обеспечивает удобный доступ ко всем урокам. Позволяет создать портфолио на основе домашних заданий.