Путеводитель по терминам, которые встречаются в профессии каждый день
Когда вы только начинаете путь в веб-разработке, самая сложная часть даже не код — а огромное количество новых слов, сокращений и терминов, которые вы встречаете впервые. Кто-то говорит «сверстай макет», кто-то «загрузи в админку», кто-то «проверь в девтулзах», и для новичков всё это звучит как иностранный язык.
Чтобы помочь вам ориентироваться в этой среде, я собрал простой и понятный словарик веб-разработчика. Это не академические определения, взятые из словаря, а мои собственные объяснения простым языком.
Основные понятия разработки:
Сайт — интернет-ресурс: форум, блог, магазин, лендинг или любое другое веб-приложение.
Браузер — программа для просмотра сайтов, их редактирования и отправки данных в интернет (Chrome, Firefox, Safari).
Дизайн — процесс проектирования внешнего вида сайта. На практике — набор макетов из Figma или Photoshop с логикой переходов и взаимодействий.
Техническое задание (ТЗ) — документ, где описана структура, логика, цели и функциональность сайта. По сути — инструкция для разработчика.
Frontend — часть сайта, которую видит пользователь (HTML, CSS, JavaScript).
Backend — серверная часть сайта: логика, базы данных, API, авторизация.
Full-stack — разработчик, который работает и с фронтом, и с бэком.
Язык программирования — инструмент для написания логики сайта (JavaScript, Python, PHP, TypeScript).
База данных (БД) — место хранения информации сайта (MySQL, PostgreSQL, MongoDB).
Модуль — часть кода, выполняющая отдельную функцию, которую можно переиспользовать.
Макеты, шаблоны и визуальная часть:
Макет — визуальное представление будущей страницы, созданное дизайнером (обычно в Figma).
Шаблон — готовая HTML-страница (или набор файлов), куда подключается дизайн, стили и программная логика.
Движок (engine) — программная часть сайта, его “мозг”, который соединяет контент с шаблонами и управляет всей логикой работы.
CMS — система управления контентом. Позволяет редактировать сайт без знания кода.
Контент — всё содержимое сайта: тексты, картинки, видео, музыка, файлы.
Скрипты — фрагменты программного кода (на JavaScript, PHP и т.д.), которые выполняют конкретное действие.
Где находится сайт и как он становится доступен в интернете:
Сервер / Хостинг — место, где физически хранятся файлы сайта.
Домен — имя сайта в интернете.
Админка (back office) — закрытая часть сайта, где администратор управляет контентом, пользователями и настройками.
Счётчик / аналитика — система, которая собирает статистику сайта: посещаемость, время на странице, источники трафика (Google Analytics, Yandex.Metrica).
FTP / SSH — протоколы для подключения к серверу:
FTP — передача файлов,
SSH — управление через консоль.
Вёрстка:
HTML (HyperText Markup Language) — язык разметки, создаёт структуру страницы: заголовки, текст, ссылки, кнопки.
CSS (Cascading Style Sheets) — язык стилей, определяет внешний вид страницы: цвета, размеры, шрифты, сетку.
Блок — самостоятельная часть страницы. Из блоков собирается вся структура сайта.
Теги — элементы HTML (например, <div>, <h1>, <a>), которые задают смысл и структуру контента.
Header (шапка) — верхняя часть сайта, где обычно находятся логотип, меню, поиск и контакты.
Footer (подвал) — нижняя часть сайта, где размещают копирайты, контакты и дублируют навигацию.
Grid / Flexbox — современные инструменты CSS для построения адаптивной сетки страницы.
Media queries — CSS-правила, которые делают сайт адаптивным для разных устройств.
Дизайн:
Figma — популярный инструмент для создания интерфейсов и макетов сайтов.
PSD — формат файлов Photoshop.
Как общаются сайты и сервисы:
API (Application Programming Interface) — способ связи между сайтами или сервисами. Позволяет, например, получить погоду, новости или курс валют.
JSON — формат обмена данными между клиентом и сервером, простой и читаемый.
AJAX — технология, позволяющая обновлять данные на странице без её перезагрузки.
Лог (log) — файл, где хранятся записи о действиях и ошибках сайта.
Инструменты разработки:
Фреймворк (framework) — готовый набор инструментов и шаблонов для быстрой разработки.
Деплой (deploy) — публикация сайта в интернете, процесс загрузки проекта на сервер.
Git — система контроля версий, которая сохраняет историю изменений кода.
GitHub / GitLab — платформы для хранения и совместной работы над кодом.
Надеюсь, этот словарь поможет чувствовать себя увереннее в среде, где много новых слов и процессов.
По мере обучения эти термины перестанут быть чем-то «пугающим» — и станут частью вашей ежедневной работы.