авторський курс йосипа кобаля

Webflow Developre Beginning Course

5/5 · Мікро-групи · Парт-тайм · 9 тижнів

Базовий курс на якому ти оволодієш навичками веб-дизайнера та навчишся створювати анімовані та адаптивні сайти.

йосип-кобаль
Webflow українською
про курс

Проектуй та створюй адаптивні сайти з Webflow

За декілька тижнів ти навчишся основам веб-дизайну та вивчиш одну з найпопулярніших <no code> платформ зі створення сайтів та веб-інтерфейсів на світовому ринку! Після завершення базового курсу, ти зможеш розпочати нову кар’єру UX/UI дизайнера, або ж підсилити свою команду новими скілами, розвиваючи нові напрямки.

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

Вивчай Webflow виконуючи практичні завдання

Щоб навчитися створювати лаконічні, виразні та приголомшиві інтерфейси, доведеться розпочати з фундаментальних основ. Основ, які об'єднують техніку та мислення, принципи дизайну та правильний процес роботи над проєктом.

Підготовка та онбординг
Підготуєшся до старту курсу
Тиждень 0

Окрім знайомства з групою у спільному чаті Slack, ти також отримаєш завдання з онбордингу, яке передбачає:

  • Cтворити акаунт Webflow
  • Ознайомитись із онбординг матеріалами
  • Познайомитися з одногрупниками
  • Знайомство з можливостями Webflow
  • Знайомство з інтерфейсом платформи
Веб структура
Зрозумієш box model, flex box та ієрархію елементів
Тиждень 1

На нашому першому занятті ми поспілкуємось про box модель та зрозуміємо, як працюють сьогодні цифрові продукти в мережі.

  • Розуміння box моделі та принципів побудови веб-інтерфейсів
  • Що таке групування і які вони бувають
  • Познайомимось з ієрархією елементів
  • Спейсинг та розташування елементів
HTML & CSS
Зрозумієш основи HTML та CSS
Тиждень 2

На наступному занятті, ми більш детально розглянемо основні будівельні блоки веб-іфнтерфейсів. Зробимо екскурс в основи HTML та CSS. Навчимось правильно застосовувати HTML-теги та CSS класи.

  • Основи HTML & CSS
  • Налаштування HTML тегів
  • Створення та редагування CSS класів
  • Розглянемо нейминг CSS класів
  • Огляд базових CSS юнітів
Базові елементи
Вивчиш базові елементи Webflow
Тиждень 3

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

  • Section
  • Container
  • Div block
  • H Flex, V Flex
  • Columns
  • Grid
  • Quck stack та ін.
Компоненти
Навчишся створювати та редагувати власні компоненти
Тиждень 4

В рамках наступного тижня ми будемо знайомитись з базовими компонентами Webflow та навчатимемось створювати власні, кастомні компоненти.

  • Navbar
  • Form block
  • Slider
  • Tabs
  • Створення кастомних компонентів
  • Робота з бібліотекою компонентів
  • Налаштування Libraries
Базові техніки верстки
Навчишся застосовувати набуті знання, створюючи лендинг
Тиждень 5

Базові техніки front-end вивчатимемо на практиці у форматі онлайн воркшопу. Тому в тебе буде можливість спостерігати за процесом розробки в реальному часі та задавати мені запитання.

  • Однорівневі групування
  • Багаторівневі групування
  • Спейсинг
  • Модель flex
  • Grid техніки
  • Створення лейаутів
Адаптивний дизайн
Навчишся створювати адаптивні сайти
Тиждень 6

У цьому уроці ти дізнаєшся, як фіксований розмір, відносний розмір та брейкпоінти (media queries) допомагають створювати адаптивний дизайн.

  • Вступ до адаптивного дизайну
  • Брейкпоінти
  • Скейлинг канвасу
  • Перевизначення стилів
  • Тестування адаптивності
Webflow CMS
Навчишся керувати контентом, створювати бази даних
Тиждень 7

У цьому уроці розглянемо Webflow CMS, яка дає тобі повний контроль над динамічним контентом у твоєму проекті – і все це, не потребує написання жодного рядку коду.

  • Вступ до Webflow CMS
  • Створення баз даних
  • Налаштування баз даних
  • Створення дизайну на базі CMS колекцій
  • Створення шаблонів для динамічних сторінок CMS
Тригерні анімації та інтерекшени
Навчишся основам анімації
Тиждень 8

