Что такое no code разработка
Что такое No-Code и как он устроен
Что такое No-Code и Low-Code?
No-Code и Low-Code платформы возникли в качестве реакции на сложность и многообразие современных средств разработки ПО. Сейчас практически все процессы стремятся к упрощению и автоматизации, и веб-разработка с бизнес-аналитикой также не стали исключением. По сути, эти концепции подразумевают отказ от профессиональных разработчиков, хотя бы частично и в некоторых сферах, а также расширение количества людей, которые могли бы создавать собственный продукт, при этом абсолютно не разбираясь в программировании.
Эти концепции можно разделись на два основных направления — No-Code, в которую входят конструкторы сайтов, например, Tilda, и — Low-Code. При этом, если первое направление, скорее, про веб-разработку и создание собственных сервисов из готовых шаблонов, то при помощи Low-Code можно быстро модифицировать, улучшать и расширять работу с бизнес-процессами и аналитикой.
Например, чтобы при помощи Low-Code технологий внести изменения в бизнес-процессы, аналитику не требуется привлекать разработку — все эти системы работают с нотациями BPMN 2.0 для описания бизнес-процессов, чтобы аналитики работали с привычными элементами. Это решает одну из ключевых проблем цифровой трансформации бизнеса — ускоряет процедуры от идеи на бумаге до работающего бизнес-процесса. Кроме того, использование графовых баз данных через Low-Code позволяет вносить изменения в бизнес-процессы без остановки работы или блокирования доступа.
Продолжайте учиться На Хекслете есть блок «Треки», где собраны курсы для опытных разработчиков, которые хотят новых знаний про разработку.
В Low-code системах чаще всего реализован простой и функциональный интерфейс для удобства работы пользователя. При этом сами системы наполнены готовыми темплейтами для различных бизнес-процессов, которые используются в других компаниях, в том числе и лидерах сферы. Бизнес может напрямую брать эти процессы и адаптировать под собственную деятельность и стеки, а системы вычислений без программирования и технологии визуализации данных упрощают работу аналитика и снижают необходимость привлечения разработчиков.
История появления No-Code
Первые No-Code сервисы появились еще в 90-х годах на волне популярности визуального программирования, которое использовало графические объекты для разработки, вместо привычного нам текстового кода. Тогда появились Dreamweaver от Macromedia, который сейчас выпускает Adobe, и уже устаревший редактор Frontpage, входивший в состав пакета приложений Microsoft Office. Эти инструменты тогда были новаторскими и стали первыми No-Code сервисами.
За последние десятилетия возможности платформ для No-Code сильно увеличились. Многие эксперты считают, что это связано с самим IT-рынком и его специфики, что сфере необходимо достаточно большое количество высококвалифицированных специалистов, которых всегда не хватает, а также высокой стоимостью их работы. Поэтому разработчики начали развивать и платформы для автоматизации работы самих программистов.
Какие есть плюсы у No-Code и Low-Code?
Упрощение проверки гипотезы и модели работы бизнеса. Запуск продукта при помощи No-Code для стартапа обойдется в четыре-пять раз дешевле, чем с привлечением разработчиков, и еще в три раза быстрее. Это позволит малой кровью протестировать работу бизнес-модели, например, сервиса по доставке домашних растений, создав его сайт в Tilda и прикрутив туда базовые платежные инструменты и почтовые рассылки с красивыми фотографиями фикусов.
Разработчики смогут заниматься интересными им проектами. Огромное количество программистов занимаются достаточно шаблонными проектами, которые No-Code пытается автоматизировать.
Программированием смогут заниматься даже дети. Визуальная разработка, даже на примере обычных конструкторов сайтов, может создать полностью обратный тренд — это может привлечь в IT людей, которые всегда считали, что программирование — очень сложно. Сначала они начнут заниматься разработкой на визуальных платформах, а после этого захотят усложнять свои продукты и изучать текстовые языки программирования.
Развитие визуального программирования. No-Code и Low-Code — достаточно яркие примеры, как можно использовать базовые принципы визуального программирования для работы с продуктом. До сих пор случаются большие холивары, есть ли будущее у визуального программирования и можно ли создавать программы путем манипулирования графическими объектами вместо написания ее кода. Пока будущее этой концепции не очень ясно, поскольку практически все программирование сейчас — текстовое.
Аргументы противников No-Code
«С No-Code сложно масштабироваться»: проблема, вытекающая из предыдущего пункта. В случае, если малый бизнес окреп и дожил до момента, когда уже нужно масштабироваться, то постепенно приходит понимание, что пора создавать собственные решения из-за технической невозможности увеличить количество цветов в нашем интернет-магазине, подключения службы логистики, VR-сервиса для примерки цветка в вашей квартире и создания большого флористического медиа. Тут уже и нужны программисты. Кроме того, этот пункт подтверждает то, что с No-Code удобно тестировать гипотезы и бизнес-модели, а масштабироваться уже нужно на собственных платформах.
Читайте также Как устроен функциональный диалект Лиспа Clojure и почему использующие его программисты восхищаются им
«No-Code — это привязка к одной платформе и технологии»: да, это тоже верно. Технологии развиваются, как меняются и нужды стартапа, тренды дизайна или ведения бизнеса, а как меняться, если платформа экспортирует все в бинарный файл, который может прочитать только она.
«Невозможно создавать вещи, которые еще никто не создавал»: технология No-Code все-таки достаточно шаблонная и редко позволяет создавать уникальные решения, которых еще никогда не было. Просто для этого пока еще нет шаблона.
Топ No-Code сервисов
Bubble
Bubble — сервис для создания веб- или мобильного приложения при помощи No-Code. В основу сервиса заложена концепция визуального программирования — технология Drag&Drop позволяет добавлять на страницу любой элемент, который хочется no-code-разработчику или создателю сервиса — настройке поддается все, начиная с расположения видео и текста, заканчивая иконками, кнопками, их параметрами.
Bubble также позволяет структурировать и хранить все данные, создавать пользовательскую логику, логистику внутри сервиса и применять UX-дизайн. По сути, пользователь может создать объект для страницы своего сайта любого типа или вида, и перетащить его в то место на сайте, где он должен находиться.
При этом в Bubble отмечают, если пользователь также обладает базовыми знаниями HTML и JS — то ему будет намного проще создать сайт и выстроить пользовательскую логику. Помимо фронтенда, Bubble позволяет сформировать и всю бэкенд-составляющую — разработать форму регистрации и установить, где создается аккаунт пользователя, каким образом запоминать его данные и как отображать предыдущие заказы.
Tilda
В России Tilda, пожалуй, является самым популярным примером концепции No-Code платформ. При помощи Tilda пользователи могут создать собственный сайт без навыков программирования — в основе сервиса лежит блочный принцип создания страниц, когда пользователь может выбрать необходимый шаблон, настроить внешний вид, добавить контент и сразу же видеть, как будет выглядеть сайт.
В Tilda меньше персонализированных возможностей, чем в Bubble, при этом она намного проще в использовании и имеет более дружелюбные и интуитивно понятные интерфейсы. В библиотеке Tilda сейчас более 450 шаблонных блоков, разработанных профессиональными дизайнерами с применением UX-систем. Они разделены на 28 категорий: обложка, магазин, о проекте, услуги, контакты и многие другие.
Zapier
Zapier описывают свою платформу как клей, который связывает тысячи веб-приложений. При помощи Zapier можно интегрировать разные сервисы, например, на нашем интернет-магазине домашних растений есть форма обратной связи. После того, как пользователь писал отзыв, нам приходилось вручную добавлять его в свой файл на Hubspot, где мы храним отзывы клиентов, потому что было не ясно, как его интегрировать с нашим сайтом. Zapier автоматизирует интеграцию и, соответственно, расширение функционала сервисов.
Mendix
Все рабочие процессы происходят внутри платформы Mendix, а не сайта или сервиса заказчика, визуальный редактор позволяет описывать модели данных, быстро создавать экраны с помощью набора виджетов и даже описывать логику работы процессов.
Например, нашему интернет-магазину по продаже домашних растений необходимо добавить атрибут в карточку бизнес-объекта и указать там, помимо даты появления фикуса в горшке, еще время его продажи — это позволит узнать, сколько времени фикус находился на складе. Во время использования реляционной БД, программисты будут добавлять атрибут и реконфигурировать БД в среде разработки, блокировать доступ пользователей к системе на время переноса изменений в основную среду. При этом, если объем данных очень велик, то доступ будет заблокирован достаточно на длительное время. В Low-Code системах — в том числе и в Mendix, используются графовые БД, что позволяет обновлять эти данные через визуальные системы без привлечения программистов и блокировки доступа пользователей к системе.
Что будет с No-Code в будущем?
Похоже, что рынок No-Code-сервисов активно продолжит развиваться и дальше. Помимо увеличения инвестиционной привлекательности этой сферы, все больше людей будут использовать возможности этих технологий на фоне постепенного увеличения снижения входа в сферу программирования.
Вообще, активно развивается не только No-Code сфера, но и, например, No-Design, где все чаще бизнес использует различные сервисы, как Canva, вместо профессиональных дизайнеров.
Дизайн сайтов без программирования: как работают технологии No-Code и Low-Code
Сделать сайт для крупной компании за пару дней (почти) без программирования? Вполне реально!
Оля Ежак для Skillbox Media
Что такое No-Code?
No-Code — технология создания сайтов с помощью инструментов визуальной вёрстки (ещё их называют визуальными редакторами или конструкторами сайтов). С ними можно смотреть на страницы сайта или приложения как обычный пользователь, видеть все блоки, заголовки и кнопки, но при этом иметь возможность их редактировать. Такой метод называется WYSIWYG : что видишь, то и получаешь. А программировать не нужно.
Пишет о дизайне в Skillbox, а в перерывах и сама орудует графическим планшетом. Влюблена в советские шрифты, японскую рекламу и русский язык.
И сайт, собранный в конструкторе, ничем не отличается от обычного?
По функциональности и графике No-Code-разработка уступает обычной. Скажем, сложную вёрстку трудно адаптировать для разных экранов, а некоторые моушн-эффекты будут слишком медленно загружаться. Многие функции — например, создание личного кабинета — никак нельзя реализовать без кода. Зато No-Code даёт возможность сделать полноценный веб-ресурс от начала до конца без умения программировать. Нужны только знания дизайна и навыки работы в каком-нибудь конструкторе.
Можно посмотреть, как выглядит интерфейс конструктора?
Конечно. Вот так, например, работает Tilda:
Tilda — что-то знакомое. Её часто используют?
Да, пожалуй, это самый известный конструктор. Чаще всего на Tilda делают лендинги — одностраничные сайты, которые нужны в маркетинге для продвижения товаров и услуг. На лендинге размещают тексты, видео, изображения, делают формы заявки, приводят ссылки для регистрации или покупки на сторонних ресурсах.
При необходимости многостраничные сайты на Tilda тоже можно делать — даже интернет-магазины с возможностью принимать оплату. Платформа хороша тем, что в ней много готовых шаблонов: необязательно собирать свой сайт с нуля. Можно использовать готовые макеты, только слегка изменяя их под свои нужды, — поэтому Tilda часто выбирают начинающие дизайнеры.
А есть другие конструкторы?
Их очень много! Популярная альтернатива Tilda — Readymag: в нём шаблонов не так много, зато больше разных опций для вёрстки и анимации. Есть Wix — один из самых дешёвых для использования редакторов. Самый продвинутый в возможностях кастомизации — WebFlow. Ещё есть Squarespace, Jimdo и другие конструкторы.
Немало! No-Code-разработка востребована?
Да, её популяризацию подстегнула, в частности, пандемия. Компаниям потребовалось переносить бизнес в интернет и создавать несложные веб-ресурсы. Впрочем, No-Code выбирают не только малый бизнес и стартапы, но и крупные компании. Сайты, собранные в конструкторах, — это вполне серьёзный бизнес-инструмент.
А можно взглянуть на такие сайты у крупных брендов?
Почему же компании выбирают No-Сode, если в нём куча ограничений?
Функциональности вполне хватает, например, для рекламных кампаний, спецпроектов или создания простенького интернет-магазина. А плюсов довольно много:
Что касается ограничений работы в визуальных редакторах, частично эта проблема решаема — с помощью технологии Low-Code.
Что же это такое?
Основу сайта собирают в конструкторе, но для выполнения отдельных задач используют полноценное программирование. Можно дать пользователям возможность заходить в личные кабинеты, оставлять заказы с выбором разных опций. Можно организовать обработку данных, их передачу или автоматическую визуализацию в графиках на сайте. Иногда это отдельные интеграции, а бывает, что весь бэкенд прописывают кодом.
Не проще ли сразу кодить обычный сайт?
Зачастую Low-Code всё равно получается быстрее и дешевле кастомной разработки. Но, конечно, не для всех задач это подходит: если нужен сайт с очень широким функционалом для крупной компании, используют исключительно программирование.
Для Low-Code тоже есть специальные редакторы?
Да, есть редакторы, заточенные на добавление кода. В них разберётся только программист. Но в большинстве платформ, которые мы упомянули, также есть возможность интегрировать код.
Скажем, в Tilda, Readymag или Webflow можно работать в визуальном редакторе, а можно добавить программирование при необходимости. Это полезно для постепенного развития веб-ресурса: позволяет создать MVP в No-Code, а затем, по мере роста потребностей, добавлять нужные функции кодом.
Хорошо! А какие минусы у No-Code-разработки помимо того, что сложные функции недоступны без программирования?
Собранные в визуальных редакторах сайты проигрывают обычным в производительности и стабильности работы, но не слишком значительно. Ощутимый минус — тарифы на платформах обычно зависят от числа пользователей сайта: поэтому для масштабных проектов конструкторы не всегда подходят. Наконец, визуальных редакторов просто очень много — и это отчасти тоже недостаток, потому что каждый хорош для своих целей и важно не ошибиться с выбором.
Их действительно много! С какой платформы лучше начинать учиться?
Tilda наиболее дружелюбна к новичкам — у неё удобный интерфейс, много готовых шаблонов, а при необходимости есть возможности кастомизации — в том числе с помощью кода. К тому же это одна из самых известных платформ. Она на слуху у владельцев бизнеса — поэтому создание сайтов на Tilda востребовано.
10 no-code-платформ, на которые стоит обратить внимание в 2021 году
No-code-инструменты позволяют обычным пользователям ПК создавать веб-сайты и приложения без необходимости написания программного кода. До того момента, когда подобные инструменты достаточно хорошо развились и достаточно сильно распространились, разработка простого веб-приложения была нетривиальной задачей, решить которую могли лишь программисты. Но, к счастью, в наши дни это уже не так. Несмотря на то, что no-code-инструменты не способны решить абсолютно все задачи разработки программных проектов, подбор и использование адекватного стека подобных инструментов, без сомнения, упростит и ускорит решение некоторых задач, сделает доступнее то, от чего раньше, по разным причинам, отказывались.
Если задуматься об этом, то вы, возможно, уже использовали low-code- или no-code-инструменты. А если вы занимаетесь веб-разработкой, то вероятность того, что вы уже работали с такими инструментами, возрастает. Даже если вы сами не верите в то, что пользовались подобными инструментами, знайте, что вы, хотя бы в какой-то форме, их применяли.
В этом материале мы рассмотрим некоторые из наиболее широко используемых no-code-платформ. Применение этих платформ способно упростить решение различных задач, встающих перед программистами. Но, прежде чем мы перейдём к разговору об этих платформах, поговорим о том, что собой представляют no-code-инструменты, и о том, как ими пользуются.
Что такое no-code-инструменты?
Предлагаю сразу же прояснить один важный момент: использование инструмента, в названии которого есть «no-code», не обязательно означает, что при работе с ним совершенно не нужно будет писать код. То, что называют «no-code» — это такой подход к программированию, при применении которого нет фундаментальной необходимости написания текстов программ. Вместо этого разработчику предлагается пользоваться инструментами с графическим интерфейсом.
Традиционное программирование, если говорить о таком явлении, как «no-code-инструменты», никуда не девается. Ведь эти инструменты создают программисты, которые, как раз таки, пишут обычный код. Но, в любом случае, для конечных пользователей подобных инструментов (для большинства организаций) их применение оказывается дешевле и проще, чем применение традиционных средств разработки приложений. Работа выглядит не как написание текстов программ, а как перетаскивание неких элементов мышью и работа с графическими элементами управления.
Использование no-code-инструментов
Современные no-code-инструменты позволяют создать практически всё что угодно. И вы, даже если сами об этом не знаете, многое уже делали с помощью подобных инструментов. Они дают своим пользователям множество возможностей — от создания веб-сайтов до разработки приложений. Используя такие инструменты, вы можете автоматизировать задачи, которые вам приходится решать на работе или дома, можете организовывать данные, создавать проекты на заказ и получать за это деньги. Кстати, можете вспомнить, когда вы создавали какой-нибудь опрос в интернете? Средства для создания подобных опросов — это тоже no-code-инструменты.
Нельзя сказать, что no-code-движение нацелено на определённую отрасль экономики или сферу деятельности. Существует множество разновидностей таких инструментов. Но это не отменяет того факта, что все подобные инструменты создаются ради достижения неких целей в различных областях.
А теперь, когда мы немного разобрались с тем, что такое no-code инструменты, и с тем, зачем они нужны, поговорим о самих этих инструментах.
1. Bubble
Bubble — это платформа, которая позволяет создать приложение и передать его тем, кто будет им пользоваться, за считанные часы. При этом такое приложение может представлять собой проект, который растёт вместе с создавшей его компанией. На стороне тех, кто пользуется Bubble — простота, функциональность и набор мощных инструментов. Эта платформа позволяет создавать сложные приложения, обладающие широким набором возможностей, но при этом совершенно обойтись без написания кода. Она отлично подойдёт тем, кто раньше не занимался программированием.
▍Основные особенности
2. Glide
Glide — это инструмент, который, буквально за 5 минут, позволяет создавать приложения, основанные на таблицах Google. В частности, речь идёт о мобильных приложениях. При этом до тех пор, пока пользователю этого средства не нужны определённые возможности, применять его он может бесплатно. И опыт программирования для работы с Glide не нужен. Если вам или кому-то из ваших знакомых нужно приложение, его можно быстро создать с помощью Glide. Надо отметить, что на сайте проекта имеются качественные шаблоны и руководства.
▍Основные особенности
3. Webflow
Webflow — это платформа, которая позволяет создавать, тестировать и публиковать сайты без необходимости писать код (или HTML-разметку). Создание хорошего, высококачественного сайта — это, традиционно, задача, на выполнение которой требуется много времени. Более того, в былые времена даже для создания персонального веб-проекта, достаточно современного и функционального, требовались немалые знания. Теперь же, благодаря таким инструментам, как Webflow, создавать привлекательные и функциональные сайты стало гораздо легче, чем раньше. По сути, главная задача того, кто пользуется Webflow, заключается в том, чтобы разобраться в том, что именно ему нужно, и применить соответствующие механизмы платформы для достижения желаемого.
▍Основные особенности
4. Adalo
Adalo — это платформа, которая позволяет очень быстро создавать интерактивные приложения. Воспользоваться ей сможет даже тот, кто не знает ни одного языка программирования. Хотя платформа Adalo похожа на Glide, в ней упор делается на визуальную разработку приложений в стиле «drag-and-drop», что позволяет её пользователям сразу же видеть то, что они создают. Тому, кто хочет освоить эту платформу и понять границы её возможностей, имеет смысл начать с проработки тех качественных учебных руководств, которые для неё созданы.
▍Основные особенности
5. Bravo Studio
Bravo Studio — это проект, цели которого выражены предельно ясно. А именно — это инструмент, создавать приложения с помощью которого — это значит — заниматься их дизайном, но не написанием их кода. Хотя эта платформа отличается очень приятным инструментарием для сборки приложений, она представляет собой нечто большее. В частности, она поддерживает интеграцию сторонних API. Это позволяет создавать на её основе сложные приложения, придавая приятный вид внешним данным. Bravo Studio, кроме того, помогает разработчикам в деле тестирования и публикации приложений.
▍Основные особенности
6. Carrd
Carrd — это платформа, которую можно назвать мудрым выбором для тех предпринимателей, которым постоянно нужно создавать одностраничные сайты, делая это как можно быстрее. Интерфейс Carrd позволяет создавать такие сайты буквально за считанные минуты. Здесь, кроме того, имеется множество шаблонов, которые можно подстраивать под свои нужды. Эту платформу можно назвать «упрощённым аналогом Webflow».
▍Основные особенности
7. Thunkable
Thunkable — это платформа для создания мобильных приложений. Известно, что процесс разработки приложения включает в себя такие шаги, как планирование и реализация задуманного. На этапе планирования функционала приложений очень ценна возможность быстрой проверки различных гипотез. Благодаря той скорости разработки, которая доступна тем, кто выбрал, Thunkable, у них появляется возможность быстро проверять свои идеи с участием потенциальных пользователей.
▍Основные особенности
8. Zapier
Zapier — это правильный выбор для тех, кто ищет инструмент для автоматизации различных задач, но при этом не хочет писать сложный код. Zapier позволяет интегрировать приложения, автоматизировать различные задачи и систематизировать рабочие процессы, не написав при этом ни одной строки кода.
▍Основные особенности
9. Voiceflow
Voiceflow — это инструмент, который, вероятно, получил известность благодаря своему пользовательскому интерфейсу. На него стоит обратить внимание тем, кто хочет оснастить свои проекты голосовыми возможностями. Voiceflow позволяет создавать приложения для Amazon Alexa и Google Assistant, максимально расширяя диапазон пользователей, которым доступны такие приложения. Пользоваться этой платформой очень просто, создание голосовых приложений производится в визуальном режиме, без необходимости писать код.
▍Основные особенности
10. Airtable
Airtable — это платформа, ориентированная на работу с электронными таблицами и базами данных, которая не требует от своих пользователей навыков программистов. Airtable напоминает электронную таблицу, но возможности этого инструмента гораздо шире. В частности, речь идёт об управлении проектами, о едином пространстве для командной работы. Для Airtable характерна простота использования, достигаемая благодаря применению графических средств. Но это — ещё и инструмент, с которым приятно и даже весело работать (тот, кто когда-либо пользовался инструментами для управления проектами, знает, что приятный интерфейс способен положительно повлиять на «боевой дух» членов команды).
▍Основные особенности
Итоги
Мы рассмотрели 10 no-code-инструментов, на которые стоит обратить внимание в 2021 году. На самом деле, таких инструментов существует гораздо больше. Надеемся, вы, если чувствуете потребность в чём-то подобном, или ощутили её после прочтения этой статьи, сможете найти именно то, что вам нужно.