Программа курса

Основы работы с WebFlow

На этом курсе начинают с ознакомления с интерфейсом WebFlow. Студенты узнают об основных возможностях платформы и ее преимуществах. Сразу же переходят к практике - изучают блочную модель, работу с контейнерами, секциями и отступами. Выясняют, где находить нужные элементы и как управлять их свойствами.

Структура и стилизация

Далее разбирают правильное использование тегов, классов и уникальных элементов. Обучаются избегать лишнего кода и делать сайты легкими для масштабирования. Подробно изучают параметры display: flex и display: grid - способы расположения элементов, которые обеспечивают гибкость макета. Выясняют, как создавать нетипичные компоновки.

Работа с дизайн-макетами

Курс показывает, как подготовить макет в Figma для последующего переноса в WebFlow. Хотя автоматического импорта пока нет, студенты изучают правила, которые ускоряют ручную работу и уменьшают количество ошибок.

Функциональные элементы

Студенты учатся работать с формами - создавать поля для сбора email, телефонов или обратной связи. Обучаются изменять внешний вид форм и настраивать кнопки отправки. Особое внимание уделяют accessibility - как сделать сайт доступным для людей с инвалидностью и тех, кто пользуется старыми устройствами.

Расширенные возможности

Курс охватывает работу с кастомным кодом и интеграциями. Студенты узнают, как сочетать WebFlow с другими no-code инструментами для создания автоматизированных сайтов. Учат адаптировать сайты под разные размеры экранов - от телефонов до больших мониторов, понимая принципы каскадности стилей.

Управление контентом и динамика

Студенты осваивают CMS - систему управления контентом. Учатся создавать базы данных, генерировать страницы по шаблону и встраивать динамический контент на статические страницы. Дополнительно изучают анимации - от простых эффектов при наведении до сложных анимаций при скролле и загрузке страницы.

Завершающий этап

Завершают курс публикацией сайта и SEO-оптимизацией. Студенты узнают о настройках проекта для публикации, основных принципах поисковой оптимизации и инструментах WebFlow для улучшения видимости сайта в поисковых системах.

Особенности обучения

Курс включает 12 видеолекций и дополнительные материалы для лучшего усвоения информации. Каждый модуль построен логично - от базовых понятий до сложных техник, что позволяет эффективно освоить WebFlow на практике.

Что включено

Гибкий график

Реальный проект в портфолио

WebFlow

О курсе

Программа курса

Основы работы с WebFlow

Структура и стилизация

Работа с дизайн-макетами

Функциональные элементы

Расширенные возможности

Управление контентом и динамика

Завершающий этап

Особенности обучения

Что включено

О школе

Projector

Другие курсы школы

A/B Testing

Strategic Leadership

Python Beginning