Разница простыми словами: фронтенд — всё, что видно в браузере, бэкенд — всё, что происходит на сервере, фулстек — и то и другое сразу. Дальше разберём, как это выглядит в работе, какой стек учить первым и как выбрать сторону за один вечер.

Разница на примере одного заказа пиццы

Вы открываете сайт доставки, кладёте пиццу в корзину, жмёте «Оплатить».

• Frontend нарисовал карточку товара, пересчитал сумму на экране, показал спиннер после нажатия кнопки и вывел ошибку, если карта не прошла.
• Backend проверил, что пиццерия работает, списал деньги через платёжный шлюз, создал заказ в базе, отправил задание на кухню и письмо вам на почту.
• Full-stack сделал и то и другое, потому что в команде было два разработчика на весь продукт.

Пользователь видит только работу фронтендера. Но если бэкенд лежит, кнопка «Оплатить» бесполезна.

Frontend: лицо продукта

Чем занят фронтендер в рабочий день

• вёрстка макета из Figma так, чтобы всё сходилось и на телефоне, и на 27-дюймовом мониторе;
• интерактив: фильтры, модальные окна, бесконечная прокрутка, валидация форм;
• запросы к API и обработка ошибок — экран «сервер не ответил» тоже ваша зона;
• скорость загрузки и доступность: контраст, alt-тексты, навигация с клавиатуры.

Стек на старте

• HTML и CSS — база без вариантов: Flexbox, Grid, адаптивность.
• JavaScript — основной язык. DOM, асинхронность, fetch.
• Git — подключайте с первого же пет-проекта, а не «когда-нибудь потом».
• Один фреймворк: React (больше всего вакансий), Vue (мягче вход), Angular (крупные корпоративные проекты).

Типичная ошибка — учить React, Vue и Angular параллельно. Работодателю нужен один инструмент, но уверенно.

Кому подойдёт

Тем, кто хочет видеть результат в тот же вечер: поменял строку — картинка изменилась. Сюда часто переходят дизайнеры и верстальщики, потому что глаз уже натренирован. Если вы ещё колеблетесь между дизайном, аналитикой и кодом, сначала пройдите пошаговый разбор выбора профессии в digital — сэкономите месяц метаний.

Backend: логика, данные и ответственность

Чем занят бэкендер

• проектирует базу данных: какие таблицы, какие связи, где индексы;
• пишет API, которым потом пользуется фронтенд и мобильное приложение;
• отвечает за безопасность: хеширование паролей, права доступа, защита от SQL-инъекций;
• подключает внешние сервисы: платёжки, СМС, CRM, почтовые рассылки;
• держит нагрузку: кэш, очереди, фоновые задачи, логи.

Стек на старте

• Python (Django, FastAPI) — самый мягкий вход, много учебных материалов.
• JavaScript / Node.js — логичный выбор, если JS уже знаком.
• Java (Spring) и C# (.NET) — крупные компании и стабильные зарплаты, но учиться дольше.
• PHP (Laravel) — много живых проектов на поддержке и меньше конкуренции среди джунов.
• Поверх любого варианта: SQL, HTTP, Linux, Docker. Без них на собеседование идти рано.

SQL спрашивают почти всегда. Задача уровня «выведи топ-5 клиентов по сумме заказов за месяц» отсеивает половину кандидатов.

Кому подойдёт

Тем, кому интересно, почему запрос выполняется 4 секунды вместо 40 миллисекунд. Результат тут не картинка, а цифра в логах и стабильный сервис. Работа спокойнее по визуалу, но выше по цене ошибки: баг во фронтенде — съехала кнопка, баг в бэкенде — потерянные платежи.

Full-stack: универсал для маленьких команд

Плюсы:

• видите продукт целиком и не ждёте, пока «фронт доделает»;
• можете дотащить свою идею до релиза в одиночку;
• ценны в стартапах, агентствах и на фрилансе, где один человек закрывает весь цикл.

Минусы:

• вдвое больше материала на старте, учёба растягивается;
• легко застрять на уровне «умею всё по верхам»;
• вакансий «junior full-stack» в крупных компаниях почти нет — там нужны узкие роли.

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

Тест из 4 вопросов

1. Что приятнее: увидеть готовый экран сегодня или неделю собирать логику без картинок?
2. Что вас раздражает сильнее: съехавший на 2 пикселя блок или медленный ответ сервера?
3. Как относитесь к таблицам, схемам и цифрам — с интересом или с усталостью?
4. Кем себя видите: человеком, который делает удобно пользователю, или тем, кто держит систему на плечах?

Больше ответов из первой половины вопросов — начинайте с frontend. Больше из второй — backend. Ровно пополам — берите full-stack старт и определитесь через 2-3 месяца практики.

Сроки и порог входа: честные ориентиры

Цифры ниже — при 15-20 часах учёбы в неделю и регулярной практике, а не при просмотре видео в метро.

• Frontend: первая свёрстанная страница — один вечер; портфолио из трёх проектов — 3-4 месяца; первые отклики на junior — 6-9 месяцев.
• Backend: первое рабочее API — неделя; уверенный junior — 8-12 месяцев, потому что добавляются SQL, Linux и Docker.
• Full-stack: 10-14 месяцев до состояния, когда можно брать заказы на небольшие сайты и сервисы целиком.

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

Путь новичка: 5 шагов

1. База. Один язык, один фреймворк, Git, английский на уровне чтения документации.
2. Пет-проекты. Три штуки с реальной задачей, а не клон чужого туториала. Где искать идеи и как оформить кейсы — в материале про портфолио без опыта работы.
3. Стажировка или фриланс. Даже неоплачиваемая задача для знакомого бизнеса даёт то, чего нет в курсах: правки, дедлайны, чужой код.
4. Junior. Работа в команде, код-ревью, чтение легаси. Тут навыки растут быстрее всего.
5. Middle → Senior. Специализация, архитектура, ответственность за решения.

Ошибки, которые тормозят старт

• Марафон туториалов. Пять курсов подряд без своего кода дают ощущение знаний, но не навык.
• Смена языка каждые два месяца. Python, потом Go, потом Rust — в итоге нигде не глубже базы.
• Прыжок через основы. React без понимания JS и Django без SQL разваливаются на первой нестандартной задаче.
• Проекты «в стол». Код без публичного репозитория и деплоя работодатель не увидит.
• Учёба в изоляции. Без чужого ревью ошибки закрепляются в привычку.

Что сделать сегодня

Выберите одну сторону на 30 дней и напишите маленький проект целиком: фронтендеру — страницу с фильтрами и запросом к публичному API, бэкендеру — сервис с регистрацией и парой эндпоинтов. Через месяц практики вы поймёте про себя больше, чем из любого сравнения профессий.