Что такое HTTP запрос

Пример GET-запроса через Fetch API для получения данных пользователя:
```javascript

fetch('https://api.example.com/users/1')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Ошибка:', error));

### Пример 2

```javascript
Пример POST-запроса для отправки данных на сервер:
```javascript

fetch('https://api.example.com/users', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({ name: 'John', age: 30 })
})
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Ошибка:', error));

### Пример 3

```javascript
Пример обработки ошибок при HTTP-запросе:
```javascript

fetch('https://api.example.com/invalid-url')
  .then(response => {
    if (!response.ok) {
      throw new Error(`HTTP error! status: ${response.status}`);
    }
    return response.json();
  })
  .catch(error => console.error('Ошибка:', error));

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

- Игнорирование обработки ошибок. Кандидаты часто забывают проверять статус ответа (response.ok или response.status), что может привести к незамеченным проблемам.
- Путаница между методами PUT и PATCH. PUT заменяет весь ресурс, а PATCH — только его часть. Например, PUT требует отправки всех полей, даже если изменяется одно.

## Связанные темы

- CORS (Cross-Origin Resource Sharing) — механизм, ограничивающий HTTP-запросы между разными доменами.
- HTTP/2 и HTTP/3 — современные версии протокола, улучшающие производительность за счет мультиплексирования и других оптимизаций.
- RESTful API — архитектурный стиль, основанный на HTTP-запросах для взаимодействия с сервером.

## Follow-up вопросы

### Какие HTTP методы вы знаете и в чем их различие?

Уровень: basic

Основные HTTP методы: GET (запрос данных), POST (отправка данных), PUT (полное обновление ресурса), PATCH (частичное обновление), DELETE (удаление ресурса). GET и HEAD — безопасные (не изменяют данные), POST, PUT, PATCH, DELETE — изменяют состояние сервера.

### Что такое CORS и как он связан с HTTP-запросами?

Уровень: intermediate

CORS (Cross-Origin Resource Sharing) — механизм, разрешающий или запрещающий跨域-запросы (с других доменов). Сервер указывает в заголовках (например, Access-Control-Allow-Origin), какие источники могут обращаться к ресурсу. Браузер блокирует запросы без корректных CORS-заголовков.

### Как работают условные HTTP-заголовки (например, If-Modified-Since)?

Уровень: intermediate

Условные заголовки (If-Modified-Since, If-None-Match) позволяют клиенту проверить, изменился ли ресурс на сервере. Если нет, сервер возвращает статус 304 (Not Modified), и браузер использует кэшированную версию. Это оптимизирует трафик и ускоряет загрузку.

### Чем отличается HTTP/1.1 от HTTP/2?

Уровень: advanced

HTTP/2 вводит мультиплексирование (параллельная передача данных в одном соединении), сжатие заголовков HPACK и приоритизацию запросов. Это уменьшает задержки по сравнению с HTTP/1.1, где запросы обрабатываются последовательно (head-of-line blocking).

### Как можно оптимизировать количество HTTP-запросов в веб-приложении?

Уровень: intermediate

Использовать объединение ресурсов (bundling), кэширование (Cache-Control, ETag), спрайты для изображений, ленивую загрузку (lazy load) и переход на HTTP/2. Это сокращает количество запросов и ускоряет загрузку страницы.