LowC0de
Назад к блогу
17 мар. 2024 г.
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

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

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

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

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

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

2. Официальные определения

  • Low-code: платформы, позволяющие создавать приложения визуально, минимизируя код, но предоставляющие возможность его кастомизации при необходимости.14
  • 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 — вы работаете в логике редактора;
  • Не нужно писать JS/HTML вручную;
  • Всё строится визуально, из блоков.

⚡ 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 позволяли работать визуально, но давали доступ к коду для профессионалов — именно так работает современный low-code.
  • Хотя генерируемый код часто был «грязный», для многих задач это работало.
  • Эти инструменты сформировали культуру визуальной веб-разработки, которая через CMS и SaaS-конструкторы превратилась в современные no/low-code платформы.

5. Вывод

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

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

Footnotes

  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. Bubble — No-Code Platform History (2012). Wikipedia. https://en.wikipedia.org/wiki/Bubble_(programming_language) ↩

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

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

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

  15. Heuschkel S. The impact of no-code on digital product development. arXiv (2023). https://arxiv.org/abs/2307.16717 ↩

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