Глоссарий веб-разработки: термины, которые встретятся заказчику

При работе с профессиональным подрядчиком вполне можно обойтись без знания специфичных терминов, потому что специалист всегда донесёт информацию максимально ясно, объяснит все термины и ответит на все уточняющие вопросы. Но если есть желание самому чуть глубже разобраться в теме, сэкономить время на погружение в будущем или уберечься от подрядчика, который пытается засыпать вас баззвордами, то ниже будет список терминов, который покроет практически все аспекты современной разработки.

Разработка

Frontend

Клиентская часть приложения, с которой взаимодействует пользователь.

Backend

Серверная часть приложения, которая обрабатывает запросы от клиента, работает с базами данных и выполняет бизнес-логику.

Fullstack

Создание и клиентской, и серверной частей приложений. Часто применяется к разработчику, который этим занимается.

Сервер

Компьютер, который постоянно подключён к интернету и отдаёт сайт или приложение пользователям по их запросу.

База данных

Хранилище, в котором приложение держит информацию в упорядоченном виде: товары, заказы, пользователей, тексты статей.

API (Application Programming Interface)

Набор правил, по которым приложения или его части могут общаться между собой.

CMS (Content Management System)

Система управления контентом, позволяющая создавать, редактировать и публиковать материалы на сайте без программирования.

CRM (Customer Relationship Management)

Система управления отношениями с клиентами. Она собирает всю историю общения с покупателями, хранит контакты в единой базе, ведёт сделки по этапам продаж и помогает автоматизировать работу сотрудников.

Интеграция

Соединение приложения с другим сервисом для обмена данными: CRM, 1С, платёжной системой, службой доставки.

Кэш

Временное хранилище копий данных, благодаря которому сайт открывается быстрее при повторном заходе. Просьба «почистить кэш» означает удалить эти копии, чтобы увидеть свежую версию сайта.

Куки (cookies)

Маленькие файлы, которые веб-сайт сохраняет на устройстве пользователя. Они нужны, чтобы сайт помнил пользователя: его настройки, вход в аккаунт или товары в корзине.

Лендинг

Одностраничный сайт, посвящённый одному продукту или предложению. Его задача — довести посетителя до целевого действия: заявки, звонка или покупки.

PoC (Proof of Concept)

Пробный проект, который показывает, что идея может работать на практике.

MVP (Minimum Viable Product)

Ранняя тестовая версия приложения, которая обладает лишь базовым набором функций, достаточным для проверки идеи. Следующий шаг после PoC.

Процесс работы

Бриф

Анкета или интервью, с которого начинается проект: заказчик рассказывает о бизнесе, целях и пожеланиях, а студия на основе этого готовит предложение.

ТЗ (техническое задание)

Документ, в котором подробно описано, что именно нужно сделать: функции, дизайн, сроки и критерии готовности. Чем точнее ТЗ, тем ближе результат к ожиданиям.

NDA (Non-Disclosure Agreement)

Соглашение о неразглашении: договор, по которому стороны обязуются не раскрывать конфиденциальную информацию о проекте. Частая причина, по которой подрядчик не может показать кейс или назвать клиента.

Agile

Гибкий подход к разработке, при котором проект делается небольшими этапами, а результат каждого этапа показывают заказчику.

Спринт

Короткий рабочий этап в Agile (обычно 1–2 недели), по итогам которого команда показывает готовую часть проекта.

Тестирование (QA, Quality Assurance)

Проверка сайта или приложения на ошибки до того, как их увидят пользователи.

Баг

Ошибка в работе сайта или приложения: что-то отображается или работает не так, как задумано.

Стейджинг (staging)

Тестовая копия сайта, недоступная обычным посетителям: на ней проверяют новые функции и правки перед публикацией на основном сайте.

Деплой

Публикация новой версии сайта или приложения на сервере, после которой изменения становятся доступны пользователям.

Релиз

Выпуск готового продукта или крупного обновления для пользователей.

Бас-фактор (bus factor)

Число людей, потеря которых останавливает проект (буквально — «сколько человек должен сбить автобус»). Бас-фактор, равный единице, означает, что всё держится на одном человеке: он заболел или пропал — работа встала.

Инструменты и технологии

JavaScript

Главный язык программирования для веба, который делает сайты живыми и интерактивными.

PHP

