Назад к блогу
6 мин. чтения

No-code vs Low-code: хайп, маркетинг или технологические термины?

История, определения, классификация инструментов и честный разбор

Введение

  • Термины no-code и low-code сегодня на слуху: от рекламы курсов, блогов и конференций до вакансий и стартапов.

  • Но действительно ли за ними стоит технологическая эволюция, или это просто маркетинговая шумиха?

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


1. Эволюция: от WYSIWYG 1990-х до no/low-code 2020-х

1995–2000: первые WYSIWYG-редакторы

  • В 1996 году вышел Microsoft FrontPage 1.1 — один из первых WYSIWYG HTML-редакторов, позволявших создавать сайты визуально, без прямого кодирования.1
  • В 1997 появились Netscape Composer (часть Netscape Communicator) и Adobe Dreamweaver 1.0 — визуальные редакторы с поддержкой CSS, давшие возможность пользователям без навыков программирования создавать и публиковать веб-страницы.23
  • В 1998 в финальный релиз вышел Claris Home Page4

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

2000-е: рост CMS и переход в облако

  • Появление WordPress (2003) дало мощный инструмент для создания сайтов и блогов без знаний кода для пользователей и возможность кастомизации для разработчиков.5
  • Рост CMS и хостинговых решений — смещение от локальных HTML-редакторов к облачным платформам.
  • Но настоящий взрыв no-code/low-code случился с приходом SaaS-конструкторов.

2006–2022: SaaS-революция и формализация терминов

Этот период — переломный. No-code перестал быть просто «конструктором сайтов» и превратился в экосистему инструментов:

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

  • 2006: Wix — один из первых массовых drag-and-drop конструкторов, популяризировавший идею «сайт за вечер без кода».6
  • 2009: Squarespace — премиум-конструктор с акцентом на дизайн, показавший, что no-code может быть профессиональным.7
  • 2013: Webflow — первый настоящий low-code инструмент для дизайнеров и верстальщиков с визуальным контролем над HTML/CSS структурой.8
  • 2014: Tilda — блочный редактор с акцентом на типографику, важный для русскоязычного рынка.9
  • 2022: Framer Sites — визуальный конструктор с Figma-подобным интерфейсом, соединяющий дизайн и публикацию в одном инструменте.10
  • 2025: Figma Sites — Figma расширяет продуктовую линейку и запускает свой билдер сайтов!11

No-code для приложений и автоматизации:

  • 2012: Bubble — первая серьезная платформа для создания веб-приложений (не только сайтов) полностью без кода. Показала: можно строить SaaS, не написав ни строчки.12
  • 2012: Zapier — автоматизация рабочих процессов и интеграций визуально, без программирования. Расширил понятие no-code за рамки веб-дизайна.13

Формализация:

  • В 2014 году аналитическая компания Forrester Research официально ввела термин Low-code для платформ, уменьшающих объём ручного кодирования.14

К началу 2020-х сформировалась целая индустрия: от простых лендингов до сложных веб-приложений и автоматизаций — всё это стало доступно без традиционного программирования.


2. Определения

  • Low-code: платформы, позволяющие создавать приложения визуально, минимизируя код, но предоставляющие возможность его кастомизации при необходимости.15
  • No-code: подкатегория low-code, ориентированная на пользователей без навыков программирования — полностью визуальное создание интерфейсов и логики.15
  • Современные платформы (веб-конструкторы, CMS, автоматизаторы) часто позиционируют себя в этих категориях, но важно смотреть на уровень абстракции и требуемые знания.

3. Классификация современных инструментов

🎨 No-code — визуально, без знаний HTML/CSS/JS

Подходит тем, кто хочет быстро и просто:

  • Веб-сайты и лендинги: Wix, Tilda, Squarespace, drag-and-drop CMS / сайт-билдеры.
  • Автоматизация и интеграции: Zapier, визуальные no-code инструменты для рабочих процессов и простых бэкендов.

