Программирование без кода: обзор инструментов
Разработка без кода – форма визуального программирования, где пользователи манипулируют элементами кода, перетаскивая их в специальном интерфейсе. Популярный пример – язык MIT Media Lab Scratch, который использует графические блоки для обучения детей и взрослых программированию. Портал Spectrum изучил еще несколько инструментов, позволяющих разрабатывать ПО, не написав ни строчки кода.
С чего все начиналось
История разработки без кода началась в 90-х годах с инструментов автоматизированной разработки программного обеспечения (computer-aided software engineering – CASE), таких, как Microsoft Visual Basic и Adobe Dreamweaver. Но хотя они и считаются ранними версиями no-code инструментов, работа с ними все же требовала навыка программирования, а автоматизация касалась только определенных действий в жизненном цикле разработки.
Современное состояние
Сегодня существует множество различных инструментов для разработки без кода. К ним относятся:
Даже Google в этом году продвинулся в этом направлении и приобрел платформу для создания мобильных приложений без кода AppSheet.
Эти инструменты и приложения, созданные с их помощью, набирают популярность в мире технологий. Согласно исследованию Gartner, к 2024 году разработка приложений с низким содержанием кода займет 65% деятельности по разработке приложений, при этом три четверти крупных предприятий используют как минимум четыре подобных средства.
Среда для программирования виртуального агента в Microsoft Visual Basic
Что за этим стоит
Разработка без кода решает проблему растущего спроса на создание большего количества программного обеспечения, и ограниченного предложения от программистов, которые могут его создавать. Влад Магдалин, соучредитель и генеральный директор Webflow, говорит: «Очень ценно уметь создавать программное обеспечение с помощью кода. Но программирование – это сложный навык. Инструменты без кода освоить гораздо легче по сравнению с получением степени по информатике или прохождением курсов по программированию».
Помимо упрощения обучения и входа в профессию, no-code платформы обеспечивают быструю разработку приложений, что может привести к снижению затрат для бизнеса. Программное обеспечение предназначено для достижения определенной цели, решения определенной проблемы. А с инструментами визуальной разработки мы можем достичь цели, не передавая проект программисту. Это также решает проблему несоответствия нашего видения продукта с тем, как инженер-программист воплощает это видение в жизнь посредством кода.
Но, пожалуй, самое важное преимущество отсутствия кода в том, что разработка программного обеспечения стала более доступной. «Мы движемся в мир, где люди, которые лучше всего понимают ситуацию в бизнесе или те, кто больше всего взаимодействует с клиентами, смогут создавать продукт сами», – говорит Эммануэль Страшнов, соучредитель платформы Bubble. «Учитывая, что технологии – это центральная часть нашей жизни, как можно больше людей должны иметь возможность их создавать».
Не все так гладко
Тем не менее, программирование без кода все еще не является универсальным решением. Эти инструменты не будут иметь такой же точности и не будут предлагать столько же возможностей, сколько может обеспечить классическое программирование. Поскольку это более высокий уровень абстракции, он будет в некоторых отношениях ограничен.
Платформы без кода не предназначены для замены разработчиков. Влад Магдалин говорит: «То, что кодирование автоматизировано, не означает, что инженер-программист больше не пригодится. У каждого бизнеса будет что-то уникальное, что не может быть решено с без кода. Для исключений, которые не поддерживаются этими визуальными инструментами, вам все еще будут нужны разработчики».
В любом случае, разработка без кода становится естественной частью экосистемы программного обеспечения, и все больше компаний переходят на платформы без кода, а инженеры-программисты расширяют эти платформы, чтобы сделать их более мощными.
No-code
Для создания сложных приложений не нужны большие денежные затраты, толпа разработчиков или много времени.
Тренд стремительно развивается и постоянно появляется множество новых приложений, как на Product Hunt, так и по упоминаниям в Твиттере! Это действительно захватывающе.
Тренд «без кода» подразумевает не только создание новых стартапов или предприятий, но и автоматизацию рабочего цикла, улучшение бизнес-процессов и все то, что помогает вам в работе и развитии.
Давайте посмотрим правде в глаза, научиться программировать сложно! Теперь вам не нужно писать код, чтобы выстроить успешный бизнес.
Мы подобрали 20 лучших инструментов без кода, которые мы использовали для Cenario и других наших сторонних проектов и бизнесов.
1. Bubble
Если кодирование никогда не было вашей сильной стороной (или же вы просто никогда в жизни не программировали), то это то приложение, которое вы ждали.
Bubble облегчает вам жизнь, позволяя создавать удивительные приложения без лишних хлопот. Он помогает вам создавать приложения без необходимости изучать языки программирования или учиться кодить вообще.
Вы можете делать сложные приложения с множеством функций, без единой строчки кода или скриптинга.
Функция перетаскивания мышью позволяет быстро втянуться и не только увидеть мгновенные результаты, но и получить навык работы с другими конструкторами сайтов и посадочных страниц (пусть даже и более продвинутыми).
Это отличный вариант, если вы всегда хотели создать приложение или новый стартап, но не можете позволить себе платить разработчику или не хотите ждать несколько месяцев до запуска.
На самом деле, вы даже можете создать приложения вроде Facebook, Twitter, Quora и многие другие с уроками Bubble. Настоятельно рекомендуем проверить этот ресурс!
2. Glide
Да, теперь вы можете создавать приложения всего за 5 минут прямо из Google Sheets!
Glide поможет вам создать мобильное приложение менее чем за 5 минут. Как? Оно строится на базе Google Sheets бесплатно (до тех пор, пока вам не понадобятся более продвинутые функции).
Опыта в программировании не требуется.
Таким образом, если у вас есть бизнес или вы знаете бизнес, которому нужно приложение, то вы можете создать его очень быстро с помощью руководства.
У них есть несколько отличных шаблонов и примеров на сайте.
3. Adalo
Adalo — потрясающий продукт, который вам обязательно нужно опробовать.
Вы можете создавать полнофункциональные приложения в кратчайшие сроки, не прибегая к программированию!
Хотя он может показаться похожим на Glide, Adalo больше ориентирован на визуальной составляющей функции перетаскивания, так чтобы пользователи могли сразу видеть то, что они создают в режиме реального времени.
У них есть несколько очень хороших инструкций по созданию игр без кода, которые можно посмотреть, чтобы изучить и понять полный потенциал Adalo.
4. Voiceflow
Если вы хотите создать приложение с голосовым управлением, вам нужно попробовать Voiceflow. Voiceflow позволяет разрабатывать приложения для Amazon Alexa и Google Assistant, что делает их доступными для всех.
Продукт имеет простой интерфейс и позволяет легко перетаскивать блоки, что поможет вам быстро создавать голосовые приложения с минимальными затратами — и никакого кода.
Видео-уроки просто потрясающие!
5. Thunkable
Как известно, разработка приложения требует тщательного планирования и надлежащего исполнения. Обычно говорят, что изучение языков программирования — единственный способ создать функциональное мобильное приложение.
С Thunkable можно забыть об этом предубеждении.
Теперь вы можете легко создавать свои мобильные приложения с помощью этого инструмента. Оно позволяет просто перетаскивать элементы и разрабатывать сложные функции. Если у вас есть идеи, которые вы хотите быстро протестировать на потенциальных пользователях, вы можете использовать этот инструмент для их реализации.
Это классное приложение, хотя и не имеет хороших инструкций для эффективного использования инструмента и, что более важно, использования его для быстрого создания продуктов. Тем не менее, у него большой потенциал.
6. Carrd
Мы в Cenario большие поклонники Carrd.
Carrd — отличный вариант для предпринимателей, так как он позволяет систематически и легко создавать одностраничные сайты. Он имеет простой интерфейс, который позволяет настраивать и создавать одностраничные сайты в кратчайшие сроки.
Для этого инструмента доступно множество шаблонов, которые вы можете легко изменять в соответствии с вашими предпочтениями.
Вы можете использовать Carrd для создания трех сайтов бесплатно, после чего вы можете выбрать тарифный план от 19 долларов в год.
🛠 Лучшие инструменты No-Code для разработчиков в 2021 году
Перевод публикуется с сокращениями, автор оригинальной статьи Edidiong Asikpo.
Теперь вы можете выпускать любой вид диджитал-продукции, используя правильные инструменты без кода. Даже если вы знаете, как писать код, эти инструменты помогут вам стать более продуктивным.
Webflow
Webflow – это мощный, веб-ориентированный инструмент, дающий сверхспособности для проектирования, создания и запуска адаптивных веб-сайтов без написания строк кода.
Вместо того чтобы набрасывать эскизы и составлять проекты, а затем кодировать их в реальный продукт, вы используете другой подход с Webflow. С озданные с помощью Webflow сайты работают на Amazon Cloudfront, хостятся на Fastly и не требуют внешних плагинов.
С помощью Webflow вы можете:
Стоимость
В Webflow включен один бесплатный и четыре платных пакета, перечисленных ниже:
BuildBox
Вы когда-нибудь думали, что можно создавать захватывающие игры без программирования? Сообщаем вам, что это так!
Это первый в мире софт, который позволяет любому разрабатывать крутые игры, независимо от технических навыков. Благодаря уникальному пользовательскому интерфейсу создание игр становится планомерным и не требует опыта написания сценариев или программирования.
Как можно использовать Buildbox:
Стоимость
В Buildbox включен один бесплатный и два платных пакета, перечисленных ниже:
Hashnode
Блоггинг позволяет разработчику делиться своими техническими знаниями и опытом с сообществом, а еще помогает укреплять знания по описываемой теме.
Hashnode позволяет разработчику бесплатно создать блог с кастомным доменом и учеткой. Вам нужно сосредоточиться только на публикации статей, в то время как Hashnode позаботится обо всем остальном – настройке, читательской аудитории, видимости, монетизации и т. д.
С помощью Hashnode вы:
Стоимость
Hashnode навсегда бесплатен для разработчиков. Тем не менее, планируется запуск платного уровня для бизнеса.
Bubble
Bubble позволяет создавать интерактивные многопользовательские приложения для настольных и мобильных веб-браузеров, включая все функции, необходимые для создания сайта, вроде Facebook или Airbnb.
Традиционные веб-приложения требуют управления кодом и настройки процесса развертывания на веб-сервере, а Bubble управляет развертыванием и хостингом за вас. Самое главное, что здесь нет жестких ограничений по количеству пользователей, объему трафика и хранению данных.
Вот несколько вариантов использования Bubble:
Стоимость
В Bubble включен один бесплатный и три платных пакета, перечисленных ниже:
Coda – это универсальный продукт, объединяющий всю вашу работу и данные в одну гибкую «поверхность».
Благодаря Coda у вас больше не будет несвязанной сети документов, электронных таблиц, БД и приложений для рабочих процессов, потому что все будет унифицировано и объединено в одном месте. Coda поставляется со строительными блоками, такими как таблицы и кнопки, а также экономящими время шаблонами, чтобы документация могла расти и развиваться в соответствии с потребностями команды.
Вот несколько способов использования Coda:
Стоимость
В Coda включен один бесплатный и три платных пакета, перечисленных ниже:
Gumroad
Gumroad позволяет начать продавать цифровые продукты за считанные секунды. Сервис также дает доступ к большому списку инструментов, которые помогут взаимодействовать с аудиторией.
Вы можете персонализировать целевую страницу, встроить форму отслеживания, добавить оформление заказа, а также получить доступ к данным об использовании вашего продукта.
С помощью Gumroad можно:
Стоимость
Notion
Notion – инструмент, который поможет организовать работу и настроить ее в соответствии со всеми вашими потребностями. Кроме того, сервис предлагает много шаблонов на выбор.
Вот несколько вариантов использования Notion:
Стоимость
В Notion включен один бесплатный и три платных пакета, перечисленных ниже:
Voiceflow
Voiceflow предоставляет ресурсы, необходимые для разработки, прототипирования и запуска голосовых и чат-ботов без использования программирования.
Его шустрый и визуальный drag-n-drop-холст позволяет использовать компоненты, надежные модели контекста, экспорт моделей взаимодействия и многое другое.
С помощью Voiceflow вы можете:
Стоимость
В Voiceflow включен один бесплатный и два платных пакета, перечисленных ниже:
Bumpa
Bumpa – это универсальный магазин для всего, что нужно разработчику или владельцу, чтобы продавать онлайн и управлять своим бизнесом. С помощью этого инструмента можно соединить веб-сайт с продуктами менее чем за 5 минут.
Bumpa позволяет журналировать продажи с сайта, физического магазина, различных маркетплейсов и даже из социальных сетей. Этот инструмент no-code выделяется простотой настройки, а также возможностями управления как онлайн, так и офлайн-системами.
С помощью Bumpa вы можете:
Стоимость
Zapier
Благодаря Zapier вы можете автоматически выполнять большую часть ежедневной работы.
Он помогает подключать приложения и перемещать информацию между ними, сосредоточиться на важных нюансах, а не на выполнении повторяющихся задач. Zapier дает больше времени для построения отношений и развития команды, тестирования новых стратегий и наслаждения любимой работой.
С помощью Zapier вы можете:
Стоимость
В Zapier включен один бесплатный и четыре платных пакета, перечисленных ниже:
Shopify
Он помогает вывести бизнес в Интернет, создавая сайты e-commerce с мощными инструментами в бекенде, которые помогают находить клиентов, стимулировать продажи и управлять повседневной деятельностью. Продукт не ограничивается продажами только онлайн-продуктов, как большинство платформ. Вы можете продавать везде – лично в торговой точке, через сайт, через социальные сети и маркетплейсы.
С помощью Shopify вы можете:
Стоимость
Cardd
С помощью Cardd вы можете:
Стоимость
В Cardd включен один бесплатный и три платных пакета, перечисленных ниже:
Airtable
Airtable – это облачная служба для совместной работы с базами данных и электронными таблицами
Поля в таблице Airtable похожи на ячейки в электронной таблице, но имеют такие типы, как чекбокс, номер телефона, раскрывающийся список, изображение и т. д. Пользователи могут создавать базу данных, настраивать типы столбцов, добавлять и сортировать записи и даже публиковать полученные вьюшки на внешних ресурсах.
Независимо от того, нужно ли вам организовать календарь результатов проекта, составить список клиентов или создать любой другой тип информации, Airtable упростит создание и совместную работу.
С помощью Airtable вы можете:
Стоимость
В Airtable включен один бесплатный и три платных пакета, перечисленных ниже:
IFTTT
С помощью IFTTT вы можете:
Стоимость
В Airtable включен один бесплатный и четыре платных пакета, перечисленных ниже:
Заключение
В эпоху, когда спрос на ПО намного превышает количество программистов, инструменты no-code помогают людям быстро разрабатывать и веб-сайты и другие продукты.
Арун Сайгал, соучредитель и генеральный директор Thunkable.
Обратите внимание на рассмотренные выше инструменты, если не для полного перехода на no-code, то для получения дополнительного опыта и повышения квалификации. Удачи в обучении!
10 стыдных вопросов о no-code
Разработка сайтов и приложений требует времени и денег. Если вы ограничены в ресурсах и не умеете кодить, вам поможет no-code.
No-code можно сравнить с доставкой наборов для приготовления ужина. Вам привезут все ингредиенты, только вместо нарезанных овощей и замаринованного мяса — шаблонные блоки с готовым кодом.
В этой статье мы ответим на 10 вопросов о ноукоде, которые возникают у новичков. Вы узнаете, как создавать цифровые продукты без знания языков программирования и чем полезен этот навык при запуске и продвижении продуктов. В конце дадим подборку полезных ресурсов для изучения no-code.
Рекомендуем прочитать наши статьи из этой серии:
Также у нас есть дайджест по профессии продакт-менеджера. Там собраны и разбиты на группы все наши материалы по профессии: общие статьи для новичков, подробные гайды по навыкам, карьерные материалы, подборки, советы.
Что такое этот ваш 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.
Задание
Выберите верное утверждение о low-code.
А зачем мне разбираться в no-code, если я не программист?
No-code полезен не только программистам, но и маркетологам, продакт-менеджерам и предпринимателям. Рассмотрим подробнее примеры ситуаций, в которых можно использовать ноукод.
Сделать MVP. 42% стартапов оказываются убыточными, так как на них нет спроса. Чтобы не оказаться в такой же ситуации, можно быстро и без помощи разработчиков создать MVP и проверить жизнеспособность идеи.
Например, вы хотите запустить платформу с подпиской на экстремальные развлечения. Можно собрать лендинг и настроить таргетированную рекламу. Если вы наберете достаточно регистраций, то есть смысл работать над стартапом дальше.
Протестировать гипотезу. При разработке и продвижении продукта появляется много идей, как улучшить метрики — добавить фичу, сделать новый сайт, таргетироваться на новую аудиторию. Чтобы не слить ресурсы безрезультатно, нужно тестировать гипотезы.
Допустим, вы хотите провести A/B-тестирование двух вариантов сайта. На разработку с нуля уйдет много времени и денег. Вы можете воспользоваться конструктором, а после теста отдать в разработку более эффективный вариант.
Сделать пет-проект. Ноукод поможет сделать проект для личного пользования или кейс для портфолио. Например, вы можете сделать планировщик задач под свои потребности и показать его будущему работодателю.
Упростить разработку. Использование готовых решений в одном продукте освободит время для работы над другим. Программисты смогут разработать уникальные фичи, которые принесут компании прибыль.
Например, обычный сайт с фильмами ничем не выделится среди сотен конкурентов, а онлайн-кинотеатр с алгоритмом персональных рекомендаций привлечет платежеспособную аудиторию.
Оптимизировать маркетинговые отчеты. При продвижении продукта через несколько рекламных каналов бывает сложно собрать статистику в одном месте и сравнить эффективность. Ноукод-платформы позволяют автоматически получать данные из рекламных кабинетов, формировать отчеты в PDF-формате и публиковать их в корпоративном мессенджере с заданной периодичностью.
Например, вы можете настроить инструменты так, чтобы каждый понедельник в девять утра в Slack появлялся пост с отчетом по таргету в Facebook. Так все стейкхолдеры будут в курсе эффективности рекламы и смогут дать обратную связь.
Стать ноукод-разработчиком. No-code developer — это отдельная профессия. За два-три месяца вы сможете освоить новый востребованный навык даже без опыта в программировании и начать зарабатывать деньги.
Убедили, а как работает no-code?
Чтобы сделать ноукод-продукт, нужно собрать из готовых элементов то, что будет видеть конечный пользователь. Но работа сайта или приложения невозможна без кода — значит, за вас его уже написали.
Чтобы лучше понять, как работает no-code, давайте разберем процесс классической разработки продукта на примере сайта.
1. Маркетолог приходит к веб-дизайнеру и просит сделать макет — постраничную визуализацию сайта. Пока это просто картинка, отрисованная в Photoshop, Figma или другом графическом редакторе.
2. Верстальщик переводит макет в HTML-код и пишет скрипты, которые оживляют проект: кнопки нажимаются, переходы работают, товар отправляется в корзину.
3. Разработчик создает административную панель для сайта. Через нее можно вносить изменения: добавлять новые страницы, обновлять контент, удалять неактуальную информацию.
4. Администратор подключает сайт к домену — уникальному адресу в интернете, и загружает на хостинг — сервер для хранения.
При разработке сайта на ноукод-платформе пользователю не нужно отрисовывать страницы в сторонних редакторах — эту работу выполнили дизайнеры. Переводить макеты в код и программировать скрипты тоже не надо — они уже загружены и готовы к использованию.
Администрирование сайта проводится через кабинет на самой платформе, хостинг тоже предоставляется. Пользователь может купить домен или воспользоваться бесплатным поддоменом ноукод-платформы.
Таким образом, разработчики ноукод-платформ делают большую часть работы за пользователей. Им остается только доработать продукт под себя.
А где можно ноукодить?
Существуют специальные платформы для создания ноукод-продуктов. Мы собрали для вас основные инструменты для применения в разных сферах.
Конструкторы сайтов
Tilda. Конструктор предлагает сотни шаблонов для лендингов и интернет-магазинов, встроенную CRM-систему и интеграцию со сторонними сервисами. Если пользователь не нашел подходящий шаблон, можно отрисовать его самостоятельно на платформе или найти дизайнера в каталоге.
Ghost. Это платформа для создания блогов, в которой можно выбрать готовый шаблон или разработать свой дизайн. У Ghost открыт API и доступны интеграции со сторонними сервисами, например, с системами платежей.
Notion. Это гибкий инструмент, который позволяет вести заметки, управлять задачами и собирать базы знаний. С его помощью можно собрать mood board для будущего дизайн-проекта, сделать job board для стартапа, собрать CRM или вести корпоративный блог.
Веб-приложения
Directual. Это решение позволяет настроить не только внешний вид, но и бэкенд. Пользователь перетаскивает цветные кубики и создает все части IT-системы: интеграцию, хранение данных, логику обработки событий и пользовательские интерфейсы.
Мобильные приложения
Glide. Это платформа для сборки приложений. Базу данных здесь выполняют встроенные таблицы или Google Таблицы. В редакторе можно настраивать интерфейс и создавать пользовательские сценарии.
Adalo. Эта платформа, в отличие от Glide, позволяет размещать приложения в App Store и Google Play и настраивать пуш-уведомления. Пользователь размещает элементы на пустом экране, закрепляет за ними действия и привязывает их к данным.
Базы данных
Airtable. Этот сервис выступает как база данных, на основе которой другие платформы собирают приложения. Также с его помощью можно формировать автоматические отчеты по рекламным кампаниям.