Язык программирования, созданный специально для создания веб-сайтов и работы на сервере.

Библиотека

Набор готового кода для типовых задач, который разработчики подключают, чтобы не писать всё с нуля.

Фреймворк

Каркас для разработки: набор готовых решений и правил, которые задают структуру проекта и ускоряют работу.

React / Vue.js

Популярные JavaScript-инструменты для создания пользовательских интерфейсов.

Laravel

PHP-фреймворк, созданный для разработки веб-сайтов и приложений.

HTML

Язык разметки, который определяет структуру и каркас любой веб-страницы в интернете.

CSS

Язык описания внешнего вида веб-страниц. Он определяет цвета, шрифты, размеры, отступы и расположение элементов, создавая визуальный дизайн сайта поверх структуры HTML.

SSR (Server-Side Rendering)

Метод отрисовки веб-страницы на сервере, а не в браузере. Чтобы пользователь не смотрел на пустую страницу, ожидая, пока загрузится веб-приложение, файлы JavaScript или CSS, сервер отдаёт ему сгенерированный HTML. Кроме того, готовую страницу проще считывают поисковики, что помогает SEO.

Git

Система контроля версий, которая отслеживает изменения в коде и позволяет командам эффективно сотрудничать.

SQL

Язык программирования, который используют для создания, поиска, изменения и управления данными в базах данных.

Нейросети и ИИ

RAG (Retrieval-Augmented Generation)

Подход, при котором нейросеть отвечает не «из головы», а по подключённой базе знаний: сначала находит подходящие материалы, потом формулирует ответ на их основе. Благодаря этому чат-бот отвечает по вашим документам и меньше фантазирует.

AGI (Artificial General Intelligence)

Гипотетический «общий» искусственный интеллект, способный решать любые интеллектуальные задачи на уровне человека или лучше. Пока не существует, но термин активно используется в новостях и маркетинге.

Дизайн

Вёрстка

Превращение макета дизайна в код, чтобы страница выглядела в браузере так, как задумал дизайнер.

Адаптивная вёрстка

Подход к созданию сайтов, при котором дизайн автоматически подстраивается под размер экрана устройства.

Брейкпоинт

Ширина экрана, при которой макет сайта или приложения меняется, чтобы страница выглядела удобно на смартфонах, планшетах или компьютерах.

UI (User Interface)

Визуальная часть продукта, с которой взаимодействует пользователь. UI-дизайн включает выбор цветов, типографики, иконок и создание общего визуального стиля.

UX (User Experience)

Совокупность впечатлений пользователя от взаимодействия с продуктом. UX-дизайн фокусируется на удобстве, эффективности и удовлетворённости пользователя.

Wireframe

Схематичный макет страницы, показывающий расположение элементов без детальной проработки дизайна. Wireframe фокусируется на структуре и функциональности.

Mockup

Статичный высокодетализированный макет дизайна, показывающий, как будет выглядеть готовый продукт. В отличие от wireframe, mockup включает цвета, шрифты, изображения и другие визуальные элементы.

Прототип

Интерактивная модель сайта или приложения, позволяющая протестировать пользовательские сценарии до разработки.

Figma

Инструмент для создания интерфейсов и прототипов.

UI-кит

Полный набор готовых графических элементов и компонентов (кнопок, иконок, полей ввода, меню), оформленных в едином стиле.

Дизайн-система

Глобальная экосистема, которая включает в себя UI-кит как составную часть, а также правила, принципы бренда, код, философию и документацию по использованию этих элементов.

i18n

Сокращение (нумероним) слова «интернационализация» (internationalization): число 18 означает количество букв между первой буквой i и последней буквой n в английском слове. Это технический термин, который обозначает подготовку сайта или программы к работе на разных языках и с учётом местных правил.

l10n

Перевод текста и адаптация под культуру конкретной страны (от слова localization).

a11y

Доступность для людей с ограниченными возможностями (от слова accessibility).

User Flow

Наглядный сценарий, который показывает путь человека на сайте или в приложении от входа до выполнения определённой задачи.

CJM (Customer Journey Map)

Подробная карта пути клиента: от момента, когда у него формируется потребность в продукте, до покупки и написания отзыва.

SEO и продвижение

SEO (Search Engine Optimization)

