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 розсилки або програми.

Ще всі говорять про low-code. Чим вони відрізняються?

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

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

Low-code більш гнучкий у створенні нових функцій і доповнень, ніж no-code, оскільки він обмежений бібліотеками готових елементів. Якщо на платформі немає потрібної фічі, ви можете налаштувати її самостійно.

На створення low-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. Адміністратор підключає сайт до домену - унікальну адресу в інтернеті, та завантажує на хостинг - сервер для зберігання.

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

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

Таким чином, розробники ноукод-платформ роблять більшу частину роботи за користувачів. Їм залишається лише доопрацювати продукт під себе.

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

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

Конструктори сайтів

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 онлайн-курс про те, як створити свій інтернет-магазин на платформі.

Спільноти в Telegram. У чатах ноукодерів можна поставити питання, з якими не впоралися ні Google, ні техпідтримка платформи.

Також можна продемонструвати свою експертність, відповідаючи на чужі питання – це особливо корисно для тих, хто хоче ноукодити на замовлення.

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

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

Nucode - Безкоштовні добірки відеоуроків з різних ноукод-платформ.

Так no-code – це про програми чи сайти?

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

Мобільні та веб-додатки. З інструментами для розробки програм можна зібрати MVP і протестувати гіпотези. Якщо ви продакт-менеджер або плануєте запускати стартап, спробуйте зануритись у цей напрямок.

Конструктори веб-сайтів. Конструктори сайтів дозволяють зібрати сайти різної складності – від лендингів до повноцінних інтернет-магазинів. Цей напрямок підійде маркетологам та стартаперам.

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

Автоматизація процесів. З ноукодом можна налаштувати автоматичне заповнення баз даних або, наприклад, стежити за особистими доходами та витратами. Цей напрямок підійде всім, хто хоче звільнити час від особистих та робочих рутинних завдань.

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

Є чотири способи знайти ноукод-фахівців:

Спільноти no-code-платформ у Telegram. Посилання на спільноти Notion, Glide, Adalo, Airtable та Bubble ми опублікували у попередньому блоці. Тут ви можете знайти спеціаліста для роботи на конкретній платформі. Щоб вибрати відповідного ноукодера, доведеться стежити в обговореннях, хто виявляє більше активності та показує експертність.

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

Біржі ноукодерів.

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

Студія ноукодингу. На сайті NoCodeList доступна база студій із сортуванням за спеціалізацією. Цей спосіб хороший тим, що можна отримати комплексні послуги та укласти офіційний договір.

Виходить, no-code – це дешево, і він незабаром витіснить класичну розробку?

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

Але no-code класичну розробку не витіснить — продукти, розроблені без коду, мають свої обмеження. Розглянемо основні недоліки ноукоду.

Обмеження платформ. Якщо ви пишете мобільний додаток з нуля, можна прикрутити до проекту будь-які фічі. У ноукоді ви збираєте продукт із готових шаблонів. Тому ви обмежені функціоналом платформ - наприклад, програму, зібрану в Glide, не можна завантажити в App Store.

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

Другий вихід – зібрати продукт на двох та більше платформах. Так можна розширити набір фіч у додатку або спростити низку процедур.

Уявіть, що ви робите програму з онлайн-курсами, доступну лише за передплатою. Для цього потрібний набір функцій:

• База передплатників та її автоматичне оновлення;

• Прив'язка банківської картки до програми;

• Інтеграція із платіжними системами.

Один із варіантів розв'язання цієї проблеми — поєднати Integromat і GetCouse. В Integromat запускається ланцюжок додавання нових користувачів до бази та зміни статусу оплати, а через GetCourse можна інтегрувати програму із системами платежів та підключити автоплатежі.

Низька масштабованість. Ноукод підходить для приватних рішень - наприклад, для автоматизації одного процесу в конкретному відділі. Але ви не зможете розширити функції та навантаження продукту так, щоб він працював на всю організацію. Для кожного процесу доведеться розробити своє ноукод-рішення.

Збереження даних. Інтеграція зі сторонніми сервісами може призвести до того, що дані не зберігатимуться або зберігатимуться без чіткої структури. Тому варто звернутися до low-code або класичної розробки, якщо проект працює з великим масивом даних.

Безпека даних. Вихідний код недоступний, тому не можна перевірити систему на можливість витоку конфіденційної інформації. Якщо дані потраплять до рук шахраїв, ваші користувачі можуть постраждати та звинуватити вас.

Закріпімо, у яких випадках класичне програмування краще за ноукод.

Завдання

Резюмуємо

У минулому напівфабрикати вважалися нездоровим харчуванням - люди воліли готувати домашню їжу. Зараз швидка їжа може бути одночасно корисною та смачною. Так і з no-code – розробка без коду може закрити частину потреб у продукті та заощадити ресурси.

Задуматись про ноукод-платформи варто навіть у тому випадку, якщо у вас достатньо грошей. Вони можуть допомогти вам швидше приймати рішення, тестувати ідеї та бути на крок попереду конів.