10 стыдных вопросов о no-code

Эту статью мы написали с Александром Марфициным, контент-лидом онлайн-университета зерокодинга.

Разработка сайтов и приложений требует времени и денег. Если вы ограничены в ресурсах и не умеете кодить, вам поможет no-code.

No-code можно сравнить с доставкой наборов для приготовления ужина. Вам привезут все ингредиенты, только вместо нарезанных овощей и замаринованного мяса — шаблонные блоки с готовым кодом.

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

Рекомендуем прочитать наши статьи из этой серии:

• 10 стыдных вопросов о UX

• 10 стыдных вопросов о Growth

• 10 стыдных вопросов о SEO

Что такое этот ваш no-code?

No-code — это программирование без написания кода. Иногда его называют zero-code, то есть “ноль кода”.

Код — это то, из чего состоит цифровой продукт. Например, на стартовой странице Google пользователи видят логотип и поисковое поле, а внутри спрятан код — набор команд и алгоритмов на сотни строк.

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

No-code устроен по принципу конструктора. Пользователь перетаскивает нужные элементы по экрану, а на каком языке программирования написан код и как он работает — ему не важно.

Представьте Джона, который хочет открыть интернет-магазин. Он выбирает no-code-платформу и собирает сайт из готовых блоков. Сначала он находит подходящий шаблон, добавляет кнопки, вставляет фоновое изображение и подбирает шрифты. Затем он прикручивает Google-таблицу с информацией о товарах, личный кабинет и корзину, а также подключает систему платежей. Данные пользователей будут попадать в одну базу, а сообщения из чата поддержки — автоматически приходить в мессенджер.

Благодаря ноукоду Джон справился с задачей всего за неделю. Он не написал ни строчки кода и получил работающий интернет-магазин.

С помощью no-code можно сделать лендинги, интернет-магазины, маркетплейсы, e-mail-рассылки или приложения. Например, в галерее конструктора сайтов Tilda можно посмотреть примеры лучших проектов, сделанных на этой платформе. Среди клиентов — компании Nikon School и Adidas.

Еще все говорят про low-code. А это что?

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

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

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

На создание продукта на low-code требуется больше времени, чем на no-code. Но это все еще быстрее классического программирования, а следовательно — дешевле.

Давайте закрепим разницу между no-code и low-code.

А зачем мне разбираться в no-code, если я не программист?

No-code полезен не только программистам, но и маркетологам, продакт-менеджерам и предпринимателям. Рассмотрим подробнее примеры ситуаций, в которых можно использовать ноукод.

Сделать MVP. 42% стартапов оказываются убыточными, так как на них нет спроса. Чтобы не оказаться в такой же ситуации, можно быстро и без помощи разработчиков создать MVP и проверить жизнеспособность идеи.

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

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

Допустим, вы хотите провести A/B-тестирование двух вариантов сайта. На разработку с нуля уйдет много времени и денег. Вы можете воспользоваться конструктором, а после теста отдать в разработку более эффективный вариант.

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

Если у вас уже есть идея проекта, прочитайте наш гайд по pet project. В нем продакт-менеджер объясняет все этапы работы на примере своего проекта — приложения по капоэйре.

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

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

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

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

Стать ноукод-разработчиком. No-code developer — это отдельная профессия. За два-три месяца вы сможете освоить новый востребованный навык даже без опыта в программировании и начать зарабатывать деньги.

Убедили, а как работает no-code?

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

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

1. Маркетолог приходит к веб-дизайнеру и просит сделать макет — постраничную визуализацию сайта. Пока это просто картинка, отрисованная в Photoshop, Figma или другом графическом редакторе.

2. Верстальщик переводит макет в HTML-код и пишет скрипты, которые оживляют проект: кнопки нажимаются, переходы работают, товар отправляется в корзину.

3. Разработчик создает административную панель для сайта. Через нее можно вносить изменения: добавлять новые страницы, обновлять контент, удалять неактуальную информацию.

4. Администратор подключает сайт к домену — уникальному адресу в интернете, и загружает на хостинг — сервер для хранения.

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

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