Ми розглянемо, що таке панель інтерекшенів, зрозуміємо основи анімації у Webflow та вивчимо основні поняття та функції, за допомогою яких ти зможеш створювати тригерні анімації та інтрекшени.

  • Принципи анімації у Webflow
  • Trigger
  • Easing
  • Duration
  • Delay
  • Налаштування тригерних анімацій
  • Налаштування інтерекшенів
Базове SEO
Навчишся оптимізувати сайти під SEO
Тиждень 9

Ми розглянемо основні інструменти SEO оптимізації, які тобі доступні всередині Webflow Designer.

  • Вступ до SEO
  • Мета-теги
  • OG-теги
  • ALT тексти для зображень
  • Оптимізація зображень (WebP)
  • Маркування заголовків H1, H2, H3...
  • Панель аудиту
навчання

Створюй анімовані та адаптивні сайти разом з іншими дизайнерами у мікро-групах

Якщо коротко, то ось твій майбутній графік навчання на найближчі два місяці. Ми продумали все до найменших дрібниць і звісно не забули і про відпочинок.

Реєстрація
Пн
Вивчаємо нові теми
1,5 год · Підключаємось до онлайн класу в Zoom
Щотижня зустрічаємось у Zoom. Навчайся разом з іншими дизайнерами та разом з куратором.
Online
Вт-Чт
Нетворкінг в чаті
Спілкування, нетворкінг, менторство
Протягом тижня обговорюємо навчальний матеріал у чаті. Куратор готує туторіали.
Chat
Пт
Live Q&A сесії з лектором
1.5год · Нетворкінг з лектором, розбір кейсів
Підключаємось до онлайн зустрічі в Zoom. Куратор відповідає на запитання, розбираємо кейси.
Live
Вих
Чілл
Перезаряджаємось
Відновлюємо сили, проводимо час з сім'єю та друзями. Виділяємо час на свої хобі та захоплення.
Offline
webflow-developer-курс-йосип-кобаль
випускники

Знайомся з випускниками курсу Webflow

Читай відгуки та історії випускників курсу Webflow Developer.

Антон

Київ, Україна

Випускник курсу

Треба сказати, що Кобі (лектор) приділяє дуже багато уваги матеріалу, до найдрібніших деталей відповідає на питання і розкриває навіть дрібні теми. Видно також, що Кобі бажає дати змістовну основу і базу взагалі з верстки, щоб ти міг розуміти й поза межами вебфлоу, що відбувається у HTML і CSS взагалі, та як потрібно правильно будувати сайти взагалі.  

Аліна

Вінниця, Україна

Випускниця курсу

Мені завжди хотілося займатися чимось творчим, але склалося так, що я вже три роки працюю офіс-менеджером у приватній клініці. Якось побачила рекламу і прийшла на вебінар Choice31 про Webflow. Так, це виглядало трохи складно і я насправді боялася. Але все одно пішла на курс: не пожалкувала жодного разу. Зараз розмістила своє портфоліо і набираю кейси, щоб його доповнити. Тепер гордо себе називаю Webflow Developer

Ольга

Житомир, Україна

Випускниця курсу

Перш за все, хочу сказати дякую за ваші старання. Сподбався формат курсу, тому що кожен робив верстку під свій макет, тобто найбільш наближено до реального проєкту. Круто, що лекціїї були у вигляді воркшопу, відразу розумієш логіку дій та інструменту. Йосип дуже офігезно доносить інформацію. Повторює, якщо треба, і переймається чи всі все зрозуміли. Після курсу в мене залишились тільки позитивні враження. Не пошкодувала, що пішла саме на ваш курс.  Щиро дякую!

Юлія

Львів, Україна

Випускниця курсу

Курс максимально практичний, а лектор просто вааау. Спершу було доволі складно, але усі на курсі дуже доброзичливі і з усім допомагають. Подобається нетворкінг у чаті, можна поставити будь-яке питання і отримати відповідь. У нашій групі є і початківці, і більш досвідчені люди. Класно, що програма курсу побудована так, щоб корисно і цікаво було для людей з різними рівнями. Дякую!

Олексій

Краків, Польща

Випускник курсу

Я SMM-менеджер, працюю у Польщі. Веду сторінки для кількох бізнесів. Дизайн завжди був моїм хобі, але я не займався цим професійно. Робив картинки у Canva, трохи працював у Figma. На курсі вдалося вивчити Webflow так, що зміг взяти свій перший проєкт. Тепер планую перетворити Webflow на свою основну роботу.

