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

Перевірити наявність вільних місць на курс станом на 26 листопада

Перевірити
Старт курсу 16 січня
Тривалість 6 тижнів
web-designer Sakalo Anatolii
developer Snitko Artem
777
грн.

З кожного продажу йде на відбудову зруйнованих шкіл внаслідок війни

Безкоштовне навчання для осіб, які отримали інвалідність внаслідок воєнних дій

Фундаментальні знання у веб-розробці
100% вивчення всіх інструментів сервісу
Покрокова відточена освітня програма
Унікальний зворотній зв'язок!
Фундаментальні знання у веб-розробці
100% вивчення всіх інструментів сервісу
Покрокова відточена освітня програма
Унікальний зворотній зв'язок!

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

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

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

Ex-tilda-верстальник

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

Web-дизайнер

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

Верстальник

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

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

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

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

Webflow
868 jobs found
$60/година
Tilda
14 jobs found
$15/година
Webflow — найпрогресивніший сервіс серед no-code інструментів для створення веб-проектів.

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

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

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

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

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

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

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

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

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

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

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

web-designer Sakalo Anatolii

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

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

developer Snitko Artem

Артем Снітко

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

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

Webflow designer
Webflow DEVELOPER

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Байдужість та пихатість викладача

Довірливі відносини між

Разом зі  знаннями потрібно

Найгірше - це відчай в навчанні

Байдужість та пихатість викладача
зіпсує враження від найдосконалішої

викладачем і студентом - запорука

нести любов і підтримку,

у відсутності допомоги. Турбота мотивує

зіпсує враження від найдосконалішої
освітньої програми

гармонійного навчання

щоб ними надихати

на підкорення вершин

освітньої програми

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

Старт 16 січня
Тривалість 6 тижнів

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

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

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

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

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

Телеграм канал та чат

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

Щотижневі стріми

Раз на тиджень ми зустрічаємось у ZOOM, де розбриаємо твої домашні завдання та відповідаємо на питання студентів з того тарифу, що містить стріми. Всі стріми записуються і заливаються на vimeo

Фінальний проєкт

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

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

В середньому один урок - це 10-15 хвилинне відео

Модуль #1
4 уроки / тест / ДЗ
Знайомство з інтерфейсом
  1. Огляд сервісу Webflow
  2. Налаштування проекту (project settings Webflow)
  3. Знайомство з Webflow Designer (панель стилів, навігаційна панель тощо)
  4. Тарифи та плани Webflow (Site Plans, Workspace Plans)
Модуль #2
8 уроків / тест / ДЗ
Основи веб-розробки
  1. Основи html та css, необхідні для роботи в Webflow.
  2. Блокова верстка та базова структура класичної веб-сторінки
  3. Огляд основних елементів панелі елементів Webflow Designer
  4. Огляд групи елементів Forms
  5. Огляд групи елементів Components
  6. Розуміння роботи зі стилями у Webflow Designer
  7. Методологія БЕМ
  8. Основи семантичної верстки + Розбираємо архітектуру невеликого проекту на основі здобутих знань
Модуль #3
9 уроків / тест / ДЗ
Панель стилів
  1. Типографіка (Typography)
  2. Робота з фоном (Background)
  3. Кордони (Border)
  4. Ефекти (Effects)
  5. Відображення (Display)
  6. Відступи: зовнішні та внутрішні (Margins & Paddings)
  7. Переповнення (Overflow)
  8. Позиціонування (Position)
  9. Розміри width, min/max width, height, min/max height. + властивість fit для зображень
Модуль #4
8 уроків / тест / ДЗ
Webflow на повну міць
  1. Одиниці розмірностей у CSS (px, em, rem, vh, vw, ch, %)
  2. Flexbox. Must-have у використанні властивості
  3. Flexbox. Властивості flex- (shrink, grow, basis), align-self, order.
  4. Flexbox. Властивості flex-wrap та align-content
  5. CSS Grid. Must-have у використанні властивості
  6. СSS Grid. Manual position & Area
  7. CSS Grid+Flexbox. Поширене поєднання
  8. Символі (Symbols) у Webflow
Модуль #5
5 уроків / тест /ДЗ
Flexible & Responsive Design
  1. Брейкпоінти у Webflow
  2. Фіксована верстка
  3. Адаптивна верстка
  4. Гумова верстка
  5. Чуйна верстка
Модуль #6
9 уроків / тест / бойовий проєкт
CMS & E-commerce
  1. CMS. Знайомство та логіка роботи
  2. CMS. Створення Collection. Налаштування. Collection Items. Collection Fields
  3. CMS. Робота з Collection List.
  4. CMS. Робота з Collection Page.
  5. E-commerce. Знайомство та логіка роботи
  6. E-commerce. Створення продуктових карток (Ecommerce list). AddToCart button.
  7. E-commerce. Налаштування кошику
  8. E-commerce. Кастомізація дизайну листів, що надходять покупцям
  9. E-commerce. Ecommerce Page