Например, ссылка на наш курс по диджитал-маркетингу выглядит так: skillsetter.io/cohorts/digital-marketing. А если бы мы сделали сайт на Тильде и взяли поддомен, то он мог бы выглядеть так: skillsetter.io.tilda.ws/cohorts/digital-marketing/

Таким образом, разработчики ноукод-платформ делают большую часть работы за пользователей. Им остается только доработать продукт под себя.

А где можно ноукодить?

Существуют специальные платформы для создания ноукод-продуктов. Мы собрали для вас основные инструменты для применения в разных сферах.

Конструкторы сайтов

Tilda. Конструктор предлагает сотни шаблонов для лендингов и интернет-магазинов, встроенную CRM-систему и интеграцию со сторонними сервисами. Если пользователь не нашел подходящий шаблон, можно отрисовать его самостоятельно на платформе или найти дизайнера в каталоге.

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

Notion. Это гибкий инструмент, который позволяет вести заметки, управлять задачами и собирать базы знаний. С его помощью можно собрать mood board для будущего дизайн-проекта, сделать job board для стартапа, собрать CRM или вести корпоративный блог.

Веб-приложения

Bubble. Визуальная часть продукта в нем строится по принципу drag-and-drop — пользователь вручную перетаскивает элементы, регулирует их размеры и настраивает внешний вид. К элементам можно добавить события и связать их с данными. Например, при авторизации пользователей их данные будут попадать в CRM-систему.

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

Мобильные приложения

Glide. Это платформа для сборки приложений. Базу данных здесь выполняют встроенные таблицы или Google Таблицы. В редакторе можно настраивать интерфейс и создавать пользовательские сценарии.

Adalo. Эта платформа, в отличие от Glide, позволяет размещать приложения в App Store и Google Play и настраивать пуш-уведомления. Пользователь размещает элементы на пустом экране, закрепляет за ними действия и привязывает их к данным.

Базы данных

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

А я смогу этим заниматься? Какие навыки мне нужны?

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

• Алгоритмическое мышление;

• Базовые навыки работы с таблицами;

• Умение учиться.

Рассмотрим подробнее каждый пункт.

Алгоритмическое мышление. Это умение видеть проблему в целом, решать задачу крупными блоками и раскладывать ее на детали.

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

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

1. Какая цепочка действий позволит собрать адреса?

2. Какие элементы для этого потребуются?

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

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

Базовые навыки работы с таблицами. Умение работать с таблицами в Excel, Google или Airtable пригодится для создания баз данных или CRM. На основе этих элементов работает большая часть ноукод продуктов. Например, с помощью Glide и Google Таблиц можно за несколько дней сделать аналог Airbnb или BlaBlaCar.

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

Чтобы вам было проще осваивать новый навык, мы собрали для вас статью о том, как научиться учиться. Внутри — 16 советов, которые помогут лучше запоминать информацию и проходить все курсы до конца.

Круто, а как я могу научиться ноукодить?

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

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

Ghost — форум от создателей платформы. Здесь можно стать частью сообщества разработчиков, найти ответы на вопросы или задать свои.

Notion — серия гидов и туториалов. На сайте есть фильтрация материалов по тематикам: продакт-менеджмент, проджект-менеджмент, дизайн и так далее.

Bubble Academy — туториалы, видео и интерактивные уроки. Также у площадки есть маркетплейс, где можно купить готовый шаблон или плагин для своей идеи.

Airtable Guides и Webinars — здесь можно найти руководства по использованию инструмента в разных ситуациях. Например, при планировании запуска продукта или управлении PR-кампанией.

Directual Documentation — база знаний с подробным описанием возможностей платформы и основных функций. Там же можно найти видеоуроки.

Glide: Getting Started — серия статей для начинающих разработчиков и анонсы обновлений инструмента.

Adalo Resources — статьи и видеоуроки от изучения интерфейса платформы до интеграций со сторонними сервисами.

Wordpress Webinars — тематические и ежедневные веб-семинары: от создания блога до обучения открытию интернет-магазина.

Shopify Compass — онлайн-курс о том, как создать свой интернет-магазин на платформе.

