Anticodeguy
651 subscribers
841 photos
171 videos
1 file
330 links
Technomad & systems thinker exploring paths to freedom and prosperity

https://stan.store/anticodeguy
Download Telegram
Чем же ещё меня заинтересовал WeWeb.io как frontend-решение для построения no-code систем?

Возможностью построения продвинутой фронтовой логики, включая автоматизированные алгоритмы, реагирующие на действия пользователя и формулы. Здесь есть и предустановленные действия, но наиболее интересен механизм построения разветвлённых алгоритмов комплексной логики. Есть встроенный дебаггер (штука, которая позволяет выявлять и анализировать ошибки логики). Ну и напоследок – добавление собственного JavaScript кода! Кстати, кастомить можно и таблицы стилей CSS – для удобства построения дизайн-системы приложения.

Про встроенные интеграции только упомяну – это уже стандарт рынка, ничего удивительного. Но возможно также подключение любого внешнего сервиса с данными по API. То есть если уже есть готовый backend, хоть самописный, хоть сделанный на другом no-code решении (например, Directual) – их можно будет прекрасно связать и обмениваться данными.

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

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

Более того, приложение строится на популярном сейчас фреймворке VueJS, то есть при выгрузке мы получаем именно его, но к тому же и код для сервера, который можно просто развернуть на своём хостинге!
Учитывая, что здесь можно использовать базовые модули Vue, эта штука может зайти даже классическим frontend-разработчикам.

В общем для меня выглядит весьма привлекательным, обязательно поделюсь первым опытом использования.
👍🔥💩
👍4
В предыдущих постах я рассказал про новый (для меня) сервис WeWeb.io для построения frontend приложений. Сегодня хочу собрать актуальный список своего no-code стека, который я использую в проектах. И да, в него войдёт WeWeb.io, хотя я его пока не использовал на практике.

💻 Backend
Здесь базы данных, программная логика и алгоритмы, API и интеграции.

Для российских 100% и зарубежных проектов преимущественно – Directual.com. Напомню, что он позволяет разместить серверы приложения в РФ.
Для остальных зарубежных проектов – Xano.com.

💻 Frontend
Всё, что касается вёрстки, логики на стороне визуальной части приложения, адаптив под различные экраны, вывод данных и взаимодействие с пользователем.

Для российских проектов – WeWeb.io ввиду того, что приложение можно развернуть на собственном хостинге. Его же планирую использовать и для зарубежных проектов. В любом случае будет больше понимания после глубокого погружения и практики с инструментом.
Для зарубежных проектов преимущественно (пока) – Bubble.io. Ключевыми преимуществами для меня остаются высокая скорость разработки и внесения изменений, полная свобода дизайна, хороший адаптив.

📱Сайты
Для проектов ниже средней сложности без комплексной функциональности – Tilda, включая небольшие интернет-магазины.
Для остальных проектов – WordPress. Да, это не no-code, но при должном знании платформы и плагинов на самом деле сайт можно запустить на нём, не написав ни единой строчки кода.

📱 Мобильные приложения
FlutterFlow.io. Однозначный лидер, пока ничего конкурентоспособного с ним не видел, остальные сервисы даже рядом не стояли.

Как тебе такой список, делать ли ещё подобные подборки? Пиши в комментариях вопросы и предложения и не забывай про реакцию. 👍🔥💩
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥1
В недавнем диалоге заказчиком я выяснил, что многие пользователи Tilda не знают некоторых функций, которые давно есть в этом конструкторе. Поэтому я хочу рассказать о таких штуках, которые для кого-то могут стать настоящим открытием. К тому же конструктор не стоит на месте, постоянно добавляет новые фичи, поэтому стоит обновлять свои знания, чтобы качественно выполнять заказы.

Первая и, наверное, одна из самых мощных функций – это личный кабинет. На Тильде можно организовать полноценный закрытый доступ к материалам, то есть, например, сделать онлайн-школу, и я это реализовывал на одном из проектов: это был полноценный личный кабинет с закрытыми разделами сайта (курсами и уроками), доступ к которому открывался после того, как пользователь их оплачивал.

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

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

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

Задавай свои вопросы и пиши в комментариях, насколько детально нужно погружаться в эти функции. Возможно, имеет смысл здесь писать практические инструкции по этой функциональности. И не забывай про реакцию 👍🔥💩.
👍6
На Тильде нельзя сделать полноценную онлайн-школу!

А вот и можно: не так давно в Тильде появилась возможность создавать, оформлять курсы и уроки и организовывать онлайн-обучение ничуть не хуже, чем в узконаправленных платформах. И угадай что – за это не нужно платить отдельно, всё уже включено в стоимость подписки на конструктор! Эта тема релевантна предыдущей, так что органично продолжает серию постов, посвящённых неочевидной функциональности Tilda.

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

