Дбайливо і з любов'ю навчимо вас створювати сайти на Webflow з нуля до PRO без знання {коду};

Старт 11 потоку - 12 жовтня

Придбати тариф Спільнота Webflow Lab

Групове навчання з Webflow експертом

Тривалість - 8 тижнів

Фундаментальні знання у веб-розробці

100% вивчення всіх інструментів сервісу

Покрокова відточена освітня програма

Унікальний зворотній зв'язок!

Фундаментальні знання у веб-розробці

100% вивчення всіх інструментів сервісу

Покрокова відточена освітня програма

Унікальний зворотній зв'язок!

Відеозвернення засновника школи

Цей курс для тебе, якщо ти:

Новачок у web-галузі

Здобудь привабливу та перспективну спеціальність на міжнародному ринку. Впусти чарівний світ IT зі всіма його спокусами у своє серце.

No code розробник

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

Web-дизайнер

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

Верстальник

Webflow розкриє твій потенціал на повну. Ти станеш затребуваним підрядником для агенцій та веб-дизайнерів, і матимеш гідні гонорари

Чому Webflow крутий?

Отримавши спеціальність Webflow-розробника, ти гарантовано станеш затребуваним спеціалістом на міжнародному ринку з високим чеком

Кількість запитів на

Webflow

868 jobs found

$60/година

Tillda

14 jobs found

$15/година

Webflow — найпрогресивніший сервіс серед no-code інструментів для створення веб-проектів.

Адаптивні швидкі сайти

У проектів на Webflow дуже чистий код. А швидкість завантаження сайтів тебе вразить. Тож, ти зможеш створювати повністю гумові сайти з адаптивом під гаджети користувача.

Гнучкий дизайн

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

Впізнаваність на заході

Webflow — американська компанія, що базується в Сан-Франциско. Ринок Штатів та Європи добре знає цю платформу. Тож із Webflow твої шанси вийти на західний ринок і твій прибуток значно зростуть.

Крута анімація

Без застосування стороннього коду ти зможеш створювати вражаючі інтеракці. Можливість імпорту анімації із Adobe After Effects. А можливість інтегрування коду користувача дозволяє реалізувати будь-яку технічну або творчу задачу.

Хто ми такі і чому Webflow Tutor?

Фрілансери та засновники

Передусім, ми — люди. І створюємо дружній вайб під час навчання. Уявіть люблячого батька, який вчить донечку стрибати. І радіє її досягненням як власним. Або старшого брата, що навчає молодшого грати в мʼяча. Ми прагнемо до співпраці та досягнення успіху разом зі своїми студентами.

Анатолій Сакало

Колись розробляв сайти , а тепер тішиться від безмежних можливостей Webflow.

Артем Снітко

Скіловий Frontend Developer, який не вилазив із Webflow, щоб досконало оволодіти ним.

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

Webflow designer
Webflow DEVELOPER

Webflow - не стільки про дизайн, скільки про веб-розробку. Тому тобі необхідні саме знання розробника, які надає наша освітня програма. Протягом курсу піклуватися про тебе будуть Артем (frontend-розробник) та Анатолій (веб-дизайнер)

Насичений освітній
формат

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

Додаткова перевага: ти прив'язаний до визначеного часу тільки один раз на тиждень (коли унас Zoom-сесія). Уроки можеш проходити, коли буде зручно.

Доступ до бази знань

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

Сфокусованість

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

Програма пройшла
перевірку боєм

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

Неперевершений
зворотній звязок

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

надпотужний інструмент в результативності студентів
надважкий челендж для викладача. Дякувати богу, нам це в кайф. Бо ми вболіваємо за кожного студента як за національну збірну під час Євро.

Реальний приклад зворотнього зв'язку від Webflow Tutor

Хочеш дізнатись більше?

Спитай, що тобі цікаво тут

або

Ми переконані

Байдужість та пихатість викладача
‍
Довірливі відносини між
‍
Разом зі знаннями потрібно
‍
Найгірше - це відчай в навчанні
‍
Байдужість та пихатість викладача

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

освітньої програми
‍
гармонійного навчання
‍
щоб ними надихати
‍
на підкорення вершин
‍
освітньої програми

Як проходить навчання?

Старт 12 жовтня

Тривалість 8 тижнів

Особистий кабінет

В перший день курсу тобі на пошту прийде запрошення до особистого кабінету українського сервісу SoftBook, де і буде проходити все навчання

Уроки та домашки

Уроки відкриваються всі одразу. Вони складаються з коротеньких, ємних відео та презентації з основними тезами уроку.

В кінці кожного модуля на тебе чекає тест та домашнє завдання.

Чат з викладачем

Всім студентам тарифу Mentor буде доступний особистий чат з викладачем.. Ти зможеш особисто задавати питання викладачу та обговорювати webflow теми

Щотижневі консультації

Раз на тиджень ми зустрічаємось у ZOOM з кожним студентом тарифу Mentor, де розбриаємо твої домашні завдання та відповідаємо на питання.

Дипломний проєкт

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

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

