Всем привет!

Кто сегодня в 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

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

Сорян, я что-то пропал за проектами. Вот делюсь подборкой из 3х классных плагинов для инпутов)

Display data in An Input - позволяет передавать в инпут какие-либо данные. Используется, когда нужно вставить в инпут результат какого-либо действия.

Reset data go an Input - позволяет сброить данные с определенного инпута.

Keystroke input trigger - позволяет отслеживать когда пользователь начал что-то писать в инпуте

Как получить расширение файла из его имени? 🤔

---------------------------------------

Первый способ:

После обращения к имени файла добавить оператор split by, в окно разделителя поставить точку. В результате к вам вернется список текстов, последним элементом которого будет расширение файла, для получения добавляем :last item.

File's name :split by(.) :last item

Второй способ:

После обращения к имени файла добавить оператор Extract with RegEx, в появившемся поле вписать выражение "/\.[0-9a-z]+$/" без кавычек. Готово!

---------------------------------------

Этот функционал может пригодится для проверки расширения файла при загрузке его в вашу БД, в зависимости от результата можно будет запрещать или разрешать загрузку файлов с конкретным расширением, а также использовать в фильтрации при поиске файлов в списке и т. п.

---------------------------------------

#некодер #bubble #regex #советы

Если вам вдруг нужно настроить динамическую ширину ячеек в Repeating Group, то ловите супер простой способ без платных плагинов и регистраций от @Yuriy_Zhakun🤩

1. Создать Repeating Group, задать ей ID, поместить туда элементы и настроить так, как вам нужно
2. Разместить на странице HTML элемент - не в Repeating Group
3. Вставить туда 2 строчки кода

<style>
#ID РГ{
display: flex;
flex-wrap: wrap;
}

</style>

Как стилизовать таблицу в Bubble.io?

---------------------------------------

В этом небольшом посте я расскажу о том, как закрасить чётные или нечётные ячейки таблицы.

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

Затем необходимо создать условное форматирование для данной группы.

---------------------------------------

Создадим conditional:

Для четных ячеек: Current index < modulo > 2 is 0

Для нечетных ячеек: Current index < modulo > 2 is not 0

После него выбираем нужную вам заливку. Готово!

---------------------------------------

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

---------------------------------------

Оператор "X < modulo > Y" позволяет найти остаток от деления числа X на число Y. Результатом вычислений будет сам остаток (число), если же его с чем либо сравнить с помощью логических операторов, то к вам вернётся Yes / No.

---------------------------------------

Всем продуктивной недели 💪🏻🔥

---------------------------------------

#некодер #bubble #ui #rg #советы

Нашел неплохой бесплатный шаблон для мобильного приложения и PWA

Некоторые ссылки не кликабельны, сообщения не отображаются. Но в целом, если нужно быстро замутить интерфейс с основными функциями и уже упакованное в PWA, то вполне себе вариант)

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

Ещё раз убедился, что все гениальное - просто

В чате по бабл сегодня искали решение о том, как сделать превью для загруженного pdf. Ни плагинов, ни кода не надо)

Просто добавьте элемент image или сделайте background группы с типом image и как источник данных укажите ссылку на загруженный pdf

Идея отсюда: https://forum.bubble.io/t/use-pdf-in-group-background-style-image/196385

Пушка-бомба🦾

🔥Превращаем список в красиво оформленный текст🔥

Допустим, заказчик хочет чтобы при оформлении очередного заказа ему на почту отправлялся список позиций входящих в заказ. Позиция включает в себя название товара, количество и итоговую стоимость. Как эту информацию оформить списком и отправить в письме?

На помощь приходит знакомая многим функция :format as text. Она работает как РГ, только в тексте: вы объясняете как должна выглядеть строка (формируете шаблон), а Баббл сам формирует все строки и разделяет их указанным разделителем.

Функция очень помогает при формировании API-запросов, например при массивном создании новых записей через Data API.

Поделитесь, каким необычным образом вы используете эту функцию)

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

Cообщество ТОП разработчиков

Буквально на днях столкнулся с проблемой, что нужно выводить разработчика на новый проект, но по своим причинам, в последний момент, он слился и мне пришлось самостоятельно начинать разработку, чтобы проект не простаивал. На какие мысли это меня натолкнуло?

1. Нужно иметь пул надёжных спецов, которых оперативно можно вывести на проект
2. Нужно развивать(растить) разработчиков, чтобы уровень проектов так же постоянно рос.

Запускать курс я не хочу т.к курс - это чаще всего базовые знания. Напихивать всё в одном тоже так себе идея потому что каждый приходит с разным бэкграундом и запросом. Да и в целом не нравится мне эта идея.

Надёжность, по мне, можно определить только регулярно общаясь и видя прогресс человека. Я довольно много учусь и изучаю материалы и как разраб, и в целом. Поэтому могу описать того, с кем бы я хотел работать и какими людьми окружить.

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

Я сам такой и с одной стороны это не всегда работает мне в плюс, но зато позволяет расти и развиваться. И хочу собрать вокруг себя таких же ненормальных😃

Короче, к чему это всё:
Создаю закрытое сообщество ноукод разработчиков, нацеленное на профессиональное и финансовое развитие каждого его члена. У нас есть закрытый чатик разрабов NoCode Hero и там иногда такими штуками ребята делятся, до которых ты сам вряд ли дойдешь или дойдешь через пару месяцев копаний. Пока только Bubble в силу того, что у нас на этом специализация. Но если вы крутой эксперт в других инструментах - пишите, обсудим как можем повзаимодействовать)

