[{"data":1,"prerenderedAt":12112},["ShallowReactive",2],{"navigation_docs":3,"-aws-cloudfront":3338,"-aws-cloudfront-surround":12107},[4,1707,1904,2358,2539,2608,2815,2937,2987,3044,3078,3204,3281,3334],{"title":5,"icon":6,"path":7,"stem":8,"children":9},"C#","i-devicon-csharp","\u002Fcsharp","01.csharp",[10,13,60,90,120,202,219,253,379,404,457,650,1364,1654,1703],{"title":11,"path":7,"stem":12},"C# та .NET","01.csharp\u002Findex",{"title":14,"icon":15,"path":16,"stem":17,"children":18,"page":59},"Fundamentals","i-lucide-book-open","\u002Fcsharp\u002Ffundamentals","01.csharp\u002F01.fundamentals",[19,23,27,31,35,39,43,47,51,55],{"title":20,"path":21,"stem":22},"Вступ до екосистеми .NET","\u002Fcsharp\u002Ffundamentals\u002Fintroduction-to-ecosystem","01.csharp\u002F01.fundamentals\u002F01.introduction-to-ecosystem",{"title":24,"path":25,"stem":26},"Структура програми на C#","\u002Fcsharp\u002Ffundamentals\u002Fprogram-structure","01.csharp\u002F01.fundamentals\u002F02.program-structure",{"title":28,"path":29,"stem":30},"Змінні та Типи Даних","\u002Fcsharp\u002Ffundamentals\u002Fvariables-data-types","01.csharp\u002F01.fundamentals\u002F03.variables-data-types",{"title":32,"path":33,"stem":34},"Масиви","\u002Fcsharp\u002Ffundamentals\u002Farrays","01.csharp\u002F01.fundamentals\u002F04.arrays",{"title":36,"path":37,"stem":38},"Strings & Text Handling","\u002Fcsharp\u002Ffundamentals\u002Fstrings-text-handling","01.csharp\u002F01.fundamentals\u002F05.strings-text-handling",{"title":40,"path":41,"stem":42},"Дати і Час","\u002Fcsharp\u002Ffundamentals\u002Fdates-time-handling","01.csharp\u002F01.fundamentals\u002F06.dates-time-handling",{"title":44,"path":45,"stem":46},"Потік Керування","\u002Fcsharp\u002Ffundamentals\u002Fcontrol-flow","01.csharp\u002F01.fundamentals\u002F07.control-flow",{"title":48,"path":49,"stem":50},"Методи","\u002Fcsharp\u002Ffundamentals\u002Fmethods","01.csharp\u002F01.fundamentals\u002F08.methods",{"title":52,"path":53,"stem":54},"Основи Відлагодження","\u002Fcsharp\u002Ffundamentals\u002Fdebugging-basics","01.csharp\u002F01.fundamentals\u002F09.debugging-basics",{"title":56,"path":57,"stem":58},"Інтерактивна Консоль (Classic)","\u002Fcsharp\u002Ffundamentals\u002Finteractive-console","01.csharp\u002F01.fundamentals\u002F10.interactive-console",false,{"title":61,"icon":62,"path":63,"stem":64,"children":65,"page":59},"OOP","i-lucide-box","\u002Fcsharp\u002Foop","01.csharp\u002F02.oop",[66,70,74,78,82,86],{"title":67,"path":68,"stem":69},"Package Management (Управління Пакетами)","\u002Fcsharp\u002Foop\u002Fpackage-management","01.csharp\u002F02.oop\u002F01.package-management",{"title":71,"path":72,"stem":73},"Класи та Об'єкти","\u002Fcsharp\u002Foop\u002Fclasses-objects","01.csharp\u002F02.oop\u002F02.classes-objects",{"title":75,"path":76,"stem":77},"Властивості та Поля","\u002Fcsharp\u002Foop\u002Fproperties-fields","01.csharp\u002F02.oop\u002F03.properties-fields",{"title":79,"path":80,"stem":81},"Стовпи ООП","\u002Fcsharp\u002Foop\u002Foop-pillars","01.csharp\u002F02.oop\u002F04.oop-pillars",{"title":83,"path":84,"stem":85},"Advanced Types","\u002Fcsharp\u002Foop\u002Fadvanced-types","01.csharp\u002F02.oop\u002F05.advanced-types",{"title":87,"path":88,"stem":89},"Namespaces (Простори Імен)","\u002Fcsharp\u002Foop\u002Fnamespaces","01.csharp\u002F02.oop\u002F06.namespaces",{"title":91,"icon":92,"path":93,"stem":94,"children":95,"page":59},"Advanced Core","i-lucide-zap","\u002Fcsharp\u002Fadvanced-core","01.csharp\u002F03.advanced-core",[96,100,104,108,112,116],{"title":97,"path":98,"stem":99},"Generics (Узагальнення)","\u002Fcsharp\u002Fadvanced-core\u002Fgenerics","01.csharp\u002F03.advanced-core\u002F01.generics",{"title":101,"path":102,"stem":103},"Делегати, Події та Лямбда-вирази","\u002Fcsharp\u002Fadvanced-core\u002Fdelegates-events-lambdas","01.csharp\u002F03.advanced-core\u002F02.delegates-events-lambdas",{"title":105,"path":106,"stem":107},"Interfaces Deep Dive (Інтерфейси: Поглиблений Розгляд)","\u002Fcsharp\u002Fadvanced-core\u002Finterfaces-deep-dive","01.csharp\u002F03.advanced-core\u002F03.interfaces-deep-dive",{"title":109,"path":110,"stem":111},"Обробка Винятків","\u002Fcsharp\u002Fadvanced-core\u002Fexception-handling","01.csharp\u002F03.advanced-core\u002F04.exception-handling",{"title":113,"path":114,"stem":115},"Pattern Matching","\u002Fcsharp\u002Fadvanced-core\u002Fpattern-matching","01.csharp\u002F03.advanced-core\u002F05.pattern-matching",{"title":117,"path":118,"stem":119},"Додаткові Можливості C#","\u002Fcsharp\u002Fadvanced-core\u002Fadditional-features","01.csharp\u002F03.advanced-core\u002F06.additional-features",{"title":121,"icon":122,"path":123,"stem":124,"children":125,"page":59},"Architecture Best Practices","i-lucide-building-2","\u002Fcsharp\u002Farchitecture-best-practices","01.csharp\u002F04.architecture-best-practices",[126,130,149,153,157,161,165,169],{"title":127,"path":128,"stem":129},"Software Design Principles (Частина 1)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fsoftware-design-principles","01.csharp\u002F04.architecture-best-practices\u002F01.software-design-principles",{"title":131,"icon":132,"path":133,"stem":134,"children":135,"page":59},"Design Patterns","i-lucide-folder","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns",[136],{"title":137,"icon":132,"path":138,"stem":139,"children":140,"page":59},"Creational","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational",[141,145],{"title":142,"path":143,"stem":144},"Singleton (Одинак)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational\u002Fsingleton","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational\u002F01.singleton",{"title":146,"path":147,"stem":148},"Builder (Будівельник)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational\u002Fbuilder","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational\u002F02.builder",{"title":150,"path":151,"stem":152},"Building Professional CLIs","\u002Fcsharp\u002Farchitecture-best-practices\u002Fbuilding-professional-clis","01.csharp\u002F04.architecture-best-practices\u002F03.building-professional-clis",{"title":154,"path":155,"stem":156},"Validation & Flow Control","\u002Fcsharp\u002Farchitecture-best-practices\u002Fvalidation-flow-control","01.csharp\u002F04.architecture-best-practices\u002F04.validation-flow-control",{"title":158,"path":159,"stem":160},"The Modern .NET Host (Microsoft.Extensions)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fmodern-dotnet-host","01.csharp\u002F04.architecture-best-practices\u002F05.modern-dotnet-host",{"title":162,"path":163,"stem":164},"Data Mapper: Repository та DAO патерни (Частина 1)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdata-mapper-part1","01.csharp\u002F04.architecture-best-practices\u002F06.data-mapper-part1",{"title":166,"path":167,"stem":168},"Data Mapper: Repository та DAO патерни (Частина 2)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdata-mapper-part2","01.csharp\u002F04.architecture-best-practices\u002F07.data-mapper-part2",{"title":170,"icon":132,"path":171,"stem":172,"children":173,"page":59},"Di Ioc","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc",[174,178,182,186,190,194,198],{"title":175,"path":176,"stem":177},"Проблема залежностей та Інверсія Контролю","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fthe-dependency-problem","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F01.the-dependency-problem",{"title":179,"path":180,"stem":181},"Будуємо власний Service Container","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fbuild-your-own-container","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F02.build-your-own-container",{"title":183,"path":184,"stem":185},"Service Locator: Паттерн та Анти-паттерн","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fservice-locator-pattern","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F03.service-locator-pattern",{"title":187,"path":188,"stem":189},"Паттерни Dependency Injection","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fdependency-injection-patterns","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F04.dependency-injection-patterns",{"title":191,"path":192,"stem":193},"Microsoft DI: IServiceCollection та IServiceProvider","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fmicrosoft-di-deep-dive","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F05.microsoft-di-deep-dive",{"title":195,"path":196,"stem":197},"Service Lifetimes та Scopes","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fservice-lifetimes-and-scopes","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F06.service-lifetimes-and-scopes",{"title":199,"path":200,"stem":201},"DI Анти-паттерни та Найкращі Практики","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fdi-anti-patterns-and-best-practices","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F07.di-anti-patterns-and-best-practices",{"title":203,"icon":132,"path":204,"stem":205,"children":206,"page":59},"Standard Library","\u002Fcsharp\u002Fstandard-library","01.csharp\u002F05.standard-library",[207,211,215],{"title":208,"path":209,"stem":210},"Collections (Колекції)","\u002Fcsharp\u002Fstandard-library\u002Fcollections","01.csharp\u002F05.standard-library\u002F01.collections",{"title":212,"path":213,"stem":214},"High Performance Types (Високопродуктивні Типи)","\u002Fcsharp\u002Fstandard-library\u002Fhigh-performance-types","01.csharp\u002F05.standard-library\u002F02.high-performance-types",{"title":216,"path":217,"stem":218},"LINQ (Language Integrated Query)","\u002Fcsharp\u002Fstandard-library\u002Flinq","01.csharp\u002F05.standard-library\u002F03.linq",{"title":220,"icon":221,"path":222,"stem":223,"children":224,"page":59},"System Internals Concurrency","i-lucide-server","\u002Fcsharp\u002Fsystem-internals-concurrency","01.csharp\u002F06.system-internals-concurrency",[225,229,233,237,241,245,249],{"title":226,"path":227,"stem":228},"Memory Management","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fmemory-management","01.csharp\u002F06.system-internals-concurrency\u002F01.memory-management",{"title":230,"path":231,"stem":232},"Reflection API: System.Type та Метадані","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Freflection-fundamentals","01.csharp\u002F06.system-internals-concurrency\u002F02.reflection-fundamentals",{"title":234,"path":235,"stem":236},"Attributes та Dynamic Language Runtime","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fattributes-dynamic","01.csharp\u002F06.system-internals-concurrency\u002F03.attributes-dynamic",{"title":238,"path":239,"stem":240},"Expression Trees: Швидка Альтернатива Рефлексії","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fexpression-trees-compiled","01.csharp\u002F06.system-internals-concurrency\u002F04.expression-trees-compiled",{"title":242,"path":243,"stem":244},"Source Generators: Compile-Time Code Generation","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fsource-generators","01.csharp\u002F06.system-internals-concurrency\u002F05.source-generators",{"title":246,"path":247,"stem":248},"Multithreading Fundamentals","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fmultithreading-fundamentals","01.csharp\u002F06.system-internals-concurrency\u002F06.multithreading-fundamentals",{"title":250,"path":251,"stem":252},"Synchronization Primitives","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fsynchronization-primitives","01.csharp\u002F06.system-internals-concurrency\u002F07.synchronization-primitives",{"title":254,"icon":255,"path":256,"stem":257,"children":258,"page":59},"System Programming Windows","i-lucide-cpu","\u002Fcsharp\u002Fsystem-programming-windows","01.csharp\u002F07.system-programming-windows",[259,263,267,271,275,279,283,287,291,295,299,303,307,311,315,319,323,327,331,335,339,343,347,351,355,359,363,367,371,375],{"title":260,"path":261,"stem":262},"Як Працює Операційна Система","\u002Fcsharp\u002Fsystem-programming-windows\u002Fhow-os-works","01.csharp\u002F07.system-programming-windows\u002F01.how-os-works",{"title":264,"path":265,"stem":266},"Процеси в .NET — API та Запуск","\u002Fcsharp\u002Fsystem-programming-windows\u002Fprocesses-in-dotnet","01.csharp\u002F07.system-programming-windows\u002F02.processes-in-dotnet",{"title":268,"path":269,"stem":270},"Процеси в .NET — IPC та Міжпроцесна Комунікація","\u002Fcsharp\u002Fsystem-programming-windows\u002F02a.processes-ipc","01.csharp\u002F07.system-programming-windows\u002F02a.processes-ipc",{"title":272,"path":273,"stem":274},"Application Domains та Збірки — AppDomain і AssemblyLoadContext","\u002Fcsharp\u002Fsystem-programming-windows\u002Fappdomains-assemblies","01.csharp\u002F07.system-programming-windows\u002F03.appdomains-assemblies",{"title":276,"path":277,"stem":278},"Application Domains та Збірки — Plug-in Система з Hot-Reload","\u002Fcsharp\u002Fsystem-programming-windows\u002F03a.appdomains-plugin-system","01.csharp\u002F07.system-programming-windows\u002F03a.appdomains-plugin-system",{"title":280,"path":281,"stem":282},"Потоки — Основи та API Thread","\u002Fcsharp\u002Fsystem-programming-windows\u002Fthread-fundamentals","01.csharp\u002F07.system-programming-windows\u002F04.thread-fundamentals",{"title":284,"path":285,"stem":286},"Потоки — Lifecycle, Пріоритети та Безпечне Завершення","\u002Fcsharp\u002Fsystem-programming-windows\u002F04a.thread-lifecycle-priorities","01.csharp\u002F07.system-programming-windows\u002F04a.thread-lifecycle-priorities",{"title":288,"path":289,"stem":290},"Проблеми Спільного Стану — Race Condition та Data Race","\u002Fcsharp\u002Fsystem-programming-windows\u002Fshared-state-problems","01.csharp\u002F07.system-programming-windows\u002F05.shared-state-problems",{"title":292,"path":293,"stem":294},"Проблеми Спільного Стану — Memory Model та volatile","\u002Fcsharp\u002Fsystem-programming-windows\u002F05a.shared-state-memory-model","01.csharp\u002F07.system-programming-windows\u002F05a.shared-state-memory-model",{"title":296,"path":297,"stem":298},"Синхронізація — Monitor, lock та еволюція примітивів","\u002Fcsharp\u002Fsystem-programming-windows\u002Fsynchronization-fundamentals","01.csharp\u002F07.system-programming-windows\u002F06.synchronization-fundamentals",{"title":300,"path":301,"stem":302},"Синхронізація — Наскрізний Приклад та Deadlock Detection","\u002Fcsharp\u002Fsystem-programming-windows\u002F06a.synchronization-walkthrough","01.csharp\u002F07.system-programming-windows\u002F06a.synchronization-walkthrough",{"title":304,"path":305,"stem":306},"Синхронізація — Mutex, Semaphore та Event-Based Primitives","\u002Fcsharp\u002Fsystem-programming-windows\u002Fsynchronization-advanced","01.csharp\u002F07.system-programming-windows\u002F07.synchronization-advanced",{"title":308,"path":309,"stem":310},"Синхронізація — Interlocked, Volatile та Lock-Free Структури","\u002Fcsharp\u002Fsystem-programming-windows\u002F07a.synchronization-advanced-walkthrough","01.csharp\u002F07.system-programming-windows\u002F07a.synchronization-advanced-walkthrough",{"title":312,"path":313,"stem":314},"Interlocked, CAS та Lock-Free Структури","\u002Fcsharp\u002Fsystem-programming-windows\u002Finterlocked-cas-lockfree","01.csharp\u002F07.system-programming-windows\u002F08.interlocked-cas-lockfree",{"title":316,"path":317,"stem":318},"Volatile, Memory Model та Spinning","\u002Fcsharp\u002Fsystem-programming-windows\u002F08a.volatile-memory-model","01.csharp\u002F07.system-programming-windows\u002F08a.volatile-memory-model",{"title":320,"path":321,"stem":322},"ThreadPool — Пул Потоків для Ефективного Виконання","\u002Fcsharp\u002Fsystem-programming-windows\u002Fthread-pool","01.csharp\u002F07.system-programming-windows\u002F09.thread-pool",{"title":324,"path":325,"stem":326},"ThreadPool — Просунуті Сценарії та Внутрішня Будова","\u002Fcsharp\u002Fsystem-programming-windows\u002F09a.thread-pool-advanced","01.csharp\u002F07.system-programming-windows\u002F09a.thread-pool-advanced",{"title":328,"path":329,"stem":330},"Concurrent та Immutable Collections","\u002Fcsharp\u002Fsystem-programming-windows\u002Fconcurrent-collections","01.csharp\u002F07.system-programming-windows\u002F10.concurrent-collections",{"title":332,"path":333,"stem":334},"TPL, Task та Композиція — Від Thread до Task","\u002Fcsharp\u002Fsystem-programming-windows\u002Ftpl-parallel-plinq","01.csharp\u002F07.system-programming-windows\u002F11.tpl-parallel-plinq",{"title":336,"path":337,"stem":338},"Parallel Class та PLINQ — Data Parallelism","\u002Fcsharp\u002Fsystem-programming-windows\u002F11a.tpl-parallel-plinq-advanced","01.csharp\u002F07.system-programming-windows\u002F11a.tpl-parallel-plinq-advanced",{"title":340,"path":341,"stem":342},"Async\u002FAwait — Фундамент Асинхронного Програмування","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-fundamentals","01.csharp\u002F07.system-programming-windows\u002F12.async-fundamentals",{"title":344,"path":345,"stem":346},"SynchronizationContext та ConfigureAwait — Контекст Виконання","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-context-configureawait","01.csharp\u002F07.system-programming-windows\u002F13.async-context-configureawait",{"title":348,"path":349,"stem":350},"Async — Просунуті Паттерни","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-advanced","01.csharp\u002F07.system-programming-windows\u002F14.async-advanced",{"title":352,"path":353,"stem":354},"System.Threading.Channels — Async Producer-Consumer","\u002Fcsharp\u002Fsystem-programming-windows\u002Fchannels","01.csharp\u002F07.system-programming-windows\u002F15.channels",{"title":356,"path":357,"stem":358},"Асинхронна Синхронізація","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-synchronization","01.csharp\u002F07.system-programming-windows\u002F16.async-synchronization",{"title":360,"path":361,"stem":362},"Unsafe Code та Вказівники","\u002Fcsharp\u002Fsystem-programming-windows\u002Funsafe-code","01.csharp\u002F07.system-programming-windows\u002F17.unsafe-code",{"title":364,"path":365,"stem":366},"P\u002FInvoke та Windows API — Міст між .NET та Native Code","\u002Fcsharp\u002Fsystem-programming-windows\u002Fpinvoke-winapi","01.csharp\u002F07.system-programming-windows\u002F18.pinvoke-winapi",{"title":368,"path":369,"stem":370},"Реєстр Windows — Центральна База Конфігурації Системи","\u002Fcsharp\u002Fsystem-programming-windows\u002Fwindows-registry","01.csharp\u002F07.system-programming-windows\u002F19.windows-registry",{"title":372,"path":373,"stem":374},"Windows Hooks, Hotkeys та Services — Глибока Інтеграція з ОС","\u002Fcsharp\u002Fsystem-programming-windows\u002Fwindows-hooks-services","01.csharp\u002F07.system-programming-windows\u002F20.windows-hooks-services",{"title":376,"path":377,"stem":378},"Системне Програмування C# (Windows) — 07.system-programming-windows","\u002Fcsharp\u002Fsystem-programming-windows\u002Fimplementation_plan","01.csharp\u002F07.system-programming-windows\u002Fimplementation_plan",{"title":380,"icon":132,"path":381,"stem":382,"children":383,"page":59},"Io","\u002Fcsharp\u002Fio","01.csharp\u002F08.io",[384,388,392,396,400],{"title":385,"path":386,"stem":387},"8.1.1. Основи роботи з файловою системою","\u002Fcsharp\u002Fio\u002Ffile-system-basics","01.csharp\u002F08.io\u002F01.file-system-basics",{"title":389,"path":390,"stem":391},"8.1.2. Потоки (Streams) та Серіалізація Даних","\u002Fcsharp\u002Fio\u002Fstreams-serialization","01.csharp\u002F08.io\u002F02.streams-serialization",{"title":393,"path":394,"stem":395},"8.2.1. JSON Serialization з System.Text.Json","\u002Fcsharp\u002Fio\u002Fjson-serialization","01.csharp\u002F08.io\u002F03.json-serialization",{"title":397,"path":398,"stem":399},"8.2.2. XML Serialization та LINQ to XML","\u002Fcsharp\u002Fio\u002Fxml-serialization","01.csharp\u002F08.io\u002F04.xml-serialization",{"title":401,"path":402,"stem":403},"8.2.3. Binary Serialization: MessagePack та Protocol Buffers","\u002Fcsharp\u002Fio\u002Fbinary-serialization","01.csharp\u002F08.io\u002F05.binary-serialization",{"title":405,"icon":132,"path":406,"stem":407,"children":408,"page":59},"Ado Net","\u002Fcsharp\u002Fado-net","01.csharp\u002F09.ado-net",[409,413,417,421,425,429,433,437,441,445,449,453],{"title":410,"path":411,"stem":412},"9.1. Введення в ADO.NET","\u002Fcsharp\u002Fado-net\u002Fintroduction-to-adonet","01.csharp\u002F09.ado-net\u002F01.introduction-to-adonet",{"title":414,"path":415,"stem":416},"9.2. Клас DbConnection — з'єднання з базою даних","\u002Fcsharp\u002Fado-net\u002Fconnection","01.csharp\u002F09.ado-net\u002F02.connection",{"title":418,"path":419,"stem":420},"9.3. Клас DbCommand — виконання SQL-запитів","\u002Fcsharp\u002Fado-net\u002Fcommand-and-queries","01.csharp\u002F09.ado-net\u002F03.command-and-queries",{"title":422,"path":423,"stem":424},"9.4. Клас DbDataReader — ефективне читання даних","\u002Fcsharp\u002Fado-net\u002Fdatareader","01.csharp\u002F09.ado-net\u002F04.datareader",{"title":426,"path":427,"stem":428},"9.5. Параметризовані запити та захист від SQL Injection","\u002Fcsharp\u002Fado-net\u002Fparameters-and-sql-injection","01.csharp\u002F09.ado-net\u002F05.parameters-and-sql-injection",{"title":430,"path":431,"stem":432},"9.6. Транзакції в ADO.NET","\u002Fcsharp\u002Fado-net\u002Ftransactions","01.csharp\u002F09.ado-net\u002F06.transactions",{"title":434,"path":435,"stem":436},"9.7. DbProviderFactory — провайдер-незалежний код","\u002Fcsharp\u002Fado-net\u002Fprovider-factory","01.csharp\u002F09.ado-net\u002F07.provider-factory",{"title":438,"path":439,"stem":440},"9.8. Асинхронний доступ до даних","\u002Fcsharp\u002Fado-net\u002Fasync-data-access","01.csharp\u002F09.ado-net\u002F08.async-data-access",{"title":442,"path":443,"stem":444},"9.9. Від'єднаний режим: DataSet, DataTable, DataRow","\u002Fcsharp\u002Fado-net\u002Fdisconnected-mode-dataset","01.csharp\u002F09.ado-net\u002F09.disconnected-mode-dataset",{"title":446,"path":447,"stem":448},"9.10. DataAdapter — міст між DataSet та базою даних","\u002Fcsharp\u002Fado-net\u002Fdata-adapter","01.csharp\u002F09.ado-net\u002F10.data-adapter",{"title":450,"path":451,"stem":452},"9.11. Data Mapper та Repository: Архітектура доступу до даних","\u002Fcsharp\u002Fado-net\u002Fdata-mapper-repository","01.csharp\u002F09.ado-net\u002F11.data-mapper-repository",{"title":454,"path":455,"stem":456},"9.12. Identity Map, Unit of Work та Specification Pattern","\u002Fcsharp\u002Fado-net\u002Fadvanced-patterns","01.csharp\u002F09.ado-net\u002F12.advanced-patterns",{"title":458,"icon":255,"path":459,"stem":460,"children":461,"page":59},"Ef Core","\u002Fcsharp\u002Fef-core","01.csharp\u002F10.ef-core",[462,466,470,474,478,482,486,490,494,498,502,506,510,514,518,522,526,532,538,542,546,550,554,558,562,566,570,574,578,582,586,590,594,598,602,606,610,614,618,622,626,630,634,638,642,646],{"title":463,"path":464,"stem":465},"Що таке ORM? Від SQL до об'єктів","\u002Fcsharp\u002Fef-core\u002Fwhat-is-orm","01.csharp\u002F10.ef-core\u002F01.what-is-orm",{"title":467,"path":468,"stem":469},"Перший проєкт — від нуля до CRUD","\u002Fcsharp\u002Fef-core\u002Ffirst-project","01.csharp\u002F10.ef-core\u002F02.first-project",{"title":471,"path":472,"stem":473},"DbContext — Серце EF Core","\u002Fcsharp\u002Fef-core\u002Fdbcontext-deep-dive","01.csharp\u002F10.ef-core\u002F03.dbcontext-deep-dive",{"title":475,"path":476,"stem":477},"Провайдери баз даних — Архітектура та Вибір СУБД","\u002Fcsharp\u002Fef-core\u002Fdatabase-providers","01.csharp\u002F10.ef-core\u002F04.database-providers",{"title":479,"path":480,"stem":481},"Конвенції EF Core — Магія без конфігурації","\u002Fcsharp\u002Fef-core\u002Fconventions","01.csharp\u002F10.ef-core\u002F05.conventions",{"title":483,"path":484,"stem":485},"Fluent API та Data Annotations — Явна конфігурація моделі","\u002Fcsharp\u002Fef-core\u002Ffluent-api-vs-annotations","01.csharp\u002F10.ef-core\u002F06.fluent-api-vs-annotations",{"title":487,"path":488,"stem":489},"Зв'язки — One-to-One та One-to-Many","\u002Fcsharp\u002Fef-core\u002Frelationships-basics","01.csharp\u002F10.ef-core\u002F07.relationships-basics",{"title":491,"path":492,"stem":493},"Зв'язки Advanced — Many-to-Many та Складні Сценарії","\u002Fcsharp\u002Fef-core\u002Frelationships-advanced","01.csharp\u002F10.ef-core\u002F08.relationships-advanced",{"title":495,"path":496,"stem":497},"Властивості — Типи, Конвертери, Компаратори (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fproperty-configuration-part1","01.csharp\u002F10.ef-core\u002F09.property-configuration-part1",{"title":499,"path":500,"stem":501},"Властивості — Value Comparers, Generators, Shadow Properties (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fproperty-configuration-part2","01.csharp\u002F10.ef-core\u002F09.property-configuration-part2",{"title":503,"path":504,"stem":505},"Складні типи — Owned Types та Complex Types (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fcomplex-types-owned-part1","01.csharp\u002F10.ef-core\u002F10.complex-types-owned-part1",{"title":507,"path":508,"stem":509},"Складні типи — Complex Types, Keyless Entities, Порівняння (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fcomplex-types-owned-part2","01.csharp\u002F10.ef-core\u002F10.complex-types-owned-part2",{"title":511,"path":512,"stem":513},"JSON Columns — Складні дані у JSON (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fjson-columns-part1","01.csharp\u002F10.ef-core\u002F11.json-columns-part1",{"title":515,"path":516,"stem":517},"JSON Columns — Value Comparers, Індекси, Провайдери (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fjson-columns-part2","01.csharp\u002F10.ef-core\u002F11.json-columns-part2",{"title":519,"path":520,"stem":521},"Успадкування — Абстрактні класи та TPH (Частина 1)","\u002Fcsharp\u002Fef-core\u002Finheritance-part1","01.csharp\u002F10.ef-core\u002F12.inheritance-part1",{"title":523,"path":524,"stem":525},"Успадкування — TPT, TPC та Порівняння Стратегій (Частина 2)","\u002Fcsharp\u002Fef-core\u002Finheritance-part2","01.csharp\u002F10.ef-core\u002F12.inheritance-part2",{"title":527,"path":528,"stem":529,"children":530},"Індекси, Обмеження та Схема (Частина 1)","\u002Fcsharp\u002Fef-core\u002Findexes-constraints-part1","01.csharp\u002F10.ef-core\u002F13.indexes-constraints-part1",[531],{"title":527,"path":528,"stem":529},{"title":533,"path":534,"stem":535,"children":536},"Індекси, Обмеження та Схема (Частина 2)","\u002Fcsharp\u002Fef-core\u002Findexes-constraints-part2","01.csharp\u002F10.ef-core\u002F13.indexes-constraints-part2",[537],{"title":533,"path":534,"stem":535},{"title":539,"path":540,"stem":541},"Seed Data — Початкові Дані (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fseeding-part1","01.csharp\u002F10.ef-core\u002F14.seeding-part1",{"title":543,"path":544,"stem":545},"Seed Data — SQL-скрипти, Bogus та Стратегії (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fseeding-part2","01.csharp\u002F10.ef-core\u002F14.seeding-part2",{"title":547,"path":548,"stem":549},"Global Query Filters — Глобальні Фільтри (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fglobal-query-filters-part1","01.csharp\u002F10.ef-core\u002F15.global-query-filters-part1",{"title":551,"path":552,"stem":553},"Global Query Filters — Підводні камені та Інтеграція (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fglobal-query-filters-part2","01.csharp\u002F10.ef-core\u002F15.global-query-filters-part2",{"title":555,"path":556,"stem":557},"LINQ-запити в EF Core (Частина 1)","\u002Fcsharp\u002Fef-core\u002Flinq-queries-part1","01.csharp\u002F10.ef-core\u002F16.linq-queries-part1",{"title":559,"path":560,"stem":561},"LINQ-запити в EF Core (Частина 2)","\u002Fcsharp\u002Fef-core\u002Flinq-queries-part2","01.csharp\u002F10.ef-core\u002F16.linq-queries-part2",{"title":563,"path":564,"stem":565},"Завантаження Пов'язаних Даних (Частина 1)","\u002Fcsharp\u002Fef-core\u002Floading-related-data-part1","01.csharp\u002F10.ef-core\u002F17.loading-related-data-part1",{"title":567,"path":568,"stem":569},"Завантаження Пов'язаних Даних (Частина 2)","\u002Fcsharp\u002Fef-core\u002Floading-related-data-part2","01.csharp\u002F10.ef-core\u002F17.loading-related-data-part2",{"title":571,"path":572,"stem":573},"Raw SQL, Views та Stored Procedures (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fraw-sql-part1","01.csharp\u002F10.ef-core\u002F18.raw-sql-part1",{"title":575,"path":576,"stem":577},"Raw SQL — Stored Procedures, DbFunction та Bulk Operations (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fraw-sql-part2","01.csharp\u002F10.ef-core\u002F18.raw-sql-part2",{"title":579,"path":580,"stem":581},"Продвинуті Запити — Compiled Queries, Bulk та Оптимізація (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fadvanced-queries-part1","01.csharp\u002F10.ef-core\u002F19.advanced-queries-part1",{"title":583,"path":584,"stem":585},"Продвинуті Запити — Query Tags, Bulk та Interceptors (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fadvanced-queries-part2","01.csharp\u002F10.ef-core\u002F19.advanced-queries-part2",{"title":587,"path":588,"stem":589},"Change Tracker — Відстеження Змін (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fchange-tracking-part1","01.csharp\u002F10.ef-core\u002F20.change-tracking-part1",{"title":591,"path":592,"stem":593},"Change Tracker — Графи Об'єктів та Disconnected (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fchange-tracking-part2","01.csharp\u002F10.ef-core\u002F20.change-tracking-part2",{"title":595,"path":596,"stem":597},"Збереження Даних та Транзакції (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fsaving-data-part1","01.csharp\u002F10.ef-core\u002F21.saving-data-part1",{"title":599,"path":600,"stem":601},"Збереження Даних — Concurrency та Outbox (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fsaving-data-part2","01.csharp\u002F10.ef-core\u002F21.saving-data-part2",{"title":603,"path":604,"stem":605},"Конкурентність та Блокування (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fconcurrency-part1","01.csharp\u002F10.ef-core\u002F22.concurrency-part1",{"title":607,"path":608,"stem":609},"Конкурентність — Дедлоки та Queue Processing (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fconcurrency-part2","01.csharp\u002F10.ef-core\u002F22.concurrency-part2",{"title":611,"path":612,"stem":613},"Міграції в EF Core — Основи (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fmigrations-basics-part1","01.csharp\u002F10.ef-core\u002F23.migrations-basics-part1",{"title":615,"path":616,"stem":617},"Міграції в EF Core — Основи (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fmigrations-basics-part2","01.csharp\u002F10.ef-core\u002F23.migrations-basics-part2",{"title":619,"path":620,"stem":621},"Міграції — Просунуті Сценарії (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fmigrations-advanced-part1","01.csharp\u002F10.ef-core\u002F24.migrations-advanced-part1",{"title":623,"path":624,"stem":625},"Міграції — Просунуті Сценарії (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fmigrations-advanced-part2","01.csharp\u002F10.ef-core\u002F24.migrations-advanced-part2",{"title":627,"path":628,"stem":629},"Управління Схемою та Database-First (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fschema-management-part1","01.csharp\u002F10.ef-core\u002F25.schema-management-part1",{"title":631,"path":632,"stem":633},"Управління Схемою та Database-First (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fschema-management-part2","01.csharp\u002F10.ef-core\u002F25.schema-management-part2",{"title":635,"path":636,"stem":637},"Продуктивність EF Core — Основи (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fperformance-fundamentals-part1","01.csharp\u002F10.ef-core\u002F26.performance-fundamentals-part1",{"title":639,"path":640,"stem":641},"Interceptors в EF Core (Частина 1)","\u002Fcsharp\u002Fef-core\u002Finterceptors-part1","01.csharp\u002F10.ef-core\u002F29.interceptors-part1",{"title":643,"path":644,"stem":645},"Interceptors в EF Core — Connection, Transaction та Materialization (Частина 2)","\u002Fcsharp\u002Fef-core\u002Finterceptors-part2","01.csharp\u002F10.ef-core\u002F29.interceptors-part2",{"title":647,"path":648,"stem":649},"План вивчення Entity Framework Core — Повний курс","\u002Fcsharp\u002Fef-core\u002Fimplementation_plan","01.csharp\u002F10.ef-core\u002Fimplementation_plan",{"title":651,"icon":652,"path":653,"stem":654,"children":655,"page":59},"ASP.NET","i-devicon-dotnetcore","\u002Fcsharp\u002Faspnet","01.csharp\u002F11.aspnet",[656,730,791,869,927,941,967,1057,1111,1182,1212,1289,1346],{"title":657,"icon":658,"path":659,"stem":660,"children":661,"page":59},"Minimal API","i-lucide-network","\u002Fcsharp\u002Faspnet\u002Fminimal-api","01.csharp\u002F11.aspnet\u002F01.minimal-api",[662,666,670,674,678,682,686,690,694,698,702,706,710,714,718,722,726],{"title":663,"path":664,"stem":665},"Вступ до ASP.NET та еволюція фреймворку","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fintroduction","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F01.introduction",{"title":667,"path":668,"stem":669},"Перший додаток на ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Ffirst-application","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F02.first-application",{"title":671,"path":672,"stem":673},"WebApplication, Builder та Dependency Injection","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fwebapplication-builder","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F03.webapplication-builder",{"title":675,"path":676,"stem":677},"Конвеєр запитів та Middleware","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frequest-pipeline-middleware","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F04.request-pipeline-middleware",{"title":679,"path":680,"stem":681},"Маршрутизація в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frouting-basics","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F05.routing-basics",{"title":683,"path":684,"stem":685},"Маршрутизація в ASP.NET Core: Розширені можливості","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frouting-advanced","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F06.routing-advanced",{"title":687,"path":688,"stem":689},"Статичні файли в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstatic-files","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F07.static-files",{"title":691,"path":692,"stem":693},"Статичні Активи: MapStaticAssets (ASP.NET Core 9.0)","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstatic-assets","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F08.static-assets",{"title":695,"path":696,"stem":697},"Конфігурація в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fconfiguration-fundamentals","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F09.configuration-fundamentals",{"title":699,"path":700,"stem":701},"Конфігурація: Паттерн Options","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fconfiguration-options","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F10.configuration-options",{"title":703,"path":704,"stem":705},"Логування в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Flogging-basics","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F11.logging-basics",{"title":707,"path":708,"stem":709},"Логування: Serilog та Middleware","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Flogging-advanced","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F12.logging-advanced",{"title":711,"path":712,"stem":713},"Управління станом: HttpContext.Items та Cookies","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstate-management","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F13.state-management",{"title":715,"path":716,"stem":717},"Стан сесії: Sessions","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fsession-state","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F14.session-state",{"title":719,"path":720,"stem":721},"Структура проєкту: від хаосу до архітектури","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fproject-structure","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F15.project-structure",{"title":723,"path":724,"stem":725},"Scalar у Minimal API: повний проєкт і Fluent OpenAPI","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fscalar-openapi-fluent","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F16.scalar-openapi-fluent",{"title":727,"path":728,"stem":729},"Swagger \u002F Swashbuckle у Minimal API: окремий класичний шлях","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fswagger-swashbuckle","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F17.swagger-swashbuckle",{"title":731,"icon":658,"path":732,"stem":733,"children":734,"page":59},"API","\u002Fcsharp\u002Faspnet\u002Fapi","01.csharp\u002F11.aspnet\u002F02.api",[735,739,743,747,751,755,759,763,767,771,775,779,783,787],{"title":736,"path":737,"stem":738},"Що таке API. Клієнт-серверна архітектура","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fwhat-is-api","01.csharp\u002F11.aspnet\u002F02.api\u002F01.what-is-api",{"title":740,"path":741,"stem":742},"Формати даних: JSON, XML, TOML та бінарні формати","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fdata-formats","01.csharp\u002F11.aspnet\u002F02.api\u002F02.data-formats",{"title":744,"path":745,"stem":746},"Парадигми API та концепція REST","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-paradigms-rest","01.csharp\u002F11.aspnet\u002F02.api\u002F03.api-paradigms-rest",{"title":748,"path":749,"stem":750},"HTTP-методи, статус-коди та заголовки","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fhttp-methods-status-codes","01.csharp\u002F11.aspnet\u002F02.api\u002F04.http-methods-status-codes",{"title":752,"path":753,"stem":754},"Організація HTTP API за принципами REST","\u002Fcsharp\u002Faspnet\u002Fapi\u002Frest-organizing","01.csharp\u002F11.aspnet\u002F02.api\u002F05.rest-organizing",{"title":756,"path":757,"stem":758},"Номенклатура URL та CRUD-операції","\u002Fcsharp\u002Faspnet\u002Fapi\u002Furl-nomenclature-crud","01.csharp\u002F11.aspnet\u002F02.api\u002F06.url-nomenclature-crud",{"title":760,"path":761,"stem":762},"Правила дизайну: іменування та стандарти","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-naming","01.csharp\u002F11.aspnet\u002F02.api\u002F07.api-design-naming",{"title":764,"path":765,"stem":766},"Валідація, ліміти та обробка помилок","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-validation","01.csharp\u002F11.aspnet\u002F02.api\u002F08.api-design-validation",{"title":768,"path":769,"stem":770},"Обробка помилок у Minimal API","\u002Fcsharp\u002Faspnet\u002Fapi\u002Ferror-handling-http","01.csharp\u002F11.aspnet\u002F02.api\u002F09.error-handling-http",{"title":772,"path":773,"stem":774},"Ідемпотентність та синхронізація стану","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fidempotency-sync","01.csharp\u002F11.aspnet\u002F02.api\u002F10.idempotency-sync",{"title":776,"path":777,"stem":778},"Пагінація та організація списків","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fpagination-lists","01.csharp\u002F11.aspnet\u002F02.api\u002F11.pagination-lists",{"title":780,"path":781,"stem":782},"Безпека API, кешування та інтернаціоналізація","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fsecurity-auth","01.csharp\u002F11.aspnet\u002F02.api\u002F12.security-auth",{"title":784,"path":785,"stem":786},"Процес проєктування API та документування","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-process","01.csharp\u002F11.aspnet\u002F02.api\u002F13.api-design-process",{"title":788,"path":789,"stem":790},"OpenAPI: контракт, специфікація та документація API","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fopenapi","01.csharp\u002F11.aspnet\u002F02.api\u002F14.openapi",{"title":792,"icon":793,"path":794,"stem":795,"children":796,"page":59},"Auth","i-lucide-shield-check","\u002Fcsharp\u002Faspnet\u002Fauth","01.csharp\u002F11.aspnet\u002F03.auth",[797,801,805,809,813,817,821,825,829,833,837,841,845,849,853,857,861,865],{"title":798,"path":799,"stem":800},"Основи аутентифікації та авторизації","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fauth-fundamentals","01.csharp\u002F11.aspnet\u002F03.auth\u002F01.auth-fundamentals",{"title":802,"path":803,"stem":804},"JWT-аутентифікація","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fjwt-authentication","01.csharp\u002F11.aspnet\u002F03.auth\u002F02.jwt-authentication",{"title":806,"path":807,"stem":808},"Авторизація: ролі, політики та resource-based доступ","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fauthorization-policies","01.csharp\u002F11.aspnet\u002F03.auth\u002F03.authorization-policies",{"title":810,"path":811,"stem":812},"Cookie-аутентифікація та ASP.NET Core Identity","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fcookie-auth-identity","01.csharp\u002F11.aspnet\u002F03.auth\u002F04.cookie-auth-identity",{"title":814,"path":815,"stem":816},"JWT + Refresh Tokens (HttpOnly Cookie)","\u002Fcsharp\u002Faspnet\u002Fauth\u002F04b.identity-auth-jwt","01.csharp\u002F11.aspnet\u002F03.auth\u002F04b.identity-auth-jwt",{"title":818,"path":819,"stem":820},"Identity: Підтвердження Email та Скидання Пароля","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-email-confirmation","01.csharp\u002F11.aspnet\u002F03.auth\u002F05.identity-email-confirmation",{"title":822,"path":823,"stem":824},"Identity: Двофакторна Аутентифікація (2FA)","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-two-factor","01.csharp\u002F11.aspnet\u002F03.auth\u002F06.identity-two-factor",{"title":826,"path":827,"stem":828},"Identity: Внутрішня Архітектура та Кастомізація","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-internals","01.csharp\u002F11.aspnet\u002F03.auth\u002F07.identity-internals",{"title":830,"path":831,"stem":832},"OAuth 2.0 та зовнішні провайдери","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foauth-external-providers","01.csharp\u002F11.aspnet\u002F03.auth\u002F08.oauth-external-providers",{"title":834,"path":835,"stem":836},"Безпека на практиці: CORS, HTTPS та захист від атак","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fsecurity-hardening","01.csharp\u002F11.aspnet\u002F03.auth\u002F09.security-hardening",{"title":838,"path":839,"stem":840},"Теорія OAuth 2.0: Поняття, Аналогії та Флоу","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foauth-theory","01.csharp\u002F11.aspnet\u002F03.auth\u002F10.oauth-theory",{"title":842,"path":843,"stem":844},"OIDC, OAuth 2.0 та Keycloak в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foidc-keycloak","01.csharp\u002F11.aspnet\u002F03.auth\u002F10.oidc-keycloak",{"title":846,"path":847,"stem":848},"API Keys аутентифікація в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fapi-keys","01.csharp\u002F11.aspnet\u002F03.auth\u002F11.api-keys",{"title":850,"path":851,"stem":852},"Rate Limiting та Throttling в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frate-limiting","01.csharp\u002F11.aspnet\u002F03.auth\u002F12.rate-limiting",{"title":854,"path":855,"stem":856},"Refresh Token Rotation в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frefresh-token-rotation","01.csharp\u002F11.aspnet\u002F03.auth\u002F13.refresh-token-rotation",{"title":858,"path":859,"stem":860},"Certificate Authentication та mTLS в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fcertificate-auth","01.csharp\u002F11.aspnet\u002F03.auth\u002F14.certificate-auth",{"title":862,"path":863,"stem":864},"RBAC, ABAC та ReBAC в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frbac-abac-rebac","01.csharp\u002F11.aspnet\u002F03.auth\u002F15.rbac-abac-rebac",{"title":866,"path":867,"stem":868},"Multi-tenancy та ізоляція даних в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fmulti-tenancy","01.csharp\u002F11.aspnet\u002F03.auth\u002F16.multi-tenancy",{"title":870,"icon":871,"path":872,"stem":873,"children":874,"page":59},"Нотифікації","i-lucide-bell","\u002Fcsharp\u002Faspnet\u002Fnotifications","01.csharp\u002F11.aspnet\u002F04.notifications",[875,879,883,887,891,895,899,903,907,911,915,919,923],{"title":876,"path":877,"stem":878},"In-App нотифікації через базу даних","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fin-app-database-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F01.in-app-database-notifications",{"title":880,"path":881,"stem":882},"Polling: Регулярний запит оновлень","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fpolling","01.csharp\u002F11.aspnet\u002F04.notifications\u002F02.polling",{"title":884,"path":885,"stem":886},"Server-Sent Events: Однострімовий push від сервера","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fserver-sent-events","01.csharp\u002F11.aspnet\u002F04.notifications\u002F03.server-sent-events",{"title":888,"path":889,"stem":890},"WebSockets: Двостороннє з'єднання в реальному часі","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fwebsockets","01.csharp\u002F11.aspnet\u002F04.notifications\u002F04.websockets",{"title":892,"path":893,"stem":894},"SignalR: Абстракція над транспортами реального часу","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fsignalr","01.csharp\u002F11.aspnet\u002F04.notifications\u002F05.signalr",{"title":896,"path":897,"stem":898},"Background Services: Фонові задачі в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fbackground-services","01.csharp\u002F11.aspnet\u002F04.notifications\u002F06.background-services",{"title":900,"path":901,"stem":902},"Web Push нотифікації","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fweb-push","01.csharp\u002F11.aspnet\u002F04.notifications\u002F07.web-push",{"title":904,"path":905,"stem":906},"Email нотифікації","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Femail-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F08.email-notifications",{"title":908,"path":909,"stem":910},"Порівняння підходів: Як вибрати правильну технологію нотифікацій","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fchoosing-the-right-approach","01.csharp\u002F11.aspnet\u002F04.notifications\u002F09.choosing-the-right-approach",{"title":912,"path":913,"stem":914},"Hangfire: Надійне планування фонових задач","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire","01.csharp\u002F11.aspnet\u002F04.notifications\u002F10.hangfire",{"title":916,"path":917,"stem":918},"Практика: Конвертація зображень у WebP через Hangfire","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire-image-webp","01.csharp\u002F11.aspnet\u002F04.notifications\u002F11.hangfire-image-webp",{"title":920,"path":921,"stem":922},"Практика: Підготовка відео до HLS-стрімінгу через Hangfire","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire-video-hls","01.csharp\u002F11.aspnet\u002F04.notifications\u002F12.hangfire-video-hls",{"title":924,"path":925,"stem":926},"Telegram-нотифікації: від одного повідомлення до масових розсилок і мульти-канального підходу","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Ftelegram-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F13.telegram-notifications",{"title":928,"icon":929,"path":930,"stem":931,"children":932,"page":59},"Інтернаціоналізація","i-lucide-languages","\u002Fcsharp\u002Faspnet\u002Fi18n","01.csharp\u002F11.aspnet\u002F05.i18n",[933,937],{"title":934,"path":935,"stem":936},"Інтернаціоналізація (i18n) у Minimal API: від A до Я","\u002Fcsharp\u002Faspnet\u002Fi18n\u002Finternationalization","01.csharp\u002F11.aspnet\u002F05.i18n\u002F01.internationalization",{"title":938,"path":939,"stem":940},"Humanizer: людиномовні рядки у .NET","\u002Fcsharp\u002Faspnet\u002Fi18n\u002Fhumanizer","01.csharp\u002F11.aspnet\u002F05.i18n\u002F02.humanizer",{"title":942,"icon":943,"path":944,"stem":945,"children":946,"page":59},"Кешування","i-lucide-layers","\u002Fcsharp\u002Faspnet\u002Fcaching","01.csharp\u002F11.aspnet\u002F06.caching",[947,951,955,959,963],{"title":948,"path":949,"stem":950},"Огляд кешування: чотири рівні і коли що обирати","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fcaching","01.csharp\u002F11.aspnet\u002F06.caching\u002F01.caching",{"title":952,"path":953,"stem":954},"IMemoryCache: кеш в оперативній пам'яті","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fmemory-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F02.memory-cache",{"title":956,"path":957,"stem":958},"IDistributedCache і Redis: розподілений кеш","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fdistributed-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F03.distributed-cache",{"title":960,"path":961,"stem":962},"Response Cache: HTTP-кешування через Cache-Control","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fresponse-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F04.response-cache",{"title":964,"path":965,"stem":966},"Output Cache: серверний кеш HTTP-відповідей (.NET 7+)","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Foutput-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F05.output-cache",{"title":968,"icon":969,"path":970,"stem":971,"children":972,"page":59},"Тестування","i-lucide-test-tube","\u002Fcsharp\u002Faspnet\u002Ftesting","01.csharp\u002F11.aspnet\u002F07.testing",[973,977,981,985,989,993,997,1001,1005,1009,1013,1017,1021,1025,1029,1033,1037,1041,1045,1049,1053],{"title":974,"path":975,"stem":976},"Що таке тестування? Від інтуїції до науки","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwhat-is-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F01.what-is-testing",{"title":978,"path":979,"stem":980},"Піраміда тестування — Стратегія, а не Догма","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-pyramid","01.csharp\u002F11.aspnet\u002F07.testing\u002F02.testing-pyramid",{"title":982,"path":983,"stem":984},"Дві Школи Тестування — Лондон проти Детройту","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-schools","01.csharp\u002F11.aspnet\u002F07.testing\u002F03.testing-schools",{"title":986,"path":987,"stem":988},"TDD та BDD — Тести як Дизайн-інструмент","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftdd-and-bdd","01.csharp\u002F11.aspnet\u002F07.testing\u002F04.tdd-and-bdd",{"title":990,"path":991,"stem":992},"Що саме тестувати — Техніки аналізу та Циклomatична складність","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwhat-to-test","01.csharp\u002F11.aspnet\u002F07.testing\u002F05.what-to-test",{"title":994,"path":995,"stem":996},"Тестові Фреймворки — Навіщо вони і що всередині","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftest-frameworks","01.csharp\u002F11.aspnet\u002F07.testing\u002F06.test-frameworks",{"title":998,"path":999,"stem":1000},"xUnit — Факти, Теорії та Lifecycle тестів","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fxunit-basics","01.csharp\u002F11.aspnet\u002F07.testing\u002F07.xunit-basics",{"title":1002,"path":1003,"stem":1004},"xUnit Advanced — Fixtures, Кастомізація та Розширення","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fxunit-advanced","01.csharp\u002F11.aspnet\u002F07.testing\u002F08.xunit-advanced",{"title":1006,"path":1007,"stem":1008},"Moq — Глибоке занурення в мокування","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fmocking-with-moq","01.csharp\u002F11.aspnet\u002F07.testing\u002F09.mocking-with-moq",{"title":1010,"path":1011,"stem":1012},"Тестування Баз Даних — EF Core, SQLite та Testcontainers","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fdatabase-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F10.database-testing",{"title":1014,"path":1015,"stem":1016},"Integration Testing — Частина 1 [Теорія та WebApplicationFactory]","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fintegration-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F11.integration-testing",{"title":1018,"path":1019,"stem":1020},"Інтеграційне тестування — Практика","\u002Fcsharp\u002Faspnet\u002Ftesting\u002F11a.integration-testing-practice","01.csharp\u002F11.aspnet\u002F07.testing\u002F11a.integration-testing-practice",{"title":1022,"path":1023,"stem":1024},"Integration Testing — Частина 2 [Просунуті Сценарії та Testcontainers]","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fintegration-testing-advanced","01.csharp\u002F11.aspnet\u002F07.testing\u002F12.integration-testing-advanced",{"title":1026,"path":1027,"stem":1028},"Професійний Postman: Колекції, Змінні та GitHub Інтеграція","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fpostman-professional","01.csharp\u002F11.aspnet\u002F07.testing\u002F13.postman-professional",{"title":1030,"path":1031,"stem":1032},"HttpClient у Тестах Частина 1: Архітектура та MockHttpMessageHandler","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fhttpclient-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F14.httpclient-testing",{"title":1034,"path":1035,"stem":1036},"HttpClient у Тестах Частина 2: WireMock.Net та Resilience","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwiremock-net","01.csharp\u002F11.aspnet\u002F07.testing\u002F15.wiremock-net",{"title":1038,"path":1039,"stem":1040},"Патерни та Анти-патерни Тестування: Test Smells","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-patterns","01.csharp\u002F11.aspnet\u002F07.testing\u002F16.testing-patterns",{"title":1042,"path":1043,"stem":1044},"Просунуті інструменти: Time, Snapshots та Властивості","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fadvanced-testing-tools","01.csharp\u002F11.aspnet\u002F07.testing\u002F17.advanced-testing-tools",{"title":1046,"path":1047,"stem":1048},"Тестування Архітектури з NetArchTest","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Farchitecture-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F18.architecture-testing",{"title":1050,"path":1051,"stem":1052},"Тестування Продуктивності: BenchmarkDotNet, NBomber та k6","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fperformance-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F19.performance-testing",{"title":1054,"path":1055,"stem":1056},"Залишок плану для курсу \"Тестування ASP.NET Minimal API\"","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fremaining_plan","01.csharp\u002F11.aspnet\u002F07.testing\u002Fremaining_plan",{"title":1058,"icon":1059,"path":1060,"stem":1061,"children":1062,"page":59},"Платежі","i-lucide-credit-card","\u002Fcsharp\u002Faspnet\u002Fpayments","01.csharp\u002F11.aspnet\u002F08.payments",[1063,1067,1071,1075,1079,1083,1087,1091,1095,1099,1103,1107],{"title":1064,"path":1065,"stem":1066},"Основи платіжної інфраструктури","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-fundamentals","01.csharp\u002F11.aspnet\u002F08.payments\u002F01.payment-fundamentals",{"title":1068,"path":1069,"stem":1070},"Методи оплати в Україні","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-methods-ukraine","01.csharp\u002F11.aspnet\u002F08.payments\u002F02.payment-methods-ukraine",{"title":1072,"path":1073,"stem":1074},"PCI DSS та безпека платежів","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpci-dss-security","01.csharp\u002F11.aspnet\u002F08.payments\u002F03.pci-dss-security",{"title":1076,"path":1077,"stem":1078},"Архітектура платіжної підсистеми","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-architecture","01.csharp\u002F11.aspnet\u002F08.payments\u002F04.payment-architecture",{"title":1080,"path":1081,"stem":1082},"Інтеграція LiqPay (ПриватБанк)","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fliqpay-integration","01.csharp\u002F11.aspnet\u002F08.payments\u002F05.liqpay-integration",{"title":1084,"path":1085,"stem":1086},"Інтеграція Monobank Acquiring API","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fmonobank-acquiring","01.csharp\u002F11.aspnet\u002F08.payments\u002F06.monobank-acquiring",{"title":1088,"path":1089,"stem":1090},"Інтеграція Stripe","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fstripe-integration","01.csharp\u002F11.aspnet\u002F08.payments\u002F07.stripe-integration",{"title":1092,"path":1093,"stem":1094},"Webhooks — глибоке занурення","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fwebhooks-deep-dive","01.csharp\u002F11.aspnet\u002F08.payments\u002F08.webhooks-deep-dive",{"title":1096,"path":1097,"stem":1098},"Підписки та рекурентні платежі","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fsubscriptions-recurring","01.csharp\u002F11.aspnet\u002F08.payments\u002F09.subscriptions-recurring",{"title":1100,"path":1101,"stem":1102},"Повернення коштів та диспути","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Frefunds-disputes","01.csharp\u002F11.aspnet\u002F08.payments\u002F10.refunds-disputes",{"title":1104,"path":1105,"stem":1106},"Тестування платіжних інтеграцій","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Ftesting-payments","01.csharp\u002F11.aspnet\u002F08.payments\u002F11.testing-payments",{"title":1108,"path":1109,"stem":1110},"Чекліст виходу в Production","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fproduction-checklist","01.csharp\u002F11.aspnet\u002F08.payments\u002F12.production-checklist",{"title":1112,"icon":1113,"items":1114,"path":1127,"stem":1128,"children":1129,"page":59},"Популярні бібліотеки","lucide:box",[1115,1116,1117,1118,1119,1120,1121,1122,1123,1124,1125,1126],"01.fluent-validation","02.mapster","03.erroror-result-pattern","04.serilog","05.mediatr","06.polly","07.health-checks","08.feature-management","09.fluent-email","10.quest-pdf","11.bogus","12.humanizer-guard","\u002Fcsharp\u002Faspnet\u002Flibraries","01.csharp\u002F11.aspnet\u002F09.libraries",[1130,1134,1138,1142,1146,1150,1154,1158,1162,1166,1170,1174,1178],{"title":1131,"path":1132,"stem":1133},"Валідація з FluentValidation в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffluent-validation","01.csharp\u002F11.aspnet\u002F09.libraries\u002F01.fluent-validation",{"title":1135,"path":1136,"stem":1137},"Маппінг об","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fmapster","01.csharp\u002F11.aspnet\u002F09.libraries\u002F02.mapster",{"title":1139,"path":1140,"stem":1141},"Обробка помилок з ErrorOr та Result Pattern в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ferroror-result-pattern","01.csharp\u002F11.aspnet\u002F09.libraries\u002F03.erroror-result-pattern",{"title":1143,"path":1144,"stem":1145},"Структуроване логування з Serilog в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fserilog","01.csharp\u002F11.aspnet\u002F09.libraries\u002F04.serilog",{"title":1147,"path":1148,"stem":1149},"CQRS та Mediator з MediatR в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fmediatr","01.csharp\u002F11.aspnet\u002F09.libraries\u002F05.mediatr",{"title":1151,"path":1152,"stem":1153},"Відмовостійкість з Polly в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fpolly","01.csharp\u002F11.aspnet\u002F09.libraries\u002F06.polly",{"title":1155,"path":1156,"stem":1157},"Health Checks в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fhealth-checks","01.csharp\u002F11.aspnet\u002F09.libraries\u002F07.health-checks",{"title":1159,"path":1160,"stem":1161},"Feature Management та Feature Flags в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffeature-management","01.csharp\u002F11.aspnet\u002F09.libraries\u002F08.feature-management",{"title":1163,"path":1164,"stem":1165},"Відправка Email з FluentEmail в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffluent-email","01.csharp\u002F11.aspnet\u002F09.libraries\u002F09.fluent-email",{"title":1167,"path":1168,"stem":1169},"Генерація PDF з QuestPDF в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fquest-pdf","01.csharp\u002F11.aspnet\u002F09.libraries\u002F10.quest-pdf",{"title":1171,"path":1172,"stem":1173},"Генерація тестових даних з Bogus в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fbogus","01.csharp\u002F11.aspnet\u002F09.libraries\u002F11.bogus",{"title":1175,"path":1176,"stem":1177},"Humanizer та Guard Clauses в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fhumanizer-guard","01.csharp\u002F11.aspnet\u002F09.libraries\u002F12.humanizer-guard",{"title":1179,"path":1180,"stem":1181},"План модуля 10.libraries — Популярні бібліотеки ASP.NET","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fplan","01.csharp\u002F11.aspnet\u002F09.libraries\u002Fplan",{"title":1183,"icon":1184,"path":1185,"stem":1186,"children":1187,"page":59},"Razor Pages","i-lucide-layout-template","\u002Fcsharp\u002Faspnet\u002Frazor-pages","01.csharp\u002F11.aspnet\u002F10.razor-pages",[1188,1192,1196,1200,1204,1208],{"title":1189,"path":1190,"stem":1191},"Від Minimal API до Razor Pages: концептуальний перехід","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Ffrom-minimal-api","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F01.from-minimal-api",{"title":1193,"path":1194,"stem":1195},"PageModel: логіка сторінки Razor Pages","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fpage-model","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F02.page-model",{"title":1197,"path":1198,"stem":1199},"Razor синтаксис: шаблонізатор у .cshtml","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Frazor-syntax","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F03.razor-syntax",{"title":1201,"path":1202,"stem":1203},"Tag Helpers: типізований HTML","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Ftag-helpers","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F04.tag-helpers",{"title":1205,"path":1206,"stem":1207},"Форми і валідація: повний цикл обробки даних","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fforms-validation","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F05.forms-validation",{"title":1209,"path":1210,"stem":1211},"Практичний проєкт: TaskManager на Razor Pages","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fproject-task-manager","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F06.project-task-manager",{"title":1213,"path":1214,"stem":1215,"children":1216,"page":59},"ASP.NET Core MVC","\u002Fcsharp\u002Faspnet\u002Fmvc","01.csharp\u002F11.aspnet\u002F11.mvc",[1217,1221,1225,1229,1233,1237,1241,1245,1249,1253,1257,1261,1265,1269,1273,1277,1281,1285],{"title":1218,"path":1219,"stem":1220},"Патерн MVC: архітектура, що змінила веб","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmvc-pattern","01.csharp\u002F11.aspnet\u002F11.mvc\u002F01.mvc-pattern",{"title":1222,"path":1223,"stem":1224},"Від Razor Pages до MVC: концептуальний перехід","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffrom-razor-pages","01.csharp\u002F11.aspnet\u002F11.mvc\u002F02.from-razor-pages",{"title":1226,"path":1227,"stem":1228},"Controllers та Actions: серце MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fcontrollers-actions","01.csharp\u002F11.aspnet\u002F11.mvc\u002F03.controllers-actions",{"title":1230,"path":1231,"stem":1232},"Маршрутизація в MVC: Convention vs Attribute Routing","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Frouting-mvc","01.csharp\u002F11.aspnet\u002F11.mvc\u002F04.routing-mvc",{"title":1234,"path":1235,"stem":1236},"Model Binding: від HTTP до C#","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmodel-binding","01.csharp\u002F11.aspnet\u002F11.mvc\u002F05.model-binding",{"title":1238,"path":1239,"stem":1240},"Views, ViewData, ViewBag, TempData і ViewModel","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fviews-viewdata-tempdata","01.csharp\u002F11.aspnet\u002F11.mvc\u002F06.views-viewdata-tempdata",{"title":1242,"path":1243,"stem":1244},"Filters: аспектно-орієнтоване програмування в MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffilters","01.csharp\u002F11.aspnet\u002F11.mvc\u002F07.filters",{"title":1246,"path":1247,"stem":1248},"Areas: структурування великих застосунків","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fareas","01.csharp\u002F11.aspnet\u002F11.mvc\u002F08.areas",{"title":1250,"path":1251,"stem":1252},"View Components: повторювані незалежні блоки UI","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fview-components","01.csharp\u002F11.aspnet\u002F11.mvc\u002F09.view-components",{"title":1254,"path":1255,"stem":1256},"Display та Editor Templates","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fdisplay-editor-templates","01.csharp\u002F11.aspnet\u002F11.mvc\u002F10.display-editor-templates",{"title":1258,"path":1259,"stem":1260},"Валідація: IValidatableObject та FluentValidation","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fvalidation-advanced","01.csharp\u002F11.aspnet\u002F11.mvc\u002F11.validation-advanced",{"title":1262,"path":1263,"stem":1264},"HTMX: інтерактивність через HTML-атрибути","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fhtmx","01.csharp\u002F11.aspnet\u002F11.mvc\u002F12.htmx",{"title":1266,"path":1267,"stem":1268},"HTMX у ASP.NET Core MVC: серверна інтеграція","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fajax-htmx-mvc","01.csharp\u002F11.aspnet\u002F11.mvc\u002F13.ajax-htmx-mvc",{"title":1270,"path":1271,"stem":1272},"Практичний проєкт: Каталог товарів з HTMX","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fhtmx-project","01.csharp\u002F11.aspnet\u002F11.mvc\u002F14.htmx-project",{"title":1274,"path":1275,"stem":1276},"Завантаження та обробка файлів","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffile-upload","01.csharp\u002F11.aspnet\u002F11.mvc\u002F15.file-upload",{"title":1278,"path":1279,"stem":1280},"Глобалізація та Локалізація MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fglobalization-localization","01.csharp\u002F11.aspnet\u002F11.mvc\u002F16.globalization-localization",{"title":1282,"path":1283,"stem":1284},"Підсумковий проєкт: Блог-платформа","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmvc-project","01.csharp\u002F11.aspnet\u002F11.mvc\u002F17.mvc-project",{"title":1286,"path":1287,"stem":1288},"План курсу: ASP.NET Core MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fplan","01.csharp\u002F11.aspnet\u002F11.mvc\u002Fplan",{"title":1290,"path":1291,"stem":1292,"children":1293,"page":59},"Web Api","\u002Fcsharp\u002Faspnet\u002Fweb-api","01.csharp\u002F11.aspnet\u002F12.web-api",[1294,1298,1302,1306,1310,1314,1318,1322,1326,1330,1334,1338,1342],{"title":1295,"path":1296,"stem":1297},"Від Minimal API до Controller-based API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Ffrom-minimal-api-to-controllers","01.csharp\u002F11.aspnet\u002F12.web-api\u002F01.from-minimal-api-to-controllers",{"title":1299,"path":1300,"stem":1301},"ControllerBase, ActionResult\u003CT> та Response Types","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fcontroller-base-actionresult","01.csharp\u002F11.aspnet\u002F12.web-api\u002F02.controller-base-actionresult",{"title":1303,"path":1304,"stem":1305},"Content Negotiation - JSON, XML та власні форматери","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fcontent-negotiation","01.csharp\u002F11.aspnet\u002F12.web-api\u002F03.content-negotiation",{"title":1307,"path":1308,"stem":1309},"Версіонування API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fapi-versioning","01.csharp\u002F11.aspnet\u002F12.web-api\u002F04.api-versioning",{"title":1311,"path":1312,"stem":1313},"ProblemDetails та структурована обробка помилок","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fproblemdetails-error-handling","01.csharp\u002F11.aspnet\u002F12.web-api\u002F05.problemdetails-error-handling",{"title":1315,"path":1316,"stem":1317},"Фільтри у Web API контексті","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Ffilters-for-api","01.csharp\u002F11.aspnet\u002F12.web-api\u002F06.filters-for-api",{"title":1319,"path":1320,"stem":1321},"Пагінація, фільтрація та сортування","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fpagination-filtering-sorting","01.csharp\u002F11.aspnet\u002F12.web-api\u002F07.pagination-filtering-sorting",{"title":1323,"path":1324,"stem":1325},"HATEOAS та Resource Expansion","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fhateoas-resource-expansion","01.csharp\u002F11.aspnet\u002F12.web-api\u002F08.hateoas-resource-expansion",{"title":1327,"path":1328,"stem":1329},"Гібридна архітектура - Minimal API + Controllers","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fminimal-api-vs-controllers-hybrid","01.csharp\u002F11.aspnet\u002F12.web-api\u002F09.minimal-api-vs-controllers-hybrid",{"title":1331,"path":1332,"stem":1333},"Документація API - Swashbuckle, NSwag та генерація клієнтів","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fapi-documentation-generation","01.csharp\u002F11.aspnet\u002F12.web-api\u002F10.api-documentation-generation",{"title":1335,"path":1336,"stem":1337},"Health Checks та моніторинг API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fhealth-checks-monitoring","01.csharp\u002F11.aspnet\u002F12.web-api\u002F11.health-checks-monitoring",{"title":1339,"path":1340,"stem":1341},"Підсумковий проєкт - Production-Ready REST API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fweb-api-project","01.csharp\u002F11.aspnet\u002F12.web-api\u002F12.web-api-project",{"title":1343,"path":1344,"stem":1345},"План курсу: ASP.NET Core Web API (Controllers)","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fplan","01.csharp\u002F11.aspnet\u002F12.web-api\u002Fplan",{"title":1347,"icon":1348,"path":1349,"stem":1350,"children":1351,"page":59},"Моніторинг","i-lucide-activity","\u002Fcsharp\u002Faspnet\u002Fmonitoring","01.csharp\u002F11.aspnet\u002F13.monitoring",[1352,1356,1360],{"title":1353,"path":1354,"stem":1355},"Спостережуваність: від console.log до production-систем","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fobservability-intro","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F01.observability-intro",{"title":1357,"path":1358,"stem":1359},"Health Checks: перший рівень observability","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fhealth-checks","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F02.health-checks",{"title":1361,"path":1362,"stem":1363},"Вбудовані метрики .NET 10 та System.Diagnostics.Metrics","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fdotnet-metrics","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F03.dotnet-metrics",{"title":1365,"icon":1366,"path":1367,"stem":1368,"children":1369,"page":59},"Desktop UI","i-lucide-app-window","\u002Fcsharp\u002Fdesktop-ui","01.csharp\u002F12.desktop-ui",[1370,1374,1378,1382,1386,1390,1394,1398,1402,1406,1410,1414,1418,1422,1426,1430,1434,1438,1442,1446,1450,1454,1458,1462,1466,1470,1474,1478,1482,1486,1490,1494,1498,1502,1506,1510,1514,1518,1522,1526,1530,1534,1538,1542,1546,1550,1554,1558,1562,1566,1570,1574,1578,1582,1586,1590,1594,1598,1602,1606,1610,1614,1618,1622,1626,1630,1634,1638,1642,1646,1650],{"title":1371,"path":1372,"stem":1373},"Що таке десктопна розробка?","\u002Fcsharp\u002Fdesktop-ui\u002Fwhat-is-desktop-dev","01.csharp\u002F12.desktop-ui\u002F01.what-is-desktop-dev",{"title":1375,"path":1376,"stem":1377},"Архітектура WPF — як влаштований графічний інтерфейс","\u002Fcsharp\u002Fdesktop-ui\u002Fwpf-architecture","01.csharp\u002F12.desktop-ui\u002F02.wpf-architecture",{"title":1379,"path":1380,"stem":1381},"Перший WPF-проєкт — від нуля до вікна","\u002Fcsharp\u002Fdesktop-ui\u002Ffirst-wpf-app","01.csharp\u002F12.desktop-ui\u002F03.first-wpf-app",{"title":1383,"path":1384,"stem":1385},"Перший Avalonia-проєкт: WPF для всіх платформ","\u002Fcsharp\u002Fdesktop-ui\u002F03a.first-avalonia-app","01.csharp\u002F12.desktop-ui\u002F03a.first-avalonia-app",{"title":1387,"path":1388,"stem":1389},"XAML: декларативний інтерфейс","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-basics","01.csharp\u002F12.desktop-ui\u002F04.xaml-basics",{"title":1391,"path":1392,"stem":1393},"Fluent UI у WPF — сучасний дизайн Windows 11","\u002Fcsharp\u002Fdesktop-ui\u002F04a.wpf-fluent-ui","01.csharp\u002F12.desktop-ui\u002F04a.wpf-fluent-ui",{"title":1395,"path":1396,"stem":1397},"WPF UI — сучасна бібліотека Fluent контролів","\u002Fcsharp\u002Fdesktop-ui\u002F04b.wpf-ui-library","01.csharp\u002F12.desktop-ui\u002F04b.wpf-ui-library",{"title":1399,"path":1400,"stem":1401},"HandyControl — велика бібліотека UI контролів для WPF","\u002Fcsharp\u002Fdesktop-ui\u002F04c.handycontrol-library","01.csharp\u002F12.desktop-ui\u002F04c.handycontrol-library",{"title":1403,"path":1404,"stem":1405},"Простори імен та ресурси XAML","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-namespaces-resources","01.csharp\u002F12.desktop-ui\u002F05.xaml-namespaces-resources",{"title":1407,"path":1408,"stem":1409},"XAML в Avalonia: ключові відмінності від WPF","\u002Fcsharp\u002Fdesktop-ui\u002F05a.avalonia-xaml-differences","01.csharp\u002F12.desktop-ui\u002F05a.avalonia-xaml-differences",{"title":1411,"path":1412,"stem":1413},"Розширення розмітки XAML (Markup Extensions)","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-markup-extensions","01.csharp\u002F12.desktop-ui\u002F06.xaml-markup-extensions",{"title":1415,"path":1416,"stem":1417},"Панелі Layout: StackPanel, WrapPanel, DockPanel","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-panels-part1","01.csharp\u002F12.desktop-ui\u002F07.layout-panels-part1",{"title":1419,"path":1420,"stem":1421},"Grid, Canvas, UniformGrid","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-panels-part2","01.csharp\u002F12.desktop-ui\u002F07.layout-panels-part2",{"title":1423,"path":1424,"stem":1425},"Просунуті техніки Layout","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-advanced","01.csharp\u002F12.desktop-ui\u002F08.layout-advanced",{"title":1427,"path":1428,"stem":1429},"Адаптивний Layout та найкращі практики","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-responsive","01.csharp\u002F12.desktop-ui\u002F09.layout-responsive",{"title":1431,"path":1432,"stem":1433},"Layout в Avalonia: відмінності та нові можливості","\u002Fcsharp\u002Fdesktop-ui\u002F09a.layout-avalonia","01.csharp\u002F12.desktop-ui\u002F09a.layout-avalonia",{"title":1435,"path":1436,"stem":1437},"Button, Image, ProgressBar та інші базові контроли","\u002Fcsharp\u002Fdesktop-ui\u002Fbasic-controls","01.csharp\u002F12.desktop-ui\u002F10.basic-controls",{"title":1439,"path":1440,"stem":1441},"Контроли в Avalonia: відмінності від WPF","\u002Fcsharp\u002Fdesktop-ui\u002F10a.controls-avalonia","01.csharp\u002F12.desktop-ui\u002F10a.controls-avalonia",{"title":1443,"path":1444,"stem":1445},"Текстові контроли — TextBlock, TextBox, RichTextBox","\u002Fcsharp\u002Fdesktop-ui\u002Ftext-controls","01.csharp\u002F12.desktop-ui\u002F11.text-controls",{"title":1447,"path":1448,"stem":1449},"Контроли вибору — CheckBox, RadioButton, ComboBox, ListBox, DatePicker","\u002Fcsharp\u002Fdesktop-ui\u002Fselection-controls","01.csharp\u002F12.desktop-ui\u002F12.selection-controls",{"title":1451,"path":1452,"stem":1453},"Content Model — GroupBox, Expander, TabControl, StatusBar","\u002Fcsharp\u002Fdesktop-ui\u002Fcontent-controls","01.csharp\u002F12.desktop-ui\u002F13.content-controls",{"title":1455,"path":1456,"stem":1457},"UI\u002FUX принципи десктопних застосунків","\u002Fcsharp\u002Fdesktop-ui\u002F13a.ui-ux-principles","01.csharp\u002F12.desktop-ui\u002F13a.ui-ux-principles",{"title":1459,"path":1460,"stem":1461},"Dependency Properties — Концепція та Value Resolution","\u002Fcsharp\u002Fdesktop-ui\u002Fdependency-properties-part1","01.csharp\u002F12.desktop-ui\u002F14.dependency-properties-part1",{"title":1463,"path":1464,"stem":1465},"Avalonia Property System — StyledProperty та DirectProperty","\u002Fcsharp\u002Fdesktop-ui\u002F14a.avalonia-property-system","01.csharp\u002F12.desktop-ui\u002F14a.avalonia-property-system",{"title":1467,"path":1468,"stem":1469},"Attached Properties — Властивості без меж","\u002Fcsharp\u002Fdesktop-ui\u002Fattached-properties","01.csharp\u002F12.desktop-ui\u002F15.attached-properties",{"title":1471,"path":1472,"stem":1473},"Routed Events — Маршрутизація подій у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Frouted-events","01.csharp\u002F12.desktop-ui\u002F16.routed-events",{"title":1475,"path":1476,"stem":1477},"Data Binding — Від Code-Behind до Декларативності","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-basics-part1","01.csharp\u002F12.desktop-ui\u002F17.data-binding-basics-part1",{"title":1479,"path":1480,"stem":1481},"INotifyPropertyChanged — Живе оновлення UI","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-basics-part2","01.csharp\u002F12.desktop-ui\u002F17.data-binding-basics-part2",{"title":1483,"path":1484,"stem":1485},"Compiled Bindings в Avalonia — Безпека на етапі компіляції","\u002Fcsharp\u002Fdesktop-ui\u002F17a.avalonia-compiled-bindings","01.csharp\u002F12.desktop-ui\u002F17a.avalonia-compiled-bindings",{"title":1487,"path":1488,"stem":1489},"Просунутий Data Binding — ElementName, RelativeSource, MultiBinding","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-advanced","01.csharp\u002F12.desktop-ui\u002F18.data-binding-advanced",{"title":1491,"path":1492,"stem":1493},"Value Converters — Перетворення типів даних у Data Binding","\u002Fcsharp\u002Fdesktop-ui\u002Fvalue-converters","01.csharp\u002F12.desktop-ui\u002F19.value-converters",{"title":1495,"path":1496,"stem":1497},"Data Templates — Візуалізація об'єктів у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-templates","01.csharp\u002F12.desktop-ui\u002F20.data-templates",{"title":1499,"path":1500,"stem":1501},"Collections Binding Part 1 — ObservableCollection та ItemsControl","\u002Fcsharp\u002Fdesktop-ui\u002Fcollections-binding-part1","01.csharp\u002F12.desktop-ui\u002F21.collections-binding-part1",{"title":1503,"path":1504,"stem":1505},"Collections Binding Part 2 — ICollectionView, Filtering, Sorting та Virtualization","\u002Fcsharp\u002Fdesktop-ui\u002Fcollections-binding-part2","01.csharp\u002F12.desktop-ui\u002F21.collections-binding-part2",{"title":1507,"path":1508,"stem":1509},"MVVM Pattern — Від Spaghetti Code до архітектури","\u002Fcsharp\u002Fdesktop-ui\u002Fmvvm-pattern","01.csharp\u002F12.desktop-ui\u002F22.mvvm-pattern",{"title":1511,"path":1512,"stem":1513},"ViewModel Implementation — Від BaseViewModel до валідації","\u002Fcsharp\u002Fdesktop-ui\u002Fviewmodel-implementation","01.csharp\u002F12.desktop-ui\u002F23.viewmodel-implementation",{"title":1515,"path":1516,"stem":1517},"Commands — Від event handlers до декларативних команд","\u002Fcsharp\u002Fdesktop-ui\u002Fcommands","01.csharp\u002F12.desktop-ui\u002F24.commands",{"title":1519,"path":1520,"stem":1521},"MVVM Toolkit — MVVM без boilerplate через Source Generators","\u002Fcsharp\u002Fdesktop-ui\u002Fmvvm-toolkit","01.csharp\u002F12.desktop-ui\u002F25.mvvm-toolkit",{"title":1523,"path":1524,"stem":1525},"Messenger Pattern — Комунікація між ViewModel без прямих посилань","\u002Fcsharp\u002Fdesktop-ui\u002Fmessenger-pattern","01.csharp\u002F12.desktop-ui\u002F26.messenger-pattern",{"title":1527,"path":1528,"stem":1529},"Стилі WPF — CSS для десктопу","\u002Fcsharp\u002Fdesktop-ui\u002Fstyles-basics","01.csharp\u002F12.desktop-ui\u002F27.styles-basics",{"title":1531,"path":1532,"stem":1533},"CSS-like стилі Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002F27a.avalonia-css-styling","01.csharp\u002F12.desktop-ui\u002F27a.avalonia-css-styling",{"title":1535,"path":1536,"stem":1537},"Control Templates — Частина 1. Концепція та TemplateBinding","\u002Fcsharp\u002Fdesktop-ui\u002Fcontrol-templates-part1","01.csharp\u002F12.desktop-ui\u002F28.control-templates-part1",{"title":1539,"path":1540,"stem":1541},"Control Templates — Частина 2. Named Parts та ContentPresenter","\u002Fcsharp\u002Fdesktop-ui\u002Fcontrol-templates-part2","01.csharp\u002F12.desktop-ui\u002F28.control-templates-part2",{"title":1543,"path":1544,"stem":1545},"Control Themes в Avalonia — нова ера стилізації","\u002Fcsharp\u002Fdesktop-ui\u002F28a.avalonia-control-themes","01.csharp\u002F12.desktop-ui\u002F28a.avalonia-control-themes",{"title":1547,"path":1548,"stem":1549},"Triggers та Visual State Manager у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Ftriggers-visual-states","01.csharp\u002F12.desktop-ui\u002F29.triggers-visual-states",{"title":1551,"path":1552,"stem":1553},"Pseudo-classes в Avalonia — замість WPF Triggers","\u002Fcsharp\u002Fdesktop-ui\u002F29a.avalonia-pseudo-classes","01.csharp\u002F12.desktop-ui\u002F29a.avalonia-pseudo-classes",{"title":1555,"path":1556,"stem":1557},"Теми та ресурсні словники у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fresources-themes","01.csharp\u002F12.desktop-ui\u002F30.resources-themes",{"title":1559,"path":1560,"stem":1561},"Avalonia Themes — Fluent Design та система тематизації","\u002Fcsharp\u002Fdesktop-ui\u002F30a.avalonia-themes-fluent","01.csharp\u002F12.desktop-ui\u002F30a.avalonia-themes-fluent",{"title":1563,"path":1564,"stem":1565},"Контроли колекцій — глибоке занурення","\u002Fcsharp\u002Fdesktop-ui\u002Fcollection-controls","01.csharp\u002F12.desktop-ui\u002F31.collection-controls",{"title":1567,"path":1568,"stem":1569},"DataGrid — колонки та базове відображення","\u002Fcsharp\u002Fdesktop-ui\u002Fdatagrid-part1","01.csharp\u002F12.desktop-ui\u002F32.datagrid-part1",{"title":1571,"path":1572,"stem":1573},"DataGrid — сортування, фільтрація, редагування","\u002Fcsharp\u002Fdesktop-ui\u002Fdatagrid-part2","01.csharp\u002F12.desktop-ui\u002F32.datagrid-part2",{"title":1575,"path":1576,"stem":1577},"TreeView та GridView","\u002Fcsharp\u002Fdesktop-ui\u002Ftreeview-listview","01.csharp\u002F12.desktop-ui\u002F33.treeview-listview",{"title":1579,"path":1580,"stem":1581},"Меню, Toolbar, ContextMenu, StatusBar","\u002Fcsharp\u002Fdesktop-ui\u002Fmenus-toolbars","01.csharp\u002F12.desktop-ui\u002F34.menus-toolbars",{"title":1583,"path":1584,"stem":1585},"Навігація та керування вікнами. Частина 1: вікна та сторінки","\u002Fcsharp\u002Fdesktop-ui\u002Fnavigation-windows-part1","01.csharp\u002F12.desktop-ui\u002F35.navigation-windows-part1",{"title":1587,"path":1588,"stem":1589},"Навігація та керування вікнами. Частина 2: MVVM-навігація","\u002Fcsharp\u002Fdesktop-ui\u002Fnavigation-windows-part2","01.csharp\u002F12.desktop-ui\u002F35.navigation-windows-part2",{"title":1591,"path":1592,"stem":1593},"Avalonia — Навігація та діалоги","\u002Fcsharp\u002Fdesktop-ui\u002F35a.avalonia-navigation-dialogs","01.csharp\u002F12.desktop-ui\u002F35a.avalonia-navigation-dialogs",{"title":1595,"path":1596,"stem":1597},"Діалоги та File Pickers у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fdialogs-file-pickers","01.csharp\u002F12.desktop-ui\u002F36.dialogs-file-pickers",{"title":1599,"path":1600,"stem":1601},"UserControl: компонентний підхід у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fuser-controls","01.csharp\u002F12.desktop-ui\u002F37.user-controls",{"title":1603,"path":1604,"stem":1605},"Custom Controls: Lookless Controls у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fcustom-controls","01.csharp\u002F12.desktop-ui\u002F38.custom-controls",{"title":1607,"path":1608,"stem":1609},"Avalonia TemplatedControl — Lookless Controls","\u002Fcsharp\u002Fdesktop-ui\u002F38a.avalonia-templated-controls","01.csharp\u002F12.desktop-ui\u002F38a.avalonia-templated-controls",{"title":1611,"path":1612,"stem":1613},"Анімації у WPF: Storyboard та Easing Functions","\u002Fcsharp\u002Fdesktop-ui\u002Fanimations-transitions","01.csharp\u002F12.desktop-ui\u002F39.animations-transitions",{"title":1615,"path":1616,"stem":1617},"Анімації в Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002F39a.avalonia-animations","01.csharp\u002F12.desktop-ui\u002F39a.avalonia-animations",{"title":1619,"path":1620,"stem":1621},"2D Графіка та Мультимедіа у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fmedia-graphics","01.csharp\u002F12.desktop-ui\u002F40.media-graphics",{"title":1623,"path":1624,"stem":1625},"Dependency Injection у WPF та Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002Fdi-integration","01.csharp\u002F12.desktop-ui\u002F41.di-integration",{"title":1627,"path":1628,"stem":1629},"SQLite та EF Core у десктопних додатках","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-persistence-part1","01.csharp\u002F12.desktop-ui\u002F42.data-persistence-part1",{"title":1631,"path":1632,"stem":1633},"Repository Pattern та Unit of Work","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-persistence-part2","01.csharp\u002F12.desktop-ui\u002F43.data-persistence-part2",{"title":1635,"path":1636,"stem":1637},"Тестування ViewModels","\u002Fcsharp\u002Fdesktop-ui\u002Fviewmodel-testing","01.csharp\u002F12.desktop-ui\u002F44.viewmodel-testing",{"title":1639,"path":1640,"stem":1641},"Avalonia Headless Testing — тестування UI без вікон","\u002Fcsharp\u002Fdesktop-ui\u002F44a.avalonia-headless-testing","01.csharp\u002F12.desktop-ui\u002F44a.avalonia-headless-testing",{"title":1643,"path":1644,"stem":1645},"Кросплатформна розробка з Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002Favalonia-cross-platform","01.csharp\u002F12.desktop-ui\u002F45.avalonia-cross-platform",{"title":1647,"path":1648,"stem":1649},"Пакування та розгортання Avalonia додатків","\u002Fcsharp\u002Fdesktop-ui\u002Favalonia-packaging-deployment","01.csharp\u002F12.desktop-ui\u002F46.avalonia-packaging-deployment",{"title":1651,"path":1652,"stem":1653},"Розгортання WPF застосунків","\u002Fcsharp\u002Fdesktop-ui\u002Fwpf-packaging-deployment","01.csharp\u002F12.desktop-ui\u002F47.wpf-packaging-deployment",{"title":1655,"icon":658,"path":1656,"stem":1657,"children":1658,"page":59},"Network Programming","\u002Fcsharp\u002Fnetwork-programming","01.csharp\u002F13.network-programming",[1659,1663,1667,1671,1675,1679,1683,1687,1691,1695,1699],{"title":1660,"path":1661,"stem":1662},"Основи комп'ютерних мереж","\u002Fcsharp\u002Fnetwork-programming\u002Ffoundations","01.csharp\u002F13.network-programming\u002F01.foundations",{"title":1664,"path":1665,"stem":1666},"Модель OSI та стек TCP\u002FIP","\u002Fcsharp\u002Fnetwork-programming\u002Fosi-model","01.csharp\u002F13.network-programming\u002F02.osi-model",{"title":1668,"path":1669,"stem":1670},"IP-протокол та адресація","\u002Fcsharp\u002Fnetwork-programming\u002Fip-addressing","01.csharp\u002F13.network-programming\u002F03.ip-addressing",{"title":1672,"path":1673,"stem":1674},"UDP — протокол без з'єднання","\u002Fcsharp\u002Fnetwork-programming\u002Fudp","01.csharp\u002F13.network-programming\u002F05.udp",{"title":1676,"path":1677,"stem":1678},"UDP Broadcast та Multicast","\u002Fcsharp\u002Fnetwork-programming\u002Fudp-broadcast-multicast","01.csharp\u002F13.network-programming\u002F06.udp-broadcast-multicast",{"title":1680,"path":1681,"stem":1682},"HTTP — протокол вебу","\u002Fcsharp\u002Fnetwork-programming\u002Fhttp-fundamentals","01.csharp\u002F13.network-programming\u002F07.http-fundamentals",{"title":1684,"path":1685,"stem":1686},"HttpListener — вбудований HTTP-сервер .NET","\u002Fcsharp\u002Fnetwork-programming\u002F07a.http-listener","01.csharp\u002F13.network-programming\u002F07a.http-listener",{"title":1688,"path":1689,"stem":1690},"HTTP Advanced — cookies, аутентифікація та HTTPS","\u002Fcsharp\u002Fnetwork-programming\u002Fhttp-advanced","01.csharp\u002F13.network-programming\u002F08.http-advanced",{"title":1692,"path":1693,"stem":1694},"SMTP та протоколи електронної пошти","\u002Fcsharp\u002Fnetwork-programming\u002Fsmtp","01.csharp\u002F13.network-programming\u002F09.smtp",{"title":1696,"path":1697,"stem":1698},"WebSocket — повнодуплексний протокол реального часу","\u002Fcsharp\u002Fnetwork-programming\u002Fwebsockets","01.csharp\u002F13.network-programming\u002F10.websockets",{"title":1700,"path":1701,"stem":1702},"TLS\u002FSSL — криптографічний захист мережевих з'єднань","\u002Fcsharp\u002Fnetwork-programming\u002Ftls-ssl","01.csharp\u002F13.network-programming\u002F11.tls-ssl",{"title":1704,"path":1705,"stem":1706},"C# & .NET: The Ultimate Roadmap","\u002Fcsharp\u002Froadmap","01.csharp\u002Froadmap",{"title":1708,"icon":1709,"path":1710,"stem":1711,"children":1712,"page":59},"C++","i-devicon-cplusplus","\u002Fcpp","02.cpp",[1713,1717,1721,1725,1729,1733,1737,1741,1745,1748,1752,1756,1760,1764,1768,1772,1776,1780,1784,1788,1792,1796,1800,1804,1808,1812,1816,1820,1824,1828,1832,1836,1840,1844,1848,1852,1856,1860,1864,1868,1872,1876,1880,1884,1888,1892,1896,1900],{"title":1714,"path":1715,"stem":1716},"Вступ у програмування та алгоритми","\u002Fcpp\u002Fintro-algorithms","02.cpp\u002F01.intro-algorithms",{"title":1718,"path":1719,"stem":1720},"Code Style: угоди про оформлення коду","\u002Fcpp\u002Fcode-style","02.cpp\u002F02.code-style",{"title":1722,"path":1723,"stem":1724},"Середовище розробки та перший проєкт","\u002Fcpp\u002Fide-setup","02.cpp\u002F03.ide-setup",{"title":1726,"path":1727,"stem":1728},"Вивід даних на екран","\u002Fcpp\u002Fdata-output","02.cpp\u002F04.data-output",{"title":1730,"path":1731,"stem":1732},"Типи даних, змінні та константи","\u002Fcpp\u002Fdata-types-variables","02.cpp\u002F05.data-types-variables",{"title":1734,"path":1735,"stem":1736},"Ввід даних з клавіатури","\u002Fcpp\u002Fdata-input","02.cpp\u002F06.data-input",{"title":1738,"path":1739,"stem":1740},"Оператори, перетворення типів та логічні операції","\u002Fcpp\u002Foperators-type-conversion","02.cpp\u002F07.operators-type-conversion",{"title":1742,"path":1743,"stem":1744},"Цикли","\u002Fcpp\u002Floops","02.cpp\u002F08.loops",{"title":32,"path":1746,"stem":1747},"\u002Fcpp\u002Farrays","02.cpp\u002F09.arrays",{"title":1749,"path":1750,"stem":1751},"Алгоритми сортування та аналіз складності","\u002Fcpp\u002Fsorting","02.cpp\u002F10.sorting",{"title":1753,"path":1754,"stem":1755},"Алгоритми пошуку","\u002Fcpp\u002Fsearching","02.cpp\u002F11.searching",{"title":1757,"path":1758,"stem":1759},"Функції: основи","\u002Fcpp\u002Ffunctions-basics","02.cpp\u002F12.functions-basics",{"title":1761,"path":1762,"stem":1763},"Функції: прототипи, область видимості та додаткові можливості","\u002Fcpp\u002Ffunctions-scope","02.cpp\u002F13.functions-scope",{"title":1765,"path":1766,"stem":1767},"Функції: перевантаження та шаблони","\u002Fcpp\u002Ffunctions-overloading-templates","02.cpp\u002F14.functions-overloading-templates",{"title":1769,"path":1770,"stem":1771},"Вказівники: основи","\u002Fcpp\u002Fpointers-basics","02.cpp\u002F15.pointers-basics",{"title":1773,"path":1774,"stem":1775},"Посилання (References)","\u002Fcpp\u002Freferences","02.cpp\u002F16.references",{"title":1777,"path":1778,"stem":1779},"Вказівники, const і масиви","\u002Fcpp\u002Fpointers-const-arrays","02.cpp\u002F17.pointers-const-arrays",{"title":1781,"path":1782,"stem":1783},"Адресна арифметика","\u002Fcpp\u002Fpointer-arithmetic","02.cpp\u002F18.pointer-arithmetic",{"title":1785,"path":1786,"stem":1787},"Динамічна пам'ять","\u002Fcpp\u002Fdynamic-memory","02.cpp\u002F19.dynamic-memory",{"title":1789,"path":1790,"stem":1791},"Вказівники типу void","\u002Fcpp\u002Fvoid-pointers","02.cpp\u002F20.void-pointers",{"title":1793,"path":1794,"stem":1795},"Вказівники на вказівники","\u002Fcpp\u002Fpointers-to-pointers","02.cpp\u002F21.pointers-to-pointers",{"title":1797,"path":1798,"stem":1799},"Оператор доступу до членів через вказівник (->)","\u002Fcpp\u002Fmember-access-operator","02.cpp\u002F22.member-access-operator",{"title":1801,"path":1802,"stem":1803},"Цикл for-each (Range-based for)","\u002Fcpp\u002Fforeach-loop","02.cpp\u002F23.foreach-loop",{"title":1805,"path":1806,"stem":1807},"Вказівники на функції","\u002Fcpp\u002Ffunction-pointers","02.cpp\u002F24.function-pointers",{"title":1809,"path":1810,"stem":1811},"Лямбда-вирази","\u002Fcpp\u002Flambdas","02.cpp\u002F25.lambdas",{"title":1813,"path":1814,"stem":1815},"Лямбда-захоплення","\u002Fcpp\u002Flambda-captures","02.cpp\u002F26.lambda-captures",{"title":1817,"path":1818,"stem":1819},"Еліпсис","\u002Fcpp\u002Fellipsis","02.cpp\u002F27.ellipsis",{"title":1821,"path":1822,"stem":1823},"Безпечні альтернативи еліпсису","\u002Fcpp\u002F27a.ellipsis","02.cpp\u002F27a.ellipsis",{"title":1825,"path":1826,"stem":1827},"Аргументи командного рядка","\u002Fcpp\u002Fcommand-line-arguments","02.cpp\u002F28.command-line-arguments",{"title":1829,"path":1830,"stem":1831},"Перерахування (enum)","\u002Fcpp\u002Fenum","02.cpp\u002F29.enum",{"title":1833,"path":1834,"stem":1835},"Класи-перерахування (enum class)","\u002Fcpp\u002Fenum-class","02.cpp\u002F30.enum-class",{"title":1837,"path":1838,"stem":1839},"Псевдоніми типів (typedef і using)","\u002Fcpp\u002Ftype-aliases","02.cpp\u002F31.type-aliases",{"title":1841,"path":1842,"stem":1843},"Системи числення та двійкова арифметика","\u002Fcpp\u002Fnumber-systems","02.cpp\u002F32.number-systems",{"title":1845,"path":1846,"stem":1847},"Структури (struct): агрегування даних","\u002Fcpp\u002Fstruct","02.cpp\u002F33.struct",{"title":1849,"path":1850,"stem":1851},"Структури у функціях","\u002Fcpp\u002Fstruct-functions","02.cpp\u002F34.struct-functions",{"title":1853,"path":1854,"stem":1855},"Масиви структур і вкладені структури","\u002Fcpp\u002Fstruct-arrays","02.cpp\u002F35.struct-arrays",{"title":1857,"path":1858,"stem":1859},"Патерни struct та межі застосування","\u002Fcpp\u002Fstruct-patterns","02.cpp\u002F36.struct-patterns",{"title":1861,"path":1862,"stem":1863},"Символи та таблиця ASCII","\u002Fcpp\u002Fascii-characters","02.cpp\u002F37.ascii-characters",{"title":1865,"path":1866,"stem":1867},"Unicode та кодування UTF","\u002Fcpp\u002Funicode-utf","02.cpp\u002F38.unicode-utf",{"title":1869,"path":1870,"stem":1871},"C-style рядки","\u002Fcpp\u002Fc-strings","02.cpp\u002F39.c-strings",{"title":1873,"path":1874,"stem":1875},"Вступ до std::string","\u002Fcpp\u002Fstd-string-intro","02.cpp\u002F40.std-string-intro",{"title":1877,"path":1878,"stem":1879},"Довжина, ємність та доступ до символів std::string","\u002Fcpp\u002Fstd-string-capacity-access","02.cpp\u002F41.std-string-capacity-access",{"title":1881,"path":1882,"stem":1883},"Модифікація std::string: присвоювання, додавання, вставка, видалення та заміна","\u002Fcpp\u002Fstd-string-modification","02.cpp\u002F42.std-string-modification",{"title":1885,"path":1886,"stem":1887},"Пошук у std::string: find, npos та практичні патерни","\u002Fcpp\u002Fstd-string-search","02.cpp\u002F43.std-string-search",{"title":1889,"path":1890,"stem":1891},"std::string_view: невласницький погляд на рядок без копіювання","\u002Fcpp\u002Fstd-string-view","02.cpp\u002F44.std-string-view",{"title":1893,"path":1894,"stem":1895},"Об'єднання (union): один блок пам'яті, кілька інтерпретацій","\u002Fcpp\u002Funion","02.cpp\u002F45.union",{"title":1897,"path":1898,"stem":1899},"Організація коду: файли, препроцесор, простори імен","\u002Fcpp\u002Fmultifile-programs","02.cpp\u002F46.multifile-programs",{"title":1901,"path":1902,"stem":1903},"План навчання: Курс C++ — Продовження (Статті 29–60+)","\u002Fcpp\u002Fcurriculum-plan","02.cpp\u002Fcurriculum-plan",{"title":1905,"icon":1906,"path":1907,"stem":1908,"children":1909,"page":59},"JavaScript","i-devicon-javascript","\u002Fjavascript","03.javascript",[1910,1936,1990,2012,2316,2354],{"title":1911,"icon":1912,"path":1913,"stem":1914,"children":1915,"page":59},"Events","i-lucide-mouse-pointer-click","\u002Fjavascript\u002Fevents","03.javascript\u002F01.events",[1916,1920,1924,1928,1932],{"title":1917,"path":1918,"stem":1919},"Вступ до подій браузера","\u002Fjavascript\u002Fevents\u002Fintro","03.javascript\u002F01.events\u002F01.intro",{"title":1921,"path":1922,"stem":1923},"Бульбашковий механізм (Bubbling) та занурення (Capturing)","\u002Fjavascript\u002Fevents\u002Fbubbling-capturing","03.javascript\u002F01.events\u002F02.bubbling-capturing",{"title":1925,"path":1926,"stem":1927},"Делегування подій (Event Delegation)","\u002Fjavascript\u002Fevents\u002Fdelegate-events","03.javascript\u002F01.events\u002F03.delegate-events",{"title":1929,"path":1930,"stem":1931},"Типові дії браузера та preventDefault()","\u002Fjavascript\u002Fevents\u002Fprevent-default","03.javascript\u002F01.events\u002F04.prevent-default",{"title":1933,"path":1934,"stem":1935},"Запуск користувацьких подій (Custom Events)","\u002Fjavascript\u002Fevents\u002Fcustom-events","03.javascript\u002F01.events\u002F05.custom-events",{"title":1937,"icon":1938,"path":1939,"stem":1940,"children":1941,"page":59},"Network","i-lucide-globe","\u002Fjavascript\u002Fnetwork","03.javascript\u002F02.network",[1942,1946,1950,1954,1958,1962,1966,1970,1974,1978,1982,1986],{"title":1943,"path":1944,"stem":1945},"Fetch API - Сучасний підхід до HTTP-запитів","\u002Fjavascript\u002Fnetwork\u002F01-fetch-api","03.javascript\u002F02.network\u002F01-fetch-api",{"title":1947,"path":1948,"stem":1949},"FormData - Робота з формами та файлами","\u002Fjavascript\u002Fnetwork\u002F02-formdata","03.javascript\u002F02.network\u002F02-formdata",{"title":1951,"path":1952,"stem":1953},"Відстеження прогресу завантаження","\u002Fjavascript\u002Fnetwork\u002F03-download-progress","03.javascript\u002F02.network\u002F03-download-progress",{"title":1955,"path":1956,"stem":1957},"Переривання fetch-запитів","\u002Fjavascript\u002Fnetwork\u002F04-abort-requests","03.javascript\u002F02.network\u002F04-abort-requests",{"title":1959,"path":1960,"stem":1961},"CORS - Запити між різними джерелами","\u002Fjavascript\u002Fnetwork\u002F05-cors","03.javascript\u002F02.network\u002F05-cors",{"title":1963,"path":1964,"stem":1965},"Fetch API - Повний довідник опцій","\u002Fjavascript\u002Fnetwork\u002F06-fetch-options","03.javascript\u002F02.network\u002F06-fetch-options",{"title":1967,"path":1968,"stem":1969},"URL Objects - Робота з посиланнями","\u002Fjavascript\u002Fnetwork\u002F07-url-objects","03.javascript\u002F02.network\u002F07-url-objects",{"title":1971,"path":1972,"stem":1973},"XMLHttpRequest - AJAX та низькорівневі запити","\u002Fjavascript\u002Fnetwork\u002F08-xmlhttprequest","03.javascript\u002F02.network\u002F08-xmlhttprequest",{"title":1975,"path":1976,"stem":1977},"Відновлюване завантаження файлів","\u002Fjavascript\u002Fnetwork\u002F09-resumable-upload","03.javascript\u002F02.network\u002F09-resumable-upload",{"title":1979,"path":1980,"stem":1981},"Cookies, document.cookie та світ після \"Cookiepocalypse\"","\u002Fjavascript\u002Fnetwork\u002F10-cookies","03.javascript\u002F02.network\u002F10-cookies",{"title":1983,"path":1984,"stem":1985},"js-cookie: Керування Cookies без Болю","\u002Fjavascript\u002Fnetwork\u002F11-js-cookie","03.javascript\u002F02.network\u002F11-js-cookie",{"title":1987,"path":1988,"stem":1989},"Axios: Потужний HTTP-клієнт для JavaScript","\u002Fjavascript\u002Fnetwork\u002F12-axios","03.javascript\u002F02.network\u002F12-axios",{"title":1991,"icon":1992,"path":1993,"stem":1994,"children":1995,"page":59},"Bom","i-lucide-monitor","\u002Fjavascript\u002Fbom","03.javascript\u002F03.bom",[1996,2000,2004,2008],{"title":1997,"path":1998,"stem":1999},"LocalStorage, SessionStorage та patterns збереження даних","\u002Fjavascript\u002Fbom\u002F01-localstorage","03.javascript\u002F03.bom\u002F01-localstorage",{"title":2001,"path":2002,"stem":2003},"Location Object - Керування адресою сторінки","\u002Fjavascript\u002Fbom\u002F02-location-object","03.javascript\u002F03.bom\u002F02-location-object",{"title":2005,"path":2006,"stem":2007},"History API - Керування історією браузера","\u002Fjavascript\u002Fbom\u002F03-history-api","03.javascript\u002F03.bom\u002F03-history-api",{"title":2009,"path":2010,"stem":2011},"Navigator Object - Ідентифікація та Можливості Пристрою","\u002Fjavascript\u002Fbom\u002F04-navigator-object","03.javascript\u002F03.bom\u002F04-navigator-object",{"title":2013,"icon":2014,"path":2015,"stem":2016,"children":2017},"React","i-devicon-react","\u002Fjavascript\u002Freact","03.javascript\u002F04.react\u002Findex",[2018,2019,2023,2027,2031,2035,2098,2133,2285],{"title":2013,"path":2015,"stem":2016},{"title":2020,"path":2021,"stem":2022},"Робота з Формами в React","\u002Fjavascript\u002Freact\u002Freact-forms","03.javascript\u002F04.react\u002F01.react-forms",{"title":2024,"path":2025,"stem":2026},"React Hook Form: Професійна Робота з Формами","\u002Fjavascript\u002Freact\u002Freact-hook-form","03.javascript\u002F04.react\u002F02.react-hook-form",{"title":2028,"path":2029,"stem":2030},"React Hook Form: Глибоке Розуміння Архітектури та Оптимізації","\u002Fjavascript\u002Freact\u002Freact-hook-form-new","03.javascript\u002F04.react\u002F02.react-hook-form-new",{"title":2032,"path":2033,"stem":2034},"Axios та React: Професійна Архітектура Запитів","\u002Fjavascript\u002Freact\u002Fdata-fetching-axios","03.javascript\u002F04.react\u002F03.data-fetching-axios",{"title":2036,"icon":132,"path":2037,"stem":2038,"children":2039},"Tanstack Query","\u002Fjavascript\u002Freact\u002Ftanstack-query","03.javascript\u002F04.react\u002F04.tanstack-query\u002Findex",[2040,2042,2046,2050,2054,2058,2062,2066,2070,2074,2078,2082,2086,2090,2094],{"title":2041,"path":2037,"stem":2038},"TanStack Query: Майстерність Керування Станом Сервера",{"title":2043,"path":2044,"stem":2045},"Парадигма Server State: Чому useEffect недостатньо","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-state-paradigm","03.javascript\u002F04.react\u002F04.tanstack-query\u002F01.server-state-paradigm",{"title":2047,"path":2048,"stem":2049},"Встановлення та Налаштування: Фундамент","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Finstallation-and-devtools","03.javascript\u002F04.react\u002F04.tanstack-query\u002F02.installation-and-devtools",{"title":2051,"path":2052,"stem":2053},"Основи Запитів та Магія Ключів","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fquery-basics-and-keys","03.javascript\u002F04.react\u002F04.tanstack-query\u002F03.query-basics-and-keys",{"title":2055,"path":2056,"stem":2057},"Синхронізація Даних: Життєвий Цикл Запиту","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fdata-synchronization","03.javascript\u002F04.react\u002F04.tanstack-query\u002F04.data-synchronization",{"title":2059,"path":2060,"stem":2061},"Мутації та Інвалідація: Зміна Даних","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fmutations-and-invalidation","03.javascript\u002F04.react\u002F04.tanstack-query\u002F05.mutations-and-invalidation",{"title":2063,"path":2064,"stem":2065},"Оптимістичні Оновлення: Швидше за Світло","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Foptimistic-updates","03.javascript\u002F04.react\u002F04.tanstack-query\u002F06.optimistic-updates",{"title":2067,"path":2068,"stem":2069},"Пагінація та Infinite Scroll","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fpagination-and-load-more","03.javascript\u002F04.react\u002F04.tanstack-query\u002F07.pagination-and-load-more",{"title":2071,"path":2072,"stem":2073},"Просунуті Патерни та Оптимізація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F04.tanstack-query\u002F08.advanced-patterns",{"title":2075,"path":2076,"stem":2077},"Архітектура та Best Practices","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Farchitecture-and-best-practices","03.javascript\u002F04.react\u002F04.tanstack-query\u002F09.architecture-and-best-practices",{"title":2079,"path":2080,"stem":2081},"Server-Side Rendering (SSR) та Гідратація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-side-rendering","03.javascript\u002F04.react\u002F04.tanstack-query\u002F10.server-side-rendering",{"title":2083,"path":2084,"stem":2085},"Стратегії Тестування","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Ftesting-strategies","03.javascript\u002F04.react\u002F04.tanstack-query\u002F11.testing-strategies",{"title":2087,"path":2088,"stem":2089},"Аутентифікація та Обробка Помилок","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fauthentication-and-errors","03.javascript\u002F04.react\u002F04.tanstack-query\u002F12.authentication-and-errors",{"title":2091,"path":2092,"stem":2093},"React Suspense та Майбутнє","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Freact-suspense","03.javascript\u002F04.react\u002F04.tanstack-query\u002F13.react-suspense",{"title":2095,"path":2096,"stem":2097},"Глибоке Занурення в Продуктивність","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fperformance-deep-dive","03.javascript\u002F04.react\u002F04.tanstack-query\u002F14.performance-deep-dive",{"title":2099,"icon":2014,"path":2100,"stem":2101,"children":2102},"React Router","\u002Fjavascript\u002Freact\u002Freact-router","03.javascript\u002F04.react\u002F05.react-router\u002Findex",[2103,2105,2109,2113,2117,2121,2125,2129],{"title":2104,"path":2100,"stem":2101},"React Router: Навігаційна система сучасного вебу",{"title":2106,"path":2107,"stem":2108},"Налаштування та Базовий Роутинг","\u002Fjavascript\u002Freact\u002Freact-router\u002Fsetup-and-basic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F01.setup-and-basic-routing",{"title":2110,"path":2111,"stem":2112},"Динамічна Навігація","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnavigation-and-links","03.javascript\u002F04.react\u002F05.react-router\u002F02.navigation-and-links",{"title":2114,"path":2115,"stem":2116},"Вкладені Маршрути та Макети","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnested-routes-and-layouts","03.javascript\u002F04.react\u002F05.react-router\u002F03.nested-routes-and-layouts",{"title":2118,"path":2119,"stem":2120},"Динамічні Маршрути та Параметри","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdynamic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F04.dynamic-routing",{"title":2122,"path":2123,"stem":2124},"Data APIs: Loaders та Actions","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdata-loading","03.javascript\u002F04.react\u002F05.react-router\u002F05.data-loading",{"title":2126,"path":2127,"stem":2128},"Просунуті Патерни","\u002Fjavascript\u002Freact\u002Freact-router\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F05.react-router\u002F06.advanced-patterns",{"title":2130,"path":2131,"stem":2132},"Legacy Routing: Компонентний підхід","\u002Fjavascript\u002Freact\u002Freact-router\u002Flegacy-routing","03.javascript\u002F04.react\u002F05.react-router\u002F07.legacy-routing",{"title":2134,"icon":132,"path":2135,"stem":2136,"children":2137},"Redux","\u002Fjavascript\u002Freact\u002Fredux","03.javascript\u002F04.react\u002F06.redux\u002Findex",[2138,2140,2156,2185,2194,2215,2231,2260],{"title":2139,"path":2135,"stem":2136},"Redux: Еволюція управління станом",{"title":14,"icon":15,"path":2141,"stem":2142,"children":2143,"page":59},"\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals",[2144,2148,2152],{"title":2145,"path":2146,"stem":2147},"Вступ до State Management","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fintro-state-management","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F01.intro-state-management",{"title":2149,"path":2150,"stem":2151},"Філософія Redux та Три Принципи","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fredux-philosophy","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F02.redux-philosophy",{"title":2153,"path":2154,"stem":2155},"Чисті функції та Іммутабельність","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fpure-functions-immutability","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F03.pure-functions-immutability",{"title":2157,"icon":132,"path":2158,"stem":2159,"children":2160,"page":59},"Classic Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux",[2161,2165,2169,2173,2177,2181],{"title":2162,"path":2163,"stem":2164},"Створення Store (Classic Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fstore-setup","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F01.store-setup",{"title":2166,"path":2167,"stem":2168},"Actions, Constants та Action Creators","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Factions-constants","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F02.actions-constants",{"title":2170,"path":2171,"stem":2172},"Логіка Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freducers","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F03.reducers",{"title":2174,"path":2175,"stem":2176},"Комбінування Reducers (Root Reducer)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fdata-flow","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F04.data-flow",{"title":2178,"path":2179,"stem":2180},"Підключення до React (React-Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freact-redux-connection","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F05.react-redux-connection",{"title":2182,"path":2183,"stem":2184},"Middleware та Асинхронність (Redux Thunk)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fmiddleware-thunk","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F06.middleware-thunk",{"title":2186,"icon":132,"path":2187,"stem":2188,"children":2189,"page":59},"Transition To Rtk","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk",[2190],{"title":2191,"path":2192,"stem":2193},"Проблеми класичного Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk\u002Fproblems-with-classic","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk\u002F01.problems-with-classic",{"title":2195,"icon":132,"path":2196,"stem":2197,"children":2198,"page":59},"Redux Toolkit","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit",[2199,2203,2207,2211],{"title":2200,"path":2201,"stem":2202},"Налаштування Store з configureStore","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fconfigure-store","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F01.configure-store",{"title":2204,"path":2205,"stem":2206},"createSlice: Революція в Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fcreate-slice","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F02.create-slice",{"title":2208,"path":2209,"stem":2210},"Асинхронність з createAsyncThunk","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fasync-thunks","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F03.async-thunks",{"title":2212,"path":2213,"stem":2214},"04. Entity Adapter: Керування нормалізованим станом","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fentity-adapter","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F04.entity-adapter",{"title":2216,"icon":92,"path":2217,"stem":2218,"children":2219,"page":59},"Advanced","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced",[2220,2224,2228],{"title":2221,"path":2222,"stem":2223},"Мемоізація та Селектори: Повний Гайд по Reselect","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Fselectors-reselect","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F01.selectors-reselect",{"title":2225,"path":2226,"stem":2227},"RTK Query: Архітектура Серверного Кешу","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Frtk-query-intro","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F02.rtk-query-intro",{"title":2075,"path":2229,"stem":2230},"\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Farchitecture-best-practices","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F03.architecture-best-practices",{"title":2232,"icon":132,"path":2233,"stem":2234,"children":2235,"page":59},"Project Kanban","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban",[2236,2240,2244,2248,2252,2256],{"title":2237,"path":2238,"stem":2239},"Проєкт: Kanban Board (Trello Clone)","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fproject-overview","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F01.project-overview",{"title":2241,"path":2242,"stem":2243},"Налаштування та Типізація","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fsetup-and-types","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F02.setup-and-types",{"title":2245,"path":2246,"stem":2247},"Board Slice: Серце Дошки","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fboard-slice","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F03.board-slice",{"title":2249,"path":2250,"stem":2251},"Логіка Drag & Drop","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fdrag-and-drop-logic","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F04.drag-and-drop-logic",{"title":2253,"path":2254,"stem":2255},"Інтеграція з RTK Query","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Frtk-query-integration","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F05.rtk-query-integration",{"title":2257,"path":2258,"stem":2259},"Optimistic Updates","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Foptimistic-updates","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F06.optimistic-updates",{"title":2261,"icon":132,"path":2262,"stem":2263,"children":2264,"page":59},"Testing","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting","03.javascript\u002F04.react\u002F06.redux\u002F07.testing",[2265,2269,2273,2277,2281],{"title":2266,"path":2267,"stem":2268},"Тестування Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Fintro-testing","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F01.intro-testing",{"title":2270,"path":2271,"stem":2272},"Тестування Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-reducers","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F02.testing-reducers",{"title":2274,"path":2275,"stem":2276},"Тестування Селекторів","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-selectors","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F03.testing-selectors",{"title":2278,"path":2279,"stem":2280},"Тестування Компонентів (Integration)","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-components","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F04.testing-components",{"title":2282,"path":2283,"stem":2284},"Тестування Async Thunks","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-thunks","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F05.testing-thunks",{"title":2286,"icon":132,"path":2287,"stem":2288,"children":2289},"Ui Libraries","\u002Fjavascript\u002Freact\u002Fui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002Findex",[2290,2292,2296,2300,2304,2308,2312],{"title":2291,"path":2287,"stem":2288},"UI Бібліотеки в React",{"title":2293,"path":2294,"stem":2295},"Вступ до UI Бібліотек: Навіщо Винаходити Велосипед Двічі?","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fintroduction-to-ui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002F01.introduction-to-ui-libraries",{"title":2297,"path":2298,"stem":2299},"Філософія shadcn\u002Fui: \"Not a Component Library\"","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-philosophy","03.javascript\u002F04.react\u002F07.ui-libraries\u002F02.shadcn-philosophy",{"title":2301,"path":2302,"stem":2303},"Установка та Налаштування shadcn\u002Fui","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-installation","03.javascript\u002F04.react\u002F07.ui-libraries\u002F03.shadcn-installation",{"title":2305,"path":2306,"stem":2307},"Базові Компоненти shadcn\u002Fui: Фундамент Інтерфейсу","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-basics","03.javascript\u002F04.react\u002F07.ui-libraries\u002F04.shadcn-components-basics",{"title":2309,"path":2310,"stem":2311},"Компоненти Форм: Побудова Інтерактивних Form","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-forms","03.javascript\u002F04.react\u002F07.ui-libraries\u002F05.shadcn-components-forms",{"title":2313,"path":2314,"stem":2315},"Складні Компоненти: Dialog, Dropdown, Table та Command","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-advanced","03.javascript\u002F04.react\u002F07.ui-libraries\u002F06.shadcn-components-advanced",{"title":2317,"icon":2318,"path":2319,"stem":2320,"children":2321,"page":59},"TypeScript","i-devicon-typescript","\u002Fjavascript\u002Ftypescript","03.javascript\u002F05.typescript",[2322,2326,2330,2334,2338,2342,2346,2350],{"title":2323,"path":2324,"stem":2325},"TypeScript: Броня для вашого коду","\u002Fjavascript\u002Ftypescript\u002Fintro-and-basic-types","03.javascript\u002F05.typescript\u002F01.intro-and-basic-types",{"title":2327,"path":2328,"stem":2329},"Майстерність Моделювання Даних: Інтерфейси та Просунуті Типи","\u002Fjavascript\u002Ftypescript\u002Finterfaces-and-advanced-types","03.javascript\u002F05.typescript\u002F02.interfaces-and-advanced-types",{"title":2331,"path":2332,"stem":2333},"Алхімія Типів: Generics та Utility Types","\u002Fjavascript\u002Ftypescript\u002Fgenerics-and-utilities","03.javascript\u002F05.typescript\u002F03.generics-and-utilities",{"title":2335,"path":2336,"stem":2337},"Архітектура та Шаблони: Класи в TypeScript","\u002Fjavascript\u002Ftypescript\u002Fclasses-and-oop","03.javascript\u002F05.typescript\u002F04.classes-and-oop",{"title":2339,"path":2340,"stem":2341},"Продакшн та Екосистема: Advanced Config & Workflow","\u002Fjavascript\u002Ftypescript\u002Fadvanced-patterns-and-config","03.javascript\u002F05.typescript\u002F05.advanced-patterns-and-config",{"title":2343,"path":2344,"stem":2345},"TypeScript у світі React","\u002Fjavascript\u002Ftypescript\u002Freact-basics","03.javascript\u002F05.typescript\u002F06.react-basics",{"title":2347,"path":2348,"stem":2349},"React + TypeScript: Продвинуті патерни","\u002Fjavascript\u002Ftypescript\u002Freact-advanced","03.javascript\u002F05.typescript\u002F07.react-advanced",{"title":2351,"path":2352,"stem":2353},"React + TypeScript: Екосистема та бібліотеки","\u002Fjavascript\u002Ftypescript\u002Freact-ecosystem","03.javascript\u002F05.typescript\u002F08.react-ecosystem",{"title":2355,"path":2356,"stem":2357},"Atomic Design","\u002Fjavascript\u002Fatomic-design","03.javascript\u002F2.atomic-design",{"title":2359,"icon":2360,"path":2361,"stem":2362,"children":2363,"page":59},"Java","i-devicon-java","\u002Fjava","04.java",[2364,2367,2370,2374,2378,2382,2386],{"title":162,"path":2365,"stem":2366},"\u002Fjava\u002Fdata-mapper-part1","04.java\u002F01.data-mapper-part1",{"title":166,"path":2368,"stem":2369},"\u002Fjava\u002Fdata-mapper-part2","04.java\u002F02.data-mapper-part2",{"title":2371,"path":2372,"stem":2373},"Service Layer: Організація бізнес-логіки","\u002Fjava\u002Fservice-layer","04.java\u002F03.service-layer",{"title":2375,"path":2376,"stem":2377},"Rich Domain Model та State Pattern","\u002Fjava\u002Frich-domain-model","04.java\u002F04.rich-domain-model",{"title":2379,"path":2380,"stem":2381},"Патерни для складної бізнес-логіки","\u002Fjava\u002Fbusiness-logic-patterns","04.java\u002F05.business-logic-patterns",{"title":2383,"path":2384,"stem":2385},"Обробка помилок та валідація","\u002Fjava\u002Ferror-handling-validation","04.java\u002F06.error-handling-validation",{"title":2387,"path":2388,"stem":2389,"children":2390,"page":59},"Проектування баз даних","\u002Fjava\u002Fpr2","04.java\u002Fpr2",[2391,2395,2399,2403,2407,2411,2415,2419,2423,2427,2431,2435,2439,2443,2447,2451,2455,2459,2463,2467,2471,2475,2479,2483,2487,2491,2495,2499,2503,2507,2511,2515,2519,2523,2527,2531,2535],{"title":2392,"path":2393,"stem":2394},"Концептуальне моделювання: Мистецтво розуміння предметної області","\u002Fjava\u002Fpr2\u002Fconceptual-modeling","04.java\u002Fpr2\u002F01.conceptual-modeling",{"title":2396,"path":2397,"stem":2398},"Логічне моделювання: Від бізнес-ідей до структур даних","\u002Fjava\u002Fpr2\u002Flogical-modeling","04.java\u002Fpr2\u002F02.logical-modeling",{"title":2400,"path":2401,"stem":2402},"Нормалізація: Гігієна даних та боротьба з аномаліями","\u002Fjava\u002Fpr2\u002Fnormalization","04.java\u002Fpr2\u002F03.normalization",{"title":2404,"path":2405,"stem":2406},"Фізична схема: Від абстракції до DDL","\u002Fjava\u002Fpr2\u002Fphysical-schema","04.java\u002Fpr2\u002F04.physical-schema",{"title":2408,"path":2409,"stem":2410},"Архітектурна класифікація таблиць","\u002Fjava\u002Fpr2\u002Ftable-classification","04.java\u002Fpr2\u002F05.table-classification",{"title":2412,"path":2413,"stem":2414},"Database Migrations: Версіонування схеми з Flyway","\u002Fjava\u002Fpr2\u002Fdatabase-migrations","04.java\u002Fpr2\u002F06.database-migrations",{"title":2416,"path":2417,"stem":2418},"А що, якби це була не реляційна БД?","\u002Fjava\u002Fpr2\u002Fbeyond-relational","04.java\u002Fpr2\u002F07.beyond-relational",{"title":2420,"path":2421,"stem":2422},"Object-Relational Impedance Mismatch: Два світи, що не хочуть дружити","\u002Fjava\u002Fpr2\u002Fimpedance-mismatch","04.java\u002Fpr2\u002F09.impedance-mismatch",{"title":2424,"path":2425,"stem":2426},"JDBC: Перший контакт із базою даних","\u002Fjava\u002Fpr2\u002Fjdbc-fundamentals","04.java\u002Fpr2\u002F10.jdbc-fundamentals",{"title":2428,"path":2429,"stem":2430},"Якість коду: Spotless, SpotBugs та SonarQube","\u002Fjava\u002Fpr2\u002F10a.code-quality","04.java\u002Fpr2\u002F10a.code-quality",{"title":2432,"path":2433,"stem":2434},"Connection Pool: Патерн Object Pool для JDBC-з'єднань","\u002Fjava\u002Fpr2\u002Fconnection-pool","04.java\u002Fpr2\u002F11.connection-pool",{"title":2436,"path":2437,"stem":2438},"Row Data Gateway: Об'єкт як обгортка рядка таблиці","\u002Fjava\u002Fpr2\u002Frow-data-gateway","04.java\u002Fpr2\u002F12.row-data-gateway",{"title":2440,"path":2441,"stem":2442},"Table Data Gateway: Фасад таблиці як архітектурний відступ","\u002Fjava\u002Fpr2\u002Ftable-data-gateway","04.java\u002Fpr2\u002F13.table-data-gateway",{"title":2444,"path":2445,"stem":2446},"Repository + Data Mapper: Правильна шарова архітектура з JDBC","\u002Fjava\u002Fpr2\u002Frepository-data-mapper","04.java\u002Fpr2\u002F14.repository-data-mapper",{"title":2448,"path":2449,"stem":2450},"Identity Map: Кешування сутностей у рамках сесії","\u002Fjava\u002Fpr2\u002Fidentity-map","04.java\u002Fpr2\u002F15.identity-map",{"title":2452,"path":2453,"stem":2454},"Unit of Work: Відстеження змін і координація JDBC-транзакцій","\u002Fjava\u002Fpr2\u002Funit-of-work","04.java\u002Fpr2\u002F16.unit-of-work",{"title":2456,"path":2457,"stem":2458},"Strategy: Замінювані SQL-стратегії для підтримки різних СУБД","\u002Fjava\u002Fpr2\u002Fstrategy-sql","04.java\u002Fpr2\u002F17.strategy-sql",{"title":2460,"path":2461,"stem":2462},"Proxy: Lazy Loading для One-To-Many колекцій","\u002Fjava\u002Fpr2\u002Fproxy-lazy-loading","04.java\u002Fpr2\u002F18.proxy-lazy-loading",{"title":2464,"path":2465,"stem":2466},"Generic Repository через Java Reflection: анотації та динамічний SQL","\u002Fjava\u002Fpr2\u002Fgeneric-repository-reflection","04.java\u002Fpr2\u002F19.generic-repository-reflection",{"title":2468,"path":2469,"stem":2470},"Specification Pattern: Композиція бізнес-правил для складних запитів","\u002Fjava\u002Fpr2\u002Fspecification-pattern","04.java\u002Fpr2\u002F20.specification-pattern",{"title":2472,"path":2473,"stem":2474},"Розширені можливості Specification Pattern: підзапити, агрегації та гібридний підхід","\u002Fjava\u002Fpr2\u002F20a.advanced-specifications","04.java\u002Fpr2\u002F20a.advanced-specifications",{"title":2476,"path":2477,"stem":2478},"Асинхронність у JDBC: Від блокуючих викликів до CompletableFuture","\u002Fjava\u002Fpr2\u002Fasynchronous-jdbc","04.java\u002Fpr2\u002F21.asynchronous-jdbc",{"title":2480,"path":2481,"stem":2482},"Інтеграційне тестування JDBC-репозиторіїв: Embedded H2 та патерн AAA","\u002Fjava\u002Fpr2\u002Fintegration-testing-h2","04.java\u002Fpr2\u002F22.integration-testing-h2",{"title":2484,"path":2485,"stem":2486},"Testcontainers: Тестування з реальною PostgreSQL у Docker-контейнерах","\u002Fjava\u002Fpr2\u002Fintegration-testing-testcontainers","04.java\u002Fpr2\u002F23.integration-testing-testcontainers",{"title":2488,"path":2489,"stem":2490},"Google Guice: Впровадження залежностей у JavaFX-проєкті","\u002Fjava\u002Fpr2\u002Fdependency-injection-guice","04.java\u002Fpr2\u002F24.dependency-injection-guice",{"title":2492,"path":2493,"stem":2494},"JavaFX: Основи побудови графічних інтерфейсів","\u002Fjava\u002Fpr2\u002Fjavafx-fundamentals","04.java\u002Fpr2\u002F25.javafx-fundamentals",{"title":2496,"path":2497,"stem":2498},"Properties та Bindings: Реактивність у JavaFX","\u002Fjava\u002Fpr2\u002Fjavafx-properties-bindings","04.java\u002Fpr2\u002F26.javafx-properties-bindings",{"title":2500,"path":2501,"stem":2502},"MVC vs MVP vs MVVM: Еволюція архітектурних патернів UI","\u002Fjava\u002Fpr2\u002Fui-architecture-patterns","04.java\u002Fpr2\u002F27.ui-architecture-patterns",{"title":2504,"path":2505,"stem":2506},"MVVM на практиці: Побудова ViewModel","\u002Fjava\u002Fpr2\u002Fmvvm-viewmodel-implementation","04.java\u002Fpr2\u002F28.mvvm-viewmodel-implementation",{"title":2508,"path":2509,"stem":2510},"View та Controller: Зв'язування з ViewModel через FXML","\u002Fjava\u002Fpr2\u002Fmvvm-view-controller","04.java\u002Fpr2\u002F29.mvvm-view-controller",{"title":2512,"path":2513,"stem":2514},"Інтеграція MVVM з Guice: Автоматична ін'єкція залежностей","\u002Fjava\u002Fpr2\u002Fmvvm-guice-integration","04.java\u002Fpr2\u002F30.mvvm-guice-integration",{"title":2516,"path":2517,"stem":2518},"Валідація та обробка помилок у MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-validation-error-handling","04.java\u002Fpr2\u002F31.mvvm-validation-error-handling",{"title":2520,"path":2521,"stem":2522},"Навігація та управління екранами у JavaFX MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-navigation-screen-management","04.java\u002Fpr2\u002F32.mvvm-navigation-screen-management",{"title":2524,"path":2525,"stem":2526},"Тестування JavaFX MVVM-додатків","\u002Fjava\u002Fpr2\u002Fmvvm-testing","04.java\u002Fpr2\u002F33.mvvm-testing",{"title":2528,"path":2529,"stem":2530},"Стилізація та теми у JavaFX: CSS та User Experience","\u002Fjava\u002Fpr2\u002Fjavafx-styling-themes","04.java\u002Fpr2\u002F34.javafx-styling-themes",{"title":2532,"path":2533,"stem":2534},"AtlantaFX: Сучасні теми для JavaFX додатків","\u002Fjava\u002Fpr2\u002Fatlantafx-modern-themes","04.java\u002Fpr2\u002F35.atlantafx-modern-themes",{"title":2536,"path":2537,"stem":2538},"Пакування та розповсюдження JavaFX-додатків","\u002Fjava\u002Fpr2\u002Fjar-packaging-distribution","04.java\u002Fpr2\u002F36.jar-packaging-distribution",{"title":2540,"icon":2541,"path":2542,"stem":2543,"children":2544,"page":59},"Python","i-devicon-python","\u002Fpython","05.python",[2545,2549,2552,2556,2560,2564,2568,2572,2576,2580,2584,2588,2592,2596,2600,2604],{"title":2546,"path":2547,"stem":2548},"Модулі, Пакети та Віртуальні Середовища","\u002Fpython\u002Fmodules-packages-venv","05.python\u002F00.modules-packages-venv",{"title":71,"path":2550,"stem":2551},"\u002Fpython\u002Fclasses-objects","05.python\u002F01.classes-objects",{"title":2553,"path":2554,"stem":2555},"Інкапсуляція, Керування Доступом та Властивості","\u002Fpython\u002Fencapsulation","05.python\u002F02.encapsulation",{"title":2557,"path":2558,"stem":2559},"Наслідування, MRO та суперсила super()","\u002Fpython\u002Finheritance-mro","05.python\u002F03.inheritance-mro",{"title":2561,"path":2562,"stem":2563},"Абстракція — ABC проти Статичних Протоколів (PEP 544)","\u002Fpython\u002Fabstraction-protocols","05.python\u002F04.abstraction-protocols",{"title":2565,"path":2566,"stem":2567},"Магічні методи (Dunder) та Емуляція протоколів","\u002Fpython\u002Fdunder-methods","05.python\u002F05.dunder-methods",{"title":2569,"path":2570,"stem":2571},"Декоратори та Керування життєвим циклом методів","\u002Fpython\u002Fdecorators-static-class","05.python\u002F06.decorators-static-class",{"title":2573,"path":2574,"stem":2575},"Дескриптори — Магія доступу до атрибутів","\u002Fpython\u002Fdescriptors","05.python\u002F07.descriptors",{"title":2577,"path":2578,"stem":2579},"Метакласи — Динамічне створення класів під капотом CPython","\u002Fpython\u002Fmetaclasses","05.python\u002F08.metaclasses",{"title":2581,"path":2582,"stem":2583},"Dataclasses, NamedTuple та сучасні контейнери Python","\u002Fpython\u002Fmodern-containers","05.python\u002F09.modern-containers",{"title":2585,"path":2586,"stem":2587},"GIL та модель конкурентності CPython — фундамент перед потоками і процесами","\u002Fpython\u002Fgil-concurrency-intro","05.python\u002F11.gil-concurrency-intro",{"title":2589,"path":2590,"stem":2591},"Threading — конкурентність для I\u002FO-bound задач","\u002Fpython\u002Fthreading","05.python\u002F12.threading",{"title":2593,"path":2594,"stem":2595},"Multiprocessing — справжній паралелізм для CPU-bound задач","\u002Fpython\u002Fmultiprocessing","05.python\u002F13.multiprocessing",{"title":2597,"path":2598,"stem":2599},"asyncio — кооперативна конкурентність та event loop","\u002Fpython\u002Fasyncio","05.python\u002F14.asyncio",{"title":2601,"path":2602,"stem":2603},"📦 Повний посібник з модулів, пакетів та віртуальних середовищ у Python","\u002Fpython\u002Flesson_9","05.python\u002Flesson_9",{"title":2605,"path":2606,"stem":2607},"[object Object]","\u002Fpython\u002Foop-plan","05.python\u002Foop-plan",{"title":2609,"icon":2610,"path":2611,"stem":2612,"children":2613,"page":59},"Бази даних","i-lucide-database","\u002Fdatabases","06.databases",[2614,2644,2667,2704,2733,2751,2785,2797,2806],{"title":2615,"icon":2616,"path":2617,"stem":2618,"children":2619,"page":59},"Intro","i-lucide-play","\u002Fdatabases\u002Fintro","06.databases\u002F01.intro",[2620,2624,2628,2632,2636,2640],{"title":2621,"path":2622,"stem":2623},"Введення в теорію баз даних","\u002Fdatabases\u002Fintro\u002Fintroduction-to-databases","06.databases\u002F01.intro\u002F01.introduction-to-databases",{"title":2625,"path":2626,"stem":2627},"Реляційна модель даних","\u002Fdatabases\u002Fintro\u002Frelational-model-theory","06.databases\u002F01.intro\u002F02.relational-model-theory",{"title":2629,"path":2630,"stem":2631},"ER-моделювання","\u002Fdatabases\u002Fintro\u002Fer-modeling","06.databases\u002F01.intro\u002F03.er-modeling",{"title":2633,"path":2634,"stem":2635},"Логічне проектування БД","\u002Fdatabases\u002Fintro\u002Flogical-schema","06.databases\u002F01.intro\u002F04.logical-schema",{"title":2637,"path":2638,"stem":2639},"Класифікація таблиць","\u002Fdatabases\u002Fintro\u002Ftable-classification","06.databases\u002F01.intro\u002F05.table-classification",{"title":2641,"path":2642,"stem":2643},"PlantUML для баз даних","\u002Fdatabases\u002Fintro\u002Fplantuml-diagrams","06.databases\u002F01.intro\u002F06.plantuml-diagrams",{"title":2645,"icon":2610,"path":2646,"stem":2647,"children":2648,"page":59},"MS SQL Server Start","\u002Fdatabases\u002Fms-sql-server-start","06.databases\u002F02.ms-sql-server-start",[2649,2653,2659,2663],{"title":2650,"path":2651,"stem":2652},"Типи даних у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fdata-types","06.databases\u002F02.ms-sql-server-start\u002F01.data-types",{"title":2654,"path":2655,"stem":2656,"children":2657},"Індекси у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-indexes","06.databases\u002F02.ms-sql-server-start\u002F02.sql-indexes",[2658],{"title":2654,"path":2655,"stem":2656},{"title":2660,"path":2661,"stem":2662},"Системні бази даних MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsystem-databases","06.databases\u002F02.ms-sql-server-start\u002F03.system-databases",{"title":2664,"path":2665,"stem":2666},"Огляд мови SQL та запитів","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-queries-overview","06.databases\u002F02.ms-sql-server-start\u002F04.sql-queries-overview",{"title":2668,"icon":2610,"path":2669,"stem":2670,"children":2671,"page":59},"SQL","\u002Fdatabases\u002Fsql","06.databases\u002F03.sql",[2672,2676,2680,2684,2688,2692,2696,2700],{"title":2673,"path":2674,"stem":2675},"Налаштування демонстраційної бази даних","\u002Fdatabases\u002Fsql\u002Fsample-database-setup","06.databases\u002F03.sql\u002F00.sample-database-setup",{"title":2677,"path":2678,"stem":2679},"DDL - Створення таблиць (CREATE TABLE)","\u002Fdatabases\u002Fsql\u002Fddl-create-table","06.databases\u002F03.sql\u002F01.ddl-create-table",{"title":2681,"path":2682,"stem":2683},"DDL - Зміна та видалення таблиць (ALTER, DROP)","\u002Fdatabases\u002Fsql\u002Fddl-alter-drop-table","06.databases\u002F03.sql\u002F02.ddl-alter-drop-table",{"title":2685,"path":2686,"stem":2687},"SELECT запити - Основи","\u002Fdatabases\u002Fsql\u002Fselect-queries-fundamentals","06.databases\u002F03.sql\u002F03.select-queries-fundamentals",{"title":2689,"path":2690,"stem":2691},"SELECT запити - Розширені можливості","\u002Fdatabases\u002Fsql\u002Fselect-queries-advanced","06.databases\u002F03.sql\u002F04.select-queries-advanced",{"title":2693,"path":2694,"stem":2695},"INSERT запити - Додавання даних","\u002Fdatabases\u002Fsql\u002Finsert-queries","06.databases\u002F03.sql\u002F05.insert-queries",{"title":2697,"path":2698,"stem":2699},"UPDATE та DELETE запити","\u002Fdatabases\u002Fsql\u002Fupdate-delete-queries","06.databases\u002F03.sql\u002F06.update-delete-queries",{"title":2701,"path":2702,"stem":2703},"Транзакції в SQL","\u002Fdatabases\u002Fsql\u002Ftransactions","06.databases\u002F03.sql\u002F07.transactions",{"title":2705,"icon":2610,"path":2706,"stem":2707,"children":2708,"page":59},"Multi Table Databases","\u002Fdatabases\u002Fmulti-table-databases","06.databases\u002F04.multi-table-databases",[2709,2713,2717,2721,2725,2729],{"title":2710,"path":2711,"stem":2712},"Зв'язки та нормалізація БД","\u002Fdatabases\u002Fmulti-table-databases\u002Frelationships-and-normalization","06.databases\u002F04.multi-table-databases\u002F00.relationships-and-normalization",{"title":2714,"path":2715,"stem":2716},"INNER JOIN - З'єднання таблиць","\u002Fdatabases\u002Fmulti-table-databases\u002Finner-join","06.databases\u002F04.multi-table-databases\u002F01.inner-join",{"title":2718,"path":2719,"stem":2720},"OUTER JOINs - LEFT, RIGHT, FULL","\u002Fdatabases\u002Fmulti-table-databases\u002Fouter-joins","06.databases\u002F04.multi-table-databases\u002F02.outer-joins",{"title":2722,"path":2723,"stem":2724},"CROSS та SELF JOINs","\u002Fdatabases\u002Fmulti-table-databases\u002Fcross-self-joins","06.databases\u002F04.multi-table-databases\u002F03.cross-self-joins",{"title":2726,"path":2727,"stem":2728},"Підзапити (Subqueries)","\u002Fdatabases\u002Fmulti-table-databases\u002Fsubqueries","06.databases\u002F04.multi-table-databases\u002F04.subqueries",{"title":2730,"path":2731,"stem":2732},"Агрегації з JOIN","\u002Fdatabases\u002Fmulti-table-databases\u002Faggregations-with-joins","06.databases\u002F04.multi-table-databases\u002F05.aggregations-with-joins",{"title":2734,"icon":2735,"path":2736,"stem":2737,"children":2738,"page":59},"Aggregate Functions","i-lucide-calculator","\u002Fdatabases\u002Faggregate-functions","06.databases\u002F05.aggregate-functions",[2739,2743,2747],{"title":2740,"path":2741,"stem":2742},"Функції агрегування в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fintroduction-aggregate-functions","06.databases\u002F05.aggregate-functions\u002F01.introduction-aggregate-functions",{"title":2744,"path":2745,"stem":2746},"Групування даних в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fgrouping-data","06.databases\u002F05.aggregate-functions\u002F02.grouping-data",{"title":2748,"path":2749,"stem":2750},"Підзапити з агрегатними функціями","\u002Fdatabases\u002Faggregate-functions\u002Fsubqueries-aggregates","06.databases\u002F05.aggregate-functions\u002F03.subqueries-aggregates",{"title":2752,"icon":2753,"path":2754,"stem":2755,"children":2756,"page":59},"Тригери та зберігаємі процедури","i-lucide-database-zap","\u002Fdatabases\u002Ftriggers-stored-procedures","06.databases\u002F07.triggers-stored-procedures",[2757,2761,2765,2769,2773,2777,2781],{"title":2758,"path":2759,"stem":2760},"DML-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fdml-triggers","06.databases\u002F07.triggers-stored-procedures\u002F01.dml-triggers",{"title":2762,"path":2763,"stem":2764},"DDL-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fddl-triggers","06.databases\u002F07.triggers-stored-procedures\u002F02.ddl-triggers",{"title":2766,"path":2767,"stem":2768},"Transact-SQL розширення","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransact-sql-extensions","06.databases\u002F07.triggers-stored-procedures\u002F03.transact-sql-extensions",{"title":2770,"path":2771,"stem":2772},"Транзакції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransactions","06.databases\u002F07.triggers-stored-procedures\u002F04.transactions",{"title":2774,"path":2775,"stem":2776},"Зберігаємі процедури","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fstored-procedures","06.databases\u002F07.triggers-stored-procedures\u002F05.stored-procedures",{"title":2778,"path":2779,"stem":2780},"Користувацькі функції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fuser-defined-functions","06.databases\u002F07.triggers-stored-procedures\u002F06.user-defined-functions",{"title":2782,"path":2783,"stem":2784},"Безпека баз даних","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fsecurity","06.databases\u002F07.triggers-stored-procedures\u002F08.security",{"title":2782,"icon":793,"path":2786,"stem":2787,"children":2788,"page":59},"\u002Fdatabases\u002Fsecurity","06.databases\u002F08.security",[2789,2793],{"title":2790,"path":2791,"stem":2792},"Вступ до безпеки баз даних","\u002Fdatabases\u002Fsecurity\u002Fintroduction","06.databases\u002F08.security\u002F01.introduction",{"title":2794,"path":2795,"stem":2796},"Системні представлення та метадані","\u002Fdatabases\u002Fsecurity\u002Fsystem-views","06.databases\u002F08.security\u002F02.system-views",{"title":2798,"icon":2799,"path":2800,"stem":2801,"children":2802,"page":59},"Резервне копіювання та відновлення","i-lucide-database-backup","\u002Fdatabases\u002Fbackup-recovery","06.databases\u002F09.backup-recovery",[2803],{"title":2798,"path":2804,"stem":2805},"\u002Fdatabases\u002Fbackup-recovery\u002Fbackup-restore","06.databases\u002F09.backup-recovery\u002F01.backup-restore",{"title":2807,"icon":2808,"path":2809,"stem":2810,"children":2811,"page":59},"Повнотекстовий пошук","i-lucide-search","\u002Fdatabases\u002Ffull-text-search","06.databases\u002F10.full-text-search",[2812],{"title":2807,"path":2813,"stem":2814},"\u002Fdatabases\u002Ffull-text-search\u002Ffull-text-search","06.databases\u002F10.full-text-search\u002F01.full-text-search",{"title":2816,"icon":2817,"path":2818,"stem":2819,"children":2820,"page":59},"Tools","i-lucide-wrench","\u002Ftools","07.tools",[2821,2897],{"title":2822,"icon":2823,"path":2824,"stem":2825,"children":2826},"Docker","i-simple-icons-docker","\u002Ftools\u002Fdocker","07.tools\u002F01.docker\u002Findex",[2827,2829,2833,2837,2841,2845,2849,2853,2857,2861,2865,2869,2873,2877,2881,2885,2889,2893],{"title":2828,"path":2824,"stem":2825},"Docker: від нуля до production",{"title":2830,"path":2831,"stem":2832},"Контейнеризація — від проблеми до рішення","\u002Ftools\u002Fdocker\u002Fcontainerization-concept","07.tools\u002F01.docker\u002F01.containerization-concept",{"title":2834,"path":2835,"stem":2836},"Docker — що це і навіщо?","\u002Ftools\u002Fdocker\u002Fdocker-what-and-why","07.tools\u002F01.docker\u002F02.docker-what-and-why",{"title":2838,"path":2839,"stem":2840},"Архітектура Docker Engine","\u002Ftools\u002Fdocker\u002Fdocker-architecture","07.tools\u002F01.docker\u002F03.docker-architecture",{"title":2842,"path":2843,"stem":2844},"Встановлення Docker","\u002Ftools\u002Fdocker\u002Finstallation","07.tools\u002F01.docker\u002F04.installation",{"title":2846,"path":2847,"stem":2848},"Перший контейнер — docker run","\u002Ftools\u002Fdocker\u002Ffirst-container","07.tools\u002F01.docker\u002F05.first-container",{"title":2850,"path":2851,"stem":2852},"Життєвий цикл контейнера","\u002Ftools\u002Fdocker\u002Fcontainer-lifecycle","07.tools\u002F01.docker\u002F06.container-lifecycle",{"title":2854,"path":2855,"stem":2856},"Docker Images — фундаментальні концепції","\u002Ftools\u002Fdocker\u002Fdocker-images-fundamentals","07.tools\u002F01.docker\u002F07.docker-images-fundamentals",{"title":2858,"path":2859,"stem":2860},"Dockerfile — основи","\u002Ftools\u002Fdocker\u002Fdockerfile-basics","07.tools\u002F01.docker\u002F08.dockerfile-basics",{"title":2862,"path":2863,"stem":2864},"Dockerfile — просунуті техніки","\u002Ftools\u002Fdocker\u002Fdockerfile-advanced","07.tools\u002F01.docker\u002F09.dockerfile-advanced",{"title":2866,"path":2867,"stem":2868},"Build Context та кешування шарів","\u002Ftools\u002Fdocker\u002Fbuild-context-and-cache","07.tools\u002F01.docker\u002F10.build-context-and-cache",{"title":2870,"path":2871,"stem":2872},"Реєстри Docker-образів","\u002Ftools\u002Fdocker\u002Fimage-registries","07.tools\u002F01.docker\u002F11.image-registries",{"title":2874,"path":2875,"stem":2876},"Контейнеризація .NET додатків","\u002Ftools\u002Fdocker\u002Fdotnet-containerization","07.tools\u002F01.docker\u002F12.dotnet-containerization",{"title":2878,"path":2879,"stem":2880},"Томи та збереження даних","\u002Ftools\u002Fdocker\u002Fvolumes-and-data","07.tools\u002F01.docker\u002F13.volumes-and-data",{"title":2882,"path":2883,"stem":2884},"Основи мережі в Docker","\u002Ftools\u002Fdocker\u002Fnetworking-basics","07.tools\u002F01.docker\u002F14.networking-basics",{"title":2886,"path":2887,"stem":2888},"Змінні оточення та конфігурація","\u002Ftools\u002Fdocker\u002Fenvironment-and-configuration","07.tools\u002F01.docker\u002F15.environment-and-configuration",{"title":2890,"path":2891,"stem":2892},"Docker Compose — оркестрація контейнерів","\u002Ftools\u002Fdocker\u002Fdocker-compose-basics","07.tools\u002F01.docker\u002F16.docker-compose-basics",{"title":2894,"path":2895,"stem":2896},"Docker Compose — Multi-Service застосунки","\u002Ftools\u002Fdocker\u002Fcompose-multi-service","07.tools\u002F01.docker\u002F17.compose-multi-service",{"title":2898,"icon":2899,"path":2900,"stem":2901,"children":2902},"Kubernetes","simple-icons:kubernetes","\u002Ftools\u002Fkubernetes","07.tools\u002F02.kubernetes\u002Findex",[2903,2905,2909,2913,2917,2921,2925,2929,2933],{"title":2904,"path":2900,"stem":2901},"Kubernetes: від розробки до production",{"title":2906,"path":2907,"stem":2908},"Kubernetes — коли Docker Compose більше не вистачає","\u002Ftools\u002Fkubernetes\u002Fwhy-kubernetes","07.tools\u002F02.kubernetes\u002F01.why-kubernetes",{"title":2910,"path":2911,"stem":2912},"Архітектура Kubernetes — анатомія кластера","\u002Ftools\u002Fkubernetes\u002Fkubernetes-architecture","07.tools\u002F02.kubernetes\u002F02.kubernetes-architecture",{"title":2914,"path":2915,"stem":2916},"Локальне середовище — minikube, kind та k3s","\u002Ftools\u002Fkubernetes\u002Flocal-environment","07.tools\u002F02.kubernetes\u002F03.local-environment",{"title":2918,"path":2919,"stem":2920},"Pod — атомарна одиниця Kubernetes","\u002Ftools\u002Fkubernetes\u002Fpods-and-containers","07.tools\u002F02.kubernetes\u002F04.pods-and-containers",{"title":2922,"path":2923,"stem":2924},"Патерни використання Pod","\u002Ftools\u002Fkubernetes\u002Fpod-patterns","07.tools\u002F02.kubernetes\u002F05.pod-patterns",{"title":2926,"path":2927,"stem":2928},"Deployment — декларативне управління Pod","\u002Ftools\u002Fkubernetes\u002Fdeployment-basics","07.tools\u002F02.kubernetes\u002F06.deployment-basics",{"title":2930,"path":2931,"stem":2932},"Rolling Updates та управління життєвим циклом Deployment","\u002Ftools\u002Fkubernetes\u002Fdeployment-rolling-updates","07.tools\u002F02.kubernetes\u002F07.deployment-rolling-updates",{"title":2934,"path":2935,"stem":2936},"Service — мережева абстракція для Pod","\u002Ftools\u002Fkubernetes\u002Fservices-networking","07.tools\u002F02.kubernetes\u002F08.services-networking",{"title":2938,"icon":2939,"path":2940,"stem":2941,"children":2942,"page":59},"Software Engineering","i-lucide-code-2","\u002Fsoftware-engineering","09.software-engineering",[2943,2947,2951,2955,2959,2963,2967,2971,2975,2979,2983],{"title":2944,"path":2945,"stem":2946},"1. Аналіз предметної області. Експертні знання та складність","\u002Fsoftware-engineering\u002Fintro-subdomains","09.software-engineering\u002F01.intro-subdomains",{"title":2948,"path":2949,"stem":2950},"2. Обмежені контексти. Інтеграція обмежених контекстів","\u002Fsoftware-engineering\u002Fintegrating-limited-contexts","09.software-engineering\u002F02.integrating-limited-contexts",{"title":2952,"path":2953,"stem":2954},"3. Реалізація простої бізнес-логіки","\u002Fsoftware-engineering\u002Fsimple","09.software-engineering\u002F03.simple",{"title":2956,"path":2957,"stem":2958},"4. Опрацювання складної бізнес-логіки","\u002Fsoftware-engineering\u002Fcomplex-business-logic","09.software-engineering\u002F04.complex-business-logic",{"title":2960,"path":2961,"stem":2962},"5. Моделювання фактора часу. Подієво-орієнтована архітектура.","\u002Fsoftware-engineering\u002Fmodelling-the-time-factor","09.software-engineering\u002F05.modelling-the-time-factor",{"title":2964,"path":2965,"stem":2966},"6. Архітектурні патерни","\u002Fsoftware-engineering\u002Farchitectural-patterns","09.software-engineering\u002F06.architectural-patterns",{"title":2968,"path":2969,"stem":2970},"Паттерни взаємодії","\u002Fsoftware-engineering\u002Fpatterns-of-interaction","09.software-engineering\u002F07.patterns-of-interaction",{"title":2972,"path":2973,"stem":2974},"Евристика проєктування","\u002Fsoftware-engineering\u002Fdesign-heuristics","09.software-engineering\u002F08.design-heuristics",{"title":2976,"path":2977,"stem":2978},"Еволюція проєктних рішень","\u002Fsoftware-engineering\u002Fevolution-of-design-solutions","09.software-engineering\u002F09.evolution-of-design-solutions",{"title":2980,"path":2981,"stem":2982},"EventStorming","\u002Fsoftware-engineering\u002Feventstorming","09.software-engineering\u002F10.eventstorming",{"title":2984,"path":2985,"stem":2986},"DDD на практиці","\u002Fsoftware-engineering\u002Fddd-in-practice","09.software-engineering\u002F11.ddd-in-practice",{"title":2988,"icon":943,"path":2989,"stem":2990,"children":2991,"page":59},"DDD","\u002Fddd","10.ddd",[2992,2996,3000,3004,3008,3012,3016,3020,3024,3028,3032,3036,3040],{"title":2993,"path":2994,"stem":2995},"Аналіз предметної області","\u002Fddd\u002Fdomain-analysis","10.ddd\u002F01.domain-analysis",{"title":2997,"path":2998,"stem":2999},"Експертні знання про предметну область","\u002Fddd\u002Fdomain-expert-knowledge","10.ddd\u002F02.domain-expert-knowledge",{"title":3001,"path":3002,"stem":3003},"Як осмислити складність предметної області","\u002Fddd\u002Fmanaging-domain-complexity","10.ddd\u002F03.managing-domain-complexity",{"title":3005,"path":3006,"stem":3007},"Інтеграція обмежених контекстів","\u002Fddd\u002Fbounded-context-integration","10.ddd\u002F04.bounded-context-integration",{"title":3009,"path":3010,"stem":3011},"Реалізація простої бізнес-логіки","\u002Fddd\u002Fsimple-business-logic","10.ddd\u002F05.simple-business-logic",{"title":3013,"path":3014,"stem":3015},"Обробка складної бізнес-логіки","\u002Fddd\u002Fcomplex-business-logic","10.ddd\u002F06.complex-business-logic",{"title":3017,"path":3018,"stem":3019},"Моделювання фактора часу","\u002Fddd\u002Ftime-modeling","10.ddd\u002F07.time-modeling",{"title":3021,"path":3022,"stem":3023},"Глава 8. Архітектурні Патерни","\u002Fddd\u002Farchitectural-patterns","10.ddd\u002F08.architectural-patterns",{"title":3025,"path":3026,"stem":3027},"Глава 9. Патерни Взаємодії","\u002Fddd\u002Finteraction-patterns","10.ddd\u002F09.interaction-patterns",{"title":3029,"path":3030,"stem":3031},"Глава 10. Проектні Евристики","\u002Fddd\u002Fdesign-heuristics","10.ddd\u002F10.design-heuristics",{"title":3033,"path":3034,"stem":3035},"Глава 11. Еволюція Проектних Рішень","\u002Fddd\u002Fevolution-of-design-decisions","10.ddd\u002F11.evolution-of-design-decisions",{"title":3037,"path":3038,"stem":3039},"Глава 12. EventStorming","\u002Fddd\u002Fevent-storming","10.ddd\u002F12.event-storming",{"title":3041,"path":3042,"stem":3043},"Глава 13. DDD на Практиці","\u002Fddd\u002Fddd-in-practice","10.ddd\u002F13.ddd-in-practice",{"title":3045,"icon":3046,"path":3047,"stem":3048,"children":3049,"page":59},"Media Streaming","i-lucide-video","\u002Fmedia-streaming","11.media-streaming",[3050,3054,3058,3062,3066,3070,3074],{"title":3051,"path":3052,"stem":3053},"01. Магія Стрімінгу: Що відбувається, коли ви натискаєте \"Play\"","\u002Fmedia-streaming\u002Fintroduction","11.media-streaming\u002F01.introduction",{"title":3055,"path":3056,"stem":3057},"02. Анатомія Медіа: Кодеки, Контейнери та Стиснення","\u002Fmedia-streaming\u002Faudio-video-anatomy","11.media-streaming\u002F02.audio-video-anatomy",{"title":3059,"path":3060,"stem":3061},"03. The Gym: FFmpeg Deep Dive","\u002Fmedia-streaming\u002Fffmpeg-gym","11.media-streaming\u002F03.ffmpeg-gym",{"title":3063,"path":3064,"stem":3065},"04. HLS Protocol: HTTP Live Streaming у Деталях","\u002Fmedia-streaming\u002Fhls-protocol","11.media-streaming\u002F04.hls-protocol",{"title":3067,"path":3068,"stem":3069},"05. DASH Protocol: Відкритий Стандарт","\u002Fmedia-streaming\u002Fdash-protocol","11.media-streaming\u002F05.dash-protocol",{"title":3071,"path":3072,"stem":3073},"06. Масштабування: CDN та Adaptive Bitrate","\u002Fmedia-streaming\u002Fcdn-and-adaptive-bitrate","11.media-streaming\u002F06.cdn-and-adaptive-bitrate",{"title":3075,"path":3076,"stem":3077},"07. Війна із Затримкою (Latency)","\u002Fmedia-streaming\u002Frealtime-latency","11.media-streaming\u002F07.realtime-latency",{"title":3079,"icon":3080,"path":3081,"stem":3082,"children":3083,"page":59},"HTML & CSS","i-devicon-html5","\u002Fhtml-css","12.html-css",[3084,3088,3092,3096,3100,3104,3108,3112,3116,3120,3124,3128,3132,3136,3140,3144,3148,3152,3156,3160,3164,3168,3172,3176,3180,3184,3188,3192,3196,3200],{"title":3085,"path":3086,"stem":3087},"Вступ до HTML. Структура документа","\u002Fhtml-css\u002Fintro-html-structure","12.html-css\u002F01.intro-html-structure",{"title":3089,"path":3090,"stem":3091},"Форматування тексту в HTML","\u002Fhtml-css\u002Fhtml-text-formatting","12.html-css\u002F02.html-text-formatting",{"title":3093,"path":3094,"stem":3095},"Посилання та зображення в HTML","\u002Fhtml-css\u002Fhtml-links-images","12.html-css\u002F03.html-links-images",{"title":3097,"path":3098,"stem":3099},"Списки та таблиці в HTML","\u002Fhtml-css\u002Fhtml-lists-tables","12.html-css\u002F04.html-lists-tables",{"title":3101,"path":3102,"stem":3103},"Форми в HTML","\u002Fhtml-css\u002Fhtml-forms","12.html-css\u002F05.html-forms",{"title":3105,"path":3106,"stem":3107},"Семантичні елементи HTML5","\u002Fhtml-css\u002Fhtml-semantic-elements","12.html-css\u002F06.html-semantic-elements",{"title":3109,"path":3110,"stem":3111},"Мультимедіа та розширені елементи HTML","\u002Fhtml-css\u002Fhtml-multimedia-advanced","12.html-css\u002F07.html-multimedia-advanced",{"title":3113,"path":3114,"stem":3115},"Мікророзмітка та SEO в HTML","\u002Fhtml-css\u002Fhtml-microdata-seo","12.html-css\u002F08.html-microdata-seo",{"title":3117,"path":3118,"stem":3119},"Вступ до CSS. Селектори та специфічність","\u002Fhtml-css\u002Fcss-intro-selectors","12.html-css\u002F09.css-intro-selectors",{"title":3121,"path":3122,"stem":3123},"Блокова модель CSS. Відступи. Box Sizing","\u002Fhtml-css\u002Fcss-box-model","12.html-css\u002F10.css-box-model",{"title":3125,"path":3126,"stem":3127},"Розміри у CSS: повний довідник одиниць і ключових слів","\u002Fhtml-css\u002F10a.css-sizing","12.html-css\u002F10a.css-sizing",{"title":3129,"path":3130,"stem":3131},"Типографіка в CSS. Шрифти та текст","\u002Fhtml-css\u002Fcss-typography","12.html-css\u002F11.css-typography",{"title":3133,"path":3134,"stem":3135},"Кольори та фони в CSS","\u002Fhtml-css\u002Fcss-colors-backgrounds","12.html-css\u002F12.css-colors-backgrounds",{"title":3137,"path":3138,"stem":3139},"Тіні та фільтри в CSS","\u002Fhtml-css\u002F12b.css-shadows-filters","12.html-css\u002F12b.css-shadows-filters",{"title":3141,"path":3142,"stem":3143},"CSS Flexbox: Фундамент гнучких макетів","\u002Fhtml-css\u002Fcss-flexbox-fundamentals","12.html-css\u002F13.css-flexbox-fundamentals",{"title":3145,"path":3146,"stem":3147},"CSS Flexbox: Вирівнювання та Позиціонування","\u002Fhtml-css\u002Fcss-flexbox-alignment-sizing-and-patterns","12.html-css\u002F14.css-flexbox-alignment-sizing-and-patterns",{"title":3149,"path":3150,"stem":3151},"CSS Grid. Двовимірний макет. Частина 1","\u002Fhtml-css\u002Fcss-layout-grid","12.html-css\u002F15.css-layout-grid",{"title":3153,"path":3154,"stem":3155},"CSS Grid. Двовимірний макет. Частина 2","\u002Fhtml-css\u002Fcss-layout-grid-advanced","12.html-css\u002F16.css-layout-grid-advanced",{"title":3157,"path":3158,"stem":3159},"Позиціонування в CSS. Z-index. Stacking Context","\u002Fhtml-css\u002Fcss-positioning","12.html-css\u002F17.css-positioning",{"title":3161,"path":3162,"stem":3163},"CSS Анімації та Переходи","\u002Fhtml-css\u002Fcss-animations-transitions","12.html-css\u002F18.css-animations-transitions",{"title":3165,"path":3166,"stem":3167},"Адаптивний дизайн. Media Queries. Частина 1","\u002Fhtml-css\u002Fcss-responsive-media-queries","12.html-css\u002F19.css-responsive-media-queries",{"title":3169,"path":3170,"stem":3171},"Адаптивний дизайн. Частина 2: clamp(), Container Queries, @layer","\u002Fhtml-css\u002Fcss-responsive-advanced","12.html-css\u002F20.css-responsive-advanced",{"title":3173,"path":3174,"stem":3175},"CSS Custom Properties. Методології. Сучасний CSS","\u002Fhtml-css\u002Fcss-variables-methodologies","12.html-css\u002F21.css-variables-methodologies",{"title":3177,"path":3178,"stem":3179},"Сучасний CSS 2023–2025: Нові можливості","\u002Fhtml-css\u002Fcss-modern-features","12.html-css\u002F22.css-modern-features",{"title":3181,"path":3182,"stem":3183},"CSS Nesting, @layer, @scope та @property: нативний препроцесор","\u002Fhtml-css\u002F22a.css-nesting-modern-syntax","12.html-css\u002F22a.css-nesting-modern-syntax",{"title":3185,"path":3186,"stem":3187},"CSS для форм та інтерактивних станів","\u002Fhtml-css\u002Fcss-forms-interactive-states","12.html-css\u002F23.css-forms-interactive-states",{"title":3189,"path":3190,"stem":3191},"Доступність у CSS (CSS Accessibility)","\u002Fhtml-css\u002Fcss-accessibility","12.html-css\u002F24.css-accessibility",{"title":3193,"path":3194,"stem":3195},"CSS-функції та сучасні sizing primitives","\u002Fhtml-css\u002Fcss-functions-sizing","12.html-css\u002F25.css-functions-sizing",{"title":3197,"path":3198,"stem":3199},"Rendering Pipeline і CSS Performance","\u002Fhtml-css\u002Fcss-rendering-performance","12.html-css\u002F26.css-rendering-performance",{"title":3201,"path":3202,"stem":3203},"CSS Best Practices: типові ситуації та правильні рішення","\u002Fhtml-css\u002Fcss-best-practices","12.html-css\u002F27.css-best-practices",{"title":3205,"path":3206,"stem":3207,"children":3208,"page":59},"AWS","\u002Faws","13.aws",[3209,3213,3217,3221,3225,3229,3233,3237,3241,3245,3249,3253,3257,3261,3265,3269,3273,3277],{"title":3210,"path":3211,"stem":3212},"Реєстрація AWS акаунту та студентські програми","\u002Faws\u002Faccount-registration","13.aws\u002F00.account-registration",{"title":3214,"path":3215,"stem":3216},"Вступ до хмарних обчислень та AWS","\u002Faws\u002Fintroduction-to-cloud","13.aws\u002F01.introduction-to-cloud",{"title":3218,"path":3219,"stem":3220},"AWS IAM — Identity and Access Management","\u002Faws\u002Fiam","13.aws\u002F02.iam",{"title":3222,"path":3223,"stem":3224},"AWS IAM CLI — Довідник команд","\u002Faws\u002F02a.iam-doc","13.aws\u002F02a.iam-doc",{"title":3226,"path":3227,"stem":3228},"Docker та контейнеризація в AWS — ECR, ECS та Fargate","\u002Faws\u002Fdocker-ecs","13.aws\u002F03.docker-ecs",{"title":3230,"path":3231,"stem":3232},"AWS ECR \u002F ECS CLI — Довідник команд","\u002Faws\u002F03a.docker-ecs-doc","13.aws\u002F03a.docker-ecs-doc",{"title":3234,"path":3235,"stem":3236},"Amazon EC2 — Elastic Compute Cloud","\u002Faws\u002Fec2","13.aws\u002F04.ec2",{"title":3238,"path":3239,"stem":3240},"AWS EC2 CLI — Довідник команд","\u002Faws\u002F04a.ec2-doc","13.aws\u002F04a.ec2-doc",{"title":3242,"path":3243,"stem":3244},"Elastic Load Balancing та Auto Scaling","\u002Faws\u002Falb-asg","13.aws\u002F05.alb-asg",{"title":3246,"path":3247,"stem":3248},"Amazon S3 — Simple Storage Service","\u002Faws\u002Fs3","13.aws\u002F06.s3",{"title":3250,"path":3251,"stem":3252},"Amazon CloudFront — Content Delivery Network","\u002Faws\u002Fcloudfront","13.aws\u002F07.cloudfront",{"title":3254,"path":3255,"stem":3256},"Amazon RDS — Relational Database Service","\u002Faws\u002Frds","13.aws\u002F08.rds",{"title":3258,"path":3259,"stem":3260},"Amazon DynamoDB — NoSQL Database","\u002Faws\u002Fdynamodb","13.aws\u002F09.dynamodb",{"title":3262,"path":3263,"stem":3264},"AWS Lambda та Serverless Compute","\u002Faws\u002Flambda","13.aws\u002F10.lambda",{"title":3266,"path":3267,"stem":3268},"Amazon Bedrock - Foundation Models, RAG та Agents","\u002Faws\u002Fbedrock","13.aws\u002F22.bedrock",{"title":3270,"path":3271,"stem":3272},"Amazon Rekognition - Комп'ютерний зір","\u002Faws\u002Frekognition","13.aws\u002F23.rekognition",{"title":3274,"path":3275,"stem":3276},"Amazon Textract - Інтелектуальний аналіз документів","\u002Faws\u002Ftextract","13.aws\u002F24.textract",{"title":3278,"path":3279,"stem":3280},"Amazon Polly, Transcribe, Comprehend та Translate","\u002Faws\u002Faudio-nlp-services","13.aws\u002F25.audio-nlp-services",{"title":3282,"path":3283,"stem":3284,"children":3285,"page":59},"Tailwind","\u002Ftailwind","21.tailwind",[3286,3290,3294,3298,3302,3306,3310,3314,3318,3322,3326,3330],{"title":3287,"path":3288,"stem":3289},"Що таке Tailwind CSS і навіщо він потрібен","\u002Ftailwind\u002Ftailwind-intro-philosophy","21.tailwind\u002F01.tailwind-intro-philosophy",{"title":3291,"path":3292,"stem":3293},"Встановлення та налаштування Tailwind CSS v4","\u002Ftailwind\u002Ftailwind-installation-setup","21.tailwind\u002F02.tailwind-installation-setup",{"title":3295,"path":3296,"stem":3297},"Utility-класи: основи та система Tailwind","\u002Ftailwind\u002Ftailwind-utility-classes-core","21.tailwind\u002F03.tailwind-utility-classes-core",{"title":3299,"path":3300,"stem":3301},"Layout: Flexbox та Grid через Tailwind","\u002Ftailwind\u002Ftailwind-flexbox-grid","21.tailwind\u002F04.tailwind-flexbox-grid",{"title":3303,"path":3304,"stem":3305},"Кастомізація теми через @theme у Tailwind v4","\u002Ftailwind\u002Ftailwind-theme-customization","21.tailwind\u002F05.tailwind-theme-customization",{"title":3307,"path":3308,"stem":3309},"Варіанти: hover, focus, responsive, dark mode та нові v4","\u002Ftailwind\u002Ftailwind-variants-states","21.tailwind\u002F06.tailwind-variants-states",{"title":3311,"path":3312,"stem":3313},"Типографіка та система кольорів у Tailwind v4","\u002Ftailwind\u002Ftailwind-typography-colors","21.tailwind\u002F07.tailwind-typography-colors",{"title":3315,"path":3316,"stem":3317},"Компоненти та повторюваність: @apply, @utility та патерни","\u002Ftailwind\u002Ftailwind-components-patterns","21.tailwind\u002F08.tailwind-components-patterns",{"title":3319,"path":3320,"stem":3321},"Темна тема та система дизайн-токенів у Tailwind v4","\u002Ftailwind\u002Ftailwind-dark-mode-theming","21.tailwind\u002F09.tailwind-dark-mode-theming",{"title":3323,"path":3324,"stem":3325},"Довільні значення та контейнерні запити у Tailwind v4","\u002Ftailwind\u002Ftailwind-arbitrary-container-queries","21.tailwind\u002F10.tailwind-arbitrary-container-queries",{"title":3327,"path":3328,"stem":3329},"Анімації, трансформації та 3D у Tailwind v4","\u002Ftailwind\u002Ftailwind-animations-transforms","21.tailwind\u002F11.tailwind-animations-transforms",{"title":3331,"path":3332,"stem":3333},"Tailwind CLI, PostCSS та інтеграція з фреймворками","\u002Ftailwind\u002Ftailwind-cli-tooling","21.tailwind\u002F12.tailwind-cli-tooling",{"title":3335,"path":3336,"stem":3337},"Тестування компонентів діаграм","\u002Ftest-components","98.test-components",{"id":3339,"title":3250,"body":3340,"description":12101,"extension":12102,"links":12103,"meta":12104,"navigation":3489,"path":3251,"seo":12105,"stem":3252,"__hash__":12106},"docs\u002F13.aws\u002F07.cloudfront.md",{"type":3341,"value":3342,"toc":12051},"minimark",[3343,3347,3352,3356,3361,3369,3381,3392,3750,3754,3771,3777,3782,3823,3965,3975,3979,3982,3987,3998,4005,4011,4015,4021,4028,4049,4056,4060,4066,4069,4077,4080,4100,4104,4110,4113,4130,4147,4153,4157,4168,4181,4185,4192,4195,4206,4209,4213,4220,4224,4231,4341,4347,4351,4585,4589,4592,4663,4677,4681,4684,4688,4698,4825,4832,4839,5201,5205,5218,5437,5457,5461,5600,5602,5606,5616,5623,5626,5654,5668,5821,5823,5827,5840,5847,5851,5854,5863,5877,6028,6031,6159,6170,6174,6181,6186,6208,6212,6215,6217,6221,6235,6258,6275,6462,6468,6478,6480,6484,6490,6496,6519,6532,6673,6676,6758,6772,6774,6778,6794,6797,6807,6827,6831,6836,6856,6863,6942,6946,6956,6968,7176,7196,7198,7202,7213,7216,7522,7526,7620,7625,7646,7773,7778,7781,7959,7961,7965,7974,7984,8183,8322,8330,8350,8356,8372,8374,8378,8381,8391,8397,8400,8424,8541,8545,8640,8644,8647,8748,8757,8759,8763,8767,8782,8796,8799,8807,8822,8824,8828,8847,8850,9019,9055,9066,9078,9080,9084,9645,9647,9651,9654,9886,9889,9942,9950,9952,9956,9969,9978,10285,10287,10291,10302,10512,10518,10810,10812,10816,10830,10835,10841,10845,10874,10878,10887,11117,11121,11127,11132,11135,11171,11183,11194,11199,11202,11237,11240,11274,11289,11293,11296,11492,11501,11537,11539,11543,11546,11618,11620,11624,11627,11879,11881,11885,11970,11972,11976,11980,11986,11995,11999,12008,12020,12024,12047],[3344,3345,3250],"h1",{"id":3346},"amazon-cloudfront-content-delivery-network",[3348,3349,3351],"h2",{"id":3350},"що-таке-cdn-і-навіщо-він-потрібен","Що таке CDN і навіщо він потрібен",[3353,3354,3355],"p",{},"Перш ніж говорити про CloudFront — треба зрозуміти фундаментальну проблему, яку вирішує CDN.",[3357,3358,3360],"h3",{"id":3359},"проблема-швидкість-передачі-даних-через-інтернет","Проблема: швидкість передачі даних через інтернет",[3353,3362,3363,3364,3368],{},"Уявіть: ваш S3 bucket знаходиться у регіоні ",[3365,3366,3367],"code",{},"eu-central-1"," — у дата-центрі у Франкфурті, Німеччина. Ваш React SPA завантажується звідти за 20–50 мс для користувача з Берліна. Чудово!",[3353,3370,3371,3372,3376,3377,3380],{},"Але що якщо користувач знаходиться в ",[3373,3374,3375],"strong",{},"Токіо, Японія","? Відстань від Франкфурту до Токіо — ~9 200 км. Дані передаються зі швидкістю ~200 000 км\u002Fсек у оптоволоконному кабелі. Теоретичний мінімум: ~46 мс. Реальна затримка з урахуванням маршрутизації, перемикання вузлів, черг: ",[3373,3378,3379],{},"150–300 мс",".",[3353,3382,3383,3384,3387,3388,3391],{},"Це лише ",[3373,3385,3386],{},"час одного запиту"," (round trip). Ваш React-додаток при першому завантаженні робить 20–50 запитів: HTML, CSS, JS chunks, зображення, шрифти. При 200 мс на кожен — загальний час завантаження ",[3373,3389,3390],{},"4–10 секунд",". За статистикою Google, 53% мобільних користувачів покидають сайт якщо він завантажується довше 3 секунд.",[3393,3394,3395],"plant-uml",{},[3396,3397,3402],"pre",{"className":3398,"code":3399,"language":3400,"meta":3401,"style":3401},"language-plantuml shiki shiki-themes light-plus dark-plus dark-plus","@startuml\nskinparam style plain\nskinparam backgroundColor #ffffff\nskinparam sequence {\n    ArrowColor #374151\n    ActorBorderColor #374151\n    ActorBackgroundColor #f9fafb\n    ParticipantBorderColor #374151\n    ParticipantBackgroundColor #f9fafb\n    NoteBackgroundColor #fef9c3\n    NoteBorderColor #ca8a04\n    LifeLineBorderColor #9ca3af\n}\n\ntitle Без CDN: кожен запит долає 9 200 км туди і назад\n\nactor \"🇯🇵 Користувач\\n(Токіо)\" as User\nparticipant \"Браузер\\n(Токіо)\" as Browser\nparticipant \"S3 Bucket\\n(Франкфурт, eu-central-1)\" as S3\n\nnote over Browser, S3\n  Відстань: ~9 200 км\n  Реальна затримка: ~200–300 мс на запит\nend note\n\nBrowser -> S3 : GET \u002Findex.html\nnote right: ~200 мс ⏱\nS3 --> Browser : index.html (1 KB)\n\nBrowser -> S3 : GET \u002Fmain.abc123.js\nnote right: ~200 мс ⏱\nS3 --> Browser : main.js (180 KB)\n\nBrowser -> S3 : GET \u002Fmain.def456.css\nnote right: ~200 мс ⏱\nS3 --> Browser : main.css (12 KB)\n\nBrowser -> S3 : GET \u002Fchunk.vendor.js\nnote right: ~200 мс ⏱\nS3 --> Browser : vendor.js (95 KB)\n\nBrowser -> S3 : GET \u002Flogo.svg\nnote right: ~200 мс ⏱\nS3 --> Browser : logo.svg (3 KB)\n\nnote over Browser\n  ... ще 15–45 запитів ...\n  (шрифти, зображення, JSON-дані)\nend note\n\nBrowser -> S3 : GET \u002Ffont.woff2\nnote right: ~200 мс ⏱\nS3 --> Browser : font.woff2 (80 KB)\n\nnote over User\n  ⏳ Загальний час: 20 запитів × 200 мс = 4 секунди\n  53% мобільних користувачів покидають сайт\n  якщо завантаження > 3 секунд (дані Google)\nend note\n@enduml\n","plantuml","",[3365,3403,3404,3412,3418,3424,3430,3436,3442,3448,3454,3460,3466,3472,3478,3484,3491,3497,3502,3508,3514,3520,3525,3531,3537,3543,3549,3554,3560,3566,3572,3577,3583,3588,3594,3599,3605,3610,3616,3621,3627,3632,3638,3643,3649,3654,3660,3665,3671,3677,3683,3688,3693,3699,3704,3710,3715,3721,3727,3733,3739,3744],{"__ignoreMap":3401},[3405,3406,3409],"span",{"class":3407,"line":3408},"line",1,[3405,3410,3411],{},"@startuml\n",[3405,3413,3415],{"class":3407,"line":3414},2,[3405,3416,3417],{},"skinparam style plain\n",[3405,3419,3421],{"class":3407,"line":3420},3,[3405,3422,3423],{},"skinparam backgroundColor #ffffff\n",[3405,3425,3427],{"class":3407,"line":3426},4,[3405,3428,3429],{},"skinparam sequence {\n",[3405,3431,3433],{"class":3407,"line":3432},5,[3405,3434,3435],{},"    ArrowColor #374151\n",[3405,3437,3439],{"class":3407,"line":3438},6,[3405,3440,3441],{},"    ActorBorderColor #374151\n",[3405,3443,3445],{"class":3407,"line":3444},7,[3405,3446,3447],{},"    ActorBackgroundColor #f9fafb\n",[3405,3449,3451],{"class":3407,"line":3450},8,[3405,3452,3453],{},"    ParticipantBorderColor #374151\n",[3405,3455,3457],{"class":3407,"line":3456},9,[3405,3458,3459],{},"    ParticipantBackgroundColor #f9fafb\n",[3405,3461,3463],{"class":3407,"line":3462},10,[3405,3464,3465],{},"    NoteBackgroundColor #fef9c3\n",[3405,3467,3469],{"class":3407,"line":3468},11,[3405,3470,3471],{},"    NoteBorderColor #ca8a04\n",[3405,3473,3475],{"class":3407,"line":3474},12,[3405,3476,3477],{},"    LifeLineBorderColor #9ca3af\n",[3405,3479,3481],{"class":3407,"line":3480},13,[3405,3482,3483],{},"}\n",[3405,3485,3487],{"class":3407,"line":3486},14,[3405,3488,3490],{"emptyLinePlaceholder":3489},true,"\n",[3405,3492,3494],{"class":3407,"line":3493},15,[3405,3495,3496],{},"title Без CDN: кожен запит долає 9 200 км туди і назад\n",[3405,3498,3500],{"class":3407,"line":3499},16,[3405,3501,3490],{"emptyLinePlaceholder":3489},[3405,3503,3505],{"class":3407,"line":3504},17,[3405,3506,3507],{},"actor \"🇯🇵 Користувач\\n(Токіо)\" as User\n",[3405,3509,3511],{"class":3407,"line":3510},18,[3405,3512,3513],{},"participant \"Браузер\\n(Токіо)\" as Browser\n",[3405,3515,3517],{"class":3407,"line":3516},19,[3405,3518,3519],{},"participant \"S3 Bucket\\n(Франкфурт, eu-central-1)\" as S3\n",[3405,3521,3523],{"class":3407,"line":3522},20,[3405,3524,3490],{"emptyLinePlaceholder":3489},[3405,3526,3528],{"class":3407,"line":3527},21,[3405,3529,3530],{},"note over Browser, S3\n",[3405,3532,3534],{"class":3407,"line":3533},22,[3405,3535,3536],{},"  Відстань: ~9 200 км\n",[3405,3538,3540],{"class":3407,"line":3539},23,[3405,3541,3542],{},"  Реальна затримка: ~200–300 мс на запит\n",[3405,3544,3546],{"class":3407,"line":3545},24,[3405,3547,3548],{},"end note\n",[3405,3550,3552],{"class":3407,"line":3551},25,[3405,3553,3490],{"emptyLinePlaceholder":3489},[3405,3555,3557],{"class":3407,"line":3556},26,[3405,3558,3559],{},"Browser -> S3 : GET \u002Findex.html\n",[3405,3561,3563],{"class":3407,"line":3562},27,[3405,3564,3565],{},"note right: ~200 мс ⏱\n",[3405,3567,3569],{"class":3407,"line":3568},28,[3405,3570,3571],{},"S3 --> Browser : index.html (1 KB)\n",[3405,3573,3575],{"class":3407,"line":3574},29,[3405,3576,3490],{"emptyLinePlaceholder":3489},[3405,3578,3580],{"class":3407,"line":3579},30,[3405,3581,3582],{},"Browser -> S3 : GET \u002Fmain.abc123.js\n",[3405,3584,3586],{"class":3407,"line":3585},31,[3405,3587,3565],{},[3405,3589,3591],{"class":3407,"line":3590},32,[3405,3592,3593],{},"S3 --> Browser : main.js (180 KB)\n",[3405,3595,3597],{"class":3407,"line":3596},33,[3405,3598,3490],{"emptyLinePlaceholder":3489},[3405,3600,3602],{"class":3407,"line":3601},34,[3405,3603,3604],{},"Browser -> S3 : GET \u002Fmain.def456.css\n",[3405,3606,3608],{"class":3407,"line":3607},35,[3405,3609,3565],{},[3405,3611,3613],{"class":3407,"line":3612},36,[3405,3614,3615],{},"S3 --> Browser : main.css (12 KB)\n",[3405,3617,3619],{"class":3407,"line":3618},37,[3405,3620,3490],{"emptyLinePlaceholder":3489},[3405,3622,3624],{"class":3407,"line":3623},38,[3405,3625,3626],{},"Browser -> S3 : GET \u002Fchunk.vendor.js\n",[3405,3628,3630],{"class":3407,"line":3629},39,[3405,3631,3565],{},[3405,3633,3635],{"class":3407,"line":3634},40,[3405,3636,3637],{},"S3 --> Browser : vendor.js (95 KB)\n",[3405,3639,3641],{"class":3407,"line":3640},41,[3405,3642,3490],{"emptyLinePlaceholder":3489},[3405,3644,3646],{"class":3407,"line":3645},42,[3405,3647,3648],{},"Browser -> S3 : GET \u002Flogo.svg\n",[3405,3650,3652],{"class":3407,"line":3651},43,[3405,3653,3565],{},[3405,3655,3657],{"class":3407,"line":3656},44,[3405,3658,3659],{},"S3 --> Browser : logo.svg (3 KB)\n",[3405,3661,3663],{"class":3407,"line":3662},45,[3405,3664,3490],{"emptyLinePlaceholder":3489},[3405,3666,3668],{"class":3407,"line":3667},46,[3405,3669,3670],{},"note over Browser\n",[3405,3672,3674],{"class":3407,"line":3673},47,[3405,3675,3676],{},"  ... ще 15–45 запитів ...\n",[3405,3678,3680],{"class":3407,"line":3679},48,[3405,3681,3682],{},"  (шрифти, зображення, JSON-дані)\n",[3405,3684,3686],{"class":3407,"line":3685},49,[3405,3687,3548],{},[3405,3689,3691],{"class":3407,"line":3690},50,[3405,3692,3490],{"emptyLinePlaceholder":3489},[3405,3694,3696],{"class":3407,"line":3695},51,[3405,3697,3698],{},"Browser -> S3 : GET \u002Ffont.woff2\n",[3405,3700,3702],{"class":3407,"line":3701},52,[3405,3703,3565],{},[3405,3705,3707],{"class":3407,"line":3706},53,[3405,3708,3709],{},"S3 --> Browser : font.woff2 (80 KB)\n",[3405,3711,3713],{"class":3407,"line":3712},54,[3405,3714,3490],{"emptyLinePlaceholder":3489},[3405,3716,3718],{"class":3407,"line":3717},55,[3405,3719,3720],{},"note over User\n",[3405,3722,3724],{"class":3407,"line":3723},56,[3405,3725,3726],{},"  ⏳ Загальний час: 20 запитів × 200 мс = 4 секунди\n",[3405,3728,3730],{"class":3407,"line":3729},57,[3405,3731,3732],{},"  53% мобільних користувачів покидають сайт\n",[3405,3734,3736],{"class":3407,"line":3735},58,[3405,3737,3738],{},"  якщо завантаження > 3 секунд (дані Google)\n",[3405,3740,3742],{"class":3407,"line":3741},59,[3405,3743,3548],{},[3405,3745,3747],{"class":3407,"line":3746},60,[3405,3748,3749],{},"@enduml\n",[3357,3751,3753],{"id":3752},"рішення-cdn-content-delivery-network","Рішення: CDN — Content Delivery Network",[3353,3755,3756,3759,3760,3763,3764,3767,3768,3380],{},[3373,3757,3758],{},"CDN (Content Delivery Network, Мережа доставки контенту)"," — це глобальна мережа серверів (їх називають ",[3373,3761,3762],{},"Edge Locations"," або ",[3373,3765,3766],{},"точки присутності","), розподілених по всьому світу. Замість того, щоб всі запити йшли до одного сервера у Франкфурті — CDN зберігає ",[3373,3769,3770],{},"копії ваших файлів на найближчих до користувача серверах",[3353,3772,3773,3776],{},[3373,3774,3775],{},"Аналогія:"," уявіть мережу супермаркетів. Замість одного центрального складу (Франкфурт) — філії у кожному місті. Купуєте хліб не в центральному складі, а у найближчому магазині за 5 хвилин ходьби. CDN — це той самий принцип, але для веб-даних.",[3353,3778,3779],{},[3373,3780,3781],{},"Як це працює крок за кроком:",[3783,3784,3785,3797,3800,3803,3810,3813,3820],"ol",{},[3786,3787,3788,3789,3792,3793,3796],"li",{},"Ви завантажили React build у S3 (",[3365,3790,3791],{},"my-app.s3.amazonaws.com",") — це ",[3373,3794,3795],{},"Origin"," (першоджерело)",[3786,3798,3799],{},"Підключили CloudFront — він знає де ваш Origin",[3786,3801,3802],{},"Японський користувач відкриває ваш сайт → його браузер робить запит до CloudFront",[3786,3804,3805,3806,3809],{},"CloudFront перевіряє ",[3373,3807,3808],{},"найближчий Edge Location до Токіо"," (~3 км від центру міста!)",[3786,3811,3812],{},"Якщо файл вже є в кеші токійського edge — повертає одразу (~5 мс!)",[3786,3814,3815,3816,3819],{},"Якщо немає — edge забирає файл з Frankfurt Origin (~300 мс), ",[3373,3817,3818],{},"кешує у Токіо",", повертає користувачу",[3786,3821,3822],{},"Наступні 100 000 японських користувачів отримають той самий файл з токійського edge за ~5 мс",[3393,3824,3825],{},[3396,3826,3828],{"className":3398,"code":3827,"language":3400,"meta":3401,"style":3401},"@startuml\nskinparam style plain\nskinparam backgroundColor #ffffff\n\ndatabase \"S3 Bucket\\nFrankfurt\\n(Origin)\" as S3 #fef3c7\n\ncloud \"Amazon CloudFront\\n(400+ Edge Locations)\" as CF #dbeafe\n\nrectangle \"Edge\\nFrankfurt\\n~5ms\" as EFR #d1fae5\nrectangle \"Edge\\nTokyo\\n~5ms\" as ETO #d1fae5\nrectangle \"Edge\\nNew York\\n~5ms\" as ENY #d1fae5\nrectangle \"Edge\\nSydney\\n~5ms\" as ESY #d1fae5\n\nactor \"🇩🇪 Берлін\" as DE\nactor \"🇯🇵 Токіо\" as JP\nactor \"🇺🇸 Нью-Йорк\" as US\nactor \"🇦🇺 Сідней\" as AU\n\nS3 -right-> CF : Контент один раз\nCF -down-> EFR\nCF -down-> ETO\nCF -down-> ENY\nCF -down-> ESY\n\nDE --> EFR\nJP --> ETO\nUS --> ENY\nAU --> ESY\n@enduml\n",[3365,3829,3830,3834,3838,3842,3846,3851,3855,3860,3864,3869,3874,3879,3884,3888,3893,3898,3903,3908,3912,3917,3922,3927,3932,3937,3941,3946,3951,3956,3961],{"__ignoreMap":3401},[3405,3831,3832],{"class":3407,"line":3408},[3405,3833,3411],{},[3405,3835,3836],{"class":3407,"line":3414},[3405,3837,3417],{},[3405,3839,3840],{"class":3407,"line":3420},[3405,3841,3423],{},[3405,3843,3844],{"class":3407,"line":3426},[3405,3845,3490],{"emptyLinePlaceholder":3489},[3405,3847,3848],{"class":3407,"line":3432},[3405,3849,3850],{},"database \"S3 Bucket\\nFrankfurt\\n(Origin)\" as S3 #fef3c7\n",[3405,3852,3853],{"class":3407,"line":3438},[3405,3854,3490],{"emptyLinePlaceholder":3489},[3405,3856,3857],{"class":3407,"line":3444},[3405,3858,3859],{},"cloud \"Amazon CloudFront\\n(400+ Edge Locations)\" as CF #dbeafe\n",[3405,3861,3862],{"class":3407,"line":3450},[3405,3863,3490],{"emptyLinePlaceholder":3489},[3405,3865,3866],{"class":3407,"line":3456},[3405,3867,3868],{},"rectangle \"Edge\\nFrankfurt\\n~5ms\" as EFR #d1fae5\n",[3405,3870,3871],{"class":3407,"line":3462},[3405,3872,3873],{},"rectangle \"Edge\\nTokyo\\n~5ms\" as ETO #d1fae5\n",[3405,3875,3876],{"class":3407,"line":3468},[3405,3877,3878],{},"rectangle \"Edge\\nNew York\\n~5ms\" as ENY #d1fae5\n",[3405,3880,3881],{"class":3407,"line":3474},[3405,3882,3883],{},"rectangle \"Edge\\nSydney\\n~5ms\" as ESY #d1fae5\n",[3405,3885,3886],{"class":3407,"line":3480},[3405,3887,3490],{"emptyLinePlaceholder":3489},[3405,3889,3890],{"class":3407,"line":3486},[3405,3891,3892],{},"actor \"🇩🇪 Берлін\" as DE\n",[3405,3894,3895],{"class":3407,"line":3493},[3405,3896,3897],{},"actor \"🇯🇵 Токіо\" as JP\n",[3405,3899,3900],{"class":3407,"line":3499},[3405,3901,3902],{},"actor \"🇺🇸 Нью-Йорк\" as US\n",[3405,3904,3905],{"class":3407,"line":3504},[3405,3906,3907],{},"actor \"🇦🇺 Сідней\" as AU\n",[3405,3909,3910],{"class":3407,"line":3510},[3405,3911,3490],{"emptyLinePlaceholder":3489},[3405,3913,3914],{"class":3407,"line":3516},[3405,3915,3916],{},"S3 -right-> CF : Контент один раз\n",[3405,3918,3919],{"class":3407,"line":3522},[3405,3920,3921],{},"CF -down-> EFR\n",[3405,3923,3924],{"class":3407,"line":3527},[3405,3925,3926],{},"CF -down-> ETO\n",[3405,3928,3929],{"class":3407,"line":3533},[3405,3930,3931],{},"CF -down-> ENY\n",[3405,3933,3934],{"class":3407,"line":3539},[3405,3935,3936],{},"CF -down-> ESY\n",[3405,3938,3939],{"class":3407,"line":3545},[3405,3940,3490],{"emptyLinePlaceholder":3489},[3405,3942,3943],{"class":3407,"line":3551},[3405,3944,3945],{},"DE --> EFR\n",[3405,3947,3948],{"class":3407,"line":3556},[3405,3949,3950],{},"JP --> ETO\n",[3405,3952,3953],{"class":3407,"line":3562},[3405,3954,3955],{},"US --> ENY\n",[3405,3957,3958],{"class":3407,"line":3568},[3405,3959,3960],{},"AU --> ESY\n",[3405,3962,3963],{"class":3407,"line":3574},[3405,3964,3749],{},[3353,3966,3967,3970,3971,3974],{},[3373,3968,3969],{},"CloudFront"," — це CDN від Amazon Web Services. Він має ",[3373,3972,3973],{},"400+ Edge Locations"," у 90+ містах по всьому світу (станом на 2025 рік). Включно з Варшавою, Бухарестом, Стамбулом — тобто є і поблизу України.",[3357,3976,3978],{"id":3977},"cdn-вирішує-ще-більше-проблем","CDN вирішує ще більше проблем",[3353,3980,3981],{},"Швидкість доставки — лише одна з переваг CDN. Розглянемо повний спектр проблем, які вирішує CloudFront.",[3983,3984,3986],"h4",{"id":3985},"_1-оптимізація-вартості-трафіку","1. Оптимізація вартості трафіку",[3353,3988,3989,3990,3993,3994,3997],{},"Передача даних з S3 напряму до кінцевих користувачів (так звана ",[3373,3991,3992],{},"Data Transfer Out",") є одним з найдорожчих компонентів рахунку AWS. Трафік з CloudFront Edge Locations коштує в ",[3373,3995,3996],{},"3–6 разів дешевше",", ніж прямий вихідний трафік з S3, — це обумовлено тим, що AWS надає CloudFront пільгові оптові тарифи на передачу даних між власними дата-центрами.",[3353,3999,4000,4001,4004],{},"Крім того, кешування на edge ",[3373,4002,4003],{},"радикально зменшує кількість запитів до Origin",". Якщо файл закешований на edge з HIT rate 95% — Origin отримує лише 5% запитів, і ви платите за трафік з S3 тільки за ці 5%.",[3353,4006,4007,4010],{},[3373,4008,4009],{},"Практичний ефект:"," великий медіасервіс з трафіком $50 000\u002Fміс через CloudFront заплатив би $150 000–300 000\u002Fміс при прямих запитах до S3. Тобто CDN буквально окупає себе багаторазово.",[3983,4012,4014],{"id":4013},"_2-захист-від-ddos-атак","2. Захист від DDoS-атак",[3353,4016,4017,4020],{},[3373,4018,4019],{},"DDoS (Distributed Denial of Service)"," — атака, при якій зловмисник генерує мільйони запитів з тисяч заражених пристроїв по всьому світу, щоб перевантажити ваш сервер і зробити його недоступним для реальних користувачів.",[3353,4022,4023,4024,4027],{},"CloudFront вбудовано інтегрований з ",[3373,4025,4026],{},"AWS Shield Standard"," (безкоштовно для всіх CloudFront Distribution), який забезпечує:",[4029,4030,4031,4037,4043],"ul",{},[3786,4032,4033,4036],{},[3373,4034,4035],{},"Розподіл навантаження:"," атака поглинається одночасно у 400+ edge locations по всьому світу. Замість того щоб 1 000 000 RPS вдарило у ваш один Origin-сервер — вони розподіляються між сотнями точок, кожна з яких обробляє по 2 500 RPS",[3786,4038,4039,4042],{},[3373,4040,4041],{},"Фільтрацію на рівні мережі:"," CloudFront автоматично детектує та блокує аномальний трафік на рівнях L3\u002FL4 (IP-флуд, SYN-флуд, UDP-флуд)",[3786,4044,4045,4048],{},[3373,4046,4047],{},"Ізоляцію Origin:"," ваш реальний сервер (S3, EC2, ALB) залишається прихованим за CloudFront — його IP-адреса недоступна зловмиснику",[3353,4050,4051,4052,4055],{},"Для розширеного захисту (L7 атаки — HTTP-флуд, SQL-ін'єкції через HTTP) підключається ",[3373,4053,4054],{},"AWS WAF"," (Web Application Firewall) — окремий платний сервіс, що інтегрується з CloudFront.",[3983,4057,4059],{"id":4058},"_3-ssltls-термінація-на-edge","3. SSL\u002FTLS-термінація на edge",[3353,4061,4062,4065],{},[3373,4063,4064],{},"SSL\u002FTLS-термінація"," — це процес, при якому шифрування HTTPS-з'єднання обробляється не на вашому Origin-сервері, а безпосередньо на найближчому до користувача edge.",[3353,4067,4068],{},"Схема роботи:",[3396,4070,4075],{"className":4071,"code":4073,"language":4074},[4072],"language-text","Браузер ──HTTPS──► Edge Location ──HTTP──► Origin (S3\u002FEC2 всередині AWS)\n         (зашифровано)           (відкрито, але всередині захищеної\n                                  приватної мережі AWS — безпечно)\n","text",[3365,4076,4073],{"__ignoreMap":3401},[3353,4078,4079],{},"Переваги такої архітектури:",[4029,4081,4082,4088,4094],{},[3786,4083,4084,4087],{},[3373,4085,4086],{},"Зменшення latency:"," TLS handshake (встановлення шифрованого з'єднання) займає 1–3 RTT. Якщо handshake відбувається на edge за 5 мс від користувача — це набагато швидше, ніж 300 мс до Origin у Франкфурті",[3786,4089,4090,4093],{},[3373,4091,4092],{},"Зниження навантаження на Origin:"," крипто-операції (шифрування\u002Fдешифрування) потребують CPU. CloudFront знімає цей тягар з вашого сервера",[3786,4095,4096,4099],{},[3373,4097,4098],{},"Централізоване управління сертифікатами:"," AWS Certificate Manager (ACM) автоматично поновлює SSL-сертифікати — ніяких ручних renewals",[3983,4101,4103],{"id":4102},"_4-автоматичне-стиснення-контенту","4. Автоматичне стиснення контенту",[3353,4105,4106,4107,3380],{},"CloudFront автоматично стискає текстові ресурси перед відправкою клієнту, якщо увімкнено параметр ",[3373,4108,4109],{},"Compress objects automatically",[3353,4111,4112],{},"Підтримувані алгоритми:",[4029,4114,4115,4121],{},[3786,4116,4117,4120],{},[3373,4118,4119],{},"Gzip"," — класичний алгоритм, підтримується всіма браузерами з 1990-х. Стискає текст у 5–10 разів",[3786,4122,4123,4126,4127],{},[3373,4124,4125],{},"Brotli"," — сучасніший алгоритм від Google (2015), дає на 15–25% кращий рівень стиснення порівняно з gzip для HTML\u002FJS\u002FCSS. CloudFront обирає brotli якщо браузер надсилає заголовок ",[3365,4128,4129],{},"Accept-Encoding: br",[3353,4131,4132,4135,4136,4139,4140,4139,4143,4146],{},[3373,4133,4134],{},"Що стискається:"," HTML, CSS, JavaScript, JSON, XML, SVG, текстові файли (",[3365,4137,4138],{},"text\u002F*",", ",[3365,4141,4142],{},"application\u002Fjson",[3365,4144,4145],{},"application\u002Fjavascript",").",[3353,4148,4149,4152],{},[3373,4150,4151],{},"Що не стискається:"," зображення (JPEG, PNG, WebP), відео, PDF — вони вже стиснені власними алгоритмами, повторне стиснення лише збільшить CPU-навантаження без виграшу у розмірі.",[3983,4154,4156],{"id":4155},"_5-http2-та-http3-за-замовчуванням","5. HTTP\u002F2 та HTTP\u002F3 за замовчуванням",[3353,4158,4159,4160,4163,4164,4167],{},"CloudFront підтримує сучасні протоколи ",[3373,4161,4162],{},"HTTP\u002F2"," та ",[3373,4165,4166],{},"HTTP\u002F3 (QUIC)"," без жодної додаткової конфігурації:",[4029,4169,4170,4175],{},[3786,4171,4172,4174],{},[3373,4173,4162],{}," (2015): мультиплексування — всі ресурси сторінки (HTML, JS, CSS, шрифти) передаються в одному TCP-з'єднанні паралельно, без black-of-head-of-line blocking властивого HTTP\u002F1.1",[3786,4176,4177,4180],{},[3373,4178,4179],{},"HTTP\u002F3"," (2022): базується на протоколі QUIC поверх UDP замість TCP. Критично швидший при нестабільному з'єднанні (мобільний інтернет, втрата пакетів) — повторна передача відбувається лише для конкретного стриму, а не всього з'єднання",[3983,4182,4184],{"id":4183},"_6-географічне-обмеження-доступу-geo-restriction","6. Географічне обмеження доступу (Geo Restriction)",[3353,4186,4187,4188,4191],{},"CloudFront дозволяє ",[3373,4189,4190],{},"блокувати або дозволяти"," доступ до контенту на основі країни користувача (визначається за IP-адресою через GeoIP базу даних).",[3353,4193,4194],{},"Приклади застосування:",[4029,4196,4197,4200,4203],{},[3786,4198,4199],{},"Стримінгові сервіси: блокування контенту в країнах, де немає ліцензії (геолокаційні обмеження для відео)",[3786,4201,4202],{},"Відповідність законодавству: GDPR вимагає певних обмежень для ЄС, а різні юрисдикції мають різні вимоги до даних",[3786,4204,4205],{},"Безпека: блокування країн, звідки надходить найбільше атак",[4207,4208],"hr",{},[3348,4210,4212],{"id":4211},"як-cloudfront-кешує-дані","Як CloudFront кешує дані",[3353,4214,4215,4216,4219],{},"CloudFront — це HTTP-проксі з кешем. Він повністю дотримується стандарту HTTP\u002F1.1 (RFC 7234) щодо кешування: ",[3373,4217,4218],{},"рішення про те, кешувати відповідь чи ні, приймається на основі HTTP-заголовків",", які повертає ваш Origin-сервер.",[3357,4221,4223],{"id":4222},"http-заголовки-кешування","HTTP-заголовки кешування",[3353,4225,4226,4227,4230],{},"Коли edge отримує відповідь від Origin, він аналізує заголовок ",[3365,4228,4229],{},"Cache-Control"," і вирішує:",[4232,4233,4234,4250],"table",{},[4235,4236,4237],"thead",{},[4238,4239,4240,4244,4247],"tr",{},[4241,4242,4243],"th",{},"Директива",[4241,4245,4246],{},"Значення",[4241,4248,4249],{},"Поведінка CloudFront",[4251,4252,4253,4267,4288,4308,4321],"tbody",{},[4238,4254,4255,4261,4264],{},[4256,4257,4258],"td",{},[3365,4259,4260],{},"max-age=N",[4256,4262,4263],{},"кешувати N секунд",[4256,4265,4266],{},"зберігає копію на N секунд",[4238,4268,4269,4274,4277],{},[4256,4270,4271],{},[3365,4272,4273],{},"s-maxage=N",[4256,4275,4276],{},"спеціально для проксі-кешів",[4256,4278,4279,4280,4283,4284,4287],{},"CloudFront використовує ",[3365,4281,4282],{},"s-maxage"," замість ",[3365,4285,4286],{},"max-age"," якщо обидва присутні",[4238,4289,4290,4295,4298],{},[4256,4291,4292],{},[3365,4293,4294],{},"no-cache",[4256,4296,4297],{},"не використовувати кеш без ревалідації",[4256,4299,4300,4301,4139,4304,4307],{},"CloudFront робить умовний запит до Origin (",[3365,4302,4303],{},"If-None-Match",[3365,4305,4306],{},"If-Modified-Since",")",[4238,4309,4310,4315,4318],{},[4256,4311,4312],{},[3365,4313,4314],{},"no-store",[4256,4316,4317],{},"не зберігати взагалі",[4256,4319,4320],{},"CloudFront не кешує, завжди звертається до Origin",[4238,4322,4323,4328,4331],{},[4256,4324,4325],{},[3365,4326,4327],{},"private",[4256,4329,4330],{},"лише для браузера, не для проксі",[4256,4332,4333,4334,4337,4338],{},"CloudFront ",[3373,4335,4336],{},"не кешує"," відповіді з ",[3365,4339,4340],{},"Cache-Control: private",[3353,4342,4343,4346],{},[3373,4344,4345],{},"TTL (Time To Live)"," — час, протягом якого кешована копія вважається актуальною. Після закінчення TTL edge робить новий запит до Origin.",[3357,4348,4350],{"id":4349},"cache-miss-та-cache-hit-послідовність-подій","Cache Miss та Cache Hit: послідовність подій",[3393,4352,4353],{},[3396,4354,4356],{"className":3398,"code":4355,"language":3400,"meta":3401,"style":3401},"@startuml\nskinparam style plain\nskinparam backgroundColor #ffffff\nskinparam sequence {\n    ArrowColor #374151\n    ActorBorderColor #374151\n    ActorBackgroundColor #f9fafb\n    ParticipantBorderColor #374151\n    ParticipantBackgroundColor #f9fafb\n    NoteBackgroundColor #dbeafe\n    NoteBorderColor #3b82f6\n    LifeLineBorderColor #9ca3af\n}\n\ntitle CloudFront: Cache Miss -> Cache Hit\n\nactor \"Браузер\" as B\nparticipant \"CloudFront\\nEdge (Токіо)\" as CF\nparticipant \"Origin\\n(S3 \u002F ALB)\" as O\n\n== Перший запит: Cache Miss ==\n\nB -> CF : GET \u002Fmain.abc123.js\nnote right of CF: Перевіряє кеш\\n\u003Cb>MISS\u003C\u002Fb> — файл відсутній\n\nCF -> O : GET \u002Fmain.abc123.js\nO --> CF : 200 OK\\nCache-Control: max-age=31536000\\n[тіло відповіді: 180 KB]\nnote right of CF: Зберігає у кеш\\nна 365 днів\nCF --> B : 200 OK\\nx-cache: Miss from cloudfront\\n[тіло відповіді: 180 KB]\n\n== Наступні запити: Cache Hit ==\n\nB -> CF : GET \u002Fmain.abc123.js\nnote right of CF: Перевіряє кеш\\n\u003Cb>HIT\u003C\u002Fb> — є актуальна копія\nCF --> B : 200 OK\\nx-cache: Hit from cloudfront\\n[тіло відповіді: 180 KB]\\n\u003Cb>Origin не турбується!\u003C\u002Fb>\n\nB -> CF : GET \u002Fmain.abc123.js\nCF --> B : 200 OK\\nx-cache: Hit from cloudfront\n\nnote over CF : TTL закінчився через 365 днів\n\n== TTL протух: Revalidation ==\n\nB -> CF : GET \u002Fmain.abc123.js\nnote right of CF: Кеш застарів,\\nпотрібна реваліція\n\nCF -> O : GET \u002Fmain.abc123.js\\nIf-None-Match: \"abc123etag\"\nO --> CF : 304 Not Modified\\n(тіло порожнє — файл не змінився)\nnote right of CF: Оновлює TTL,\\nзберігає стару копію\nCF --> B : 200 OK\\nx-cache: Hit from cloudfront\n@enduml\n",[3365,4357,4358,4362,4366,4370,4374,4378,4382,4386,4390,4394,4399,4404,4408,4412,4416,4421,4425,4430,4435,4440,4444,4449,4453,4458,4463,4467,4472,4477,4482,4487,4491,4496,4500,4504,4509,4514,4518,4522,4527,4531,4536,4540,4545,4549,4553,4558,4562,4567,4572,4577,4581],{"__ignoreMap":3401},[3405,4359,4360],{"class":3407,"line":3408},[3405,4361,3411],{},[3405,4363,4364],{"class":3407,"line":3414},[3405,4365,3417],{},[3405,4367,4368],{"class":3407,"line":3420},[3405,4369,3423],{},[3405,4371,4372],{"class":3407,"line":3426},[3405,4373,3429],{},[3405,4375,4376],{"class":3407,"line":3432},[3405,4377,3435],{},[3405,4379,4380],{"class":3407,"line":3438},[3405,4381,3441],{},[3405,4383,4384],{"class":3407,"line":3444},[3405,4385,3447],{},[3405,4387,4388],{"class":3407,"line":3450},[3405,4389,3453],{},[3405,4391,4392],{"class":3407,"line":3456},[3405,4393,3459],{},[3405,4395,4396],{"class":3407,"line":3462},[3405,4397,4398],{},"    NoteBackgroundColor #dbeafe\n",[3405,4400,4401],{"class":3407,"line":3468},[3405,4402,4403],{},"    NoteBorderColor #3b82f6\n",[3405,4405,4406],{"class":3407,"line":3474},[3405,4407,3477],{},[3405,4409,4410],{"class":3407,"line":3480},[3405,4411,3483],{},[3405,4413,4414],{"class":3407,"line":3486},[3405,4415,3490],{"emptyLinePlaceholder":3489},[3405,4417,4418],{"class":3407,"line":3493},[3405,4419,4420],{},"title CloudFront: Cache Miss -> Cache Hit\n",[3405,4422,4423],{"class":3407,"line":3499},[3405,4424,3490],{"emptyLinePlaceholder":3489},[3405,4426,4427],{"class":3407,"line":3504},[3405,4428,4429],{},"actor \"Браузер\" as B\n",[3405,4431,4432],{"class":3407,"line":3510},[3405,4433,4434],{},"participant \"CloudFront\\nEdge (Токіо)\" as CF\n",[3405,4436,4437],{"class":3407,"line":3516},[3405,4438,4439],{},"participant \"Origin\\n(S3 \u002F ALB)\" as O\n",[3405,4441,4442],{"class":3407,"line":3522},[3405,4443,3490],{"emptyLinePlaceholder":3489},[3405,4445,4446],{"class":3407,"line":3527},[3405,4447,4448],{},"== Перший запит: Cache Miss ==\n",[3405,4450,4451],{"class":3407,"line":3533},[3405,4452,3490],{"emptyLinePlaceholder":3489},[3405,4454,4455],{"class":3407,"line":3539},[3405,4456,4457],{},"B -> CF : GET \u002Fmain.abc123.js\n",[3405,4459,4460],{"class":3407,"line":3545},[3405,4461,4462],{},"note right of CF: Перевіряє кеш\\n\u003Cb>MISS\u003C\u002Fb> — файл відсутній\n",[3405,4464,4465],{"class":3407,"line":3551},[3405,4466,3490],{"emptyLinePlaceholder":3489},[3405,4468,4469],{"class":3407,"line":3556},[3405,4470,4471],{},"CF -> O : GET \u002Fmain.abc123.js\n",[3405,4473,4474],{"class":3407,"line":3562},[3405,4475,4476],{},"O --> CF : 200 OK\\nCache-Control: max-age=31536000\\n[тіло відповіді: 180 KB]\n",[3405,4478,4479],{"class":3407,"line":3568},[3405,4480,4481],{},"note right of CF: Зберігає у кеш\\nна 365 днів\n",[3405,4483,4484],{"class":3407,"line":3574},[3405,4485,4486],{},"CF --> B : 200 OK\\nx-cache: Miss from cloudfront\\n[тіло відповіді: 180 KB]\n",[3405,4488,4489],{"class":3407,"line":3579},[3405,4490,3490],{"emptyLinePlaceholder":3489},[3405,4492,4493],{"class":3407,"line":3585},[3405,4494,4495],{},"== Наступні запити: Cache Hit ==\n",[3405,4497,4498],{"class":3407,"line":3590},[3405,4499,3490],{"emptyLinePlaceholder":3489},[3405,4501,4502],{"class":3407,"line":3596},[3405,4503,4457],{},[3405,4505,4506],{"class":3407,"line":3601},[3405,4507,4508],{},"note right of CF: Перевіряє кеш\\n\u003Cb>HIT\u003C\u002Fb> — є актуальна копія\n",[3405,4510,4511],{"class":3407,"line":3607},[3405,4512,4513],{},"CF --> B : 200 OK\\nx-cache: Hit from cloudfront\\n[тіло відповіді: 180 KB]\\n\u003Cb>Origin не турбується!\u003C\u002Fb>\n",[3405,4515,4516],{"class":3407,"line":3612},[3405,4517,3490],{"emptyLinePlaceholder":3489},[3405,4519,4520],{"class":3407,"line":3618},[3405,4521,4457],{},[3405,4523,4524],{"class":3407,"line":3623},[3405,4525,4526],{},"CF --> B : 200 OK\\nx-cache: Hit from cloudfront\n",[3405,4528,4529],{"class":3407,"line":3629},[3405,4530,3490],{"emptyLinePlaceholder":3489},[3405,4532,4533],{"class":3407,"line":3634},[3405,4534,4535],{},"note over CF : TTL закінчився через 365 днів\n",[3405,4537,4538],{"class":3407,"line":3640},[3405,4539,3490],{"emptyLinePlaceholder":3489},[3405,4541,4542],{"class":3407,"line":3645},[3405,4543,4544],{},"== TTL протух: Revalidation ==\n",[3405,4546,4547],{"class":3407,"line":3651},[3405,4548,3490],{"emptyLinePlaceholder":3489},[3405,4550,4551],{"class":3407,"line":3656},[3405,4552,4457],{},[3405,4554,4555],{"class":3407,"line":3662},[3405,4556,4557],{},"note right of CF: Кеш застарів,\\nпотрібна реваліція\n",[3405,4559,4560],{"class":3407,"line":3667},[3405,4561,3490],{"emptyLinePlaceholder":3489},[3405,4563,4564],{"class":3407,"line":3673},[3405,4565,4566],{},"CF -> O : GET \u002Fmain.abc123.js\\nIf-None-Match: \"abc123etag\"\n",[3405,4568,4569],{"class":3407,"line":3679},[3405,4570,4571],{},"O --> CF : 304 Not Modified\\n(тіло порожнє — файл не змінився)\n",[3405,4573,4574],{"class":3407,"line":3685},[3405,4575,4576],{},"note right of CF: Оновлює TTL,\\nзберігає стару копію\n",[3405,4578,4579],{"class":3407,"line":3690},[3405,4580,4526],{},[3405,4582,4583],{"class":3407,"line":3695},[3405,4584,3749],{},[3357,4586,4588],{"id":4587},"заголовки-відповіді-cloudfront","Заголовки відповіді CloudFront",[3353,4590,4591],{},"Кожна відповідь від CloudFront містить діагностичні заголовки:",[3396,4593,4597],{"className":4594,"code":4595,"language":4596,"meta":3401,"style":3401},"language-http shiki shiki-themes light-plus dark-plus dark-plus","HTTP\u002F2 200\nx-cache: Hit from cloudfront          ← HIT або Miss from cloudfront\nx-amz-cf-pop: NRT12-C2               ← Edge location (NRT = Narita, Tokyo)\nx-amz-cf-id: abc123...               ← Унікальний ID запиту для дебагу\nage: 3847                             ← Скільки секунд файл у кеші\ncache-control: max-age=31536000       ← Заголовок від Origin (прокидається клієнту)\n","http",[3365,4598,4599,4609,4623,4633,4643,4653],{"__ignoreMap":3401},[3405,4600,4601,4605],{"class":3407,"line":3408},[3405,4602,4604],{"class":4603},"sHH4Y","HTTP\u002F2 ",[3405,4606,4608],{"class":4607},"sJj4R","200\n",[3405,4610,4611,4615,4619],{"class":3407,"line":3414},[3405,4612,4614],{"class":4613},"sKtos","x-cache",[3405,4616,4618],{"class":4617},"su1O8",":",[3405,4620,4622],{"class":4621},"sbdoH"," Hit from cloudfront          ← HIT або Miss from cloudfront\n",[3405,4624,4625,4628,4630],{"class":3407,"line":3420},[3405,4626,4627],{"class":4613},"x-amz-cf-pop",[3405,4629,4618],{"class":4617},[3405,4631,4632],{"class":4621}," NRT12-C2               ← Edge location (NRT = Narita, Tokyo)\n",[3405,4634,4635,4638,4640],{"class":3407,"line":3426},[3405,4636,4637],{"class":4613},"x-amz-cf-id",[3405,4639,4618],{"class":4617},[3405,4641,4642],{"class":4621}," abc123...               ← Унікальний ID запиту для дебагу\n",[3405,4644,4645,4648,4650],{"class":3407,"line":3432},[3405,4646,4647],{"class":4613},"age",[3405,4649,4618],{"class":4617},[3405,4651,4652],{"class":4621}," 3847                             ← Скільки секунд файл у кеші\n",[3405,4654,4655,4658,4660],{"class":3407,"line":3438},[3405,4656,4657],{"class":4613},"cache-control",[3405,4659,4618],{"class":4617},[3405,4661,4662],{"class":4621}," max-age=31536000       ← Заголовок від Origin (прокидається клієнту)\n",[3353,4664,4665,4666,4668,4669,4672,4673,4676],{},"Заголовок ",[3365,4667,4647],{}," дозволяє дізнатись «вік» кешованої копії: якщо ",[3365,4670,4671],{},"max-age=86400"," і ",[3365,4674,4675],{},"age=3600"," — до закінчення TTL ще 82 800 секунд (23 години).",[3357,4678,4680],{"id":4679},"стратегії-cache-control-для-різних-типів-контенту","Стратегії Cache-Control для різних типів контенту",[3353,4682,4683],{},"Правильна стратегія кешування залежить від типу ресурсу та частоти його зміни.",[3983,4685,4687],{"id":4686},"react-spa-vite-create-react-app","React SPA (Vite \u002F Create React App)",[3353,4689,4690,4691,4694,4695,3380],{},"Vite та CRA автоматично додають content hash до імен файлів при production build: ",[3365,4692,4693],{},"main.a1b2c3d4.js",". Якщо вміст файлу змінився — змінюється і hash, тобто URL стає іншим. Це дозволяє кешувати JS\u002FCSS ",[3373,4696,4697],{},"назавжди",[3396,4699,4703],{"className":4700,"code":4701,"language":4702,"meta":3401,"style":3401},"language-bash shiki shiki-themes light-plus dark-plus dark-plus","# Стратегія деплою React на S3:\n\n# index.html — ніколи не кешувати (він містить посилання на актуальні hash-файли)\naws s3 cp .\u002Fdist\u002Findex.html s3:\u002F\u002Fmy-bucket\u002Findex.html \\\n    --cache-control \"no-cache, no-store, must-revalidate\" \\\n    --content-type \"text\u002Fhtml; charset=utf-8\"\n\n# JS\u002FCSS з hash у назві — кешувати назавжди (immutable = \"цей файл ніколи не змінюється\")\naws s3 sync .\u002Fdist\u002Fassets s3:\u002F\u002Fmy-bucket\u002Fassets \\\n    --cache-control \"public, max-age=31536000, immutable\"\n\n# Статичні asset без hash (favicon, robots.txt) — кешувати добу\naws s3 cp .\u002Fdist\u002Ffavicon.ico s3:\u002F\u002Fmy-bucket\u002Ffavicon.ico \\\n    --cache-control \"public, max-age=86400\"\n","bash",[3365,4704,4705,4711,4715,4720,4742,4752,4760,4764,4769,4786,4793,4797,4802,4818],{"__ignoreMap":3401},[3405,4706,4707],{"class":3407,"line":3408},[3405,4708,4710],{"class":4709},"spJ8K","# Стратегія деплою React на S3:\n",[3405,4712,4713],{"class":3407,"line":3414},[3405,4714,3490],{"emptyLinePlaceholder":3489},[3405,4716,4717],{"class":3407,"line":3420},[3405,4718,4719],{"class":4709},"# index.html — ніколи не кешувати (він містить посилання на актуальні hash-файли)\n",[3405,4721,4722,4726,4729,4732,4735,4738],{"class":3407,"line":3426},[3405,4723,4725],{"class":4724},"s8Opu","aws",[3405,4727,4728],{"class":4621}," s3",[3405,4730,4731],{"class":4621}," cp",[3405,4733,4734],{"class":4621}," .\u002Fdist\u002Findex.html",[3405,4736,4737],{"class":4621}," s3:\u002F\u002Fmy-bucket\u002Findex.html",[3405,4739,4741],{"class":4740},"sjcCO"," \\\n",[3405,4743,4744,4747,4750],{"class":3407,"line":3432},[3405,4745,4746],{"class":4617},"    --cache-control",[3405,4748,4749],{"class":4621}," \"no-cache, no-store, must-revalidate\"",[3405,4751,4741],{"class":4740},[3405,4753,4754,4757],{"class":3407,"line":3438},[3405,4755,4756],{"class":4617},"    --content-type",[3405,4758,4759],{"class":4621}," \"text\u002Fhtml; charset=utf-8\"\n",[3405,4761,4762],{"class":3407,"line":3444},[3405,4763,3490],{"emptyLinePlaceholder":3489},[3405,4765,4766],{"class":3407,"line":3450},[3405,4767,4768],{"class":4709},"# JS\u002FCSS з hash у назві — кешувати назавжди (immutable = \"цей файл ніколи не змінюється\")\n",[3405,4770,4771,4773,4775,4778,4781,4784],{"class":3407,"line":3456},[3405,4772,4725],{"class":4724},[3405,4774,4728],{"class":4621},[3405,4776,4777],{"class":4621}," sync",[3405,4779,4780],{"class":4621}," .\u002Fdist\u002Fassets",[3405,4782,4783],{"class":4621}," s3:\u002F\u002Fmy-bucket\u002Fassets",[3405,4785,4741],{"class":4740},[3405,4787,4788,4790],{"class":3407,"line":3462},[3405,4789,4746],{"class":4617},[3405,4791,4792],{"class":4621}," \"public, max-age=31536000, immutable\"\n",[3405,4794,4795],{"class":3407,"line":3468},[3405,4796,3490],{"emptyLinePlaceholder":3489},[3405,4798,4799],{"class":3407,"line":3474},[3405,4800,4801],{"class":4709},"# Статичні asset без hash (favicon, robots.txt) — кешувати добу\n",[3405,4803,4804,4806,4808,4810,4813,4816],{"class":3407,"line":3480},[3405,4805,4725],{"class":4724},[3405,4807,4728],{"class":4621},[3405,4809,4731],{"class":4621},[3405,4811,4812],{"class":4621}," .\u002Fdist\u002Ffavicon.ico",[3405,4814,4815],{"class":4621}," s3:\u002F\u002Fmy-bucket\u002Ffavicon.ico",[3405,4817,4741],{"class":4740},[3405,4819,4820,4822],{"class":3407,"line":3486},[3405,4821,4746],{"class":4617},[3405,4823,4824],{"class":4621}," \"public, max-age=86400\"\n",[3983,4826,4828,4829,4307],{"id":4827},"aspnet-core-статичні-файли-wwwroot","ASP.NET Core — статичні файли (",[3365,4830,4831],{},"wwwroot",[3353,4833,4834,4835,4838],{},"У ASP.NET Core middleware ",[3365,4836,4837],{},"UseStaticFiles()"," автоматично виставляє заголовки кешування. Можна налаштувати:",[3396,4840,4844],{"className":4841,"code":4842,"language":4843,"meta":3401,"style":3401},"language-csharp shiki shiki-themes light-plus dark-plus dark-plus","\u002F\u002F Program.cs\napp.UseStaticFiles(new StaticFileOptions\n{\n    OnPrepareResponse = ctx =>\n    {\n        var path = ctx.File.Name;\n        var headers = ctx.Context.Response.Headers;\n\n        if (path.EndsWith(\".js\") || path.EndsWith(\".css\"))\n        {\n            \u002F\u002F Файли з hash у назві (Vite\u002Fwebpack output) — кеш на рік\n            if (path.Contains('.') && path.Split('.').Length > 2)\n            {\n                headers.CacheControl = \"public, max-age=31536000, immutable\";\n            }\n            else\n            {\n                headers.CacheControl = \"public, max-age=3600\"; \u002F\u002F 1 година\n            }\n        }\n        else if (path.EndsWith(\".html\"))\n        {\n            headers.CacheControl = \"no-cache, no-store, must-revalidate\";\n        }\n        else\n        {\n            headers.CacheControl = \"public, max-age=86400\"; \u002F\u002F 24 години\n        }\n    }\n});\n","csharp",[3365,4845,4846,4851,4872,4877,4891,4896,4921,4949,4953,4992,4997,5002,5049,5054,5071,5076,5081,5085,5104,5108,5113,5136,5140,5156,5160,5165,5169,5187,5191,5196],{"__ignoreMap":3401},[3405,4847,4848],{"class":3407,"line":3408},[3405,4849,4850],{"class":4709},"\u002F\u002F Program.cs\n",[3405,4852,4853,4857,4859,4862,4865,4868],{"class":3407,"line":3414},[3405,4854,4856],{"class":4855},"siwwj","app",[3405,4858,3380],{"class":4603},[3405,4860,4861],{"class":4724},"UseStaticFiles",[3405,4863,4864],{"class":4603},"(",[3405,4866,4867],{"class":4617},"new",[3405,4869,4871],{"class":4870},"sN1BT"," StaticFileOptions\n",[3405,4873,4874],{"class":3407,"line":3420},[3405,4875,4876],{"class":4603},"{\n",[3405,4878,4879,4882,4885,4888],{"class":3407,"line":3426},[3405,4880,4881],{"class":4855},"    OnPrepareResponse",[3405,4883,4884],{"class":4603}," = ",[3405,4886,4887],{"class":4855},"ctx",[3405,4889,4890],{"class":4603}," =>\n",[3405,4892,4893],{"class":3407,"line":3432},[3405,4894,4895],{"class":4603},"    {\n",[3405,4897,4898,4901,4904,4906,4908,4910,4913,4915,4918],{"class":3407,"line":3438},[3405,4899,4900],{"class":4617},"        var",[3405,4902,4903],{"class":4855}," path",[3405,4905,4884],{"class":4603},[3405,4907,4887],{"class":4855},[3405,4909,3380],{"class":4603},[3405,4911,4912],{"class":4855},"File",[3405,4914,3380],{"class":4603},[3405,4916,4917],{"class":4855},"Name",[3405,4919,4920],{"class":4603},";\n",[3405,4922,4923,4925,4928,4930,4932,4934,4937,4939,4942,4944,4947],{"class":3407,"line":3444},[3405,4924,4900],{"class":4617},[3405,4926,4927],{"class":4855}," headers",[3405,4929,4884],{"class":4603},[3405,4931,4887],{"class":4855},[3405,4933,3380],{"class":4603},[3405,4935,4936],{"class":4855},"Context",[3405,4938,3380],{"class":4603},[3405,4940,4941],{"class":4855},"Response",[3405,4943,3380],{"class":4603},[3405,4945,4946],{"class":4855},"Headers",[3405,4948,4920],{"class":4603},[3405,4950,4951],{"class":3407,"line":3450},[3405,4952,3490],{"emptyLinePlaceholder":3489},[3405,4954,4955,4959,4962,4965,4967,4970,4972,4975,4978,4980,4982,4984,4986,4989],{"class":3407,"line":3456},[3405,4956,4958],{"class":4957},"s8xlr","        if",[3405,4960,4961],{"class":4603}," (",[3405,4963,4964],{"class":4855},"path",[3405,4966,3380],{"class":4603},[3405,4968,4969],{"class":4724},"EndsWith",[3405,4971,4864],{"class":4603},[3405,4973,4974],{"class":4621},"\".js\"",[3405,4976,4977],{"class":4603},") || ",[3405,4979,4964],{"class":4855},[3405,4981,3380],{"class":4603},[3405,4983,4969],{"class":4724},[3405,4985,4864],{"class":4603},[3405,4987,4988],{"class":4621},"\".css\"",[3405,4990,4991],{"class":4603},"))\n",[3405,4993,4994],{"class":3407,"line":3462},[3405,4995,4996],{"class":4603},"        {\n",[3405,4998,4999],{"class":3407,"line":3468},[3405,5000,5001],{"class":4709},"            \u002F\u002F Файли з hash у назві (Vite\u002Fwebpack output) — кеш на рік\n",[3405,5003,5004,5007,5009,5011,5013,5016,5018,5021,5024,5026,5028,5031,5033,5035,5037,5040,5043,5046],{"class":3407,"line":3474},[3405,5005,5006],{"class":4957},"            if",[3405,5008,4961],{"class":4603},[3405,5010,4964],{"class":4855},[3405,5012,3380],{"class":4603},[3405,5014,5015],{"class":4724},"Contains",[3405,5017,4864],{"class":4603},[3405,5019,5020],{"class":4621},"'.'",[3405,5022,5023],{"class":4603},") && ",[3405,5025,4964],{"class":4855},[3405,5027,3380],{"class":4603},[3405,5029,5030],{"class":4724},"Split",[3405,5032,4864],{"class":4603},[3405,5034,5020],{"class":4621},[3405,5036,4146],{"class":4603},[3405,5038,5039],{"class":4855},"Length",[3405,5041,5042],{"class":4603}," > ",[3405,5044,5045],{"class":4607},"2",[3405,5047,5048],{"class":4603},")\n",[3405,5050,5051],{"class":3407,"line":3480},[3405,5052,5053],{"class":4603},"            {\n",[3405,5055,5056,5059,5061,5064,5066,5069],{"class":3407,"line":3486},[3405,5057,5058],{"class":4855},"                headers",[3405,5060,3380],{"class":4603},[3405,5062,5063],{"class":4855},"CacheControl",[3405,5065,4884],{"class":4603},[3405,5067,5068],{"class":4621},"\"public, max-age=31536000, immutable\"",[3405,5070,4920],{"class":4603},[3405,5072,5073],{"class":3407,"line":3493},[3405,5074,5075],{"class":4603},"            }\n",[3405,5077,5078],{"class":3407,"line":3499},[3405,5079,5080],{"class":4957},"            else\n",[3405,5082,5083],{"class":3407,"line":3504},[3405,5084,5053],{"class":4603},[3405,5086,5087,5089,5091,5093,5095,5098,5101],{"class":3407,"line":3510},[3405,5088,5058],{"class":4855},[3405,5090,3380],{"class":4603},[3405,5092,5063],{"class":4855},[3405,5094,4884],{"class":4603},[3405,5096,5097],{"class":4621},"\"public, max-age=3600\"",[3405,5099,5100],{"class":4603},"; ",[3405,5102,5103],{"class":4709},"\u002F\u002F 1 година\n",[3405,5105,5106],{"class":3407,"line":3516},[3405,5107,5075],{"class":4603},[3405,5109,5110],{"class":3407,"line":3522},[3405,5111,5112],{"class":4603},"        }\n",[3405,5114,5115,5118,5121,5123,5125,5127,5129,5131,5134],{"class":3407,"line":3527},[3405,5116,5117],{"class":4957},"        else",[3405,5119,5120],{"class":4957}," if",[3405,5122,4961],{"class":4603},[3405,5124,4964],{"class":4855},[3405,5126,3380],{"class":4603},[3405,5128,4969],{"class":4724},[3405,5130,4864],{"class":4603},[3405,5132,5133],{"class":4621},"\".html\"",[3405,5135,4991],{"class":4603},[3405,5137,5138],{"class":3407,"line":3533},[3405,5139,4996],{"class":4603},[3405,5141,5142,5145,5147,5149,5151,5154],{"class":3407,"line":3539},[3405,5143,5144],{"class":4855},"            headers",[3405,5146,3380],{"class":4603},[3405,5148,5063],{"class":4855},[3405,5150,4884],{"class":4603},[3405,5152,5153],{"class":4621},"\"no-cache, no-store, must-revalidate\"",[3405,5155,4920],{"class":4603},[3405,5157,5158],{"class":3407,"line":3545},[3405,5159,5112],{"class":4603},[3405,5161,5162],{"class":3407,"line":3551},[3405,5163,5164],{"class":4957},"        else\n",[3405,5166,5167],{"class":3407,"line":3556},[3405,5168,4996],{"class":4603},[3405,5170,5171,5173,5175,5177,5179,5182,5184],{"class":3407,"line":3562},[3405,5172,5144],{"class":4855},[3405,5174,3380],{"class":4603},[3405,5176,5063],{"class":4855},[3405,5178,4884],{"class":4603},[3405,5180,5181],{"class":4621},"\"public, max-age=86400\"",[3405,5183,5100],{"class":4603},[3405,5185,5186],{"class":4709},"\u002F\u002F 24 години\n",[3405,5188,5189],{"class":3407,"line":3568},[3405,5190,5112],{"class":4603},[3405,5192,5193],{"class":3407,"line":3574},[3405,5194,5195],{"class":4603},"    }\n",[3405,5197,5198],{"class":3407,"line":3579},[3405,5199,5200],{"class":4603},"});\n",[3983,5202,5204],{"id":5203},"aspnet-core-api-відповіді","ASP.NET Core — API відповіді",[3353,5206,5207,5208,5211,5212,5214,5215,5217],{},"Для API-ендпоінтів CloudFront може кешувати ",[3373,5209,5210],{},"лише GET\u002FHEAD запити"," з явним ",[3365,5213,4229],{},". За замовчуванням ASP.NET Core не виставляє ",[3365,5216,4229],{}," — тому CloudFront не кешує API-відповіді автоматично.",[3396,5219,5221],{"className":4841,"code":5220,"language":4843,"meta":3401,"style":3401},"\u002F\u002F Кешований GET-ендпоінт (список категорій — змінюється рідко)\n[HttpGet(\"categories\")]\n[ResponseCache(Duration = 300, Location = ResponseCacheLocation.Any, VaryByHeader = \"Accept-Language\")]\npublic IActionResult GetCategories()\n{\n    \u002F\u002F Cache-Control: public, max-age=300, vary: Accept-Language\n    return Ok(_categoryService.GetAll());\n}\n\n\u002F\u002F НЕ кешований ендпоінт (персональні дані користувача)\n[HttpGet(\"profile\")]\n[ResponseCache(NoStore = true, Location = ResponseCacheLocation.None)]\npublic IActionResult GetProfile()\n{\n    \u002F\u002F Cache-Control: no-store\n    return Ok(_userService.GetCurrentUser(User));\n}\n",[3365,5222,5223,5228,5244,5288,5302,5306,5311,5332,5336,5340,5345,5358,5389,5400,5404,5409,5433],{"__ignoreMap":3401},[3405,5224,5225],{"class":3407,"line":3408},[3405,5226,5227],{"class":4709},"\u002F\u002F Кешований GET-ендпоінт (список категорій — змінюється рідко)\n",[3405,5229,5230,5233,5236,5238,5241],{"class":3407,"line":3414},[3405,5231,5232],{"class":4603},"[",[3405,5234,5235],{"class":4870},"HttpGet",[3405,5237,4864],{"class":4603},[3405,5239,5240],{"class":4621},"\"categories\"",[3405,5242,5243],{"class":4603},")]\n",[3405,5245,5246,5248,5251,5253,5256,5258,5261,5263,5266,5268,5271,5273,5276,5278,5281,5283,5286],{"class":3407,"line":3420},[3405,5247,5232],{"class":4603},[3405,5249,5250],{"class":4870},"ResponseCache",[3405,5252,4864],{"class":4603},[3405,5254,5255],{"class":4855},"Duration",[3405,5257,4884],{"class":4603},[3405,5259,5260],{"class":4607},"300",[3405,5262,4139],{"class":4603},[3405,5264,5265],{"class":4855},"Location",[3405,5267,4884],{"class":4603},[3405,5269,5270],{"class":4855},"ResponseCacheLocation",[3405,5272,3380],{"class":4603},[3405,5274,5275],{"class":4855},"Any",[3405,5277,4139],{"class":4603},[3405,5279,5280],{"class":4855},"VaryByHeader",[3405,5282,4884],{"class":4603},[3405,5284,5285],{"class":4621},"\"Accept-Language\"",[3405,5287,5243],{"class":4603},[3405,5289,5290,5293,5296,5299],{"class":3407,"line":3426},[3405,5291,5292],{"class":4617},"public",[3405,5294,5295],{"class":4870}," IActionResult",[3405,5297,5298],{"class":4724}," GetCategories",[3405,5300,5301],{"class":4603},"()\n",[3405,5303,5304],{"class":3407,"line":3432},[3405,5305,4876],{"class":4603},[3405,5307,5308],{"class":3407,"line":3438},[3405,5309,5310],{"class":4709},"    \u002F\u002F Cache-Control: public, max-age=300, vary: Accept-Language\n",[3405,5312,5313,5316,5319,5321,5324,5326,5329],{"class":3407,"line":3444},[3405,5314,5315],{"class":4957},"    return",[3405,5317,5318],{"class":4724}," Ok",[3405,5320,4864],{"class":4603},[3405,5322,5323],{"class":4855},"_categoryService",[3405,5325,3380],{"class":4603},[3405,5327,5328],{"class":4724},"GetAll",[3405,5330,5331],{"class":4603},"());\n",[3405,5333,5334],{"class":3407,"line":3450},[3405,5335,3483],{"class":4603},[3405,5337,5338],{"class":3407,"line":3456},[3405,5339,3490],{"emptyLinePlaceholder":3489},[3405,5341,5342],{"class":3407,"line":3462},[3405,5343,5344],{"class":4709},"\u002F\u002F НЕ кешований ендпоінт (персональні дані користувача)\n",[3405,5346,5347,5349,5351,5353,5356],{"class":3407,"line":3468},[3405,5348,5232],{"class":4603},[3405,5350,5235],{"class":4870},[3405,5352,4864],{"class":4603},[3405,5354,5355],{"class":4621},"\"profile\"",[3405,5357,5243],{"class":4603},[3405,5359,5360,5362,5364,5366,5369,5371,5374,5376,5378,5380,5382,5384,5387],{"class":3407,"line":3474},[3405,5361,5232],{"class":4603},[3405,5363,5250],{"class":4870},[3405,5365,4864],{"class":4603},[3405,5367,5368],{"class":4855},"NoStore",[3405,5370,4884],{"class":4603},[3405,5372,5373],{"class":4617},"true",[3405,5375,4139],{"class":4603},[3405,5377,5265],{"class":4855},[3405,5379,4884],{"class":4603},[3405,5381,5270],{"class":4855},[3405,5383,3380],{"class":4603},[3405,5385,5386],{"class":4855},"None",[3405,5388,5243],{"class":4603},[3405,5390,5391,5393,5395,5398],{"class":3407,"line":3480},[3405,5392,5292],{"class":4617},[3405,5394,5295],{"class":4870},[3405,5396,5397],{"class":4724}," GetProfile",[3405,5399,5301],{"class":4603},[3405,5401,5402],{"class":3407,"line":3486},[3405,5403,4876],{"class":4603},[3405,5405,5406],{"class":3407,"line":3493},[3405,5407,5408],{"class":4709},"    \u002F\u002F Cache-Control: no-store\n",[3405,5410,5411,5413,5415,5417,5420,5422,5425,5427,5430],{"class":3407,"line":3499},[3405,5412,5315],{"class":4957},[3405,5414,5318],{"class":4724},[3405,5416,4864],{"class":4603},[3405,5418,5419],{"class":4855},"_userService",[3405,5421,3380],{"class":4603},[3405,5423,5424],{"class":4724},"GetCurrentUser",[3405,5426,4864],{"class":4603},[3405,5428,5429],{"class":4855},"User",[3405,5431,5432],{"class":4603},"));\n",[3405,5434,5435],{"class":3407,"line":3504},[3405,5436,3483],{"class":4603},[5438,5439,5440,5443,5444,5447,5448,5451,5452,3763,5454,5456],"caution",{},[3373,5441,5442],{},"Важливо:"," ніколи не кешуйте на CloudFront відповіді, що містять персональні дані (JWT-токени, профілі, кошики покупок). Якщо ",[3365,5445,5446],{},"Cache-Control: public, max-age=60"," і CloudFront закешував відповідь з даними Аліси — наступний користувач отримає ",[3373,5449,5450],{},"дані Аліси",". Завжди використовуйте ",[3365,5453,4340],{},[3365,5455,4314],{}," для персоналізованого контенту.",[3983,5458,5460],{"id":5459},"порівняльна-таблиця-стратегій","Порівняльна таблиця стратегій",[4232,5462,5463,5476],{},[4235,5464,5465],{},[4238,5466,5467,5470,5473],{},[4241,5468,5469],{},"Тип ресурсу",[4241,5471,5472],{},"Приклади",[4241,5474,5475],{},"Рекомендований Cache-Control",[4251,5477,5478,5493,5508,5527,5541,5556,5571,5586],{},[4238,5479,5480,5483,5488],{},[4256,5481,5482],{},"HTML-оболонка SPA",[4256,5484,5485],{},[3365,5486,5487],{},"index.html",[4256,5489,5490],{},[3365,5491,5492],{},"no-cache, no-store",[4238,5494,5495,5498,5503],{},[4256,5496,5497],{},"JS\u002FCSS з content hash",[4256,5499,5500],{},[3365,5501,5502],{},"main.a1b2c3.js",[4256,5504,5505],{},[3365,5506,5507],{},"public, max-age=31536000, immutable",[4238,5509,5510,5513,5521],{},[4256,5511,5512],{},"Зображення (статичні)",[4256,5514,5515,4139,5518],{},[3365,5516,5517],{},"logo.png",[3365,5519,5520],{},"hero.webp",[4256,5522,5523,5526],{},[3365,5524,5525],{},"public, max-age=2592000"," (30 днів)",[4238,5528,5529,5532,5537],{},[4256,5530,5531],{},"Шрифти",[4256,5533,5534],{},[3365,5535,5536],{},"Inter.woff2",[4256,5538,5539],{},[3365,5540,5507],{},[4238,5542,5543,5546,5551],{},[4256,5544,5545],{},"API — довідники",[4256,5547,5548],{},[3365,5549,5550],{},"GET \u002Fapi\u002Fcountries",[4256,5552,5553],{},[3365,5554,5555],{},"public, max-age=3600, s-maxage=86400",[4238,5557,5558,5561,5566],{},[4256,5559,5560],{},"API — публічний контент",[4256,5562,5563],{},[3365,5564,5565],{},"GET \u002Fapi\u002Farticles\u002F123",[4256,5567,5568],{},[3365,5569,5570],{},"public, max-age=60",[4238,5572,5573,5576,5581],{},[4256,5574,5575],{},"API — персональний",[4256,5577,5578],{},[3365,5579,5580],{},"GET \u002Fapi\u002Fprofile",[4256,5582,5583],{},[3365,5584,5585],{},"private, no-store",[4238,5587,5588,5591,5596],{},[4256,5589,5590],{},"API — мутації",[4256,5592,5593],{},[3365,5594,5595],{},"POST \u002Fapi\u002Forders",[4256,5597,5598],{},[3365,5599,4314],{},[4207,5601],{},[3348,5603,5605],{"id":5604},"cloudfront-distributions","CloudFront Distributions",[3353,5607,5608,5611,5612,5615],{},[3373,5609,5610],{},"Distribution"," — це центральний об'єкт конфігурації CloudFront, який описує ",[3373,5613,5614],{},"як саме"," CloudFront обслуговує ваш застосунок: звідки брати контент, як його кешувати, який домен та SSL-сертифікат використовувати.",[3353,5617,5618,5619,5622],{},"Аналогія: якщо CloudFront — це глобальна служба доставки, то Distribution — це конкретний ",[3373,5620,5621],{},"договір на доставку"," для одного вашого застосунку. У вас може бути кілька Distribution: один для production сайту, інший для staging, третій для API.",[3353,5624,5625],{},"Після створення Distribution отримує:",[4029,5627,5628,5638,5648],{},[3786,5629,5630,5633,5634,5637],{},[3373,5631,5632],{},"Унікальний домен"," вигляду ",[3365,5635,5636],{},"d1234abcd.cloudfront.net"," — автоматично, безкоштовно",[3786,5639,5640,5643,5644,5647],{},[3373,5641,5642],{},"Distribution ID"," (наприклад ",[3365,5645,5646],{},"EDFDVBD6EXAMPLE",") — ідентифікатор для CLI\u002FAPI операцій",[3786,5649,5650,5653],{},[3373,5651,5652],{},"ARN"," — для IAM-політик та моніторингу",[3353,5655,5656,5657,4139,5660,4139,5663,4163,5665,3380],{},"Distribution складається з чотирьох ключових концепцій: ",[3373,5658,5659],{},"Origins",[3373,5661,5662],{},"Cache Behaviors",[3373,5664,3762],{},[3373,5666,5667],{},"SSL\u002FDomain",[3393,5669,5670],{},[3396,5671,5673],{"className":3398,"code":5672,"language":3400,"meta":3401,"style":3401},"@startuml\nskinparam style plain\nskinparam backgroundColor #ffffff\nskinparam defaultTextAlignment center\n\npackage \"CloudFront Distribution\\nd1234abcd.cloudfront.net\" as DIST #dbeafe {\n\n    package \"Origins (звідки брати контент)\" as ORIGINS #fef3c7 {\n        component \"S3 Bucket\\n(статика, SPA)\" as S3O\n        component \"ALB\\n(.NET API)\" as ALBO\n        component \"Custom HTTP\\n(будь-який сервер)\" as CUSTO\n    }\n\n    package \"Cache Behaviors (правила маршрутизації)\" as BEHAVIORS #d1fae5 {\n        component \"\u002Fapi\u002F* → ALB\\nno-cache\" as B1\n        component \"\u002Fstatic\u002F* → S3\\nmax-age=31536000\" as B2\n        component \"\u002F* (default) → S3\\nmax-age=86400\" as B3\n    }\n\n    package \"Edge Locations\\n(400+ по всьому світу)\" as EDGES #f3e8ff {\n        component \"Edge\\nТокіо\" as ET\n        component \"Edge\\nФранкфурт\" as EF\n        component \"Edge\\nНью-Йорк\" as EN\n    }\n\n    ORIGINS --> BEHAVIORS : Origin вказується\\nв кожному Behavior\n    BEHAVIORS --> EDGES : Кешований контент\\nрозповсюджується на edge\n}\n\nactor \"Користувач\" as U\nU --> DIST : HTTPS запит\n@enduml\n",[3365,5674,5675,5679,5683,5687,5692,5696,5701,5705,5710,5715,5720,5725,5729,5733,5738,5743,5748,5753,5757,5761,5766,5771,5776,5781,5785,5789,5794,5799,5803,5807,5812,5817],{"__ignoreMap":3401},[3405,5676,5677],{"class":3407,"line":3408},[3405,5678,3411],{},[3405,5680,5681],{"class":3407,"line":3414},[3405,5682,3417],{},[3405,5684,5685],{"class":3407,"line":3420},[3405,5686,3423],{},[3405,5688,5689],{"class":3407,"line":3426},[3405,5690,5691],{},"skinparam defaultTextAlignment center\n",[3405,5693,5694],{"class":3407,"line":3432},[3405,5695,3490],{"emptyLinePlaceholder":3489},[3405,5697,5698],{"class":3407,"line":3438},[3405,5699,5700],{},"package \"CloudFront Distribution\\nd1234abcd.cloudfront.net\" as DIST #dbeafe {\n",[3405,5702,5703],{"class":3407,"line":3444},[3405,5704,3490],{"emptyLinePlaceholder":3489},[3405,5706,5707],{"class":3407,"line":3450},[3405,5708,5709],{},"    package \"Origins (звідки брати контент)\" as ORIGINS #fef3c7 {\n",[3405,5711,5712],{"class":3407,"line":3456},[3405,5713,5714],{},"        component \"S3 Bucket\\n(статика, SPA)\" as S3O\n",[3405,5716,5717],{"class":3407,"line":3462},[3405,5718,5719],{},"        component \"ALB\\n(.NET API)\" as ALBO\n",[3405,5721,5722],{"class":3407,"line":3468},[3405,5723,5724],{},"        component \"Custom HTTP\\n(будь-який сервер)\" as CUSTO\n",[3405,5726,5727],{"class":3407,"line":3474},[3405,5728,5195],{},[3405,5730,5731],{"class":3407,"line":3480},[3405,5732,3490],{"emptyLinePlaceholder":3489},[3405,5734,5735],{"class":3407,"line":3486},[3405,5736,5737],{},"    package \"Cache Behaviors (правила маршрутизації)\" as BEHAVIORS #d1fae5 {\n",[3405,5739,5740],{"class":3407,"line":3493},[3405,5741,5742],{},"        component \"\u002Fapi\u002F* → ALB\\nno-cache\" as B1\n",[3405,5744,5745],{"class":3407,"line":3499},[3405,5746,5747],{},"        component \"\u002Fstatic\u002F* → S3\\nmax-age=31536000\" as B2\n",[3405,5749,5750],{"class":3407,"line":3504},[3405,5751,5752],{},"        component \"\u002F* (default) → S3\\nmax-age=86400\" as B3\n",[3405,5754,5755],{"class":3407,"line":3510},[3405,5756,5195],{},[3405,5758,5759],{"class":3407,"line":3516},[3405,5760,3490],{"emptyLinePlaceholder":3489},[3405,5762,5763],{"class":3407,"line":3522},[3405,5764,5765],{},"    package \"Edge Locations\\n(400+ по всьому світу)\" as EDGES #f3e8ff {\n",[3405,5767,5768],{"class":3407,"line":3527},[3405,5769,5770],{},"        component \"Edge\\nТокіо\" as ET\n",[3405,5772,5773],{"class":3407,"line":3533},[3405,5774,5775],{},"        component \"Edge\\nФранкфурт\" as EF\n",[3405,5777,5778],{"class":3407,"line":3539},[3405,5779,5780],{},"        component \"Edge\\nНью-Йорк\" as EN\n",[3405,5782,5783],{"class":3407,"line":3545},[3405,5784,5195],{},[3405,5786,5787],{"class":3407,"line":3551},[3405,5788,3490],{"emptyLinePlaceholder":3489},[3405,5790,5791],{"class":3407,"line":3556},[3405,5792,5793],{},"    ORIGINS --> BEHAVIORS : Origin вказується\\nв кожному Behavior\n",[3405,5795,5796],{"class":3407,"line":3562},[3405,5797,5798],{},"    BEHAVIORS --> EDGES : Кешований контент\\nрозповсюджується на edge\n",[3405,5800,5801],{"class":3407,"line":3568},[3405,5802,3483],{},[3405,5804,5805],{"class":3407,"line":3574},[3405,5806,3490],{"emptyLinePlaceholder":3489},[3405,5808,5809],{"class":3407,"line":3579},[3405,5810,5811],{},"actor \"Користувач\" as U\n",[3405,5813,5814],{"class":3407,"line":3585},[3405,5815,5816],{},"U --> DIST : HTTPS запит\n",[3405,5818,5819],{"class":3407,"line":3590},[3405,5820,3749],{},[4207,5822],{},[3348,5824,5826],{"id":5825},"origins-звідки-брати-контент","Origins — звідки брати контент",[3353,5828,5829,5831,5832,5835,5836,5839],{},[3373,5830,3795],{}," — це сервер або сховище, який є ",[3373,5833,5834],{},"першоджерелом"," контенту. CloudFront звертається до Origin лише при ",[3373,5837,5838],{},"cache miss"," — тобто коли потрібного файлу ще немає в кеші найближчого edge або його TTL закінчився. Для всіх інших запитів CloudFront відповідає безпосередньо з edge-кешу, Origin при цьому не навантажується.",[3353,5841,5842,5843,5846],{},"Один Distribution може мати ",[3373,5844,5845],{},"кілька Origins"," — наприклад, S3 для статики і ALB для API.",[3357,5848,5850],{"id":5849},"s3-origin-з-oac-рекомендовано","S3 Origin з OAC (рекомендовано)",[3353,5852,5853],{},"Найпоширеніший сценарій: React SPA або статичний сайт зберігається у S3, а CloudFront роздає його по всьому світу.",[3353,5855,5856,5859,5860,3380],{},[3373,5857,5858],{},"Проблема безпеки:"," якщо S3 bucket публічний — будь-хто може звернутись до нього напряму (обійшовши CloudFront і весь захист від DDoS, WAF тощо). Вирішення — ",[3373,5861,5862],{},"OAC (Origin Access Control)",[3353,5864,5865,5868,5869,5872,5873,5876],{},[3373,5866,5867],{},"OAC"," дозволяє зробити S3 bucket ",[3373,5870,5871],{},"повністю приватним"," (Block Public Access увімкнений), але дозволити CloudFront читати файли. Технічно: CloudFront підписує кожен запит до S3 власним ключем за протоколом ",[3373,5874,5875],{},"AWS Signature Version 4 (SigV4)",". S3 перевіряє підпис і дозволяє запит тільки якщо він прийшов від вашого конкретного CloudFront Distribution.",[3393,5878,5879],{},[3396,5880,5882],{"className":3398,"code":5881,"language":3400,"meta":3401,"style":3401},"@startuml\nskinparam style plain\nskinparam backgroundColor #ffffff\nskinparam sequence {\n    ArrowColor #374151\n    ParticipantBorderColor #374151\n    ParticipantBackgroundColor #f9fafb\n    NoteBackgroundColor #dcfce7\n    NoteBorderColor #16a34a\n    LifeLineBorderColor #9ca3af\n}\n\ntitle S3 + OAC: приватний bucket, доступ тільки через CloudFront\n\nactor \"Зловмисник\" as Hacker #fca5a5\nactor \"Користувач\" as User\nparticipant \"CloudFront\\nEdge\" as CF\nparticipant \"S3 Bucket\\n(Block Public Access: ON)\" as S3\n\n== Пряме звернення до S3 (заблоковано) ==\n\nHacker -> S3 : GET s3.amazonaws.com\u002Fmy-bucket\u002Findex.html\nS3 --> Hacker : 403 Forbidden\\n(bucket приватний!)\n\n== Запит через CloudFront (дозволено) ==\n\nUser -> CF : GET d1234abcd.cloudfront.net\u002Findex.html\nCF -> S3 : GET \u002Findex.html\\nAuthorization: AWS4-HMAC-SHA256 ...\\n(SigV4 підпис від CloudFront OAC)\nnote right of S3: Перевіряє підпис:\\n- чи від CloudFront?\\n- чи від ТОГО Distribution?\\n✅ Дозволяє\nS3 --> CF : 200 OK + файл\nCF --> User : 200 OK + файл\\n(кешує на edge)\n@enduml\n",[3365,5883,5884,5888,5892,5896,5900,5904,5908,5912,5917,5922,5926,5930,5934,5939,5943,5948,5953,5958,5963,5967,5972,5976,5981,5986,5990,5995,5999,6004,6009,6014,6019,6024],{"__ignoreMap":3401},[3405,5885,5886],{"class":3407,"line":3408},[3405,5887,3411],{},[3405,5889,5890],{"class":3407,"line":3414},[3405,5891,3417],{},[3405,5893,5894],{"class":3407,"line":3420},[3405,5895,3423],{},[3405,5897,5898],{"class":3407,"line":3426},[3405,5899,3429],{},[3405,5901,5902],{"class":3407,"line":3432},[3405,5903,3435],{},[3405,5905,5906],{"class":3407,"line":3438},[3405,5907,3453],{},[3405,5909,5910],{"class":3407,"line":3444},[3405,5911,3459],{},[3405,5913,5914],{"class":3407,"line":3450},[3405,5915,5916],{},"    NoteBackgroundColor #dcfce7\n",[3405,5918,5919],{"class":3407,"line":3456},[3405,5920,5921],{},"    NoteBorderColor #16a34a\n",[3405,5923,5924],{"class":3407,"line":3462},[3405,5925,3477],{},[3405,5927,5928],{"class":3407,"line":3468},[3405,5929,3483],{},[3405,5931,5932],{"class":3407,"line":3474},[3405,5933,3490],{"emptyLinePlaceholder":3489},[3405,5935,5936],{"class":3407,"line":3480},[3405,5937,5938],{},"title S3 + OAC: приватний bucket, доступ тільки через CloudFront\n",[3405,5940,5941],{"class":3407,"line":3486},[3405,5942,3490],{"emptyLinePlaceholder":3489},[3405,5944,5945],{"class":3407,"line":3493},[3405,5946,5947],{},"actor \"Зловмисник\" as Hacker #fca5a5\n",[3405,5949,5950],{"class":3407,"line":3499},[3405,5951,5952],{},"actor \"Користувач\" as User\n",[3405,5954,5955],{"class":3407,"line":3504},[3405,5956,5957],{},"participant \"CloudFront\\nEdge\" as CF\n",[3405,5959,5960],{"class":3407,"line":3510},[3405,5961,5962],{},"participant \"S3 Bucket\\n(Block Public Access: ON)\" as S3\n",[3405,5964,5965],{"class":3407,"line":3516},[3405,5966,3490],{"emptyLinePlaceholder":3489},[3405,5968,5969],{"class":3407,"line":3522},[3405,5970,5971],{},"== Пряме звернення до S3 (заблоковано) ==\n",[3405,5973,5974],{"class":3407,"line":3527},[3405,5975,3490],{"emptyLinePlaceholder":3489},[3405,5977,5978],{"class":3407,"line":3533},[3405,5979,5980],{},"Hacker -> S3 : GET s3.amazonaws.com\u002Fmy-bucket\u002Findex.html\n",[3405,5982,5983],{"class":3407,"line":3539},[3405,5984,5985],{},"S3 --> Hacker : 403 Forbidden\\n(bucket приватний!)\n",[3405,5987,5988],{"class":3407,"line":3545},[3405,5989,3490],{"emptyLinePlaceholder":3489},[3405,5991,5992],{"class":3407,"line":3551},[3405,5993,5994],{},"== Запит через CloudFront (дозволено) ==\n",[3405,5996,5997],{"class":3407,"line":3556},[3405,5998,3490],{"emptyLinePlaceholder":3489},[3405,6000,6001],{"class":3407,"line":3562},[3405,6002,6003],{},"User -> CF : GET d1234abcd.cloudfront.net\u002Findex.html\n",[3405,6005,6006],{"class":3407,"line":3568},[3405,6007,6008],{},"CF -> S3 : GET \u002Findex.html\\nAuthorization: AWS4-HMAC-SHA256 ...\\n(SigV4 підпис від CloudFront OAC)\n",[3405,6010,6011],{"class":3407,"line":3574},[3405,6012,6013],{},"note right of S3: Перевіряє підпис:\\n- чи від CloudFront?\\n- чи від ТОГО Distribution?\\n✅ Дозволяє\n",[3405,6015,6016],{"class":3407,"line":3579},[3405,6017,6018],{},"S3 --> CF : 200 OK + файл\n",[3405,6020,6021],{"class":3407,"line":3585},[3405,6022,6023],{},"CF --> User : 200 OK + файл\\n(кешує на edge)\n",[3405,6025,6026],{"class":3407,"line":3590},[3405,6027,3749],{},[3353,6029,6030],{},"Bucket Policy при OAC виглядає так:",[3396,6032,6036],{"className":6033,"code":6034,"language":6035,"meta":3401,"style":3401},"language-json shiki shiki-themes light-plus dark-plus dark-plus","{\n    \"Statement\": [\n        {\n            \"Effect\": \"Allow\",\n            \"Principal\": { \"Service\": \"cloudfront.amazonaws.com\" },\n            \"Action\": \"s3:GetObject\",\n            \"Resource\": \"arn:aws:s3:::my-app-bucket\u002F*\",\n            \"Condition\": {\n                \"StringEquals\": {\n                    \"AWS:SourceArn\": \"arn:aws:cloudfront::123456789012:distribution\u002FEDFDVBD6EXAMPLE\"\n                }\n            }\n        }\n    ]\n}\n","json",[3365,6037,6038,6042,6051,6055,6069,6088,6100,6112,6120,6127,6137,6142,6146,6150,6155],{"__ignoreMap":3401},[3405,6039,6040],{"class":3407,"line":3408},[3405,6041,4876],{"class":4603},[3405,6043,6044,6048],{"class":3407,"line":3414},[3405,6045,6047],{"class":6046},"sLwNe","    \"Statement\"",[3405,6049,6050],{"class":4603},": [\n",[3405,6052,6053],{"class":3407,"line":3420},[3405,6054,4996],{"class":4603},[3405,6056,6057,6060,6063,6066],{"class":3407,"line":3426},[3405,6058,6059],{"class":6046},"            \"Effect\"",[3405,6061,6062],{"class":4603},": ",[3405,6064,6065],{"class":4621},"\"Allow\"",[3405,6067,6068],{"class":4603},",\n",[3405,6070,6071,6074,6077,6080,6082,6085],{"class":3407,"line":3432},[3405,6072,6073],{"class":6046},"            \"Principal\"",[3405,6075,6076],{"class":4603},": { ",[3405,6078,6079],{"class":6046},"\"Service\"",[3405,6081,6062],{"class":4603},[3405,6083,6084],{"class":4621},"\"cloudfront.amazonaws.com\"",[3405,6086,6087],{"class":4603}," },\n",[3405,6089,6090,6093,6095,6098],{"class":3407,"line":3438},[3405,6091,6092],{"class":6046},"            \"Action\"",[3405,6094,6062],{"class":4603},[3405,6096,6097],{"class":4621},"\"s3:GetObject\"",[3405,6099,6068],{"class":4603},[3405,6101,6102,6105,6107,6110],{"class":3407,"line":3444},[3405,6103,6104],{"class":6046},"            \"Resource\"",[3405,6106,6062],{"class":4603},[3405,6108,6109],{"class":4621},"\"arn:aws:s3:::my-app-bucket\u002F*\"",[3405,6111,6068],{"class":4603},[3405,6113,6114,6117],{"class":3407,"line":3450},[3405,6115,6116],{"class":6046},"            \"Condition\"",[3405,6118,6119],{"class":4603},": {\n",[3405,6121,6122,6125],{"class":3407,"line":3456},[3405,6123,6124],{"class":6046},"                \"StringEquals\"",[3405,6126,6119],{"class":4603},[3405,6128,6129,6132,6134],{"class":3407,"line":3462},[3405,6130,6131],{"class":6046},"                    \"AWS:SourceArn\"",[3405,6133,6062],{"class":4603},[3405,6135,6136],{"class":4621},"\"arn:aws:cloudfront::123456789012:distribution\u002FEDFDVBD6EXAMPLE\"\n",[3405,6138,6139],{"class":3407,"line":3468},[3405,6140,6141],{"class":4603},"                }\n",[3405,6143,6144],{"class":3407,"line":3474},[3405,6145,5075],{"class":4603},[3405,6147,6148],{"class":3407,"line":3480},[3405,6149,5112],{"class":4603},[3405,6151,6152],{"class":3407,"line":3486},[3405,6153,6154],{"class":4603},"    ]\n",[3405,6156,6157],{"class":3407,"line":3493},[3405,6158,3483],{"class":4603},[3353,6160,6161,6162,6165,6166,6169],{},"Умова ",[3365,6163,6164],{},"AWS:SourceArn"," — це найважливіша частина: навіть інші CloudFront Distribution (наприклад, конкурентів) не зможуть читати ваш bucket. Дозволений лише ",[3373,6167,6168],{},"конкретний"," Distribution.",[3357,6171,6173],{"id":6172},"alb-origin","ALB Origin",[3353,6175,6176,6177,6180],{},"CloudFront ставиться перед ",[3373,6178,6179],{},"Application Load Balancer"," — типово для архітектури, де є бекенд (.NET API, Node.js). ALB розподіляє трафік між EC2-інстансами або контейнерами.",[3353,6182,6183],{},[3373,6184,6185],{},"Навіщо CloudFront перед ALB?",[4029,6187,6188,6191,6194,6197],{},[3786,6189,6190],{},"Кешування GET-відповідей API (публічні дані: каталоги, статті)",[3786,6192,6193],{},"SSL-термінація на edge замість на ALB (швидше для далеких користувачів)",[3786,6195,6196],{},"DDoS-захист: мільйони запитів поглинаються на edge, до ALB доходить нормальний трафік",[3786,6198,6199,6200,6203,6204,6207],{},"Єдиний домен для SPA і API: ",[3365,6201,6202],{},"app.example.com\u002F"," → S3, ",[3365,6205,6206],{},"app.example.com\u002Fapi\u002F"," → ALB",[3357,6209,6211],{"id":6210},"custom-http-origin","Custom HTTP Origin",[3353,6213,6214],{},"Будь-який HTTP\u002FHTTPS сервер — сервер у вашому офісі (on-premises), VPS, або навіть інший хмарний провайдер. CloudFront виступає як глобальний CDN-акселератор перед будь-яким HTTP-сервером незалежно від місця розташування.",[4207,6216],{},[3348,6218,6220],{"id":6219},"origin-groups-та-origin-failover-висока-доступність","Origin Groups та Origin Failover — висока доступність",[3353,6222,6223,6226,6227,6230,6231,6234],{},[3373,6224,6225],{},"Origin Group"," — це логічне об'єднання двох Origins: ",[3373,6228,6229],{},"primary"," (основний) та ",[3373,6232,6233],{},"secondary"," (резервний). Якщо primary Origin повертає помилку, CloudFront автоматично повторює запит до secondary — без участі клієнта, прозоро.",[3353,6236,6237,6240,6241,4139,6244,4139,6247,4139,6250,6253,6254,6257],{},[3373,6238,6239],{},"Коли спрацьовує failover?"," За замовчуванням CloudFront перемикається при таких HTTP статусах від primary Origin: ",[3365,6242,6243],{},"500",[3365,6245,6246],{},"502",[3365,6248,6249],{},"503",[3365,6251,6252],{},"504",". Ви можете налаштувати конкретний список кодів — наприклад, додати ",[3365,6255,6256],{},"403"," якщо хочете перемикатись і при проблемах з авторизацією.",[3353,6259,6260,6263,6264,6266,6267,6270,6271,6274],{},[3373,6261,6262],{},"Типовий сценарій:"," S3 bucket у ",[3365,6265,3367],{}," (primary) + S3 bucket у ",[3365,6268,6269],{},"us-east-1"," (secondary) з увімкненою ",[3373,6272,6273],{},"Cross-Region Replication",". AWS автоматично реплікує об'єкти між bucket'ами. При регіональному збої CloudFront починає роздавати контент з резервного регіону.",[3393,6276,6277],{},[3396,6278,6280],{"className":3398,"code":6279,"language":3400,"meta":3401,"style":3401},"@startuml\nskinparam style plain\nskinparam backgroundColor #ffffff\nskinparam sequence {\n    ArrowColor #374151\n    ParticipantBorderColor #374151\n    ParticipantBackgroundColor #f9fafb\n    NoteBackgroundColor #dcfce7\n    NoteBorderColor #16a34a\n    LifeLineBorderColor #9ca3af\n}\n\ntitle Origin Failover: автоматичне перемикання при збої\n\nactor \"Користувач\" as U\nparticipant \"CloudFront\\nEdge\" as CF\nparticipant \"S3 Primary\\n(eu-central-1)\" as S3P\nparticipant \"S3 Secondary\\n(us-east-1)\" as S3S\n\n== Нормальна робота ==\n\nU -> CF : GET \u002Findex.html\nCF -> S3P : GET \u002Findex.html\nS3P --> CF : 200 OK\nCF --> U : 200 OK ✅\n\n== Збій primary Origin ==\n\nU -> CF : GET \u002Findex.html\nCF -> S3P : GET \u002Findex.html\nS3P --> CF : 503 Service Unavailable\n\nnote over CF #fee2e2\n  Primary повернув 503 (у списку failover кодів)\n  → автоматично звертаємось до secondary\nend note\n\nCF -> S3S : GET \u002Findex.html (повторний запит)\nS3S --> CF : 200 OK\nCF --> U : 200 OK ✅\\n(користувач навіть не помітив)\n@enduml\n",[3365,6281,6282,6286,6290,6294,6298,6302,6306,6310,6314,6318,6322,6326,6330,6335,6339,6343,6347,6352,6357,6361,6366,6370,6375,6380,6385,6390,6394,6399,6403,6407,6411,6416,6420,6425,6430,6435,6439,6443,6448,6453,6458],{"__ignoreMap":3401},[3405,6283,6284],{"class":3407,"line":3408},[3405,6285,3411],{},[3405,6287,6288],{"class":3407,"line":3414},[3405,6289,3417],{},[3405,6291,6292],{"class":3407,"line":3420},[3405,6293,3423],{},[3405,6295,6296],{"class":3407,"line":3426},[3405,6297,3429],{},[3405,6299,6300],{"class":3407,"line":3432},[3405,6301,3435],{},[3405,6303,6304],{"class":3407,"line":3438},[3405,6305,3453],{},[3405,6307,6308],{"class":3407,"line":3444},[3405,6309,3459],{},[3405,6311,6312],{"class":3407,"line":3450},[3405,6313,5916],{},[3405,6315,6316],{"class":3407,"line":3456},[3405,6317,5921],{},[3405,6319,6320],{"class":3407,"line":3462},[3405,6321,3477],{},[3405,6323,6324],{"class":3407,"line":3468},[3405,6325,3483],{},[3405,6327,6328],{"class":3407,"line":3474},[3405,6329,3490],{"emptyLinePlaceholder":3489},[3405,6331,6332],{"class":3407,"line":3480},[3405,6333,6334],{},"title Origin Failover: автоматичне перемикання при збої\n",[3405,6336,6337],{"class":3407,"line":3486},[3405,6338,3490],{"emptyLinePlaceholder":3489},[3405,6340,6341],{"class":3407,"line":3493},[3405,6342,5811],{},[3405,6344,6345],{"class":3407,"line":3499},[3405,6346,5957],{},[3405,6348,6349],{"class":3407,"line":3504},[3405,6350,6351],{},"participant \"S3 Primary\\n(eu-central-1)\" as S3P\n",[3405,6353,6354],{"class":3407,"line":3510},[3405,6355,6356],{},"participant \"S3 Secondary\\n(us-east-1)\" as S3S\n",[3405,6358,6359],{"class":3407,"line":3516},[3405,6360,3490],{"emptyLinePlaceholder":3489},[3405,6362,6363],{"class":3407,"line":3522},[3405,6364,6365],{},"== Нормальна робота ==\n",[3405,6367,6368],{"class":3407,"line":3527},[3405,6369,3490],{"emptyLinePlaceholder":3489},[3405,6371,6372],{"class":3407,"line":3533},[3405,6373,6374],{},"U -> CF : GET \u002Findex.html\n",[3405,6376,6377],{"class":3407,"line":3539},[3405,6378,6379],{},"CF -> S3P : GET \u002Findex.html\n",[3405,6381,6382],{"class":3407,"line":3545},[3405,6383,6384],{},"S3P --> CF : 200 OK\n",[3405,6386,6387],{"class":3407,"line":3551},[3405,6388,6389],{},"CF --> U : 200 OK ✅\n",[3405,6391,6392],{"class":3407,"line":3556},[3405,6393,3490],{"emptyLinePlaceholder":3489},[3405,6395,6396],{"class":3407,"line":3562},[3405,6397,6398],{},"== Збій primary Origin ==\n",[3405,6400,6401],{"class":3407,"line":3568},[3405,6402,3490],{"emptyLinePlaceholder":3489},[3405,6404,6405],{"class":3407,"line":3574},[3405,6406,6374],{},[3405,6408,6409],{"class":3407,"line":3579},[3405,6410,6379],{},[3405,6412,6413],{"class":3407,"line":3585},[3405,6414,6415],{},"S3P --> CF : 503 Service Unavailable\n",[3405,6417,6418],{"class":3407,"line":3590},[3405,6419,3490],{"emptyLinePlaceholder":3489},[3405,6421,6422],{"class":3407,"line":3596},[3405,6423,6424],{},"note over CF #fee2e2\n",[3405,6426,6427],{"class":3407,"line":3601},[3405,6428,6429],{},"  Primary повернув 503 (у списку failover кодів)\n",[3405,6431,6432],{"class":3407,"line":3607},[3405,6433,6434],{},"  → автоматично звертаємось до secondary\n",[3405,6436,6437],{"class":3407,"line":3612},[3405,6438,3548],{},[3405,6440,6441],{"class":3407,"line":3618},[3405,6442,3490],{"emptyLinePlaceholder":3489},[3405,6444,6445],{"class":3407,"line":3623},[3405,6446,6447],{},"CF -> S3S : GET \u002Findex.html (повторний запит)\n",[3405,6449,6450],{"class":3407,"line":3629},[3405,6451,6452],{},"S3S --> CF : 200 OK\n",[3405,6454,6455],{"class":3407,"line":3634},[3405,6456,6457],{},"CF --> U : 200 OK ✅\\n(користувач навіть не помітив)\n",[3405,6459,6460],{"class":3407,"line":3640},[3405,6461,3749],{},[3353,6463,6464,6467],{},[3373,6465,6466],{},"Origin Group vs Route 53 Failover:"," Route 53 failover перемикає DNS-записи (займає час на TTL). Origin Group перемикається на рівні CloudFront — миттєво, у межах одного HTTP-запиту клієнта. Для статики Origin Group є кращим варіантом.",[3353,6469,6470,6473,6474,6477],{},[3373,6471,6472],{},"Обмеження:"," failover спрацьовує тільки для ",[3373,6475,6476],{},"GET та HEAD"," запитів. POST, PUT, DELETE CloudFront не повторює автоматично — небезпечно (мутації не можна безпечно повторювати).",[4207,6479],{},[3348,6481,6483],{"id":6482},"cache-behaviors-правила-для-різних-url-шляхів","Cache Behaviors — правила для різних URL-шляхів",[3353,6485,6486,6489],{},[3373,6487,6488],{},"Cache Behavior"," — це правило, яке визначає: для запитів на певний URL-шлях — до якого Origin звертатись і як кешувати відповідь.",[3353,6491,6492,6495],{},[3373,6493,6494],{},"Проблема, яку вирішує:"," у реальному застосунку різний контент має абсолютно різні вимоги до кешування:",[4029,6497,6498,6501,6508,6514],{},[3786,6499,6500],{},"Статичні JS\u002FCSS — кешувати рік",[3786,6502,6503,6504,6507],{},"API ",[3365,6505,6506],{},"\u002Fapi\u002Farticles"," — кешувати 60 секунд",[3786,6509,6503,6510,6513],{},[3365,6511,6512],{},"\u002Fapi\u002Fprofile"," — не кешувати взагалі (персональні дані!)",[3786,6515,6503,6516,6518],{},[3365,6517,5595],{}," — не кешувати (мутація)",[3353,6520,5842,6521,6524,6525,4961,6528,6531],{},[3373,6522,6523],{},"багато Behaviors",". CloudFront перебирає їх зверху вниз і застосовує перший що підходить. ",[3373,6526,6527],{},"Default behavior",[3365,6529,6530],{},"*",") — завжди останній, спрацьовує якщо жодне інше правило не підійшло.",[3393,6533,6534],{},[3396,6535,6537],{"className":3398,"code":6536,"language":3400,"meta":3401,"style":3401},"@startuml\nskinparam style plain\nskinparam backgroundColor #ffffff\n\ntitle Cache Behaviors: маршрутизація запитів в одному Distribution\n\nrectangle \"CloudFront Distribution\\napp.example.com\" as CF #dbeafe {\n    rectangle \"Behavior 1\\nPath: \u002Fapi\u002F*\\nOrigin: ALB\\nCache: no-store\\nMethods: GET,POST,PUT,DELETE\" as B1 #fee2e2\n    rectangle \"Behavior 2\\nPath: \u002Fstatic\u002F*\\nOrigin: S3\\nCache: max-age=31536000\\nMethods: GET,HEAD\" as B2 #dcfce7\n    rectangle \"Behavior 3 (default)\\nPath: \u002F*\\nOrigin: S3\\nCache: no-cache\\nMethods: GET,HEAD\" as B3 #fef9c3\n}\n\ncomponent \"ALB\\n(.NET API\\nEC2)\" as ALB #fee2e2\ncomponent \"S3 Bucket\\n(React SPA\\nстатика)\" as S3 #dcfce7\n\nB1 --> ALB\nB2 --> S3\nB3 --> S3\n\nactor \"GET \u002Fapi\u002Fusers\" as R1\nactor \"GET \u002Fstatic\u002Fmain.abc.js\" as R2\nactor \"GET \u002F\" as R3\nactor \"GET \u002Fabout\" as R4\n\nR1 --> B1\nR2 --> B2\nR3 --> B3\nR4 --> B3\n@enduml\n",[3365,6538,6539,6543,6547,6551,6555,6560,6564,6569,6574,6579,6584,6588,6592,6597,6602,6606,6611,6616,6621,6625,6630,6635,6640,6645,6649,6654,6659,6664,6669],{"__ignoreMap":3401},[3405,6540,6541],{"class":3407,"line":3408},[3405,6542,3411],{},[3405,6544,6545],{"class":3407,"line":3414},[3405,6546,3417],{},[3405,6548,6549],{"class":3407,"line":3420},[3405,6550,3423],{},[3405,6552,6553],{"class":3407,"line":3426},[3405,6554,3490],{"emptyLinePlaceholder":3489},[3405,6556,6557],{"class":3407,"line":3432},[3405,6558,6559],{},"title Cache Behaviors: маршрутизація запитів в одному Distribution\n",[3405,6561,6562],{"class":3407,"line":3438},[3405,6563,3490],{"emptyLinePlaceholder":3489},[3405,6565,6566],{"class":3407,"line":3444},[3405,6567,6568],{},"rectangle \"CloudFront Distribution\\napp.example.com\" as CF #dbeafe {\n",[3405,6570,6571],{"class":3407,"line":3450},[3405,6572,6573],{},"    rectangle \"Behavior 1\\nPath: \u002Fapi\u002F*\\nOrigin: ALB\\nCache: no-store\\nMethods: GET,POST,PUT,DELETE\" as B1 #fee2e2\n",[3405,6575,6576],{"class":3407,"line":3456},[3405,6577,6578],{},"    rectangle \"Behavior 2\\nPath: \u002Fstatic\u002F*\\nOrigin: S3\\nCache: max-age=31536000\\nMethods: GET,HEAD\" as B2 #dcfce7\n",[3405,6580,6581],{"class":3407,"line":3462},[3405,6582,6583],{},"    rectangle \"Behavior 3 (default)\\nPath: \u002F*\\nOrigin: S3\\nCache: no-cache\\nMethods: GET,HEAD\" as B3 #fef9c3\n",[3405,6585,6586],{"class":3407,"line":3468},[3405,6587,3483],{},[3405,6589,6590],{"class":3407,"line":3474},[3405,6591,3490],{"emptyLinePlaceholder":3489},[3405,6593,6594],{"class":3407,"line":3480},[3405,6595,6596],{},"component \"ALB\\n(.NET API\\nEC2)\" as ALB #fee2e2\n",[3405,6598,6599],{"class":3407,"line":3486},[3405,6600,6601],{},"component \"S3 Bucket\\n(React SPA\\nстатика)\" as S3 #dcfce7\n",[3405,6603,6604],{"class":3407,"line":3493},[3405,6605,3490],{"emptyLinePlaceholder":3489},[3405,6607,6608],{"class":3407,"line":3499},[3405,6609,6610],{},"B1 --> ALB\n",[3405,6612,6613],{"class":3407,"line":3504},[3405,6614,6615],{},"B2 --> S3\n",[3405,6617,6618],{"class":3407,"line":3510},[3405,6619,6620],{},"B3 --> S3\n",[3405,6622,6623],{"class":3407,"line":3516},[3405,6624,3490],{"emptyLinePlaceholder":3489},[3405,6626,6627],{"class":3407,"line":3522},[3405,6628,6629],{},"actor \"GET \u002Fapi\u002Fusers\" as R1\n",[3405,6631,6632],{"class":3407,"line":3527},[3405,6633,6634],{},"actor \"GET \u002Fstatic\u002Fmain.abc.js\" as R2\n",[3405,6636,6637],{"class":3407,"line":3533},[3405,6638,6639],{},"actor \"GET \u002F\" as R3\n",[3405,6641,6642],{"class":3407,"line":3539},[3405,6643,6644],{},"actor \"GET \u002Fabout\" as R4\n",[3405,6646,6647],{"class":3407,"line":3545},[3405,6648,3490],{"emptyLinePlaceholder":3489},[3405,6650,6651],{"class":3407,"line":3551},[3405,6652,6653],{},"R1 --> B1\n",[3405,6655,6656],{"class":3407,"line":3556},[3405,6657,6658],{},"R2 --> B2\n",[3405,6660,6661],{"class":3407,"line":3562},[3405,6662,6663],{},"R3 --> B3\n",[3405,6665,6666],{"class":3407,"line":3568},[3405,6667,6668],{},"R4 --> B3\n",[3405,6670,6671],{"class":3407,"line":3574},[3405,6672,3749],{},[3353,6674,6675],{},"Практичний приклад для React SPA + .NET API:",[4232,6677,6678,6695],{},[4235,6679,6680],{},[4238,6681,6682,6685,6687,6689,6692],{},[4241,6683,6684],{},"Path Pattern",[4241,6686,3795],{},[4241,6688,4229],{},[4241,6690,6691],{},"Allowed Methods",[4241,6693,6694],{},"Compress",[4251,6696,6697,6718,6739],{},[4238,6698,6699,6704,6707,6712,6715],{},[4256,6700,6701],{},[3365,6702,6703],{},"\u002Fapi\u002F*",[4256,6705,6706],{},"ALB",[4256,6708,6709,6711],{},[3365,6710,4314],{}," (з Origin)",[4256,6713,6714],{},"GET, HEAD, POST, PUT, DELETE, PATCH, OPTIONS",[4256,6716,6717],{},"No",[4238,6719,6720,6725,6728,6733,6736],{},[4256,6721,6722],{},[3365,6723,6724],{},"\u002Fstatic\u002F*",[4256,6726,6727],{},"S3",[4256,6729,6730],{},[3365,6731,6732],{},"max-age=31536000, immutable",[4256,6734,6735],{},"GET, HEAD",[4256,6737,6738],{},"Yes",[4238,6740,6741,6747,6749,6754,6756],{},[4256,6742,6743,6746],{},[3365,6744,6745],{},"\u002F*"," (default)",[4256,6748,6727],{},[4256,6750,6751,6753],{},[3365,6752,4294],{}," (index.html)",[4256,6755,6735],{},[4256,6757,6738],{},[3353,6759,6760,6761,4672,6764,6767,6768,6771],{},"Завдяки цьому ",[3365,6762,6763],{},"app.example.com",[3365,6765,6766],{},"app.example.com\u002Fapi\u002Fusers"," — ",[3373,6769,6770],{},"один домен",", один SSL-сертифікат, але принципово різна логіка обробки.",[4207,6773],{},[3348,6775,6777],{"id":6776},"cache-keys-та-cache-policies-що-саме-кешується","Cache Keys та Cache Policies — що саме кешується",[3353,6779,6780,6783,6784,6787,6788,4672,6791,6793],{},[3373,6781,6782],{},"Cache Key"," — це унікальний ідентифікатор, за яким CloudFront шукає і зберігає запис у кеші. За замовчуванням cache key = лише ",[3373,6785,6786],{},"URL path",": запити ",[3365,6789,6790],{},"GET \u002Fproducts",[3365,6792,6790],{}," потраплять в один кеш-запис незалежно від будь-яких заголовків, cookies чи query string.",[3353,6795,6796],{},"Це може бути як правильно, так і катастрофічно — залежить від ситуації.",[3353,6798,6799,6802,6803,6806],{},[3373,6800,6801],{},"Сценарій 1 — все добре:"," ви роздаєте публічний список продуктів. URL ",[3365,6804,6805],{},"\u002Fapi\u002Fproducts"," дає однакову відповідь для всіх. Cache key = тільки URL — ідеально, high cache hit rate.",[3353,6808,6809,6812,6813,6815,6816,3763,6819,6822,6823,6826],{},[3373,6810,6811],{},"Сценарій 2 — катастрофа:"," ваш ",[3365,6814,6805],{}," повертає різний контент залежно від cookie ",[3365,6817,6818],{},"region=UA",[3365,6820,6821],{},"region=DE",". Якщо CloudFront не включає cookie у cache key — ",[3373,6824,6825],{},"перший запит"," від українського користувача закешовується, і всі наступні (включно з німецькими) отримують кеш для України. Це критичний баг.",[3357,6828,6830],{"id":6829},"cache-policy","Cache Policy",[3353,6832,6833,6835],{},[3373,6834,6830],{}," — це окремий об'єкт конфігурації, що прикріплюється до Cache Behavior і визначає три речі:",[3783,6837,6838,6844,6850],{},[3786,6839,6840,6843],{},[3373,6841,6842],{},"Що входить у cache key"," — query string, cookies, заголовки",[3786,6845,6846,6849],{},[3373,6847,6848],{},"TTL"," — мінімальний, максимальний та дефолтний TTL",[3786,6851,6852,6855],{},[3373,6853,6854],{},"Стиснення"," — gzip\u002Fbrotli",[3353,6857,6858,6859,6862],{},"CloudFront має набір ",[3373,6860,6861],{},"Managed Cache Policies",", що покривають більшість сценаріїв без ручного налаштування:",[4232,6864,6865,6879],{},[4235,6866,6867],{},[4238,6868,6869,6872,6874,6876],{},[4241,6870,6871],{},"Managed Policy",[4241,6873,6782],{},[4241,6875,6848],{},[4241,6877,6878],{},"Використання",[4251,6880,6881,6897,6913,6927],{},[4238,6882,6883,6888,6891,6894],{},[4256,6884,6885],{},[3365,6886,6887],{},"CachingOptimized",[4256,6889,6890],{},"тільки URL",[4256,6892,6893],{},"1 рік",[4256,6895,6896],{},"Статика з hash-іменами",[4238,6898,6899,6904,6907,6910],{},[4256,6900,6901],{},[3365,6902,6903],{},"CachingDisabled",[4256,6905,6906],{},"—",[4256,6908,6909],{},"0",[4256,6911,6912],{},"API без кешу",[4238,6914,6915,6920,6922,6924],{},[4256,6916,6917],{},[3365,6918,6919],{},"CachingOptimizedForUncompressedObjects",[4256,6921,6890],{},[4256,6923,6893],{},[4256,6925,6926],{},"Файли що вже стиснені (zip, mp4)",[4238,6928,6929,6934,6936,6939],{},[4256,6930,6931],{},[3365,6932,6933],{},"UseOriginCacheControlHeaders",[4256,6935,6890],{},[4256,6937,6938],{},"з Origin",[4256,6940,6941],{},"Довіряємо Cache-Control з Origin",[3357,6943,6945],{"id":6944},"origin-request-policy","Origin Request Policy",[3353,6947,6948,6949,6952,6953,3380],{},"Важливо розрізняти: ",[3373,6950,6951],{},"що в cache key"," ≠ ",[3373,6954,6955],{},"що CloudFront надсилає до Origin",[3353,6957,6958,6960,6961,6963,6964,6967],{},[3373,6959,6830],{}," визначає cache key. ",[3373,6962,6945],{}," — що CloudFront додає до запиту при зверненні до Origin (наприклад, передати ",[3365,6965,6966],{},"Accept-Language"," заголовок до Origin, але не включати його у cache key). Це незалежні налаштування.",[3393,6969,6970],{},[3396,6971,6973],{"className":3398,"code":6972,"language":3400,"meta":3401,"style":3401},"@startuml\nskinparam style plain\nskinparam backgroundColor #ffffff\nskinparam sequence {\n    ArrowColor #374151\n    ParticipantBorderColor #374151\n    ParticipantBackgroundColor #f9fafb\n    NoteBackgroundColor #fef3c7\n    NoteBorderColor #d97706\n    LifeLineBorderColor #9ca3af\n}\n\ntitle Cache Key: що входить і що не входить\n\nactor \"Користувач A\\nregion=UA\" as UA\nactor \"Користувач B\\nregion=DE\" as DE\nparticipant \"CloudFront\\nEdge\" as CF\nparticipant \"Origin\\n(API)\" as O\n\n== Cache Policy: лише URL (помилка!) ==\n\nUA -> CF : GET \u002Fproducts\\nCookie: region=UA\nnote right of CF #fee2e2: Cache key = \u002Fproducts\\nShukає у кеші...\nCF -> O : GET \u002Fproducts (Cache MISS)\nO --> CF : Список для UA 🇺🇦\nCF --> UA : Список для UA ✅ (кешує як \"\u002Fproducts\")\n\nDE -> CF : GET \u002Fproducts\\nCookie: region=DE\nnote right of CF #fee2e2: Cache key = \u002Fproducts\\nКЕШ ЗНАЙДЕНО!\nCF --> DE : Список для UA 🇺🇦 ❌ (НЕПРАВИЛЬНО!)\n\n== Cache Policy: URL + Cookie \"region\" (правильно) ==\n\nUA -> CF : GET \u002Fproducts\\nCookie: region=UA\nnote right of CF #dcfce7: Cache key = \u002Fproducts?cookie:region=UA\\nShukає у кеші...\nCF -> O : GET \u002Fproducts (Cache MISS)\nO --> CF : Список для UA 🇺🇦\nCF --> UA : Список для UA ✅\n\nDE -> CF : GET \u002Fproducts\\nCookie: region=DE\nnote right of CF #dcfce7: Cache key = \u002Fproducts?cookie:region=DE\\nВідмінний ключ!\nCF -> O : GET \u002Fproducts (Cache MISS)\nO --> CF : Список для DE 🇩🇪\nCF --> DE : Список для DE ✅\n@enduml\n",[3365,6974,6975,6979,6983,6987,6991,6995,6999,7003,7008,7013,7017,7021,7025,7030,7034,7039,7044,7048,7053,7057,7062,7066,7071,7076,7081,7086,7091,7095,7100,7105,7110,7114,7119,7123,7127,7132,7136,7140,7145,7149,7153,7158,7162,7167,7172],{"__ignoreMap":3401},[3405,6976,6977],{"class":3407,"line":3408},[3405,6978,3411],{},[3405,6980,6981],{"class":3407,"line":3414},[3405,6982,3417],{},[3405,6984,6985],{"class":3407,"line":3420},[3405,6986,3423],{},[3405,6988,6989],{"class":3407,"line":3426},[3405,6990,3429],{},[3405,6992,6993],{"class":3407,"line":3432},[3405,6994,3435],{},[3405,6996,6997],{"class":3407,"line":3438},[3405,6998,3453],{},[3405,7000,7001],{"class":3407,"line":3444},[3405,7002,3459],{},[3405,7004,7005],{"class":3407,"line":3450},[3405,7006,7007],{},"    NoteBackgroundColor #fef3c7\n",[3405,7009,7010],{"class":3407,"line":3456},[3405,7011,7012],{},"    NoteBorderColor #d97706\n",[3405,7014,7015],{"class":3407,"line":3462},[3405,7016,3477],{},[3405,7018,7019],{"class":3407,"line":3468},[3405,7020,3483],{},[3405,7022,7023],{"class":3407,"line":3474},[3405,7024,3490],{"emptyLinePlaceholder":3489},[3405,7026,7027],{"class":3407,"line":3480},[3405,7028,7029],{},"title Cache Key: що входить і що не входить\n",[3405,7031,7032],{"class":3407,"line":3486},[3405,7033,3490],{"emptyLinePlaceholder":3489},[3405,7035,7036],{"class":3407,"line":3493},[3405,7037,7038],{},"actor \"Користувач A\\nregion=UA\" as UA\n",[3405,7040,7041],{"class":3407,"line":3499},[3405,7042,7043],{},"actor \"Користувач B\\nregion=DE\" as DE\n",[3405,7045,7046],{"class":3407,"line":3504},[3405,7047,5957],{},[3405,7049,7050],{"class":3407,"line":3510},[3405,7051,7052],{},"participant \"Origin\\n(API)\" as O\n",[3405,7054,7055],{"class":3407,"line":3516},[3405,7056,3490],{"emptyLinePlaceholder":3489},[3405,7058,7059],{"class":3407,"line":3522},[3405,7060,7061],{},"== Cache Policy: лише URL (помилка!) ==\n",[3405,7063,7064],{"class":3407,"line":3527},[3405,7065,3490],{"emptyLinePlaceholder":3489},[3405,7067,7068],{"class":3407,"line":3533},[3405,7069,7070],{},"UA -> CF : GET \u002Fproducts\\nCookie: region=UA\n",[3405,7072,7073],{"class":3407,"line":3539},[3405,7074,7075],{},"note right of CF #fee2e2: Cache key = \u002Fproducts\\nShukає у кеші...\n",[3405,7077,7078],{"class":3407,"line":3545},[3405,7079,7080],{},"CF -> O : GET \u002Fproducts (Cache MISS)\n",[3405,7082,7083],{"class":3407,"line":3551},[3405,7084,7085],{},"O --> CF : Список для UA 🇺🇦\n",[3405,7087,7088],{"class":3407,"line":3556},[3405,7089,7090],{},"CF --> UA : Список для UA ✅ (кешує як \"\u002Fproducts\")\n",[3405,7092,7093],{"class":3407,"line":3562},[3405,7094,3490],{"emptyLinePlaceholder":3489},[3405,7096,7097],{"class":3407,"line":3568},[3405,7098,7099],{},"DE -> CF : GET \u002Fproducts\\nCookie: region=DE\n",[3405,7101,7102],{"class":3407,"line":3574},[3405,7103,7104],{},"note right of CF #fee2e2: Cache key = \u002Fproducts\\nКЕШ ЗНАЙДЕНО!\n",[3405,7106,7107],{"class":3407,"line":3579},[3405,7108,7109],{},"CF --> DE : Список для UA 🇺🇦 ❌ (НЕПРАВИЛЬНО!)\n",[3405,7111,7112],{"class":3407,"line":3585},[3405,7113,3490],{"emptyLinePlaceholder":3489},[3405,7115,7116],{"class":3407,"line":3590},[3405,7117,7118],{},"== Cache Policy: URL + Cookie \"region\" (правильно) ==\n",[3405,7120,7121],{"class":3407,"line":3596},[3405,7122,3490],{"emptyLinePlaceholder":3489},[3405,7124,7125],{"class":3407,"line":3601},[3405,7126,7070],{},[3405,7128,7129],{"class":3407,"line":3607},[3405,7130,7131],{},"note right of CF #dcfce7: Cache key = \u002Fproducts?cookie:region=UA\\nShukає у кеші...\n",[3405,7133,7134],{"class":3407,"line":3612},[3405,7135,7080],{},[3405,7137,7138],{"class":3407,"line":3618},[3405,7139,7085],{},[3405,7141,7142],{"class":3407,"line":3623},[3405,7143,7144],{},"CF --> UA : Список для UA ✅\n",[3405,7146,7147],{"class":3407,"line":3629},[3405,7148,3490],{"emptyLinePlaceholder":3489},[3405,7150,7151],{"class":3407,"line":3634},[3405,7152,7099],{},[3405,7154,7155],{"class":3407,"line":3640},[3405,7156,7157],{},"note right of CF #dcfce7: Cache key = \u002Fproducts?cookie:region=DE\\nВідмінний ключ!\n",[3405,7159,7160],{"class":3407,"line":3645},[3405,7161,7080],{},[3405,7163,7164],{"class":3407,"line":3651},[3405,7165,7166],{},"O --> CF : Список для DE 🇩🇪\n",[3405,7168,7169],{"class":3407,"line":3656},[3405,7170,7171],{},"CF --> DE : Список для DE ✅\n",[3405,7173,7174],{"class":3407,"line":3662},[3405,7175,3749],{},[5438,7177,7178,7181,7182,4139,7185,7188,7189,7192,7193,7195],{},[3373,7179,7180],{},"Правило безпеки:"," якщо ваш Origin повертає різний контент залежно від cookie авторизації (",[3365,7183,7184],{},"session_id",[3365,7186,7187],{},"jwt",") — ",[3373,7190,7191],{},"обов'язково"," або включіть ці cookies у cache key, або вимкніть кешування (",[3365,7194,6903],{},") для цього Behavior. Інакше один користувач може побачити дані іншого.",[4207,7197],{},[3348,7199,7201],{"id":7200},"cloudfront-functions-та-lambdaedge-код-на-edge","CloudFront Functions та Lambda@Edge — код на edge",[3353,7203,7204,7205,7208,7209,7212],{},"CloudFront дозволяє виконувати JavaScript прямо на edge-серверах — ",[3373,7206,7207],{},"до того як запит дійшов до Origin",", або ",[3373,7210,7211],{},"до того як відповідь пішла до браузера",". Це дозволяє трансформувати запити\u002Fвідповіді без звернення до вашого сервера.",[3353,7214,7215],{},"Є чотири точки, де можна \"вставити\" свою логіку:",[3393,7217,7218],{},[3396,7219,7221],{"className":3398,"code":7220,"language":3400,"meta":3401,"style":3401},"@startuml\nskinparam style plain\nskinparam backgroundColor #ffffff\nskinparam sequence {\n    ArrowColor #374151\n    ParticipantBorderColor #374151\n    ParticipantBackgroundColor #f9fafb\n    NoteBackgroundColor #f3e8ff\n    NoteBorderColor #9333ea\n    LifeLineBorderColor #9ca3af\n}\n\ntitle Точки виконання CloudFront Functions та Lambda@Edge\n\nactor \"Браузер\" as B\nparticipant \"CloudFront\\nEdge\" as CF\nparticipant \"Origin\\n(S3 \u002F ALB)\" as O\n\nB -> CF : HTTP запит\n\nnote over CF #f3e8ff\n  1. \u003Cb>Viewer Request\u003C\u002Fb>\n  CloudFront Functions \u002F Lambda@Edge\n  Виконується на кожному запиті\n  (до перевірки кешу!)\n  Приклад: URL rewrite, A\u002FB тест,\n  перевірка JWT токену\nend note\n\nCF -> CF : Перевірка кешу\n\nalt Cache HIT\n    CF --> B : Відповідь з кешу\nelse Cache MISS\n    note over CF #f3e8ff\n      2. \u003Cb>Origin Request\u003C\u002Fb>\n      Lambda@Edge тільки\n      Виконується перед запитом до Origin\n      Приклад: підстановка заголовків,\n      вибір Origin динамічно\n    end note\n\n    CF -> O : Запит до Origin\n    O --> CF : Відповідь\n\n    note over CF #f3e8ff\n      3. \u003Cb>Origin Response\u003C\u002Fb>\n      Lambda@Edge тільки\n      Виконується після відповіді Origin\n      Приклад: модифікація заголовків,\n      A\u002FB тест на рівні контенту\n    end note\n\n    CF -> CF : Зберігає у кеш\nend\n\nnote over CF #f3e8ff\n  4. \u003Cb>Viewer Response\u003C\u002Fb>\n  CloudFront Functions \u002F Lambda@Edge\n  Виконується перед відправкою клієнту\n  Приклад: додавання security headers\nend note\n\nCF --> B : HTTP відповідь\n@enduml\n",[3365,7222,7223,7227,7231,7235,7239,7243,7247,7251,7256,7261,7265,7269,7273,7278,7282,7286,7290,7294,7298,7303,7307,7312,7317,7322,7327,7332,7337,7342,7346,7350,7355,7359,7364,7369,7374,7379,7384,7389,7394,7399,7404,7409,7413,7418,7423,7427,7431,7436,7440,7445,7450,7455,7459,7463,7468,7473,7477,7481,7486,7490,7495,7501,7506,7511,7517],{"__ignoreMap":3401},[3405,7224,7225],{"class":3407,"line":3408},[3405,7226,3411],{},[3405,7228,7229],{"class":3407,"line":3414},[3405,7230,3417],{},[3405,7232,7233],{"class":3407,"line":3420},[3405,7234,3423],{},[3405,7236,7237],{"class":3407,"line":3426},[3405,7238,3429],{},[3405,7240,7241],{"class":3407,"line":3432},[3405,7242,3435],{},[3405,7244,7245],{"class":3407,"line":3438},[3405,7246,3453],{},[3405,7248,7249],{"class":3407,"line":3444},[3405,7250,3459],{},[3405,7252,7253],{"class":3407,"line":3450},[3405,7254,7255],{},"    NoteBackgroundColor #f3e8ff\n",[3405,7257,7258],{"class":3407,"line":3456},[3405,7259,7260],{},"    NoteBorderColor #9333ea\n",[3405,7262,7263],{"class":3407,"line":3462},[3405,7264,3477],{},[3405,7266,7267],{"class":3407,"line":3468},[3405,7268,3483],{},[3405,7270,7271],{"class":3407,"line":3474},[3405,7272,3490],{"emptyLinePlaceholder":3489},[3405,7274,7275],{"class":3407,"line":3480},[3405,7276,7277],{},"title Точки виконання CloudFront Functions та Lambda@Edge\n",[3405,7279,7280],{"class":3407,"line":3486},[3405,7281,3490],{"emptyLinePlaceholder":3489},[3405,7283,7284],{"class":3407,"line":3493},[3405,7285,4429],{},[3405,7287,7288],{"class":3407,"line":3499},[3405,7289,5957],{},[3405,7291,7292],{"class":3407,"line":3504},[3405,7293,4439],{},[3405,7295,7296],{"class":3407,"line":3510},[3405,7297,3490],{"emptyLinePlaceholder":3489},[3405,7299,7300],{"class":3407,"line":3516},[3405,7301,7302],{},"B -> CF : HTTP запит\n",[3405,7304,7305],{"class":3407,"line":3522},[3405,7306,3490],{"emptyLinePlaceholder":3489},[3405,7308,7309],{"class":3407,"line":3527},[3405,7310,7311],{},"note over CF #f3e8ff\n",[3405,7313,7314],{"class":3407,"line":3533},[3405,7315,7316],{},"  1. \u003Cb>Viewer Request\u003C\u002Fb>\n",[3405,7318,7319],{"class":3407,"line":3539},[3405,7320,7321],{},"  CloudFront Functions \u002F Lambda@Edge\n",[3405,7323,7324],{"class":3407,"line":3545},[3405,7325,7326],{},"  Виконується на кожному запиті\n",[3405,7328,7329],{"class":3407,"line":3551},[3405,7330,7331],{},"  (до перевірки кешу!)\n",[3405,7333,7334],{"class":3407,"line":3556},[3405,7335,7336],{},"  Приклад: URL rewrite, A\u002FB тест,\n",[3405,7338,7339],{"class":3407,"line":3562},[3405,7340,7341],{},"  перевірка JWT токену\n",[3405,7343,7344],{"class":3407,"line":3568},[3405,7345,3548],{},[3405,7347,7348],{"class":3407,"line":3574},[3405,7349,3490],{"emptyLinePlaceholder":3489},[3405,7351,7352],{"class":3407,"line":3579},[3405,7353,7354],{},"CF -> CF : Перевірка кешу\n",[3405,7356,7357],{"class":3407,"line":3585},[3405,7358,3490],{"emptyLinePlaceholder":3489},[3405,7360,7361],{"class":3407,"line":3590},[3405,7362,7363],{},"alt Cache HIT\n",[3405,7365,7366],{"class":3407,"line":3596},[3405,7367,7368],{},"    CF --> B : Відповідь з кешу\n",[3405,7370,7371],{"class":3407,"line":3601},[3405,7372,7373],{},"else Cache MISS\n",[3405,7375,7376],{"class":3407,"line":3607},[3405,7377,7378],{},"    note over CF #f3e8ff\n",[3405,7380,7381],{"class":3407,"line":3612},[3405,7382,7383],{},"      2. \u003Cb>Origin Request\u003C\u002Fb>\n",[3405,7385,7386],{"class":3407,"line":3618},[3405,7387,7388],{},"      Lambda@Edge тільки\n",[3405,7390,7391],{"class":3407,"line":3623},[3405,7392,7393],{},"      Виконується перед запитом до Origin\n",[3405,7395,7396],{"class":3407,"line":3629},[3405,7397,7398],{},"      Приклад: підстановка заголовків,\n",[3405,7400,7401],{"class":3407,"line":3634},[3405,7402,7403],{},"      вибір Origin динамічно\n",[3405,7405,7406],{"class":3407,"line":3640},[3405,7407,7408],{},"    end note\n",[3405,7410,7411],{"class":3407,"line":3645},[3405,7412,3490],{"emptyLinePlaceholder":3489},[3405,7414,7415],{"class":3407,"line":3651},[3405,7416,7417],{},"    CF -> O : Запит до Origin\n",[3405,7419,7420],{"class":3407,"line":3656},[3405,7421,7422],{},"    O --> CF : Відповідь\n",[3405,7424,7425],{"class":3407,"line":3662},[3405,7426,3490],{"emptyLinePlaceholder":3489},[3405,7428,7429],{"class":3407,"line":3667},[3405,7430,7378],{},[3405,7432,7433],{"class":3407,"line":3673},[3405,7434,7435],{},"      3. \u003Cb>Origin Response\u003C\u002Fb>\n",[3405,7437,7438],{"class":3407,"line":3679},[3405,7439,7388],{},[3405,7441,7442],{"class":3407,"line":3685},[3405,7443,7444],{},"      Виконується після відповіді Origin\n",[3405,7446,7447],{"class":3407,"line":3690},[3405,7448,7449],{},"      Приклад: модифікація заголовків,\n",[3405,7451,7452],{"class":3407,"line":3695},[3405,7453,7454],{},"      A\u002FB тест на рівні контенту\n",[3405,7456,7457],{"class":3407,"line":3701},[3405,7458,7408],{},[3405,7460,7461],{"class":3407,"line":3706},[3405,7462,3490],{"emptyLinePlaceholder":3489},[3405,7464,7465],{"class":3407,"line":3712},[3405,7466,7467],{},"    CF -> CF : Зберігає у кеш\n",[3405,7469,7470],{"class":3407,"line":3717},[3405,7471,7472],{},"end\n",[3405,7474,7475],{"class":3407,"line":3723},[3405,7476,3490],{"emptyLinePlaceholder":3489},[3405,7478,7479],{"class":3407,"line":3729},[3405,7480,7311],{},[3405,7482,7483],{"class":3407,"line":3735},[3405,7484,7485],{},"  4. \u003Cb>Viewer Response\u003C\u002Fb>\n",[3405,7487,7488],{"class":3407,"line":3741},[3405,7489,7321],{},[3405,7491,7492],{"class":3407,"line":3746},[3405,7493,7494],{},"  Виконується перед відправкою клієнту\n",[3405,7496,7498],{"class":3407,"line":7497},61,[3405,7499,7500],{},"  Приклад: додавання security headers\n",[3405,7502,7504],{"class":3407,"line":7503},62,[3405,7505,3548],{},[3405,7507,7509],{"class":3407,"line":7508},63,[3405,7510,3490],{"emptyLinePlaceholder":3489},[3405,7512,7514],{"class":3407,"line":7513},64,[3405,7515,7516],{},"CF --> B : HTTP відповідь\n",[3405,7518,7520],{"class":3407,"line":7519},65,[3405,7521,3749],{},[3357,7523,7525],{"id":7524},"cloudfront-functions-vs-lambdaedge-коли-що","CloudFront Functions vs Lambda@Edge: коли що",[4232,7527,7528,7541],{},[4235,7529,7530],{},[4238,7531,7532,7535,7538],{},[4241,7533,7534],{},"Характеристика",[4241,7536,7537],{},"CloudFront Functions",[4241,7539,7540],{},"Lambda@Edge",[4251,7542,7543,7554,7565,7576,7587,7598,7609],{},[4238,7544,7545,7548,7551],{},[4256,7546,7547],{},"Де виконується",[4256,7549,7550],{},"На всіх 400+ edge locations",[4256,7552,7553],{},"У ~13 регіональних кешах",[4238,7555,7556,7559,7562],{},[4256,7557,7558],{},"Час виконання",[4256,7560,7561],{},"\u003C 1 мс (жорсткий ліміт)",[4256,7563,7564],{},"до 5 с (origin req) \u002F 30 с (origin resp)",[4238,7566,7567,7570,7573],{},[4256,7568,7569],{},"Мережеві запити",[4256,7571,7572],{},"❌ Неможливо",[4256,7574,7575],{},"✅ Можна (HTTP виклики до API)",[4238,7577,7578,7581,7584],{},[4256,7579,7580],{},"Доступ до body",[4256,7582,7583],{},"❌ Тільки заголовки та URI",[4256,7585,7586],{},"✅ Повний доступ",[4238,7588,7589,7592,7595],{},[4256,7590,7591],{},"Мова",[4256,7593,7594],{},"JavaScript (ES5.1)",[4256,7596,7597],{},"Node.js або Python",[4238,7599,7600,7603,7606],{},[4256,7601,7602],{},"Ціна",[4256,7604,7605],{},"$0.10 \u002F 1M запитів",[4256,7607,7608],{},"$0.60 \u002F 1M запитів",[4238,7610,7611,7614,7617],{},[4256,7612,7613],{},"Коли використовувати",[4256,7615,7616],{},"URL rewrite, redirect, security headers",[4256,7618,7619],{},"Аутентифікація, A\u002FB з зовнішнім API, трансформація body",[3353,7621,7622],{},[3373,7623,7624],{},"Приклад 1 — CloudFront Function: index.html fallback для React Router",[3353,7626,7627,7628,4139,7631,7634,7635,7638,7639,7642,7643,4618],{},"React Router обробляє маршрути клієнтсайд (",[3365,7629,7630],{},"\u002Fabout",[3365,7632,7633],{},"\u002Fusers\u002F123","). Але якщо CloudFront отримує запит ",[3365,7636,7637],{},"GET \u002Fabout"," — він шукає у S3 файл з назвою ",[3365,7640,7641],{},"about",", не знаходить і повертає 403. Потрібно переписати всі SPA-маршрути на ",[3365,7644,7645],{},"\u002Findex.html",[3396,7647,7651],{"className":7648,"code":7649,"language":7650,"meta":3401,"style":3401},"language-javascript shiki shiki-themes light-plus dark-plus dark-plus","function handler(event) {\n    var request = event.request\n    var uri = request.uri\n\n    \u002F\u002F Якщо URI має розширення файлу (.js, .css, .png) — віддаємо як є\n    \u002F\u002F Якщо URI без розширення — це SPA-маршрут, перенаправляємо на index.html\n    if (!uri.includes('.')) {\n        request.uri = '\u002Findex.html'\n    }\n\n    return request\n}\n","javascript",[3365,7652,7653,7669,7686,7703,7707,7712,7717,7740,7754,7758,7762,7769],{"__ignoreMap":3401},[3405,7654,7655,7658,7661,7663,7666],{"class":3407,"line":3408},[3405,7656,7657],{"class":4617},"function",[3405,7659,7660],{"class":4724}," handler",[3405,7662,4864],{"class":4603},[3405,7664,7665],{"class":4855},"event",[3405,7667,7668],{"class":4603},") {\n",[3405,7670,7671,7674,7677,7679,7681,7683],{"class":3407,"line":3414},[3405,7672,7673],{"class":4617},"    var",[3405,7675,7676],{"class":4855}," request",[3405,7678,4884],{"class":4603},[3405,7680,7665],{"class":4855},[3405,7682,3380],{"class":4603},[3405,7684,7685],{"class":4855},"request\n",[3405,7687,7688,7690,7693,7695,7698,7700],{"class":3407,"line":3420},[3405,7689,7673],{"class":4617},[3405,7691,7692],{"class":4855}," uri",[3405,7694,4884],{"class":4603},[3405,7696,7697],{"class":4855},"request",[3405,7699,3380],{"class":4603},[3405,7701,7702],{"class":4855},"uri\n",[3405,7704,7705],{"class":3407,"line":3426},[3405,7706,3490],{"emptyLinePlaceholder":3489},[3405,7708,7709],{"class":3407,"line":3432},[3405,7710,7711],{"class":4709},"    \u002F\u002F Якщо URI має розширення файлу (.js, .css, .png) — віддаємо як є\n",[3405,7713,7714],{"class":3407,"line":3438},[3405,7715,7716],{"class":4709},"    \u002F\u002F Якщо URI без розширення — це SPA-маршрут, перенаправляємо на index.html\n",[3405,7718,7719,7722,7725,7728,7730,7733,7735,7737],{"class":3407,"line":3444},[3405,7720,7721],{"class":4957},"    if",[3405,7723,7724],{"class":4603}," (!",[3405,7726,7727],{"class":4855},"uri",[3405,7729,3380],{"class":4603},[3405,7731,7732],{"class":4724},"includes",[3405,7734,4864],{"class":4603},[3405,7736,5020],{"class":4621},[3405,7738,7739],{"class":4603},")) {\n",[3405,7741,7742,7745,7747,7749,7751],{"class":3407,"line":3450},[3405,7743,7744],{"class":4855},"        request",[3405,7746,3380],{"class":4603},[3405,7748,7727],{"class":4855},[3405,7750,4884],{"class":4603},[3405,7752,7753],{"class":4621},"'\u002Findex.html'\n",[3405,7755,7756],{"class":3407,"line":3456},[3405,7757,5195],{"class":4603},[3405,7759,7760],{"class":3407,"line":3462},[3405,7761,3490],{"emptyLinePlaceholder":3489},[3405,7763,7764,7766],{"class":3407,"line":3468},[3405,7765,5315],{"class":4957},[3405,7767,7768],{"class":4855}," request\n",[3405,7770,7771],{"class":3407,"line":3474},[3405,7772,3483],{"class":4603},[3353,7774,7775],{},[3373,7776,7777],{},"Приклад 2 — CloudFront Function: security headers у відповіді",[3353,7779,7780],{},"Додавання HTTP security headers до кожної відповіді без змін у backend:",[3396,7782,7784],{"className":7648,"code":7783,"language":7650,"meta":3401,"style":3401},"function handler(event) {\n    var response = event.response\n    var headers = response.headers\n\n    \u002F\u002F Захист від clickjacking\n    headers['x-frame-options'] = { value: 'DENY' }\n    \u002F\u002F Захист від MIME-sniffing\n    headers['x-content-type-options'] = { value: 'nosniff' }\n    \u002F\u002F HSTS: змушує браузер завжди використовувати HTTPS\n    headers['strict-transport-security'] = {\n        value: 'max-age=63072000; includeSubDomains; preload',\n    }\n    \u002F\u002F Content Security Policy\n    headers['content-security-policy'] = {\n        value: \"default-src 'self'; script-src 'self'\",\n    }\n\n    return response\n}\n",[3365,7785,7786,7798,7814,7830,7834,7839,7861,7866,7884,7889,7901,7911,7915,7920,7931,7940,7944,7948,7955],{"__ignoreMap":3401},[3405,7787,7788,7790,7792,7794,7796],{"class":3407,"line":3408},[3405,7789,7657],{"class":4617},[3405,7791,7660],{"class":4724},[3405,7793,4864],{"class":4603},[3405,7795,7665],{"class":4855},[3405,7797,7668],{"class":4603},[3405,7799,7800,7802,7805,7807,7809,7811],{"class":3407,"line":3414},[3405,7801,7673],{"class":4617},[3405,7803,7804],{"class":4855}," response",[3405,7806,4884],{"class":4603},[3405,7808,7665],{"class":4855},[3405,7810,3380],{"class":4603},[3405,7812,7813],{"class":4855},"response\n",[3405,7815,7816,7818,7820,7822,7825,7827],{"class":3407,"line":3420},[3405,7817,7673],{"class":4617},[3405,7819,4927],{"class":4855},[3405,7821,4884],{"class":4603},[3405,7823,7824],{"class":4855},"response",[3405,7826,3380],{"class":4603},[3405,7828,7829],{"class":4855},"headers\n",[3405,7831,7832],{"class":3407,"line":3426},[3405,7833,3490],{"emptyLinePlaceholder":3489},[3405,7835,7836],{"class":3407,"line":3432},[3405,7837,7838],{"class":4709},"    \u002F\u002F Захист від clickjacking\n",[3405,7840,7841,7844,7846,7849,7852,7855,7858],{"class":3407,"line":3438},[3405,7842,7843],{"class":4855},"    headers",[3405,7845,5232],{"class":4603},[3405,7847,7848],{"class":4621},"'x-frame-options'",[3405,7850,7851],{"class":4603},"] = { ",[3405,7853,7854],{"class":4855},"value:",[3405,7856,7857],{"class":4621}," 'DENY'",[3405,7859,7860],{"class":4603}," }\n",[3405,7862,7863],{"class":3407,"line":3444},[3405,7864,7865],{"class":4709},"    \u002F\u002F Захист від MIME-sniffing\n",[3405,7867,7868,7870,7872,7875,7877,7879,7882],{"class":3407,"line":3450},[3405,7869,7843],{"class":4855},[3405,7871,5232],{"class":4603},[3405,7873,7874],{"class":4621},"'x-content-type-options'",[3405,7876,7851],{"class":4603},[3405,7878,7854],{"class":4855},[3405,7880,7881],{"class":4621}," 'nosniff'",[3405,7883,7860],{"class":4603},[3405,7885,7886],{"class":3407,"line":3456},[3405,7887,7888],{"class":4709},"    \u002F\u002F HSTS: змушує браузер завжди використовувати HTTPS\n",[3405,7890,7891,7893,7895,7898],{"class":3407,"line":3462},[3405,7892,7843],{"class":4855},[3405,7894,5232],{"class":4603},[3405,7896,7897],{"class":4621},"'strict-transport-security'",[3405,7899,7900],{"class":4603},"] = {\n",[3405,7902,7903,7906,7909],{"class":3407,"line":3468},[3405,7904,7905],{"class":4855},"        value:",[3405,7907,7908],{"class":4621}," 'max-age=63072000; includeSubDomains; preload'",[3405,7910,6068],{"class":4603},[3405,7912,7913],{"class":3407,"line":3474},[3405,7914,5195],{"class":4603},[3405,7916,7917],{"class":3407,"line":3480},[3405,7918,7919],{"class":4709},"    \u002F\u002F Content Security Policy\n",[3405,7921,7922,7924,7926,7929],{"class":3407,"line":3486},[3405,7923,7843],{"class":4855},[3405,7925,5232],{"class":4603},[3405,7927,7928],{"class":4621},"'content-security-policy'",[3405,7930,7900],{"class":4603},[3405,7932,7933,7935,7938],{"class":3407,"line":3493},[3405,7934,7905],{"class":4855},[3405,7936,7937],{"class":4621}," \"default-src 'self'; script-src 'self'\"",[3405,7939,6068],{"class":4603},[3405,7941,7942],{"class":3407,"line":3499},[3405,7943,5195],{"class":4603},[3405,7945,7946],{"class":3407,"line":3504},[3405,7947,3490],{"emptyLinePlaceholder":3489},[3405,7949,7950,7952],{"class":3407,"line":3510},[3405,7951,5315],{"class":4957},[3405,7953,7954],{"class":4855}," response\n",[3405,7956,7957],{"class":3407,"line":3516},[3405,7958,3483],{"class":4603},[4207,7960],{},[3348,7962,7964],{"id":7963},"cache-invalidation-примусове-оновлення-кешу","Cache Invalidation — примусове оновлення кешу",[3353,7966,7967,7968,7970,7971,7973],{},"Уявіть ситуацію: ви задеплоїли нову версію сайту. Файл ",[3365,7969,5487],{}," у S3 оновлено. Але CloudFront закешував старий ",[3365,7972,5487],{}," з TTL 24 години — і ще 23 години роздаватиме стару версію всім користувачам у світі.",[3353,7975,7976,7979,7980,7983],{},[3373,7977,7978],{},"Cache Invalidation"," — це команда CloudFront ",[3373,7981,7982],{},"негайно"," викинути вказані файли з кешу всіх edge locations. При наступному запиті edge буде змушений завантажити свіжу версію з Origin.",[3393,7985,7986],{},[3396,7987,7989],{"className":3398,"code":7988,"language":3400,"meta":3401,"style":3401},"@startuml\nskinparam style plain\nskinparam backgroundColor #ffffff\nskinparam sequence {\n    ArrowColor #374151\n    ParticipantBorderColor #374151\n    ParticipantBackgroundColor #f9fafb\n    NoteBackgroundColor #fee2e2\n    NoteBorderColor #dc2626\n    LifeLineBorderColor #9ca3af\n}\n\ntitle Cache Invalidation: проблема та вирішення\n\nparticipant \"CI\u002FCD\\n(GitHub Actions)\" as CI\nparticipant \"S3 Bucket\" as S3\nparticipant \"CloudFront\\n(control plane)\" as CF_CP\nparticipant \"Edge Токіо\" as ET\nparticipant \"Edge Франкфурт\" as EF\nactor \"Користувач\" as U\n\nCI -> S3 : aws s3 sync .\u002Fdist (нова версія)\nS3 --> CI : OK\n\nnote over ET, EF #fee2e2\n  Проблема: обидва edge ще мають\n  старий index.html у кеші (TTL: 23 год)\nend note\n\nCI -> CF_CP : aws cloudfront create-invalidation\\n--paths \"\u002Findex.html\"\nCF_CP -> ET : Invalidate \u002Findex.html\nCF_CP -> EF : Invalidate \u002Findex.html\nET --> CF_CP : Done\nEF --> CF_CP : Done\nCF_CP --> CI : Invalidation created\\n(propagates ~30 sec)\n\nU -> ET : GET \u002Findex.html\nnote right of ET: Кеш порожній (invalidated)\\nCache MISS\nET -> S3 : GET \u002Findex.html\nS3 --> ET : 200 OK (нова версія)\nET --> U : 200 OK (нова версія) ✅\n@enduml\n",[3365,7990,7991,7995,7999,8003,8007,8011,8015,8019,8024,8029,8033,8037,8041,8046,8050,8055,8060,8065,8070,8075,8079,8083,8088,8093,8097,8102,8107,8112,8116,8120,8125,8130,8135,8140,8145,8150,8154,8159,8164,8169,8174,8179],{"__ignoreMap":3401},[3405,7992,7993],{"class":3407,"line":3408},[3405,7994,3411],{},[3405,7996,7997],{"class":3407,"line":3414},[3405,7998,3417],{},[3405,8000,8001],{"class":3407,"line":3420},[3405,8002,3423],{},[3405,8004,8005],{"class":3407,"line":3426},[3405,8006,3429],{},[3405,8008,8009],{"class":3407,"line":3432},[3405,8010,3435],{},[3405,8012,8013],{"class":3407,"line":3438},[3405,8014,3453],{},[3405,8016,8017],{"class":3407,"line":3444},[3405,8018,3459],{},[3405,8020,8021],{"class":3407,"line":3450},[3405,8022,8023],{},"    NoteBackgroundColor #fee2e2\n",[3405,8025,8026],{"class":3407,"line":3456},[3405,8027,8028],{},"    NoteBorderColor #dc2626\n",[3405,8030,8031],{"class":3407,"line":3462},[3405,8032,3477],{},[3405,8034,8035],{"class":3407,"line":3468},[3405,8036,3483],{},[3405,8038,8039],{"class":3407,"line":3474},[3405,8040,3490],{"emptyLinePlaceholder":3489},[3405,8042,8043],{"class":3407,"line":3480},[3405,8044,8045],{},"title Cache Invalidation: проблема та вирішення\n",[3405,8047,8048],{"class":3407,"line":3486},[3405,8049,3490],{"emptyLinePlaceholder":3489},[3405,8051,8052],{"class":3407,"line":3493},[3405,8053,8054],{},"participant \"CI\u002FCD\\n(GitHub Actions)\" as CI\n",[3405,8056,8057],{"class":3407,"line":3499},[3405,8058,8059],{},"participant \"S3 Bucket\" as S3\n",[3405,8061,8062],{"class":3407,"line":3504},[3405,8063,8064],{},"participant \"CloudFront\\n(control plane)\" as CF_CP\n",[3405,8066,8067],{"class":3407,"line":3510},[3405,8068,8069],{},"participant \"Edge Токіо\" as ET\n",[3405,8071,8072],{"class":3407,"line":3516},[3405,8073,8074],{},"participant \"Edge Франкфурт\" as EF\n",[3405,8076,8077],{"class":3407,"line":3522},[3405,8078,5811],{},[3405,8080,8081],{"class":3407,"line":3527},[3405,8082,3490],{"emptyLinePlaceholder":3489},[3405,8084,8085],{"class":3407,"line":3533},[3405,8086,8087],{},"CI -> S3 : aws s3 sync .\u002Fdist (нова версія)\n",[3405,8089,8090],{"class":3407,"line":3539},[3405,8091,8092],{},"S3 --> CI : OK\n",[3405,8094,8095],{"class":3407,"line":3545},[3405,8096,3490],{"emptyLinePlaceholder":3489},[3405,8098,8099],{"class":3407,"line":3551},[3405,8100,8101],{},"note over ET, EF #fee2e2\n",[3405,8103,8104],{"class":3407,"line":3556},[3405,8105,8106],{},"  Проблема: обидва edge ще мають\n",[3405,8108,8109],{"class":3407,"line":3562},[3405,8110,8111],{},"  старий index.html у кеші (TTL: 23 год)\n",[3405,8113,8114],{"class":3407,"line":3568},[3405,8115,3548],{},[3405,8117,8118],{"class":3407,"line":3574},[3405,8119,3490],{"emptyLinePlaceholder":3489},[3405,8121,8122],{"class":3407,"line":3579},[3405,8123,8124],{},"CI -> CF_CP : aws cloudfront create-invalidation\\n--paths \"\u002Findex.html\"\n",[3405,8126,8127],{"class":3407,"line":3585},[3405,8128,8129],{},"CF_CP -> ET : Invalidate \u002Findex.html\n",[3405,8131,8132],{"class":3407,"line":3590},[3405,8133,8134],{},"CF_CP -> EF : Invalidate \u002Findex.html\n",[3405,8136,8137],{"class":3407,"line":3596},[3405,8138,8139],{},"ET --> CF_CP : Done\n",[3405,8141,8142],{"class":3407,"line":3601},[3405,8143,8144],{},"EF --> CF_CP : Done\n",[3405,8146,8147],{"class":3407,"line":3607},[3405,8148,8149],{},"CF_CP --> CI : Invalidation created\\n(propagates ~30 sec)\n",[3405,8151,8152],{"class":3407,"line":3612},[3405,8153,3490],{"emptyLinePlaceholder":3489},[3405,8155,8156],{"class":3407,"line":3618},[3405,8157,8158],{},"U -> ET : GET \u002Findex.html\n",[3405,8160,8161],{"class":3407,"line":3623},[3405,8162,8163],{},"note right of ET: Кеш порожній (invalidated)\\nCache MISS\n",[3405,8165,8166],{"class":3407,"line":3629},[3405,8167,8168],{},"ET -> S3 : GET \u002Findex.html\n",[3405,8170,8171],{"class":3407,"line":3634},[3405,8172,8173],{},"S3 --> ET : 200 OK (нова версія)\n",[3405,8175,8176],{"class":3407,"line":3640},[3405,8177,8178],{},"ET --> U : 200 OK (нова версія) ✅\n",[3405,8180,8181],{"class":3407,"line":3645},[3405,8182,3749],{},[3396,8184,8186],{"className":4700,"code":8185,"language":4702,"meta":3401,"style":3401},"# Інвалідувати тільки index.html (оптимальний підхід для React SPA)\naws cloudfront create-invalidation \\\n    --distribution-id EDFDVBD6EXAMPLE \\\n    --paths \"\u002Findex.html\" \\\n    --region us-east-1\n\n# Інвалідувати кілька файлів\naws cloudfront create-invalidation \\\n    --distribution-id EDFDVBD6EXAMPLE \\\n    --paths \"\u002Findex.html\" \"\u002Fasset-manifest.json\" \"\u002Frobots.txt\" \\\n    --region us-east-1\n\n# Інвалідувати весь кеш (\u002F* = один path у рахунку)\naws cloudfront create-invalidation \\\n    --distribution-id EDFDVBD6EXAMPLE \\\n    --paths \"\u002F*\" \\\n    --region us-east-1\n",[3365,8187,8188,8193,8205,8215,8225,8233,8237,8242,8252,8260,8274,8280,8284,8289,8299,8307,8316],{"__ignoreMap":3401},[3405,8189,8190],{"class":3407,"line":3408},[3405,8191,8192],{"class":4709},"# Інвалідувати тільки index.html (оптимальний підхід для React SPA)\n",[3405,8194,8195,8197,8200,8203],{"class":3407,"line":3414},[3405,8196,4725],{"class":4724},[3405,8198,8199],{"class":4621}," cloudfront",[3405,8201,8202],{"class":4621}," create-invalidation",[3405,8204,4741],{"class":4740},[3405,8206,8207,8210,8213],{"class":3407,"line":3420},[3405,8208,8209],{"class":4617},"    --distribution-id",[3405,8211,8212],{"class":4621}," EDFDVBD6EXAMPLE",[3405,8214,4741],{"class":4740},[3405,8216,8217,8220,8223],{"class":3407,"line":3426},[3405,8218,8219],{"class":4617},"    --paths",[3405,8221,8222],{"class":4621}," \"\u002Findex.html\"",[3405,8224,4741],{"class":4740},[3405,8226,8227,8230],{"class":3407,"line":3432},[3405,8228,8229],{"class":4617},"    --region",[3405,8231,8232],{"class":4621}," us-east-1\n",[3405,8234,8235],{"class":3407,"line":3438},[3405,8236,3490],{"emptyLinePlaceholder":3489},[3405,8238,8239],{"class":3407,"line":3444},[3405,8240,8241],{"class":4709},"# Інвалідувати кілька файлів\n",[3405,8243,8244,8246,8248,8250],{"class":3407,"line":3450},[3405,8245,4725],{"class":4724},[3405,8247,8199],{"class":4621},[3405,8249,8202],{"class":4621},[3405,8251,4741],{"class":4740},[3405,8253,8254,8256,8258],{"class":3407,"line":3456},[3405,8255,8209],{"class":4617},[3405,8257,8212],{"class":4621},[3405,8259,4741],{"class":4740},[3405,8261,8262,8264,8266,8269,8272],{"class":3407,"line":3462},[3405,8263,8219],{"class":4617},[3405,8265,8222],{"class":4621},[3405,8267,8268],{"class":4621}," \"\u002Fasset-manifest.json\"",[3405,8270,8271],{"class":4621}," \"\u002Frobots.txt\"",[3405,8273,4741],{"class":4740},[3405,8275,8276,8278],{"class":3407,"line":3468},[3405,8277,8229],{"class":4617},[3405,8279,8232],{"class":4621},[3405,8281,8282],{"class":3407,"line":3474},[3405,8283,3490],{"emptyLinePlaceholder":3489},[3405,8285,8286],{"class":3407,"line":3480},[3405,8287,8288],{"class":4709},"# Інвалідувати весь кеш (\u002F* = один path у рахунку)\n",[3405,8290,8291,8293,8295,8297],{"class":3407,"line":3486},[3405,8292,4725],{"class":4724},[3405,8294,8199],{"class":4621},[3405,8296,8202],{"class":4621},[3405,8298,4741],{"class":4740},[3405,8300,8301,8303,8305],{"class":3407,"line":3493},[3405,8302,8209],{"class":4617},[3405,8304,8212],{"class":4621},[3405,8306,4741],{"class":4740},[3405,8308,8309,8311,8314],{"class":3407,"line":3499},[3405,8310,8219],{"class":4617},[3405,8312,8313],{"class":4621}," \"\u002F*\"",[3405,8315,4741],{"class":4740},[3405,8317,8318,8320],{"class":3407,"line":3504},[3405,8319,8229],{"class":4617},[3405,8321,8232],{"class":4621},[3353,8323,8324],{},[3373,8325,8326,8327,8329],{},"Чому React SPA потребує інвалідації лише ",[3365,8328,5487],{},"?",[3353,8331,8332,8333,8336,8337,8339,8340,8342,8343,8346,8347,8349],{},"Vite та CRA генерують JS\u002FCSS файли з ",[3373,8334,8335],{},"content hash"," у назві: ",[3365,8338,4693],{},". Hash — це відбиток вмісту файлу. Якщо вміст змінився — змінюється hash, отже й URL (",[3365,8341,4693],{}," → ",[3365,8344,8345],{},"main.e5f6g7h8.js","). Новий URL CloudFront ще ніколи не бачив — отже одразу піде за ним до S3. Старий файл у кеші так і залишиться, але до нього вже ніхто не звернеться (бо ",[3365,8348,5487],{}," вказує на новий URL).",[3353,8351,8352,8353,8355],{},"Тому достатньо інвалідувати тільки ",[3365,8354,5487],{}," — він вказує на актуальні версії всіх файлів.",[5438,8357,8358,8361,8362,8365,8366,8368,8369,8371],{},[3373,8359,8360],{},"Вартість:"," перші ",[3373,8363,8364],{},"1 000 invalidation paths"," на місяць безкоштовно. Далі $0.005 за кожен path. ",[3365,8367,6745],{}," вважається одним path незалежно від кількості файлів у кеші — тому ",[3365,8370,6745],{}," завжди вигідніший за перерахування 500 файлів окремо.",[4207,8373],{},[3348,8375,8377],{"id":8376},"versioning-vs-invalidation-стратегії-оновлення-контенту","Versioning vs Invalidation — стратегії оновлення контенту",[3353,8379,8380],{},"Є дві принципово різні стратегії, що забезпечують доставку актуального контенту після деплою:",[3353,8382,8383,8386,8387,8390],{},[3373,8384,8385],{},"Стратегія 1 — Invalidation (явне очищення кешу):"," ви залишаєте ті самі URL, але після кожного деплою виконуєте ",[3365,8388,8389],{},"create-invalidation",", щоб CloudFront забув старі копії.",[3353,8392,8393,8396],{},[3373,8394,8395],{},"Стратегія 2 — File Versioning (іменовані версії):"," ви змінюєте URL файлу при кожній зміні вмісту. Старий URL нікуди не зникає — він просто більше не використовується. Новий URL CloudFront ще не бачив → автоматично завантажить з Origin.",[3353,8398,8399],{},"Versioning буває двох форм:",[4029,8401,8402,8412],{},[3786,8403,8404,8407,8408,8411],{},[3373,8405,8406],{},"Content hash:"," ",[3365,8409,8410],{},"bundle.a1b2c3.js"," — hash залежить від вмісту. Якщо файл не змінився — hash той самий, URL той самий, кеш не стає недійсним. Якщо змінився — новий hash, новий URL.",[3786,8413,8414,8407,8417,3763,8420,8423],{},[3373,8415,8416],{},"Explicit version:",[3365,8418,8419],{},"bundle.v2.js",[3365,8421,8422],{},"\u002Fapi\u002Fv2\u002Fproducts"," — ручне версіонування.",[3393,8425,8426],{},[3396,8427,8429],{"className":3398,"code":8428,"language":3400,"meta":3401,"style":3401},"@startuml\nskinparam style plain\nskinparam backgroundColor #ffffff\n\ntitle Versioning vs Invalidation: порівняння підходів\n\nrectangle \"Після деплою нового bundle.js\" as TITLE #f3f4f6\n\npackage \"Стратегія 1: Invalidation\\n(один і той самий URL)\" as INV #fee2e2 {\n    rectangle \"S3: \u002Fstatic\u002Fbundle.js\\n(новий вміст)\" as S1\n    rectangle \"CloudFront: кеш \u002Fstatic\u002Fbundle.js\\n(ще старий!)\" as C1\n    rectangle \"create-invalidation → кеш очищено\\nНаступний запит → Origin\" as I1\n    S1 --> C1\n    C1 --> I1\n}\n\npackage \"Стратегія 2: Content Hash\\n(новий URL = нова версія)\" as HASH #dcfce7 {\n    rectangle \"S3: \u002Fstatic\u002Fbundle.a1b2.js (старий)\\n     \u002Fstatic\u002Fbundle.e5f6.js (новий)\" as S2\n    rectangle \"CloudFront: кеш \u002Fstatic\u002Fbundle.e5f6.js\\n= порожній, піде до Origin\" as C2\n    rectangle \"Старий кеш \u002Fstatic\u002Fbundle.a1b2.js\\nзалишається, але ніхто не звертається\" as O2\n    S2 --> C2\n    S2 --> O2\n}\n@enduml\n",[3365,8430,8431,8435,8439,8443,8447,8452,8456,8461,8465,8470,8475,8480,8485,8490,8495,8499,8503,8508,8513,8518,8523,8528,8533,8537],{"__ignoreMap":3401},[3405,8432,8433],{"class":3407,"line":3408},[3405,8434,3411],{},[3405,8436,8437],{"class":3407,"line":3414},[3405,8438,3417],{},[3405,8440,8441],{"class":3407,"line":3420},[3405,8442,3423],{},[3405,8444,8445],{"class":3407,"line":3426},[3405,8446,3490],{"emptyLinePlaceholder":3489},[3405,8448,8449],{"class":3407,"line":3432},[3405,8450,8451],{},"title Versioning vs Invalidation: порівняння підходів\n",[3405,8453,8454],{"class":3407,"line":3438},[3405,8455,3490],{"emptyLinePlaceholder":3489},[3405,8457,8458],{"class":3407,"line":3444},[3405,8459,8460],{},"rectangle \"Після деплою нового bundle.js\" as TITLE #f3f4f6\n",[3405,8462,8463],{"class":3407,"line":3450},[3405,8464,3490],{"emptyLinePlaceholder":3489},[3405,8466,8467],{"class":3407,"line":3456},[3405,8468,8469],{},"package \"Стратегія 1: Invalidation\\n(один і той самий URL)\" as INV #fee2e2 {\n",[3405,8471,8472],{"class":3407,"line":3462},[3405,8473,8474],{},"    rectangle \"S3: \u002Fstatic\u002Fbundle.js\\n(новий вміст)\" as S1\n",[3405,8476,8477],{"class":3407,"line":3468},[3405,8478,8479],{},"    rectangle \"CloudFront: кеш \u002Fstatic\u002Fbundle.js\\n(ще старий!)\" as C1\n",[3405,8481,8482],{"class":3407,"line":3474},[3405,8483,8484],{},"    rectangle \"create-invalidation → кеш очищено\\nНаступний запит → Origin\" as I1\n",[3405,8486,8487],{"class":3407,"line":3480},[3405,8488,8489],{},"    S1 --> C1\n",[3405,8491,8492],{"class":3407,"line":3486},[3405,8493,8494],{},"    C1 --> I1\n",[3405,8496,8497],{"class":3407,"line":3493},[3405,8498,3483],{},[3405,8500,8501],{"class":3407,"line":3499},[3405,8502,3490],{"emptyLinePlaceholder":3489},[3405,8504,8505],{"class":3407,"line":3504},[3405,8506,8507],{},"package \"Стратегія 2: Content Hash\\n(новий URL = нова версія)\" as HASH #dcfce7 {\n",[3405,8509,8510],{"class":3407,"line":3510},[3405,8511,8512],{},"    rectangle \"S3: \u002Fstatic\u002Fbundle.a1b2.js (старий)\\n     \u002Fstatic\u002Fbundle.e5f6.js (новий)\" as S2\n",[3405,8514,8515],{"class":3407,"line":3516},[3405,8516,8517],{},"    rectangle \"CloudFront: кеш \u002Fstatic\u002Fbundle.e5f6.js\\n= порожній, піде до Origin\" as C2\n",[3405,8519,8520],{"class":3407,"line":3522},[3405,8521,8522],{},"    rectangle \"Старий кеш \u002Fstatic\u002Fbundle.a1b2.js\\nзалишається, але ніхто не звертається\" as O2\n",[3405,8524,8525],{"class":3407,"line":3527},[3405,8526,8527],{},"    S2 --> C2\n",[3405,8529,8530],{"class":3407,"line":3533},[3405,8531,8532],{},"    S2 --> O2\n",[3405,8534,8535],{"class":3407,"line":3539},[3405,8536,3483],{},[3405,8538,8539],{"class":3407,"line":3545},[3405,8540,3749],{},[3357,8542,8544],{"id":8543},"порівняння-стратегій","Порівняння стратегій",[4232,8546,8547,8560],{},[4235,8548,8549],{},[4238,8550,8551,8554,8557],{},[4241,8552,8553],{},"Критерій",[4241,8555,8556],{},"Invalidation",[4241,8558,8559],{},"Content Hash Versioning",[4251,8561,8562,8573,8584,8597,8608,8624],{},[4238,8563,8564,8567,8570],{},[4256,8565,8566],{},"Гарантія оновлення",[4256,8568,8569],{},"Так, але ~30 сек propagation",[4256,8571,8572],{},"Миттєво (новий URL)",[4238,8574,8575,8578,8581],{},[4256,8576,8577],{},"Вартість",[4256,8579,8580],{},"Перші 1000 безкоштовно, далі $0.005\u002Fpath",[4256,8582,8583],{},"Безкоштовно",[4238,8585,8586,8589,8594],{},[4256,8587,8588],{},"Складність деплою",[4256,8590,8591,8593],{},[3365,8592,8389],{}," команда",[4256,8595,8596],{},"Вбудовано у build інструменти (Vite, webpack)",[4238,8598,8599,8602,8605],{},[4256,8600,8601],{},"Якщо щось пішло не так",[4256,8603,8604],{},"Легкий rollback: видати старий файл",[4256,8606,8607],{},"Складніший: потрібно оновити посилання",[4238,8609,8610,8613,8621],{},[4256,8611,8612],{},"Підходить для",[4256,8614,8615,4139,8617,8620],{},[3365,8616,5487],{},[3365,8618,8619],{},"robots.txt",", будь-які файли без hash",[4256,8622,8623],{},"JS, CSS, зображення — усе що проходить build",[4238,8625,8626,8629,8635],{},[4256,8627,8628],{},"TTL у Cache-Control",[4256,8630,8631,8632,8634],{},"Зазвичай ",[3365,8633,4294],{}," або короткий",[4256,8636,8637,8639],{},[3365,8638,6732],{}," (рік)",[3357,8641,8643],{"id":8642},"рекомендована-гібридна-стратегія-react-vite","Рекомендована гібридна стратегія (React \u002F Vite)",[3353,8645,8646],{},"Обидва підходи не виключають один одного — навпаки, правильна архітектура поєднує їх:",[4232,8648,8649,8664],{},[4235,8650,8651],{},[4238,8652,8653,8656,8659,8661],{},[4241,8654,8655],{},"Файл",[4241,8657,8658],{},"Стратегія",[4241,8660,4229],{},[4241,8662,8663],{},"Пояснення",[4251,8665,8666,8681,8697,8714,8730],{},[4238,8667,8668,8672,8674,8678],{},[4256,8669,8670],{},[3365,8671,5487],{},[4256,8673,8556],{},[4256,8675,8676],{},[3365,8677,4294],{},[4256,8679,8680],{},"Точка входу, завжди повинна бути свіжою",[4238,8682,8683,8688,8690,8694],{},[4256,8684,8685],{},[3365,8686,8687],{},"asset-manifest.json",[4256,8689,8556],{},[4256,8691,8692],{},[3365,8693,4294],{},[4256,8695,8696],{},"Список актуальних хешованих файлів",[4238,8698,8699,8704,8707,8711],{},[4256,8700,8701],{},[3365,8702,8703],{},"static\u002Fjs\u002F*.abc123.js",[4256,8705,8706],{},"Content Hash",[4256,8708,8709],{},[3365,8710,6732],{},[4256,8712,8713],{},"Hash у назві = нова назва при змінах",[4238,8715,8716,8721,8723,8727],{},[4256,8717,8718],{},[3365,8719,8720],{},"static\u002Fcss\u002F*.def456.css",[4256,8722,8706],{},[4256,8724,8725],{},[3365,8726,6732],{},[4256,8728,8729],{},"Аналогічно",[4238,8731,8732,8738,8741,8745],{},[4256,8733,8734,8737],{},[3365,8735,8736],{},"favicon.ico",", зображення без hash",[4256,8739,8740],{},"Invalidation або короткий TTL",[4256,8742,8743],{},[3365,8744,4671],{},[4256,8746,8747],{},"Оновлюються рідко",[3353,8749,8750,8751,8753,8754,8756],{},"Логіка: ",[3365,8752,5487],{}," завжди свіжий (invalidation або ",[3365,8755,4294],{},") → він посилається на актуальні хешовані JS\u002FCSS → ті закешовані на рік → CloudFront витрачає bandwidth лише на дійсно змінені файли.",[4207,8758],{},[3348,8760,8762],{"id":8761},"практичний-приклад-react-spa-на-s3-cloudfront-https-від-а-до-я","Практичний приклад: React SPA на S3 + CloudFront + HTTPS від А до Я",[3357,8764,8766],{"id":8765},"передумови","Передумови",[3353,8768,8769,8770,8407,8773,8778,8779,3380],{},"Цей практичний приклад є ",[3373,8771,8772],{},"продовженням",[8774,8775,8777],"a",{"href":8776},"\u002F13.aws\u002F06.s3","Практичного прикладу з Модуля 6 — Amazon S3",". Якщо ви ще не проходили той модуль — поверніться до розділу «Практичний приклад: React SPA на S3 від А до Я» та виконайте всі кроки. Ми продовжуємо роботу з тим самим React застосунком та bucket ",[3365,8780,8781],{},"my-react-app-2024",[3353,8783,8784,8787,8788,8791,8792,8795],{},[3373,8785,8786],{},"Ключова архітектурна відмінність:"," у Модулі 6 bucket був ",[3373,8789,8790],{},"публічним"," — увімкнений S3 Static Website Hosting, відкрита Bucket Policy. У цьому прикладі переходимо на ",[3373,8793,8794],{},"приватну"," архітектуру з CloudFront + OAC — безпечніший production-підхід. Крок 1 цілком присвячений цьому переходу.",[3353,8797,8798],{},"Переконайтесь:",[4029,8800,8801],{},[3786,8802,8803,8804,4307],{},"AWS CLI встановлений та налаштований (",[3365,8805,8806],{},"aws configure",[5438,8808,8809,8812,8813,8818,8819,8821],{},[3373,8810,8811],{},"Важливо про регіони та CloudFront!"," ACM сертифікат для CloudFront ОБОВ'ЯЗКОВО повинен бути створений у регіоні ",[3373,8814,8815,8817],{},[3365,8816,6269],{}," (US East, N. Virginia)",", навіть якщо ваш S3 та решта інфраструктури у ",[3365,8820,3367],{},". Це глобальна вимога AWS — якщо сертифікат в іншому регіоні, він просто не з'явиться у списку при налаштуванні Distribution.",[4207,8823],{},[3357,8825,8827],{"id":8826},"крок-1-підготовка-s3-bucket-перехід-з-публічного-на-приватний","Крок 1: Підготовка S3 bucket — перехід з публічного на приватний",[3353,8829,8830,8831,8834,8835,8838,8839,8842,8843,8846],{},"У Модулі 6 bucket був публічним: увімкнено ",[3373,8832,8833],{},"S3 Static Website Hosting",", Bucket Policy дозволяла ",[3365,8836,8837],{},"s3:GetObject"," для ",[3365,8840,8841],{},"\"Principal\": \"*\"",". Для CloudFront + OAC це потрібно повністю прибрати — bucket має бути ",[3373,8844,8845],{},"закритим",", доступ тільки через CloudFront SigV4-підписаними запитами.",[3353,8848,8849],{},"Три обов'язкові дії:",[3396,8851,8853],{"className":4700,"code":8852,"language":4702,"meta":3401,"style":3401},"BUCKET=\"my-react-app-2024\"\n\n# 1. Вимкнути S3 Static Website Hosting (більше не потрібен — CloudFront сам роздає файли)\naws s3api delete-bucket-website \\\n    --bucket $BUCKET \\\n    --region eu-central-1\n\n# 2. Увімкнути Block Public Access\naws s3api put-public-access-block \\\n    --bucket $BUCKET \\\n    --public-access-block-configuration \\\n        \"BlockPublicAcls=true,IgnorePublicAcls=true,BlockPublicPolicy=true,RestrictPublicBuckets=true\" \\\n    --region eu-central-1\n\n# 3. Видалити публічну Bucket Policy (яка була для Static Website Hosting)\naws s3api delete-bucket-policy --bucket $BUCKET --region eu-central-1\n\necho \"Bucket $BUCKET тепер приватний. Перевіряємо файли...\"\naws s3 ls s3:\u002F\u002F$BUCKET\u002F --region eu-central-1\n",[3365,8854,8855,8866,8870,8875,8887,8897,8904,8908,8913,8924,8932,8939,8946,8952,8956,8961,8980,8984,8998],{"__ignoreMap":3401},[3405,8856,8857,8860,8863],{"class":3407,"line":3408},[3405,8858,8859],{"class":4855},"BUCKET",[3405,8861,8862],{"class":4603},"=",[3405,8864,8865],{"class":4621},"\"my-react-app-2024\"\n",[3405,8867,8868],{"class":3407,"line":3414},[3405,8869,3490],{"emptyLinePlaceholder":3489},[3405,8871,8872],{"class":3407,"line":3420},[3405,8873,8874],{"class":4709},"# 1. Вимкнути S3 Static Website Hosting (більше не потрібен — CloudFront сам роздає файли)\n",[3405,8876,8877,8879,8882,8885],{"class":3407,"line":3426},[3405,8878,4725],{"class":4724},[3405,8880,8881],{"class":4621}," s3api",[3405,8883,8884],{"class":4621}," delete-bucket-website",[3405,8886,4741],{"class":4740},[3405,8888,8889,8892,8895],{"class":3407,"line":3432},[3405,8890,8891],{"class":4617},"    --bucket",[3405,8893,8894],{"class":4855}," $BUCKET",[3405,8896,4741],{"class":4740},[3405,8898,8899,8901],{"class":3407,"line":3438},[3405,8900,8229],{"class":4617},[3405,8902,8903],{"class":4621}," eu-central-1\n",[3405,8905,8906],{"class":3407,"line":3444},[3405,8907,3490],{"emptyLinePlaceholder":3489},[3405,8909,8910],{"class":3407,"line":3450},[3405,8911,8912],{"class":4709},"# 2. Увімкнути Block Public Access\n",[3405,8914,8915,8917,8919,8922],{"class":3407,"line":3456},[3405,8916,4725],{"class":4724},[3405,8918,8881],{"class":4621},[3405,8920,8921],{"class":4621}," put-public-access-block",[3405,8923,4741],{"class":4740},[3405,8925,8926,8928,8930],{"class":3407,"line":3462},[3405,8927,8891],{"class":4617},[3405,8929,8894],{"class":4855},[3405,8931,4741],{"class":4740},[3405,8933,8934,8937],{"class":3407,"line":3468},[3405,8935,8936],{"class":4617},"    --public-access-block-configuration",[3405,8938,4741],{"class":4740},[3405,8940,8941,8944],{"class":3407,"line":3474},[3405,8942,8943],{"class":4621},"        \"BlockPublicAcls=true,IgnorePublicAcls=true,BlockPublicPolicy=true,RestrictPublicBuckets=true\"",[3405,8945,4741],{"class":4740},[3405,8947,8948,8950],{"class":3407,"line":3480},[3405,8949,8229],{"class":4617},[3405,8951,8903],{"class":4621},[3405,8953,8954],{"class":3407,"line":3486},[3405,8955,3490],{"emptyLinePlaceholder":3489},[3405,8957,8958],{"class":3407,"line":3493},[3405,8959,8960],{"class":4709},"# 3. Видалити публічну Bucket Policy (яка була для Static Website Hosting)\n",[3405,8962,8963,8965,8967,8970,8973,8975,8978],{"class":3407,"line":3499},[3405,8964,4725],{"class":4724},[3405,8966,8881],{"class":4621},[3405,8968,8969],{"class":4621}," delete-bucket-policy",[3405,8971,8972],{"class":4617}," --bucket",[3405,8974,8894],{"class":4855},[3405,8976,8977],{"class":4617}," --region",[3405,8979,8903],{"class":4621},[3405,8981,8982],{"class":3407,"line":3504},[3405,8983,3490],{"emptyLinePlaceholder":3489},[3405,8985,8986,8989,8992,8995],{"class":3407,"line":3510},[3405,8987,8988],{"class":4724},"echo",[3405,8990,8991],{"class":4621}," \"Bucket ",[3405,8993,8994],{"class":4855},"$BUCKET",[3405,8996,8997],{"class":4621}," тепер приватний. Перевіряємо файли...\"\n",[3405,8999,9000,9002,9004,9007,9010,9012,9015,9017],{"class":3407,"line":3516},[3405,9001,4725],{"class":4724},[3405,9003,4728],{"class":4621},[3405,9005,9006],{"class":4621}," ls",[3405,9008,9009],{"class":4621}," s3:\u002F\u002F",[3405,9011,8994],{"class":4855},[3405,9013,9014],{"class":4621},"\u002F",[3405,9016,8977],{"class":4617},[3405,9018,8903],{"class":4621},[9020,9021,9023,9035,9039,9043,9047,9051],"terminal-preview",{"title":9022},"Перевірка файлів у bucket",[9024,9025,9027,8407,9032],"div",{"className":9026},[3407],[3405,9028,9031],{"className":9029},[9030],"opacity-40","$",[3373,9033,9034],{},"aws s3 ls s3:\u002F\u002Fmy-react-app-2024\u002F",[9024,9036,9038],{"className":9037},[3407],"                           PRE static\u002F",[9024,9040,9042],{"className":9041},[3407],"2024-01-15 10:30:00      1024 index.html",[9024,9044,9046],{"className":9045},[3407],"2024-01-15 10:30:00      3442 favicon.ico",[9024,9048,9050],{"className":9049},[3407],"2024-01-15 10:30:00       492 asset-manifest.json",[9024,9052,9054],{"className":9053},[3407],"2024-01-15 10:30:00       671 robots.txt",[3353,9056,9057,9058,9061,9062,9065],{},"Після цих дій стара адреса ",[3365,9059,9060],{},"http:\u002F\u002Fmy-react-app-2024.s3-website.eu-central-1.amazonaws.com\u002F"," повертатиме ",[3373,9063,9064],{},"403 Forbidden"," — це очікувана поведінка. Прямий доступ до S3 більше не працює, і це правильно.",[9067,9068,9069,9070,9073,9074,9077],"note",{},"Якщо ",[3365,9071,9072],{},"aws s3 ls"," нічого не виводить — bucket порожній. Поверніться до Модуля 6 і виконайте ",[3365,9075,9076],{},"npm run build && aws s3 sync .\u002Fbuild s3:\u002F\u002Fmy-react-app-2024\u002F --delete --region eu-central-1",", потім повертайтесь сюди.",[4207,9079],{},[3357,9081,9083],{"id":9082},"крок-2-створення-cloudfront-distribution","Крок 2: Створення CloudFront Distribution",[9085,9086,9087,9257],"tabs",{},[9088,9089,9091,9105,9110,9146,9151,9177,9182,9223],"tabs-item",{"label":9090},"AWS Console",[3783,9092,9093,9099],{},[3786,9094,9095,9096,9098],{},"Відкрийте ",[3373,9097,3969],{}," у AWS Console",[3786,9100,9101,9102],{},"Натисніть ",[3373,9103,9104],{},"Create distribution",[3353,9106,9107],{},[3373,9108,9109],{},"Origin settings:",[4029,9111,9112,9121,9131,9143],{},[3786,9113,9114,9117,9118],{},[3373,9115,9116],{},"Origin domain:"," у dropdown оберіть ваш S3 bucket ",[3365,9119,9120],{},"my-react-app-2024.s3.eu-central-1.amazonaws.com",[3786,9122,9123,9126,9127,9130],{},[3373,9124,9125],{},"Origin access:"," оберіть ",[3373,9128,9129],{},"Origin access control settings (recommended)"," (це OAC, не OAI!)",[3786,9132,9101,9133,9136,9137,8342,9140],{},[3373,9134,9135],{},"Create new OAC"," → Name: ",[3365,9138,9139],{},"my-react-app-oac",[3373,9141,9142],{},"Create",[3786,9144,9145],{},"AWS покаже жовте попередження «You must update the S3 bucket policy» — це нормально, зробимо це пізніше",[3353,9147,9148],{},[3373,9149,9150],{},"Default cache behavior:",[4029,9152,9153,9165,9171],{},[3786,9154,9155,8407,9158,8407,9161],{},[3373,9156,9157],{},"Viewer protocol policy:",[3365,9159,9160],{},"Redirect HTTP to HTTPS",[9162,9163,9164],"em",{},"(автоматично перенаправляти з http на https)",[3786,9166,9167,9170],{},[3373,9168,9169],{},"Allowed HTTP methods:"," GET, HEAD",[3786,9172,9173,9176],{},[3373,9174,9175],{},"Compress objects automatically:"," Yes",[3353,9178,9179],{},[3373,9180,9181],{},"Settings:",[4029,9183,9184,9195,9201,9211],{},[3786,9185,9186,8407,9189,8407,9192],{},[3373,9187,9188],{},"Price class:",[3365,9190,9191],{},"Use only North America, Europe, Asia, Middle East, and Africa",[9162,9193,9194],{},"(дешевше за All Edge Locations — ваша аудиторія переважно в цих регіонах)",[3786,9196,9197,9200],{},[3373,9198,9199],{},"Alternate domain names (CNAMEs):"," залиште порожнім поки що (додамо пізніше після отримання сертифіката)",[3786,9202,9203,9206,9207,9210],{},[3373,9204,9205],{},"Custom SSL certificate:"," залиште ",[3365,9208,9209],{},"Default CloudFront certificate"," поки що",[3786,9212,9213,8407,9216,8407,9218],{},[3373,9214,9215],{},"Default root object:",[3365,9217,5487],{},[9162,9219,9220,9221,4307],{},"(що повертати при запиті ",[3365,9222,9014],{},[3783,9224,9225,9229,9242,9250],{"start":3420},[3786,9226,9101,9227],{},[3373,9228,9104],{},[3786,9230,9231,9234,9235,9238,9239],{},[3373,9232,9233],{},"Зачекайте 5–15 хвилин"," поки Distribution розгорнеться на всіх edge locations. Статус зміниться з ",[3365,9236,9237],{},"In Progress"," на ",[3365,9240,9241],{},"Deployed",[3786,9243,9244,9245,6062,9248],{},"Запишіть ",[3373,9246,9247],{},"Distribution domain name",[3365,9249,5636],{},[3786,9251,9244,9252,6062,9254,9256],{},[3373,9253,5642],{},[3365,9255,5646],{}," (знадобиться для CLI команд)",[9088,9258,9260],{"label":9259},"AWS CLI",[3396,9261,9263],{"className":4700,"code":9262,"language":4702,"meta":3401,"style":3401},"BUCKET=\"my-react-app-2024\"\nREGION=\"eu-central-1\"\n\n# Крок 2a: Створити OAC (Origin Access Control)\nOAC_ID=$(aws cloudfront create-origin-access-control \\\n    --origin-access-control-config '{\n        \"Name\": \"my-react-app-oac\",\n        \"OriginAccessControlOriginType\": \"s3\",\n        \"SigningBehavior\": \"always\",\n        \"SigningProtocol\": \"sigv4\"\n    }' \\\n    --query \"OriginAccessControl.Id\" --output text)\necho \"OAC ID: $OAC_ID\"\n\n# Крок 2b: Створити Distribution\nDIST_OUTPUT=$(aws cloudfront create-distribution \\\n    --distribution-config '{\n        \"CallerReference\": \"react-spa-'$(date +%s)'\",\n        \"Comment\": \"React SPA distribution\",\n        \"DefaultRootObject\": \"index.html\",\n        \"Origins\": {\n            \"Quantity\": 1,\n            \"Items\": [{\n                \"Id\": \"S3Origin\",\n                \"DomainName\": \"'$BUCKET'.s3.'$REGION'.amazonaws.com\",\n                \"S3OriginConfig\": {\"OriginAccessIdentity\": \"\"},\n                \"OriginAccessControlId\": \"'$OAC_ID'\"\n            }]\n        },\n        \"DefaultCacheBehavior\": {\n            \"TargetOriginId\": \"S3Origin\",\n            \"ViewerProtocolPolicy\": \"redirect-to-https\",\n            \"CachePolicyId\": \"658327ea-f89d-4fab-a63d-7e88639e58f6\",\n            \"Compress\": true,\n            \"AllowedMethods\": {\n                \"Quantity\": 2,\n                \"Items\": [\"GET\", \"HEAD\"],\n                \"CachedMethods\": {\"Quantity\": 2, \"Items\": [\"GET\", \"HEAD\"]}\n            }\n        },\n        \"Enabled\": true,\n        \"PriceClass\": \"PriceClass_200\",\n        \"HttpVersion\": \"http2and3\"\n    }')\n\nDIST_ID=$(echo $DIST_OUTPUT | python3 -c \"import sys,json; d=json.load(sys.stdin); print(d['Distribution']['Id'])\")\nDIST_DOMAIN=$(echo $DIST_OUTPUT | python3 -c \"import sys,json; d=json.load(sys.stdin); print(d['Distribution']['DomainName'])\")\necho \"Distribution ID: $DIST_ID\"\necho \"Distribution Domain: $DIST_DOMAIN\"\n",[3365,9264,9265,9273,9283,9287,9292,9309,9317,9322,9327,9332,9337,9344,9360,9373,9377,9382,9398,9405,9424,9429,9434,9439,9444,9449,9454,9470,9475,9485,9490,9495,9500,9505,9510,9515,9520,9525,9530,9535,9540,9544,9548,9553,9558,9563,9569,9573,9599,9621,9633],{"__ignoreMap":3401},[3405,9266,9267,9269,9271],{"class":3407,"line":3408},[3405,9268,8859],{"class":4855},[3405,9270,8862],{"class":4603},[3405,9272,8865],{"class":4621},[3405,9274,9275,9278,9280],{"class":3407,"line":3414},[3405,9276,9277],{"class":4855},"REGION",[3405,9279,8862],{"class":4603},[3405,9281,9282],{"class":4621},"\"eu-central-1\"\n",[3405,9284,9285],{"class":3407,"line":3420},[3405,9286,3490],{"emptyLinePlaceholder":3489},[3405,9288,9289],{"class":3407,"line":3426},[3405,9290,9291],{"class":4709},"# Крок 2a: Створити OAC (Origin Access Control)\n",[3405,9293,9294,9297,9300,9302,9304,9307],{"class":3407,"line":3432},[3405,9295,9296],{"class":4855},"OAC_ID",[3405,9298,9299],{"class":4603},"=$(",[3405,9301,4725],{"class":4724},[3405,9303,8199],{"class":4621},[3405,9305,9306],{"class":4621}," create-origin-access-control",[3405,9308,4741],{"class":4740},[3405,9310,9311,9314],{"class":3407,"line":3438},[3405,9312,9313],{"class":4617},"    --origin-access-control-config",[3405,9315,9316],{"class":4621}," '{\n",[3405,9318,9319],{"class":3407,"line":3444},[3405,9320,9321],{"class":4621},"        \"Name\": \"my-react-app-oac\",\n",[3405,9323,9324],{"class":3407,"line":3450},[3405,9325,9326],{"class":4621},"        \"OriginAccessControlOriginType\": \"s3\",\n",[3405,9328,9329],{"class":3407,"line":3456},[3405,9330,9331],{"class":4621},"        \"SigningBehavior\": \"always\",\n",[3405,9333,9334],{"class":3407,"line":3462},[3405,9335,9336],{"class":4621},"        \"SigningProtocol\": \"sigv4\"\n",[3405,9338,9339,9342],{"class":3407,"line":3468},[3405,9340,9341],{"class":4621},"    }'",[3405,9343,4741],{"class":4740},[3405,9345,9346,9349,9352,9355,9358],{"class":3407,"line":3474},[3405,9347,9348],{"class":4617},"    --query",[3405,9350,9351],{"class":4621}," \"OriginAccessControl.Id\"",[3405,9353,9354],{"class":4617}," --output",[3405,9356,9357],{"class":4621}," text",[3405,9359,5048],{"class":4603},[3405,9361,9362,9364,9367,9370],{"class":3407,"line":3480},[3405,9363,8988],{"class":4724},[3405,9365,9366],{"class":4621}," \"OAC ID: ",[3405,9368,9369],{"class":4855},"$OAC_ID",[3405,9371,9372],{"class":4621},"\"\n",[3405,9374,9375],{"class":3407,"line":3486},[3405,9376,3490],{"emptyLinePlaceholder":3489},[3405,9378,9379],{"class":3407,"line":3493},[3405,9380,9381],{"class":4709},"# Крок 2b: Створити Distribution\n",[3405,9383,9384,9387,9389,9391,9393,9396],{"class":3407,"line":3499},[3405,9385,9386],{"class":4855},"DIST_OUTPUT",[3405,9388,9299],{"class":4603},[3405,9390,4725],{"class":4724},[3405,9392,8199],{"class":4621},[3405,9394,9395],{"class":4621}," create-distribution",[3405,9397,4741],{"class":4740},[3405,9399,9400,9403],{"class":3407,"line":3504},[3405,9401,9402],{"class":4617},"    --distribution-config",[3405,9404,9316],{"class":4621},[3405,9406,9407,9410,9413,9416,9419,9421],{"class":3407,"line":3510},[3405,9408,9409],{"class":4621},"        \"CallerReference\": \"react-spa-'",[3405,9411,9412],{"class":4603},"$(",[3405,9414,9415],{"class":4724},"date",[3405,9417,9418],{"class":4621}," +%s",[3405,9420,4307],{"class":4603},[3405,9422,9423],{"class":4621},"'\",\n",[3405,9425,9426],{"class":3407,"line":3516},[3405,9427,9428],{"class":4621},"        \"Comment\": \"React SPA distribution\",\n",[3405,9430,9431],{"class":3407,"line":3522},[3405,9432,9433],{"class":4621},"        \"DefaultRootObject\": \"index.html\",\n",[3405,9435,9436],{"class":3407,"line":3527},[3405,9437,9438],{"class":4621},"        \"Origins\": {\n",[3405,9440,9441],{"class":3407,"line":3533},[3405,9442,9443],{"class":4621},"            \"Quantity\": 1,\n",[3405,9445,9446],{"class":3407,"line":3539},[3405,9447,9448],{"class":4621},"            \"Items\": [{\n",[3405,9450,9451],{"class":3407,"line":3545},[3405,9452,9453],{"class":4621},"                \"Id\": \"S3Origin\",\n",[3405,9455,9456,9459,9461,9464,9467],{"class":3407,"line":3551},[3405,9457,9458],{"class":4621},"                \"DomainName\": \"'",[3405,9460,8994],{"class":4855},[3405,9462,9463],{"class":4621},"'.s3.'",[3405,9465,9466],{"class":4855},"$REGION",[3405,9468,9469],{"class":4621},"'.amazonaws.com\",\n",[3405,9471,9472],{"class":3407,"line":3556},[3405,9473,9474],{"class":4621},"                \"S3OriginConfig\": {\"OriginAccessIdentity\": \"\"},\n",[3405,9476,9477,9480,9482],{"class":3407,"line":3562},[3405,9478,9479],{"class":4621},"                \"OriginAccessControlId\": \"'",[3405,9481,9369],{"class":4855},[3405,9483,9484],{"class":4621},"'\"\n",[3405,9486,9487],{"class":3407,"line":3568},[3405,9488,9489],{"class":4621},"            }]\n",[3405,9491,9492],{"class":3407,"line":3574},[3405,9493,9494],{"class":4621},"        },\n",[3405,9496,9497],{"class":3407,"line":3579},[3405,9498,9499],{"class":4621},"        \"DefaultCacheBehavior\": {\n",[3405,9501,9502],{"class":3407,"line":3585},[3405,9503,9504],{"class":4621},"            \"TargetOriginId\": \"S3Origin\",\n",[3405,9506,9507],{"class":3407,"line":3590},[3405,9508,9509],{"class":4621},"            \"ViewerProtocolPolicy\": \"redirect-to-https\",\n",[3405,9511,9512],{"class":3407,"line":3596},[3405,9513,9514],{"class":4621},"            \"CachePolicyId\": \"658327ea-f89d-4fab-a63d-7e88639e58f6\",\n",[3405,9516,9517],{"class":3407,"line":3601},[3405,9518,9519],{"class":4621},"            \"Compress\": true,\n",[3405,9521,9522],{"class":3407,"line":3607},[3405,9523,9524],{"class":4621},"            \"AllowedMethods\": {\n",[3405,9526,9527],{"class":3407,"line":3612},[3405,9528,9529],{"class":4621},"                \"Quantity\": 2,\n",[3405,9531,9532],{"class":3407,"line":3618},[3405,9533,9534],{"class":4621},"                \"Items\": [\"GET\", \"HEAD\"],\n",[3405,9536,9537],{"class":3407,"line":3623},[3405,9538,9539],{"class":4621},"                \"CachedMethods\": {\"Quantity\": 2, \"Items\": [\"GET\", \"HEAD\"]}\n",[3405,9541,9542],{"class":3407,"line":3629},[3405,9543,5075],{"class":4621},[3405,9545,9546],{"class":3407,"line":3634},[3405,9547,9494],{"class":4621},[3405,9549,9550],{"class":3407,"line":3640},[3405,9551,9552],{"class":4621},"        \"Enabled\": true,\n",[3405,9554,9555],{"class":3407,"line":3645},[3405,9556,9557],{"class":4621},"        \"PriceClass\": \"PriceClass_200\",\n",[3405,9559,9560],{"class":3407,"line":3651},[3405,9561,9562],{"class":4621},"        \"HttpVersion\": \"http2and3\"\n",[3405,9564,9565,9567],{"class":3407,"line":3656},[3405,9566,9341],{"class":4621},[3405,9568,5048],{"class":4603},[3405,9570,9571],{"class":3407,"line":3662},[3405,9572,3490],{"emptyLinePlaceholder":3489},[3405,9574,9575,9578,9580,9582,9585,9588,9591,9594,9597],{"class":3407,"line":3667},[3405,9576,9577],{"class":4855},"DIST_ID",[3405,9579,9299],{"class":4603},[3405,9581,8988],{"class":4724},[3405,9583,9584],{"class":4855}," $DIST_OUTPUT",[3405,9586,9587],{"class":4603}," | ",[3405,9589,9590],{"class":4724},"python3",[3405,9592,9593],{"class":4617}," -c",[3405,9595,9596],{"class":4621}," \"import sys,json; d=json.load(sys.stdin); print(d['Distribution']['Id'])\"",[3405,9598,5048],{"class":4603},[3405,9600,9601,9604,9606,9608,9610,9612,9614,9616,9619],{"class":3407,"line":3673},[3405,9602,9603],{"class":4855},"DIST_DOMAIN",[3405,9605,9299],{"class":4603},[3405,9607,8988],{"class":4724},[3405,9609,9584],{"class":4855},[3405,9611,9587],{"class":4603},[3405,9613,9590],{"class":4724},[3405,9615,9593],{"class":4617},[3405,9617,9618],{"class":4621}," \"import sys,json; d=json.load(sys.stdin); print(d['Distribution']['DomainName'])\"",[3405,9620,5048],{"class":4603},[3405,9622,9623,9625,9628,9631],{"class":3407,"line":3679},[3405,9624,8988],{"class":4724},[3405,9626,9627],{"class":4621}," \"Distribution ID: ",[3405,9629,9630],{"class":4855},"$DIST_ID",[3405,9632,9372],{"class":4621},[3405,9634,9635,9637,9640,9643],{"class":3407,"line":3685},[3405,9636,8988],{"class":4724},[3405,9638,9639],{"class":4621}," \"Distribution Domain: ",[3405,9641,9642],{"class":4855},"$DIST_DOMAIN",[3405,9644,9372],{"class":4621},[4207,9646],{},[3357,9648,9650],{"id":9649},"крок-3-оновлення-s3-bucket-policy-для-oac","Крок 3: Оновлення S3 Bucket Policy для OAC",[3353,9652,9653],{},"Після створення Distribution і OAC — потрібно надати CloudFront доступ до закритого bucket:",[9085,9655,9656,9692],{},[9088,9657,9658],{"label":9090},[3783,9659,9660,9670,9686],{},[3786,9661,9662,9663,9666,9667],{},"AWS Console покаже банер: ",[3373,9664,9665],{},"«The S3 bucket policy needs to be updated»"," → натисніть ",[3373,9668,9669],{},"Copy policy",[3786,9671,9672,9673,8342,9675,8342,9677,8342,9680,8342,9683],{},"Перейдіть у ",[3373,9674,6727],{},[3365,9676,8781],{},[3373,9678,9679],{},"Permissions",[3373,9681,9682],{},"Bucket policy",[3373,9684,9685],{},"Edit",[3786,9687,9688,9689],{},"Вставте скопійовану Policy → ",[3373,9690,9691],{},"Save changes",[9088,9693,9694],{"label":9259},[3396,9695,9697],{"className":4700,"code":9696,"language":4702,"meta":3401,"style":3401},"# ЗАМІНІТЬ EDFDVBD6EXAMPLE на ваш реальний Distribution ID\n# ЗАМІНІТЬ 123456789012 на ваш реальний Account ID\nDIST_ID=\"EDFDVBD6EXAMPLE\"\nACCOUNT_ID=\"123456789012\"\n\ncat > \u002Ftmp\u002Fcf-bucket-policy.json \u003C\u003C EOF\n{\n    \"Version\": \"2012-10-17\",\n    \"Statement\": [{\n        \"Sid\": \"AllowCloudFrontServicePrincipal\",\n        \"Effect\": \"Allow\",\n        \"Principal\": {\n            \"Service\": \"cloudfront.amazonaws.com\"\n        },\n        \"Action\": \"s3:GetObject\",\n        \"Resource\": \"arn:aws:s3:::$BUCKET\u002F*\",\n        \"Condition\": {\n            \"StringEquals\": {\n                \"AWS:SourceArn\": \"arn:aws:cloudfront::$ACCOUNT_ID:distribution\u002F$DIST_ID\"\n            }\n        }\n    }]\n}\nEOF\n\naws s3api put-bucket-policy \\\n    --bucket $BUCKET \\\n    --policy file:\u002F\u002F\u002Ftmp\u002Fcf-bucket-policy.json \\\n    --region eu-central-1\n",[3365,9698,9699,9704,9709,9718,9728,9732,9748,9752,9757,9762,9767,9772,9777,9782,9786,9791,9801,9806,9811,9826,9830,9834,9839,9843,9847,9851,9862,9870,9880],{"__ignoreMap":3401},[3405,9700,9701],{"class":3407,"line":3408},[3405,9702,9703],{"class":4709},"# ЗАМІНІТЬ EDFDVBD6EXAMPLE на ваш реальний Distribution ID\n",[3405,9705,9706],{"class":3407,"line":3414},[3405,9707,9708],{"class":4709},"# ЗАМІНІТЬ 123456789012 на ваш реальний Account ID\n",[3405,9710,9711,9713,9715],{"class":3407,"line":3420},[3405,9712,9577],{"class":4855},[3405,9714,8862],{"class":4603},[3405,9716,9717],{"class":4621},"\"EDFDVBD6EXAMPLE\"\n",[3405,9719,9720,9723,9725],{"class":3407,"line":3426},[3405,9721,9722],{"class":4855},"ACCOUNT_ID",[3405,9724,8862],{"class":4603},[3405,9726,9727],{"class":4621},"\"123456789012\"\n",[3405,9729,9730],{"class":3407,"line":3432},[3405,9731,3490],{"emptyLinePlaceholder":3489},[3405,9733,9734,9737,9739,9742,9745],{"class":3407,"line":3438},[3405,9735,9736],{"class":4724},"cat",[3405,9738,5042],{"class":4603},[3405,9740,9741],{"class":4621},"\u002Ftmp\u002Fcf-bucket-policy.json",[3405,9743,9744],{"class":4603}," \u003C\u003C ",[3405,9746,9747],{"class":4603},"EOF\n",[3405,9749,9750],{"class":3407,"line":3444},[3405,9751,4876],{"class":4621},[3405,9753,9754],{"class":3407,"line":3450},[3405,9755,9756],{"class":4621},"    \"Version\": \"2012-10-17\",\n",[3405,9758,9759],{"class":3407,"line":3456},[3405,9760,9761],{"class":4621},"    \"Statement\": [{\n",[3405,9763,9764],{"class":3407,"line":3462},[3405,9765,9766],{"class":4621},"        \"Sid\": \"AllowCloudFrontServicePrincipal\",\n",[3405,9768,9769],{"class":3407,"line":3468},[3405,9770,9771],{"class":4621},"        \"Effect\": \"Allow\",\n",[3405,9773,9774],{"class":3407,"line":3474},[3405,9775,9776],{"class":4621},"        \"Principal\": {\n",[3405,9778,9779],{"class":3407,"line":3480},[3405,9780,9781],{"class":4621},"            \"Service\": \"cloudfront.amazonaws.com\"\n",[3405,9783,9784],{"class":3407,"line":3486},[3405,9785,9494],{"class":4621},[3405,9787,9788],{"class":3407,"line":3493},[3405,9789,9790],{"class":4621},"        \"Action\": \"s3:GetObject\",\n",[3405,9792,9793,9796,9798],{"class":3407,"line":3499},[3405,9794,9795],{"class":4621},"        \"Resource\": \"arn:aws:s3:::",[3405,9797,8994],{"class":4855},[3405,9799,9800],{"class":4621},"\u002F*\",\n",[3405,9802,9803],{"class":3407,"line":3504},[3405,9804,9805],{"class":4621},"        \"Condition\": {\n",[3405,9807,9808],{"class":3407,"line":3510},[3405,9809,9810],{"class":4621},"            \"StringEquals\": {\n",[3405,9812,9813,9816,9819,9822,9824],{"class":3407,"line":3516},[3405,9814,9815],{"class":4621},"                \"AWS:SourceArn\": \"arn:aws:cloudfront::",[3405,9817,9818],{"class":4855},"$ACCOUNT_ID",[3405,9820,9821],{"class":4621},":distribution\u002F",[3405,9823,9630],{"class":4855},[3405,9825,9372],{"class":4621},[3405,9827,9828],{"class":3407,"line":3522},[3405,9829,5075],{"class":4621},[3405,9831,9832],{"class":3407,"line":3527},[3405,9833,5112],{"class":4621},[3405,9835,9836],{"class":3407,"line":3533},[3405,9837,9838],{"class":4621},"    }]\n",[3405,9840,9841],{"class":3407,"line":3539},[3405,9842,3483],{"class":4621},[3405,9844,9845],{"class":3407,"line":3545},[3405,9846,9747],{"class":4603},[3405,9848,9849],{"class":3407,"line":3551},[3405,9850,3490],{"emptyLinePlaceholder":3489},[3405,9852,9853,9855,9857,9860],{"class":3407,"line":3556},[3405,9854,4725],{"class":4724},[3405,9856,8881],{"class":4621},[3405,9858,9859],{"class":4621}," put-bucket-policy",[3405,9861,4741],{"class":4740},[3405,9863,9864,9866,9868],{"class":3407,"line":3562},[3405,9865,8891],{"class":4617},[3405,9867,8894],{"class":4855},[3405,9869,4741],{"class":4740},[3405,9871,9872,9875,9878],{"class":3407,"line":3568},[3405,9873,9874],{"class":4617},"    --policy",[3405,9876,9877],{"class":4621}," file:\u002F\u002F\u002Ftmp\u002Fcf-bucket-policy.json",[3405,9879,4741],{"class":4740},[3405,9881,9882,9884],{"class":3407,"line":3574},[3405,9883,8229],{"class":4617},[3405,9885,8903],{"class":4621},[3353,9887,9888],{},"Тепер перевіримо, що CloudFront роздає ваш React додаток:",[9020,9890,9892,9901,9905,9909,9917,9921,9924,9932,9935],{"title":9891},"Тест CloudFront domain",[9024,9893,9895,8407,9898],{"className":9894},[3407],[3405,9896,9031],{"className":9897},[9030],[3373,9899,9900],{},"curl -I https:\u002F\u002Fd1234abcd.cloudfront.net\u002F",[9024,9902,9904],{"className":9903},[3407],"HTTP\u002F2 200",[9024,9906,9908],{"className":9907},[3407],"content-type: text\u002Fhtml",[9024,9910,9912],{"className":9911},[3407],[3405,9913,9916],{"className":9914},[9915],"text-green-400","x-cache: Miss from cloudfront",[9024,9918,9920],{"className":9919},[3407],"via: 1.1 abc123.cloudfront.net (CloudFront)",[9024,9922],{"className":9923},[3407],[9024,9925,9927,8407,9930],{"className":9926},[3407],[3405,9928,9031],{"className":9929},[9030],[3373,9931,9900],{},[9024,9933,9904],{"className":9934},[3407],[9024,9936,9938],{"className":9937},[3407],[3405,9939,9941],{"className":9940},[9915],"x-cache: Hit from cloudfront",[3353,9943,9944,9946,9947,9949],{},[3365,9945,9916],{}," — перший запит, брав з S3. ",[3365,9948,9941],{}," — повторний запит, відповів з кешу.",[4207,9951],{},[3357,9953,9955],{"id":9954},"крок-4-custom-error-pages-для-react-router","Крок 4: Custom Error Pages для React Router",[3353,9957,9958,9959,9962,9963,9965,9966,9968],{},"React Router використовує client-side navigation — маршрути обробляє JavaScript у браузері, а не сервер. Проблема: якщо користувач відкриє ",[3365,9960,9961],{},"https:\u002F\u002Fyoursite.com\u002Fabout"," напряму або перезавантажить сторінку — CloudFront звернеться до S3 за файлом ",[3365,9964,7630],{},". Оскільки bucket приватний з OAC, S3 повертає ",[3373,9967,9064],{}," для будь-якого відсутнього об'єкта (не 404!). Це навмисна поведінка S3: не розкривати, які об'єкти існують, а які ні. CloudFront передає цей 403 браузеру — і замість React-додатку користувач бачить помилку.",[3353,9970,9971,9974,9975,9977],{},[3373,9972,9973],{},"Custom Error Pages"," вирішують це: CloudFront перехоплює 403\u002F404 від Origin і відповідає клієнту вмістом ",[3365,9976,7645],{}," зі статусом 200. Браузер завантажує React, React Router читає URL і рендерить правильну сторінку.",[9085,9979,9980,10025],{},[9088,9981,9982],{"label":9090},[3783,9983,9984,9990,10019],{},[3786,9985,9986,9987],{},"CloudFront → ваш Distribution → вкладка ",[3373,9988,9989],{},"Error pages",[3786,9991,9992,9995,9996],{},[3373,9993,9994],{},"Create custom error response",":\n",[4029,9997,9998,10003,10008,10013],{},[3786,9999,10000,10001],{},"HTTP error code: ",[3373,10002,6256],{},[3786,10004,10005,10006],{},"Customize error response: ",[3373,10007,6738],{},[3786,10009,10010,10011],{},"Response page path: ",[3365,10012,7645],{},[3786,10014,10015,10016],{},"HTTP response code: ",[3373,10017,10018],{},"200",[3786,10020,10021,10022],{},"Повторіть для ",[3373,10023,10024],{},"404",[9088,10026,10027],{"label":9259},[3396,10028,10030],{"className":4700,"code":10029,"language":4702,"meta":3401,"style":3401},"# Крок 4a: Отримати поточний конфіг та ETag\nDIST_JSON=$(aws cloudfront get-distribution-config \\\n    --id $DIST_ID --region us-east-1)\nETAG=$(echo $DIST_JSON | python3 -c \"import sys,json; print(json.load(sys.stdin)['ETag'])\")\n\n# Крок 4b: Додати CustomErrorResponses до конфігу\necho $DIST_JSON | python3 -c \"\nimport sys, json\nd = json.load(sys.stdin)\nconfig = d['DistributionConfig']\nconfig['CustomErrorResponses'] = {\n    'Quantity': 2,\n    'Items': [\n        {\n            'ErrorCode': 403,\n            'ResponsePagePath': '\u002Findex.html',\n            'ResponseCode': '200',\n            'ErrorCachingMinTTL': 10\n        },\n        {\n            'ErrorCode': 404,\n            'ResponsePagePath': '\u002Findex.html',\n            'ResponseCode': '200',\n            'ErrorCachingMinTTL': 10\n        }\n    ]\n}\nprint(json.dumps(config))\n\" > \u002Ftmp\u002Fcf-error-config.json\n\n# Крок 4c: Застосувати зміни\naws cloudfront update-distribution \\\n    --id $DIST_ID \\\n    --distribution-config file:\u002F\u002F\u002Ftmp\u002Fcf-error-config.json \\\n    --if-match $ETAG \\\n    --region us-east-1\n\necho \"Custom error pages налаштовано. Зачекайте ~3 хв на розгортання.\"\n",[3365,10031,10032,10037,10053,10068,10091,10095,10100,10115,10120,10125,10130,10135,10140,10145,10149,10154,10159,10164,10169,10173,10177,10182,10186,10190,10194,10198,10202,10206,10211,10221,10225,10230,10241,10249,10258,10268,10274,10278],{"__ignoreMap":3401},[3405,10033,10034],{"class":3407,"line":3408},[3405,10035,10036],{"class":4709},"# Крок 4a: Отримати поточний конфіг та ETag\n",[3405,10038,10039,10042,10044,10046,10048,10051],{"class":3407,"line":3414},[3405,10040,10041],{"class":4855},"DIST_JSON",[3405,10043,9299],{"class":4603},[3405,10045,4725],{"class":4724},[3405,10047,8199],{"class":4621},[3405,10049,10050],{"class":4621}," get-distribution-config",[3405,10052,4741],{"class":4740},[3405,10054,10055,10058,10061,10063,10066],{"class":3407,"line":3420},[3405,10056,10057],{"class":4617},"    --id",[3405,10059,10060],{"class":4855}," $DIST_ID",[3405,10062,8977],{"class":4617},[3405,10064,10065],{"class":4621}," us-east-1",[3405,10067,5048],{"class":4603},[3405,10069,10070,10073,10075,10077,10080,10082,10084,10086,10089],{"class":3407,"line":3426},[3405,10071,10072],{"class":4855},"ETAG",[3405,10074,9299],{"class":4603},[3405,10076,8988],{"class":4724},[3405,10078,10079],{"class":4855}," $DIST_JSON",[3405,10081,9587],{"class":4603},[3405,10083,9590],{"class":4724},[3405,10085,9593],{"class":4617},[3405,10087,10088],{"class":4621}," \"import sys,json; print(json.load(sys.stdin)['ETag'])\"",[3405,10090,5048],{"class":4603},[3405,10092,10093],{"class":3407,"line":3432},[3405,10094,3490],{"emptyLinePlaceholder":3489},[3405,10096,10097],{"class":3407,"line":3438},[3405,10098,10099],{"class":4709},"# Крок 4b: Додати CustomErrorResponses до конфігу\n",[3405,10101,10102,10104,10106,10108,10110,10112],{"class":3407,"line":3444},[3405,10103,8988],{"class":4724},[3405,10105,10079],{"class":4855},[3405,10107,9587],{"class":4603},[3405,10109,9590],{"class":4724},[3405,10111,9593],{"class":4617},[3405,10113,10114],{"class":4621}," \"\n",[3405,10116,10117],{"class":3407,"line":3450},[3405,10118,10119],{"class":4621},"import sys, json\n",[3405,10121,10122],{"class":3407,"line":3456},[3405,10123,10124],{"class":4621},"d = json.load(sys.stdin)\n",[3405,10126,10127],{"class":3407,"line":3462},[3405,10128,10129],{"class":4621},"config = d['DistributionConfig']\n",[3405,10131,10132],{"class":3407,"line":3468},[3405,10133,10134],{"class":4621},"config['CustomErrorResponses'] = {\n",[3405,10136,10137],{"class":3407,"line":3474},[3405,10138,10139],{"class":4621},"    'Quantity': 2,\n",[3405,10141,10142],{"class":3407,"line":3480},[3405,10143,10144],{"class":4621},"    'Items': [\n",[3405,10146,10147],{"class":3407,"line":3486},[3405,10148,4996],{"class":4621},[3405,10150,10151],{"class":3407,"line":3493},[3405,10152,10153],{"class":4621},"            'ErrorCode': 403,\n",[3405,10155,10156],{"class":3407,"line":3499},[3405,10157,10158],{"class":4621},"            'ResponsePagePath': '\u002Findex.html',\n",[3405,10160,10161],{"class":3407,"line":3504},[3405,10162,10163],{"class":4621},"            'ResponseCode': '200',\n",[3405,10165,10166],{"class":3407,"line":3510},[3405,10167,10168],{"class":4621},"            'ErrorCachingMinTTL': 10\n",[3405,10170,10171],{"class":3407,"line":3516},[3405,10172,9494],{"class":4621},[3405,10174,10175],{"class":3407,"line":3522},[3405,10176,4996],{"class":4621},[3405,10178,10179],{"class":3407,"line":3527},[3405,10180,10181],{"class":4621},"            'ErrorCode': 404,\n",[3405,10183,10184],{"class":3407,"line":3533},[3405,10185,10158],{"class":4621},[3405,10187,10188],{"class":3407,"line":3539},[3405,10189,10163],{"class":4621},[3405,10191,10192],{"class":3407,"line":3545},[3405,10193,10168],{"class":4621},[3405,10195,10196],{"class":3407,"line":3551},[3405,10197,5112],{"class":4621},[3405,10199,10200],{"class":3407,"line":3556},[3405,10201,6154],{"class":4621},[3405,10203,10204],{"class":3407,"line":3562},[3405,10205,3483],{"class":4621},[3405,10207,10208],{"class":3407,"line":3568},[3405,10209,10210],{"class":4621},"print(json.dumps(config))\n",[3405,10212,10213,10216,10218],{"class":3407,"line":3574},[3405,10214,10215],{"class":4621},"\"",[3405,10217,5042],{"class":4603},[3405,10219,10220],{"class":4621},"\u002Ftmp\u002Fcf-error-config.json\n",[3405,10222,10223],{"class":3407,"line":3579},[3405,10224,3490],{"emptyLinePlaceholder":3489},[3405,10226,10227],{"class":3407,"line":3585},[3405,10228,10229],{"class":4709},"# Крок 4c: Застосувати зміни\n",[3405,10231,10232,10234,10236,10239],{"class":3407,"line":3590},[3405,10233,4725],{"class":4724},[3405,10235,8199],{"class":4621},[3405,10237,10238],{"class":4621}," update-distribution",[3405,10240,4741],{"class":4740},[3405,10242,10243,10245,10247],{"class":3407,"line":3596},[3405,10244,10057],{"class":4617},[3405,10246,10060],{"class":4855},[3405,10248,4741],{"class":4740},[3405,10250,10251,10253,10256],{"class":3407,"line":3601},[3405,10252,9402],{"class":4617},[3405,10254,10255],{"class":4621}," file:\u002F\u002F\u002Ftmp\u002Fcf-error-config.json",[3405,10257,4741],{"class":4740},[3405,10259,10260,10263,10266],{"class":3407,"line":3607},[3405,10261,10262],{"class":4617},"    --if-match",[3405,10264,10265],{"class":4855}," $ETAG",[3405,10267,4741],{"class":4740},[3405,10269,10270,10272],{"class":3407,"line":3612},[3405,10271,8229],{"class":4617},[3405,10273,8232],{"class":4621},[3405,10275,10276],{"class":3407,"line":3618},[3405,10277,3490],{"emptyLinePlaceholder":3489},[3405,10279,10280,10282],{"class":3407,"line":3623},[3405,10281,8988],{"class":4724},[3405,10283,10284],{"class":4621}," \"Custom error pages налаштовано. Зачекайте ~3 хв на розгортання.\"\n",[4207,10286],{},[3357,10288,10290],{"id":10289},"крок-5-налаштування-cache-control-заголовків-для-react","Крок 5: Налаштування Cache-Control заголовків для React",[3353,10292,10293,10294,10297,10298,10301],{},"React build генерує файли з hash у назвах (",[3365,10295,10296],{},"main.abc123.js","). При кожному ",[3365,10299,10300],{},"npm run build"," hash змінюється — тому старі файли ніколи не конфліктують з новими. Це дозволяє кешувати JS\u002FCSS на рік.",[3396,10303,10305],{"className":4700,"code":10304,"language":4702,"meta":3401,"style":3401},"BUCKET=\"my-react-app-2024\"\n\n# index.html — без кешу (завжди свіжий)\naws s3 cp s3:\u002F\u002F$BUCKET\u002Findex.html s3:\u002F\u002F$BUCKET\u002Findex.html \\\n    --metadata-directive REPLACE \\\n    --content-type \"text\u002Fhtml; charset=utf-8\" \\\n    --cache-control \"no-cache, no-store, must-revalidate\" \\\n    --region eu-central-1\n\n# JS файли з hash — кеш на 1 рік (незмінні!)\naws s3 cp s3:\u002F\u002F$BUCKET\u002Fstatic\u002Fjs\u002F s3:\u002F\u002F$BUCKET\u002Fstatic\u002Fjs\u002F \\\n    --recursive --metadata-directive REPLACE \\\n    --content-type \"application\u002Fjavascript\" \\\n    --cache-control \"public, max-age=31536000, immutable\" \\\n    --region eu-central-1\n\n# CSS файли — кеш на 1 рік\naws s3 cp s3:\u002F\u002F$BUCKET\u002Fstatic\u002Fcss\u002F s3:\u002F\u002F$BUCKET\u002Fstatic\u002Fcss\u002F \\\n    --recursive --metadata-directive REPLACE \\\n    --content-type \"text\u002Fcss\" \\\n    --cache-control \"public, max-age=31536000, immutable\" \\\n    --region eu-central-1\n",[3365,10306,10307,10315,10319,10324,10346,10356,10365,10373,10379,10383,10388,10411,10423,10432,10441,10447,10451,10456,10479,10489,10498,10506],{"__ignoreMap":3401},[3405,10308,10309,10311,10313],{"class":3407,"line":3408},[3405,10310,8859],{"class":4855},[3405,10312,8862],{"class":4603},[3405,10314,8865],{"class":4621},[3405,10316,10317],{"class":3407,"line":3414},[3405,10318,3490],{"emptyLinePlaceholder":3489},[3405,10320,10321],{"class":3407,"line":3420},[3405,10322,10323],{"class":4709},"# index.html — без кешу (завжди свіжий)\n",[3405,10325,10326,10328,10330,10332,10334,10336,10338,10340,10342,10344],{"class":3407,"line":3426},[3405,10327,4725],{"class":4724},[3405,10329,4728],{"class":4621},[3405,10331,4731],{"class":4621},[3405,10333,9009],{"class":4621},[3405,10335,8994],{"class":4855},[3405,10337,7645],{"class":4621},[3405,10339,9009],{"class":4621},[3405,10341,8994],{"class":4855},[3405,10343,7645],{"class":4621},[3405,10345,4741],{"class":4740},[3405,10347,10348,10351,10354],{"class":3407,"line":3432},[3405,10349,10350],{"class":4617},"    --metadata-directive",[3405,10352,10353],{"class":4621}," REPLACE",[3405,10355,4741],{"class":4740},[3405,10357,10358,10360,10363],{"class":3407,"line":3438},[3405,10359,4756],{"class":4617},[3405,10361,10362],{"class":4621}," \"text\u002Fhtml; charset=utf-8\"",[3405,10364,4741],{"class":4740},[3405,10366,10367,10369,10371],{"class":3407,"line":3444},[3405,10368,4746],{"class":4617},[3405,10370,4749],{"class":4621},[3405,10372,4741],{"class":4740},[3405,10374,10375,10377],{"class":3407,"line":3450},[3405,10376,8229],{"class":4617},[3405,10378,8903],{"class":4621},[3405,10380,10381],{"class":3407,"line":3456},[3405,10382,3490],{"emptyLinePlaceholder":3489},[3405,10384,10385],{"class":3407,"line":3462},[3405,10386,10387],{"class":4709},"# JS файли з hash — кеш на 1 рік (незмінні!)\n",[3405,10389,10390,10392,10394,10396,10398,10400,10403,10405,10407,10409],{"class":3407,"line":3468},[3405,10391,4725],{"class":4724},[3405,10393,4728],{"class":4621},[3405,10395,4731],{"class":4621},[3405,10397,9009],{"class":4621},[3405,10399,8994],{"class":4855},[3405,10401,10402],{"class":4621},"\u002Fstatic\u002Fjs\u002F",[3405,10404,9009],{"class":4621},[3405,10406,8994],{"class":4855},[3405,10408,10402],{"class":4621},[3405,10410,4741],{"class":4740},[3405,10412,10413,10416,10419,10421],{"class":3407,"line":3474},[3405,10414,10415],{"class":4617},"    --recursive",[3405,10417,10418],{"class":4617}," --metadata-directive",[3405,10420,10353],{"class":4621},[3405,10422,4741],{"class":4740},[3405,10424,10425,10427,10430],{"class":3407,"line":3480},[3405,10426,4756],{"class":4617},[3405,10428,10429],{"class":4621}," \"application\u002Fjavascript\"",[3405,10431,4741],{"class":4740},[3405,10433,10434,10436,10439],{"class":3407,"line":3486},[3405,10435,4746],{"class":4617},[3405,10437,10438],{"class":4621}," \"public, max-age=31536000, immutable\"",[3405,10440,4741],{"class":4740},[3405,10442,10443,10445],{"class":3407,"line":3493},[3405,10444,8229],{"class":4617},[3405,10446,8903],{"class":4621},[3405,10448,10449],{"class":3407,"line":3499},[3405,10450,3490],{"emptyLinePlaceholder":3489},[3405,10452,10453],{"class":3407,"line":3504},[3405,10454,10455],{"class":4709},"# CSS файли — кеш на 1 рік\n",[3405,10457,10458,10460,10462,10464,10466,10468,10471,10473,10475,10477],{"class":3407,"line":3510},[3405,10459,4725],{"class":4724},[3405,10461,4728],{"class":4621},[3405,10463,4731],{"class":4621},[3405,10465,9009],{"class":4621},[3405,10467,8994],{"class":4855},[3405,10469,10470],{"class":4621},"\u002Fstatic\u002Fcss\u002F",[3405,10472,9009],{"class":4621},[3405,10474,8994],{"class":4855},[3405,10476,10470],{"class":4621},[3405,10478,4741],{"class":4740},[3405,10480,10481,10483,10485,10487],{"class":3407,"line":3516},[3405,10482,10415],{"class":4617},[3405,10484,10418],{"class":4617},[3405,10486,10353],{"class":4621},[3405,10488,4741],{"class":4740},[3405,10490,10491,10493,10496],{"class":3407,"line":3522},[3405,10492,4756],{"class":4617},[3405,10494,10495],{"class":4621}," \"text\u002Fcss\"",[3405,10497,4741],{"class":4740},[3405,10499,10500,10502,10504],{"class":3407,"line":3527},[3405,10501,4746],{"class":4617},[3405,10503,10438],{"class":4621},[3405,10505,4741],{"class":4740},[3405,10507,10508,10510],{"class":3407,"line":3533},[3405,10509,8229],{"class":4617},[3405,10511,8903],{"class":4621},[3353,10513,10514,10515,4618],{},"Або ще краще — автоматизуйте у ",[3365,10516,10517],{},"deploy.sh",[3396,10519,10521],{"className":4700,"code":10520,"language":4702,"meta":3401,"style":3401},"#!\u002Fbin\u002Fbash\n# deploy.sh — повний скрипт деплою React SPA\nset -e  # зупинитись при будь-якій помилці\n\nBUCKET=\"my-react-app-2024\"\nDIST_ID=\"EDFDVBD6EXAMPLE\"  # ЗАМІНІТЬ на ваш Distribution ID\n\necho \"1. Building React app...\"\nnpm run build\n\necho \"2. Uploading JS\u002FCSS (long cache)...\"\naws s3 sync .\u002Fbuild\u002Fstatic s3:\u002F\u002F$BUCKET\u002Fstatic \\\n    --cache-control \"public, max-age=31536000, immutable\" \\\n    --delete --region eu-central-1\n\necho \"3. Uploading other assets...\"\naws s3 sync .\u002Fbuild s3:\u002F\u002F$BUCKET \\\n    --exclude \"index.html\" --exclude \"static\u002F*\" \\\n    --cache-control \"public, max-age=86400\" \\\n    --delete --region eu-central-1\n\necho \"4. Uploading index.html (no cache)...\"\naws s3 cp .\u002Fbuild\u002Findex.html s3:\u002F\u002F$BUCKET\u002Findex.html \\\n    --cache-control \"no-cache, no-store, must-revalidate\" \\\n    --content-type \"text\u002Fhtml; charset=utf-8\" \\\n    --region eu-central-1\n\necho \"5. Invalidating CloudFront cache (index.html only)...\"\naws cloudfront create-invalidation \\\n    --distribution-id $DIST_ID \\\n    --paths \"\u002Findex.html\" \"\u002Fasset-manifest.json\" \\\n    --region us-east-1  # CloudFront завжди us-east-1!\n\necho \"Done! Site deployed.\"\n",[3365,10522,10523,10528,10533,10544,10548,10556,10568,10572,10579,10590,10594,10601,10621,10629,10638,10642,10649,10666,10682,10691,10699,10703,10710,10729,10737,10745,10751,10755,10762,10772,10780,10790,10799,10803],{"__ignoreMap":3401},[3405,10524,10525],{"class":3407,"line":3408},[3405,10526,10527],{"class":4709},"#!\u002Fbin\u002Fbash\n",[3405,10529,10530],{"class":3407,"line":3414},[3405,10531,10532],{"class":4709},"# deploy.sh — повний скрипт деплою React SPA\n",[3405,10534,10535,10538,10541],{"class":3407,"line":3420},[3405,10536,10537],{"class":4724},"set",[3405,10539,10540],{"class":4617}," -e",[3405,10542,10543],{"class":4709},"  # зупинитись при будь-якій помилці\n",[3405,10545,10546],{"class":3407,"line":3426},[3405,10547,3490],{"emptyLinePlaceholder":3489},[3405,10549,10550,10552,10554],{"class":3407,"line":3432},[3405,10551,8859],{"class":4855},[3405,10553,8862],{"class":4603},[3405,10555,8865],{"class":4621},[3405,10557,10558,10560,10562,10565],{"class":3407,"line":3438},[3405,10559,9577],{"class":4855},[3405,10561,8862],{"class":4603},[3405,10563,10564],{"class":4621},"\"EDFDVBD6EXAMPLE\"",[3405,10566,10567],{"class":4709},"  # ЗАМІНІТЬ на ваш Distribution ID\n",[3405,10569,10570],{"class":3407,"line":3444},[3405,10571,3490],{"emptyLinePlaceholder":3489},[3405,10573,10574,10576],{"class":3407,"line":3450},[3405,10575,8988],{"class":4724},[3405,10577,10578],{"class":4621}," \"1. Building React app...\"\n",[3405,10580,10581,10584,10587],{"class":3407,"line":3456},[3405,10582,10583],{"class":4724},"npm",[3405,10585,10586],{"class":4621}," run",[3405,10588,10589],{"class":4621}," build\n",[3405,10591,10592],{"class":3407,"line":3462},[3405,10593,3490],{"emptyLinePlaceholder":3489},[3405,10595,10596,10598],{"class":3407,"line":3468},[3405,10597,8988],{"class":4724},[3405,10599,10600],{"class":4621}," \"2. Uploading JS\u002FCSS (long cache)...\"\n",[3405,10602,10603,10605,10607,10609,10612,10614,10616,10619],{"class":3407,"line":3474},[3405,10604,4725],{"class":4724},[3405,10606,4728],{"class":4621},[3405,10608,4777],{"class":4621},[3405,10610,10611],{"class":4621}," .\u002Fbuild\u002Fstatic",[3405,10613,9009],{"class":4621},[3405,10615,8994],{"class":4855},[3405,10617,10618],{"class":4621},"\u002Fstatic",[3405,10620,4741],{"class":4740},[3405,10622,10623,10625,10627],{"class":3407,"line":3480},[3405,10624,4746],{"class":4617},[3405,10626,10438],{"class":4621},[3405,10628,4741],{"class":4740},[3405,10630,10631,10634,10636],{"class":3407,"line":3486},[3405,10632,10633],{"class":4617},"    --delete",[3405,10635,8977],{"class":4617},[3405,10637,8903],{"class":4621},[3405,10639,10640],{"class":3407,"line":3493},[3405,10641,3490],{"emptyLinePlaceholder":3489},[3405,10643,10644,10646],{"class":3407,"line":3499},[3405,10645,8988],{"class":4724},[3405,10647,10648],{"class":4621}," \"3. Uploading other assets...\"\n",[3405,10650,10651,10653,10655,10657,10660,10662,10664],{"class":3407,"line":3504},[3405,10652,4725],{"class":4724},[3405,10654,4728],{"class":4621},[3405,10656,4777],{"class":4621},[3405,10658,10659],{"class":4621}," .\u002Fbuild",[3405,10661,9009],{"class":4621},[3405,10663,8994],{"class":4855},[3405,10665,4741],{"class":4740},[3405,10667,10668,10671,10674,10677,10680],{"class":3407,"line":3510},[3405,10669,10670],{"class":4617},"    --exclude",[3405,10672,10673],{"class":4621}," \"index.html\"",[3405,10675,10676],{"class":4617}," --exclude",[3405,10678,10679],{"class":4621}," \"static\u002F*\"",[3405,10681,4741],{"class":4740},[3405,10683,10684,10686,10689],{"class":3407,"line":3516},[3405,10685,4746],{"class":4617},[3405,10687,10688],{"class":4621}," \"public, max-age=86400\"",[3405,10690,4741],{"class":4740},[3405,10692,10693,10695,10697],{"class":3407,"line":3522},[3405,10694,10633],{"class":4617},[3405,10696,8977],{"class":4617},[3405,10698,8903],{"class":4621},[3405,10700,10701],{"class":3407,"line":3527},[3405,10702,3490],{"emptyLinePlaceholder":3489},[3405,10704,10705,10707],{"class":3407,"line":3533},[3405,10706,8988],{"class":4724},[3405,10708,10709],{"class":4621}," \"4. Uploading index.html (no cache)...\"\n",[3405,10711,10712,10714,10716,10718,10721,10723,10725,10727],{"class":3407,"line":3539},[3405,10713,4725],{"class":4724},[3405,10715,4728],{"class":4621},[3405,10717,4731],{"class":4621},[3405,10719,10720],{"class":4621}," .\u002Fbuild\u002Findex.html",[3405,10722,9009],{"class":4621},[3405,10724,8994],{"class":4855},[3405,10726,7645],{"class":4621},[3405,10728,4741],{"class":4740},[3405,10730,10731,10733,10735],{"class":3407,"line":3545},[3405,10732,4746],{"class":4617},[3405,10734,4749],{"class":4621},[3405,10736,4741],{"class":4740},[3405,10738,10739,10741,10743],{"class":3407,"line":3551},[3405,10740,4756],{"class":4617},[3405,10742,10362],{"class":4621},[3405,10744,4741],{"class":4740},[3405,10746,10747,10749],{"class":3407,"line":3556},[3405,10748,8229],{"class":4617},[3405,10750,8903],{"class":4621},[3405,10752,10753],{"class":3407,"line":3562},[3405,10754,3490],{"emptyLinePlaceholder":3489},[3405,10756,10757,10759],{"class":3407,"line":3568},[3405,10758,8988],{"class":4724},[3405,10760,10761],{"class":4621}," \"5. Invalidating CloudFront cache (index.html only)...\"\n",[3405,10763,10764,10766,10768,10770],{"class":3407,"line":3574},[3405,10765,4725],{"class":4724},[3405,10767,8199],{"class":4621},[3405,10769,8202],{"class":4621},[3405,10771,4741],{"class":4740},[3405,10773,10774,10776,10778],{"class":3407,"line":3579},[3405,10775,8209],{"class":4617},[3405,10777,10060],{"class":4855},[3405,10779,4741],{"class":4740},[3405,10781,10782,10784,10786,10788],{"class":3407,"line":3585},[3405,10783,8219],{"class":4617},[3405,10785,8222],{"class":4621},[3405,10787,8268],{"class":4621},[3405,10789,4741],{"class":4740},[3405,10791,10792,10794,10796],{"class":3407,"line":3590},[3405,10793,8229],{"class":4617},[3405,10795,10065],{"class":4621},[3405,10797,10798],{"class":4709},"  # CloudFront завжди us-east-1!\n",[3405,10800,10801],{"class":3407,"line":3596},[3405,10802,3490],{"emptyLinePlaceholder":3489},[3405,10804,10805,10807],{"class":3407,"line":3601},[3405,10806,8988],{"class":4724},[3405,10808,10809],{"class":4621}," \"Done! Site deployed.\"\n",[4207,10811],{},[3357,10813,10815],{"id":10814},"крок-6-підключення-власного-домену-через-ppua-безкоштовно","Крок 6: Підключення власного домену через pp.ua (безкоштовно)",[3353,10817,10818,10821,10822,10825,10826,10829],{},[3373,10819,10820],{},"pp.ua"," — безкоштовний сервіс для реєстрації субдоменів третього рівня в зоні ",[3365,10823,10824],{},".pp.ua",". Ви можете безкоштовно отримати домен виду ",[3365,10827,10828],{},"yourname.pp.ua"," і прив'язати його до CloudFront. Це ідеальний варіант для студентів та навчальних проєктів.",[3353,10831,10832],{},[3373,10833,10834],{},"Загальна схема:",[3396,10836,10839],{"className":10837,"code":10838,"language":4074},[4072],"yourname.pp.ua\n    ↓ CNAME запис (DNS)\nd1234abcd.cloudfront.net\n    ↓ CloudFront Distribution\nS3 bucket (React SPA)\n",[3365,10840,10838],{"__ignoreMap":3401},[3983,10842,10844],{"id":10843},"крок-6a-реєстрація-на-ppua","Крок 6a: Реєстрація на pp.ua",[3783,10846,10847,10855,10861,10868,10871],{},[3786,10848,10849,10850],{},"Перейдіть на ",[8774,10851,10852],{"href":10852,"rel":10853},"https:\u002F\u002Fpp.ua",[10854],"nofollow",[3786,10856,10857,10858],{},"Введіть бажане ім'я субдомену, наприклад ",[3365,10859,10860],{},"my-react-app",[3786,10862,10863,10864,10867],{},"Натисніть перевірку — якщо ",[3365,10865,10866],{},"my-react-app.pp.ua"," вільний, зареєструйте",[3786,10869,10870],{},"Введіть email, пароль → підтвердіть email",[3786,10872,10873],{},"Увійдіть у панель управління доменом",[3983,10875,10877],{"id":10876},"крок-6b-отримання-acm-ssl-сертифіката-обовязково-у-us-east-1","Крок 6b: Отримання ACM SSL сертифіката (ОБОВ'ЯЗКОВО у us-east-1!)",[5438,10879,10880,10881,10883,10884,10886],{},"ACM сертифікат для CloudFront ПОВИНЕН бути у регіоні ",[3365,10882,6269],{},". Навіть якщо ваш S3 у Франкфурті. Якщо сертифікат в іншому регіоні — CloudFront просто не покаже його у списку. Переключіться у Console на ",[3365,10885,6269],{}," перед наступними кроками!",[9085,10888,10889,10960],{},[9088,10890,10891],{"label":9090},[3783,10892,10893,10900,10905,10916,10923,10929,10934],{},[3786,10894,10895,10896,10899],{},"Переключіть регіон у Console на ",[3373,10897,10898],{},"US East (N. Virginia) us-east-1"," (важливо!)",[3786,10901,9095,10902],{},[3373,10903,10904],{},"ACM (Certificate Manager)",[3786,10906,10907,8342,10910,8342,10913],{},[3373,10908,10909],{},"Request a certificate",[3373,10911,10912],{},"Request a public certificate",[3373,10914,10915],{},"Next",[3786,10917,10918,8407,10921],{},[3373,10919,10920],{},"Fully qualified domain name:",[3365,10922,10866],{},[3786,10924,10925,10928],{},[3373,10926,10927],{},"Validation method:"," DNS validation",[3786,10930,10931],{},[3373,10932,10933],{},"Request",[3786,10935,10936,10937,10940,10941],{},"Відкрийте щойно створений сертифікат → у розділі ",[3373,10938,10939],{},"Domains"," → скопіюйте CNAME запис для валідації:\n",[4029,10942,10943,10952],{},[3786,10944,10945,8407,10948,10951],{},[3373,10946,10947],{},"CNAME name:",[3365,10949,10950],{},"_abc123.my-react-app.pp.ua"," (скопіюйте повністю)",[3786,10953,10954,8407,10957,10951],{},[3373,10955,10956],{},"CNAME value:",[3365,10958,10959],{},"_def456.acm-validations.aws.",[9088,10961,10962],{"label":9259},[3396,10963,10965],{"className":4700,"code":10964,"language":4702,"meta":3401,"style":3401},"# ВАЖЛИВО: --region us-east-1 (не eu-central-1!)\nCERT_ARN=$(aws acm request-certificate \\\n    --domain-name \"my-react-app.pp.ua\" \\\n    --validation-method DNS \\\n    --region us-east-1 \\\n    --query CertificateArn --output text)\necho \"Certificate ARN: $CERT_ARN\"\n\n# Отримати CNAME запис для DNS валідації\naws acm describe-certificate \\\n    --certificate-arn $CERT_ARN \\\n    --region us-east-1 \\\n    --query \"Certificate.DomainValidationOptions[0].ResourceRecord\"\n# Виведе:\n# {\n#     \"Name\": \"_abc123.my-react-app.pp.ua.\",\n#     \"Type\": \"CNAME\",\n#     \"Value\": \"_def456.acm-validations.aws.\"\n# }\n",[3365,10966,10967,10972,10989,10999,11009,11017,11030,11042,11046,11051,11062,11072,11080,11087,11092,11097,11102,11107,11112],{"__ignoreMap":3401},[3405,10968,10969],{"class":3407,"line":3408},[3405,10970,10971],{"class":4709},"# ВАЖЛИВО: --region us-east-1 (не eu-central-1!)\n",[3405,10973,10974,10977,10979,10981,10984,10987],{"class":3407,"line":3414},[3405,10975,10976],{"class":4855},"CERT_ARN",[3405,10978,9299],{"class":4603},[3405,10980,4725],{"class":4724},[3405,10982,10983],{"class":4621}," acm",[3405,10985,10986],{"class":4621}," request-certificate",[3405,10988,4741],{"class":4740},[3405,10990,10991,10994,10997],{"class":3407,"line":3420},[3405,10992,10993],{"class":4617},"    --domain-name",[3405,10995,10996],{"class":4621}," \"my-react-app.pp.ua\"",[3405,10998,4741],{"class":4740},[3405,11000,11001,11004,11007],{"class":3407,"line":3426},[3405,11002,11003],{"class":4617},"    --validation-method",[3405,11005,11006],{"class":4621}," DNS",[3405,11008,4741],{"class":4740},[3405,11010,11011,11013,11015],{"class":3407,"line":3432},[3405,11012,8229],{"class":4617},[3405,11014,10065],{"class":4621},[3405,11016,4741],{"class":4740},[3405,11018,11019,11021,11024,11026,11028],{"class":3407,"line":3438},[3405,11020,9348],{"class":4617},[3405,11022,11023],{"class":4621}," CertificateArn",[3405,11025,9354],{"class":4617},[3405,11027,9357],{"class":4621},[3405,11029,5048],{"class":4603},[3405,11031,11032,11034,11037,11040],{"class":3407,"line":3444},[3405,11033,8988],{"class":4724},[3405,11035,11036],{"class":4621}," \"Certificate ARN: ",[3405,11038,11039],{"class":4855},"$CERT_ARN",[3405,11041,9372],{"class":4621},[3405,11043,11044],{"class":3407,"line":3450},[3405,11045,3490],{"emptyLinePlaceholder":3489},[3405,11047,11048],{"class":3407,"line":3456},[3405,11049,11050],{"class":4709},"# Отримати CNAME запис для DNS валідації\n",[3405,11052,11053,11055,11057,11060],{"class":3407,"line":3462},[3405,11054,4725],{"class":4724},[3405,11056,10983],{"class":4621},[3405,11058,11059],{"class":4621}," describe-certificate",[3405,11061,4741],{"class":4740},[3405,11063,11064,11067,11070],{"class":3407,"line":3468},[3405,11065,11066],{"class":4617},"    --certificate-arn",[3405,11068,11069],{"class":4855}," $CERT_ARN",[3405,11071,4741],{"class":4740},[3405,11073,11074,11076,11078],{"class":3407,"line":3474},[3405,11075,8229],{"class":4617},[3405,11077,10065],{"class":4621},[3405,11079,4741],{"class":4740},[3405,11081,11082,11084],{"class":3407,"line":3480},[3405,11083,9348],{"class":4617},[3405,11085,11086],{"class":4621}," \"Certificate.DomainValidationOptions[0].ResourceRecord\"\n",[3405,11088,11089],{"class":3407,"line":3486},[3405,11090,11091],{"class":4709},"# Виведе:\n",[3405,11093,11094],{"class":3407,"line":3493},[3405,11095,11096],{"class":4709},"# {\n",[3405,11098,11099],{"class":3407,"line":3499},[3405,11100,11101],{"class":4709},"#     \"Name\": \"_abc123.my-react-app.pp.ua.\",\n",[3405,11103,11104],{"class":3407,"line":3504},[3405,11105,11106],{"class":4709},"#     \"Type\": \"CNAME\",\n",[3405,11108,11109],{"class":3407,"line":3510},[3405,11110,11111],{"class":4709},"#     \"Value\": \"_def456.acm-validations.aws.\"\n",[3405,11113,11114],{"class":3407,"line":3516},[3405,11115,11116],{"class":4709},"# }\n",[3983,11118,11120],{"id":11119},"крок-6c-додавання-dns-записів-у-ppua","Крок 6c: Додавання DNS записів у pp.ua",[3353,11122,11123,11124,4618],{},"У панелі pp.ua вам потрібно додати ",[3373,11125,11126],{},"два CNAME записи",[3353,11128,11129],{},[3373,11130,11131],{},"Запис 1 — для валідації сертифіката ACM:",[3353,11133,11134],{},"Зайдіть у панель pp.ua → DNS Management → Add Record:",[4029,11136,11137,11143,11158,11165],{},[3786,11138,11139,11142],{},[3373,11140,11141],{},"Type:"," CNAME",[3786,11144,11145,8407,11148,8407,11151],{},[3373,11146,11147],{},"Name\u002FHost:",[3365,11149,11150],{},"_abc123",[9162,11152,11153,11154,11157],{},"(лише частина до ",[3365,11155,11156],{},".my-react-app.pp.ua"," — приставку домену не вводьте)",[3786,11159,11160,8407,11163],{},[3373,11161,11162],{},"Value\u002FTarget:",[3365,11164,10959],{},[3786,11166,11167,11170],{},[3373,11168,11169],{},"TTL:"," 300",[9067,11172,11173,11174,11176,11177,11179,11180,3380],{},"У деяких DNS панелях потрібно вводити повне ім'я (",[3365,11175,10950],{},"), а в інших — лише частину до домену (",[3365,11178,11150],{},"). Спробуйте обидва варіанти і перевірте через ",[3365,11181,11182],{},"nslookup",[3353,11184,11185,11186,9238,11189,3380],{},"Зачекайте 5–30 хвилин поки ACM перевірить DNS запис. Статус сертифіката зміниться з ",[3365,11187,11188],{},"Pending validation",[3373,11190,11191],{},[3365,11192,11193],{},"Issued",[3353,11195,11196],{},[3373,11197,11198],{},"Запис 2 — для підключення домену до CloudFront:",[3353,11200,11201],{},"Зайдіть у pp.ua → DNS Management → Add Record:",[4029,11203,11204,11208,11224,11233],{},[3786,11205,11206,11142],{},[3373,11207,11141],{},[3786,11209,11210,8407,11212,8407,11214],{},[3373,11211,11147],{},[3365,11213,10860],{},[9162,11215,11216,11217,11220,11221,11223],{},"(або ",[3365,11218,11219],{},"@"," якщо хочете щоб ",[3365,11222,10820],{}," вказував на корінь, але субдомен краще)",[3786,11225,11226,8407,11228,8407,11230],{},[3373,11227,11162],{},[3365,11229,5636],{},[9162,11231,11232],{},"(ваш CloudFront domain name)",[3786,11234,11235,11170],{},[3373,11236,11169],{},[3353,11238,11239],{},"Перевірка через термінал:",[9020,11241,11243,11252,11256,11260,11263,11267],{"title":11242},"DNS перевірка CNAME",[9024,11244,11246,8407,11249],{"className":11245},[3407],[3405,11247,9031],{"className":11248},[9030],[3373,11250,11251],{},"nslookup -type=CNAME my-react-app.pp.ua",[9024,11253,11255],{"className":11254},[3407],"Server:  1.1.1.1",[9024,11257,11259],{"className":11258},[3407],"Address: 1.1.1.1#53",[9024,11261],{"className":11262},[3407],[9024,11264,11266],{"className":11265},[3407],"Non-authoritative answer:",[9024,11268,11270],{"className":11269},[3407],[3405,11271,11273],{"className":11272},[9915],"my-react-app.pp.ua  canonical name = d1234abcd.cloudfront.net.",[3353,11275,11276,11281,11282,11285,11286,11288],{},[3373,11277,11278,11279,8329],{},"Що таке ",[3365,11280,11182],{}," Це консольна утиліта для перевірки DNS записів. ",[3365,11283,11284],{},"nslookup -type=CNAME domain"," показує CNAME запис для домену. Якщо бачите ",[3365,11287,5636],{}," — DNS налаштований правильно.",[3983,11290,11292],{"id":11291},"крок-6d-додавання-домену-у-cloudfront-distribution","Крок 6d: Додавання домену у CloudFront Distribution",[3353,11294,11295],{},"Тепер потрібно сказати CloudFront що він обслуговує ваш домен:",[9085,11297,11298,11334],{},[9088,11299,11300],{"label":9090},[3783,11301,11302,11309,11316,11327,11331],{},[3786,11303,9986,11304,8342,11307],{},[3373,11305,11306],{},"General",[3373,11308,9685],{},[3786,11310,11311,11313,11314],{},[3373,11312,9199],{}," додайте ",[3365,11315,10866],{},[3786,11317,11318,11320,11321,11323,11324,11326],{},[3373,11319,9205],{}," оберіть ваш ACM сертифікат ",[3365,11322,10866],{}," (має бути в списку, якщо він ",[3365,11325,11193],{}," у us-east-1)",[3786,11328,11329],{},[3373,11330,9691],{},[3786,11332,11333],{},"Зачекайте 3–5 хвилин поки зміни розгорнуться",[9088,11335,11336],{"label":9259},[3396,11337,11339],{"className":4700,"code":11338,"language":4702,"meta":3401,"style":3401},"# Отримати поточну конфігурацію\nDIST_CONFIG=$(aws cloudfront get-distribution-config \\\n    --id $DIST_ID --region us-east-1)\nETAG=$(echo $DIST_CONFIG | python3 -c \"import sys,json; print(json.load(sys.stdin)['ETag'])\")\n\n# Зберегти конфіг у файл і відредагувати\necho $DIST_CONFIG | python3 -c \"import sys,json; d=json.load(sys.stdin); print(json.dumps(d['DistributionConfig'], indent=2))\" > \u002Ftmp\u002Fdist-config.json\n\n# Відредагуйте \u002Ftmp\u002Fdist-config.json вручну:\n# Додайте в \"Aliases\": {\"Quantity\": 1, \"Items\": [\"my-react-app.pp.ua\"]}\n# Додайте \"ViewerCertificate\" з вашим CERT_ARN\n\n# Оновити Distribution\naws cloudfront update-distribution \\\n    --id $DIST_ID \\\n    --distribution-config file:\u002F\u002F\u002Ftmp\u002Fdist-config.json \\\n    --if-match $ETAG \\\n    --region us-east-1\n",[3365,11340,11341,11346,11361,11373,11394,11398,11403,11423,11427,11432,11437,11442,11446,11451,11461,11469,11478,11486],{"__ignoreMap":3401},[3405,11342,11343],{"class":3407,"line":3408},[3405,11344,11345],{"class":4709},"# Отримати поточну конфігурацію\n",[3405,11347,11348,11351,11353,11355,11357,11359],{"class":3407,"line":3414},[3405,11349,11350],{"class":4855},"DIST_CONFIG",[3405,11352,9299],{"class":4603},[3405,11354,4725],{"class":4724},[3405,11356,8199],{"class":4621},[3405,11358,10050],{"class":4621},[3405,11360,4741],{"class":4740},[3405,11362,11363,11365,11367,11369,11371],{"class":3407,"line":3420},[3405,11364,10057],{"class":4617},[3405,11366,10060],{"class":4855},[3405,11368,8977],{"class":4617},[3405,11370,10065],{"class":4621},[3405,11372,5048],{"class":4603},[3405,11374,11375,11377,11379,11381,11384,11386,11388,11390,11392],{"class":3407,"line":3426},[3405,11376,10072],{"class":4855},[3405,11378,9299],{"class":4603},[3405,11380,8988],{"class":4724},[3405,11382,11383],{"class":4855}," $DIST_CONFIG",[3405,11385,9587],{"class":4603},[3405,11387,9590],{"class":4724},[3405,11389,9593],{"class":4617},[3405,11391,10088],{"class":4621},[3405,11393,5048],{"class":4603},[3405,11395,11396],{"class":3407,"line":3432},[3405,11397,3490],{"emptyLinePlaceholder":3489},[3405,11399,11400],{"class":3407,"line":3438},[3405,11401,11402],{"class":4709},"# Зберегти конфіг у файл і відредагувати\n",[3405,11404,11405,11407,11409,11411,11413,11415,11418,11420],{"class":3407,"line":3444},[3405,11406,8988],{"class":4724},[3405,11408,11383],{"class":4855},[3405,11410,9587],{"class":4603},[3405,11412,9590],{"class":4724},[3405,11414,9593],{"class":4617},[3405,11416,11417],{"class":4621}," \"import sys,json; d=json.load(sys.stdin); print(json.dumps(d['DistributionConfig'], indent=2))\"",[3405,11419,5042],{"class":4603},[3405,11421,11422],{"class":4621},"\u002Ftmp\u002Fdist-config.json\n",[3405,11424,11425],{"class":3407,"line":3450},[3405,11426,3490],{"emptyLinePlaceholder":3489},[3405,11428,11429],{"class":3407,"line":3456},[3405,11430,11431],{"class":4709},"# Відредагуйте \u002Ftmp\u002Fdist-config.json вручну:\n",[3405,11433,11434],{"class":3407,"line":3462},[3405,11435,11436],{"class":4709},"# Додайте в \"Aliases\": {\"Quantity\": 1, \"Items\": [\"my-react-app.pp.ua\"]}\n",[3405,11438,11439],{"class":3407,"line":3468},[3405,11440,11441],{"class":4709},"# Додайте \"ViewerCertificate\" з вашим CERT_ARN\n",[3405,11443,11444],{"class":3407,"line":3474},[3405,11445,3490],{"emptyLinePlaceholder":3489},[3405,11447,11448],{"class":3407,"line":3480},[3405,11449,11450],{"class":4709},"# Оновити Distribution\n",[3405,11452,11453,11455,11457,11459],{"class":3407,"line":3486},[3405,11454,4725],{"class":4724},[3405,11456,8199],{"class":4621},[3405,11458,10238],{"class":4621},[3405,11460,4741],{"class":4740},[3405,11462,11463,11465,11467],{"class":3407,"line":3493},[3405,11464,10057],{"class":4617},[3405,11466,10060],{"class":4855},[3405,11468,4741],{"class":4740},[3405,11470,11471,11473,11476],{"class":3407,"line":3499},[3405,11472,9402],{"class":4617},[3405,11474,11475],{"class":4621}," file:\u002F\u002F\u002Ftmp\u002Fdist-config.json",[3405,11477,4741],{"class":4740},[3405,11479,11480,11482,11484],{"class":3407,"line":3504},[3405,11481,10262],{"class":4617},[3405,11483,10265],{"class":4855},[3405,11485,4741],{"class":4740},[3405,11487,11488,11490],{"class":3407,"line":3510},[3405,11489,8229],{"class":4617},[3405,11491,8232],{"class":4621},[3353,11493,11494,11495,11500],{},"Тепер відкрийте у браузері: ",[3373,11496,11497],{},[3365,11498,11499],{},"https:\u002F\u002Fmy-react-app.pp.ua"," 🎉",[9020,11502,11504,11513,11516,11520,11526,11529,11533],{"title":11503},"Фінальна перевірка",[9024,11505,11507,8407,11510],{"className":11506},[3407],[3405,11508,9031],{"className":11509},[9030],[3373,11511,11512],{},"curl -I https:\u002F\u002Fmy-react-app.pp.ua\u002F",[9024,11514,9904],{"className":11515},[3407],[9024,11517,11519],{"className":11518},[3407],"content-type: text\u002Fhtml; charset=utf-8",[9024,11521,11523],{"className":11522},[3407],[3405,11524,9941],{"className":11525},[9915],[9024,11527,9920],{"className":11528},[3407],[9024,11530,11532],{"className":11531},[3407],"server: AmazonS3",[9024,11534,11536],{"className":11535},[3407],"cache-control: no-cache, no-store, must-revalidate",[4207,11538],{},[3357,11540,11542],{"id":11541},"крок-7-опціонально-підключення-платного-домену-через-route-53","Крок 7 (опціонально): Підключення платного домену через Route 53",[3353,11544,11545],{},"Якщо у вас є власний домен (куплений у будь-якого реєстратора: GoDaddy, Namecheap, Porkbun тощо) — процес аналогічний pp.ua, але через Route 53.",[3783,11547,11548,11560,11567,11579],{},[3786,11549,11550,8342,11553,8342,11556,11559],{},[3373,11551,11552],{},"Route 53",[3373,11554,11555],{},"Hosted zones",[3373,11557,11558],{},"Create hosted zone"," → введіть ваш домен",[3786,11561,11562,11563,11566],{},"Route 53 надасть 4 NS-сервери (наприклад ",[3365,11564,11565],{},"ns-1234.awsdns-12.org",") — вкажіть їх у вашого реєстратора",[3786,11568,11569,11572,11573,11575,11576,4307],{},[3373,11570,11571],{},"ACM сертифікат"," (у ",[3365,11574,6269],{},") → DNS validation → Route 53 додасть CNAME автоматично (кнопка ",[3373,11577,11578],{},"Create records in Route 53",[3786,11580,11581,11584],{},[3373,11582,11583],{},"Route 53 → Hosted zone → Create record:",[4029,11585,11586,11596,11604,11611],{},[3786,11587,11588,8407,11591,11593,11594,4307],{},[3373,11589,11590],{},"Record name:",[3365,11592,4856],{}," (для ",[3365,11595,6763],{},[3786,11597,11598,8407,11601],{},[3373,11599,11600],{},"Record type:",[3365,11602,11603],{},"A",[3786,11605,11606,11607,11610],{},"✅ ",[3373,11608,11609],{},"Alias → CloudFront distribution"," (оберіть вашу Distribution)",[3786,11612,11613,11614,11617],{},"Route 53 + CloudFront краще використовувати ",[3365,11615,11616],{},"A record"," з Alias замість CNAME — це ефективніше і коштує менше",[4207,11619],{},[3357,11621,11623],{"id":11622},"крок-8-обовязково-очищення","Крок 8: ОБОВ'ЯЗКОВО — Очищення",[5438,11625,11626],{},"CloudFront Distribution коштує ~$0.0085 за 10,000 HTTPS запитів + трафік. Для навчального проєкту з нульовим трафіком — практично безкоштовно. Але якщо не потрібен — вимкніть.",[3396,11628,11630],{"className":4700,"code":11629,"language":4702,"meta":3401,"style":3401},"# Через Console (найпростіше):\n# CloudFront → Distribution → Disable → зачекати статус Deployed → Delete\n\n# Через CLI:\nDIST_JSON=$(aws cloudfront get-distribution-config \\\n    --id $DIST_ID --region us-east-1)\nETAG=$(echo $DIST_JSON | python3 -c \"import sys,json; print(json.load(sys.stdin)['ETag'])\")\n\n# Встановити Enabled: false\necho $DIST_JSON | python3 -c \"\nimport sys, json\nd = json.load(sys.stdin)\nconfig = d['DistributionConfig']\nconfig['Enabled'] = False\nprint(json.dumps(config))\n\" > \u002Ftmp\u002Fdisable-dist.json\n\naws cloudfront update-distribution \\\n    --id $DIST_ID \\\n    --distribution-config file:\u002F\u002F\u002Ftmp\u002Fdisable-dist.json \\\n    --if-match $ETAG \\\n    --region us-east-1\n\necho \"Distribution вимкнено. Зачекайте статус Deployed (~5-10 хв), потім видаліть.\"\n\n# Після статусу Deployed — отримати новий ETag і видалити\nNEW_ETAG=$(aws cloudfront get-distribution-config \\\n    --id $DIST_ID --region us-east-1 --query \"ETag\" --output text)\naws cloudfront delete-distribution \\\n    --id $DIST_ID --if-match $NEW_ETAG --region us-east-1\n",[3365,11631,11632,11637,11642,11646,11651,11665,11677,11697,11701,11706,11720,11724,11728,11732,11737,11741,11750,11754,11764,11772,11781,11789,11795,11799,11806,11810,11815,11830,11852,11863],{"__ignoreMap":3401},[3405,11633,11634],{"class":3407,"line":3408},[3405,11635,11636],{"class":4709},"# Через Console (найпростіше):\n",[3405,11638,11639],{"class":3407,"line":3414},[3405,11640,11641],{"class":4709},"# CloudFront → Distribution → Disable → зачекати статус Deployed → Delete\n",[3405,11643,11644],{"class":3407,"line":3420},[3405,11645,3490],{"emptyLinePlaceholder":3489},[3405,11647,11648],{"class":3407,"line":3426},[3405,11649,11650],{"class":4709},"# Через CLI:\n",[3405,11652,11653,11655,11657,11659,11661,11663],{"class":3407,"line":3432},[3405,11654,10041],{"class":4855},[3405,11656,9299],{"class":4603},[3405,11658,4725],{"class":4724},[3405,11660,8199],{"class":4621},[3405,11662,10050],{"class":4621},[3405,11664,4741],{"class":4740},[3405,11666,11667,11669,11671,11673,11675],{"class":3407,"line":3438},[3405,11668,10057],{"class":4617},[3405,11670,10060],{"class":4855},[3405,11672,8977],{"class":4617},[3405,11674,10065],{"class":4621},[3405,11676,5048],{"class":4603},[3405,11678,11679,11681,11683,11685,11687,11689,11691,11693,11695],{"class":3407,"line":3444},[3405,11680,10072],{"class":4855},[3405,11682,9299],{"class":4603},[3405,11684,8988],{"class":4724},[3405,11686,10079],{"class":4855},[3405,11688,9587],{"class":4603},[3405,11690,9590],{"class":4724},[3405,11692,9593],{"class":4617},[3405,11694,10088],{"class":4621},[3405,11696,5048],{"class":4603},[3405,11698,11699],{"class":3407,"line":3450},[3405,11700,3490],{"emptyLinePlaceholder":3489},[3405,11702,11703],{"class":3407,"line":3456},[3405,11704,11705],{"class":4709},"# Встановити Enabled: false\n",[3405,11707,11708,11710,11712,11714,11716,11718],{"class":3407,"line":3462},[3405,11709,8988],{"class":4724},[3405,11711,10079],{"class":4855},[3405,11713,9587],{"class":4603},[3405,11715,9590],{"class":4724},[3405,11717,9593],{"class":4617},[3405,11719,10114],{"class":4621},[3405,11721,11722],{"class":3407,"line":3468},[3405,11723,10119],{"class":4621},[3405,11725,11726],{"class":3407,"line":3474},[3405,11727,10124],{"class":4621},[3405,11729,11730],{"class":3407,"line":3480},[3405,11731,10129],{"class":4621},[3405,11733,11734],{"class":3407,"line":3486},[3405,11735,11736],{"class":4621},"config['Enabled'] = False\n",[3405,11738,11739],{"class":3407,"line":3493},[3405,11740,10210],{"class":4621},[3405,11742,11743,11745,11747],{"class":3407,"line":3499},[3405,11744,10215],{"class":4621},[3405,11746,5042],{"class":4603},[3405,11748,11749],{"class":4621},"\u002Ftmp\u002Fdisable-dist.json\n",[3405,11751,11752],{"class":3407,"line":3504},[3405,11753,3490],{"emptyLinePlaceholder":3489},[3405,11755,11756,11758,11760,11762],{"class":3407,"line":3510},[3405,11757,4725],{"class":4724},[3405,11759,8199],{"class":4621},[3405,11761,10238],{"class":4621},[3405,11763,4741],{"class":4740},[3405,11765,11766,11768,11770],{"class":3407,"line":3516},[3405,11767,10057],{"class":4617},[3405,11769,10060],{"class":4855},[3405,11771,4741],{"class":4740},[3405,11773,11774,11776,11779],{"class":3407,"line":3522},[3405,11775,9402],{"class":4617},[3405,11777,11778],{"class":4621}," file:\u002F\u002F\u002Ftmp\u002Fdisable-dist.json",[3405,11780,4741],{"class":4740},[3405,11782,11783,11785,11787],{"class":3407,"line":3527},[3405,11784,10262],{"class":4617},[3405,11786,10265],{"class":4855},[3405,11788,4741],{"class":4740},[3405,11790,11791,11793],{"class":3407,"line":3533},[3405,11792,8229],{"class":4617},[3405,11794,8232],{"class":4621},[3405,11796,11797],{"class":3407,"line":3539},[3405,11798,3490],{"emptyLinePlaceholder":3489},[3405,11800,11801,11803],{"class":3407,"line":3545},[3405,11802,8988],{"class":4724},[3405,11804,11805],{"class":4621}," \"Distribution вимкнено. Зачекайте статус Deployed (~5-10 хв), потім видаліть.\"\n",[3405,11807,11808],{"class":3407,"line":3551},[3405,11809,3490],{"emptyLinePlaceholder":3489},[3405,11811,11812],{"class":3407,"line":3556},[3405,11813,11814],{"class":4709},"# Після статусу Deployed — отримати новий ETag і видалити\n",[3405,11816,11817,11820,11822,11824,11826,11828],{"class":3407,"line":3562},[3405,11818,11819],{"class":4855},"NEW_ETAG",[3405,11821,9299],{"class":4603},[3405,11823,4725],{"class":4724},[3405,11825,8199],{"class":4621},[3405,11827,10050],{"class":4621},[3405,11829,4741],{"class":4740},[3405,11831,11832,11834,11836,11838,11840,11843,11846,11848,11850],{"class":3407,"line":3568},[3405,11833,10057],{"class":4617},[3405,11835,10060],{"class":4855},[3405,11837,8977],{"class":4617},[3405,11839,10065],{"class":4621},[3405,11841,11842],{"class":4617}," --query",[3405,11844,11845],{"class":4621}," \"ETag\"",[3405,11847,9354],{"class":4617},[3405,11849,9357],{"class":4621},[3405,11851,5048],{"class":4603},[3405,11853,11854,11856,11858,11861],{"class":3407,"line":3574},[3405,11855,4725],{"class":4724},[3405,11857,8199],{"class":4621},[3405,11859,11860],{"class":4621}," delete-distribution",[3405,11862,4741],{"class":4740},[3405,11864,11865,11867,11869,11872,11875,11877],{"class":3407,"line":3579},[3405,11866,10057],{"class":4617},[3405,11868,10060],{"class":4855},[3405,11870,11871],{"class":4617}," --if-match",[3405,11873,11874],{"class":4855}," $NEW_ETAG",[3405,11876,8977],{"class":4617},[3405,11878,8232],{"class":4621},[4207,11880],{},[3348,11882,11884],{"id":11883},"резюме","Резюме",[4029,11886,11887,11893,11898,11903,11908,11917,11929,11941,11950,11956,11964],{},[3786,11888,11889,11892],{},[3373,11890,11891],{},"CDN"," — глобальна мережа серверів, що кешують контент поблизу користувача. Вирішує проблему latency та зменшує навантаження на Origin.",[3786,11894,11895,11897],{},[3373,11896,3969],{}," — CDN від AWS. 400+ Edge Locations. Кешує контент, термінує SSL, захищає від DDoS.",[3786,11899,11900,11902],{},[3373,11901,5610],{}," — одиниця конфігурації CloudFront. Містить Origins, Behaviors, домени, SSL.",[3786,11904,11905,11907],{},[3373,11906,5862],{}," — правильний спосіб підключити закритий S3 до CloudFront. Bucket залишається приватним.",[3786,11909,11910,11913,11914,11916],{},[3373,11911,11912],{},"OAI"," (застарілий) → замінено ",[3373,11915,5867],{}," (рекомендовано).",[3786,11918,11919,11922,11923,11925,11926,11928],{},[3373,11920,11921],{},"Cache Behaviors:"," різні TTL та правила для різних URL. ",[3365,11924,6703],{}," без кешу, ",[3365,11927,6724],{}," на рік.",[3786,11930,11931,8407,11934,8342,11936,11938,11939,3380],{},[3373,11932,11933],{},"TTL та Cache-Control:",[3365,11935,5487],{},[3365,11937,4294],{},". JS\u002FCSS з hash → ",[3365,11940,6732],{},[3786,11942,11943,11946,11947,11949],{},[3373,11944,11945],{},"Invalidation:"," очищення кешу після деплою. Лише ",[3365,11948,5487],{}," зазвичай достатньо.",[3786,11951,11952,11955],{},[3373,11953,11954],{},"CloudFront Functions:"," JS код на edge для URL rewriting, A\u002FB тестування.",[3786,11957,11958,11961,11962,3380],{},[3373,11959,11960],{},"ACM сертифікат для CloudFront:"," ОБОВ'ЯЗКОВО у регіоні ",[3365,11963,6269],{},[3786,11965,11966,11969],{},[3373,11967,11968],{},"pp.ua:"," безкоштовний субдомен. CNAME → CloudFront domain. Ідеально для навчання.",[4207,11971],{},[3348,11973,11975],{"id":11974},"практичні-завдання","Практичні завдання",[3357,11977,11979],{"id":11978},"рівень-1-базовий","Рівень 1 (Базовий)",[3353,11981,11982,11985],{},[3373,11983,11984],{},"Завдання 1."," Поясніть власними словами що таке CDN і навіщо він потрібен. Що станеться якщо користувач у Токіо відкриє сайт без CDN, розміщений у Франкфурті?",[3353,11987,11988,11991,11992,11994],{},[3373,11989,11990],{},"Завдання 2."," Чому ACM сертифікат для CloudFront потрібно створювати у ",[3365,11993,6269],{},", а не в тому регіоні де ваш S3?",[3357,11996,11998],{"id":11997},"рівень-2-практичний","Рівень 2 (Практичний)",[3353,12000,12001,12004,12005,12007],{},[3373,12002,12003],{},"Завдання 3."," Задеплойте React SPA на S3 + CloudFront за інструкцією. Налаштуйте власний домен через pp.ua. Перевірте ",[3365,12006,9941],{}," у заголовках відповіді.",[3353,12009,12010,12013,12014,12016,12017,12019],{},[3373,12011,12012],{},"Завдання 4."," Напишіть ",[3365,12015,10517],{}," скрипт, що: білдить React, синхронізує S3 з правильними Cache-Control заголовками, інвалідує лише ",[3365,12018,5487],{}," у CloudFront. Протестуйте: задеплойте нову версію і переконайтесь, що зміни видно одразу.",[3357,12021,12023],{"id":12022},"рівень-3-архітектура","Рівень 3 (Архітектура)",[3353,12025,12026,12029,12030,12033,12034,12036,12037,12040,12041,12043,12044,12046],{},[3373,12027,12028],{},"Завдання 5."," Спроектуйте CloudFront Distribution для SPA з .NET API: фронтенд (S3 → CloudFront, ",[3365,12031,12032],{},"max-age=31536000","), API запити (",[3365,12035,6703],{}," → ALB без кешу), статика (",[3365,12038,12039],{},"\u002Fpublic\u002F*"," → S3 ",[3365,12042,4671],{},"). Додайте CloudFront Function для ",[3365,12045,5487],{}," fallback без помилки 403. Намалюйте схему у PlantUML.",[12048,12049,12050],"style",{},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .sjcCO, html code.shiki .sjcCO{--shiki-light:#EE0000;--shiki-default:#D7BA7D;--shiki-dark:#D7BA7D}html pre.shiki code .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}html pre.shiki code .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}html pre.shiki code .sLwNe, html code.shiki .sLwNe{--shiki-light:#0451A5;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sKtos, html code.shiki .sKtos{--shiki-light:#800000;--shiki-default:#569CD6;--shiki-dark:#569CD6}",{"title":3401,"searchDepth":3414,"depth":3414,"links":12052},[12053,12058,12064,12065,12070,12071,12072,12076,12079,12080,12084,12095,12096],{"id":3350,"depth":3414,"text":3351,"children":12054},[12055,12056,12057],{"id":3359,"depth":3420,"text":3360},{"id":3752,"depth":3420,"text":3753},{"id":3977,"depth":3420,"text":3978},{"id":4211,"depth":3414,"text":4212,"children":12059},[12060,12061,12062,12063],{"id":4222,"depth":3420,"text":4223},{"id":4349,"depth":3420,"text":4350},{"id":4587,"depth":3420,"text":4588},{"id":4679,"depth":3420,"text":4680},{"id":5604,"depth":3414,"text":5605},{"id":5825,"depth":3414,"text":5826,"children":12066},[12067,12068,12069],{"id":5849,"depth":3420,"text":5850},{"id":6172,"depth":3420,"text":6173},{"id":6210,"depth":3420,"text":6211},{"id":6219,"depth":3414,"text":6220},{"id":6482,"depth":3414,"text":6483},{"id":6776,"depth":3414,"text":6777,"children":12073},[12074,12075],{"id":6829,"depth":3420,"text":6830},{"id":6944,"depth":3420,"text":6945},{"id":7200,"depth":3414,"text":7201,"children":12077},[12078],{"id":7524,"depth":3420,"text":7525},{"id":7963,"depth":3414,"text":7964},{"id":8376,"depth":3414,"text":8377,"children":12081},[12082,12083],{"id":8543,"depth":3420,"text":8544},{"id":8642,"depth":3420,"text":8643},{"id":8761,"depth":3414,"text":8762,"children":12085},[12086,12087,12088,12089,12090,12091,12092,12093,12094],{"id":8765,"depth":3420,"text":8766},{"id":8826,"depth":3420,"text":8827},{"id":9082,"depth":3420,"text":9083},{"id":9649,"depth":3420,"text":9650},{"id":9954,"depth":3420,"text":9955},{"id":10289,"depth":3420,"text":10290},{"id":10814,"depth":3420,"text":10815},{"id":11541,"depth":3420,"text":11542},{"id":11622,"depth":3420,"text":11623},{"id":11883,"depth":3414,"text":11884},{"id":11974,"depth":3414,"text":11975,"children":12097},[12098,12099,12100],{"id":11978,"depth":3420,"text":11979},{"id":11997,"depth":3420,"text":11998},{"id":12022,"depth":3420,"text":12023},"Детальне пояснення що таке CDN і навіщо він потрібен. CloudFront Distributions, Origins, Edge Locations, Cache Behaviors, OAC, CloudFront Functions, Invalidations. Повна лабораторна робота з React SPA на S3 + CloudFront + HTTPS з підключенням безкоштовного домену pp.ua.","md",null,{},{"title":3250,"description":12101},"pWIgg9e1akXyjMq-7fybKHGDVJHfcXTZ_HxFMmA4BFc",[12108,12110],{"title":3246,"path":3247,"stem":3248,"description":12109,"children":-1},"Повний посібник з Amazon S3 для .NET і React розробників. Buckets, Storage Classes, Versioning, Lifecycle Policies, безпека, статичний хостинг, CORS, Presigned URLs, SDK for .NET та медіа-стрімінг HLS\u002FDASH.",{"title":3254,"path":3255,"stem":3256,"description":12111,"children":-1},"Повний посібник з Amazon RDS для .NET розробників. PostgreSQL, MySQL, SQL Server, Multi-AZ, Read Replicas, Aurora, RDS Proxy, підключення через Entity Framework Core та Code-First міграції.",1782371306102]