впевнений старт у Webflow
розберетесь з інтерфейсом і логікою інструменту щоб самостійно створювати сайти з нуля
розуміння верстки і структури
у процесі курсу формується розуміння блочної моделі контейнерів відступів типографіки і позиціонування щоб будувати чисту структуру сторінок
перенесення дизайну в робочий сайт
зрозумієте як переносити макети з Figma у Webflow і перетворювати їх у готовий інтерфейс
адаптивність під різні екрани
у процесі навчання формується розуміння як адаптувати сайт під різні пристрої і забезпечувати стабільну роботу
CMS і робота з контентом
дізнаєтесь як будувати CMS структуру і керувати контентом щоб масштабувати сайт без складнощів
анімації інтеграції і запуск
у процесі курсу формується розуміння як додавати анімації працювати з інтеграціями і публікувати сайт з урахуванням SEO
- базово ознайомимося з інтерфейсом Webflow, його можливостями та перевагами
- розберемося, де і що розташоване в Webflow: де шукати елементи, їхні властивості та інші важливі панелі для роботи над сайтом
- зрозуміємо, як не генерувати зайве та робити сайт легким для масштабування
- розберемося, що таке блочна модель, як називати та використовувати класи, і який тег використати в тій чи іншій ситуації
- навчимося розрізняти секції, контейнери та діви
- у деталях подивимося на параметри display: flex та display: grid — способи зображення елементів, які додають гнучкості в їх розташуванні
- навчимося правильно обирати display та позиціювання відповідно до завдання
- зрозуміємо, як створювати нетипові макети
- дізнаємось, як підготувати Figma для швидкого перенесення в Webflow, оскільки в один клік, на жаль, це зробити поки що неможливо
- проаналізуємо правила, які треба дотримуватися, щоб пришвидшити ручну роботу й допускати менше помилок
- зрозуміємо, як працювати з формами в Webflow, змінювати їх візуально, налаштовувати на кнопку Submit
- розберемось, як зробити сайт доступним для всіх і нікого не дискримінувати: ні людей з інвалідністю, ні з порушеннями, ні тих, у кого слабкий інтернет, старий девайс чи кого засліплює сонце з вікна
- дізнаємось, як поєднувати Webflow з іншими no-code інструментами, щоб створювати вражаючі автоматизовані сайти, які працюють як повноцінний продукт
- розберемося, як за допомогою кастомного коду можна створити те, що не вийде зробити стандартними інструментами
- навчимося адаптувати свій сайт під різні розміри екранів: телефон, планшет, маленький та великий десктопний екрани
- розберемось, як працює каскадність стилів
- навчимося створювати бази даних для контенту, генерувати сторінки з них і вбудовувати контент з CMS на статичних сторінках
- розберемось, як робити анімації різних типів: прості ефекти по ховеру, анімацію по скролу, при завантаженні сторінки
- розберемось, як опублікувати та оптимізувати під пошукову видачу вебсайт в Webflow і як це зробити в налаштуваннях проєкту
- дізнаємося, що треба пам'ятати про SEO та якими інструментами всередині Webflow користуватись для цього
автор та куратор
він буде поруч
Створює цифрові продукти, вебсайти та застосунки, що підсилюють бізнес і допомагають компаніям системно працювати з користувацьким досвідом. Працює як незалежний спеціаліст, долучаючись до проєктів різного масштабу — від окремих продуктів до комплексних цифрових рішень. Зокрема, працював із Нова пошта, Мінцифра, Djinni, Miro, Uklon.
Викладає growth design і user onboarding у Projector. Веде блог, де ділиться практикою, кейсами та спостереженнями з роботи.
що на вас чекає
навчання по-проджекторному
12 лекцій, які можете дивитися коли завгодно, проте краще дотримуватися запропонованого куратором порядку
додаткові матеріали та корисні джерела для поглибленого розуміння матеріалу
чеклісти для самоперевірки після кожної лекції
мова викладання — українська
вартість курсу
1 500 грн
оплачуйте самостійно
або через роботодавця
вартість курсу
1 500 грн
оплачуйте самостійно
або через роботодавця
*Згідно з результатами дослідження Projector.
У дослідженні взяли участь 567 респондентів
серед випускників курсів 2022 року.
медіа.
дізнайтеся більше
маєте запитання?
підготували відповіді
- скільки всього буде лекцій?
- чи можна дивитися лекції в будь-який зручний день?
- чи отримаю я сертифікат після проходження курсу?
реєстрація.
перший крок за вами
Хочете спитати ще щось? Пишіть на hello@prjctr.com або телефонуйте за номером +38 067 418-95-78.
перший крок за вами
інші актуальні курси за напрямкомдизайн інтерфейсів
що почитати цікавеньке за темоюWebFlow
