Опануй Webflow з нуля. Розбираємо основи web розробки, 100% можливостей інструменту, сучасні анімації та налаштування проєкту

#СТАРТ

Навчайся одразу після покупки курсу

#тривалість

8 тижнів інтенсивного навчання

#наповнення

ДЗ, зворотній зв'язок та дипломний проєкт

#gowithus

Довірливі відносини між викладачем та студентом - запорука успішного навчання

#Webflow

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

Зручна База даних (CMS)

Розвинена анімація

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

Вбудована інтеграція 3d сцен із Spline

Мультимовність

Чистий семантичний код

Безкоштовні безлімітні бекапи

API для професіоналів

Модуль магазину

Потужні компоненти

Створення особистих кабінетів

Вища Школа з Webflow-розробки

Вища Школа з Webflow-розробки

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

Найдосвідченіша школа України

Станом на осінь 2024 року ми випустили вже 10 потоків студентів. Після кожного потоку прислухаємося до зворотного зв'язку студентів і покращуємо процеси. Школа, яка точно приносить результат. Дивись відгуки

Курси для різних рівнів

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

Залучені експерти

Ми не зациклюємось лише на власних ресурсах і знаннях. На всі курси залучаємо практикуючих розробників для запису уроків. До речі, серед них є і наші випускники. Це дозволить тобі побачити різні точки зору, підходи та методології

Фокус на Webflow

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

Екосистема для твого навчання

Безкоштовні курси, які допоможуть тобі отримати базу та протестувати свою зацікавленість. Глибокі знання у платних курсах. Підтримка в спільноті, Help Me Service та варіанти працевлаштування для студентів. Читай детальніше на сторінці про екосистему

#WEBFLOW
TUTOR

Вища Школа
з Webflow-розробки

#WEBFLOW
TUTOR

Вища Школа
з Webflow-розробки

#WEBFLOW
TUTOR

Вища Школа
з Webflow-розробки

Перетворюємо звичайних людей на кваліфікованих Webflow-розробників

Ми не будемо витрачати твій час на вигадані або сумнівні привілеї, тому що поважаємо тебе

Тут ті переваги, за які можемо відповісти і які нас дійсно відрізняють від багатьох освітніх проектів:

01

Webflow Developer

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

На курсах піклуватися про тебе будуть Артем (frontend-розробник) та Анатолій (веб-дизайнер) та наші найкращі куратори

02

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

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

Ти жодним чином не прив'язаний до конкретного розкладу. Уроки можеш проходити в будь-який зручний час. Консультації - за згодою з ментором

03

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

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

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

Програма

97 уроків / 21,5 годин

#модуль 1

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

24 уроки / 410 хвилин / ДЗ

0. Вступний урок

1. Огляд сервісу. Налаштування акаунту та воркспейсу

2. Створення і налаштування проєкту  (2 уроки)

3. Інтерфейс Webflow Designer

подивитись (27 хв. 40 сек.)

4. Тарифні плани

5. Знайомство з Figma

6. Основи HTML та CSS (2 уроки)

7. Блокова верстка та базова структура класичної веб-сторінки

8. Огляд основних елементів на панелі Webflow Designer (2 уроки)

9. Огляд групи елементів Forms

10. Огляд групи елементів Advanced (3 уроки)

11. Робота зі стилями у Webflow Designer (4 уроки)

12. Методологія БЕМ

13. Методологія Client First

14. Семантична верстка

подивитись (14 хв. 31 сек.)

15. Структура класичного веб-проєкту. Приклад

#модуль 2

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

13 уроків / 187 хвилин / ДЗ

1. Типографіка

2. Робота з фоном. Background

3. Кордони. Border та Outline

4. Effects

5. Відображення. Display

6. Відступи. Margin & Padding

7. Переповнення. Overflow

8. Позиціонування. Position (2 уроки)

9. Float & Clear

10. Розміри. Width, Height

12. Box-sizing, Vertical-align, Overflow-clip

#модуль 3

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

21 урок / 305 хвилин / ДЗ

1. Одиниці розмірностей в CSS (3 уроки)

2. Flexbox. Must-have у використанні властивості

3. Flexbox. Властивості Flex-wrap та Align-content

4. Flexbox. Властивості Align-self та Order

5. Flexbox. Властивості Grow, Shrink та Basis

6. CSS Grid. Must-have у використанні властивості (2 уроки)

7. СSS Grid. Manual position & Area (2 уроки)

8. CSS Grid + Flexbox. Поширене поєднання

9. Embed блок

10. Variables

11. Components (4 уроки)

12. Localization (3 уроки)

#модуль 4

Flexible & Responsive Design

6 уроків / 70 хвилин / ДЗ

1. Дуже важливий урок для формування майндсету

2. Брейкпоінти у Webflow

3. Фіксована верстка

4. Адаптивна верстка

