Створення Веб-Додатків На Bubble.Io

Сьогодні ми допоможемо вам створити ваш перший веб-додаток за допомогою Bubble.io, навіть якщо у вас немає досвіду програмування 🤓. Bubble.io - це платформа без коду, яка робить розробку додатків дуже простою та цікавою!

Давайте почнемо зі створення нового проекту у Bubble.io. Просто натисніть кнопку "Новий додаток" і дайте йому унікальне ім'я. 📝

Потім створіть декілька сторінок для вашої програми. Сторінки схожі на розділи книги 📖, тому створіть стільки сторінок, скільки потрібно для реалізації функціональності вашої програми. Щоб створити нову сторінку, натисніть кнопку "Нова сторінка" та виберіть шаблон макету зі списку.

Тепер давайте додамо кілька елементів на сторінці. Елементи - це будівельні блоки вашої програми 🏗️. Ви можете додавати кнопки, текстові поля, зображення та багато іншого! Щоб додати елемент, просто перетягніть його на сторінку.

Коли ми маємо елементи, ми можемо почати додавати робочі процеси . Робочі процеси – це інструкції для вашої програми. Вони повідомляють програмі, що робити, коли користувач натискає кнопку або вводить дані 🤔. Щоб створити новий робочий процес, натисніть кнопку "Новий робочий процес" та виберіть зі списку тригери та дії.

Нарешті, ми можемо переглянути нашу програму, натиснувши кнопку "Попередній перегляд" у верхній частині екрану 🎥. Вітаємо! Ви тільки що створили свій перший веб-додаток! 🎉

Тепер, коли у вас є загальне уявлення про те, як створювати веб-застосунки за допомогою Bubble.io, ви можете вивчати більш просунуті функції і створювати більш складні програми 🤩.

2. Налаштування елементів у Bubble.io

Урок 2

🎨 Налаштування елементів 🎨

Bubble.io допомагає створювати веб-програми легко і настроювано. У цьому уроці ми розповімо, як зробити елементи Вашого сайту унікальними та цікавими! 😎

Змініть шрифт та стиль ✍️

Один із способів кастомізації Вашого сайту – це зміна шрифту. Ви можете використовувати будь-який шрифт Google, навіть той, у якого серця! ❤️ Ви також можете змінити колір і розмір тексту, щоб зробити його більш привабливим і таким, що виділяється.

Додати зображення та іконки 🖼️

Який сайт може обійтися без зображень та іконок? З Bubble.io Ви можете додати їх до будь-якого місця на своєму сайті! Ви навіть можете використовувати Емодзі, щоб надати сайту додаткову родзинку. 🤩

Створення анімацій користувача 🎬

Бажаєте надати своєму сайту особливу особливість? Ви можете легко додати анімацію до елементів сайту! Ви можете створити власні анімації або використовувати готові з бібліотеки Bubble.io. 🚀

Зробіть сайт адаптивним 📱

Не забудьте зробити свій сайт адаптивним! Це означає, що Ваш сайт ідеально виглядатиме на будь-якому пристрої – від телефону до настільного комп'ютера. Ви можете використовувати опцію «Адаптивний», щоб налаштувати елементи на вашому сайті для різних розмірів екрану. 📱💻

Ось і все! За допомогою цих простих кроків Ви зможете налаштувати елементи на своєму сайті, зробивши його унікальним та цікавим. 😎 Почніть налаштовувати та отримуйте задоволення!

3. Створення динамічних запитів до бази даних

Введення в динамічні запити до бази даних 🔍💻

На цьому уроці ми розглянемо динамічні запити до бази даних 🌎. Що таке динамічні запити до бази даних? 🤔

Динамічні запити до бази даних – це запити, які змінюються залежно від дій користувача 🙌🏽.Наприклад, додаток для пошуку книг 📚 дозволяє шукати книгу на основі переваг користувача 🕵️️💭. Завдяки динамічним запитам до бази даних програма автоматично запитує базу даних і відображає результати пошуку. Це дуже зручно! 😎

Розуміння динамічних запитів до бази даних

Перед тим, як створювати динамічні запити до бази даних, давайте пригадаємо, що таке база даних 🤔.