На тебе чекає 70 уроків. В середньому один урок це 7-15 хвилинне відео

Модуль #1

4 уроки / тест / ДЗ

Знайомство з інтерфейсом

Огляд сервісу Webflow
Налаштування проекту (project settings Webflow)
Знайомство з Webflow Designer (панель стилів, навігаційна панель тощо)
Тарифи та плани Webflow (Site Plans, Workspace Plans)

Модуль #2

8 уроків / тест / ДЗ

Основи веб-розробки

Основи html та css, необхідні для роботи в Webflow.
Блокова верстка та базова структура класичної веб-сторінки
Огляд основних елементів панелі елементів Webflow Designer (в. т.ч. Spline Scene, Lottie, Custom Element)
Огляд групи елементів Forms
Огляд групи елементів Components
Розуміння роботи зі стилями у Webflow Designer
Методології БЕМ та Client-First
Основи семантичної верстки + Розбираємо архітектуру невеликого проекту на основі здобутих знань

Модуль #3

9 уроків / тест / ДЗ

Панель стилів

Типографіка (Typography)
Робота з фоном (Background)
Кордони (Border)
Ефекти (Effects)
Відображення (Display)
Відступи: зовнішні та внутрішні (Margins & Paddings)
Float & Clearfix
Переповнення (Overflow)
Позиціонування (Position)
Розміри width, min/max width, height, min/max height. + властивість fit для зображень

Модуль #4

8 уроків / тест / ДЗ

Webflow на повну міць

Одиниці розмірностей у CSS (px, em, rem, vh, vw, ch, %)
Flexbox. Must-have у використанні властивості
Flexbox. Властивості flex- (shrink, grow, basis), align-self, order.
Flexbox. Властивості flex-wrap та align-content
CSS Grid. Must-have у використанні властивості
СSS Grid. Manual position & Area
CSS Grid+Flexbox. Поширене поєднання
Embed-блок
Компоненти у Webflow
Variables у Webflow

Модуль #5

5 уроків / тест /ДЗ

Flexible & Responsive Design

Брейкпоінти у Webflow
Фіксована верстка
Адаптивна верстка
Гумова верстка
Чуйна верстка

Модуль #6

8 уроків / тест / бойовий проєкт

CMS

(на старому інтерфейсі)

CMS. Знайомство та логіка роботи
CMS. Створення Collection. Налаштування. Collection Items. Collection Fields
CMS. Робота з Collection List.
CMS. Робота з Collection Page.
Базові Collection Fields
Collection Field - Rich Text
Collection Fields - Option, Number, Switch, Date
Reference & Multi-Reference Collection Fields

Модуль #7

5 уроків / тест / бойовий проєкт

E-commerce

(на старому інтерфейсі)

E-commerce. Знайомство та логіка роботи
E-commerce. Створення продуктових карток (Ecommerce list). AddToCart button.
E-commerce. Налаштування кошику
E-commerce. Кастомізація дизайну листів, що надходять покупцям
E-commerce. Ecommerce Page

Модуль #6

5 уроків+/ тест / бойовий проєкт

Interactions

Стани елементів (none, hover, pressed, focused)
Transitions (переходи)
Тригерна анімація: розгляд усіх типів тригерів
Створення анімації для усіх типів тригерів
2D & 3D Transforms

*приклади створення окремих популярних інтеракцій викладаємо в базу знань: рухомий рядок, preloader, акордеон, слайдери, анімація при ховері, parallax, lottie-анімація, анімація для зображень та багато іншого.

Модуль #7

16 уроків+/ практичний модуль від випускників

Interactions practice

Анімація кнопок
Функціональная анімація
Анімація тексту
Прелоадер
Паралакс
Горизонтальний скрол
тощо

Модуль #9

4 уроки / тест / бойовий проєкт

Фінальні налаштування
проекту

Favicon, webclip, OG Image
Тестування форм зворотнього зв'язку
SEO-налаштування проекту.
Трансфер проекту клієнту або вивантаження архіва з веб-проектом. Підключення домена.

Модуль #10

13 уроків

Фріланс. Як почати
працювати на себе

Фріланс. Переваги та недоліки. Чи підходить він саме тобі?
Як гармонійно вийти на фріланс
Позиціонування та нішування
Хард Скіли. Основна навичка та додаткові. Перевірені підрядники
Професійні та особисті соц мережі (behance, dribble, linkedin, instagram, facebook, tik-tok)
Біржі фрілансу. Переваги та недоліки
Як сформувати сильне портфоліо. Власний сайт
Як розрахувати вартість послуг. Fix price VS погодинка
Де знайти першого клієнта? Де взагалі шукати клієнтів
Як продавати Webflow
Комерційна пропозиція. Як презентувати вартість проєкту
Як вести проєкт. Клієнт-сервіс та тайм-менеджмент
Взаємодія з клієнтом після завершення проєкту. Допродажа послуг

Додаткові матеріали, воркшопи

Бонуси