В телеграм-канале мы собрали для вас список русскоязычных сообществ по разным ноукод-платформам.
⠀
Там можно задать интересующие вас вопросы, с которыми не справились ни Google, ни техподдержка платформы.
⠀
Также можно продемонстрировать свою экспертность, отвечая на чужие вопросы — это особенно полезно для тех, кто хочет ноукодить на заказ.

Онлайн-курсы. Курсы — подходящее решение для тех, у кого нет времени для самостоятельного поиска информации.

Nucode — бесплатные подборки видеоуроков по различным ноукод-платформам.

Университет зерокодинга — онлайн-школа, которая позволит освоить навыки работы на популярных ноукод-платформах и сделать первые проекты для портфолио.

Если вас заинтересовал ноукод, но вы еще не определились с направлением, попробуйте профориентационный интенсив от Университета Зерокодинга.

Codeless.how! — онлайн-школа ноукодинга для автоматизации бизнес-процессов.

Так no-code — это про приложения или сайты?

Ноукод-разработка делится на три направления: мобильные и веб-приложения, конструкторы сайтов и автоматизация процессов. Рассмотрим подробнее каждый вариант.

Мобильные и веб-приложения. С инструментами для разработки приложений можно собрать MVP и протестировать гипотезы. Если вы продакт-менеджер или планируете запускать стартап, попробуйте погрузиться в это направление.

Конструкторы сайтов. Конструкторы сайтов позволяют собрать сайты разной сложности — от лендингов до полноценных интернет-магазинов. Это направление подойдет маркетологам и стартаперам.

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

Автоматизация процессов. С ноукодом можно настроить автоматическое заполнение баз данных или, например, следить за личными доходами и расходами. Это направление подойдет всем, кто хочет освободить время от личных и рабочих рутинных задач.

Допустим, мне понадобится no-code продукт, а времени делать его самому нет. Где найти специалиста?

Есть четыре способа найти ноукод-специалистов:

Сообщества no-code-платформ в Telegram. Ссылки на такие сообщества мы опубликовали в предыдущем блоке. Здесь вы можете найти специалиста для работы на конкретной платформе. Чтобы выбрать подходящего ноукодера, придется следить в обсуждениях, кто проявляет больше активности и показывает экспертность.

Telegram каналы с вакансиями. Можно опубликовать вакансию в каналах вроде Запили мне, зерокодер и No-code Jobs! Сервисы бесплатны как для заказчиков, так и для исполнителей.

Биржи ноукодеров. Для поиска ноукод-разработчиков за рубежом есть Codemap и Makerpad. В личных профилях указаны навыки и рейтинг, по которому можно провести сортировку.

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

Получается, no-code — это дешево, и он скоро вытеснит классическую разработку?

Не совсем — no-code быстрее и дешевле по сравнению с классической разработкой, но такие решения тоже стоят денег. Хотя в no-code development порог вхождения ниже, чем в кодинг, таким специалистам тоже нужен набор специальных навыков и знаний. И за эти компетенции нужно платить.

No-code не вытеснит классическую разработку — у продуктов, разработанных без кода, есть свои ограничения. Рассмотрим основные недостатки ноукода.

Ограничения платформ. Если вы пишете мобильное приложение с нуля, можно прикрутить к проекту какие угодно фичи. В ноукоде вы собираете продукт из готовых шаблонов. Поэтому вы ограничены функционалом платформ — например, приложение, собранное в Glide, нельзя загрузить в App Store.

Но если не удается адаптировать идею проекта под возможности платформы, есть два выхода. Первый — сменить инструмент. Например, проблему с загрузкой приложения в App Store решит Adalo.

Второй выход — собрать продукт на двух и более платформах. Так можно расширить набор фич в приложении или упростить ряд процедур.

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

• База подписчиков и ее автоматическое обновление;

• Привязка банковской карты к приложению; 

• Интеграция с платежными системами.

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

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

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

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

Давайте закрепим, в каких случаях классическое программирование лучше ноукода.

Резюмируем

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

Задуматься о ноукод-платформах стоит даже в том случае, если у вас достаточно денег. Они могут помочь вам быстрее принимать решения, тестировать идеи и быть на шаг впереди конкурентов.