Курс WebFlow Developer 3.0

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

Основи Webflow

• Чому Webflow
• Тарифні плани Webflow
• Організація робочого простору та налаштування проєкту

Робота з елементами

• Семантичні теги
• Структурні, базові та типографічні елементи
• CMS
• Медіа елементи
• Форма
• Форма з кастомізованими елементами
• Багатокрокова форма
• Додаткові елементи

Робота з панеллю стилів

• Відображення block та flex
• Відображення Grid
• Відображення Inline, Inline-Block та None
• Відступи та розміри
• Одиниці вимірювання
• Ratio, Overflow, Fit
• Позиціювання елементів
• Типографіка
• Фоновий колір
• Borders, Radius, Opacity, Outline, Box Shadows

Проєкт

• Структура сторінки
• Стратегія використання класів, типографіки та відступів
• Адаптивність проєкту
• Чому використовуємо rem?

CMS

• Створення та налаштування CMS колекцій
• Зв'язок з CMS
• Зв'язок з CMS Template та додаткові налаштування

E-comerce проєкт на webflow

• Базові налаштування та створення товарів
• Побудова інтернет-магазину на платформі
• Як підключити плагін Fireflow
• Як підключити готовий інтернет магазин до Fireflow

Анімації та тригери

• Тригери елементу
• Тригери сторінки
• Використання Chat GPT для роботи з тригерами

Верстка Here Section

• Верстка Hero Section (частина 1)
• Верстка Hero Section (частина 2)
• Верстка Hero Section (частина 3)

Публікація сайту

• Webflow Variables
• Інтеграція з Telegram та Google Sheets
• Webflow logic

Додатково

Доступ до закритого телеграм-ком'юніті з Webflow в Україні.

Особливості курсу

• Актуальність
• Зручний формат
• Багато контенту
• Практика, а не теорія
• Hard + Soft skills

Викладачі курсу

Олександр Алехнович - Co-Founder Webflow Development at Apex Band