Комплекс мер по оптимизации сайта для улучшения его позиций в результатах поиска Google, Яндекс и других поисковых систем.

Индексация

Процесс сканирования и добавления страниц сайта в базу данных поисковой системы.

Мета-теги

HTML-элементы, содержащие метаданные о странице для поисковых систем и браузеров.

ЧПУ (человекопонятный URL)

Адрес страницы, который читается человеком: site.ru/catalog/noutbuki вместо site.ru/?p=123. Помогает пользователю понимать, где он находится, а поисковикам — о чём страница.

Микроразметка

Служебные пометки в коде страницы (обычно по стандарту schema.org), которые объясняют поисковикам, что именно на ней находится: товар, цена, отзыв, статья. Благодаря ей в выдаче появляются расширенные сниппеты — с ценой, рейтингом, наличием.

Ключевые слова

Слова и фразы, которые люди вводят в поисковике. Сайт оптимизируют под них, чтобы он появлялся в результатах поиска по нужным запросам.

Трафик

Поток посетителей сайта. Измеряется количеством визитов за период.

Органический трафик

Посетители, которые пришли на сайт из результатов поиска, а не по рекламе.

LCP (Largest Contentful Paint)

Метрика, измеряющая время, за которое загружается самый большой видимый элемент на странице. Одна из метрик Core Web Vitals, по которым Google оценивает скорость сайта; влияет на SEO и конверсию.

CTR (Click-Through Rate)

Показатель кликабельности в интернет-маркетинге. Измеряется в процентах и показывает, какая доля людей, увидевших рекламу или ссылку, нажала на неё.

Маркетинг

Конверсия

Отношение числа посетителей, совершивших целевое действие, к общему числу посетителей сайта. Измеряется в процентах.

Лидогенерация

Процесс привлечения и сбора контактов потенциальных клиентов (лидов), заинтересованных в продукте или услуге.

Воронка

Путь клиента от первого знакомства с товаром до покупки.

A/B-тестирование

Метод сравнения двух версий веб-страницы для определения, какая из них лучше конвертирует.

CTA (Call to Action)

Элемент на сайте, побуждающий пользователя совершить целевое действие: купить, подписаться, позвонить, скачать и т. д.

Контент-маркетинг

Стратегия привлечения и удержания аудитории путём создания и распространения ценного, релевантного контента.

Перфоманс-маркетинг

Вид рекламы, где бизнес платит не за сам факт показа баннера или ролика, а за конкретные и измеримые действия людей: клики, заявки, скачивания приложений или покупки.

SMM (Social Media Marketing)

Продвижение бренда и продуктов через социальные сети.

Ретаргетинг

Рекламный инструмент, который показывает объявления людям, уже заходившим на сайт, в приложение или взаимодействовавшим с брендом в соцсетях.

UTM-метки

Параметры в URL, которые позволяют отслеживать источники трафика и эффективность рекламных кампаний.

Инфраструктура

Хостинг

Услуга по размещению файлов сайта на сервере, подключённом к интернету.

IP-адрес

Уникальный цифровой адрес сервера, на котором находится сайт.

Домен

Уникальное имя сайта в интернете (например, example.com), указывает на IP-адрес.

DNS

«Телефонная книга» интернета: система, которая превращает понятное имя сайта (домен) в цифровой IP-адрес сервера.

URL

Адрес конкретной страницы в интернете. То, что отображается в адресной строке браузера.

SSL-сертификат

Цифровой паспорт сайта, который шифрует все данные между пользовательским устройством и сервером.

HTTPS

Защищённый протокол связи, использующий шифрование для безопасной передачи данных. Требует SSL-сертификат для настройки.

CDN (Content Delivery Network)

Сеть серверов, распределённых по всему миру, которая ускоряет загрузку статических файлов сайта, таких как изображения.

SLA (Service Level Agreement)

Соглашение об уровне предоставления услуги, которое заключается между заказчиком и поставщиком сервиса. В нём чётко прописываются правила работы, перечень задач, а также измеримые показатели качества и скорости, например время ответа техподдержки или процент доступности сайта/сервера.

Бэкап

Страховочная копия важных файлов, документов, настроек или целой системы.

Аптайм

Время непрерывной работы компьютера, сервера, сайта или сети без выключения, перезагрузки или сбоев. Этот показатель измеряют в часах работы или в процентах за месяц или год.