Разумеется, есть домашние задания и даже полноценная система их проверки и оценки. Преподаватель – отдельный пользователь сможет писать комментарии к домашкам и ставить им оценки по заранее заданной балльной системе, которая настраивается. Можно настроить и порог для зачёта: например, те, кто набрал до 5 баллов, не сдали.

Уроки можно открывать как все сразу, так и в определённой последовательности при прохождении. Или привязываться к датам – здесь в зависимости от формата курса, полная гибкость.

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

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

Для меня это обновление стало одним из важнейших за всю историю конструктора, так как раньше приходилось прибегать к костылям, чтобы организовать полноценную онлайн-школу, а теперь всё работает из коробки. 👍🔥💩
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4
Уведомления пользователю с сайта на Tilda можно отправлять только через сервис рассылок

Так оно и было до недавнего времени, но сейчас можно уведомлять пользователя о заказе, сделанном на сайте. Обращаю внимание, что речь идёт именно об уведомлениях о заказе, то есть, когда пользователь взаимодействовал с корзиной или простой формой покупки из раздела «Магазин». Отравить уведомление при заполнении любой другой формы стандартными средствами не получится. Вот тут действительно для этого можно использовать уже сторонний сервис рассылок – с ним получится уведомлять и о других событиях помимо заказа.

Настройки уведомлений о заказе запрятаны здесь: надо открыть «Настройки сайта» → «Платежные системы» → «Общие настройки платежных систем», там нажать на кнопку «Настроить» и найти раздел «Уведомления для покупателей о сделанном заказе».

Здесь можно выбрать один из пока только двух вариантов: SendGrid и Почтовый сервер. SendGrid – это полноценный сервис email-рассылок, который на текущий момент ограничил свою работу в России, имей это ввиду. Но если у тебя настроен почтовый сервер, например так, как я показывал в посвящённой этому серии постов, ты можешь использовать второй вариант.

Здесь нужно заполнить уже знакомые нам поля: данные SMTP-сервера (где их взять, можешь почитать в той же серии постов), логин и пароль ящика, с которого должны отправляться письма и шаблон письма, куда можно вставлять специальные поля в круглых скобках, которые будут заполняться динамически в зависимости от сформированного заказа:
{{order_number}} – номера заказа
{{amount}} – сумма заказа
{{order_date}} – дата покупки
{{order_details}} – список товаров в заказе

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

Используй в своих проектах и напиши в комментариях, какой функциональности тебе сейчас не хватает в Tilda. И не забывай про реакцию 👍🔥💩.
👍4🔥2
Продолжаю рубрику «Неочевидное в Tilda» и наш сегодняшний гость – фичи магазина

Первая из них – это поиск по товарам. Но это не тот стандартный поиск Тильды, который по непонятным причинам выводит на сайт результаты из Гугла, а полноценный фильтр, который позволяет найти нужный товар по его свойствам. В общем, работает как надо. А вот чтобы добавить его, надо закопаться довольно глубоко: зайти в панель управления товарами («Товары», ага) и там открыть попап «Фильтры». Внизу ты увидишь галочку «Показывать поле для поиска», которая как раз его и активирует. Кстати, если настроить различные свойства у товаров, то поиск будет производиться по ним тоже.

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

Следующая крутая фича – Избранное. Вопреки расхожему мнению избранное на Тильде можно организовать без личного кабинета и вообще без авторизации пользователя. Где тогда хранится избранный товар, если не в личном кабинете? В кэше браузера, конечно. Сколько оно там хранится? По умолчанию 30 дней, но эту настройку можно изменить. Добавляется функция через одноимённый блок в разделе «Магазин». После добавления блока на страницу у товаров появится стандартная иконка с сердечком, которая будет вызывать нужное действие. Можно также добавлять по любому другому событию (например, по нажатию на свою кнопку), прописав в ссылке код #addtofavorites:Название товара =1000 (1000 – это цена товара). И никакого геморроя с личными кабинетами и сохранениями в базы данных, круто же!

Как тебе фишки? Запрашивай, что тебе ещё интересно, в комментариях и ставь реакцию на пост 👍🔥💩.
👍4🔥1
Продолжу обзор неочевидных функций Tilda для интернет-магазинов, так как всё, что касается сайтов, здесь на поверхности: в библиотеке блоков и базовых настройках.

Службы доставки: у Тильды есть нативная (встроенная, без всяких костылей и других внешних систем) интеграция с популярными сервисами: CDEK, Boxberry, Почта России. Причём интеграции сделаны очень удобно: клиенту доступен выбор адреса доставки или постаматов на интерактивной карте, а стоимость доставки рассчитывается автоматически в зависимости от заданных настроек. Скрыто подключение этих интеграций внезапно в разделе «Платёжные системы» настроек сайта: надо прокрутить список в самый низ.

