Дбайливо і з любов'ю навчимо вас створювати сайти на Webflow з нуля до PRO без знання {коду};

1. Огляд сервісу Webflow
2. Налаштування проекту (project settings Webflow)
3. Знайомство з Webflow Designer (панель стилів, навігаційна панель тощо)
4. Тарифи та плани Webflow (Site Plans, Workspace Plans)

1. Основи html та css, необхідні для роботи в Webflow.
2. Блокова верстка та базова структура класичної веб-сторінки
3. Огляд основних елементів панелі елементів Webflow Designer (в. т.ч. Spline Scene, Lottie, Custom Element)
4. Огляд групи елементів Forms
5. Огляд групи елементів Components
6. Розуміння роботи зі стилями у Webflow Designer
7. Методології БЕМ та Client-First
8. Основи семантичної верстки + Розбираємо архітектуру невеликого проекту на основі здобутих знань

1. Типографіка (Typography)
2. Робота з фоном (Background)
3. Кордони (Border)
4. Ефекти (Effects)
5. Відображення (Display)
6. Відступи: зовнішні та внутрішні (Margins & Paddings)
7. Float & Clearfix
8. Переповнення (Overflow)
9. Позиціонування (Position)
10. Розміри width, min/max width, height, min/max height. + властивість fit для зображень

1. Одиниці розмірностей у CSS (px, em, rem, vh, vw, ch, %)
2. Flexbox. Must-have у використанні властивості
3. Flexbox. Властивості flex- (shrink, grow, basis), align-self, order.
4. Flexbox. Властивості flex-wrap та align-content
5. CSS Grid. Must-have у використанні властивості
6. СSS Grid. Manual position & Area
7. CSS Grid+Flexbox. Поширене поєднання
8. Embed-блок
9. Компоненти у Webflow
10. Variables у Webflow

1. Брейкпоінти у Webflow
2. Фіксована верстка
3. Адаптивна верстка
4. Гумова верстка
5. Чуйна верстка

1. CMS. Знайомство та логіка роботи
2. CMS. Створення Collection. Налаштування. Collection Items. Collection Fields
3. CMS. Робота з Collection List.
4. CMS. Робота з Collection Page.
5. Базові Collection Fields
6. Collection Field - Rich Text
7. Collection Fields - Option, Number, Switch, Date
8. Reference & Multi-Reference Collection Fields

1. E-commerce. Знайомство та логіка роботи
2. E-commerce. Створення продуктових карток (Ecommerce list). AddToCart button.
3. E-commerce. Налаштування кошику
4. E-commerce. Кастомізація дизайну листів, що надходять покупцям
5. E-commerce. Ecommerce Page

1. Стани елементів (none, hover, pressed, focused)
2. Transitions (переходи)
3. Тригерна анімація: розгляд усіх типів тригерів
4. Створення анімації для усіх типів тригерів
5. 2D & 3D Transforms

*приклади створення окремих популярних інтеракцій викладаємо в базу знань: рухомий рядок, preloader, акордеон, слайдери, анімація при ховері, parallax, lottie-анімація, анімація для зображень та багато іншого.

1. Favicon, webclip, OG Image
2. Тестування форм зворотнього зв'язку
3. SEO-налаштування проекту.
4. Трансфер проекту клієнту або вивантаження архіва з веб-проектом. Підключення домена.

1. Фріланс. Переваги та недоліки. Чи підходить він саме тобі?
2. Як гармонійно вийти на фріланс
3. Позиціонування та нішування
4. Хард Скіли. Основна навичка та додаткові. Перевірені підрядники
5. Професійні та особисті соц мережі (behance, dribble, linkedin, instagram, facebook, tik-tok)
6. Біржі фрілансу. Переваги та недоліки
7. Як сформувати сильне портфоліо. Власний сайт
8. Як розрахувати вартість послуг. Fix price VS погодинка
9. Де знайти першого клієнта? Де взагалі шукати клієнтів
10. Як продавати Webflow
11. Комерційна пропозиція. Як презентувати вартість проєкту
12. Як вести проєкт. Клієнт-сервіс та тайм-менеджмент
13. Взаємодія з клієнтом після завершення проєкту. Допродажа послуг