Курс No-Coder + AI

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

Модуль 1. Вступ до АІ та No-Code розробки

Блок 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
• Оцінка: розраховуємо бюджет і готуємо договори
• Комунікація: ведемо клієнта прозоро та структуровано
• Масштабування: розширюємо проєкти та дохід фрилансера

Бонус: курс "Старт в АІ"

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

Особливості курсу

• Доступ до модулів по всіх ключових AI та no-code інструментах (для створення мобільних застосунків і сайтів)
• Практичні завдання з перевіркою куратора
• Закрита Telegram-група для учасників: нетворкінг, підтримка, обмін замовленнями - своя тусовка
• Доступ до навчальної платформи лишається відкритим назавжди! Навіть після завершення основної програми можеш повертатись
• Супровід куратора: не залишаємо тебе одного і допоможемо, якщо застрягнеш
• Сертифікат після завершення курсу
• Проєкти в портфоліо для твого фриланс-профілю