No-Coder + Al

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

• Модуль 1

  • 

  Вступ до AI та No-code розробки

  • Блок 1: Блок 1. Революція AI у веб та мобільній розробці

    • • Як раніше створювали додатки і що змінилося.

      • Що таке No-code: платформи для створення додатків без програмування.

      • Огляд топ-платформ: Bubble, FlutterFlow, Adalo, Webflow.

      • AI-інструменти для розробників: ChatGPT, GitHub Copilot, Cursor, studio.firebase, lovable.

      • Статистика ринку: можливості заробітку та перспективи індустрії.

  • Блок 2: Планування проєкту: від ідеї до MVP

    • • MVP: як починати з простої версії продукту.

      • Дослідження ринку: аналіз конкурентів та їх стратегій.

      • User Personas та Customer Journey Map: розуміння потреб користувачів.

      • Технічний вибір: iOS vs Android vs крос-платформа.

      • Бюджетування: порівняння вартості no-code vs традиційної розробки.

• Модуль 2

  • 
  • 

  Побудова інтерфейсів та відтворення продуктового циклу

  • Блок 3. Логіка продукту та ТЗ в FigJam і Notion

    • • Формуємо цілі продукту і критерії успіху.

      • Виявляємо потреби та проблеми клієнта.

      • Створюємо зрозумілі user stories для роботи.

      • Будуємо чіткі користувацькі потоки у FigJam.

      • Збираємо структурне ТЗ у Notion для запуску.

  • Блок 4. Створення Wireframe за допомогою uxpilot.ai

    • • Формуємо набір ключових екранів продукту.

      • Готуємо промпт для генерації wireframe.

      • Додаємо потрібні поля з моделі даних.

      • Генеруємо кілька варіантів макетів у AI.

      • Перевіряємо макети й покращуємо промпт.

• Модуль 3

  • 
  • 
  • 

  Знайомство з Bubble AI: головні вкладки та інструменти

  • Блок 5. Bubble AI

    • • Створюємо структуру застосунку через Bubble AI.

      • Пишемо чіткі промпти для генерації сторінок.

      • Генеруємо основу продукту та доопрацьовуємо.

      • Створюємо data types і базові правила доступу.

      • Підключаємо ChatGPT чи Claude окремо через API Connector.

  • Блок 6. Основні таби в Bubble

    • • Design Tab: створюємо інтерфейс і ключові елементи.

      • Workflow Tab: налаштовуємо логіку дій та переходів.

      • Data Tab: керуємо базою даних і доступами.

      • Styles Tab: задаємо єдині стилі для дизайну.

      • Plugins Tab: підключаємо інтеграції та розширення.

• Модуль 4

  • 
  • 
  • 
  • 

  Знайомство з Bubble. Основи

  • Блок 7. Основи роботи в Bubble

    • • Dynamic expressions: додаємо динамічну логіку в елементи.

      • Finding data: шукаємо потрібні дані в базі.

      • Displaying data: виводимо інформацію на сторінку.

      • Conditions: змінюємо поведінку елементів за умовами.

      • Responsive Design: підлаштовуємо інтерфейс під різні екрани.

  • Блок 8. Основи роботи в Bubble

    • • Previewing: переглядаємо роботу застосунку в реальному часі.

      • Backend Workflows: налаштовуємо фонові процеси та автоматизації.

      • Settings Tab: керуємо доменом, правами доступу й конфігурацією.

      • Logs Tab: відстежуємо помилки, події та виконання дій.

      • Підсумки: збираємо всі навички для впевненого старту.

• Модуль 5

  • 
  • 
  • 
  • 
  • 

  Робота над проєктом. Frontend на Bubble

  • Блок 9. Елементи інтерфейсу та стилізація

    • • Input fields: додаємо різні поля для введення даних.

      • Repeating Groups: показуємо списки й динамічні колекції.

      • Pop-ups: створюємо модальні вікна для дій користувача.

      • Стилізація: оформлюємо кольори, шрифти та ефекти.

      • Conditional formatting: змінюємо вигляд елементів за умовами.

  • Блок 10. Робота з Figma та перенесення дизайну в розробку

    • • Експорт з Figma: готуємо макети й стилі до імпорту.

      • Перенесення дизайну: відтворюємо layout, сітку й відступи.

      • Styles у Bubble: задаємо кольори, шрифти й тіні для UI.

      • Responsive: налаштовуємо контейнери для адаптивності.

      • Практика: переносимо екран із Figma у Bubble інтерактивно.

