Курс Webflow Developer

Розглядаємо матеріал на прикладі реальних кейсів та вебпроєктів. Навчаємо за власною методологією для ефективного засвоєння матеріалу. Ти зможеш одразу використовувати свої знання на практиці.

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

Тема 1. Вступний урок

• Огляд можливостей платформи
• Функціонал та переваги платформи
• Обмеження та лімітації в інструментах
• Створення та налаштування проєкту

Тема 2. Огляд інтерфейсу

• Знайомство з інтерфейсом
• Контрольна панель
• Канвас
• Top-bar
• Навігаційна breadcrumb панель

Тема 3. Панель стилів

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

Тема 4. Вебструктура

• Вступ до HTML & CSS
• Box-model

Тема 5. Ієрархія елементів

Робота з ієрархією елементів.

Тема 6. Базові елементи

• Елементи
• Body
• Section
• Container
• Columns
• Div-block

Тема 7. Компоненти

• Компоненти
• Navbar
• Створення кастомних компонентів

Тема 8. Юніти

• Панель юнітів
• Юніти

Тема 9. HTML теги та класи

• HTML теги
• Класи
• Типографіка
• Стейти елементів

Тема 10. Лейаути

• Спейсинг (margin, padding)
• Display setting (show/hide)
• Модель Flexbox
• Grid
• Позиціонування елементів

Тема 11. Верстка блоків

• Верстка без дизайн макету
• Перенесення макету з Figma

Тема 12. Адаптивна верстка

Робота з адаптивною версткою.

Тема 13. Webflow CMS: створення, редагування та апдейт

• Створення колекцій CMS
• Додавання колекцій на сайт

Тема 14. Створення дизайну на базі Webflow CMS

• Стилізація колекцій
• Створення шаблону сторінок колекції

Тема 15. Інтерекшени та тригерні анімації

• Панель інтерекшенів
• Налаштування тригерних анімацій

Тема 16. Webflow SEO та паблішинг проєкту

• Вступ до SEO
• Мета-теги
• Маркування H1, H2, H3...
• Alt теги для зображень
• Панель аудиту
• Кейси з оптимізації під SpeedPageInsights
• Підключення домену та публікація проєкту

Тема 17. Кастомний код: розширюй функціонал своїх проєктів на Webflow

• Сніпети коду
• Як працювати зі сніпетами
• Розбір анатомії елементів, до яких застосовується сніпет (на практичному прикладі)
• Як інтегрувати сніпет коду на свій сайт
• Публікація сніпету

Бонусний урок. Пошук клієнтів на фріланс-майданчиках

Особливості пошуку клієнтів на фріланс-біржах у 2023 році.

Після проходження курсу ти будеш вміти:

• Будувати веб-сайти з нуля у Webflow
• Проєктувати веб-інтерфейси
• Швидко створювати різні сайти
• Перетворювати свій сайт

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

• Практичний досвід роботи у Webflow з нуля
• Додаткові матеріали та мануали
• Зручний доступ до всіх уроків, матеріалів курсу
• Портфоліо на основі домашніх завдань

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

Йосип Кобаль - UX/UI Designer, Ringostat (Netpeak Group)