Нашёл классный темплейт для изучения нового респонсива в формате игры от академии Bubble. Не знаю, официальный ли это аккаунт или нет. Но точно будет полезно, чтобы понять как это работает и повторить это всё на простых примерах

https://bubble.io/template/bubble-responsive-game-1655503974122x246964622112849920

Правда подсказки, почему-то, не работают. Но если что, можно просто открыть редактор и посмотреть как реализована каждая карточка)

Итоги сегодняшнего созвона:
- Как таковых практических вопросов «здесь и сейчас» опять было не много
- Проговорили, как работать с персональными данными в Bubble, как и куда отправлять, что размещать, чтобы не нарваться на проблемы c Роскомнадзором
- Обсудили варианты реализации функционала пересортировки элементов в репитинг группе
- Нашли реализацию для создания бесконечной вложенности в репитинг группе

Кто был и кому зашло - дайте 🔥 Предлагаю следующий звонок на четверг, 7 июля, 18:00. Кому нужно, могу отправить приглашение в календарь

Если вы когда-нибудь создавали кастомный дропдаун с фокус группой, то точно бесились из-за того, что фокус группа не подстраивается под ширину дропдауна🤬

Хорошо, что бабл дал доступ к ширине элементов на странице. Благодаря этому и немного CSS, теперь можно настроить динамическую ширину для фокус групп.

Пошаговая инструкция здесь:
https://nocodehero.tech/tpost/tyil3dsv91-dinamicheskaya-shirina-dlya-focus-group

Не понимаю зачем использовать всякие fuzzy search, если можно реализовать всё внутри bubble и при этом не нагружать браузер.

А с этим плагином так вообще песня получается🤩

🔥Убираем паузу между вводом данных в инпут и фильтрацией РГ🔥
Обычно фильтруя РГ значением из инпута мы получаем задержку в пару секунд между вводом текста и показом релевантных результатов. Сократить задержку позволяет плагин Instant Text, который на лету анализирует содержимое инпута и отдает его значение в работу! Почти как FuzzySearch, и чтобы повторить функционал поиска по нескольким полям, можно (за совет спасибо @esporykhin) у сущности создать отдельный филд и в него складывать значения из всех филдов по которым нужно производить поиск.
Оставь реакцию, если понравилось!

Если что, то у нас есть отдельная страница, где мы собираем полезные материалы по ноукоду для разработчиков и тех, кто на этом зарабатывает.

Ссылка:
https://nocodehero.tech/dev_hub

Пока есть 2 раздела:
▪️ Основы технической грамотности - объяснение базовых вещей в разработке, понимание которых сильно облегчит процесс обучения и создания проектов.
▪️ Про Bubble - полезные материалы по разработке на Bubble. Отдельным пунктом выделю вкладку Quick Tips - там будем собирать небольшие хаки по типу вчерашней статьи. Если хотите описать какой-то хак и опубликовать, то напишите мне @esporykhin - опубликую с авторством и всеми ссылками.

Ну и если вдруг здесь есть энтузиасты в «редакцию», то тоже пишите в личку. Оплату за это, пока, предложить не могу. Но личное время, обратную связь и помощь по вашим проектам без проблем)

Хочу сделать самый полноценный и полезный ресурс именно для разработчиков. Без всякой херни типа «10 вопросов про ноукод» или «почему ноукод такой классный», а то тошнит уже😀

Бабл добавил новую вкладку в стили.

Теперь можно задать шрифт на уровне приложения и он будет по умолчанию применяться во всех элементах)

#плагины
Пачка полезностей для Bubble по мотивам вчерашнего созвона:
1. Плагин для определения он-лайна пользователя
2. Плагин(5$) для определения когда пользователь вводит сообщение в инпуте
3. Библиотека компонентов для Bubble

И ещё крутота от разработчиков из чатов:
@petrk5 - плагин для нативного календаря
@MaksSakhno - плагин для интеграции с зумом

Как быстро и просто сделать текст градиентом?

Нашёл крутой сервис, где нужно просто написать текст, задать параметры градиента и получить отформатированный текст в формате bb code. А дальше вставляете текст в редактор и красота🔥

Я слоупок и сегодня обнаружил, что Bubble поддерживает математический порядок расчётов. И это обновление вышло ещё в апреле.

Достаточно гибко можно выбирать в какую из скобок подставлять динамическое выражение и делать вычисления.

Надеюсь, я не один такой😃

UPD оказалось, что это экспериментальная функция. Включить можно в settings - versions

Кто сегодня хочет в 18:00 пообсуждать или проконсультироваться по своим проектам на Bubble?

Сегодня, наконец-то, сделаем с записью)

