Code breakers

Что такое No-Code и Low-Code

В этой статье объясняем, что такое ноукод и лоукод и в чём разница; разбираем преимущества и недостатки; смотрим на платформы для двух типов разработки; рассказываем, что и в каких случаях использовать.

Что такое No-code


No-code – «нет кода». Это визуальное программирование, когда айти-продукт разрабатывается методом перетаскивания элементов (метод drag-and-drop): кнопок, текстовых блоков, символов, форм для заполнения, фигур, картинок – то, из чего складывается сайт или приложения.

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

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

Что такое ноукод подробно написано тут.

Что такое Low-code


Low-code – «низкий код». И это означает, что некоторые куски кода в создаваемом продукте писать в процессе разработки можно. Заметьте – можно, но не  нужно. Как и с ноукод-программами, на лоукод-платформах  айти-продукты  создаются перетаскиванием элементов, а не написанием кода с нуля. Но опция дописать некоторые элементы делают лоукод-подход более гибким.

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

Лоукод-платформы призваны облегчать разработку и как продукт ориентированы скорее на людей с опытом в программировании. Но, чтобы использовать их по назначению, не обязательно быть программистом. Лоукодерские платформы также используют и «гражданские разработчики» (пользователи без опыта в айти) – и делать с лоукодом полнофункциональные сложные приложения.

Если вы пришли к выводу, что ноукод и лоукод максимально похожи – вы правы. В англоязычных статьях о них за редкими исключениями говорят как о целостном подходе к разработке. И запомните две аббревиатуры NCDP и LCDP, no-code development platforms и low-code development platforms. Они неоднократно встретятся на ноукодерском пути.



Плюсы и минусы ноукода и лоукода по сравнению с программированием


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

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

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

Плюсы
  • Просто учиться и низкий порог входа
  • Высокая скорость разработки и низкие затраты
  • Гибкость, благодаря которой при необходимости быстро меняется бизнес-модель
  • Подходят для решения одной отдельной задачи без привлечения айти-отдела

Минусы
  • Ограничения по масштабируемости
  • Ограничения по реализуемому функционалу – больше у ноукода, чем у лоукода
  • Проблемы с безопасностью
  • Зависимость от платформ

Плюсы и минусы ноукода и лоукода по сравнению друг с другом


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

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

Открытость кода – главное преимущество Low-code. Подход лоукодинга кажется более выгодным для широкого круга задач – ведь простор для фантазии и реализации больше. Но всё не так однозначно.

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

И ещё – если рассматривать с точки зрения обучения, то учиться проще сначала ноукоду. С No-code проще понять тонкости разработки и первых результатов достичь проще – это важно для новичков. А дальше ноукод может стать отправной точкой к изучению лоукода. 

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

Что разрабатывают на No-code и Low-code


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

  • Блоги и медиа
  • Онлайн-магазины и маркетплейсы
  • Лендинги, портфолио, сайты-визитки, wow-страницы, событийные лендинги
  • Социальные сети, сети для знакомств, чат-боты
  • Сервисы услуг (например, бронь столиков, заказ еды, заказ услуги в салоне)
  • Приложения «для жизни» – для тренировок, медитации, обучения  
  • Сервисы типа on-demand 
  • CRM, дашборды, таск-менеджеры 
  • Игры (правда, несложные)
  • SaaS-сервисы и бекенд
  • Базы данных

Примеры No-code и Low-code платформ



Как устроены интерфейсы платформ разработки без кода


У ноукод-лоукод программ есть схожий набор инструментов. Вот, что стандартно включено в интерфейсы платформ No-code и Low-code: 

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

Чем отличается сайт, сделанный без кода, от сайта, созданного классическим программированием


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

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

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

А ещё ноукодерский продукт порой выдают шаблонный дизайн, плохая адаптация для мобильных устройств, тормоза и баги. Однако время идёт, и ноукод разработка развивается – баги и недостатки устраняются обновлениям, плагинами, скриптами.

К классической разработке надо прибегать, когда:
  • У приложения сложная логика
  • У цифрового продукта долгосрочная перспектива развития и задел на большое количество пользователей
  • Решения надо интегрировать со сторонними системами
  • Нужен уникальный пользовательский интерфейс
  • Когда критически важна безопасность и независимость от других платформ

Почему компании выбирают ноукод и лоукод


Движение ноукод-лоукод не получило бы такого толчка, если бы оно не имело преимуществ по сравнению с классическим программированием. И за эти преимущества компании, бизнес, предприниматели выбирают ноукод.  
  • Быстрая разработка и выкатка продукта. При классическом программировании  приложения может писаться целый год. С программированием без кода же разработка займёт 2-4 недели. Выкатка, или деплой продукта, тоже происходит быстрее – в один клик. Ноукодерский продукт не надо тестировать, потому что каждый элемент уже протестирован.
  • Меньшая стоимость разработки. Услуги программистов стоят дорого – и ничего с этим не сделать. Разработка айти-продукта с помощью кода стоит десятки и сотни тысяч долларов. 
  • Можно использовать внутренний персонал, обучив команду работать с ноукод-лоукод программами. Это удобно с точки зрения коммуникации – работа над проектом сводится к одному-двум людям. 
  • Проще контролировать и вносить изменения. Добавить, поправить, убрать функции, элементы, дизайн в ноукодерском продукте может сотрудник без квалификации в айти. И это удобно, если поменять что-то надо быстро – и не ждать, пока IT-отдел дойдёт до задачи в своём длинном списке.

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

5 примеров проектов, сделанных на No-code и Low-code


  • Сайт для сервиса поиска и найма независимых бьюти-мастеров «Glambook». Мультиязычный лендинг с анимацией и возможностью скачать приложение.  
  • Wow-страница в честь 20-летия ЦИАН. Сложная анимация с вовлекающим интерактивом и возможностью делиться в соцсетях. Сделано на Webflow.
  • Дизайн-проект «Кухня на районе». Анимация: форма для обратной связи. Сделан на Tilda в ноукод-агентстве Subzero.    
  • Сайт-презентация и приложение для анонимного голосования жюри чемпионата бизнес-проектов для Михаила Розова «Pioneum».
  • Голосовые сообщения и чат-помощники в Spotify, сделанные на ноукод-инструменте VoiceFlow.    

Резюме


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

Что такое