Терміни веброзробки і QA — простими словами.
Слова, які ви почуєте від розробників і тестувальників, з короткими поясненнями: що це, навіщо воно власнику сайту і де про це почитати детальніше.
Аутстаф
Модель співпраці, коли спеціаліст підрядника працює у вашій команді за вашими процесами, а ви платите за його час. На відміну від аутсорсу, задачі ставите ви, а не підрядник. Виділений спеціаліст
Баг-репорт
Опис знайденої помилки: що зробили, що очікували побачити, що сталося насправді, на якому пристрої і браузері, з якою пріоритетністю. Хороший баг-репорт розробник відтворює з першої спроби, без уточнень у чаті. Приклад баг-репорту і тест-кейсу
Код-рев'ю
Перевірка коду іншим розробником перед тим, як зміни потраплять у робочу версію. Ловить помилки, вразливості й рішення, які потім дорого підтримувати. Технічний аудит коду
Кросбраузерне тестування
Перевірка, що сайт однаково працює в різних браузерах і на різних пристроях: Chrome, Safari, Firefox, iPhone, Android. Особливо важливо для мобільного Safari, де найчастіше ламаються форми й оплата. Ручне тестування сайтів
Прототип
Схема сторінок без фінального дизайну: які блоки, в якому порядку, куди веде кожна кнопка. Дешевий спосіб домовитися про структуру до того, як малювати дизайн і писати код. UI/UX дизайн
Регресійне тестування (регрес)
Повторна перевірка того, що вже працювало, після кожної зміни. Нова функція не повинна ламати стару: саме регрес ловить такі «побічні» баги перед релізом. Ручне тестування перед релізом
Тест-кейс
Покроковий сценарій перевірки однієї функції з очікуваним результатом. Набір тест-кейсів дає змогу перевіряти сайт однаково щоразу, а не «на око».
Тех-лід
Технічний керівник проєкту: обирає архітектуру, робить код-рев'ю, оцінює задачі й ризики, відповідає за якість. Може працювати в команді постійно або на годину для консультації. Tech Lead на аутсорс
Технічний борг
Накопичені швидкі рішення в коді, які колись заощадили час, а тепер сповільнюють розробку і породжують баги. Як фінансовий борг: якщо не «повертати», відсотки ростуть. Що таке технічний аудит коду
Checkout
Етап оформлення замовлення в інтернет-магазині: кошик, контактні дані, доставка, оплата і підтвердження. Саме тут магазин втрачає найбільше грошей через баги, бо помилка блокує вже готову покупку. Чому губляться замовлення на checkout
CI (безперервна інтеграція)
Автоматичний процес, який після кожної зміни в коді збирає проєкт і запускає тести. Якщо щось зламалося, команда дізнається про це за хвилини, а не від клієнтів після релізу.
CLS (Cumulative Layout Shift)
Метрика Core Web Vitals, що показує, наскільки «стрибає» сторінка під час завантаження: зсуваються кнопки, текст, банери. Добрий результат — не більше 0,1. Core Web Vitals для власника магазину
Core Web Vitals
Три метрики Google про досвід користувача: швидкість появи основного контенту (LCP), реакція на дії (INP) і стабільність верстки (CLS). Вони впливають на конверсію і є одним із сигналів ранжування. Як перевірити Core Web Vitals самостійно
INP (Interaction to Next Paint)
Метрика Core Web Vitals про чуйність сайту: скільки минає від натискання кнопки чи введення тексту до видимої реакції. Добрий результат — до 200 мс.
Laravel
PHP-фреймворк для бекенду: адмінки, API, інтеграції з оплатою, доставкою і CRM. Популярний, добре документований, тож підтримувати проєкт можуть і інші розробники. Розробка на Laravel
LCP (Largest Contentful Paint)
Метрика Core Web Vitals: за скільки секунд на екрані з'являється найбільший елемент сторінки — головне фото, заголовок чи банер. Добрий результат — до 2,5 секунди.
MVP
Мінімальна робоча версія продукту з ключовими функціями, щоб перевірити ідею на реальних користувачах. Усе другорядне відкладається на наступні релізи. Full-stack розробка MVP
Nuxt
Фреймворк на основі Vue для фронтенду. Може віддавати пошуковикам уже готовий HTML (SSR або SSG), тому сайт швидко відкривається і добре індексується. Nuxt для маркетингового сайту
Playwright
Інструмент для автотестів, який керує справжніми браузерами (Chromium, Firefox, WebKit) і проходить сценарії як користувач: відкриває сторінки, заповнює форми, оформлює замовлення. Автоматизація тестування
QA-аудит
Разова комплексна перевірка готового сайту чи магазину: шлях покупця, форми, оплата, доставка, мобільні версії, швидкість і SEO-база. Результат — звіт із пріоритетами і планом виправлень. QA-аудит інтернет-магазину
Smoke-тест
Швидка перевірка найважливішого після релізу чи розгортання: сайт відкривається, можна увійти, додати товар у кошик і оформити замовлення. Займає хвилини і показує, чи немає критичної поломки.
SSR і SSG
Способи віддавати сторінки готовим HTML. SSR (серверний рендеринг) збирає сторінку на сервері під час запиту, SSG (статична генерація) — заздалегідь під час збірки. Обидва варіанти кращі для SEO, ніж сайт, що малюється лише в браузері.
Staging
Копія сайту для перевірки змін перед публікацією. Клієнт бачить нові функції, тестувальник їх перевіряє, а відвідувачі робочого сайту нічого не помічають.
UI-кіт
Набір готових елементів інтерфейсу — кнопки, поля, картки, кольори, шрифти — з усіма станами. Завдяки йому дизайн однаковий на всіх сторінках, а розробник не вгадує розміри й відступи.
Не знайшли термін.
Запитайте тех-ліда напряму — пояснимо і додамо сюди.