Словник веб-розробника

Jamstack (JavaScript, APIs, Markup) — архітектурний підхід до вебу: попередньо згенеровані статичні HTML-файли обслуговуються через CDN, а динамічна функціональність реалізується через API. Без традиційного серверного рендерингу на кожен запит. Ключові принципи Pre-rendering — HTML генерується при build-і, не при запиті Decoupling — frontend і backend розділені, спілкуються через API CDN-first — статика роздається з edge-вузлів, близьких до користувача Переваги Максимальна швидкість — файли з CDN, без TTFB сервера Безпека — немає сервера що можна атакувати Масштабованість — CDN масштабується автоматично Коли не підходить Персоналізований контент, real-time дані, великі e-commerce з мільйонами SKU — де pre-rendering нереалістичний. Вирішується через ISR (Incremental Static Regeneration) або hybrid rendering. Популярні рішення Next.js, Nuxt, Astro, Gatsby + Netlify/Vercel/Cloudflare Pages.

JOIN — оператор SQL, що об'єднує рядки з двох і більше таблиць на основі умови зв'язку. Правильний JOIN замінює десятки окремих запитів і є основою ефективної роботи з реляційними даними.Типи JOININNER JOIN — повертає лише рядки, де умова виконана в обох таблицях. НайпоширенішийLEFT JOIN — всі рядки лівої таблиці + відповідні з правої (або NULL якщо немає збігу)RIGHT JOIN — дзеркало LEFT JOIN. Рідко використовуєтьсяFULL OUTER JOIN — всі рядки обох таблиць, NULL де немає збігуПрикладSELECT u.name, o.total FROM users u INNER JOIN orders o ON o.user_id = u.id WHERE o.status = 'paid';ПродуктивністьJOIN по проіндексованих колонках (зазвичай foreign key) виконується швидко. JOIN по неіндексованих полях — дорого. EXPLAIN покаже, чи використовується індекс.

JSON (JavaScript Object Notation) — текстовий формат обміну даними, що є підмножиною JavaScript. Людинозчитуваний, компактний, підтримується всіма мовами програмування. Де-факто стандарт для REST API і конфігураційних файлів.Типи даних{ "string": "hello", "number": 42, "float": 3.14, "boolean": true, "null": null, "array": [1, 2, 3], "object": { "key": "value" } }PHP$json = json_encode($data); // масив → рядок $data = json_decode($json, true); // рядок → масив // Перевірити помилку: if (json_last_error() !== JSON_ERROR_NONE) { ... }JSON vs XMLJSON: коротший, простіший у читанні і парсингу. XML: підтримує атрибути, namespace, схеми (XSD), більше підходить для складних документів. У вебі JSON переміг.JSON SchemaСпецифікація для опису і валідації структури JSON-документа. Аналог XSD для XML.

JWT (JSON Web Token) — компактний самодостатній токен для передачі інформації між сторонами у вигляді підписаного JSON-об'єкта. На відміну від сесій, сервер не зберігає жодного стану — вся інформація знаходиться в самому токені.СтруктураJWT складається з трьох Base64-кодованих частин, розділених крапкою: header.payload.signature. Header вказує алгоритм підпису. Payload містить claims — довільні дані (user_id, roles, exp). Signature дозволяє серверу перевірити, що токен не підроблений.Коли використовуватиStateless API — сервер не потребує бази для перевірки запитуМікросервіси — токен перевіряється в кожному сервісі незалежноПідводні каменіJWT не можна «відкликати» до закінчення терміну дії без blacklist. Зберігайте в httpOnly cookie, а не localStorage — це захищає від XSS. Встановлюйте короткий exp (15–60 хв) і використовуйте refresh-токени.