Что такое Одностраничное приложение (single page application, SPA)?

Одностраничное приложение (SPA, Single Page Application) — это веб-приложение, которое загружается один раз и динамически обновляет содержимое страницы без полной перезагрузки.

---

1️⃣ Основная идея

• В обычных сайтах при каждом переходе браузер делает полный HTTP-запрос и получает новый HTML.

• В SPA: HTML, CSS и JS загружаются один раз, а данные подгружаются через API (обычно JSON) и отображаются динамически.

---

2️⃣ Принцип работы

1. Пользователь открывает страницу → загружается базовая структура HTML, JS и CSS.

2. При взаимодействии (клики, формы, переходы) JavaScript делает асинхронные запросы (AJAX/Fetch) к серверу.

3. Сервер возвращает только данные, а JS обновляет нужные части страницы.

---

3️⃣ Примеры SPA

• Gmail

• Google Maps

• Trello

• Slack (веб-версия)

---

4️⃣ Преимущества SPA

• Быстрая работа после начальной загрузки (нет полной перезагрузки страницы).

• Плавная навигация и интерактивность.

• Возможность работы офлайн с использованием Service Worker.

---

5️⃣ Недостатки SPA

• Первоначальная загрузка может быть тяжелой.

• SEO сложнее, хотя решается рендерингом на сервере (SSR).

• История браузера и переходы требуют дополнительной логики (роутинг на клиенте).

---

6️⃣ Значение для QA

• Проверка динамического обновления контента без перезагрузки.

• Проверка правильной работы API-запросов и обработки ошибок.

• Тестирование навигации, состояния истории и кнопок «Назад/Вперед».

• Тестирование производительности и загрузки страницы.