Когда инструмент считать no-code:

  • Не нужно знать, что такое box-model, flex, grid — вы работаете в логике редактора;
  • Не нужно писать код вручную;
  • Всё строится визуально, из блоков.

⚡ Low-code — визуально + понимаешь структуру + можно кастомизировать

Подходит дизайнерам, верстальщикам и всем, кто хочет контроль + гибкость:

  • Веб: Webflow, Framer, Webstudio, продвинутые билд-решения на WordPress (например, Bricks, Oxygen).
  • Backend & интеграции: визуальные конструкторы API/логики, self-hosted инструменты вроде n8n.

Что даёт low-code:

  • Контроль над HTML/CSS структурой;
  • Возможность кастомного кода (JS, API, backend-скрипты);
  • Более качественный и гибкий результат, чем у чистого no-code.

Примечание о Framer: в базовом режиме (без Code Components на React) работает как no-code инструмент, но с доступом к кастомному коду становится low-code решением.


4. Почему WYSIWYG-редакторы 1990-х — это прообраз low-code

  • Они положили фундамент идеи: «сайт можно собрать руками, не зная HTML».
  • FrontPage и Dreamweaver позволяли работать визуально, но давали доступ к коду для профессионалов.
  • Хотя генерируемый код мог быть не самым оптимальным, для многих задач это работало.
  • Эти инструменты дали старт визуальной веб-разработки, которая через CMS и SaaS-конструкторы превратилась в современные no/low-code платформы.

5. Вывод

  • No-code — это про максимальную простоту и доступность: быстро, визуально, без знаний технологий.
  • Low-code — это про контроль, гибкость и профессионализм: визуальный интерфейс + возможность «заглянуть под капот».
  • Истоки лежат в 1990-х (FrontPage, Dreamweaver, визуальные HTML-редакторы), но как технологическая категория no/low-code оформились только в 2010-х.

No-code и Low-code — не хайп, а часть исторического и технологического пути веб-разработки.

Ссылки

  1. Microsoft FrontPage 1.1 — WYSIWYG website editor (1995). Web Design Museum. https://www.webdesignmuseum.org/software/microsoft-frontpage-1-1-in-1996

  2. Netscape Composer — WYSIWYG HTML editor included in Netscape Communicator (1997). Wikipedia. https://en.wikipedia.org/wiki/Netscape_Composer

  3. Adobe Dreamweaver 1.0 — first major visual web editor (1997). Web design history sources. https://www.webdesignmuseum.org/old-software/html-editors

  4. Claris Home Page — early WYSIWYG HTML editor (1996–1998). Wikipedia. https://en.wikipedia.org/wiki/Claris_Home_Page

  5. WordPress — History and Development (2003). Wikipedia. https://en.wikipedia.org/wiki/WordPress

  6. Wix.com — Company History (2006). Wikipedia. https://en.wikipedia.org/wiki/Wix.com

  7. Squarespace — Company History (2004). Wikipedia. https://en.wikipedia.org/wiki/Squarespace

  8. Webflow — Visual Web Development Platform (2013). Y Combinator. https://www.ycombinator.com/companies/webflow

  9. Tilda Publishing. Where is Tilda website builder located? https://tilda.cc/en/answers/a/tilda-location

  10. Framer Sites — No-Code Website Builder Launch (2022). Framer Updates. https://www.framer.com/updates/framer-sites-launch

  11. Publish your designs on the web with Figma Sites. https://www.figma.com/blog/introducing-figma-sites/

  12. Bubble — No-Code Platform History (2012). Wikipedia. https://en.wikipedia.org/wiki/Bubble_(programming_language)

  13. Zapier — Company History and Timeline (2012). Wikipedia. https://en.wikipedia.org/wiki/Zapier

  14. Forrester. New Development Platforms Emerge For Customer-Facing Applications https://www.forrester.com/report/New-Development-Platforms-Emerge-For-CustomerFacing-Applications/RES113411

  15. IJERT. Low-Code/No-Code Platforms: From Concept to Creation (2023). https://www.ijert.org/low-code-no-code-platforms-from-concept-to-creation 2