• Модуль 6

  • 
  • 
  • 
  • 
  • 
  • 

  База даних в Bubble та редагування даних

  • Блок 11. Структура даних та типи даних

    • • Data Types: створюємо структуру даних без SQL.

      • Fields: додаємо текстові, числові, датові та медіа-поля.

      • Relationships: будуємо зв’язки між таблицями.

      • Планування: проєктуємо логічну структуру бази.

      • Практика: реалізуємо приклади реальних моделей даних.

  • Блок 12. CRUD операції та пошук

    • • CRUD: створюємо, читаємо, оновлюємо й видаляємо дані.

      • Створення: додаємо записи через інтуїтивні форми.

      • Відображення: показуємо дані в Repeating Groups.

      • Редагування: змінюємо або видаляємо записи користувача.

      • Пошук: фільтруємо дані для швидкого доступу.

• Модуль 7

  • 
  • 
  • 
  • 
  • 
  • 
  • 

  Практичний модуль

  • Блок 13. Практика за пройденими темами

  • Блок 14. Практика за пройденими темами

• Модуль 8

  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 

  Пошук та система користувачів у Bubble

  • Блок 15. Пошук в Bubble

    • • Стандартні плагіни: додаємо базовий пошук без коду.

      • Вбудовані інструменти: створюємо власні пошукові запити.

      • Algolia: підключаємо потужний пошук для великих проєктів.

  • Блок 16. Реєстрація та логін

    • • Auth flow: налаштовуємо реєстрацію, логін і відновлення.

      • Custom fields: додаємо власні поля для профілів.

      • Email verification: вмикаємо підтвердження пошти при вході.

      • Password policies: задаємо вимоги до надійних паролів.

      • Профіль: дозволяємо користувачу редагувати дані.

      • Privacy rules: починаємо налаштовувати доступи.

• Модуль 9

  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 

  Навігація, тимчасові дані та локалізація

  • Блок 17. Локалізація декількох мов

    • • Структура: налаштовуємо базу для багатомовності.

      • Статичні тексти: перекладаємо фіксований контент.

      • Перекладач: підключаємо інструмент для авто-перекладу.

      • Динамічні дані: показуємо контент мовою користувача.

      • Валюти: адаптуємо ціни під різні країни.

  • Блок 18. Навігація та тимчасові дані

    • • Тимчасові дані: зберігаємо змінні без бази.

      • Custom States: передаємо дані між елементами.

      • URL-parameters: керуємо станами через адресу сторінки.

      • Temp user data: працюємо з даними неавторизованого користувача.

      • Навігація: налаштовуємо переходи між сторінками.

• Модуль 10

  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 

  API

  • Блок 19. API Connector & Rest API

    • • HTTP Methods: отримуємо, створюємо та оновлюємо дані через API.

      • Авторизація: налаштовуємо ручні ключі та headers.

      • Basic Auth: підключаємо сервіси через логін і пароль.

      • OAuth2 / JWT: працюємо з токенами й доступами.

      • Stripe приклад: налаштовуємо тестові платежі через API.

  • Блок 20. Bubble API

    • • Data API: відкриваємо CRUD-доступ до даних через REST.

      • Workflow API: запускаємо бекенд-процеси через HTTP-запити.

      • Exposing & Privacy: обираємо, які дані безпечно показувати.

      • Parameters: передаємо параметри й JSON у запитах.

      • Responses: повертаємо коректні статуси й JSON-відповіді.

• Модуль 11

  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 

  AI інтеграції в Bubble

  • Блок 21. Підключення OpenAI API

    • • API Connector: підключаємо зовнішні AI-сервіси до Bubble.

      • OpenAI: інтегруємо ChatGPT у додаток.

      • Промпти: створюємо ефективні запити для точних відповідей.

      • Витрати: оптимізуємо використання токенів і бюджету.

      • Помилки: обробляємо збої та некоректні відповіді AI.

  • Блок 22. Google AI Services та інші API

    • • Google AI: підключаємо Vision, Translation та Speech-to-Text.

      • Custom AI workflows: будуємо складні автоматизовані процеси.

      • Hugging Face: додаємо готові ML-моделі у продукт.

      • AI-генерація: створюємо тексти, описи та зображення.

      • Моніторинг: відстежуємо використання й ефективність AI-функцій.

• Модуль 12

  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 

  Створення нативного мобільного додатку

  • Блок 23. Створення нативного додатку на Bubble

    • • Mobile-підходи: обираємо між PWA та нативним webview.

      • Архітектура: проєктуємо екрани у single-page форматі.

      • Навігація: додаємо стани, параметри та мобільні вкладки.

      • Функції девайса: підключаємо камеру, файли, геолокацію й пуші.

      • Продуктивність: оптимізуємо запити, кеш, зображення та reusable-елементи.

  • Блок 24. Створення нативного додатку за допомогою обгортки в WebApp

    • • Підготовка Bubble: налаштовуємо mobile-first структуру та швидкість.

      • BuildNatively: створюємо проєкт для iOS та Android.

      • Налаштування: додаємо іконки, splash screen і стартовий екран.

      • Навігація: керуємо back-кнопкою та зовнішніми лінками.

      • Доступи: вмикаємо камеру, геолокацію та файли.

      • Сповіщення: підключаємо сервіс пуш-повідомлень.

      • Збірка: генеруємо .aab та .ipa з підписом.

      • Публікація: завантажуємо додаток у Play Console та App Store.

