скільки всього буде лекцій?

Курс складається з 12 лекцій і чеклістів для самоперевірки, а також із довгого списку додаткових матеріалів до кожної лекції.

чи можна дивитися лекції в будь-який зручний день?

Так, звісно. Ви одразу отримаєте доступ до всіх лекцій і зможете переглядати їх, коли буде зручно.

чи отримаю я сертифікат після проходження курсу?

Ні, без практики немає сертифікатів. Але головне — це знання, правда ж? Ви зможете перевірити їх, використовуючи чеклісти для самоперевірки після кожної лекції.

Interface Design

відеокурс

Webflow

ціна	1500 гривень
старт	стартуйте будь-коли
кількість лекцій	12 відеолекцій
Тривалість курсу	дивіться у зручний для вас час
СЕРЕДНІЙ ЧАС ПЕРЕГЛЯДУ ЛЕКЦІЇ	15 хвилин
бонус	додаткові матеріали від куратора

з нуля навчимося користуватися інструментом Webflow, щоб створювати швидкі та легкі для масштабування вебсайти

ціна	1500 гривень
старт	стартуйте будь-коли
кількість лекцій	12 відеолекцій
Тривалість курсу	дивіться у зручний для вас час
СЕРЕДНІЙ ЧАС ПЕРЕГЛЯДУ ЛЕКЦІЇ	15 хвилин
бонус	додаткові матеріали від куратора

якщо ви:

01
дизайнер/-ка сайтів та плануєте навчитися самостійно верстати власні проєкти
02
фронтенд розробник/-ця та хочете освоїти ще один інструмент для верстки сайтів
03
без досвіду роботи з інтерфейсами, проте потребуєте сайт для власного продукту чи проєкту і хочете створити його самостійно

...тоді це метч!

Webflow — популярний та потужний no-code інструмент для створення швидких та легких в масштабуванні вебсайтів. Проєкти на Webflow зсередини працюють і виглядають так, ніби їх написав професійний веброзробник. Проте насправді для роботи знадобиться лише зручний інтерфейс, розуміння деяких нюансів та трохи терпіння.

Попри відносну простоту у використанні завдяки Webflow можна створювати й односторінкові лендинги, і онлайн магазини зі складною структурою. При цьому в обох варіантах ми зможемо легко редагувати дизайн та контент, а також матимемо оптимізований та зрозумілий код. Останнє важливо, якщо в майбутньому з цим сайтом працюватиме розробник для впровадження нових функцій.

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

програма відеокурсу

01. знайомство з інтерфейсом Webflow: базово ознайомимося з інтерфейсом Webflow, його можливостями та перевагами
02. блочна модель, контейнери, секції, діви, spacing, типографіка, відступи: розберемося, де і що розташоване в Webflow: де шукати елементи, їхні властивості та інші важливі панелі для роботи над сайтом
03. теги, класи та унікальні елементи: зрозуміємо, як не генерувати зайве та робити сайт легким для масштабування
розберемося, що таке блочна модель, як називати та використовувати класи, і який тег використати в тій чи іншій ситуації
навчимося розрізняти секції, контейнери та діви
04. дисплей та позиціювання: у деталях подивимося на параметри display: flex та display: grid — способи зображення елементів, які додають гнучкості в їх розташуванні
навчимося правильно обирати display та позиціювання відповідно до завдання
зрозуміємо, як створювати нетипові макети
05. Figma to Webflow: дізнаємось, як підготувати Figma для швидкого перенесення в Webflow, оскільки в один клік, на жаль, це зробити поки що неможливо
проаналізуємо правила, які треба дотримуватися, щоб пришвидшити ручну роботу й допускати менше помилок
06. форми в Webflow: зрозуміємо, як працювати з формами в Webflow, змінювати їх візуально, налаштовувати на кнопку Submit
07. аccessibility: як зробити сайт інклюзивним: розберемось, як зробити сайт доступним для всіх і нікого не дискримінувати: ні людей з інвалідністю, ні з порушеннями, ні тих, у кого слабкий інтернет, старий девайс чи кого засліплює сонце з вікна
08. кастомний код та інтеграції: дізнаємось, як поєднувати Webflow з іншими no-code інструментами, щоб створювати вражаючі автоматизовані сайти, які працюють як повноцінний продукт
розберемося, як за допомогою кастомного коду можна створити те, що не вийде зробити стандартними інструментами
09. адаптивність: навчимося адаптувати свій сайт під різні розміри екранів: телефон, планшет, маленький та великий десктопний екрани
розберемось, як працює каскадність стилів
10. CMS — content management system: навчимося створювати бази даних для контенту, генерувати сторінки з них і вбудовувати контент з CMS на статичних сторінках
11. анімації та переходи: від простого до складного на практичних прикладах: розберемось, як робити анімації різних типів: прості ефекти по ховеру, анімацію по скролу, при завантаженні сторінки
12. публікація і SEO: розберемось, як опублікувати та оптимізувати під пошукову видачу вебсайт в Webflow і як це зробити в налаштуваннях проєкту
дізнаємося, що треба пам'ятати про SEO та якими інструментами всередині Webflow користуватись для цього

виділіть час,бо на відеокурсі будуть:12 лекцій,додаткові матеріалита корисні джерела для поглибленого розуміння матеріалу

автор та куратор
він буде поруч

лектор,автор програми

Стас Говорухін

Створює цифрові продукти, вебсайти та застосунки, що підсилюють бізнес і допомагають компаніям системно працювати з користувацьким досвідом. Працює як незалежний спеціаліст, долучаючись до проєктів різного масштабу — від окремих продуктів до комплексних цифрових рішень. Зокрема, працював із Нова пошта, Мінцифра, Djinni, Miro, Uklon.

Викладає growth design і user onboarding у Projector. Веде блог, де ділиться практикою, кейсами та спостереженнями з роботи.

що на вас чекає

навчання по-проджекторному

12 лекцій, які можете дивитися коли завгодно, проте краще дотримуватися запропонованого куратором порядку
додаткові матеріали та корисні джерела для поглибленого розуміння матеріалу
чеклісти для самоперевірки після кожної лекції
мова викладання — українська

вартість курсу

1 500 грн

оплачуйте самостійно
або через роботодавця

92,7% студентів задоволені навчанням у Проджекторі, а 82,2% студентів вдалося реалізувати цілі за допомогою курсів

*Згідно з результатами дослідження Projector.
У дослідженні взяли участь 567 респондентів
серед випускників курсів 2022 року.

медіа.
дізнайтеся більше

місце збору дизайн-ком’юніті, інструментів, порад та новинок у сфері роботи з інтерфейсами

місце для обговорення, вивчення та обміну болями з WebFlow

Головні фічі та лайфхаки побудови WebFlow

лекція

Як організовувати анімації різного рівня складності в своїх проєктах

лекція

Що таке СMS і як почати з нею працювати у WebFlow

лекція

Як створювати й працювати з дизайн-системами у WebFlow

лекція

маєте запитання?
підготували відповіді

скільки всього буде лекцій?: Курс складається з 12 лекцій і чеклістів для самоперевірки, а також із довгого списку додаткових матеріалів до кожної лекції.
чи можна дивитися лекції в будь-який зручний день?: Так, звісно. Ви одразу отримаєте доступ до всіх лекцій і зможете переглядати їх, коли буде зручно.
чи отримаю я сертифікат після проходження курсу?: Ні, без практики немає сертифікатів. Але головне — це знання, правда ж? Ви зможете перевірити їх, використовуючи чеклісти для самоперевірки після кожної лекції.