Не все знают, но товары интернет-магазина на Тильде можно синхронизовать с любыми маркетплейсами и складскими системами, например, МойСклад. Делается это через форматы YML от Яндекса, который позволяет актуализировать номенклатуру, например, с Яндекс.Маркетом и общий CommerceML, через который можно связать магазин с системой МойСклад. Также можно настроить товарный фид – это специальная ссылка, по которой для внешней системы доступен всегда актуальный файл с товарами, используется в большинстве маркетплейсов. Чтобы найти эти штуки, надо перейти в кабинет магазина, нажать на три точки и перед тобой откроется заветное меню синхронизации с этими опциями.

И ещё одна далеко запрятанная фишка – кнопки выбора цвета для товаров! Известно, что для стандартных свойств товаров в Тильде предусмотрен обычный выпадающий список. Но для цвета можно реализовать полноценные окрашенные соответственно кнопки! Для этого нужно зайти в карточку товара, докрутить да «Вариантов товара», нажать «Добавление свойства». Здесь внизу есть галочка «Свойство имеет цвет». В качестве вида управляющего элемента нужно выбрать кнопки или радиокнопки. Теперь при добавлении этого свойства в товар слева от наименования появляется цветовой значок, при клике на который откроется цветовая палитра, где можно задать любой цвет. После сохранения товара на его карточке появятся кнопки с заданными цветами.

👍🔥💩
👍2🔥1
Подведу итоги первой серии неочевидных фич конструктора сайтов Tilda, которые могут пригодиться в твоих проектах

1. Личный кабинет пользователей. Для реализации UGC (контента, генерируемого пользователями), конечно, придётся использовать внешние системы и интеграции, но для организации закрытого от глаз незарегистрированных пользователей раздела, подойдёт отлично.

2. Скрытый контент. Можно разграничить права по группам пользователей, в том числе в зависимости от наличия оплаты.

3. Полноценная онлайн-школа с редактором уроков и курсов, тестами, квизами, домашними заданиями, организацией их проверки и обратной связи, логикой открытия уроков, удобной навигацией и системой управления студентами.

4. Уведомления об оформленном заказе без внешних сервисов рассылок.

5. Поиск по товарам интернет-магазина, фильтры и сортировка каталога.

6. Избранное без необходимости делать личный кабинет.

7. Интеграция со службами доставки, включая полноценную формы оформления доставки удобным способом.

8. Синхронизация товарной номенклатуры с маркетплейсами, например Яндекс.Маркет.

9. Синхронизация ассортимента и складских остатков со складскими системами, например МойСклад.

10. Интерактивные кнопки выбора цвета товара.

Пиши в комментариях, каких функций тебе не хватает в Тильде и не забывай ставить реакцию к посту 👍🔥💩.
👍5
В этом канале я рассказываю про инструментарий web-разработки, знакомлю с понятиями, включая базовые, делюсь способами заработка в интернете. Особое внимание я уделяю no-code и low-code инструментам, которые позволяют даже без знания кода творить крутые вещи. То есть канал направлен больше на коллег по цеху, кто тоже занимается web-разработкой и даже если пока находится в самом начале пути.

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

С кейсами, необязательно моими, лучшими практиками и тем, как цифровые продукты, в том числе созданные с помощью no-code и low-code инструментов, помогают улучшать бизнес-показатели.

Ну и, разумеется, моя фирменная фишка – умение объяснять всё доступным и понятным языком, без всяких сложных технических моментов и терминов (которые часто бывают именно в этом канале).
👍3
Я часто даю рекомендации по инструментам, которые решают те или иные задачи для разработки web- или мобильных приложений. Но существует и огромное количество инструментов, которые являются абсолютно непригодными для использования по разным причинам. И я решил открыть рубрику #нерекомендую, в которой буду публиковать анти-обзоры плохих, на мой взгляд, продуктов.

Открывает эту рубрику «конструктор мобильных приложений» (именно в кавычках) Adalo. По неведомым мне причинам он часто занимает первые позиции во многих рейтингах no-code инструментов, его рекомендуют и он часто всплывает при соответствующих запросах в поисковиках. Вероятнее всего это говорит о том, что у них хорошо работает маркетинг и продвижение и пиариться они умеют хорошо. А вот всё остальное у них плохо.

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

Сами блоки ограничены выводом стандартного контента: текст, фото или видео. В принципе, всё. Каких-то кастомных блоков или возможности задизайнить свой – нет.

В итоге с помощью этого инструмента можно собрать очередной из тысячи шаблонных приложений, которые делаются для того, «чтобы было». Например, компания хочет сделать своё мобильное приложение, как сайт-визитку, только на смартфоне. Ну или блог какой-нибудь с текстовыми статьями. Кто и зачем будет этим пользоваться, кроме самого заказчика – непонятно. Но для такого вполне годится. Что-то чуть более сложное, выходящее за рамки шаблонов – не получится.

