🌐 Основы это про «что проверять». — далее про то как устроен веб и где искать баги.

1️⃣ Клиент-серверная архитектура

🖥 Клиент — то, что видит пользователь (браузер, приложение) 🗄 Сервер — то, что обрабатывает запросы и хранит данные 🔗 API — прослойка, через которую они общаются

Простыми словами: клиент просит → сервер отвечает → клиент показывает.

2️⃣ HTTP и HTTPS

📨 HTTP — протокол передачи данных 🔐 HTTPS — тот же HTTP, но с шифрованием

Методы: ▪️ GET — получить данные ▪️ POST — создать ▪️ PUT / PATCH — обновить ▪️ DELETE — удалить

Коды ответов: ✅ 2xx — успех ↩️ 3xx — редирект ⚠️ 4xx — ошибка клиента (404, 403) 💥 5xx — ошибка сервера (500)

3️⃣ Кросс-браузерное и кросс-платформенное тестирование

🌍 Проверяем, что продукт одинаково работает в: ▪️ Chrome, Firefox, Safari, Edge ▪️ Windows, macOS, Linux ▪️ На разных разрешениях экрана

4️⃣ Адаптивность и вёрстка

📐 Проверяем, как вёрстка ведёт себя на: ▪️ Телефоне 📱 ▪️ Планшете 📲 ▪️ Десктопе 💻

Частые баги: наезжающие блоки, обрезанный текст, «поехавшие» кнопки.

5️⃣ Работа с баг-трекером (YouTrack)

🎫 Жизненный цикл бага: Open → In Progress → Fixed → Verified → Closed

Плюс статусы: Reopened, Won't Fix, Duplicate.

6️⃣ Инструменты спринта

🛠 DevTools — вкладка Network (запросы, статусы, время ответа) 📋 YouTrack — ведение багов 🔍 Расширения для кросс-браузерки

💡 Главная мысль: баг может жить не в коде, а в окружении — браузере, разрешении, платформе. Хороший тестировщик это учитывает.