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

Основи роботи з 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