Достаточно посмотреть на их галерею made-in-adalo на сайте, чтобы убедиться, что все приложения сделаны по одному трафарету, выглядят абсолютно одинаково шаблонно. Далее ещё пройдёмся по функциональности, хотя уже на этом можно было бы остановиться.

Пиши в комментариях, что ты думаешь про Adalo и ставь реакцию к посту 👍🔥💩.
🔥3
Продолжаю…

Ну да ладно. Дизайн – это не всё, что есть в приложении. Что насчёт функциональности? Как только я начал изучать инструмент с целью потенциального использования его для проекта Нутриклиники, сразу наткнулся на первое ограничение – нельзя подключить элементарно свою платёжную систему, есть только Stripe. Если пилишь для заказчика в стране, где нет Страйпа – сорян, ничего не выйдет.

Что насчёт интеграций с внешними системами? Конечно, они есть, но только преднастроенные. То есть с теми системами и сервисами, с которыми разработчики сервиса сами запилили интеграцию, вот с ними можно работать. Хотите свой backend подключить через API? Неа, не получится.

В принципе, на этом всё. Не вижу причин, кроме грамотного маркетинга, по которым Adalo занимает лидирующие позиции в no-code комьюнити и почему так много агентств и разработчиков их юзают.

Оговорюсь, что я знакомился с сервисом примерно год назад и с тех пор, конечно, что-то могло измениться в лучшую сторону. И я уверен, что рано или поздно они допилят сервис до вменяемого состояния и с ним можно будет работать. Сейчас вышла версия 2.0, вероятно она сильно лучше уже. И да, возможно несколько лет назад это был самый мощный конструктор…

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

Пиши своё мнение насчёт Adalo в комментариях и ставь реакцию к посту 👍🔥💩.
👍3
Где рисовать схемы баз данных

Сегодня хочу поделиться инструментом, который уже давно моём арсенале для того, чтобы создавать ERD (entity relationship diagram или диаграммы «сущность-связь»). Этот класс диаграмм используется для проектирования схем баз данных, когда нужно выстроить понимание структуры объектов (таблиц) и связей между ними. Это тема для отдельного обсуждения, сегодня про инструмент с незамысловатым названием – DB Designer.

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

У DB Designer одна единственная задача – создавать с его помощью ERD, с чем он справляется на отлично. Таблица создаётся двумя кликами мышки на свободном полотне. Поля таблиц добавляются не сложнее, связать их между собой можно выбором другой таблицы и поля в выпадающих списках. Всё очень топорно и просто.

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

Движок красиво отрисовывает линии-связи между таблицами. В новой версии также появилась возможность выбирать их формат. Из приятных нововведений – markup редактор схемы, который позволяет создавать и редактировать схему исключительно клавиатурой путём написания кода по заданному формату – олды и хардкорщики оценят.

Моя однозначная рекомендация, если тебе нужно построить схему БД – DB Designer, который к тому же в бесплатной версии позволяет достаточно много.

Пиши в комментах вопросы и ставь реакцию к посту 👍🔥💩.
👍3
Существует огромное количество IT-систем, которые помогают бизнесу автоматизировать и оптимизировать бизнес-процессы, структурировать данные, принимать управленческие решения, экономить человеческие ресурсы и деньги.

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

CRM – Customer Relationship Management (управление отношениями с клиентами)

Пожалуй, самый известный класс информационных систем, про который не слышал разве что ленивый. Из всех щелей прут предложения, мол, давайте внедрим вам CRM (в народе «ЦРМ»), и чуть ли не каждый мамкин предприниматель устанавливает себе эту систему, даже ещё не сделав ни одной продажи.

Если совсем грубо, то CRM-система – это картотека клиентов, где очень детально фиксируется всё, что с ними связано:
— Базовая информация (в том числе дата рождения собаки)
— Факт продажи и текущий статус заключения сделки (те самые пресловутые «воронки продаж», которым учат сейлз-гуру)
— Все контракты (или товары), включая общий объём продаж
— Все контакты с клиентом (например, когда последний раз звонили поздравить его тёщу с урожаем)
— Система напоминаний и оповещений (когда там у собачки ДР)
— Данные продаж по отдельным продавцам, командам или подразделениям (статистика, графики, таблички)

Всё это позволяет довольно удобно управлять самим процессом продаж. Именно процессом, так как если он пока не выстроен, никакого смысла внедрять такую штуку нет. Это как купить гараж при отсутствии машины. Денег стоит, деньги кушает, а пользы не приносит. Но гараж хотя бы сдать в аренду можно, а CRM – нет…

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

👍🔥💩
👍3