Безпека3 хв читання
Ізоляція контентних скриптів і безпека сторінок
Зрозумійте ізоляцію JavaScript, спільний DOM, мости main-world, недовірені дані сторінки та очищення інтерфейсів контентних скриптів Chrome.
#розширення-chrome#безпека#посібник
// Архів технічних посібників
Архів посібників, сторінка 2.
Інші практичні інженерні нотатки, впорядковані за датою публікації.
Розширення3 хв читання
Як додати контекстні меню до розширення Chrome
Створюйте сталі контекстні меню при встановленні, обробляйте натискання воркером, перевіряйте виділений текст і не припускайте необмежений доступ.
#розширення-chrome#chrome#посібник
Розгортання3 хв читання
Проєктування схеми PostgreSQL для вебзастосунків
Проєктуйте власників, обмеження, час, зв’язки й індекси PostgreSQL за запитами та плануйте міграції зі збереженням поведінки застосунку.
#веброзробка#бекенд#посібник
Якість3 хв читання
Як зменшити розмір JavaScript-пакета
Простежте клієнтські імпорти маршрутів, приберіть зайві залежності браузера, відкладіть додаткові інструменти й перевірте початкову та інтерактивну вартість.
#веброзробка#веб#посібник
Вебстек3 хв читання
Архітектура автентифікації в Next.js
Розмістіть автентифікацію Next.js, перевірку сесії, дозволи записів і публічні поля в серверному шарі, а proxy-redirect використовуйте для навігації.
#веброзробка#nextjs#посібник
Архітектура3 хв читання
Архітектурні рішення для інтернет-магазину
Відокремте каталог від авторитетних цін, залишків, підтвердження оплати й виконання, щоб кеш і повторні події не створювали помилкових замовлень.
#веброзробка#вебсайти#посібник
Публікація3 хв читання
Як налагоджувати сервісний воркер Manifest V3
Діагностуйте відмови воркера Manifest V3: реєстрація, події, сховище й простій; перевіряйте холодний запуск без відкритих DevTools.
#розширення-chrome#розширення#посібник
Безпека3 хв читання
Правила використання віддаленого коду в Manifest V3
Знайдіть віддалений виконуваний код Manifest V3 у пакеті й залежностях, розділіть дані та логіку й усуньте CDN-імпорт чи завантажений код до подання.
#розширення-chrome#безпека#посібник
Розширення3 хв читання
Клавіатурні скорочення для розширень Chrome
Оголосіть команди Chrome, розрізняйте _execute_action й власні обробники, перевіряйте непризначені скорочення та зберігайте альтернативну кнопку.
#розширення-chrome#chrome#посібник
Розгортання3 хв читання
GraphQL чи REST: вибір за навантаженням
Порівняйте GraphQL і REST за даними клієнтів, витратами сервера, авторизацією, кешем, пагінацією та здатністю команди підтримувати контракт.
#веброзробка#бекенд#посібник
Якість3 хв читання
Оптимізація зображень для сучасних вебсайтів
Вибирайте responsive-розміри, резервуйте геометрію, пріоритезуйте hero й перевіряйте Next.js-запити без погіршення скриншотів чи доступності.
#веброзробка#веб#посібник
Вебстек2 хв читання
Форми та серверні дії в Next.js
Створюйте форми Next.js із валідацією Server Actions, серверною авторизацією, помилками полів, pending UI та правилами повторних заявок.
#веброзробка#nextjs#посібник