База даних - це набір даних, які зберігаються в електронному вигляді в комп'ютерній системі 💻. У базі даних ми зберігаємо інформацію про користувача, продукти, замовлення тощо. ⚙️.

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

Створення динамічних запитів до бази даних

Розпочнемо створення динамічних запитів до бази даних 🔨. У Bubble.io ми можемо використовувати пошук динамічного запиту нашої бази даних. Пошук повертає кілька результатів із бази даних. Для створення пошуку потрібно:

1. Відкрийте вкладку «Дані» у лівому меню.
2. Вибрати кнопку "Шукати".
3. Вибрати тип даних для пошуку (наприклад, книга, користувач, замовлення).
4. Виберіть обмеження, які потрібно знайти (наприклад, ім'я, ціна, категорія).
5. Додати поля введення для пошуку.
6. Переглянути результат пошуку.

Ви створили свій перший динамічний запит до бази даних 🎉. Завдяки динамічним запитам до бази даних користувачі можуть легко та швидко знаходити потрібні дані. Використовуйте цю функцію для створення чудових програм 🚀🌟.

Висновок

Динамічні запити до бази даних дозволяють користувачам легко шукати та знаходити дані ⚡️. У цьому уроці ми дізналися, що таке база даних та як створювати динамічні запити до бази даних за допомогою Bubble.io. Продовжуючи створювати веб-додаток, використовуйте динамічні запити до бази даних для покращення взаємодії з користувачем 😍.

4. Додавання аутентифікації користувача та безпеки

🔒 В цьому уроці ми розповімо, чому так важливо забезпечувати автентифікацію та безпеку користувачів у вашому веб-додатку. 😎

По-перше, визначимо ці терміни: автентифікація – це процес перевірки особи користувача, а безпека – це захист конфіденційної інформації від несанкціонованого доступу. 🕵️

🔑 Один з найбільш поширених способів додавання аутентифікації до вашого додатку Bubble.io - використання електронної пошти та пароля для входу. Ви можете легко налаштувати це всього за кілька кліків.

Але чи варто боятися хакерів? 😱 Немає потреби! Bubble.io забезпечує безпечне зберігання паролів за допомогою стандартних алгоритмів шифрування. Таким чином, навіть якщо хакер отримає доступ до вашої бази даних, він не зможе побачити паролі у відкритому вигляді. 😎

💻 Крім того, ви можете додати функції безпеки, такі як двофакторна автентифікація, керування сесіями та авторизація. Ці функції допоможуть захистити вашу програму від несанкціонованого доступу та потенційних витоків даних.

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

Загалом, забезпечення автентифікації та безпеки користувачів у вашому додатку Bubble.io необхідне для захисту даних ваших користувачів та підтримки їхньої довіри до вашого продукту. 💪

5. Інтеграція сторонніх API

Привіт любителі Bubble.io! 👋 Сьогодні ми поговоримо про інтеграцію сторонніх API у ваш веб-додаток. 🌐

Що таке API? 🤔 АPI означає "інтерфейс прикладного програмування". Це набір протоколів та інструментів, які дозволяють програмним додаткам взаємодіяти. 😎

Навіщо інтегрувати сторонній API у ваш веб-додаток? 🤔 Є багато причин! Наприклад, ви можете використовувати API погоди для відображення актуальної інформації про погоду у вашому додатку. Або, можливо, вам потрібний платіжний API, щоб забезпечити безпечну обробку транзакцій. 💰

Інтеграція стороннього API у додаток Bubble.io на подив проста! 😊 Спочатку потрібно знайти відповідний API. Існує безліч безкоштовних та платних API, тому потрібно вибирати з розумом! Коли ви знайдете потрібний API, вам потрібно отримати ключ API або токен доступу. Цей ключ дозволяє отримати доступ до даних і функцій API. 🔑

Отримавши ключ API, ви можете інтегрувати його у свою програму Bubble.io. 🚀 Використовуйте елемент API-конектора, щоб програма могла взаємодіяти із зовнішніми API. Налаштуйте конектор API, вказавши кінцеву точку (URL-адресу, що використовується API) і тип запиту (наприклад, GET або POST). 📡

Після налаштування з'єднання API можна починати виймати дані з нього та відображати їх у програмі. Наприклад, якщо ви використовуєте API погоди, ви можете відображати температуру та погодні умови для вибраного розташування. 🌞

Це все, що я хотів розповісти про інтеграцію сторонніх API у ваш веб-додаток Bubble.io. 💻 Слідкуйте за новими захоплюючими уроками зі створення чудових веб-додатків! 🎉

6. Оптимізація продуктивності для вашої програми

🚀 Оптимізація продуктивності вашої програми 🚀

Якщо ваш веб-додаток працює повільно, не впадайте у відчай - ми тут, щоб допомогти вам поліпшити його продуктивність! 💪

Один із способів підвищення продуктивності – це оптимізація робочих процесів. Це означає, що кожен крок робочого процесу має бути необхідним та ефективним. 💻

Інший спосіб - стиснення файлів вашої програми. Щоб зменшити розмір файлів, слід стискати зображення та інші носії. Деякі веб-сайти дозволяють швидко та легко стискати зображення, тому обов'язково скористайтесь цим! 📷

Також важливо зменшити кількість зовнішніх запитівзроблені вашим додатком. Чим менше зовнішніх запитів, тим швидше ваша програма може завантажитись. ⏭️

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

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

Дотримуючись цих порад, ви будете на вірному шляху до створення блискавичного та ефективного веб-додатку! ⚡

7. Масштабування вашої програми за допомогою автоматизації робочого процесу

Урок 7: Масштабування програми за допомогою автоматизації

👨💼 Представимо Джона, власника невеликого бізнесу. Для керування замовленнями у своєму бізнесі він використовує веб-додаток, створений на платформі Bubble.io. Розвиток бізнесу призводить до збільшення обсягів роботи, що потребує масштабування програми.

🤔 Що таке масштабування? Масштабування дозволяє обробляти більший трафік, кількість користувачів та даних без зменшення продуктивності.

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

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

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

📧 Далі Джон додає дії в процес, щоб автоматично відправити електронний лист постачальнику та оновити рівні запасів у додатку.

🚀 Завдяки автоматизації робочого процесу Джон може сконцентруватися на розвитку свого бізнесу, не звертаючи уваги на керування своїми запасами.

💡 Основні висновки:

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

Добірка кращих проектів на Bubble

Bubble — це платформа для створення веб-застосунків, які не потребують навичок програмування, інструмент all-in-one. У ньому є візуальний редактор, бази даних, інструменти для бізнес-логіки та роботи з різними API.

Bubble дозволяє створювати повнофункціональні чати, форуми, системи збирання та обробки заявок, таск-трекери, маркетплейси, CRM, дашборди та SaaS-сервіси. У цю добірку ми включили найкращі світові проекти, реалізовані на платформі Bubble - без коду та зайвих вкладень.

Задати питання щодо Bubble та поспілкуватися з експертами можна у російськомовному ком'юніті.

Вивчити платформу можна на нашому курсі «Розробка на Bubble» – у першому на території СНД університеті ZEROCODER. Замість довгих пошуків інформації на англомовних форумах можна за 2-3 тижні освоїти платформу без досвіду у програмуванні та заробляти круглі суми.

Огляд Bubble Потужна програма, яка дозволяє робити сайти, лендинги, онлайн-магазини, маркетплейси, складні веб-додатки без коду

Bubble читається як «бабл». Це програма для створення повноцінних веб-застосунків різного рівня складності. І це одна з найпотужніших на даний момент платформ для розробки без коду, на якій можна зібрати прості лендинги, веб-сайти, красиві прототипи - так і складні веб-додатки на кшталт Airbnb, маркетплейсів Ozon або Wildberries, соцмережі типу Twitter, платформи для онлайн-навчання за типом Udemy або навіть другий Netflix. Все це можливо завдяки різноманітності функцій та власній потужній базі даних. Розбираємось, що і як влаштовано в баблі – і пояснюємо, чому його треба вивчати тим, хто хоче стати ноукодером.

Що таке Bubble.io

Bubble з'явився у 2012 році – 10 років компанія відзначила у червні 2022 року. Вже це — такий довгий термін життя і вражаючий досвід користувача — робить баб флагманською ноукод-платформою. Навіть у Вікіпедії бабл визначений як "мова візуального програмування" - тобто як цілком собі самостійне явище. Бабл чудово відчуває себе на ринку ноукоду — так званих «баблерсів» (bubblers), користувачів платформи, понад два мільйони, а з 2017 по 2021 роки платформа показала зростання 50%. Емануель Страшнов, засновник Bubble.io, в інтерв'ю, яке він дав нашому університету, сказав, Що "ноукод прийшов, щоб залишитися". Висновок - звернути увагу на баб точно потрібно.

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

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

Як будується розробка на Bubble.io

Bubble - хмарна платформа, робота в програмі розгортається у браузері і скачувати на комп'ютер нічого не треба. Для старту роботи потрібно створити обліковий запис (зареєструватися можна через Google).

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

Сторінка-екран програми — це робоча область, де відбувається розробка. Розміри екрана можна міняти по ширині і довжині, роблячи його скільки завгодно маленьким чи більшим.

Щоб розмістити на робочій області елемент - текстовий блок, кнопку, контейнери і так далі - це перетягнути його з панелі інструментів зліва (так-так, те візуальне програмування з перетягуванням елементів). Налаштування зовнішнього вигляду елементів у баблі досить гнучке - тут можна впровадити будь-який колір, підключити шрифт з Google Fonts або завантажити свій, закачати будь-яку картинку, вибрати відповідну одну з десятків іконок із внутрішньої бібліотеки, налаштувати анімацію та інші деталі. При наведенні на об'єкт програма показуватиме відстань між об'єктом та рамками робочої області. Тут же всередині програми створюється і налаштовується база даних та логіка подій - воркфлоу (про те, що таке воркфлоу ви можете прочитати тут). Ну, і будь-якої миті можна перейти в режим прев'ю і подивитися, що виходить.

Як влаштований інтерфейс Bubble

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

Але насправді інтерфейс у Bubble.io інтуїтивно зрозумілий і абсолютно логічний - на розібратися де і що лежить, вистачить 10 хвилин.

Зліва знаходиться головна робоча панель. Найлівіший рубрикатор — вкладки із засобами візуального редагування (Design, Workflow), вкладка з базою даних (Data), вкладка зі стилями (Styles) та системні вкладки з плагінами, налаштуваннями та логі (Plugins, Settings, Logs).

• Design - Серце всієї розробки на бабі. Використовується для візуального редагування. Саме тут створюється зовнішній вигляд програми — вміст кожної сторінки програми, як картинки, тексти, іконки, кнопки, контейнери, групи, фото та відео, кодові вставки, поп-апи та інше. Тут зібрано 11 візуальних елементів, 5 видів контейнерів, 10 форм для взаємодії з інтерфейсом. Їхню кількість можна розширювати плагінами.

• Workflow — служить для додавання сценаріїв (дій) під час взаємодії з елементами (наприклад, клік по кнопці) або настання певних подій (реєстрація, передача даних, додавання товару тощо). Налаштувати події можна за будь-яким елементом — наприклад, можна зробити так, щоб логотип у хедері на кліку на нього вів на головну сторінку або натисканням на кнопку можна було зробити замовлення. Сильна сторона бабла — у тонкому та докладному налаштуванні логіки програми. Розробнику підвладні різноманітні розгалуження подій усередині програми.

• Data — вкладка призначена для створення бази даних (про реляційні бази даних, що використовуються в ноукод-розробці, написано тут). У ній проектують базу даних - створюють сутності з атрибутами та вибудовують взаємозв'язки між сутностями.

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

• Plugin — тут зберігаються плагіни, які вже встановлені всередині програми. І відразу додаються нові плагіни в міру розробки або у разі розвитку програми. Плагіни спрощують застосування різних зовнішніх інструментів, наприклад платіжних інструментів. Плагіни допомагають зробити додаток красивішим та функціональнішим. Жирний плюс бабла плагінів дуже багато, і база їх постійно поповнюється та оновлюється завдяки добре розвиненому та активному співтовариству – причому з'являється багато безкоштовних та якісних плагінів. Крім того, зробити плагін можна і самостійно, і навіть потім отримувати з цього гроші. Усі плагіни можна подивитися тут.

• Settings - Вкладка з різними налаштуваннями. Тут регулюються права доступу для розробників, налаштовуються політика конфіденційності (Privacy Policy), налаштування API (Це штука для підключення сторонніх додатків до свого - докладніше про що API написали тут).

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

• У меню, що випадає Page список усіх створених сторінок-екранів.Тут можна перейти на створені сторінки, до reusable-елементів на кшталт хедерів та футерів, до додаткових поп-ап, до кабінетів адміністраторів програми та користувачів. За замовчуванням у баблі вже створено сторінки з помилкою 404 та оновлення пароля. Створювати нові сторінки потрібно також звідси.

• У графі Pick the element (або Search the element) можна переглянути всі елементи, що знаходяться на цій сторінці, і знайти на запит, якщо ви пам'ятаєте, як назвали елемент.

• Вкладки Edit і Help потрібні управління процесом розробки — відкотити якесь подія назад, структурувати елементи, вибрати елементи, скопіювати елементи, форматувати тощо. Робити це можна і всередині робочої області правому кліку мишки.

• Під іконкою подарунку ховається весь список останніх оновлень у Bubble.

• Grid&borders — це сітки та межі — напрямні для дизайну та налаштування зовнішнього вигляду програми.

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

• Зрештою, Preview - Це перехід в режим прев'ю. Цим налаштуванням ви, швидше за все, як майбутній розробник, користуватиметеся постійно.

• Ще може виявитися корисним схований під знаком питання Help Center. Якщо ви знаєте англійську, то тут можна почитати документацію та мануали, подивитися навчальні відео, включити відео-підказки.

Мрієте навчитися веб-розробці, опанувати фронтенд та бекенд розробкою? Хочете навчитися робити онлайн-магазини та маркетплейси, гарні лендинги та яскраві сервіси – але кодити не вмієте? Освойте Bubble.io - флагманську ноукод-платформу!

Приклад програми на Bubble.io зсередини

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

❗️Дисклеймер. Це спрощений вид програми дуже спрощений. Тут показані лише елементи та взаємодія між ними. Натомість показано класичну конструкцію програми, де є три ролі — клієнт-майстер, клієнт-орендодавець, адміністратор.

Ось тут видно зовнішній вигляд програми - так воно відображається для клієнта. Ось так додаток виглядає зсередини — тут можна погуляти вкладками, подивитися структуру через редактор бабла (редагувати не вийде; зайти і подивитися можна з-під свого бабл-акаунта).

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

А найцінніше — показано схему роботи бази даних і зв'язків усередині неї. Тут поділ на типи даних, опис сутностей, показані зв'язки всередині бази даних. А фронтенд програми показує, ким, куди і які дані вводяться.

Що можна зробити на Bubble.io

Нині ми п'ятьма способами розповімо, що можна зібрати на бабці.

1.Перша добірка:

• Лендінг, портфоліо, сайт-візитка
• CRM, Saas-сервіс, дашборди
• Блог з можливістю публікації різними користувачами та коментуванням
• Веб-програми — маркетплейс, онлайн-магазин, соцмережі
• LMS-платформа (для онлайн-навчання)

2.Друга добірка того, що можна зібрати на Bubble.io - всі доступні темплейти, або шаблони веб-додатків.

Бібліотека темплейтів Bubble.io знаходиться тут. На даний момент темплейтів 927 штук. Можна подивитися і варіанти того, що можна зібрати на платформі, і подивитися прев'ю, і скопіювати шаблон для розробки — і піддивитися структуру програми. Є, до речі, можливість самому створити та розмістити шаблон – платно та безкоштовно.

3. Третя добірка - розділ з кейсами.

Ось кілька прикладів, взятих звідти:

• Подорожі арабськими країнами: OceanAir - Dubai holidays and experiences
• Пошук готелів: Колівінг та Флетшери для гіків
• Пошук роботи для лікарів: Messly | Find Your Perfect Locum Fast
• Підбір бредного одягу: Reachr | Influencer Collaboration Platform

4. Четверта добірка того, що можна зібрати на Bubble.io

Це розділ з відео-інструкціями зі створення клонів відомих сервісів: Airbnb, Instagram, Netflix, Wikipedia, Udemy, Pinterest.

5.Нарешті, п'яте - сама платформа Bubble.io (вітринний сайт) зроблено на баблі. І це ще один спосіб зрозуміти, як багато баб може.

Responsive Bubble.io

Окремо треба розповісти про нещодавнє та дуже важливе оновлення Bubble.io.

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

Щоб адаптувати продукт до мобільної версії, треба було або опрацьовувати кожну сторінку окремо, або робити кожен екран окремо під мобільні розміри та формати — тобто Практично робити двічі ту саму роботу.

У бета-режимі можна було включити або вимкнути за бажанням функції автоматичної адаптації. У липні 2022 року Responsive Bubble.io став уже основним у всіх додатках, створених після липня. Коротко його суть – зміна логіки розташування елементів в основній вкладці Design.Тепер при розробці потрібно одразу передбачати положення елементів щодо один одного та заздалегідь продумати логіку їхньої взаємодії. Проте тепер не треба працювати окремо над кожним екраном — Responsive вирішує питання мобільної адаптації.

Сильні сторони Bubble.io

• Для роботи в Bubble.io – і для створення крутих веб-продуктів – не потрібно вивчати мови програмування. Справді, без технічного бекграунду можна зробити штуки на кшталт Airbnb, Twitter, Netflix, Ozon, Medium та багато іншого.
• Швидка швидкість розробки, порівняно з класичною розробкою.
• Багато - реально багато - навчального матеріалу. Це і внутрішня документація бабла, його внутрішня академія з відео-роликами та текстовими інструкціями, підказки всередині конструктора.при наведенні на елемент з'являється міні-поп-ап "? See references", на кліку на який можна подивитися варіанти використання елемента, впровадження функції і тп). На користь новачкові в бабі круто працюють і зовнішні навчальні ресурси - форуми, ролики в YouTube та статті в блогах.
• Велика активна спільнотащо допоможе у вирішенні майже будь-якої проблеми. Якщо у вас при розробці виникає якесь питання – пошукайте його на форумі Bubble.io. Найімовірніше, його вже хтось задавав. А якщо ще ні — запитайте. Відповідь на нього прилетить упродовж кількох годин, максимум кількох днів.
• Відмінна підтримка з боку самого Bubble — компанія любить своїх користувачів та піклується про них.

Обмеження Bubble.io

• Не можна створювати складних ігор.
• Не можна створити нативні мобільні програми, але можна зробити PWA (progressive web application). Це нормально для програми, яка спочатку заточена на розробку веб-застосунків.
• Залежність від хмарної платформи - У тому числі від кількості вільного простору.

Тарифи Bubble.io

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

Де навчитися працювати з Bubble.io

• У Bubble.io є своя онлайн-академія. Там багато відео та матеріалів, які послужать відмінним запровадженням для тих, хто тільки освоює бабл. Сама платформа пропонує чотири варіанти навчання – через відео, через читання, через темплейти, через форум, де, в тому числі, можна за плату домовитися з наставником про індивідуальну допомогу. Подивитися навчальні відео, що занурюють у роботу бабла, радиться взагалі всім. Мінус такого способу – все англійською мовою.
• Сторонні ресурси від спільноти - це курси на Udemy, Buildcamp, Azkytech та інші. Посилання на них баб щедро зібрав на сторінці своїй академії.
• Якщо ви вже вмієте працювати з баблом, але у вас є конкретне питання, відповіді на яке ви не знайшли — можна написати на підтримку платформи. Як ми вже писали, вони готові допомагати всім своїм користувачам.
• У нас в онлайн-університетіна окремому курсі по баблу. Все російською, менторство від професійних та практикуючих ноукодерів, спільні брейншторми треба проблемами та пошуками рішень у чаті з іншими студентами.

Мрієте навчитися веб-розробці, опанувати фронтенд та бекенд розробкою? Хочете навчитися робити онлайн-магазини та маркетплейси, гарні лендинги та яскраві сервіси – але кодити не вмієте? Освойте Bubble.io - флагманську ноукод-платформу!