Получить доступ

Что происходит, когда вы вводите адрес сайта в браузере?

JuniorКлиент-сервер и веб
Ещё спрашивают так:
  • Как устроена клиент-серверная архитектура?
  • Чем фронтенд отличается от бэкенда?
  • Что такое DNS?
Коротко

Браузер находит IP через DNS, устанавливает соединение (TCP, TLS для HTTPS), отправляет HTTP-запрос, сервер возвращает ответ, браузер отрисовывает страницу и догружает ресурсы.

  • Клиент (браузер, приложение) показывает интерфейс, сервер хранит данные и логику
  • Фронтенд — то, что выполняется у клиента; бэкенд — на сервере

А ещё Тестировщику важно понимать, на чьей стороне ошибка — это видно в DevTools

Так подсказку видит пользователь sotto на живом собеседовании — за пару секунд, пока вы думаете вслух.

Подробно

По шагам:

  1. DNS. Браузер узнаёт IP-адрес сервера по имени домена: сначала в своём кэше, затем у DNS-серверов.
  2. Соединение. Устанавливается TCP-соединение; для HTTPS — ещё и TLS-рукопожатие с проверкой сертификата и шифрованием.
  3. HTTP-запрос. Браузер отправляет запрос: метод (GET), путь, заголовки, cookies.
  4. Обработка на сервере. Веб-сервер передаёт запрос приложению, оно обращается к базе, другим сервисам и формирует ответ.
  5. HTTP-ответ. Код статуса (200, 404, 500), заголовки и тело — HTML, JSON, картинка.
  6. Отрисовка. Браузер разбирает HTML, загружает CSS, JavaScript и картинки отдельными запросами, выполняет скрипты, которые часто делают новые запросы к API.

Клиент-серверная архитектура разделяет роли: клиент показывает интерфейс и отправляет запросы, сервер хранит данные и выполняет бизнес-логику. Фронтенд и бэкенд — части приложения на стороне клиента и сервера соответственно.

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

Что хотят услышать

  • Цепочка: DNS, соединение, запрос, обработка, ответ, отрисовка.
  • Роли клиента и сервера.
  • Как это помогает понять, на чьей стороне баг.

Частые ошибки

  • Пропустить DNS или HTTPS.
  • Не понимать, что страница — это много запросов, а не один.

Что спросят дальше

Связанные вопросы

Закрытая бета

Подсказки на собеседовании — в реальном времени

sotto слышит вопрос интервьюера и показывает короткий ответ и план, как в блоке «Коротко». Оставьте контакт — пришлём доступ и промокод.

  • Промокод на 2 часа — сверх пробных 30 минут
  • Программа для Windows — скачать сразу, войти — через Яндекс ID или VK ID
  • Прямая связь с разработчиком: что улучшить — сделаем