Поставьте 🔥 кто придёт

Ссылку отправлю за несколько минут до начала

Опубликовал запись вчерашнего звонка с разбивкой по таймкодам)

Можно посмотреть по ссылке: https://www.youtube.com/watch?v=-K1mbrRvdKE

По ощущениям, вчера был один из самых полезных и плотных по количеству полезной инфы звонков🔥

🔥Создать массив объектов без бэкенда и получить список unique id всех созданных элементов?🔥

Такую возможность открывает использование Data API.

Включить взаимодействие с данными по API можно в настройках: Settings - API - Enable Data API.
Под последним пунктом отмечаем таблицы, в которых хотим создавать/удалять/редактировать записи.
Не забываем сходить на вкладку Privacy Rules и установить для конкретной таблицы правила использования по API.

Теперь мы можем отправлять POST-запрос (на endpoint https://[appname].bubbleapps.io/api/1.1/[typename]/bulk) с телом в JSON-формате:

{"key1": value, "key2": value}
{"key1": value, "key2": value}

Максимальное количество элементов, которые можно создать с помощью одного такого запроса составляет 1000. Существует ограничение в 4 минуты на выполнение запроса; если это займет более 4 минут, элементы, которые еще не были созданы, будут отмечены в ответе как ошибки.

Скорость создания зависит от:
- доступного capacity
- размера создаваемых элементов.

В ответ на запрос мы получаем статус и ID созданных записей в текстовом формате.

🔥Оставь реакцию, если понравилось! 🔥

Источник: https://manual.bubble.io/core-resources/api/data-api#bulk-create-new-things

Всем привет!

Кто сегодня в 18:00 залетит на традиционный office hours? Прошлый был супер полезный)

Ставьте 🔥 кто придёт

Ссылку, как обычно, пришлю за пару минут до начала

В тематических чатах постоянно всплывают какие-то фишки и хаки, которые упрощают разработку или помогают решить задачку. Проблема только в том, что всё это потом теряется в куче сообщений, избранное засирается другими сообщениями(у меня так точно) и в итоге всё теряется.

Решил собирать подборку таких коротких советов у нас на сайте. Пока опубликовал 2 хака из чатиков.

От Петра про то, как отключить автозаполнение инпута: https://nocodehero.tech/tpost/1ejvec9g11-kak-otklyuchit-avtozapolnenie-polya-v-in

От Вани про то, как делать автообновление вызова API без перезагрузки страницы: https://nocodehero.tech/tpost/gb80l56yd1-avtoobnovlenie-vizova-api-bez-perezagruz

Все подобные хаки будут находиться на вкладке Quick tips

Хаю хай👋

Мне периодически нужна помощь на проектах и дополнительные руки, поэтому если вы, в первую очередь, Bubble разработчик и открыты к новым проектам, то заполните форму и я буду знать, что к вам можно будет обратиться в случае чего

Прямо сейчас немного подгорает проект с созданием мобильного приложения через BDK. Поэтому если у вас есть опыт с этим - то заполняйте форму и пишите в личку)

Здесь пример заполненной карточки

⏲Office Hour сегодня в 18:00⏲

Подключайтесь по ссылке:
https://us02web.zoom.us/j/2439197751

🔥Создаем переменную внутри workflow и используем её в следующих шагах🔥

Нашел и начал использовать прикольный плагин Variable.
Устанавливаем плагин, и в workflow в разделе Plugins появляются 2 действия "Store a text variable/Store a number variable". Не нужно создавать скрытые input, заполнять промежуточные кастом-стейты для получения расчетов, достаточно создать новый шаг, рассчитать в нем данные и использовать их в следующих шагах. Похожий функционал предоставляет действие Set WF Vars в плагине Canvas Utilities.

Можно использовать, например, когда в условии шага нужно сравнить два рассчитываемых значения (как показано в GIF). Количество сценариев ограничено только вашим воображением)

Напиши, где бы ты использовал или уже используешь этот плагин.

🔥Оставь реакцию, если понравилось🔥

Не часто, но случается) Рабочий процесс не работает или работает некорректно, хотя видимых причин для этого нет.

Попробуйте просто пересобрать его с нуля 1 в 1. Хз как это работает, но уже не в первый раз замечаю, что помогает)

Взгляд нуба на то, как запускать JS в Bubble)

Нужно было решить простую задачку по определению длительности загружаемого видео. Работающего плагина не нашлось, поэтому пришлось немного поковыряться и вот, что из этого вышло:

https://nocodehero.tech/tpost/sa1ijybj31-kak-zapuskat-java-noscript-v-bubble

Уверен, что есть более элегантное решение, но я не силён в коде, поэтому так)