5. Гумова верстка

6. Чуйна верстка

#модуль 5

Анімація

10 уроків / 150 хвилин / Дипломний проєкт

1. Стани елементів

2. Transistion. Переходи

3. Розгляд усіх типів тригерів для анімації

4. Створення анімації для усіх типів тригерів (6 уроків)

5. 2d & 3d transforms

#бонус

Анімація. Практика

16 уроків / 120 хвилин / дипломний проєкт

1. Анімація кнопок (4 уроки)

2. Функціональна анімація (4 уроки)

3. Анімація тексту (3 уроки)

4. Прелоадер

5. Паралакс анімація (2 уроки)

6. Популярні анімації (2 уроки)

#модуль 6

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

7 уроків / 55 хвилин / дипломний проєкт

1. Favicon, webclip, OG Image

2. SEO-налаштування проекту

3. Варіанти передачі проекту клієнту

4. Фінальні налаштування та тестування форм

5. Підключення кастомного домену

6. Гайд по етапам роботи над проєктом

подивитись (12 хв. 54 сек.)

7. Фінальний урок

Тарифи

Старт навчання
після покупки

Тариф Standart

  • Доступ до всіх уроків курсу в особистому кабінеті
  • Доступ до бази знань та інших безкоштовних матеріалів
  • ДЗ без перевірки
  • Доступ до курсу НАЗАВЖДИ

6 899 грн

7 899 грн

Купити Standart

Тариф Plus

  • Все, що в тарифі Standart
  • Перевірка домашніх завдань
  • Особистий чат з викладачем впродовж навчання для зворотнього зв'язку
  • Викладач контролює розробку дипломного проекта
  • Диплом Webflow-Developer

11 899 грн

13 499 грн

Купити Plus

Тариф Mentor

  • Все, що в тарифі PLUS
  • Індивідуальні рекомендації викладача (корегування навчання, додаткові поради тощо)
  • Три персональні консультації з викладачем тривалістю 45 хв

15 899 грн

18 499 грн

Купити Mentor

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

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

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

В перший день курсу тобі на пошту прийде запрошення до особистого кабінету. Уроки ти зможеш дивитись в зручний для тебе час на нашій освітнй платформі. Вони складаються з коротеньких, ємних відео. Середня тривалість одного уроку — 15-20 хв

План на тиждень

За планом, кожного тижня ти проходиш 1 модуль. На тебе чекає приблизно 4-6 годин теоретичного матеріалу. В кінці кожного модуля треба пройти тестування та зробити, принаймні, одне домашнє завдання. для закріплення пройденого матеріалу. Розраховуй на 6-10 годин щотижневого завантаження.

Чат в телеграмі

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

Онлайн-консультації (тариф Mentor)

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

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

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

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

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

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

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

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

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

Іван Переход

Тепер я маю змогу втілювати проект під ключ

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

Ірина Гарголінська

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

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

Анна Пінчук

Все на вищому рівні

Дуже вдячна за курс, за вашу працю, за зворотній зв'язок! Все на вищому рівні. За 2 місяці маю в портфоліо проект, який на соромно показати.

Марія Горідько

Курс пройшов на одному
диханні

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

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

Розпочни свій шлях до нової професії

Залиш заявку та ми зв’яжемось з тобою, щоб відповісти на питання та допомогти тобі сформувати дорожню мапу навчання

Дякуємо! Твої дані вже прямують до нас. Зв'яжемось найближчим часом :)
Щось пішло не так... Будь ласка, спробуй відправити дані ще раз

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

Подати заявку

#socials

Слідкуй за новинами, стрімами, новими уроками та спеціальними пропозиціями школи

Шукай відповіді на часті запитання

#про курси

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

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

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

Доступ до матеріалів курсу НЕОБМЕЖЕНИЙ. Всі оновлення уроків також будуть вам доступні.

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

Українською

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

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

Чому тривалість курсів така велика?

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

Чи можу я проходити одразу кілька безкоштовних курсів?

Так, ти можеш проходити одразу всі безкоштовні курси. Але ми б радили проходити все по черзі. Це дисциплінує тебе

Як відбувається проходження безкоштовних курсів?

В хедері сайту є кнопка "Зареєструватись". Переходь туди, реєструйся в особистому кабінеті і там ти побачиш всі безкоштовні курси. Щоб розпочати навчання на будь-якому з них — натискай кнопку "Почати навчання"

#інше

Що означає назва Webflow Tutor?

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

Як працює Help me Service

Переходь на окрему сторінку з цією послугою та читай всі деталі роботи сервісу

Як стати тьютором Help me Service?

Заповни цю анкету та ми зв’яжемось з тобою протягом 2 робочих днів

Куди звертатись у випадку питань або проблем?

Пиши нам на пошту [email protected] або в телеграм https://t.me/curators_webflow

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

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