WebFlow
з нуля навчимося користуватися інструментом Webflow, щоб створювати швидкі та легкі для масштабування вебсайти
досвід
не обовʼязковий
старт
стартуйте, коли забажаєте
група
необмежена кількість місць
Тривалість
дивіться у зручний для вас час
якщо ви:
- 01
дизайнер/-ка сайтів та плануєте навчитися самостійно верстати власні проєкти
- 02
фронтенд розробник/-ця та хочете освоїти ще один інструмент для верстки сайтів
- 03
без досвіду роботи з інтерфейсами, проте потребуєте сайт для власного продукту чи проєкту і хочете створити його самостійно
s...тоді це метч!
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, оскільки в один клік, на жаль, це зробити поки що неможливо
- проаналізуємо правила, які треба дотримуватися, щоб пришвидшити ручну роботу й допускати менше помилок
авторпрограмиСтас
Говорухін
У минулому — growth дизайнер у Miro, дизайнер в Uklon. Працював над мобільними застосунками для пасажирів та водіїв в Uklon. Консультував 30+ стартапів щодо дизайну апок, завдяки чому компанії покращили ключові метрики продукту.
що на вас чекає
навчання по-проджекторному
12 лекцій, які можете дивитися коли завгодно, проте краще дотримуватися запропонованого куратором порядку
додаткові матеріали та корисні джерела для поглибленого розуміння матеріалу
чеклісти для самоперевірки після кожної лекції
мова викладання — українська
вартість курсу
1 500 грн
оплачуйте самостійно
або через роботодавця
вартість курсу
1 500 грн
оплачуйте самостійно
або через роботодавця
*Згідно з результатами дослідження Projector.
У дослідженні взяли участь 567 респондентів
серед випускників курсів 2022 року.
медіа.
дізнайтеся більше
маєте запитання?
підготували відповіді
- скільки всього буде лекцій?
- чи можна дивитися лекції в будь-який зручний день?
- чи отримаю я сертифікат після проходження курсу?
реєстрація.
перший крок за вами
Хочете спитати ще щось? Пишіть на hello@prjctr.com або телефонуйте за номером +38 067 418-95-78.
перший крок за вами