Bubble читается как «бабл». Это программа для создания полноценных веб-приложений разного уровня сложности. И это одна из мощнейших на данный момент платформ для разработки без кода, на которой можно собрать простые лендинги, веб-сайты, красивые прототипы — так и сложносоставные веб-приложения по типу Airbnb, маркетплейсов Ozon или Wildberries, соцсети типа Twitter, платформы для онлайн-обучения по типу Udemy или даже второй Netflix. Всё это возможно благодаря разнообразию функций и собственной мощной базе данных. Разбираемся, что и как устроено в бабле — и объясняем, почему его надо изучать тем, кто хочет стать ноукодером.
Bubble появился в 2012 году — 10 лет компания отметила в июне 2022 года. Уже это — столь долгий срок жизни и впечатляющий пользовательский опыт — делает бабл флагманской ноукод-платформой. Даже в Википедии бабл определён как «язык визуального программирования» — то есть как вполне себе самостоятельное явление. Бабл прекрасно чувствует себя на рынке ноукода — так называемых «баблерсов» (bubblers), пользователей платформы, больше двух миллионов, а с 2017 по 2021 годы платформа показала рост в 50%. Эмануэль Страшнов, основатель Bubble.io, в интервью, которое он дал нашему университету, сказал, что «ноукод пришёл, чтобы остаться». Вывод — обратить внимание на бабл точно нужно.
Bubble — облачная платформа, работа в программе разворачивается в браузере и скачивать на компьютер ничего не надо. Для старта работы нужно создать аккаунт (зарегистрироваться можно через Google).
Чтобы разместить на рабочей области элемент — текстовый блок, кнопку, контейнеры и так далее — нато перетащить его с панели инструментов слева (да-да, то самое визуальное программирование с перетаскиванием элементов). Настройка внешнего вида элементов в бабле достаточно гибкая — тут можно внедрить любой цвет, подключить шрифт из Google Fonts или загрузить свой, закачать любую картинку, выбрать подходящую одну из десятков иконок из внутренней библиотеки, настроить анимацию и другие детали. При наведении на объект программа будет показывать расстояние между объектом и рамками рабочей области. Здесь же внутри приложения создаётся и настраивается база данных и логика событий — воркфлоу (о том, что такое воркфлоу вы можете прочитать тут). Ну, и в любой момент можно перейти в режим превью и посмотреть, что получается.
Но в действительности интерфейс в Bubble.io интуитивно понятный и абсолютно логичный — на разобраться где и что лежит, хватит 10 минут.
Мечтаете научиться веб-разработке, овладеть фронтенд и бэкенд разработкой? Хотите научиться делать онлайн-магазины и маркетплейсы, красивые лендинги и яркие сервисы — но кодить не умеете? Освойте Bubble.io — флагманскую ноукод-платформу!
А самое ценное — показана схема работы базы данных и связей внутри неё. Здесь видно разделение на типы данных, описание сущностей, показаны связи внутри базы данных. А фронтенд приложения показывает, кем, куда и какие данные вводятся.
Чтобы адаптировать продукт к мобильной версии, надо было либо прорабатывать каждую страницу отдельно, либо делать каждый экран отдельно под мобильные размеры и форматы — то есть фактически проделывать дважды одну и ту же работу.
Мечтаете научиться веб-разработке, овладеть фронтенд и бэкенд разработкой? Хотите научиться делать онлайн-магазины и маркетплейсы, красивые лендинги и яркие сервисы — но кодить не умеете? Освойте Bubble.io — флагманскую ноукод-платформу!