Что будет внутри:
- Структурированные по уровню материалы по разработке (как из открытых источников, так и записанные)
- Мини-курсы, гайды и статьи
- Трек развития участника
- Созвоны, office hours, мастермайнды, вебинары с разрабами, чтобы расти и получать опыт других крутых разработчиков
- Само собой чат, где можно будет спросить совета или попросить помощи
- Размещение заказов и привлечение в проекты

Участие будет платным, потому что считаю, что за развитие нужно платить, иначе это всё обесценивается. Но я хочу, чтобы польза от участия было х10 от того, что платит участник. Поэтому хочу стартануть с 1000 рублей/месяц и по мере роста ценности и обратной связи увеличивать стоимость. С каждым членом я лично созвонюсь, чтобы понять как сообщество и лично я могут помочь ему вырасти и наметить трек развития.

Структуру вижу такой:
- Обычные участники
- Создатели

С участниками, думаю, всё понятно. Роль создателя подразумевает под собой создание и генерацию ценности для участников. Статьи, уроки, гайды, вебинары и т.д. Я хочу выделять 50% от всех оплат участников на оплату труда создателей. Саму схему подсчёта я ещё не определил, но я думаю этот будет лучше сделать или докрутить совместно с ними. Вход для создателей бесплатный, но совершенно точно будет какой-то отбор.

Я хреновый и продажник, и маркетолог - поэтому без прогревов, автовебов и прочих механик просто решил описать идею, как чувствую и посмотреть на отклик.

Цель сообщества: вырастить 10 000 nocode разработчиков ТОП уровня, которые будут задавать уровень и иметь весь рынок😄

Поставьте 🔥 и напишите мне, кому нравится идея и кто хочет вписаться.

Поставьте 💩, кто считает идею отстоем, но только напишите почему)

День 7/30. BAS и автотестирование Bubble.

Сегодня я без заметок. Вместо этого расскажу про Nocode-инструмент — Browser Automation Studio (BAS).

Этот конструктор позволяет собирать скрипты разной сложности.
К примеру, я использовал его для создания:
1. Автопостера статей для Дзена
2. Авторегера аккаунтов для Дзена

Рассказал Дену об этом софте, и Ден закинул мысль про тестирование приложений на Bubble.

Интересная идея. Я реализовал её в примитивном варианте.
На видео вы можете лицезреть тестирование формы регистрации:
→ вводит логин
→ вводит пароль
→ нажимает зарегистрироваться
→ ждёт 5 секунд
→ делает скриншот экрана

По логам и результату на скрине можем понять, правильно ли отработало приложение.

Для вас записал 2 исхода:
1. Приложение зарегалось
2. Приложение не зарегалось из-за ошибки.

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

→ Ставьте 🔥 под постом.
→ Пишите в комменты, что думаете о таком тестировании?
https://www.youtube.com/watch?v=s1f-d-25gvA

По поводу вчерашнего поста, кто хочет созвониться - давайте завтра, 21.11 в 17:00

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

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

https://news.1rj.ru/str/pro_nocode - нескромно поставлю наш канал первым:) собираем полезные хаки и советы по Bubble, планируем расширяться в сторону других инструментов. Канал чисто для разработчиков и тех, кто хочет на этом зарабатывать.

https://news.1rj.ru/str/revbubbledev - канал Вити Решетняка про bubble. Вместе работали. Собирает и находит крутые вещи про Bubble. Докапывается до мелочей - поэтому точно будет интересно читать

https://news.1rj.ru/str/necoder_ru - канал Вани Вахрушева. Тоже работали вместе. Миксует как прикладной, так и личный контент. Интересно.

https://news.1rj.ru/str/Tim_nocode - свежий канал от Тимофея. Уверен, что тоже будет супер полезно и интересно.

https://news.1rj.ru/str/failblog - канал фаундера ноукод студии. Прикладной инфо по разработке нет, но полезно почитать про то, какие сложности бывают при управлении своей студии

https://news.1rj.ru/str/denonline - канал Дэна. Дэн топ спец в ноукод инструментах, поэтому жду, когда там начнёт появляться контент.

https://news.1rj.ru/str/ProNoCode - канал фаундера Creatium. Интересно наблюдать за тем, как развивается целый ноукод инструмент

https://news.1rj.ru/str/noosfera_IT - канал про ноукод и жизнь ноукод разработчика. Прикладной и жизненный контент. Интересно следить.

https://news.1rj.ru/str/georgystories - лично с автором не знаком. Пишет про вебфлоу, проводит стримы и делится полезностями

https://news.1rj.ru/str/ne_koder - канал Димы Федосеева про Bubble. Наверное, самый топовый по качеству на данный момент. Жаль, что не так много контента, как хотелось бы:)

https://news.1rj.ru/str/codewords - канал студии мобильной разработки от @ilyatkach

https://news.1rj.ru/str/sashadontcode - канал про ноукод от @alexanderolssen

https://news.1rj.ru/str/cyberband_nocode - канал по обучению в nocode

Привет! Мы в пятницу классно пообщались по поводу сообщества и потом я приболел, поэтому только сейчас смог собрать мозги в кучу и описать то, что обсуждали. Спасибо всем, кто пришёл - получил много полезной инфы)

По ссылке основная информация о том, как я это вижу: https://nocodehero.notion.site/0f61ac63993441b7851bb441a563fe61

В конце гугл форма для тех, кто захочет вписаться. По любым вопросам/предложениям - велком в личку