Початок роботи з Bubble

Добрий день. Сьогодні почав з сином вивчення Bubble. Я йому даю завдання він виконує. Потім задає питання. У цьому ключі я готовий попрацювати з усіма бажаючими. Працювати будемо за матеріалами bubble.
Треба виконати:

Початок роботи з Bubble (Videos | Bubble)

  1. Ласкаво просимо до Bubble
  • Натисніть «Нова програма»
  • Заповніть нову форму програми
  • Установіть назву програми
  • Установіть мову за замовчуванням
  • Завантажте Favicon
  • Встановіть будь-які плагіни
  • Конектор API
    Завдання : налаштуйте власну програму за допомогою Помічника програм
  1. Bubble Редактор
  • Вкладка Дизайн
  • Вкладка Робочий процес
  • Вкладка «Дані».
  • Вкладка «Стилі».
  • Вкладка «Плагіни».
  • Вкладка Налаштування
  • Вкладка Журнали
  • Розробка проти живого режиму
    Завдання : розгорніть власний додаток і поділіться своєю URL-адресою!
  1. Розробка інтерфейсу
  • Елементи в Bubble
  • Перетягніть і намалюйте на сторінку
  • Згрупуйте елементи разом
  • Дерево елементів
    Завдання : експериментуйте з додаванням елементів на сторінку! Перетягніть усі елементи з UI Builder і змініть їх розмір.
  1. Вкладка «Робочий процес»
  • Події робочого процесу
  • Загальні події
  • Елемент Події
  • Спеціальні події
  • Дії робочого процесу
    Ви можете вибрати дії з наступних категорій:
  • Обліковий запис для взаємодії з користувачами
  • Навігація для переміщення між сторінками
  • Дані (Речі) для читання та запису у вашу базу даних
  • Електронна пошта для надсилання електронних листів користувачам
  • Плата за створення функціональних можливостей оплати
  • Аналітика для відстеження будь-яких подій
  • Елемент Дії для зміни елементів на сторінці
  • Плагінидля додавання функцій із плагінів
  • Настроювані події для планування користувацьких подій і робочих процесів
  • Виконання робочого процесу
    Завдання : спробуйте написати робочий процес для кнопки, яка переходить на іншу сторінку у вашому додатку.
  1. Редактор властивостей
  • Зовнішній вигляд, умови, переходи
  • Різні елементи, різні властивості
  • Інші редактори властивостей
    Завдання : натисніть на редактори властивостей елементів і подивіться, які варіанти вам доступні. Потім пограйте зі вставкою динамічних виразів у ці властивості!
  1. Аутентифікація користувача
  • Користувачі включені
  • Тип даних користувача
    Примітка: Паролі зберігаються безпечно та конфіденційно, тому навіть ті, хто створює програми Bubble, не мають доступу до паролів користувачів
    Завдання : Створіть власний робочий процес реєстрації, входу та виходу
  1. Вкладка «Дані»
  • Типи даних
  • Користувацькі поля
  • Створення власного типу даних і користувацьких полів
  • Додайте записи до своєї бази даних
  • Створення запису з робочого процесу
    Завдання : створіть свій власний тип даних! Додайте до нього поля, а потім у «Дані програми» додайте кілька записів.
    Super Challenge : створіть форму та робочий процес, щоб користувачі також могли додавати записи для цього типу даних.
  1. Створюємо багатий досвід
  • Створення багатосторінкової програми
  • Створення програми для обміну фотографіями
    Завдання : спробуйте створити власну групу, що повторюється, зі своїм власним типом даних фотографій!
  1. Розгортання та масштабування
  • Додавання спеціального домену
  • Хостинг За допомогою Bubble
  • Розуміння потужності
  • Використання засобу перевірки проблем
  • Перевірте за допомогою налагоджувача (дебагера)
  • Завдання : поекспериментуйте з налагоджувачем і запустіть кілька власних робочих процесів повільніше і крок за кроком!
  1. Розширення вашої програми
  • Додавання плагінів до вашої програми
  • Роз’єм API Bubble
  • Ваша програма може бути постачальником API

Через тиждень проведемо zoom на якому я готовий відповісти на ваші запитання.

Також як що є бажання можемо їх обговорювати у цьому пості.

Додаткові ресурси:

1 Like

Додаткове завдання до першого відео.

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

Треба знайти шаблон та додати його Templates | Bubble
-1- Знаходимо шаблон


-2- Знайомимося з описом

-3- Додаемо цей шаблон до свого аккаунта

-4-

-5- Создаемо нову аплікацію

ось так це вікно виглядало коли у вас не було шаблонів.

Бажаю успіху. :slight_smile:

1 Like

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

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

Чекаю на запитання.

1 Like

Добрий день. Наступного тижня можемо поспілкуватися у zoom. Пишіть ваші запитання.

Відео №3. Хочу доповнити таке. В Bubble вже деякий час працює новий движок. В останніх новинах bubble акцентували що вже скоро вони відмовляться від старого движка. Зараз ще кожна нова сторінка створюється з використанням старого движка. Вам потрібно відразу переводити ії на новий! Переведення вже розроблених сторінок со старого движка на новий дуже болячій процес . Тому краще це зробити відразу.
https://manual.bubble.io/help-guides/responsive-engine-beta/getting-started#upgrading-your-page

  1. Створюємо нову сторінку


    22-05-2022 23-07-47

  2. У розділі Responsive треба обновити движок Upgrade responsive [beta]
    22-05-2022 23-08-21
    22-05-2022 23-08-50

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

Ви все ще використовуєте стару версію движка Bubble?

Що ж, вам обов’язково варто подумати про перехід на новий, оскільки він стане стандартним для всіх нових програм, починаючи з 27 червня 2022 року .

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

Однак новий адаптивний варіант може бути не таким інтуїтивним, як старий, і може виявитися справжньою проблемою для багатьох.

Як що ви починаєте тільки вивчати Bubble, починайте вивчати з нової версії!

https://manual.bubble.io/help-guides/responsive-engine-beta

13 жовтня опублікували новий відеокурс «Початок роботи», який має стати остаточним, поглибленим відеопосібником для нових користувачів Bubble, замінюючи попередній відеокурс, створений багато років тому та застарілий.

Початок роботи з Bubble - ключові поняття

0:00- Вступ
0:31- Проектування в бульбашці за допомогою вкладки «Дизайн».
2:57- Використання редактора властивостей
5:38- Збереження дизайну елементів за допомогою стилів
9:44- Адаптивний дизайн
13:47- Ваш перший робочий процес
16:29- Ваш перший користувач
21:05- Ваш перший тип даних
23:43- Дані («Речі»)
27:53- Вставлення динамічних даних
30:29- Тип вмісту та джерела даних
34:51- Ваша перша повторювана група
39:21- Ваше перше правило конфіденційності
43:19- Підключення типів даних
47:13- Ієрархії батьків і дітей
50:27- Багаторазові елементи
51:57- Засіб перевірки та налагодження проблем
55:27- Live vs. Dev
57:05- Плагіни
58:06- Outro