Модуль #7
3 урока+/ тест / бойовий проєкт
Interactions
  1. Стани елементів (none, hover, pressed, focused)
  2. Transitions (переходи)
  3. Animation (анимація)
  4. *приклади створення окремих популярних інтеракцій викладаємо в базу знань: рухомий рядок, preloader, акордеон, слайдери, анімація при ховері, parallax, lottie-анімація, анімація для зображень та багато іншого.
Модуль #8
5 уроків / тест / бойовий проєкт
Фінальні налаштування
проекту
  1. Favicon, webclip, OG Image
  2. Тестування форм зворотнього зв'язку
  3. SEO-налаштування проекту.
  4. Трансфер проекту або вивантаження архіва з веб-проектом. Підключення домена.
  5. Варіанти передачі проекта клієнту
Додаткові матеріали
Бонуси
  1. Запрошений гість з темою “дизайн система — готуємо проєкт до розробки”
  2. Бонусний блок про фріланс
  3. Постійно оновлювана база знань, що складається з коротеньких відео інструкцій (робимо акордеон, кастомний курсор і так далі)

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

Старт 16 січня
Тривалість 6 тижнів

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

Старт 16 січня
Тривалість 6 тижнів
Тариф Standart
  • Доступ до всіх уроків у Softbook
  • Доступ до бази знань
  • ДЗ без перевірки
  • Перший ознайомлювальний стрім
  • Закритий телеграм чат студентів
  • Телеграм-канал з анонсами
  • Доступ до курсу 3 місяці
  • Можливість навчатися незалежно від дати старту
всього 50 місць
4777 грн
5777 грн
Підвищення цін 18 листопада
Купити Standart
777 грн на благодійність
Тариф Plus
  • Все, що в тарифі Standart
  • Перевірка домашніх завдань
  • Особистий чат з викладачем
  • Окремий чат для тарифів Plus і Max
  • Щотижневі стріми по суботам (8 шт)
  • Викладач контролює розробку бойового проекта та вказує на помилки
  • Доступ до курсу 9 місяців
всього 20 місць
9777 грн
10777 грн
Підвищення цін 18 листопада
Чат передзапису
777 грн на благодійність
Тариф Maximum
  • Все, що в тарифі PLUS
  • Доводимо бойовий проєкт до ідеального стану (викладач, за необхідності, власноруч допомагає з розробкою бойового проекту)
  • Персональна консультація з викладачем тривалістю 60 хв
всього 10 місць
12777 грн
13777 грн
Підвищення цін 18 листопада
Чат передзапису
777 грн на благодійність

Роботи студентів

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

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

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

web-designer Sakalo Anatolii
developer Snitko Artem
Дякуємо. Форма вже прямує до нас. Найближчим часом ми зв'яжемось з вами.
Ой! Щось пішло не так. Спробуйте відправити форму ще раз.

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

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

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

Ірина Литвиненко
Тариф STANDART

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

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

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

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

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

Анастасія Вакаренко
Тариф PLUS

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

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

Сабіна Агамова
Тариф PLUS

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

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

Анна Пінчук
Тариф PLUS

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

Подивіться урок, щоб зрозуміти якість матеріалу

Хочеш більше
відео?

Залиш свою пошту і ми відправимо ще два уроки безкоштовно
Дякуємо. Найближчим часом ми надішлемо тобі корисні відео. Якщо лист від нас не надходить більше 24 годин - перевірь папки "промоакції" та "спам" на своїй пошті.
Ой! Щось пішло не так. Спробуйте відправити форму ще раз.
Ваша участь у нашій освітній програмі допоможе українським дітям також здобувати знання
777
грн.

З кожного продажу — на відбудову зруйнованих шкіл внаслідок війни

Фото ЮНИСЕФ/О. Гром

Безкоштовне навчання для осіб, які отримали інвалідність внаслідок воєнних дій (цивільних та військових)

Подати заявку
Здається, все розповіли. Але якщо що

Вимоги (побажання) до студентів?

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

Чи можу я повернути гроші, якщо курс мені не сподобається?

Звісно. Платформа фіксує кількість переглянутих уроків. Якщо ти вирішив піти на 1-му блоці курсу - ми повернемо тобі сплачені кошти

Чому тривалість курсу 6 тижнів?

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

Чи є можливість оформлення розтермінування?

Так, для пакетів Plus та Max. Зв'яжись з нами, і ми запропонуємо тобі комфортний варіант розтермінування.

На який термін в мене зберігається доступ до освітніх матеріалів?

Доступ до матеріалів курсу зберігається загалом протягом 3 (9) місяців

Якою мовою проходитиме навчання?

Українською

Залишилось питання?

Напишіть нам за допомогою будь-якої форми на сайті. Або замовте дзвінок. Або зателефонуйте нам (телефон вказаний у підвалі сайту)