• Модуль 13

  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 

  Публікація Bubble додатка

  • Блок 25. PWA та мобільна оптимізація

    • • PWA: робимо веб-додаток, що працює як мобільний.

      • Швидкість: оптимізуємо завантаження сторінок і ресурсів.

      • Offline: додаємо роботу без інтернету.

      • Push: налаштовуємо сповіщення у PWA.

      • Іконки: готуємо app icons та splash screens.

  • Блок 26. Домени та деплоймент

    • • Custom domain: підключаємо власний домен до проєкту.

      • SSL: забезпечуємо безпечне з’єднання й захист даних.

      • Mobile wrappers: готуємо вебдодаток до мобільної упаковки.

      • Performance: відстежуємо швидкість і стабільність роботи.

      • Backup: керуємо версіями й створюємо резервні копії.

• Модуль 14

  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 

  Публікація Bubble мобільного додатка

  • Блок 27. Bubble автоматизація

    • • Кешування: зберігаємо дані, що змінюються рідко.

      • Індекси: прискорюємо фільтрацію та пошук у базі.

      • Пагінація: показуємо списки частинами, а не все одразу.

      • Фонові задачі: переносимо важкі операції у бекенд.

      • Оптимізація медіа: стискаємо зображення й виносимо файли в CDN.

      • Інтерактив: застосовуємо дебаунс і троттл для економії запитів.

  • Блок 28. CRUD операції та real-time updates

    • • Створення: додаємо записи через форми або API.

      • Відображення: показуємо дані з фільтрами та сортуванням.

      • Оновлення: редагуємо існуючі записи користувача.

      • Видалення: робимо безпечне видалення з підтвердженням.

      • Real-time: відображаємо зміни без перезавантаження сторінки.

      • WebSockets: використовуємо live-з’єднання в Bubble.

      • Синхронізація: узгоджуємо дані між кількома користувачами.

      • Оптимізація: пришвидшуємо real-time запити.

      • Конфлікти: обробляємо одночасне редагування.

• Модуль 15

  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 

  Make

  • Блок 29. Основи Мейк

    • • Основи Make

      • Make: знайомимось із платформою та її можливостями.

      • Перший сценарій: запускаємо базову автоматизацію.

      • Triggers & Actions: реагуємо на події та виконуємо дії.

      • Інтеграції: підключаємо популярні сервіси без коду.

      • JSON: працюємо з даними у запитах.

      • Помилки: обробляємо збої у сценаріях.

      • Тестування: перевіряємо та налагоджуємо логіку.

      • Автоматизація: використовуємо планувальник для регулярних задач.

  • Блок 30. Практична робота на мейк та звязок з Bubble проектів

    • • API-зв’язок: підключаємо Bubble до Make через API.

      • Email-автоматизація: запускаємо розсилки без ручної роботи.

      • Синхронізація: передаємо дані у Google Sheets або CRM.

      • Файли: обробляємо зображення й документи автоматично.

      • Webhooks: пов’язуємо системи в реальному часі.

      • Бекапи: робимо автоматичні резервні копії.

      • Моніторинг: отримуємо сповіщення про помилки.

      • Масштабування: розширюємо сценарії під зростання проєкту.

• Модуль 16

  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 
  • 

  Оптимізація, монетизація, фриланс

  • Блок 31. Як оптимізовувати ваш додаток та використання навантаження

    • • Продуктивність: аналізуємо швидкість роботи застосунку.

      • База даних: удосконалюємо структуру для швидших запитів.

      • Пошук: робимо запити максимально ефективними.

      • Кешування: використовуємо CDN та оптимізуємо медіа.

      • API: зменшуємо кількість викликів для економії ресурсів.

      • Capacity: стежимо за навантаженням і масштабуємося.

      • Тестування: перевіряємо продуктивність і шукаємо вузькі місця.

  • Блок 32. Монетизація та фриланс

    • • Монетизація: обираємо модель — підписка, разова оплата чи freemium.

      • Платежі: підключаємо Stripe/PayPal для прийому оплат.

      • Ціноутворення: формуємо вартість продукту та стратегію продажів.

      • Фриланс-профіль: створюємо портфоліо й сильну експертизу.

      • Клієнти: шукаємо замовлення на Upwork та LinkedIn.

      • Оцінка: розраховуємо бюджет і готуємо договори.

      • Комунікація: ведемо клієнта прозоро та структуровано.

      • Масштабування: розширюємо проєкти та дохід фрилансера.

• Бонус: курс “Старт в AI”

  Для твого легкого старту

  2 900 грн

  6 уроків, після яких штучний інтелект почне тебе слухатися