Анна

Хмельницьк, Україна

Випускниця курсу

Неймовірно крутий курс! Отримала основи-основ. Далі з такою базою - тільки вперед! Йосип - дуже сильний і толковий лектор, який дуже легко і змістовно подав матеріал. ДЯКУЮ ВАМ ВЕЛИЧЕЗНЕ

Анна

Кременчук, Україна

Випускниця курсу

Дякую за курс, а особливо Йосипу Кобалю (не лектор, а мрія). Webflow тепер більше не "незрозуміла космомашина", а крутий інструмент для втілення моїх ідей, якого мені дуже бракувало.

Анна

Київ, Україна

Випускниця курсу

Дуже сподобалось, наскільки уважно Йосип підходив до кожного питання, пояснюючи, розбираючись. І загалом - теорія, лайви - все дуже круто.

Віктор

Київ, Україна

Випускник курсу

Курс дуже сподобався, Йосип чудовий лектор, все зрозуміло.

Олександр

Київ, Україна

Випускник курсу

Сподобались QA-сесії. Відкритість Йосипа до різних запитань і його реалізація кастомних штук. Подача матеріалу від нього. Пунктуальність в зустрічах, організаційне керування в групі від Яніни.

Олександр

Портсмут, Велика Британія

Випускник курсу

Відмінний курс для отримання базових знань і принципів роботи з Webflow та веб-розробки в цілому. Сподобався формат, багато додаткових матеріалів та туторіалів. Плюси: живе спілкування, регулярний фідбек від Йосипа та розбір кейсів.

webflow developer

Інструменти курсу Webflow Developer

Курс розроблений на основі новітніх інструментів з проектування веб-інтерфейсів, тому ми вивчатимемо не тільки Webflow, але й ті тулзи, які щодня будемо юзати у роботі та які допоможуть досягти успіхів у твоїй новій кар'єрі.

Webflow
Візуальний редактор коду для створення та запуску сайтів.
Figma
Графічний редактор з проектування веб інтерфейсів.
Notion
Робочий простір для організації роботи та систематизації даних.
Loom
Інструмент для запису фідбеку та спілкування у форматі відео.
Slack
Месенджер для спілкування та релізу продуктових апдейтів.
Zoom
Інструмент для проведення онлайн зустрічей команди.
лектор курсу

Давай знайомитись

Давай знайомитись, мене звати Йосип Кобаль – я дизайнер з Ужгорода та сертифікований експерт Webflow, з досвідом в галузі UX/UI 6+ років.

йосип-кобаль-лектор-webflow
Йосип Кобаль 🇺🇦
Webflow Developer
UX/UI Designer у Ringostat

Цей курс не про весь веб-дизайн (його забагато для 2 місяців). Проте це курс з фундаментальних основ, які закладають правильні принципи роботи з Webflow на роки.

наступна група

Групи формуються за попереднім записом

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

Наступна група
Наступна група стартує у вересні, 2023
Живий курс Webflow Developer
Мікро-група (лютий, 2023)
Парт-тайм · 9 тижнів · 19:00 – 20:30
ОЩ
Залишилось 4 місця
Мікро-група (жовтень, 2023)
Парт-тайм · 9 тижнів · 19:00 – 20:30
Група сформована
Реєстрація
faq

Часті запитання

На цьому етапі зазвичай виникає багато запитань. Я завжди мотивую студентів задавати запитання, тому не зволікай, знаходь мене у соцмережах та запитуй, що саме тебе цікавить щодо курсу. Буду радий знайомтсву з тобою.

Скільки студентів у групі?
FAQ

На мою думку, важливо зберегти індивідуальний підхід у навчанні, тому працюємо у форматі мікро-груп до 5 студентів. Це дає можливість сфокусуватись на підтримці та мотивації кожного студента.

Чи підійде цей курс для мене?
FAQ

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

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

Як проходить навчання? Лекції у записі чи навчання онлайн?
FAQ

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

Чому цей курс vs інші?
FAQ

Дві причини.

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

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

Чи можлививй індивідуальний формат навчання з лектором?
FAQ

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

Чи можу проходити курс у власному темпі, наприклад в записі?
FAQ

Так. Ти можеш проходити курс у власному темпі переглядаючи записи занять.