Марина Александровна

Автор статей по блокчейну, криптовалюте, безопасности и общим темам Не нравится кодить или просто не получается, но очень хочется? Или нужно быстро собрать и протестировать MVP? Попробуй no-code и low-code программирование.

Ноу и лоу

Что такое код? Это тысячи строк команд, понятных только разработчикам. Открыв любую страницу в браузере и нажав F12 – ты увидишь ее структуру. Это классическая разработка, где код пишется с нуля.

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

А лоу-код представляет собой смесь классического программирования и no-code. Одна часть будущего сайта или приложения состоит из готовых блоков, а другая – из кода. Можно выделить три главных различия:

1. Для ноу-кода навыки программирования не требуются, а для лоу – нужна хотя бы база.
2. В отличие от no-code, лоу более гибок и универсален.
3. Скорость разработки: лоу медленнее ноу-кода, но быстрее классического программирования, а следовательно, и дешевле.

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

Больше полезных материалов вы найдете на нашем телеграм-канале «Библиотека программиста» Интересно, перейти к каналу

Кому и зачем нужен no-code?

На первый вопрос ответить несложно – no-code пригодится и предпринимателям, и дизайнерам, и продакт-менеджерам. Это удел не только программистов. А о его применении немного подробнее.

MVP (minimum viable product)

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

Тестирование вариаций

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

Пет-проект

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

Маркетинг и не только

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

Новая профессия

Если понравится – можно стать ноукод-разработчиком. За пару месяцев можно освоить навык и начать зарабатывать. Штатным сотрудником в компании ты вряд ли станешь, но выполнять заказы на фрилансе – вполне реально (о карьере в конце статьи).

Инструментарий

Все no-code-инструменты можно поделить на три категории: конструкторы, приложения и базы данных.

Конструкторы

Самый популярный – Тильда. Даже если ты ничего не знаешь о ноу-кодинге, то об этом конструкторе ты точно слышал. 550+ шаблонов для создания сайта, внутренняя CRM-система и совместимость со сторонними приложениями.

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

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

Приложения

Bubble (англ.) – веб-инструмент, работающий на базе drag-and-drop (перетащи и брось). Элементы можно двигать, менять их размер, цвет и другие тонкие настройки. К этим «пузырькам» можно подключить CRM и другие системы. А Directual (англ.) позволяет настроить не только фронтенд, но и бэкенд-разработку. Платформа больше подойдет для тех, кто хоть немного умеет кодить.

Glide подходит для верстки приложений. Базой данных здесь выступают таблицы. В отличие от него, Adalo дает возможность разместить готовые мобильные приложения на сервисах App Store и Google Play. Оба приложения на английском языке.

Базы данных

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

Это далеко не полный список инструментов. Мы упомянули только те, что на слуху. Если что-то упустили – пишите в комментариях 🙂

Достоинства и недостатки no-code

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

Положительные стороны

• для гуманитария: не нужно разбираться в программировании, чтобы создать простой сайт на no-code-платформе. Два-три ролика на Ютубе и ты уже разобрался в инструменте. Берешь пустой экран, размещаешь элементы, настраиваешь действия, интегрируешь базу данных и готово;
• фича за фичей: работая с ноу-кодом, не нужна целая команда разработчиков. Ты сам себе программист, ты выполняешь все роли. Чтобы внести правки не нужен подряд из дизайнера, фронтенда и бэкенда. И времени уходит немного, и платформы всегда обновлены до последней версии, и бюджет требуется минимальный;
• скорость верстки: от идеи приложения до его реализации действительно уходит не так много времени, как в классическом программирования. И итог получается не хуже. В среднем на мобильное приложение уходит около двух недель.

Отрицательные стороны

• дешево только в начале: увы, но это так. Стандартная практика – вроде бы все бесплатно, и элементов полно, и все так просто. Но потом хочется какой-нибудь крутой кастомизатор или плагин – плати. И ништяки, и разработчики на таких платформах стоят немало;
• я сам: если отказаться от помощи разраба, то придется стать на все руки мастером. За несколько дней нужно освоить базу дизайна и бэкенда. И время, которое можно было потратить на рекламу продукта или поиск инвесторов, будет потрачено на техническую часть;
• сервисная миграция: выбирай платформу, которая позволит «выгрузить» код в формате CSV, JSON или SQL. Это позволит тебе легко сменить стек в будущем. Например, в том же Bubble доступен формат JSON.

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

Скилы

Стоит понимать, что ноу-кодинг – это не дизайн и не разработка. Это специфическое направление, требующее свой перечень навыков:

• нужно разбираться в логике сайта и работе всех его «деталек» – без этого далеко не уедешь. В ноу-коде свои особенности, которые отличают его от разработки;
• умение работать в Figma: на no-code-платформах вроде Тильды или Readymag нет функционала для создания сложных красивых иконок или необычного фона для мобильного приложения. Их нужно импортировать из другого сервиса или программы. Тут и пригодится Фигма. В ней же можно собрать и макет, если лендинг или апп создается с нуля;
• работа с таблицами: неважно, Эксель или ГуглТаблицы, но для баз данных вроде CRM – это необходимо;
• желание учиться: изучать ноу-кодинг самостоятельно – не такое уж и просто дело. Даже пройдя обучение, на практике будет возникать куча вопросов, ответы на которые придется искать самостоятельно.

Где учиться бесплатно?

Лайфхак Яндекс Браузер переводит видеокурсы с Coursera. Примечание Некоторые курсы на Coursera доступны только через VPN.

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

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

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

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

Создание мобильного приложения с помощью Google Sheets на Glide (Coursera): ты узнаешь, как создать мобильное приложение таблицы Google с помощью Glide – веб-приложения, созданного бывшими инженерами Microsoft для упрощения разработки приложений. Узнаешь, как создать структуру данных для приложения, опираясь на Google Sheets, как протестировать приложение, распространить его и установить.

Пару слов о карьере

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

Второй шаг – онлайн-курсы. Если совсем не хочется тратиться, то попробуй бесплатные ресурсы. После обучения снова обратись к рынку – какие сервисы и решения сейчас в цене? «Запили» парочку шаблонных проектов в свое портфолио, попробуй разные возможности и лайфхаки. Если есть возможность – бери небольшие заказы для стартапов.

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

Видео по теме

• No code. Программирование без кода. Что вы можете сделать уже сегодня не умея программировать.

• Мое мнение о No-Code и Low-Code. Для чего используется и заменит ли разработчиков?

***

Материалы по теме

• 🛠 Лучшие инструменты No-Code для разработчиков в 2021 году
• 🛠 7 лучших платформ Low и No-Code для разработки бизнес-приложений