Воркшоп “дизайн система — готуємо проєкт до розробки”
Воркшоп "Як побудувати прибутковий бізнес на фрилансі"
Запис воркшопів з минулих потоків
Постійно оновлювана база знань, що складається з коротеньких відео інструкцій (робимо акордеон, кастомний курсор, інтегруємо код і так далі)

Тарифи на курс Webflow Developer

Старт навчання - 12 жовтня

Тривалість - 8 тижнів

Тарифи на курс Webflow Developer

Старт - 12 жовтня

Тривалість - 8 тижнів

Тариф Standart

Доступ до всіх уроків у Softbook
Доступ до бази знань
ДЗ без перевірки
Перший ознайомлювальний стрім
Доступ до курсу НАЗАВЖДИ
Можливість рзпочати навчання в будь-який момент до 31 липня

к-сть місць не обмежена

6899 грн

7899 грн

Підвищення цін 6 лютого

Купити Standart

777 грн на благодійність

Тариф Plus

Все, що в тарифі Standart
Перевірка домашніх завдань
Закритий чат для запитань
Щотижневі стріми по суботах (8 шт)
Викладач контролює розробку дипломного проекта
Доступ до курсу НАЗАВЖДИ
Сертифікат Webflow-Developer

всього 15 місць

11899 грн

13499 грн

Підвищення цін 6 лютого

Купити Plus

777 грн на благодійність

Тариф Mentor

Все, що в тарифі Plus
Викладач контролює розробку дипломного проекта
Індивідуальні рекомендації викладача (корегування навчання, додаткові поради тощо)
2 особисті консультації з викладачем тривалістю 1 год
Особистий чат з викладачем впродовж всього навчання
Сертифікат Webflow-Developer
Можливість рзпочати навчання в будь-який момент до 31 липня

всього 5 місць одночасно

15899 грн

18499 грн

Підвищення цін 6 лютого

Купити Mentor

777 грн на благодійність

Кращі роботи студентів

На даний момент деякі роботи ще перебувають у стані розробки

Анастасія Книга

Яна Орлова

Світлана Руденко

Лідія Дудник

Артем Лявданський

Каріна Єрмолаєва

Анастасія Вакаренко

Альона Чухно

Марія Опанасенко

Даниїл Бахян

Максим Мєлєшко

Артем Яворовський

Ти теж так можеш!
Go з нами

Якщо лінь читати деталі про курс , то залиш своі дані - ми розповімо тобі особисто

Дякуємо. Форма вже прямує до нас. Найближчим часом ми зв'яжемось з вами.

Ой! Щось пішло не так. Спробуйте відправити форму ще раз.

Відгуки студентів

Я вже маю перший кейс та задоволеного клієнта

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

Артем Лявданський

Тариф PLUS

Дуже вдячна кураторам!

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

Катерина Алаторцева

Тариф PLUS

Дуже крутий проєкт!

Програма курсу дуже класна та інформативна, з неї я отримала дуже багато. Дякую Вам за можливість пізнати нову професію. Я до Вас прийшла зовсім новачком, дуже було страшно вийде чи ні, чи зрозумію щось.Завдяки Вашим докладним відео урокам , все зрозуміло.Окрема подяка за розбір домашніх робіт, кожну роботу розбирали індивідуально, всі дрібниці, все по кроках!Ви дуже круті ментори!

Ольга Сокол

Тариф MAXIMUM

Мені дуже сподобався курс, дуже чітко та цікаво

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

Ірина Литвиненко

Тариф STANDART

Програма курсу дуже класна

Дуже рекомендую курс! Він підійде не тільки новачкам, а й тим, хто вже працює з WebflowПрограма курсу дуже класна та інформативна, з неї я отримала дуже багато нових знань, які допоможуть мені швидше та якісніше працювати з Webflow.Окрема подяка хлопцям Артему та Анатолію за якісний зворотний зв'язок та допомогу з питаннями по домашках та "бойовому проєкту".❤️

Яна Орлова

Тариф PLUS

Дякую вам дуже за курс

Дякую вам дуже за курс, він того вартий! я з 3 разу, НАРЕШТІ, зрозумів вебфлоу та полюбив його!

Данило Клигін

Тариф STANDART

Cпіввідношення ціна/якість на вищому рівні

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

Анастасія Вакаренко

Тариф PLUS

Цей курс - реальна можливість опанувати webflow з нуля

Коли я розпочинала вивчати цю платформу я нічого не знала. Але за допомогою місячного курсу я змогла зверстати цілий сайт. Окрема подяка кураторам за їхню допомогу у будь який час дня, за їхнє детальне пояснення в особистих повідомленнях та відео розбір окремим студентам (це круто).

Сабіна Агамова

Тариф PLUS

Отличный курс для новичков. Короткие, емкие уроки

Мало людей на стримах это плюс, потому что Артем мог разобрать каждого индивидуально и дать фидбек. Рекомендую брать максимальный тариф, потому что без обратной связи и проверки дз не разберешся в webflow.

Анна Пінчук

Тариф PLUS

Мені дуже сподобався курс, дуже чітко та цікаво

Ірина Литвиненко

Тариф STANDART