Webflow Genesis

Від нуля до сертифікованого експерта за 12 годин

Придбати курс

Гортай

Повноцінний базовий курс по розробці на Webflow

Навчимось верстати свої сайти професійно.

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

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

Чому саме Webflow?

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



Основні причини вибору Webflow:

  • популярність (на Upwork щодня викладається сотні проєктів із розробки на Webflow);

  • швидкість сайту (так як процес розробки сайту кодом і розробки на Webflow мало відрізняється за логікою, ми отримуємо чистий код на виході, що швидко працює);

  • SEO можливості (ми можемо робити буквально все те саме щодо просування сайту, що і з кастомним сайтом);

  • вбудовані можливості (ми маємо необмежений функціонал щодо розробки фронтенду, вбудовані можливості інтернет-магазину, таби, слайдери, динамічний контент і багато інших крутих фішок).

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

Урок 1. Вступ

30 хвилин

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

Урок 2. Ознайомлення із Webflow

30 хвилин

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

Урок 3. Базові знання Webflow

120 хвилин

Повністю оглядаємо внутрішній інтерфейс програми. Вивчаємо поняття Display, Size Units, Position, Typography, Background та інші можливості стилізації. Опановуємо базові правила розробки на Webflow.

Урок 4. Початок верстки реального сайту

30 хвилин

Створюємо пустий сайт. Додаємо всі необхідні стилі, підключаємо наші шрифти різними способами. Додаємо змінні із кольорів. Верстаємо перший блок.

Урок 5. Продовження верстки

30 хвилин

Продовжуємо створювати різні блоки сайту за допомогою різних підходів та лейаутів. Закріплюємо вже наявні знання.

Урок 6. Таби

30 хвилин

Вивчаємо внутрішній функціонал зі створення табів. Вчимось стилізувати меню табів та внутрішній контент. Дивимось на налаштування табів.

Урок 7. Слайдер

30 хвилин

Створюємо слайдер за допомогою внутрішніх можливостей Вебфлоу. Дивимось на налаштування.

Урок 8. Webflow CMS

30 хвилин

Вивчаємо поняття “динамічний контент. Дивимось приклади можливостей. Оглядаємо усі можливості CMS та вчимось створювати блог на сайті.

Урок 9. Webflow CMS Part 2

30 хвилин

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

Урок 10. Анімації

30 хвилин

Створюємо блок FAQ та розглядаємо як працюють анімації у Webflow. Створюємо нашу першу анімацію для відкриття і закриття пунктів FAQ.

BONUS

Урок 11. Анімації Part 2

30 хвилин

Оглядаємо усі типи анімацій Webflow та вчимось застосовувати їх на практиці.

BONUS

Урок 12. Форми та мобільна адаптація

30 хвилин

Розбираємось із тим, як працюють форми на Webflow та вчимось їх створювати. Завершуємо роботу над сайтом та адаптуємо їх на усі пристрої.

BONUS

Урок 13. Завершення роботи

30 хвилин

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

BONUS

Урок 14.

30 хвилин

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

BONUS

Які сайти створюють на Webflow

Landing page

Ми маємо необмежені можливості щодо створення landing page. Вау-ефекти, круті анімації, 3Д, слайдери - все це можна створювати із вбудованим функціоналом, якщо добре його вивчити. Обмеження буквально відсутні.

Багатосторінкові сайти

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

Інтернет-магазин

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

Інші сайти

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

Процес розвитку

Дивимось уроки

Ви дивитесь усі записані мною уроки та детально засвоюєте усю отриману інформацію. Старанно запамʼятовуєте всі нюанси

Засвоюємо матеріал

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

Шукаємо клієнтів

На основі отриманих знань, ви створюєте собі круте портфоліо та шукаєте реальних клієнтів

Заробляємо $$$

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

Верхньої планки заробітку у створенні професійних сайтів просто не існує

FAQ