Архітектура2 хв читання
Архітектура вебсайту для малого бізнесу
Сплануйте сайт малого бізнесу навколо послуг, надійних заявок, редакційних обов’язків, відновлення облікових записів і відповідного хостингу.
#веброзробка#вебсайти#посібник
// Архів технічних посібників
Архів посібників, сторінка 3.
Інші практичні інженерні нотатки, впорядковані за датою публікації.
Публікація3 хв читання
Наскрізне тестування розширень Chrome з Playwright
Завантажуйте пакет у persistent context Chromium Playwright, перевіряйте параметри повторно відкритого вікна й окремо дозволи кнопки браузера.
#розширення-chrome#розширення#посібник
Безпека3 хв читання
Політика безпеки контенту для розширень Chrome
Налаштуйте CSP Manifest V3, розрізняйте типовий і мінімально дозволений рівні, пакуйте локальні скрипти та діагностуйте блокування коду й мережі.
#розширення-chrome#безпека#посібник
Розширення3 хв читання
Як використовувати chrome.storage у Manifest V3
Виберіть local, sync, session чи managed storage; перевіряйте записи, обробляйте квоти й уникайте втрачених оновлень між контекстами.
#розширення-chrome#chrome#посібник
Розгортання3 хв читання
Проєктування REST API для продуктових команд
Проєктуйте REST за ресурсами й власниками, семантикою HTTP, валідацією, пагінацією, повторами та дієвими помилками без витоку внутрішніх деталей.
#веброзробка#бекенд#посібник
Якість3 хв читання
Core Web Vitals: практичний процес оптимізації
Діагностуйте LCP, INP і CLS за польовими даними та трасами браузера, виправте виміряне вузьке місце й перевірте потрібний маршрут і групу пристроїв.
#веброзробка#веб#посібник
Вебстек2 хв читання
Підходи до типізації props компонентів React у TypeScript
Моделюйте props React через discriminated unions, типи HTML-елементів, явні children і controlled state для перевірки неможливих комбінацій.
#веброзробка#nextjs#посібник
Архітектура3 хв читання
Як вибрати базу даних для вебзастосунку
Вибирайте базу за інваріантами, транзакціями, запитами, паралельними змінами й відновленням, а не за універсальним стеком.
#веброзробка#вебсайти#посібник
Публікація3 хв читання
Модульне тестування логіки розширень Chrome
Перевіряйте чисті рішення розширення через Node test runner, обмежуйте браузерні імітації та відрізняйте тести зберігання від інтеграції Chrome.
#розширення-chrome#розширення#посібник
Безпека3 хв читання
Контрольний список розкриття даних у Chrome Web Store
Підготуйте узгоджені поля приватності Chrome Web Store за маніфестом і потоками даних випуску, включно з локальною обробкою та заявою про код.
#розширення-chrome#безпека#посібник
Розширення3 хв читання
Обмін повідомленнями в розширеннях Chrome без крихкого коду
Проєктуйте вузькі повідомлення Manifest V3 з runtime-перевіркою, асинхронними відповідями, авторизацією відправника й відновленням після навігації.
#розширення-chrome#chrome#посібник
Вебстек3 хв читання
Як працюють кешування та ревалідація в Next.js
Розберіться з кешами Next.js, явним кешуванням публічного fetch, інвалідацією тегів і шляхів, stale-while-revalidate та read-your-writes у версії 16.
#веброзробка#nextjs#основний-посібник