🛠 Программирование без кода: немного о no-code и low-code разработке
Не нравится кодить или просто не получается, но очень хочется? Или нужно быстро собрать и протестировать MVP? Попробуй no-code и low-code программирование.
Ноу и лоу
Что такое код? Это тысячи строк команд, понятных только разработчикам. Открыв любую страницу в браузере и нажав F12 – ты увидишь ее структуру. Это классическая разработка, где код пишется с нуля.
Ноу-код устроен иначе и напоминает конструктор (его также называют zero-code). Пользователю все равно, какой язык используется – он просто собирает свой сайт по «деталькам». Можно использовать готовый шаблон или дать волю вдохновению – выбрать красивые кнопки, шрифты и необходимые элементы для сайта или мобильного приложения.
А лоу-код представляет собой смесь классического программирования и no-code. Одна часть будущего сайта или приложения состоит из готовых блоков, а другая – из кода. Можно выделить три главных различия:
- Для ноу-кода навыки программирования не требуются, а для лоу – нужна хотя бы база.
- В отличие от no-code, лоу более гибок и универсален.
- Скорость разработки: лоу медленнее ноу-кода, но быстрее классического программирования, а следовательно, и дешевле.
Иногда лоу и ноу практически неделимы: порой лоу-инструменты, о которых мы поговорим ниже, называют себя 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 – это необходимо;
- желание учиться: изучать ноу-кодинг самостоятельно – не такое уж и просто дело. Даже пройдя обучение, на практике будет возникать куча вопросов, ответы на которые придется искать самостоятельно.
Где учиться бесплатно?
Если ты дочитал до этого места и желание изучить ноу-кодинг не погасло – рекомендуем список бесплатных онлайн-курсов.
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. Для чего используется и заменит ли разработчиков?