[{"data":1,"prerenderedAt":18027},["ShallowReactive",2],{"navigation_docs":3,"-web-development-realtime-notifications-jobs-04-server-sent-events":5074,"-web-development-realtime-notifications-jobs-04-server-sent-events-surround":18024},[4,1707,2040,2512,2693,2819,3026,3148,3198,3255,3289,3415,3492,3506,3645,3939,4016,4749,4924,5017,5070],{"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,1904,1908,1912,1916,1920,1924,1928,1932,1936,1940,1944,1948,1952,1956,1960,1964,1968,1972,1976,1980,1984,1988,1992,1996,2000,2004,2008,2012,2016,2020,2024,2028,2032,2036],{"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-стиль (stdio.h)","\u002Fcpp\u002Fc-style-files","02.cpp\u002F47.c-style-files",{"title":1905,"path":1906,"stem":1907},"Робота з файлами: C++-стиль (fstream)","\u002Fcpp\u002Fcpp-style-files","02.cpp\u002F48.cpp-style-files",{"title":1909,"path":1910,"stem":1911},"Введення в ООП: від процедур до об'єктів","\u002Fcpp\u002Foop-intro","02.cpp\u002F49.oop-intro",{"title":1913,"path":1914,"stem":1915},"Класи, об'єкти та методи","\u002Fcpp\u002Fclasses-objects-methods","02.cpp\u002F50.classes-objects-methods",{"title":1917,"path":1918,"stem":1919},"Специфікатори доступу та інкапсуляція","\u002Fcpp\u002Faccess-specifiers-encapsulation","02.cpp\u002F51.access-specifiers-encapsulation",{"title":1921,"path":1922,"stem":1923},"Конструктори: гарантована ініціалізація об'єктів","\u002Fcpp\u002Fconstructors","02.cpp\u002F52.constructors",{"title":1925,"path":1926,"stem":1927},"Списки ініціалізації та делегуючі конструктори","\u002Fcpp\u002Finit-lists-delegating","02.cpp\u002F53.init-lists-delegating",{"title":1929,"path":1930,"stem":1931},"Деструктори та ідіома RAII","\u002Fcpp\u002Fdestructors-raii","02.cpp\u002F54.destructors-raii",{"title":1933,"path":1934,"stem":1935},"Прихований покажчик this","\u002Fcpp\u002Fthis-pointer","02.cpp\u002F55.this-pointer",{"title":1937,"path":1938,"stem":1939},"Розподіл класу на заголовковий файл та файл реалізації","\u002Fcpp\u002Fclass-header-source","02.cpp\u002F56.class-header-source",{"title":1941,"path":1942,"stem":1943},"Класи та const","\u002Fcpp\u002Fconst-classes","02.cpp\u002F57.const-classes",{"title":1945,"path":1946,"stem":1947},"Статичні члени класу","\u002Fcpp\u002Fstatic-members","02.cpp\u002F58.static-members",{"title":1949,"path":1950,"stem":1951},"Конструктор копіювання та запобігання копіюванню","\u002Fcpp\u002Fcopy-constructor","02.cpp\u002F59.copy-constructor",{"title":1953,"path":1954,"stem":1955},"Дружні функції та класи","\u002Fcpp\u002Ffriend-functions-classes","02.cpp\u002F60.friend-functions-classes",{"title":1957,"path":1958,"stem":1959},"Анонімні об'єкти та вкладені типи","\u002Fcpp\u002Fanonymous-objects-nested-types","02.cpp\u002F61.anonymous-objects-nested-types",{"title":1961,"path":1962,"stem":1963},"Вимірювання часу виконання: RAII-таймер","\u002Fcpp\u002Ftiming-raii-timer","02.cpp\u002F62.timing-raii-timer",{"title":1965,"path":1966,"stem":1967},"Перевантаження операторів: основи та арифметика","\u002Fcpp\u002Foperator-overloading-basics","02.cpp\u002F63.operator-overloading-basics",{"title":1969,"path":1970,"stem":1971},"Перевантаження операторів: методи класу та спеціальні оператори","\u002Fcpp\u002Foperator-overloading-methods","02.cpp\u002F64.operator-overloading-methods",{"title":1973,"path":1974,"stem":1975},"Приведення типів, explicit та delete","\u002Fcpp\u002Ftypecast-explicit-delete","02.cpp\u002F65.typecast-explicit-delete",{"title":1977,"path":1978,"stem":1979},"Глибоке копіювання та оператор присвоювання","\u002Fcpp\u002Fdeep-copy-assignment","02.cpp\u002F66.deep-copy-assignment",{"title":1981,"path":1982,"stem":1983},"Зв'язки між об'єктами: композиція та агрегація","\u002Fcpp\u002Fcomposition-aggregation","02.cpp\u002F67.composition-aggregation",{"title":1985,"path":1986,"stem":1987},"Асоціація та залежність між об","\u002Fcpp\u002Fassociation-dependency","02.cpp\u002F68.association-dependency",{"title":1989,"path":1990,"stem":1991},"Контейнерні класи та `std::initializer_list`","\u002Fcpp\u002Fcontainer-classes-initializer-list","02.cpp\u002F69.container-classes-initializer-list",{"title":1993,"path":1994,"stem":1995},"Конструктори, деструктори та порядок ініціалізації в ієрархіях","\u002Fcpp\u002Finheritance-constructors-destructors","02.cpp\u002F71.inheritance-constructors-destructors",{"title":1997,"path":1998,"stem":1999},"Специфікатор `protected` та види наслідування","\u002Fcpp\u002Finheritance-access-specifiers","02.cpp\u002F72.inheritance-access-specifiers",{"title":2001,"path":2002,"stem":2003},"Перевизначення методів та приховування імен","\u002Fcpp\u002Fmethod-overriding-hiding","02.cpp\u002F73.method-overriding-hiding",{"title":2005,"path":2006,"stem":2007},"Множинне наслідування та проблема ромба","\u002Fcpp\u002Fmultiple-inheritance-diamond","02.cpp\u002F74.multiple-inheritance-diamond",{"title":2009,"path":2010,"stem":2011},"Вказівники на базовий клас та віртуальні функції","\u002Fcpp\u002Fvirtual-functions-polymorphism","02.cpp\u002F75.virtual-functions-polymorphism",{"title":2013,"path":2014,"stem":2015},"Специфікатори override, final та віртуальні деструктори","\u002Fcpp\u002Foverride-final-virtual-destructors","02.cpp\u002F76.override-final-virtual-destructors",{"title":2017,"path":2018,"stem":2019},"Внутрішні механізми поліморфізму: vtable, vptr та зв'язування","\u002Fcpp\u002Fvirtual-table-binding","02.cpp\u002F77.virtual-table-binding",{"title":2021,"path":2022,"stem":2023},"Абстрактні класи та чисті віртуальні функції","\u002Fcpp\u002Fabstract-classes-interfaces","02.cpp\u002F78.abstract-classes-interfaces",{"title":2025,"path":2026,"stem":2027},"Зрізка об'єктів, віртуальне наслідування та поліморфний вивід","\u002Fcpp\u002Fslicing-virtual-base-io","02.cpp\u002F79.slicing-virtual-base-io",{"title":2029,"path":2030,"stem":2031},"Динамічне приведення типів (`dynamic_cast`) та RTTI","\u002Fcpp\u002Fdynamic-cast-rtti","02.cpp\u002F80.dynamic-cast-rtti",{"title":2033,"path":2034,"stem":2035},"Шаблони функцій: узагальнене програмування","\u002Fcpp\u002Ffunction-templates","02.cpp\u002F81.function-templates",{"title":2037,"path":2038,"stem":2039},"Шаблони класів та NTTP-параметри","\u002Fcpp\u002Fclass-templates-nttp","02.cpp\u002F82.class-templates-nttp",{"title":2041,"icon":2042,"path":2043,"stem":2044,"children":2045,"page":59},"JavaScript","i-devicon-javascript","\u002Fjavascript","03.javascript",[2046,2072,2126,2148,2452,2490,2508],{"title":2047,"icon":2048,"path":2049,"stem":2050,"children":2051,"page":59},"Events","i-lucide-mouse-pointer-click","\u002Fjavascript\u002Fevents","03.javascript\u002F01.events",[2052,2056,2060,2064,2068],{"title":2053,"path":2054,"stem":2055},"Вступ до подій браузера","\u002Fjavascript\u002Fevents\u002Fintro","03.javascript\u002F01.events\u002F01.intro",{"title":2057,"path":2058,"stem":2059},"Бульбашковий механізм (Bubbling) та занурення (Capturing)","\u002Fjavascript\u002Fevents\u002Fbubbling-capturing","03.javascript\u002F01.events\u002F02.bubbling-capturing",{"title":2061,"path":2062,"stem":2063},"Делегування подій (Event Delegation)","\u002Fjavascript\u002Fevents\u002Fdelegate-events","03.javascript\u002F01.events\u002F03.delegate-events",{"title":2065,"path":2066,"stem":2067},"Типові дії браузера та preventDefault()","\u002Fjavascript\u002Fevents\u002Fprevent-default","03.javascript\u002F01.events\u002F04.prevent-default",{"title":2069,"path":2070,"stem":2071},"Запуск користувацьких подій (Custom Events)","\u002Fjavascript\u002Fevents\u002Fcustom-events","03.javascript\u002F01.events\u002F05.custom-events",{"title":2073,"icon":2074,"path":2075,"stem":2076,"children":2077,"page":59},"Network","i-lucide-globe","\u002Fjavascript\u002Fnetwork","03.javascript\u002F02.network",[2078,2082,2086,2090,2094,2098,2102,2106,2110,2114,2118,2122],{"title":2079,"path":2080,"stem":2081},"Fetch API - Сучасний підхід до HTTP-запитів","\u002Fjavascript\u002Fnetwork\u002F01-fetch-api","03.javascript\u002F02.network\u002F01-fetch-api",{"title":2083,"path":2084,"stem":2085},"FormData - Робота з формами та файлами","\u002Fjavascript\u002Fnetwork\u002F02-formdata","03.javascript\u002F02.network\u002F02-formdata",{"title":2087,"path":2088,"stem":2089},"Відстеження прогресу завантаження","\u002Fjavascript\u002Fnetwork\u002F03-download-progress","03.javascript\u002F02.network\u002F03-download-progress",{"title":2091,"path":2092,"stem":2093},"Переривання fetch-запитів","\u002Fjavascript\u002Fnetwork\u002F04-abort-requests","03.javascript\u002F02.network\u002F04-abort-requests",{"title":2095,"path":2096,"stem":2097},"CORS - Запити між різними джерелами","\u002Fjavascript\u002Fnetwork\u002F05-cors","03.javascript\u002F02.network\u002F05-cors",{"title":2099,"path":2100,"stem":2101},"Fetch API - Повний довідник опцій","\u002Fjavascript\u002Fnetwork\u002F06-fetch-options","03.javascript\u002F02.network\u002F06-fetch-options",{"title":2103,"path":2104,"stem":2105},"URL Objects - Робота з посиланнями","\u002Fjavascript\u002Fnetwork\u002F07-url-objects","03.javascript\u002F02.network\u002F07-url-objects",{"title":2107,"path":2108,"stem":2109},"XMLHttpRequest - AJAX та низькорівневі запити","\u002Fjavascript\u002Fnetwork\u002F08-xmlhttprequest","03.javascript\u002F02.network\u002F08-xmlhttprequest",{"title":2111,"path":2112,"stem":2113},"Відновлюване завантаження файлів","\u002Fjavascript\u002Fnetwork\u002F09-resumable-upload","03.javascript\u002F02.network\u002F09-resumable-upload",{"title":2115,"path":2116,"stem":2117},"Cookies, document.cookie та світ після \"Cookiepocalypse\"","\u002Fjavascript\u002Fnetwork\u002F10-cookies","03.javascript\u002F02.network\u002F10-cookies",{"title":2119,"path":2120,"stem":2121},"js-cookie: Керування Cookies без Болю","\u002Fjavascript\u002Fnetwork\u002F11-js-cookie","03.javascript\u002F02.network\u002F11-js-cookie",{"title":2123,"path":2124,"stem":2125},"Axios: Потужний HTTP-клієнт для JavaScript","\u002Fjavascript\u002Fnetwork\u002F12-axios","03.javascript\u002F02.network\u002F12-axios",{"title":2127,"icon":2128,"path":2129,"stem":2130,"children":2131,"page":59},"Bom","i-lucide-monitor","\u002Fjavascript\u002Fbom","03.javascript\u002F03.bom",[2132,2136,2140,2144],{"title":2133,"path":2134,"stem":2135},"LocalStorage, SessionStorage та patterns збереження даних","\u002Fjavascript\u002Fbom\u002F01-localstorage","03.javascript\u002F03.bom\u002F01-localstorage",{"title":2137,"path":2138,"stem":2139},"Location Object - Керування адресою сторінки","\u002Fjavascript\u002Fbom\u002F02-location-object","03.javascript\u002F03.bom\u002F02-location-object",{"title":2141,"path":2142,"stem":2143},"History API - Керування історією браузера","\u002Fjavascript\u002Fbom\u002F03-history-api","03.javascript\u002F03.bom\u002F03-history-api",{"title":2145,"path":2146,"stem":2147},"Navigator Object - Ідентифікація та Можливості Пристрою","\u002Fjavascript\u002Fbom\u002F04-navigator-object","03.javascript\u002F03.bom\u002F04-navigator-object",{"title":2149,"icon":2150,"path":2151,"stem":2152,"children":2153},"React","i-devicon-react","\u002Fjavascript\u002Freact","03.javascript\u002F04.react\u002Findex",[2154,2155,2159,2163,2167,2171,2234,2269,2421],{"title":2149,"path":2151,"stem":2152},{"title":2156,"path":2157,"stem":2158},"Робота з Формами в React","\u002Fjavascript\u002Freact\u002Freact-forms","03.javascript\u002F04.react\u002F01.react-forms",{"title":2160,"path":2161,"stem":2162},"React Hook Form: Професійна Робота з Формами","\u002Fjavascript\u002Freact\u002Freact-hook-form","03.javascript\u002F04.react\u002F02.react-hook-form",{"title":2164,"path":2165,"stem":2166},"React Hook Form: Глибоке Розуміння Архітектури та Оптимізації","\u002Fjavascript\u002Freact\u002Freact-hook-form-new","03.javascript\u002F04.react\u002F02.react-hook-form-new",{"title":2168,"path":2169,"stem":2170},"Axios та React: Професійна Архітектура Запитів","\u002Fjavascript\u002Freact\u002Fdata-fetching-axios","03.javascript\u002F04.react\u002F03.data-fetching-axios",{"title":2172,"icon":132,"path":2173,"stem":2174,"children":2175},"Tanstack Query","\u002Fjavascript\u002Freact\u002Ftanstack-query","03.javascript\u002F04.react\u002F04.tanstack-query\u002Findex",[2176,2178,2182,2186,2190,2194,2198,2202,2206,2210,2214,2218,2222,2226,2230],{"title":2177,"path":2173,"stem":2174},"TanStack Query: Майстерність Керування Станом Сервера",{"title":2179,"path":2180,"stem":2181},"Парадигма Server State: Чому useEffect недостатньо","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-state-paradigm","03.javascript\u002F04.react\u002F04.tanstack-query\u002F01.server-state-paradigm",{"title":2183,"path":2184,"stem":2185},"Встановлення та Налаштування: Фундамент","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Finstallation-and-devtools","03.javascript\u002F04.react\u002F04.tanstack-query\u002F02.installation-and-devtools",{"title":2187,"path":2188,"stem":2189},"Основи Запитів та Магія Ключів","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fquery-basics-and-keys","03.javascript\u002F04.react\u002F04.tanstack-query\u002F03.query-basics-and-keys",{"title":2191,"path":2192,"stem":2193},"Синхронізація Даних: Життєвий Цикл Запиту","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fdata-synchronization","03.javascript\u002F04.react\u002F04.tanstack-query\u002F04.data-synchronization",{"title":2195,"path":2196,"stem":2197},"Мутації та Інвалідація: Зміна Даних","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fmutations-and-invalidation","03.javascript\u002F04.react\u002F04.tanstack-query\u002F05.mutations-and-invalidation",{"title":2199,"path":2200,"stem":2201},"Оптимістичні Оновлення: Швидше за Світло","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Foptimistic-updates","03.javascript\u002F04.react\u002F04.tanstack-query\u002F06.optimistic-updates",{"title":2203,"path":2204,"stem":2205},"Пагінація та Infinite Scroll","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fpagination-and-load-more","03.javascript\u002F04.react\u002F04.tanstack-query\u002F07.pagination-and-load-more",{"title":2207,"path":2208,"stem":2209},"Просунуті Патерни та Оптимізація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F04.tanstack-query\u002F08.advanced-patterns",{"title":2211,"path":2212,"stem":2213},"Архітектура та Best Practices","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Farchitecture-and-best-practices","03.javascript\u002F04.react\u002F04.tanstack-query\u002F09.architecture-and-best-practices",{"title":2215,"path":2216,"stem":2217},"Server-Side Rendering (SSR) та Гідратація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-side-rendering","03.javascript\u002F04.react\u002F04.tanstack-query\u002F10.server-side-rendering",{"title":2219,"path":2220,"stem":2221},"Стратегії Тестування","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Ftesting-strategies","03.javascript\u002F04.react\u002F04.tanstack-query\u002F11.testing-strategies",{"title":2223,"path":2224,"stem":2225},"Аутентифікація та Обробка Помилок","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fauthentication-and-errors","03.javascript\u002F04.react\u002F04.tanstack-query\u002F12.authentication-and-errors",{"title":2227,"path":2228,"stem":2229},"React Suspense та Майбутнє","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Freact-suspense","03.javascript\u002F04.react\u002F04.tanstack-query\u002F13.react-suspense",{"title":2231,"path":2232,"stem":2233},"Глибоке Занурення в Продуктивність","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fperformance-deep-dive","03.javascript\u002F04.react\u002F04.tanstack-query\u002F14.performance-deep-dive",{"title":2235,"icon":2150,"path":2236,"stem":2237,"children":2238},"React Router","\u002Fjavascript\u002Freact\u002Freact-router","03.javascript\u002F04.react\u002F05.react-router\u002Findex",[2239,2241,2245,2249,2253,2257,2261,2265],{"title":2240,"path":2236,"stem":2237},"React Router: Навігаційна система сучасного вебу",{"title":2242,"path":2243,"stem":2244},"Налаштування та Базовий Роутинг","\u002Fjavascript\u002Freact\u002Freact-router\u002Fsetup-and-basic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F01.setup-and-basic-routing",{"title":2246,"path":2247,"stem":2248},"Динамічна Навігація","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnavigation-and-links","03.javascript\u002F04.react\u002F05.react-router\u002F02.navigation-and-links",{"title":2250,"path":2251,"stem":2252},"Вкладені Маршрути та Макети","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnested-routes-and-layouts","03.javascript\u002F04.react\u002F05.react-router\u002F03.nested-routes-and-layouts",{"title":2254,"path":2255,"stem":2256},"Динамічні Маршрути та Параметри","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdynamic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F04.dynamic-routing",{"title":2258,"path":2259,"stem":2260},"Data APIs: Loaders та Actions","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdata-loading","03.javascript\u002F04.react\u002F05.react-router\u002F05.data-loading",{"title":2262,"path":2263,"stem":2264},"Просунуті Патерни","\u002Fjavascript\u002Freact\u002Freact-router\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F05.react-router\u002F06.advanced-patterns",{"title":2266,"path":2267,"stem":2268},"Legacy Routing: Компонентний підхід","\u002Fjavascript\u002Freact\u002Freact-router\u002Flegacy-routing","03.javascript\u002F04.react\u002F05.react-router\u002F07.legacy-routing",{"title":2270,"icon":132,"path":2271,"stem":2272,"children":2273},"Redux","\u002Fjavascript\u002Freact\u002Fredux","03.javascript\u002F04.react\u002F06.redux\u002Findex",[2274,2276,2292,2321,2330,2351,2367,2396],{"title":2275,"path":2271,"stem":2272},"Redux: Еволюція управління станом",{"title":14,"icon":15,"path":2277,"stem":2278,"children":2279,"page":59},"\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals",[2280,2284,2288],{"title":2281,"path":2282,"stem":2283},"Вступ до State Management","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fintro-state-management","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F01.intro-state-management",{"title":2285,"path":2286,"stem":2287},"Філософія Redux та Три Принципи","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fredux-philosophy","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F02.redux-philosophy",{"title":2289,"path":2290,"stem":2291},"Чисті функції та Іммутабельність","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fpure-functions-immutability","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F03.pure-functions-immutability",{"title":2293,"icon":132,"path":2294,"stem":2295,"children":2296,"page":59},"Classic Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux",[2297,2301,2305,2309,2313,2317],{"title":2298,"path":2299,"stem":2300},"Створення Store (Classic Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fstore-setup","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F01.store-setup",{"title":2302,"path":2303,"stem":2304},"Actions, Constants та Action Creators","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Factions-constants","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F02.actions-constants",{"title":2306,"path":2307,"stem":2308},"Логіка Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freducers","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F03.reducers",{"title":2310,"path":2311,"stem":2312},"Комбінування Reducers (Root Reducer)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fdata-flow","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F04.data-flow",{"title":2314,"path":2315,"stem":2316},"Підключення до 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":2318,"path":2319,"stem":2320},"Middleware та Асинхронність (Redux Thunk)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fmiddleware-thunk","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F06.middleware-thunk",{"title":2322,"icon":132,"path":2323,"stem":2324,"children":2325,"page":59},"Transition To Rtk","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk",[2326],{"title":2327,"path":2328,"stem":2329},"Проблеми класичного 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":2331,"icon":132,"path":2332,"stem":2333,"children":2334,"page":59},"Redux Toolkit","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit",[2335,2339,2343,2347],{"title":2336,"path":2337,"stem":2338},"Налаштування Store з configureStore","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fconfigure-store","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F01.configure-store",{"title":2340,"path":2341,"stem":2342},"createSlice: Революція в Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fcreate-slice","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F02.create-slice",{"title":2344,"path":2345,"stem":2346},"Асинхронність з createAsyncThunk","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fasync-thunks","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F03.async-thunks",{"title":2348,"path":2349,"stem":2350},"04. Entity Adapter: Керування нормалізованим станом","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fentity-adapter","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F04.entity-adapter",{"title":2352,"icon":92,"path":2353,"stem":2354,"children":2355,"page":59},"Advanced","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced",[2356,2360,2364],{"title":2357,"path":2358,"stem":2359},"Мемоізація та Селектори: Повний Гайд по Reselect","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Fselectors-reselect","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F01.selectors-reselect",{"title":2361,"path":2362,"stem":2363},"RTK Query: Архітектура Серверного Кешу","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Frtk-query-intro","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F02.rtk-query-intro",{"title":2211,"path":2365,"stem":2366},"\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Farchitecture-best-practices","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F03.architecture-best-practices",{"title":2368,"icon":132,"path":2369,"stem":2370,"children":2371,"page":59},"Project Kanban","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban",[2372,2376,2380,2384,2388,2392],{"title":2373,"path":2374,"stem":2375},"Проєкт: Kanban Board (Trello Clone)","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fproject-overview","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F01.project-overview",{"title":2377,"path":2378,"stem":2379},"Налаштування та Типізація","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fsetup-and-types","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F02.setup-and-types",{"title":2381,"path":2382,"stem":2383},"Board Slice: Серце Дошки","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fboard-slice","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F03.board-slice",{"title":2385,"path":2386,"stem":2387},"Логіка 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":2389,"path":2390,"stem":2391},"Інтеграція з RTK Query","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Frtk-query-integration","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F05.rtk-query-integration",{"title":2393,"path":2394,"stem":2395},"Optimistic Updates","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Foptimistic-updates","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F06.optimistic-updates",{"title":2397,"icon":132,"path":2398,"stem":2399,"children":2400,"page":59},"Testing","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting","03.javascript\u002F04.react\u002F06.redux\u002F07.testing",[2401,2405,2409,2413,2417],{"title":2402,"path":2403,"stem":2404},"Тестування Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Fintro-testing","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F01.intro-testing",{"title":2406,"path":2407,"stem":2408},"Тестування Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-reducers","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F02.testing-reducers",{"title":2410,"path":2411,"stem":2412},"Тестування Селекторів","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-selectors","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F03.testing-selectors",{"title":2414,"path":2415,"stem":2416},"Тестування Компонентів (Integration)","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-components","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F04.testing-components",{"title":2418,"path":2419,"stem":2420},"Тестування Async Thunks","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-thunks","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F05.testing-thunks",{"title":2422,"icon":132,"path":2423,"stem":2424,"children":2425},"Ui Libraries","\u002Fjavascript\u002Freact\u002Fui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002Findex",[2426,2428,2432,2436,2440,2444,2448],{"title":2427,"path":2423,"stem":2424},"UI Бібліотеки в React",{"title":2429,"path":2430,"stem":2431},"Вступ до UI Бібліотек: Навіщо Винаходити Велосипед Двічі?","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fintroduction-to-ui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002F01.introduction-to-ui-libraries",{"title":2433,"path":2434,"stem":2435},"Філософія shadcn\u002Fui: \"Not a Component Library\"","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-philosophy","03.javascript\u002F04.react\u002F07.ui-libraries\u002F02.shadcn-philosophy",{"title":2437,"path":2438,"stem":2439},"Установка та Налаштування shadcn\u002Fui","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-installation","03.javascript\u002F04.react\u002F07.ui-libraries\u002F03.shadcn-installation",{"title":2441,"path":2442,"stem":2443},"Базові Компоненти shadcn\u002Fui: Фундамент Інтерфейсу","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-basics","03.javascript\u002F04.react\u002F07.ui-libraries\u002F04.shadcn-components-basics",{"title":2445,"path":2446,"stem":2447},"Компоненти Форм: Побудова Інтерактивних Form","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-forms","03.javascript\u002F04.react\u002F07.ui-libraries\u002F05.shadcn-components-forms",{"title":2449,"path":2450,"stem":2451},"Складні Компоненти: Dialog, Dropdown, Table та Command","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-advanced","03.javascript\u002F04.react\u002F07.ui-libraries\u002F06.shadcn-components-advanced",{"title":2453,"icon":2454,"path":2455,"stem":2456,"children":2457,"page":59},"TypeScript","i-devicon-typescript","\u002Fjavascript\u002Ftypescript","03.javascript\u002F05.typescript",[2458,2462,2466,2470,2474,2478,2482,2486],{"title":2459,"path":2460,"stem":2461},"TypeScript: Броня для вашого коду","\u002Fjavascript\u002Ftypescript\u002Fintro-and-basic-types","03.javascript\u002F05.typescript\u002F01.intro-and-basic-types",{"title":2463,"path":2464,"stem":2465},"Майстерність Моделювання Даних: Інтерфейси та Просунуті Типи","\u002Fjavascript\u002Ftypescript\u002Finterfaces-and-advanced-types","03.javascript\u002F05.typescript\u002F02.interfaces-and-advanced-types",{"title":2467,"path":2468,"stem":2469},"Алхімія Типів: Generics та Utility Types","\u002Fjavascript\u002Ftypescript\u002Fgenerics-and-utilities","03.javascript\u002F05.typescript\u002F03.generics-and-utilities",{"title":2471,"path":2472,"stem":2473},"Архітектура та Шаблони: Класи в TypeScript","\u002Fjavascript\u002Ftypescript\u002Fclasses-and-oop","03.javascript\u002F05.typescript\u002F04.classes-and-oop",{"title":2475,"path":2476,"stem":2477},"Продакшн та Екосистема: Advanced Config & Workflow","\u002Fjavascript\u002Ftypescript\u002Fadvanced-patterns-and-config","03.javascript\u002F05.typescript\u002F05.advanced-patterns-and-config",{"title":2479,"path":2480,"stem":2481},"TypeScript у світі React","\u002Fjavascript\u002Ftypescript\u002Freact-basics","03.javascript\u002F05.typescript\u002F06.react-basics",{"title":2483,"path":2484,"stem":2485},"React + TypeScript: Продвинуті патерни","\u002Fjavascript\u002Ftypescript\u002Freact-advanced","03.javascript\u002F05.typescript\u002F07.react-advanced",{"title":2487,"path":2488,"stem":2489},"React + TypeScript: Екосистема та бібліотеки","\u002Fjavascript\u002Ftypescript\u002Freact-ecosystem","03.javascript\u002F05.typescript\u002F08.react-ecosystem",{"title":2491,"icon":2492,"path":2493,"stem":2494,"children":2495,"page":59},"Асинхронність","i-lucide-refresh-cw","\u002Fjavascript\u002Fasync-programming","03.javascript\u002F06.async-programming",[2496,2500,2504],{"title":2497,"path":2498,"stem":2499},"Event Loop: серце асинхронності в JavaScript","\u002Fjavascript\u002Fasync-programming\u002Fevent-loop-fundamentals","03.javascript\u002F06.async-programming\u002F01.event-loop-fundamentals",{"title":2501,"path":2502,"stem":2503},"Task Queue та Microtask Queue: пріоритети виконання","\u002Fjavascript\u002Fasync-programming\u002Ftask-queues","03.javascript\u002F06.async-programming\u002F02.task-queues",{"title":2505,"path":2506,"stem":2507},"Асинхронні патерни: від Callbacks до Async\u002FAwait","\u002Fjavascript\u002Fasync-programming\u002Fasync-patterns","03.javascript\u002F06.async-programming\u002F03.async-patterns",{"title":2509,"path":2510,"stem":2511},"Atomic Design","\u002Fjavascript\u002Fatomic-design","03.javascript\u002F2.atomic-design",{"title":2513,"icon":2514,"path":2515,"stem":2516,"children":2517,"page":59},"Java","i-devicon-java","\u002Fjava","04.java",[2518,2521,2524,2528,2532,2536,2540],{"title":162,"path":2519,"stem":2520},"\u002Fjava\u002Fdata-mapper-part1","04.java\u002F01.data-mapper-part1",{"title":166,"path":2522,"stem":2523},"\u002Fjava\u002Fdata-mapper-part2","04.java\u002F02.data-mapper-part2",{"title":2525,"path":2526,"stem":2527},"Service Layer: Організація бізнес-логіки","\u002Fjava\u002Fservice-layer","04.java\u002F03.service-layer",{"title":2529,"path":2530,"stem":2531},"Rich Domain Model та State Pattern","\u002Fjava\u002Frich-domain-model","04.java\u002F04.rich-domain-model",{"title":2533,"path":2534,"stem":2535},"Патерни для складної бізнес-логіки","\u002Fjava\u002Fbusiness-logic-patterns","04.java\u002F05.business-logic-patterns",{"title":2537,"path":2538,"stem":2539},"Обробка помилок та валідація","\u002Fjava\u002Ferror-handling-validation","04.java\u002F06.error-handling-validation",{"title":2541,"path":2542,"stem":2543,"children":2544,"page":59},"Проектування баз даних","\u002Fjava\u002Fpr2","04.java\u002Fpr2",[2545,2549,2553,2557,2561,2565,2569,2573,2577,2581,2585,2589,2593,2597,2601,2605,2609,2613,2617,2621,2625,2629,2633,2637,2641,2645,2649,2653,2657,2661,2665,2669,2673,2677,2681,2685,2689],{"title":2546,"path":2547,"stem":2548},"Концептуальне моделювання: Мистецтво розуміння предметної області","\u002Fjava\u002Fpr2\u002Fconceptual-modeling","04.java\u002Fpr2\u002F01.conceptual-modeling",{"title":2550,"path":2551,"stem":2552},"Логічне моделювання: Від бізнес-ідей до структур даних","\u002Fjava\u002Fpr2\u002Flogical-modeling","04.java\u002Fpr2\u002F02.logical-modeling",{"title":2554,"path":2555,"stem":2556},"Нормалізація: Гігієна даних та боротьба з аномаліями","\u002Fjava\u002Fpr2\u002Fnormalization","04.java\u002Fpr2\u002F03.normalization",{"title":2558,"path":2559,"stem":2560},"Фізична схема: Від абстракції до DDL","\u002Fjava\u002Fpr2\u002Fphysical-schema","04.java\u002Fpr2\u002F04.physical-schema",{"title":2562,"path":2563,"stem":2564},"Архітектурна класифікація таблиць","\u002Fjava\u002Fpr2\u002Ftable-classification","04.java\u002Fpr2\u002F05.table-classification",{"title":2566,"path":2567,"stem":2568},"Database Migrations: Версіонування схеми з Flyway","\u002Fjava\u002Fpr2\u002Fdatabase-migrations","04.java\u002Fpr2\u002F06.database-migrations",{"title":2570,"path":2571,"stem":2572},"А що, якби це була не реляційна БД?","\u002Fjava\u002Fpr2\u002Fbeyond-relational","04.java\u002Fpr2\u002F07.beyond-relational",{"title":2574,"path":2575,"stem":2576},"Object-Relational Impedance Mismatch: Два світи, що не хочуть дружити","\u002Fjava\u002Fpr2\u002Fimpedance-mismatch","04.java\u002Fpr2\u002F09.impedance-mismatch",{"title":2578,"path":2579,"stem":2580},"JDBC: Перший контакт із базою даних","\u002Fjava\u002Fpr2\u002Fjdbc-fundamentals","04.java\u002Fpr2\u002F10.jdbc-fundamentals",{"title":2582,"path":2583,"stem":2584},"Якість коду: Spotless, SpotBugs та SonarQube","\u002Fjava\u002Fpr2\u002F10a.code-quality","04.java\u002Fpr2\u002F10a.code-quality",{"title":2586,"path":2587,"stem":2588},"Connection Pool: Патерн Object Pool для JDBC-з'єднань","\u002Fjava\u002Fpr2\u002Fconnection-pool","04.java\u002Fpr2\u002F11.connection-pool",{"title":2590,"path":2591,"stem":2592},"Row Data Gateway: Об'єкт як обгортка рядка таблиці","\u002Fjava\u002Fpr2\u002Frow-data-gateway","04.java\u002Fpr2\u002F12.row-data-gateway",{"title":2594,"path":2595,"stem":2596},"Table Data Gateway: Фасад таблиці як архітектурний відступ","\u002Fjava\u002Fpr2\u002Ftable-data-gateway","04.java\u002Fpr2\u002F13.table-data-gateway",{"title":2598,"path":2599,"stem":2600},"Repository + Data Mapper: Правильна шарова архітектура з JDBC","\u002Fjava\u002Fpr2\u002Frepository-data-mapper","04.java\u002Fpr2\u002F14.repository-data-mapper",{"title":2602,"path":2603,"stem":2604},"Identity Map: Кешування сутностей у рамках сесії","\u002Fjava\u002Fpr2\u002Fidentity-map","04.java\u002Fpr2\u002F15.identity-map",{"title":2606,"path":2607,"stem":2608},"Unit of Work: Відстеження змін і координація JDBC-транзакцій","\u002Fjava\u002Fpr2\u002Funit-of-work","04.java\u002Fpr2\u002F16.unit-of-work",{"title":2610,"path":2611,"stem":2612},"Strategy: Замінювані SQL-стратегії для підтримки різних СУБД","\u002Fjava\u002Fpr2\u002Fstrategy-sql","04.java\u002Fpr2\u002F17.strategy-sql",{"title":2614,"path":2615,"stem":2616},"Proxy: Lazy Loading для One-To-Many колекцій","\u002Fjava\u002Fpr2\u002Fproxy-lazy-loading","04.java\u002Fpr2\u002F18.proxy-lazy-loading",{"title":2618,"path":2619,"stem":2620},"Generic Repository через Java Reflection: анотації та динамічний SQL","\u002Fjava\u002Fpr2\u002Fgeneric-repository-reflection","04.java\u002Fpr2\u002F19.generic-repository-reflection",{"title":2622,"path":2623,"stem":2624},"Specification Pattern: Композиція бізнес-правил для складних запитів","\u002Fjava\u002Fpr2\u002Fspecification-pattern","04.java\u002Fpr2\u002F20.specification-pattern",{"title":2626,"path":2627,"stem":2628},"Розширені можливості Specification Pattern: підзапити, агрегації та гібридний підхід","\u002Fjava\u002Fpr2\u002F20a.advanced-specifications","04.java\u002Fpr2\u002F20a.advanced-specifications",{"title":2630,"path":2631,"stem":2632},"Асинхронність у JDBC: Від блокуючих викликів до CompletableFuture","\u002Fjava\u002Fpr2\u002Fasynchronous-jdbc","04.java\u002Fpr2\u002F21.asynchronous-jdbc",{"title":2634,"path":2635,"stem":2636},"Інтеграційне тестування JDBC-репозиторіїв: Embedded H2 та патерн AAA","\u002Fjava\u002Fpr2\u002Fintegration-testing-h2","04.java\u002Fpr2\u002F22.integration-testing-h2",{"title":2638,"path":2639,"stem":2640},"Testcontainers: Тестування з реальною PostgreSQL у Docker-контейнерах","\u002Fjava\u002Fpr2\u002Fintegration-testing-testcontainers","04.java\u002Fpr2\u002F23.integration-testing-testcontainers",{"title":2642,"path":2643,"stem":2644},"Google Guice: Впровадження залежностей у JavaFX-проєкті","\u002Fjava\u002Fpr2\u002Fdependency-injection-guice","04.java\u002Fpr2\u002F24.dependency-injection-guice",{"title":2646,"path":2647,"stem":2648},"JavaFX: Основи побудови графічних інтерфейсів","\u002Fjava\u002Fpr2\u002Fjavafx-fundamentals","04.java\u002Fpr2\u002F25.javafx-fundamentals",{"title":2650,"path":2651,"stem":2652},"Properties та Bindings: Реактивність у JavaFX","\u002Fjava\u002Fpr2\u002Fjavafx-properties-bindings","04.java\u002Fpr2\u002F26.javafx-properties-bindings",{"title":2654,"path":2655,"stem":2656},"MVC vs MVP vs MVVM: Еволюція архітектурних патернів UI","\u002Fjava\u002Fpr2\u002Fui-architecture-patterns","04.java\u002Fpr2\u002F27.ui-architecture-patterns",{"title":2658,"path":2659,"stem":2660},"MVVM на практиці: Побудова ViewModel","\u002Fjava\u002Fpr2\u002Fmvvm-viewmodel-implementation","04.java\u002Fpr2\u002F28.mvvm-viewmodel-implementation",{"title":2662,"path":2663,"stem":2664},"View та Controller: Зв'язування з ViewModel через FXML","\u002Fjava\u002Fpr2\u002Fmvvm-view-controller","04.java\u002Fpr2\u002F29.mvvm-view-controller",{"title":2666,"path":2667,"stem":2668},"Інтеграція MVVM з Guice: Автоматична ін'єкція залежностей","\u002Fjava\u002Fpr2\u002Fmvvm-guice-integration","04.java\u002Fpr2\u002F30.mvvm-guice-integration",{"title":2670,"path":2671,"stem":2672},"Валідація та обробка помилок у MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-validation-error-handling","04.java\u002Fpr2\u002F31.mvvm-validation-error-handling",{"title":2674,"path":2675,"stem":2676},"Навігація та управління екранами у JavaFX MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-navigation-screen-management","04.java\u002Fpr2\u002F32.mvvm-navigation-screen-management",{"title":2678,"path":2679,"stem":2680},"Тестування JavaFX MVVM-додатків","\u002Fjava\u002Fpr2\u002Fmvvm-testing","04.java\u002Fpr2\u002F33.mvvm-testing",{"title":2682,"path":2683,"stem":2684},"Стилізація та теми у JavaFX: CSS та User Experience","\u002Fjava\u002Fpr2\u002Fjavafx-styling-themes","04.java\u002Fpr2\u002F34.javafx-styling-themes",{"title":2686,"path":2687,"stem":2688},"AtlantaFX: Сучасні теми для JavaFX додатків","\u002Fjava\u002Fpr2\u002Fatlantafx-modern-themes","04.java\u002Fpr2\u002F35.atlantafx-modern-themes",{"title":2690,"path":2691,"stem":2692},"Пакування та розповсюдження JavaFX-додатків","\u002Fjava\u002Fpr2\u002Fjar-packaging-distribution","04.java\u002Fpr2\u002F36.jar-packaging-distribution",{"title":2694,"icon":2695,"path":2696,"stem":2697,"children":2698,"page":59},"Python","i-devicon-python","\u002Fpython","05.python",[2699,2703,2706,2710,2714,2718,2722,2726,2730,2734,2738,2742,2746,2750,2754,2815],{"title":2700,"path":2701,"stem":2702},"Модулі, Пакети та Віртуальні Середовища","\u002Fpython\u002Fmodules-packages-venv","05.python\u002F00.modules-packages-venv",{"title":71,"path":2704,"stem":2705},"\u002Fpython\u002Fclasses-objects","05.python\u002F01.classes-objects",{"title":2707,"path":2708,"stem":2709},"Інкапсуляція, Керування Доступом та Властивості","\u002Fpython\u002Fencapsulation","05.python\u002F02.encapsulation",{"title":2711,"path":2712,"stem":2713},"Наслідування, MRO та суперсила super()","\u002Fpython\u002Finheritance-mro","05.python\u002F03.inheritance-mro",{"title":2715,"path":2716,"stem":2717},"Абстракція — ABC проти Статичних Протоколів (PEP 544)","\u002Fpython\u002Fabstraction-protocols","05.python\u002F04.abstraction-protocols",{"title":2719,"path":2720,"stem":2721},"Магічні методи (Dunder) та Емуляція протоколів","\u002Fpython\u002Fdunder-methods","05.python\u002F05.dunder-methods",{"title":2723,"path":2724,"stem":2725},"Декоратори та Керування життєвим циклом методів","\u002Fpython\u002Fdecorators-static-class","05.python\u002F06.decorators-static-class",{"title":2727,"path":2728,"stem":2729},"Дескриптори — Магія доступу до атрибутів","\u002Fpython\u002Fdescriptors","05.python\u002F07.descriptors",{"title":2731,"path":2732,"stem":2733},"Метакласи — Динамічне створення класів під капотом CPython","\u002Fpython\u002Fmetaclasses","05.python\u002F08.metaclasses",{"title":2735,"path":2736,"stem":2737},"Dataclasses, NamedTuple та сучасні контейнери Python","\u002Fpython\u002Fmodern-containers","05.python\u002F09.modern-containers",{"title":2739,"path":2740,"stem":2741},"GIL та модель конкурентності CPython — фундамент перед потоками і процесами","\u002Fpython\u002Fgil-concurrency-intro","05.python\u002F11.gil-concurrency-intro",{"title":2743,"path":2744,"stem":2745},"Threading — конкурентність для I\u002FO-bound задач","\u002Fpython\u002Fthreading","05.python\u002F12.threading",{"title":2747,"path":2748,"stem":2749},"Multiprocessing — справжній паралелізм для CPU-bound задач","\u002Fpython\u002Fmultiprocessing","05.python\u002F13.multiprocessing",{"title":2751,"path":2752,"stem":2753},"asyncio — кооперативна конкурентність та event loop","\u002Fpython\u002Fasyncio","05.python\u002F14.asyncio",{"title":2755,"icon":92,"path":2756,"stem":2757,"children":2758,"page":59},"FastAPI","\u002Fpython\u002Ffastapi","05.python\u002Ffastapi",[2759,2763,2767,2771,2775,2779,2783,2787,2791,2795,2799,2803,2807,2811],{"title":2760,"path":2761,"stem":2762},"Глибокий Typing та Pydantic v2 — від анотацій до валідації","\u002Fpython\u002Ffastapi\u002Ftyping-pydantic","05.python\u002Ffastapi\u002F15.typing-pydantic",{"title":2764,"path":2765,"stem":2766},"WSGI, ASGI та Python Web-екосистема","\u002Fpython\u002Ffastapi\u002Fwsgi-asgi-ecosystem","05.python\u002Ffastapi\u002F16.wsgi-asgi-ecosystem",{"title":2768,"path":2769,"stem":2770},"FastAPI: Перший додаток, Uvicorn та OpenAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-intro","05.python\u002Ffastapi\u002F17.fastapi-intro",{"title":2772,"path":2773,"stem":2774},"Маршрутизація, параметри запитів та APIRouter","\u002Fpython\u002Ffastapi\u002Ffastapi-routing-params","05.python\u002Ffastapi\u002F18.fastapi-routing-params",{"title":2776,"path":2777,"stem":2778},"Pydantic v2 у FastAPI — схеми, валідація та серіалізація","\u002Fpython\u002Ffastapi\u002Ffastapi-pydantic-schemas","05.python\u002Ffastapi\u002F19.fastapi-pydantic-schemas",{"title":2780,"path":2781,"stem":2782},"Dependency Injection — серце архітектури FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-dependency-injection","05.python\u002Ffastapi\u002F20.fastapi-dependency-injection",{"title":2784,"path":2785,"stem":2786},"Обробка помилок, Middleware та CORS у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-errors-middleware","05.python\u002Ffastapi\u002F21.fastapi-errors-middleware",{"title":2788,"path":2789,"stem":2790},"SQLAlchemy 2.0 — ORM, Core та Async Engine","\u002Fpython\u002Ffastapi\u002Fsqlalchemy-orm","05.python\u002Ffastapi\u002F22.sqlalchemy-orm",{"title":2792,"path":2793,"stem":2794},"Alembic — міграції бази даних","\u002Fpython\u002Ffastapi\u002Falembic-migrations","05.python\u002Ffastapi\u002F23.alembic-migrations",{"title":2796,"path":2797,"stem":2798},"Repository Pattern та Clean Architecture у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-repository-clean-arch","05.python\u002Ffastapi\u002F24.fastapi-repository-clean-arch",{"title":2800,"path":2801,"stem":2802},"Автентифікація та авторизація — JWT, OAuth2, RBAC","\u002Fpython\u002Ffastapi\u002Ffastapi-auth-security","05.python\u002Ffastapi\u002F25.fastapi-auth-security",{"title":2804,"path":2805,"stem":2806},"Тестування FastAPI — pytest, httpx, fixtures","\u002Fpython\u002Ffastapi\u002Ffastapi-testing","05.python\u002Ffastapi\u002F26.fastapi-testing",{"title":2808,"path":2809,"stem":2810},"Async на повну — Background Tasks, WebSockets, SSE та Celery","\u002Fpython\u002Ffastapi\u002Ffastapi-async-advanced","05.python\u002Ffastapi\u002F27.fastapi-async-advanced",{"title":2812,"path":2813,"stem":2814},"Deployment — Docker, CI\u002FCD, Monitoring","\u002Fpython\u002Ffastapi\u002Ffastapi-deployment","05.python\u002Ffastapi\u002F28.fastapi-deployment",{"title":2816,"path":2817,"stem":2818},"[object Object]","\u002Fpython\u002Foop-plan","05.python\u002Foop-plan",{"title":2820,"icon":2821,"path":2822,"stem":2823,"children":2824,"page":59},"Бази даних","i-lucide-database","\u002Fdatabases","06.databases",[2825,2855,2878,2915,2944,2962,2996,3008,3017],{"title":2826,"icon":2827,"path":2828,"stem":2829,"children":2830,"page":59},"Intro","i-lucide-play","\u002Fdatabases\u002Fintro","06.databases\u002F01.intro",[2831,2835,2839,2843,2847,2851],{"title":2832,"path":2833,"stem":2834},"Введення в теорію баз даних","\u002Fdatabases\u002Fintro\u002Fintroduction-to-databases","06.databases\u002F01.intro\u002F01.introduction-to-databases",{"title":2836,"path":2837,"stem":2838},"Реляційна модель даних","\u002Fdatabases\u002Fintro\u002Frelational-model-theory","06.databases\u002F01.intro\u002F02.relational-model-theory",{"title":2840,"path":2841,"stem":2842},"ER-моделювання","\u002Fdatabases\u002Fintro\u002Fer-modeling","06.databases\u002F01.intro\u002F03.er-modeling",{"title":2844,"path":2845,"stem":2846},"Логічне проектування БД","\u002Fdatabases\u002Fintro\u002Flogical-schema","06.databases\u002F01.intro\u002F04.logical-schema",{"title":2848,"path":2849,"stem":2850},"Класифікація таблиць","\u002Fdatabases\u002Fintro\u002Ftable-classification","06.databases\u002F01.intro\u002F05.table-classification",{"title":2852,"path":2853,"stem":2854},"PlantUML для баз даних","\u002Fdatabases\u002Fintro\u002Fplantuml-diagrams","06.databases\u002F01.intro\u002F06.plantuml-diagrams",{"title":2856,"icon":2821,"path":2857,"stem":2858,"children":2859,"page":59},"MS SQL Server Start","\u002Fdatabases\u002Fms-sql-server-start","06.databases\u002F02.ms-sql-server-start",[2860,2864,2870,2874],{"title":2861,"path":2862,"stem":2863},"Типи даних у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fdata-types","06.databases\u002F02.ms-sql-server-start\u002F01.data-types",{"title":2865,"path":2866,"stem":2867,"children":2868},"Індекси у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-indexes","06.databases\u002F02.ms-sql-server-start\u002F02.sql-indexes",[2869],{"title":2865,"path":2866,"stem":2867},{"title":2871,"path":2872,"stem":2873},"Системні бази даних MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsystem-databases","06.databases\u002F02.ms-sql-server-start\u002F03.system-databases",{"title":2875,"path":2876,"stem":2877},"Огляд мови SQL та запитів","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-queries-overview","06.databases\u002F02.ms-sql-server-start\u002F04.sql-queries-overview",{"title":2879,"icon":2821,"path":2880,"stem":2881,"children":2882,"page":59},"SQL","\u002Fdatabases\u002Fsql","06.databases\u002F03.sql",[2883,2887,2891,2895,2899,2903,2907,2911],{"title":2884,"path":2885,"stem":2886},"Налаштування демонстраційної бази даних","\u002Fdatabases\u002Fsql\u002Fsample-database-setup","06.databases\u002F03.sql\u002F00.sample-database-setup",{"title":2888,"path":2889,"stem":2890},"DDL - Створення таблиць (CREATE TABLE)","\u002Fdatabases\u002Fsql\u002Fddl-create-table","06.databases\u002F03.sql\u002F01.ddl-create-table",{"title":2892,"path":2893,"stem":2894},"DDL - Зміна та видалення таблиць (ALTER, DROP)","\u002Fdatabases\u002Fsql\u002Fddl-alter-drop-table","06.databases\u002F03.sql\u002F02.ddl-alter-drop-table",{"title":2896,"path":2897,"stem":2898},"SELECT запити - Основи","\u002Fdatabases\u002Fsql\u002Fselect-queries-fundamentals","06.databases\u002F03.sql\u002F03.select-queries-fundamentals",{"title":2900,"path":2901,"stem":2902},"SELECT запити - Розширені можливості","\u002Fdatabases\u002Fsql\u002Fselect-queries-advanced","06.databases\u002F03.sql\u002F04.select-queries-advanced",{"title":2904,"path":2905,"stem":2906},"INSERT запити - Додавання даних","\u002Fdatabases\u002Fsql\u002Finsert-queries","06.databases\u002F03.sql\u002F05.insert-queries",{"title":2908,"path":2909,"stem":2910},"UPDATE та DELETE запити","\u002Fdatabases\u002Fsql\u002Fupdate-delete-queries","06.databases\u002F03.sql\u002F06.update-delete-queries",{"title":2912,"path":2913,"stem":2914},"Транзакції в SQL","\u002Fdatabases\u002Fsql\u002Ftransactions","06.databases\u002F03.sql\u002F07.transactions",{"title":2916,"icon":2821,"path":2917,"stem":2918,"children":2919,"page":59},"Multi Table Databases","\u002Fdatabases\u002Fmulti-table-databases","06.databases\u002F04.multi-table-databases",[2920,2924,2928,2932,2936,2940],{"title":2921,"path":2922,"stem":2923},"Зв'язки та нормалізація БД","\u002Fdatabases\u002Fmulti-table-databases\u002Frelationships-and-normalization","06.databases\u002F04.multi-table-databases\u002F00.relationships-and-normalization",{"title":2925,"path":2926,"stem":2927},"INNER JOIN - З'єднання таблиць","\u002Fdatabases\u002Fmulti-table-databases\u002Finner-join","06.databases\u002F04.multi-table-databases\u002F01.inner-join",{"title":2929,"path":2930,"stem":2931},"OUTER JOINs - LEFT, RIGHT, FULL","\u002Fdatabases\u002Fmulti-table-databases\u002Fouter-joins","06.databases\u002F04.multi-table-databases\u002F02.outer-joins",{"title":2933,"path":2934,"stem":2935},"CROSS та SELF JOINs","\u002Fdatabases\u002Fmulti-table-databases\u002Fcross-self-joins","06.databases\u002F04.multi-table-databases\u002F03.cross-self-joins",{"title":2937,"path":2938,"stem":2939},"Підзапити (Subqueries)","\u002Fdatabases\u002Fmulti-table-databases\u002Fsubqueries","06.databases\u002F04.multi-table-databases\u002F04.subqueries",{"title":2941,"path":2942,"stem":2943},"Агрегації з JOIN","\u002Fdatabases\u002Fmulti-table-databases\u002Faggregations-with-joins","06.databases\u002F04.multi-table-databases\u002F05.aggregations-with-joins",{"title":2945,"icon":2946,"path":2947,"stem":2948,"children":2949,"page":59},"Aggregate Functions","i-lucide-calculator","\u002Fdatabases\u002Faggregate-functions","06.databases\u002F05.aggregate-functions",[2950,2954,2958],{"title":2951,"path":2952,"stem":2953},"Функції агрегування в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fintroduction-aggregate-functions","06.databases\u002F05.aggregate-functions\u002F01.introduction-aggregate-functions",{"title":2955,"path":2956,"stem":2957},"Групування даних в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fgrouping-data","06.databases\u002F05.aggregate-functions\u002F02.grouping-data",{"title":2959,"path":2960,"stem":2961},"Підзапити з агрегатними функціями","\u002Fdatabases\u002Faggregate-functions\u002Fsubqueries-aggregates","06.databases\u002F05.aggregate-functions\u002F03.subqueries-aggregates",{"title":2963,"icon":2964,"path":2965,"stem":2966,"children":2967,"page":59},"Тригери та зберігаємі процедури","i-lucide-database-zap","\u002Fdatabases\u002Ftriggers-stored-procedures","06.databases\u002F07.triggers-stored-procedures",[2968,2972,2976,2980,2984,2988,2992],{"title":2969,"path":2970,"stem":2971},"DML-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fdml-triggers","06.databases\u002F07.triggers-stored-procedures\u002F01.dml-triggers",{"title":2973,"path":2974,"stem":2975},"DDL-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fddl-triggers","06.databases\u002F07.triggers-stored-procedures\u002F02.ddl-triggers",{"title":2977,"path":2978,"stem":2979},"Transact-SQL розширення","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransact-sql-extensions","06.databases\u002F07.triggers-stored-procedures\u002F03.transact-sql-extensions",{"title":2981,"path":2982,"stem":2983},"Транзакції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransactions","06.databases\u002F07.triggers-stored-procedures\u002F04.transactions",{"title":2985,"path":2986,"stem":2987},"Зберігаємі процедури","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fstored-procedures","06.databases\u002F07.triggers-stored-procedures\u002F05.stored-procedures",{"title":2989,"path":2990,"stem":2991},"Користувацькі функції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fuser-defined-functions","06.databases\u002F07.triggers-stored-procedures\u002F06.user-defined-functions",{"title":2993,"path":2994,"stem":2995},"Безпека баз даних","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fsecurity","06.databases\u002F07.triggers-stored-procedures\u002F08.security",{"title":2993,"icon":793,"path":2997,"stem":2998,"children":2999,"page":59},"\u002Fdatabases\u002Fsecurity","06.databases\u002F08.security",[3000,3004],{"title":3001,"path":3002,"stem":3003},"Вступ до безпеки баз даних","\u002Fdatabases\u002Fsecurity\u002Fintroduction","06.databases\u002F08.security\u002F01.introduction",{"title":3005,"path":3006,"stem":3007},"Системні представлення та метадані","\u002Fdatabases\u002Fsecurity\u002Fsystem-views","06.databases\u002F08.security\u002F02.system-views",{"title":3009,"icon":3010,"path":3011,"stem":3012,"children":3013,"page":59},"Резервне копіювання та відновлення","i-lucide-database-backup","\u002Fdatabases\u002Fbackup-recovery","06.databases\u002F09.backup-recovery",[3014],{"title":3009,"path":3015,"stem":3016},"\u002Fdatabases\u002Fbackup-recovery\u002Fbackup-restore","06.databases\u002F09.backup-recovery\u002F01.backup-restore",{"title":3018,"icon":3019,"path":3020,"stem":3021,"children":3022,"page":59},"Повнотекстовий пошук","i-lucide-search","\u002Fdatabases\u002Ffull-text-search","06.databases\u002F10.full-text-search",[3023],{"title":3018,"path":3024,"stem":3025},"\u002Fdatabases\u002Ffull-text-search\u002Ffull-text-search","06.databases\u002F10.full-text-search\u002F01.full-text-search",{"title":3027,"icon":3028,"path":3029,"stem":3030,"children":3031,"page":59},"Tools","i-lucide-wrench","\u002Ftools","07.tools",[3032,3108],{"title":3033,"icon":3034,"path":3035,"stem":3036,"children":3037},"Docker","i-simple-icons-docker","\u002Ftools\u002Fdocker","07.tools\u002F01.docker\u002Findex",[3038,3040,3044,3048,3052,3056,3060,3064,3068,3072,3076,3080,3084,3088,3092,3096,3100,3104],{"title":3039,"path":3035,"stem":3036},"Docker: від нуля до production",{"title":3041,"path":3042,"stem":3043},"Контейнеризація — від проблеми до рішення","\u002Ftools\u002Fdocker\u002Fcontainerization-concept","07.tools\u002F01.docker\u002F01.containerization-concept",{"title":3045,"path":3046,"stem":3047},"Docker — що це і навіщо?","\u002Ftools\u002Fdocker\u002Fdocker-what-and-why","07.tools\u002F01.docker\u002F02.docker-what-and-why",{"title":3049,"path":3050,"stem":3051},"Архітектура Docker Engine","\u002Ftools\u002Fdocker\u002Fdocker-architecture","07.tools\u002F01.docker\u002F03.docker-architecture",{"title":3053,"path":3054,"stem":3055},"Встановлення Docker","\u002Ftools\u002Fdocker\u002Finstallation","07.tools\u002F01.docker\u002F04.installation",{"title":3057,"path":3058,"stem":3059},"Перший контейнер — docker run","\u002Ftools\u002Fdocker\u002Ffirst-container","07.tools\u002F01.docker\u002F05.first-container",{"title":3061,"path":3062,"stem":3063},"Життєвий цикл контейнера","\u002Ftools\u002Fdocker\u002Fcontainer-lifecycle","07.tools\u002F01.docker\u002F06.container-lifecycle",{"title":3065,"path":3066,"stem":3067},"Docker Images — фундаментальні концепції","\u002Ftools\u002Fdocker\u002Fdocker-images-fundamentals","07.tools\u002F01.docker\u002F07.docker-images-fundamentals",{"title":3069,"path":3070,"stem":3071},"Dockerfile — основи","\u002Ftools\u002Fdocker\u002Fdockerfile-basics","07.tools\u002F01.docker\u002F08.dockerfile-basics",{"title":3073,"path":3074,"stem":3075},"Dockerfile — просунуті техніки","\u002Ftools\u002Fdocker\u002Fdockerfile-advanced","07.tools\u002F01.docker\u002F09.dockerfile-advanced",{"title":3077,"path":3078,"stem":3079},"Build Context та кешування шарів","\u002Ftools\u002Fdocker\u002Fbuild-context-and-cache","07.tools\u002F01.docker\u002F10.build-context-and-cache",{"title":3081,"path":3082,"stem":3083},"Реєстри Docker-образів","\u002Ftools\u002Fdocker\u002Fimage-registries","07.tools\u002F01.docker\u002F11.image-registries",{"title":3085,"path":3086,"stem":3087},"Контейнеризація .NET додатків","\u002Ftools\u002Fdocker\u002Fdotnet-containerization","07.tools\u002F01.docker\u002F12.dotnet-containerization",{"title":3089,"path":3090,"stem":3091},"Томи та збереження даних","\u002Ftools\u002Fdocker\u002Fvolumes-and-data","07.tools\u002F01.docker\u002F13.volumes-and-data",{"title":3093,"path":3094,"stem":3095},"Основи мережі в Docker","\u002Ftools\u002Fdocker\u002Fnetworking-basics","07.tools\u002F01.docker\u002F14.networking-basics",{"title":3097,"path":3098,"stem":3099},"Змінні оточення та конфігурація","\u002Ftools\u002Fdocker\u002Fenvironment-and-configuration","07.tools\u002F01.docker\u002F15.environment-and-configuration",{"title":3101,"path":3102,"stem":3103},"Docker Compose — оркестрація контейнерів","\u002Ftools\u002Fdocker\u002Fdocker-compose-basics","07.tools\u002F01.docker\u002F16.docker-compose-basics",{"title":3105,"path":3106,"stem":3107},"Docker Compose — Multi-Service застосунки","\u002Ftools\u002Fdocker\u002Fcompose-multi-service","07.tools\u002F01.docker\u002F17.compose-multi-service",{"title":3109,"icon":3110,"path":3111,"stem":3112,"children":3113},"Kubernetes","simple-icons:kubernetes","\u002Ftools\u002Fkubernetes","07.tools\u002F02.kubernetes\u002Findex",[3114,3116,3120,3124,3128,3132,3136,3140,3144],{"title":3115,"path":3111,"stem":3112},"Kubernetes: від розробки до production",{"title":3117,"path":3118,"stem":3119},"Kubernetes — коли Docker Compose більше не вистачає","\u002Ftools\u002Fkubernetes\u002Fwhy-kubernetes","07.tools\u002F02.kubernetes\u002F01.why-kubernetes",{"title":3121,"path":3122,"stem":3123},"Архітектура Kubernetes — анатомія кластера","\u002Ftools\u002Fkubernetes\u002Fkubernetes-architecture","07.tools\u002F02.kubernetes\u002F02.kubernetes-architecture",{"title":3125,"path":3126,"stem":3127},"Локальне середовище — minikube, kind та k3s","\u002Ftools\u002Fkubernetes\u002Flocal-environment","07.tools\u002F02.kubernetes\u002F03.local-environment",{"title":3129,"path":3130,"stem":3131},"Pod — атомарна одиниця Kubernetes","\u002Ftools\u002Fkubernetes\u002Fpods-and-containers","07.tools\u002F02.kubernetes\u002F04.pods-and-containers",{"title":3133,"path":3134,"stem":3135},"Патерни використання Pod","\u002Ftools\u002Fkubernetes\u002Fpod-patterns","07.tools\u002F02.kubernetes\u002F05.pod-patterns",{"title":3137,"path":3138,"stem":3139},"Deployment — декларативне управління Pod","\u002Ftools\u002Fkubernetes\u002Fdeployment-basics","07.tools\u002F02.kubernetes\u002F06.deployment-basics",{"title":3141,"path":3142,"stem":3143},"Rolling Updates та управління життєвим циклом Deployment","\u002Ftools\u002Fkubernetes\u002Fdeployment-rolling-updates","07.tools\u002F02.kubernetes\u002F07.deployment-rolling-updates",{"title":3145,"path":3146,"stem":3147},"Service — мережева абстракція для Pod","\u002Ftools\u002Fkubernetes\u002Fservices-networking","07.tools\u002F02.kubernetes\u002F08.services-networking",{"title":3149,"icon":3150,"path":3151,"stem":3152,"children":3153,"page":59},"Software Engineering","i-lucide-code-2","\u002Fsoftware-engineering","09.software-engineering",[3154,3158,3162,3166,3170,3174,3178,3182,3186,3190,3194],{"title":3155,"path":3156,"stem":3157},"1. Аналіз предметної області. Експертні знання та складність","\u002Fsoftware-engineering\u002Fintro-subdomains","09.software-engineering\u002F01.intro-subdomains",{"title":3159,"path":3160,"stem":3161},"2. Обмежені контексти. Інтеграція обмежених контекстів","\u002Fsoftware-engineering\u002Fintegrating-limited-contexts","09.software-engineering\u002F02.integrating-limited-contexts",{"title":3163,"path":3164,"stem":3165},"3. Реалізація простої бізнес-логіки","\u002Fsoftware-engineering\u002Fsimple","09.software-engineering\u002F03.simple",{"title":3167,"path":3168,"stem":3169},"4. Опрацювання складної бізнес-логіки","\u002Fsoftware-engineering\u002Fcomplex-business-logic","09.software-engineering\u002F04.complex-business-logic",{"title":3171,"path":3172,"stem":3173},"5. Моделювання фактора часу. Подієво-орієнтована архітектура.","\u002Fsoftware-engineering\u002Fmodelling-the-time-factor","09.software-engineering\u002F05.modelling-the-time-factor",{"title":3175,"path":3176,"stem":3177},"6. Архітектурні патерни","\u002Fsoftware-engineering\u002Farchitectural-patterns","09.software-engineering\u002F06.architectural-patterns",{"title":3179,"path":3180,"stem":3181},"Паттерни взаємодії","\u002Fsoftware-engineering\u002Fpatterns-of-interaction","09.software-engineering\u002F07.patterns-of-interaction",{"title":3183,"path":3184,"stem":3185},"Евристика проєктування","\u002Fsoftware-engineering\u002Fdesign-heuristics","09.software-engineering\u002F08.design-heuristics",{"title":3187,"path":3188,"stem":3189},"Еволюція проєктних рішень","\u002Fsoftware-engineering\u002Fevolution-of-design-solutions","09.software-engineering\u002F09.evolution-of-design-solutions",{"title":3191,"path":3192,"stem":3193},"EventStorming","\u002Fsoftware-engineering\u002Feventstorming","09.software-engineering\u002F10.eventstorming",{"title":3195,"path":3196,"stem":3197},"DDD на практиці","\u002Fsoftware-engineering\u002Fddd-in-practice","09.software-engineering\u002F11.ddd-in-practice",{"title":3199,"icon":943,"path":3200,"stem":3201,"children":3202,"page":59},"DDD","\u002Fddd","10.ddd",[3203,3207,3211,3215,3219,3223,3227,3231,3235,3239,3243,3247,3251],{"title":3204,"path":3205,"stem":3206},"Аналіз предметної області","\u002Fddd\u002Fdomain-analysis","10.ddd\u002F01.domain-analysis",{"title":3208,"path":3209,"stem":3210},"Експертні знання про предметну область","\u002Fddd\u002Fdomain-expert-knowledge","10.ddd\u002F02.domain-expert-knowledge",{"title":3212,"path":3213,"stem":3214},"Як осмислити складність предметної області","\u002Fddd\u002Fmanaging-domain-complexity","10.ddd\u002F03.managing-domain-complexity",{"title":3216,"path":3217,"stem":3218},"Інтеграція обмежених контекстів","\u002Fddd\u002Fbounded-context-integration","10.ddd\u002F04.bounded-context-integration",{"title":3220,"path":3221,"stem":3222},"Реалізація простої бізнес-логіки","\u002Fddd\u002Fsimple-business-logic","10.ddd\u002F05.simple-business-logic",{"title":3224,"path":3225,"stem":3226},"Обробка складної бізнес-логіки","\u002Fddd\u002Fcomplex-business-logic","10.ddd\u002F06.complex-business-logic",{"title":3228,"path":3229,"stem":3230},"Моделювання фактора часу","\u002Fddd\u002Ftime-modeling","10.ddd\u002F07.time-modeling",{"title":3232,"path":3233,"stem":3234},"Глава 8. Архітектурні Патерни","\u002Fddd\u002Farchitectural-patterns","10.ddd\u002F08.architectural-patterns",{"title":3236,"path":3237,"stem":3238},"Глава 9. Патерни Взаємодії","\u002Fddd\u002Finteraction-patterns","10.ddd\u002F09.interaction-patterns",{"title":3240,"path":3241,"stem":3242},"Глава 10. Проектні Евристики","\u002Fddd\u002Fdesign-heuristics","10.ddd\u002F10.design-heuristics",{"title":3244,"path":3245,"stem":3246},"Глава 11. Еволюція Проектних Рішень","\u002Fddd\u002Fevolution-of-design-decisions","10.ddd\u002F11.evolution-of-design-decisions",{"title":3248,"path":3249,"stem":3250},"Глава 12. EventStorming","\u002Fddd\u002Fevent-storming","10.ddd\u002F12.event-storming",{"title":3252,"path":3253,"stem":3254},"Глава 13. DDD на Практиці","\u002Fddd\u002Fddd-in-practice","10.ddd\u002F13.ddd-in-practice",{"title":3256,"icon":3257,"path":3258,"stem":3259,"children":3260,"page":59},"Media Streaming","i-lucide-video","\u002Fmedia-streaming","11.media-streaming",[3261,3265,3269,3273,3277,3281,3285],{"title":3262,"path":3263,"stem":3264},"01. Магія Стрімінгу: Що відбувається, коли ви натискаєте \"Play\"","\u002Fmedia-streaming\u002Fintroduction","11.media-streaming\u002F01.introduction",{"title":3266,"path":3267,"stem":3268},"02. Анатомія Медіа: Кодеки, Контейнери та Стиснення","\u002Fmedia-streaming\u002Faudio-video-anatomy","11.media-streaming\u002F02.audio-video-anatomy",{"title":3270,"path":3271,"stem":3272},"03. The Gym: FFmpeg Deep Dive","\u002Fmedia-streaming\u002Fffmpeg-gym","11.media-streaming\u002F03.ffmpeg-gym",{"title":3274,"path":3275,"stem":3276},"04. HLS Protocol: HTTP Live Streaming у Деталях","\u002Fmedia-streaming\u002Fhls-protocol","11.media-streaming\u002F04.hls-protocol",{"title":3278,"path":3279,"stem":3280},"05. DASH Protocol: Відкритий Стандарт","\u002Fmedia-streaming\u002Fdash-protocol","11.media-streaming\u002F05.dash-protocol",{"title":3282,"path":3283,"stem":3284},"06. Масштабування: CDN та Adaptive Bitrate","\u002Fmedia-streaming\u002Fcdn-and-adaptive-bitrate","11.media-streaming\u002F06.cdn-and-adaptive-bitrate",{"title":3286,"path":3287,"stem":3288},"07. Війна із Затримкою (Latency)","\u002Fmedia-streaming\u002Frealtime-latency","11.media-streaming\u002F07.realtime-latency",{"title":3290,"icon":3291,"path":3292,"stem":3293,"children":3294,"page":59},"HTML & CSS","i-devicon-html5","\u002Fhtml-css","12.html-css",[3295,3299,3303,3307,3311,3315,3319,3323,3327,3331,3335,3339,3343,3347,3351,3355,3359,3363,3367,3371,3375,3379,3383,3387,3391,3395,3399,3403,3407,3411],{"title":3296,"path":3297,"stem":3298},"Вступ до HTML. Структура документа","\u002Fhtml-css\u002Fintro-html-structure","12.html-css\u002F01.intro-html-structure",{"title":3300,"path":3301,"stem":3302},"Форматування тексту в HTML","\u002Fhtml-css\u002Fhtml-text-formatting","12.html-css\u002F02.html-text-formatting",{"title":3304,"path":3305,"stem":3306},"Посилання та зображення в HTML","\u002Fhtml-css\u002Fhtml-links-images","12.html-css\u002F03.html-links-images",{"title":3308,"path":3309,"stem":3310},"Списки та таблиці в HTML","\u002Fhtml-css\u002Fhtml-lists-tables","12.html-css\u002F04.html-lists-tables",{"title":3312,"path":3313,"stem":3314},"Форми в HTML","\u002Fhtml-css\u002Fhtml-forms","12.html-css\u002F05.html-forms",{"title":3316,"path":3317,"stem":3318},"Семантичні елементи HTML5","\u002Fhtml-css\u002Fhtml-semantic-elements","12.html-css\u002F06.html-semantic-elements",{"title":3320,"path":3321,"stem":3322},"Мультимедіа та розширені елементи HTML","\u002Fhtml-css\u002Fhtml-multimedia-advanced","12.html-css\u002F07.html-multimedia-advanced",{"title":3324,"path":3325,"stem":3326},"Мікророзмітка та SEO в HTML","\u002Fhtml-css\u002Fhtml-microdata-seo","12.html-css\u002F08.html-microdata-seo",{"title":3328,"path":3329,"stem":3330},"Вступ до CSS. Селектори та специфічність","\u002Fhtml-css\u002Fcss-intro-selectors","12.html-css\u002F09.css-intro-selectors",{"title":3332,"path":3333,"stem":3334},"Блокова модель CSS. Відступи. Box Sizing","\u002Fhtml-css\u002Fcss-box-model","12.html-css\u002F10.css-box-model",{"title":3336,"path":3337,"stem":3338},"Розміри у CSS: повний довідник одиниць і ключових слів","\u002Fhtml-css\u002F10a.css-sizing","12.html-css\u002F10a.css-sizing",{"title":3340,"path":3341,"stem":3342},"Типографіка в CSS. Шрифти та текст","\u002Fhtml-css\u002Fcss-typography","12.html-css\u002F11.css-typography",{"title":3344,"path":3345,"stem":3346},"Кольори та фони в CSS","\u002Fhtml-css\u002Fcss-colors-backgrounds","12.html-css\u002F12.css-colors-backgrounds",{"title":3348,"path":3349,"stem":3350},"Тіні та фільтри в CSS","\u002Fhtml-css\u002F12b.css-shadows-filters","12.html-css\u002F12b.css-shadows-filters",{"title":3352,"path":3353,"stem":3354},"CSS Flexbox: Фундамент гнучких макетів","\u002Fhtml-css\u002Fcss-flexbox-fundamentals","12.html-css\u002F13.css-flexbox-fundamentals",{"title":3356,"path":3357,"stem":3358},"CSS Flexbox: Вирівнювання та Позиціонування","\u002Fhtml-css\u002Fcss-flexbox-alignment-sizing-and-patterns","12.html-css\u002F14.css-flexbox-alignment-sizing-and-patterns",{"title":3360,"path":3361,"stem":3362},"CSS Grid. Двовимірний макет. Частина 1","\u002Fhtml-css\u002Fcss-layout-grid","12.html-css\u002F15.css-layout-grid",{"title":3364,"path":3365,"stem":3366},"CSS Grid. Двовимірний макет. Частина 2","\u002Fhtml-css\u002Fcss-layout-grid-advanced","12.html-css\u002F16.css-layout-grid-advanced",{"title":3368,"path":3369,"stem":3370},"Позиціонування в CSS. Z-index. Stacking Context","\u002Fhtml-css\u002Fcss-positioning","12.html-css\u002F17.css-positioning",{"title":3372,"path":3373,"stem":3374},"CSS Анімації та Переходи","\u002Fhtml-css\u002Fcss-animations-transitions","12.html-css\u002F18.css-animations-transitions",{"title":3376,"path":3377,"stem":3378},"Адаптивний дизайн. Media Queries. Частина 1","\u002Fhtml-css\u002Fcss-responsive-media-queries","12.html-css\u002F19.css-responsive-media-queries",{"title":3380,"path":3381,"stem":3382},"Адаптивний дизайн. Частина 2: clamp(), Container Queries, @layer","\u002Fhtml-css\u002Fcss-responsive-advanced","12.html-css\u002F20.css-responsive-advanced",{"title":3384,"path":3385,"stem":3386},"CSS Custom Properties. Методології. Сучасний CSS","\u002Fhtml-css\u002Fcss-variables-methodologies","12.html-css\u002F21.css-variables-methodologies",{"title":3388,"path":3389,"stem":3390},"Сучасний CSS 2023–2025: Нові можливості","\u002Fhtml-css\u002Fcss-modern-features","12.html-css\u002F22.css-modern-features",{"title":3392,"path":3393,"stem":3394},"CSS Nesting, @layer, @scope та @property: нативний препроцесор","\u002Fhtml-css\u002F22a.css-nesting-modern-syntax","12.html-css\u002F22a.css-nesting-modern-syntax",{"title":3396,"path":3397,"stem":3398},"CSS для форм та інтерактивних станів","\u002Fhtml-css\u002Fcss-forms-interactive-states","12.html-css\u002F23.css-forms-interactive-states",{"title":3400,"path":3401,"stem":3402},"Доступність у CSS (CSS Accessibility)","\u002Fhtml-css\u002Fcss-accessibility","12.html-css\u002F24.css-accessibility",{"title":3404,"path":3405,"stem":3406},"CSS-функції та сучасні sizing primitives","\u002Fhtml-css\u002Fcss-functions-sizing","12.html-css\u002F25.css-functions-sizing",{"title":3408,"path":3409,"stem":3410},"Rendering Pipeline і CSS Performance","\u002Fhtml-css\u002Fcss-rendering-performance","12.html-css\u002F26.css-rendering-performance",{"title":3412,"path":3413,"stem":3414},"CSS Best Practices: типові ситуації та правильні рішення","\u002Fhtml-css\u002Fcss-best-practices","12.html-css\u002F27.css-best-practices",{"title":3416,"path":3417,"stem":3418,"children":3419,"page":59},"AWS","\u002Faws","13.aws",[3420,3424,3428,3432,3436,3440,3444,3448,3452,3456,3460,3464,3468,3472,3476,3480,3484,3488],{"title":3421,"path":3422,"stem":3423},"Реєстрація AWS акаунту та студентські програми","\u002Faws\u002Faccount-registration","13.aws\u002F00.account-registration",{"title":3425,"path":3426,"stem":3427},"Вступ до хмарних обчислень та AWS","\u002Faws\u002Fintroduction-to-cloud","13.aws\u002F01.introduction-to-cloud",{"title":3429,"path":3430,"stem":3431},"AWS IAM — Identity and Access Management","\u002Faws\u002Fiam","13.aws\u002F02.iam",{"title":3433,"path":3434,"stem":3435},"AWS IAM CLI — Довідник команд","\u002Faws\u002F02a.iam-doc","13.aws\u002F02a.iam-doc",{"title":3437,"path":3438,"stem":3439},"Docker та контейнеризація в AWS — ECR, ECS та Fargate","\u002Faws\u002Fdocker-ecs","13.aws\u002F03.docker-ecs",{"title":3441,"path":3442,"stem":3443},"AWS ECR \u002F ECS CLI — Довідник команд","\u002Faws\u002F03a.docker-ecs-doc","13.aws\u002F03a.docker-ecs-doc",{"title":3445,"path":3446,"stem":3447},"Amazon EC2 — Elastic Compute Cloud","\u002Faws\u002Fec2","13.aws\u002F04.ec2",{"title":3449,"path":3450,"stem":3451},"AWS EC2 CLI — Довідник команд","\u002Faws\u002F04a.ec2-doc","13.aws\u002F04a.ec2-doc",{"title":3453,"path":3454,"stem":3455},"Elastic Load Balancing та Auto Scaling","\u002Faws\u002Falb-asg","13.aws\u002F05.alb-asg",{"title":3457,"path":3458,"stem":3459},"Amazon S3 — Simple Storage Service","\u002Faws\u002Fs3","13.aws\u002F06.s3",{"title":3461,"path":3462,"stem":3463},"Amazon CloudFront — Content Delivery Network","\u002Faws\u002Fcloudfront","13.aws\u002F07.cloudfront",{"title":3465,"path":3466,"stem":3467},"Amazon RDS — Relational Database Service","\u002Faws\u002Frds","13.aws\u002F08.rds",{"title":3469,"path":3470,"stem":3471},"Amazon DynamoDB — NoSQL Database","\u002Faws\u002Fdynamodb","13.aws\u002F09.dynamodb",{"title":3473,"path":3474,"stem":3475},"AWS Lambda та Serverless Compute","\u002Faws\u002Flambda","13.aws\u002F10.lambda",{"title":3477,"path":3478,"stem":3479},"Amazon Bedrock - Foundation Models, RAG та Agents","\u002Faws\u002Fbedrock","13.aws\u002F22.bedrock",{"title":3481,"path":3482,"stem":3483},"Amazon Rekognition - Комп'ютерний зір","\u002Faws\u002Frekognition","13.aws\u002F23.rekognition",{"title":3485,"path":3486,"stem":3487},"Amazon Textract - Інтелектуальний аналіз документів","\u002Faws\u002Ftextract","13.aws\u002F24.textract",{"title":3489,"path":3490,"stem":3491},"Amazon Polly, Transcribe, Comprehend та Translate","\u002Faws\u002Faudio-nlp-services","13.aws\u002F25.audio-nlp-services",{"title":3493,"path":3494,"stem":3495,"children":3496,"page":59},"Ai Development","\u002Fai-development","14.ai-development",[3497],{"title":3498,"path":3499,"stem":3500,"children":3501,"page":59},"Foundations","\u002Fai-development\u002Ffoundations","14.ai-development\u002F00.foundations",[3502],{"title":3503,"path":3504,"stem":3505},"Модуль 0.1. Що таке Large Language Model (LLM)","\u002Fai-development\u002Ffoundations\u002Fwhat-is-llm","14.ai-development\u002F00.foundations\u002F01.what-is-llm",{"title":3507,"path":3508,"stem":3509,"children":3510,"page":59},"React Native","\u002Freact-native","15.react-native",[3511,3532],{"title":3512,"path":3513,"stem":3514,"children":3515,"page":59},"Version1","\u002Freact-native\u002Fversion1","15.react-native\u002Fversion1",[3516,3520,3524,3528],{"title":3517,"path":3518,"stem":3519},"Що таке React Native","\u002Freact-native\u002Fversion1\u002Fwhat-is-react-native","15.react-native\u002Fversion1\u002F01.what-is-react-native",{"title":3521,"path":3522,"stem":3523},"Як влаштований React Native «під капотом»","\u002Freact-native\u002Fversion1\u002Freact-native-architecture","15.react-native\u002Fversion1\u002F02.react-native-architecture",{"title":3525,"path":3526,"stem":3527},"Від React до React Native: ключові відмінності","\u002Freact-native\u002Fversion1\u002Freact-native-vs-react","15.react-native\u002Fversion1\u002F03.react-native-vs-react",{"title":3529,"path":3530,"stem":3531},"View та Text — фундаментальні будівельні блоки","\u002Freact-native\u002Fversion1\u002Fview-and-text","15.react-native\u002Fversion1\u002F04.view-and-text",{"title":3533,"path":3534,"stem":3535,"children":3536,"page":59},"Version2","\u002Freact-native\u002Fversion2","15.react-native\u002Fversion2",[3537,3541,3545,3549,3553,3557,3561,3565,3569,3573,3577,3581,3585,3589,3593,3597,3601,3605,3609,3613,3617,3621,3625,3629,3633,3637,3641],{"title":3538,"path":3539,"stem":3540},"React Native — навіщо він потрібен","\u002Freact-native\u002Fversion2\u002Fwhy-react-native","15.react-native\u002Fversion2\u002F01.why-react-native",{"title":3542,"path":3543,"stem":3544},"Налаштування середовища розробки","\u002Freact-native\u002Fversion2\u002Fenvironment-setup","15.react-native\u002Fversion2\u002F02.environment-setup",{"title":3546,"path":3547,"stem":3548},"Expo і класичний React Native — два шляхи одного фреймворку","\u002Freact-native\u002Fversion2\u002Fexpo-vs-cli-landscape","15.react-native\u002Fversion2\u002F03.expo-vs-cli-landscape",{"title":3550,"path":3551,"stem":3552},"Середовище Expo — перший запуск","\u002Freact-native\u002Fversion2\u002Fexpo-setup-and-tooling","15.react-native\u002Fversion2\u002F04.expo-setup-and-tooling",{"title":3554,"path":3555,"stem":3556},"Структура проєкту та перші UI-примітиви","\u002Freact-native\u002Fversion2\u002Fproject-structure-and-conventions","15.react-native\u002Fversion2\u002F05.project-structure-and-conventions",{"title":3558,"path":3559,"stem":3560},"Базові компоненти React Native","\u002Freact-native\u002Fversion2\u002Fcore-components","15.react-native\u002Fversion2\u002F06.core-components",{"title":3562,"path":3563,"stem":3564},"Flexbox і layout у React Native","\u002Freact-native\u002Fversion2\u002Fflexbox-and-layout","15.react-native\u002Fversion2\u002F07.flexbox-and-layout",{"title":3566,"path":3567,"stem":3568},"StyleSheet і теми (light \u002F dark)","\u002Freact-native\u002Fversion2\u002Fstylesheet-and-theming","15.react-native\u002Fversion2\u002F08.stylesheet-and-theming",{"title":3570,"path":3571,"stem":3572},"Списки та віртуалізація","\u002Freact-native\u002Fversion2\u002Flists-and-virtualization","15.react-native\u002Fversion2\u002F09.lists-and-virtualization",{"title":3574,"path":3575,"stem":3576},"Форми, ввід і валідація","\u002Freact-native\u002Fversion2\u002Fforms-input-validation","15.react-native\u002Fversion2\u002F10.forms-input-validation",{"title":3578,"path":3579,"stem":3580},"Основи Expo Router","\u002Freact-native\u002Fversion2\u002Fexpo-router-basics","15.react-native\u002Fversion2\u002F11.expo-router-basics",{"title":3582,"path":3583,"stem":3584},"Вкладені навігатори та модалки","\u002Freact-native\u002Fversion2\u002Fnested-navigators-and-modals","15.react-native\u002Fversion2\u002F12.nested-navigators-and-modals",{"title":3586,"path":3587,"stem":3588},"Deep linking і параметри маршрутів","\u002Freact-native\u002Fversion2\u002Fdeep-linking-and-params","15.react-native\u002Fversion2\u002F13.deep-linking-and-params",{"title":3590,"path":3591,"stem":3592},"Робота з мережею та життєвий цикл застосунку","\u002Freact-native\u002Fversion2\u002Fnetworking-and-app-lifecycle","15.react-native\u002Fversion2\u002F14.networking-and-app-lifecycle",{"title":3594,"path":3595,"stem":3596},"Redux Toolkit на мобільних платформах","\u002Freact-native\u002Fversion2\u002Fredux-toolkit-on-mobile","15.react-native\u002Fversion2\u002F15.redux-toolkit-on-mobile",{"title":3598,"path":3599,"stem":3600},"RTK Query на мобільних платформах","\u002Freact-native\u002Fversion2\u002Frtk-query-mobile","15.react-native\u002Fversion2\u002F16.rtk-query-mobile",{"title":3602,"path":3603,"stem":3604},"Автентифікація та Безпечне Зберігання","\u002Freact-native\u002Fversion2\u002Fauth-secure-storage","15.react-native\u002Fversion2\u002F18.auth-secure-storage",{"title":3606,"path":3607,"stem":3608},"Локальне сховище — AsyncStorage, MMKV, SQLite","\u002Freact-native\u002Fversion2\u002Flocal-storage-mmkv-sqlite","15.react-native\u002Fversion2\u002F19.local-storage-mmkv-sqlite",{"title":3610,"path":3611,"stem":3612},"Офлайн-First і синхронізація","\u002Freact-native\u002Fversion2\u002Foffline-first-sync","15.react-native\u002Fversion2\u002F20.offline-first-sync",{"title":3614,"path":3615,"stem":3616},"Камера, медіа та файлова система","\u002Freact-native\u002Fversion2\u002Fcamera-media-filesystem","15.react-native\u002Fversion2\u002F21.camera-media-filesystem",{"title":3618,"path":3619,"stem":3620},"Карти та геолокація","\u002Freact-native\u002Fversion2\u002Fmaps-and-location","15.react-native\u002Fversion2\u002F22.maps-and-location",{"title":3622,"path":3623,"stem":3624},"Жести та дотики","\u002Freact-native\u002Fversion2\u002Fgestures-and-touch","15.react-native\u002Fversion2\u002F23.gestures-and-touch",{"title":3626,"path":3627,"stem":3628},"Анімації з Reanimated","\u002Freact-native\u002Fversion2\u002Freanimated-animations","15.react-native\u002Fversion2\u002F24.reanimated-animations",{"title":3630,"path":3631,"stem":3632},"Push і локальні сповіщення","\u002Freact-native\u002Fversion2\u002Fpush-and-local-notifications","15.react-native\u002Fversion2\u002F25.push-and-local-notifications",{"title":3634,"path":3635,"stem":3636},"Інтернаціоналізація та доступність","\u002Freact-native\u002Fversion2\u002Faccessibility-and-i18n","15.react-native\u002Fversion2\u002F26.accessibility-and-i18n",{"title":3638,"path":3639,"stem":3640},"EAS Build та профілі збірки","\u002Freact-native\u002Fversion2\u002Feas-build-and-profiles","15.react-native\u002Fversion2\u002F29.eas-build-and-profiles",{"title":3642,"path":3643,"stem":3644},"Публікація в App Store та Google Play","\u002Freact-native\u002Fversion2\u002Fapp-store-play-release","15.react-native\u002Fversion2\u002F30.app-store-play-release",{"title":3646,"path":3647,"stem":3648,"children":3649,"page":59},"Ai Python","\u002Fai-python","16.ai-python",[3650,3659,3668,3677,3706,3732,3757,3790,3807,3820,3829,3842,3851,3872,3885,3906],{"title":3651,"path":3652,"stem":3653,"children":3654,"page":59},"Intro To Ai","\u002Fai-python\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai",[3655],{"title":3656,"path":3657,"stem":3658},"Вступ до штучного інтелекту та машинного навчання","\u002Fai-python\u002Fintro-to-ai\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai\u002F01.intro-to-ai",{"title":3660,"path":3661,"stem":3662,"children":3663,"page":59},"Jupyter Notebook","\u002Fai-python\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook",[3664],{"title":3665,"path":3666,"stem":3667},"Знайомство з Jupyter Notebook та JupyterLab","\u002Fai-python\u002Fjupyter-notebook\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook\u002F02.jupyter-notebook",{"title":3669,"path":3670,"stem":3671,"children":3672,"page":59},"Numpy Pandas","\u002Fai-python\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas",[3673],{"title":3674,"path":3675,"stem":3676},"Робота з даними з використанням NumPy і pandas","\u002Fai-python\u002Fnumpy-pandas\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas\u002F03.numpy-pandas",{"title":3678,"path":3679,"stem":3680,"children":3681,"page":59},"Statistics Basics","\u002Fai-python\u002Fstatistics-basics","16.ai-python\u002F04.statistics-basics",[3682,3686,3690,3694,3698,3702],{"title":3683,"path":3684,"stem":3685},"Випадкові величини та їх типи","\u002Fai-python\u002Fstatistics-basics\u002Frandom-variables","16.ai-python\u002F04.statistics-basics\u002F01.random-variables",{"title":3687,"path":3688,"stem":3689},"Міри центральної тенденції","\u002Fai-python\u002Fstatistics-basics\u002Fcentral-tendency","16.ai-python\u002F04.statistics-basics\u002F02.central-tendency",{"title":3691,"path":3692,"stem":3693},"Міри варіації (розсіювання)","\u002Fai-python\u002Fstatistics-basics\u002Fvariability","16.ai-python\u002F04.statistics-basics\u002F03.variability",{"title":3695,"path":3696,"stem":3697},"Розподіли випадкових величин","\u002Fai-python\u002Fstatistics-basics\u002Fdistributions","16.ai-python\u002F04.statistics-basics\u002F04.distributions",{"title":3699,"path":3700,"stem":3701},"Кореляція та взаємозв'язки","\u002Fai-python\u002Fstatistics-basics\u002Fcorrelation","16.ai-python\u002F04.statistics-basics\u002F05.correlation",{"title":3703,"path":3704,"stem":3705},"Викиди та аномалії","\u002Fai-python\u002Fstatistics-basics\u002Foutliers","16.ai-python\u002F04.statistics-basics\u002F06.outliers",{"title":3707,"path":3708,"stem":3709,"children":3710},"Візуалізація даних за допомогою matplotlib","\u002Fai-python\u002Fdata-visualization","16.ai-python\u002F05.data-visualization\u002Findex",[3711,3712,3716,3720,3724,3728],{"title":3707,"path":3708,"stem":3709},{"title":3713,"path":3714,"stem":3715},"Основи matplotlib — Figure, Axes та перший графік","\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics","16.ai-python\u002F05.data-visualization\u002F01.matplotlib-basics",{"title":3717,"path":3718,"stem":3719},"Візуалізація розподілів — гістограми та box plots","\u002Fai-python\u002Fdata-visualization\u002Fdistributions","16.ai-python\u002F05.data-visualization\u002F02.distributions",{"title":3721,"path":3722,"stem":3723},"Візуалізація залежностей — scatter plots та кореляція","\u002Fai-python\u002Fdata-visualization\u002Frelationships","16.ai-python\u002F05.data-visualization\u002F03.relationships",{"title":3725,"path":3726,"stem":3727},"Візуалізація категоріальних даних — bar charts та pie charts","\u002Fai-python\u002Fdata-visualization\u002Fcategorical","16.ai-python\u002F05.data-visualization\u002F04.categorical",{"title":3729,"path":3730,"stem":3731},"Композиції та стилізація — subplots та багатопанельні дашборди","\u002Fai-python\u002Fdata-visualization\u002Fsubplots-styling","16.ai-python\u002F05.data-visualization\u002F05.subplots-styling",{"title":3733,"path":3734,"stem":3735,"children":3736,"page":59},"Linear Regression","\u002Fai-python\u002Flinear-regression","16.ai-python\u002F06.linear-regression",[3737,3741,3745,3749,3753],{"title":3738,"path":3739,"stem":3740},"Регресійна задача та лінійна регресія з однією змінною","\u002Fai-python\u002Flinear-regression\u002Fregression-task","16.ai-python\u002F06.linear-regression\u002F01.regression-task",{"title":3742,"path":3743,"stem":3744},"Метрики якості регресії — як оцінити модель","\u002Fai-python\u002Flinear-regression\u002Fquality-metrics","16.ai-python\u002F06.linear-regression\u002F02.quality-metrics",{"title":3746,"path":3747,"stem":3748},"Градієнтний спуск — як модель навчається","\u002Fai-python\u002Flinear-regression\u002Fgradient-descent","16.ai-python\u002F06.linear-regression\u002F03.gradient-descent",{"title":3750,"path":3751,"stem":3752},"Множинна лінійна регресія — модель з багатьма ознаками","\u002Fai-python\u002Flinear-regression\u002Fmultiple-regression","16.ai-python\u002F06.linear-regression\u002F04.multiple-regression",{"title":3754,"path":3755,"stem":3756},"Практичні завдання та резюме модуля","\u002Fai-python\u002Flinear-regression\u002Fpractice","16.ai-python\u002F06.linear-regression\u002F05.practice",{"title":3758,"path":3759,"stem":3760,"children":3761,"page":59},"Practical Regression","\u002Fai-python\u002Fpractical-regression","16.ai-python\u002F07.practical-regression",[3762,3766,3770,3774,3778,3782,3786],{"title":3763,"path":3764,"stem":3765},"Знайомство з scikit-learn","\u002Fai-python\u002Fpractical-regression\u002Fintro-scikit-learn","16.ai-python\u002F07.practical-regression\u002F01.intro-scikit-learn",{"title":3767,"path":3768,"stem":3769},"Exploratory Data Analysis датасету Housing Prices","\u002Fai-python\u002Fpractical-regression\u002Fhousing-dataset-eda","16.ai-python\u002F07.practical-regression\u002F02.housing-dataset-eda",{"title":3771,"path":3772,"stem":3773},"Попередня обробка даних (Data Preprocessing)","\u002Fai-python\u002Fpractical-regression\u002Fdata-preprocessing","16.ai-python\u002F07.practical-regression\u002F03.data-preprocessing",{"title":3775,"path":3776,"stem":3777},"Train\u002FTest Split та перша повноцінна модель","\u002Fai-python\u002Fpractical-regression\u002Ftrain-test-split","16.ai-python\u002F07.practical-regression\u002F04.train-test-split",{"title":3779,"path":3780,"stem":3781},"Перенавчання та недонавчання","\u002Fai-python\u002Fpractical-regression\u002Foverfitting-underfitting","16.ai-python\u002F07.practical-regression\u002F05.overfitting-underfitting",{"title":3783,"path":3784,"stem":3785},"Крос-валідація (Cross-Validation)","\u002Fai-python\u002Fpractical-regression\u002Fcross-validation","16.ai-python\u002F07.practical-regression\u002F06.cross-validation",{"title":3787,"path":3788,"stem":3789},"Гіперпараметри та їх оптимізація","\u002Fai-python\u002Fpractical-regression\u002Fhyperparameter-tuning","16.ai-python\u002F07.practical-regression\u002F07.hyperparameter-tuning",{"title":3791,"path":3792,"stem":3793,"children":3794,"page":59},"Polynomial Regression","\u002Fai-python\u002Fpolynomial-regression","16.ai-python\u002F08.polynomial-regression",[3795,3799,3803],{"title":3796,"path":3797,"stem":3798},"Нелінійні залежності та поліноміальна регресія","\u002Fai-python\u002Fpolynomial-regression\u002Fnonlinear-patterns","16.ai-python\u002F08.polynomial-regression\u002F01.nonlinear-patterns",{"title":3800,"path":3801,"stem":3802},"Регуляризація в регресії — Ridge та Lasso","\u002Fai-python\u002Fpolynomial-regression\u002Fregularization-methods","16.ai-python\u002F08.polynomial-regression\u002F02.regularization-methods",{"title":3804,"path":3805,"stem":3806},"Практика — поліноміальна регресія та регуляризація на Housing Prices","\u002Fai-python\u002Fpolynomial-regression\u002Fhousing-prices-practice","16.ai-python\u002F08.polynomial-regression\u002F03.housing-prices-practice",{"title":3808,"path":3809,"stem":3810,"children":3811,"page":59},"Decision Trees Random Forest","\u002Fai-python\u002Fdecision-trees-random-forest","16.ai-python\u002F09.decision-trees-random-forest",[3812,3816],{"title":3813,"path":3814,"stem":3815},"Дерева рішень — інтерпретабельні моделі машинного навчання","\u002Fai-python\u002Fdecision-trees-random-forest\u002Fdecision-trees","16.ai-python\u002F09.decision-trees-random-forest\u002F01.decision-trees",{"title":3817,"path":3818,"stem":3819},"Random Forest — ансамблі дерев рішень","\u002Fai-python\u002Fdecision-trees-random-forest\u002Frandom-forest","16.ai-python\u002F09.decision-trees-random-forest\u002F02.random-forest",{"title":3821,"path":3822,"stem":3823,"children":3824,"page":59},"Gradient Boosting","\u002Fai-python\u002Fgradient-boosting","16.ai-python\u002F10.gradient-boosting",[3825],{"title":3826,"path":3827,"stem":3828},"Градієнтний бустинг та XGBoost — послідовне виправлення помилок","\u002Fai-python\u002Fgradient-boosting\u002Fgradient-boosting-xgboost","16.ai-python\u002F10.gradient-boosting\u002F01.gradient-boosting-xgboost",{"title":3830,"path":3831,"stem":3832,"children":3833,"page":59},"Logistic Regression Classification","\u002Fai-python\u002Flogistic-regression-classification","16.ai-python\u002F11.logistic-regression-classification",[3834,3838],{"title":3835,"path":3836,"stem":3837},"Вступ до класифікації та логістична регресія","\u002Fai-python\u002Flogistic-regression-classification\u002Fclassification-basics","16.ai-python\u002F11.logistic-regression-classification\u002F01.classification-basics",{"title":3839,"path":3840,"stem":3841},"Метрики якості класифікації — Confusion Matrix, Precision, Recall, F1","\u002Fai-python\u002Flogistic-regression-classification\u002Fclassification-metrics","16.ai-python\u002F11.logistic-regression-classification\u002F02.classification-metrics",{"title":3843,"path":3844,"stem":3845,"children":3846,"page":59},"Neural Networks Basics","\u002Fai-python\u002Fneural-networks-basics","16.ai-python\u002F12.neural-networks-basics",[3847],{"title":3848,"path":3849,"stem":3850},"Вступ до нейронних мереж — від персептрона до багатошарових мереж","\u002Fai-python\u002Fneural-networks-basics\u002Fperceptron-to-mlp","16.ai-python\u002F12.neural-networks-basics\u002F01.perceptron-to-mlp",{"title":3852,"path":3853,"stem":3854,"children":3855,"page":59},"Pytorch Intro","\u002Fai-python\u002Fpytorch-intro","16.ai-python\u002F13.pytorch-intro",[3856,3860,3864,3868],{"title":3857,"path":3858,"stem":3859},"Тензори та автоматичне диференціювання в PyTorch","\u002Fai-python\u002Fpytorch-intro\u002Ftensors-and-autograd","16.ai-python\u002F13.pytorch-intro\u002F01.tensors-and-autograd",{"title":3861,"path":3862,"stem":3863},"Побудова та тренування нейронних мереж у PyTorch","\u002Fai-python\u002Fpytorch-intro\u002Fbuilding-and-training","16.ai-python\u002F13.pytorch-intro\u002F02.building-and-training",{"title":3865,"path":3866,"stem":3867},"Робота з даними та регуляризація в PyTorch","\u002Fai-python\u002Fpytorch-intro\u002Fdata-and-regularization","16.ai-python\u002F13.pytorch-intro\u002F03.data-and-regularization",{"title":3869,"path":3870,"stem":3871},"Просунуті теми PyTorch — GPU, оптимізація та deployment","\u002Fai-python\u002Fpytorch-intro\u002Fadvanced-topics","16.ai-python\u002F13.pytorch-intro\u002F04.advanced-topics",{"title":3873,"path":3874,"stem":3875,"children":3876,"page":59},"Activation Functions Heart Disease","\u002Fai-python\u002Factivation-functions-heart-disease","16.ai-python\u002F14.activation-functions-heart-disease",[3877,3881],{"title":3878,"path":3879,"stem":3880},"Функції активації та побудова нейронної мережі для передбачення вад серця","\u002Fai-python\u002Factivation-functions-heart-disease\u002Fheart-disease-prediction","16.ai-python\u002F14.activation-functions-heart-disease\u002F01.heart-disease-prediction",{"title":3882,"path":3883,"stem":3884},"Бонус — Повний приклад Student Performance Prediction","\u002Fai-python\u002Factivation-functions-heart-disease\u002Fstudent-performance-bonus","16.ai-python\u002F14.activation-functions-heart-disease\u002F02.student-performance-bonus",{"title":3886,"path":3887,"stem":3888,"children":3889,"page":59},"Cnn Image Classification","\u002Fai-python\u002Fcnn-image-classification","16.ai-python\u002F15.cnn-image-classification",[3890,3894,3898,3902],{"title":3891,"path":3892,"stem":3893},"Основи згорткових нейронних мереж — чому не MLP?","\u002Fai-python\u002Fcnn-image-classification\u002Fcnn-fundamentals","16.ai-python\u002F15.cnn-image-classification\u002F01.cnn-fundamentals",{"title":3895,"path":3896,"stem":3897},"Практична імплементація CNN для класифікації MNIST","\u002Fai-python\u002Fcnn-image-classification\u002Fmnist-classification","16.ai-python\u002F15.cnn-image-classification\u002F02.mnist-classification",{"title":3899,"path":3900,"stem":3901},"Глибші CNN та аугментація даних для CIFAR-10","\u002Fai-python\u002Fcnn-image-classification\u002Fcifar10-and-data-augmentation","16.ai-python\u002F15.cnn-image-classification\u002F03.cifar10-and-data-augmentation",{"title":3903,"path":3904,"stem":3905},"Transfer Learning та візуалізація внутрішніх представлень CNN","\u002Fai-python\u002Fcnn-image-classification\u002Ftransfer-learning-and-visualization","16.ai-python\u002F15.cnn-image-classification\u002F04.transfer-learning-and-visualization",{"title":3907,"path":3908,"stem":3909,"children":3910,"page":59},"Batching Normalization Deep Networks","\u002Fai-python\u002Fbatching-normalization-deep-networks","16.ai-python\u002F16.batching-normalization-deep-networks",[3911,3915,3919,3923,3927,3931,3935],{"title":3912,"path":3913,"stem":3914},"Mini-batch Gradient Descent та ефективна обробка даних","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Fmini-batch-gradient-descent","16.ai-python\u002F16.batching-normalization-deep-networks\u002F01.mini-batch-gradient-descent",{"title":3916,"path":3917,"stem":3918},"Ініціалізація ваг — фундамент стабільного навчання","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Fweight-initialization","16.ai-python\u002F16.batching-normalization-deep-networks\u002F02.weight-initialization",{"title":3920,"path":3921,"stem":3922},"Batch Normalization — прорив у глибокому навчанні","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Fbatch-normalization","16.ai-python\u002F16.batching-normalization-deep-networks\u002F03.batch-normalization",{"title":3924,"path":3925,"stem":3926},"Dropout та комбіновані стратегії регуляризації","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Fdropout-and-regularization","16.ai-python\u002F16.batching-normalization-deep-networks\u002F04.dropout-and-regularization",{"title":3928,"path":3929,"stem":3930},"Проєктування глибоких мереж — від теорії до практики","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Fdeep-networks-architectures","16.ai-python\u002F16.batching-normalization-deep-networks\u002F05.deep-networks-architectures",{"title":3932,"path":3933,"stem":3934},"Планування learning rate — коли та як зменшувати крок навчання","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Flearning-rate-scheduling","16.ai-python\u002F16.batching-normalization-deep-networks\u002F06.learning-rate-scheduling",{"title":3936,"path":3937,"stem":3938},"Підсумковий проєкт — побудова сучасного класифікатора зображень","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Ffinal-project-deep-classifier","16.ai-python\u002F16.batching-normalization-deep-networks\u002F07.final-project-deep-classifier",{"title":3940,"icon":658,"path":3941,"stem":3942,"children":3943,"page":59},"Клієнт-серверна архітектура","\u002Fclient-server-architecture","17.client-server-architecture",[3944,3948,3952,3956,3960,3964,3968,3972,3976,3980,3984,3988,3992,3996,4000,4004,4008,4012],{"title":3945,"path":3946,"stem":3947},"Архітектура клієнт-серверних систем та основи Go","\u002Fclient-server-architecture\u002Fclient-server-architecture-and-go","17.client-server-architecture\u002F01.client-server-architecture-and-go",{"title":3949,"path":3950,"stem":3951},"Система типів та модель пам’яті мови Go","\u002Fclient-server-architecture\u002Ftype-system-and-memory-model","17.client-server-architecture\u002F02.type-system-and-memory-model",{"title":3953,"path":3954,"stem":3955},"Інтерфейси та модель конкурентності мови Go","\u002Fclient-server-architecture\u002Finterfaces-and-concurrency-model","17.client-server-architecture\u002F03.interfaces-and-concurrency-model",{"title":3957,"path":3958,"stem":3959},"Сокетне програмування та протокол TCP у Go","\u002Fclient-server-architecture\u002Ftcp-socket-programming","17.client-server-architecture\u002F04.tcp-socket-programming",{"title":3961,"path":3962,"stem":3963},"Протокол UDP та датаграмна передача даних","\u002Fclient-server-architecture\u002Fudp-datagram-transmission","17.client-server-architecture\u002F05.udp-datagram-transmission",{"title":3965,"path":3966,"stem":3967},"Криптографічний захист каналів зв","\u002Fclient-server-architecture\u002Ftls-cryptographic-channel-protection","17.client-server-architecture\u002F06.tls-cryptographic-channel-protection",{"title":3969,"path":3970,"stem":3971},"Прикладні мережеві протоколи DNS та SMTP","\u002Fclient-server-architecture\u002Fdns-smtp-application-protocols","17.client-server-architecture\u002F07.dns-smtp-application-protocols",{"title":3973,"path":3974,"stem":3975},"Протокол HTTP та стандартний вебсервер Go","\u002Fclient-server-architecture\u002Fhttp-protocol-and-web-server","17.client-server-architecture\u002F08.http-protocol-and-web-server",{"title":3977,"path":3978,"stem":3979},"Проєктування REST API та маршрутизація засобами Chi","\u002Fclient-server-architecture\u002Frest-api-design-and-chi-routing","17.client-server-architecture\u002F09.rest-api-design-and-chi-routing",{"title":3981,"path":3982,"stem":3983},"Лекція 10. Шарувата архітектура та конвеєри обробки запитів","\u002Fclient-server-architecture\u002Flayered-architecture-and-middleware-pipelines","17.client-server-architecture\u002F10.layered-architecture-and-middleware-pipelines",{"title":3985,"path":3986,"stem":3987},"Лекція 11. Архітектура та маршрутизація фреймворку Gin","\u002Fclient-server-architecture\u002Fgin-framework-architecture-and-routing","17.client-server-architecture\u002F11.gin-framework-architecture-and-routing",{"title":3989,"path":3990,"stem":3991},"Лекція 12. Валідація даних, безпека та документування у Gin","\u002Fclient-server-architecture\u002Fdata-validation-security-and-documentation-in-gin","17.client-server-architecture\u002F12.data-validation-security-and-documentation-in-gin",{"title":3993,"path":3994,"stem":3995},"Лекція 13. Взаємодія з реляційними СУБД та технології ORM","\u002Fclient-server-architecture\u002Frelational-databases-and-orm","17.client-server-architecture\u002F13.relational-databases-and-orm",{"title":3997,"path":3998,"stem":3999},"Потокова передача даних та протокол WebSocket","\u002Fclient-server-architecture\u002Fstreaming-data-and-websockets","17.client-server-architecture\u002F14.streaming-data-and-websockets",{"title":4001,"path":4002,"stem":4003},"Міжсервісна взаємодія на основі протоколу gRPC","\u002Fclient-server-architecture\u002Fgrpc-inter-service-communication","17.client-server-architecture\u002F15.grpc-inter-service-communication",{"title":4005,"path":4006,"stem":4007},"Асинхронний обмін повідомленнями та протоколи черг","\u002Fclient-server-architecture\u002Fasynchronous-message-exchange-and-queue-protocols","17.client-server-architecture\u002F16.asynchronous-message-exchange-and-queue-protocols",{"title":4009,"path":4010,"stem":4011},"Протоколи потокового медіа та технологія WebRTC","\u002Fclient-server-architecture\u002Fstreaming-media-protocols-and-webrtc","17.client-server-architecture\u002F17.streaming-media-protocols-and-webrtc",{"title":4013,"path":4014,"stem":4015},"Моніторинг, безпека та контейнеризація застосунків","\u002Fclient-server-architecture\u002Fmonitoring-security-and-containerization","17.client-server-architecture\u002F18.monitoring-security-and-containerization",{"title":4017,"icon":2074,"path":4018,"stem":4019,"children":4020,"page":59},"Розробка WEB-застосувань","\u002Fweb-development","18.web-development",[4021,4066,4104,4133,4162,4219,4269,4363,4429,4511,4544,4572,4614,4660,4703],{"title":4022,"icon":658,"path":4023,"stem":4024,"children":4025,"page":59},"Архітектура комп'ютерних мереж та мережеві протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols","18.web-development\u002F01.network-architecture-and-protocols",[4026,4030,4034,4038,4042,4046,4050,4054,4058,4062],{"title":4027,"path":4028,"stem":4029},"Еволюція веброзробки та модель клієнт-сервер","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fweb-evolution-client-server","18.web-development\u002F01.network-architecture-and-protocols\u002F01.web-evolution-client-server",{"title":4031,"path":4032,"stem":4033},"Еталонна модель OSI","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fosi-model","18.web-development\u002F01.network-architecture-and-protocols\u002F02.osi-model",{"title":4035,"path":4036,"stem":4037},"Стек протоколів TCP\u002FIP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-ip-stack","18.web-development\u002F01.network-architecture-and-protocols\u002F03.tcp-ip-stack",{"title":4039,"path":4040,"stem":4041},"IP-адресація, порти та сокети","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fip-addressing-ports-sockets","18.web-development\u002F01.network-architecture-and-protocols\u002F04.ip-addressing-ports-sockets",{"title":4043,"path":4044,"stem":4045},"Протоколи TCP та UDP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-udp-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F05.tcp-udp-protocols",{"title":4047,"path":4048,"stem":4049},"Система доменних імен DNS","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fdns-system","18.web-development\u002F01.network-architecture-and-protocols\u002F06.dns-system",{"title":4051,"path":4052,"stem":4053},"Протокол SMTP та поштові протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fsmtp-email-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F07.smtp-email-protocols",{"title":4055,"path":4056,"stem":4057},"Протокол WebSocket","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fwebsocket-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F08.websocket-protocol",{"title":4059,"path":4060,"stem":4061},"Протокол SSH","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fssh-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F09.ssh-protocol",{"title":4063,"path":4064,"stem":4065},"Огляд сучасних серверних технологій","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fmodern-backend-technologies","18.web-development\u002F01.network-architecture-and-protocols\u002F10.modern-backend-technologies",{"title":4067,"icon":4068,"path":4069,"stem":4070,"children":4071,"page":59},"Протокол HTTP та захищена передача даних HTTPS","i-lucide-lock","\u002Fweb-development\u002Fhttp-and-https","18.web-development\u002F02.http-and-https",[4072,4076,4080,4084,4088,4092,4096,4100],{"title":4073,"path":4074,"stem":4075},"Вступ до протоколу HTTP та еволюція веб-технологій","\u002Fweb-development\u002Fhttp-and-https\u002Fintroduction-and-evolution","18.web-development\u002F02.http-and-https\u002F01.introduction-and-evolution",{"title":4077,"path":4078,"stem":4079},"Анатомія HTTP-запиту","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-request-structure","18.web-development\u002F02.http-and-https\u002F02.http-request-structure",{"title":4081,"path":4082,"stem":4083},"Анатомія HTTP-відповіді","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-response-structure","18.web-development\u002F02.http-and-https\u002F03.http-response-structure",{"title":4085,"path":4086,"stem":4087},"Методи HTTP та їхня семантика","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-methods","18.web-development\u002F02.http-and-https\u002F04.http-methods",{"title":4089,"path":4090,"stem":4091},"Коди статусу HTTP та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-status-codes","18.web-development\u002F02.http-and-https\u002F05.http-status-codes",{"title":4093,"path":4094,"stem":4095},"HTTP-заголовки та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-headers","18.web-development\u002F02.http-and-https\u002F06.http-headers",{"title":4097,"path":4098,"stem":4099},"CORS та механізми безпеки HTTP","\u002Fweb-development\u002Fhttp-and-https\u002Fcors-and-security","18.web-development\u002F02.http-and-https\u002F07.cors-and-security",{"title":4101,"path":4102,"stem":4103},"HTTPS та криптографічні основи TLS","\u002Fweb-development\u002Fhttp-and-https\u002Fhttps-and-tls","18.web-development\u002F02.http-and-https\u002F08.https-and-tls",{"title":4105,"icon":2454,"path":4106,"stem":4107,"children":4108,"page":59},"Система типів мови TypeScript","\u002Fweb-development\u002Ftypescript-type-system","18.web-development\u002F03.typescript-type-system",[4109,4113,4117,4121,4125,4129],{"title":4110,"path":4111,"stem":4112},"Знайомство з TypeScript Compiler","\u002Fweb-development\u002Ftypescript-type-system\u002Fintroduction-compiler-config","18.web-development\u002F03.typescript-type-system\u002F01.introduction-compiler-config",{"title":4114,"path":4115,"stem":4116},"Примітивні типи даних: string, number, boolean","\u002Fweb-development\u002Ftypescript-type-system\u002Fprimitive-special-types","18.web-development\u002F03.typescript-type-system\u002F02.primitive-special-types",{"title":4118,"path":4119,"stem":4120},"Масиви, кортежі та об","\u002Fweb-development\u002Ftypescript-type-system\u002Farrays-tuples-objects","18.web-development\u002F03.typescript-type-system\u002F03.arrays-tuples-objects",{"title":4122,"path":4123,"stem":4124},"Псевдоніми типів, Union типи, Intersection типи та літеральні типи","\u002Fweb-development\u002Ftypescript-type-system\u002Funion-intersection-literals","18.web-development\u002F03.typescript-type-system\u002F04.union-intersection-literals",{"title":4126,"path":4127,"stem":4128},"Type Narrowing (звуження типів)","\u002Fweb-development\u002Ftypescript-type-system\u002Ftype-narrowing","18.web-development\u002F03.typescript-type-system\u002F05.type-narrowing",{"title":4130,"path":4131,"stem":4132},"Типізація функцій","\u002Fweb-development\u002Ftypescript-type-system\u002Ffunctions-typing","18.web-development\u002F03.typescript-type-system\u002F06.functions-typing",{"title":4134,"icon":2454,"path":4135,"stem":4136,"children":4137,"page":59},"Розширені засоби мови TypeScript","\u002Fweb-development\u002Ftypescript-advanced","18.web-development\u002F04.typescript-advanced",[4138,4142,4146,4150,4154,4158],{"title":4139,"path":4140,"stem":4141},"Interfaces та Classes","\u002Fweb-development\u002Ftypescript-advanced\u002Finterfaces-classes","18.web-development\u002F04.typescript-advanced\u002F01.interfaces-classes",{"title":4143,"path":4144,"stem":4145},"Основи Generic типів","\u002Fweb-development\u002Ftypescript-advanced\u002Fgenerics-fundamentals","18.web-development\u002F04.typescript-advanced\u002F02.generics-fundamentals",{"title":4147,"path":4148,"stem":4149},"Enums та Decorators","\u002Fweb-development\u002Ftypescript-advanced\u002Fenums-decorators","18.web-development\u002F04.typescript-advanced\u002F03.enums-decorators",{"title":4151,"path":4152,"stem":4153},"Utility Types","\u002Fweb-development\u002Ftypescript-advanced\u002Futility-types","18.web-development\u002F04.typescript-advanced\u002F04.utility-types",{"title":4155,"path":4156,"stem":4157},"Mapped та Conditional Types","\u002Fweb-development\u002Ftypescript-advanced\u002Fmapped-conditional-types","18.web-development\u002F04.typescript-advanced\u002F05.mapped-conditional-types",{"title":4159,"path":4160,"stem":4161},"Модулі та Strict Mode","\u002Fweb-development\u002Ftypescript-advanced\u002Fmodules-strict-mode","18.web-development\u002F04.typescript-advanced\u002F06.modules-strict-mode",{"title":4163,"icon":4164,"path":4165,"stem":4166,"children":4167,"page":59},"Платформа Node.js як середовище виконання","i-devicon-nodejs","\u002Fweb-development\u002Fnodejs-platform","18.web-development\u002F05.nodejs-platform",[4168,4172,4176,4180,4184,4188,4192,4196,4200,4204,4208,4211,4215],{"title":4169,"path":4170,"stem":4171},"Що таке Node.js та його архітектура","\u002Fweb-development\u002Fnodejs-platform\u002Fwhat-is-nodejs","18.web-development\u002F05.nodejs-platform\u002F01.what-is-nodejs",{"title":4173,"path":4174,"stem":4175},"Event Loop — серце Node.js","\u002Fweb-development\u002Fnodejs-platform\u002Fevent-loop","18.web-development\u002F05.nodejs-platform\u002F02.event-loop",{"title":4177,"path":4178,"stem":4179},"Модульні системи: CommonJS vs ES Modules","\u002Fweb-development\u002Fnodejs-platform\u002Fmodule-systems","18.web-development\u002F05.nodejs-platform\u002F03.module-systems",{"title":4181,"path":4182,"stem":4183},"npm та package.json","\u002Fweb-development\u002Fnodejs-platform\u002Fnpm-package-json","18.web-development\u002F05.nodejs-platform\u002F04.npm-package-json",{"title":4185,"path":4186,"stem":4187},"Глобальні об\\","\u002Fweb-development\u002Fnodejs-platform\u002Fglobal-objects","18.web-development\u002F05.nodejs-platform\u002F05.global-objects",{"title":4189,"path":4190,"stem":4191},"Вбудований модуль fs (File System)","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-fs","18.web-development\u002F05.nodejs-platform\u002F06.built-in-modules-fs",{"title":4193,"path":4194,"stem":4195},"Вбудований модуль path","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-path","18.web-development\u002F05.nodejs-platform\u002F07.built-in-modules-path",{"title":4197,"path":4198,"stem":4199},"Вбудований модуль http","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-http","18.web-development\u002F05.nodejs-platform\u002F08.built-in-modules-http",{"title":4201,"path":4202,"stem":4203},"Streams — потоки даних у Node.js","\u002Fweb-development\u002Fnodejs-platform\u002Fstreams","18.web-development\u002F05.nodejs-platform\u002F09.streams",{"title":4205,"path":4206,"stem":4207},"Вбудований модуль util (Utilities)","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-util","18.web-development\u002F05.nodejs-platform\u002F10.built-in-modules-util",{"title":3097,"path":4209,"stem":4210},"\u002Fweb-development\u002Fnodejs-platform\u002Fenvironment-variables","18.web-development\u002F05.nodejs-platform\u002F11.environment-variables",{"title":4212,"path":4213,"stem":4214},"Інструменти налагодження та розробки","\u002Fweb-development\u002Fnodejs-platform\u002Fdebugging-tools","18.web-development\u002F05.nodejs-platform\u002F12.debugging-tools",{"title":4216,"path":4217,"stem":4218},"Продуктивність та Best Practices","\u002Fweb-development\u002Fnodejs-platform\u002Fperformance-best-practices","18.web-development\u002F05.nodejs-platform\u002F13.performance-best-practices",{"title":4220,"icon":4221,"path":4222,"stem":4223,"children":4224,"page":59},"Асинхронне програмування у Node.js","i-lucide-clock","\u002Fweb-development\u002Fasync-programming-nodejs","18.web-development\u002F06.async-programming-nodejs",[4225,4229,4233,4237,4241,4245,4249,4253,4257,4261,4265],{"title":4226,"path":4227,"stem":4228},"Синхронний vs асинхронний код","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fsync-vs-async","18.web-development\u002F06.async-programming-nodejs\u002F01.sync-vs-async",{"title":4230,"path":4231,"stem":4232},"Callbacks — перша парадигма асинхронності","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fcallbacks","18.web-development\u002F06.async-programming-nodejs\u002F02.callbacks",{"title":4234,"path":4235,"stem":4236},"Promises — стандарт асинхронності","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fpromises","18.web-development\u002F06.async-programming-nodejs\u002F03.promises",{"title":4238,"path":4239,"stem":4240},"Promise комбінатори","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fpromise-combinators","18.web-development\u002F06.async-programming-nodejs\u002F04.promise-combinators",{"title":4242,"path":4243,"stem":4244},"Async\u002FAwait — синтаксичний цукор над Promises","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fasync-await","18.web-development\u002F06.async-programming-nodejs\u002F05.async-await",{"title":4246,"path":4247,"stem":4248},"Паралельне vs послідовне виконання","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fparallel-vs-sequential","18.web-development\u002F06.async-programming-nodejs\u002F06.parallel-vs-sequential",{"title":4250,"path":4251,"stem":4252},"EventEmitter — подієва модель Node.js","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fevent-emitter","18.web-development\u002F06.async-programming-nodejs\u002F07.event-emitter",{"title":4254,"path":4255,"stem":4256},"Worker Threads — багатопотоковість у Node.js","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fworker-threads","18.web-development\u002F06.async-programming-nodejs\u002F08.worker-threads",{"title":4258,"path":4259,"stem":4260},"Child Processes — запуск зовнішніх процесів","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fchild-processes","18.web-development\u002F06.async-programming-nodejs\u002F09.child-processes",{"title":4262,"path":4263,"stem":4264},"Обробка помилок у асинхронному коді","\u002Fweb-development\u002Fasync-programming-nodejs\u002Ferror-handling","18.web-development\u002F06.async-programming-nodejs\u002F10.error-handling",{"title":4266,"path":4267,"stem":4268},"Порівняння Node.js фреймворків","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fnodejs-frameworks","18.web-development\u002F06.async-programming-nodejs\u002F11.nodejs-frameworks",{"title":4270,"icon":4271,"path":4272,"stem":4273,"children":4274,"page":59},"Тема 7. Фреймворк NestJS. Контролери та маршрутизація","i-lucide-route","\u002Fweb-development\u002Fnestjs-controllers-routing","18.web-development\u002F07.nestjs-controllers-routing",[4275,4279,4283,4287,4291,4295,4299,4303,4307,4311,4315,4319,4323,4327,4331,4335,4339,4343,4347,4351,4355,4359],{"title":4276,"path":4277,"stem":4278},"Філософія та архітектура NestJS","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-philosophy","18.web-development\u002F07.nestjs-controllers-routing\u002F01.nestjs-philosophy",{"title":4280,"path":4281,"stem":4282},"Три стовпи архітектури: модулі, контролери, провайдери","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fthree-pillars","18.web-development\u002F07.nestjs-controllers-routing\u002F02.three-pillars",{"title":4284,"path":4285,"stem":4286},"Інверсія керування (IoC) та ін","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fioc-and-di","18.web-development\u002F07.nestjs-controllers-routing\u002F03.ioc-and-di",{"title":4288,"path":4289,"stem":4290},"Встановлення NestJS CLI та створення проєкту","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-cli-setup","18.web-development\u002F07.nestjs-controllers-routing\u002F04.nestjs-cli-setup",{"title":4292,"path":4293,"stem":4294},"Структура проєкту NestJS та конвенції","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fproject-structure","18.web-development\u002F07.nestjs-controllers-routing\u002F05.project-structure",{"title":4296,"path":4297,"stem":4298},"Контролери: основи маршрутизації","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcontrollers-basics","18.web-development\u002F07.nestjs-controllers-routing\u002F06.controllers-basics",{"title":4300,"path":4301,"stem":4302},"Декоратори маршрутизації HTTP-методів","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Froute-decorators","18.web-development\u002F07.nestjs-controllers-routing\u002F07.route-decorators",{"title":4304,"path":4305,"stem":4306},"Параметри маршруту та декоратор @Param","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Froute-parameters","18.web-development\u002F07.nestjs-controllers-routing\u002F08.route-parameters",{"title":4308,"path":4309,"stem":4310},"Query-параметри та декоратор @Query","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fquery-parameters","18.web-development\u002F07.nestjs-controllers-routing\u002F09.query-parameters",{"title":4312,"path":4313,"stem":4314},"Тіло запиту та декоратор @Body","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Frequest-body","18.web-development\u002F07.nestjs-controllers-routing\u002F10.request-body",{"title":4316,"path":4317,"stem":4318},"Робота з заголовками запиту та відповіді","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fheaders-decorators","18.web-development\u002F07.nestjs-controllers-routing\u002F11.headers-decorators",{"title":4320,"path":4321,"stem":4322},"Data Transfer Objects (DTO): визначення та призначення","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fdto-introduction","18.web-development\u002F07.nestjs-controllers-routing\u002F12.dto-introduction",{"title":4324,"path":4325,"stem":4326},"Об'єкти Request та Response","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Frequest-response-objects","18.web-development\u002F07.nestjs-controllers-routing\u002F13.request-response-objects",{"title":4328,"path":4329,"stem":4330},"HTTP-статус коди та декоратор @HttpCode","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fhttp-status-codes","18.web-development\u002F07.nestjs-controllers-routing\u002F14.http-status-codes",{"title":4332,"path":4333,"stem":4334},"Перенаправлення (Redirects) та декоратор @Redirect","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fredirects","18.web-development\u002F07.nestjs-controllers-routing\u002F15.redirects",{"title":4336,"path":4337,"stem":4338},"Асинхронні обробники та Observables","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fasync-handlers","18.web-development\u002F07.nestjs-controllers-routing\u002F16.async-handlers",{"title":4340,"path":4341,"stem":4342},"Маршрутизація за піддоменами та версіонування API","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fsub-domain-routing","18.web-development\u002F07.nestjs-controllers-routing\u002F17.sub-domain-routing",{"title":4344,"path":4345,"stem":4346},"Області видимості контролерів (Scopes)","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcontroller-scopes","18.web-development\u002F07.nestjs-controllers-routing\u002F18.controller-scopes",{"title":4348,"path":4349,"stem":4350},"Основні команди NestJS CLI","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-cli-commands","18.web-development\u002F07.nestjs-controllers-routing\u002F19.nestjs-cli-commands",{"title":4352,"path":4353,"stem":4354},"Практичний приклад: створення CRUD-контролера","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcrud-example","18.web-development\u002F07.nestjs-controllers-routing\u002F20.crud-example",{"title":4356,"path":4357,"stem":4358},"Тестування контролерів","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Ftesting-controllers","18.web-development\u002F07.nestjs-controllers-routing\u002F21.testing-controllers",{"title":4360,"path":4361,"stem":4362},"Best Practices для контролерів та маршрутизації","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fbest-practices","18.web-development\u002F07.nestjs-controllers-routing\u002F22.best-practices",{"title":4364,"icon":4365,"path":4366,"stem":4367,"children":4368,"page":59},"Тема 8. Провайдери, сервіси та модульна система NestJS","i-lucide-package","\u002Fweb-development\u002Fnestjs-providers-modules","18.web-development\u002F08.nestjs-providers-modules",[4369,4373,4377,4381,4385,4389,4393,4397,4401,4405,4409,4413,4417,4421,4425],{"title":4370,"path":4371,"stem":4372},"Концепція провайдерів у NestJS","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fproviders-concept","18.web-development\u002F08.nestjs-providers-modules\u002F01.providers-concept",{"title":4374,"path":4375,"stem":4376},"Сервіси: інкапсуляція бізнес-логіки","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fservices-business-logic","18.web-development\u002F08.nestjs-providers-modules\u002F02.services-business-logic",{"title":4378,"path":4379,"stem":4380},"Практика ін","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fdependency-injection-practice","18.web-development\u002F08.nestjs-providers-modules\u002F03.dependency-injection-practice",{"title":4382,"path":4383,"stem":4384},"Custom Providers: useValue, useClass, useFactory, useExisting","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fcustom-providers","18.web-development\u002F08.nestjs-providers-modules\u002F04.custom-providers",{"title":4386,"path":4387,"stem":4388},"Injection Tokens: рядкові та символьні токени","\u002Fweb-development\u002Fnestjs-providers-modules\u002Finjection-tokens","18.web-development\u002F08.nestjs-providers-modules\u002F05.injection-tokens",{"title":4390,"path":4391,"stem":4392},"Опціональні провайдери та декоратор @Optional","\u002Fweb-development\u002Fnestjs-providers-modules\u002Foptional-providers","18.web-development\u002F08.nestjs-providers-modules\u002F07.optional-providers",{"title":4394,"path":4395,"stem":4396},"Структура модулів: imports, controllers, providers, exports","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fmodules-structure","18.web-development\u002F08.nestjs-providers-modules\u002F08.modules-structure",{"title":4398,"path":4399,"stem":4400},"Feature Modules: ізоляція функціональності","\u002Fweb-development\u002Fnestjs-providers-modules\u002Ffeature-modules","18.web-development\u002F08.nestjs-providers-modules\u002F09.feature-modules",{"title":4402,"path":4403,"stem":4404},"Shared Modules: перевикористання провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fshared-modules","18.web-development\u002F08.nestjs-providers-modules\u002F10.shared-modules",{"title":4406,"path":4407,"stem":4408},"Global Modules та декоратор @Global","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fglobal-modules","18.web-development\u002F08.nestjs-providers-modules\u002F11.global-modules",{"title":4410,"path":4411,"stem":4412},"Dynamic Modules: конфігурація під час виконання","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fdynamic-modules","18.web-development\u002F08.nestjs-providers-modules\u002F12.dynamic-modules",{"title":4414,"path":4415,"stem":4416},"Циклічні залежності та forwardRef","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fcircular-dependencies","18.web-development\u002F08.nestjs-providers-modules\u002F13.circular-dependencies",{"title":4418,"path":4419,"stem":4420},"Lifecycle Hooks: хуки життєвого циклу","\u002Fweb-development\u002Fnestjs-providers-modules\u002Flifecycle-hooks","18.web-development\u002F08.nestjs-providers-modules\u002F14.lifecycle-hooks",{"title":4422,"path":4423,"stem":4424},"ModuleRef: динамічний доступ до провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fmodule-reference","18.web-development\u002F08.nestjs-providers-modules\u002F15.module-reference",{"title":4426,"path":4427,"stem":4428},"Тестування сервісів та провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Ftesting-services","18.web-development\u002F08.nestjs-providers-modules\u002F16.testing-services",{"title":4430,"icon":4431,"path":4432,"stem":4433,"children":4434,"page":59},"Тема 9. Валідація даних та конвеєр обробки запитів у NestJS","i-lucide-filter","\u002Fweb-development\u002Fnestjs-validation-pipeline","18.web-development\u002F09.nestjs-validation-pipeline",[4435,4439,4443,4447,4451,4455,4459,4463,4467,4471,4475,4479,4483,4487,4491,4495,4499,4503,4507],{"title":4436,"path":4437,"stem":4438},"Request Pipeline: конвеєр обробки запитів","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Frequest-pipeline","18.web-development\u002F09.nestjs-validation-pipeline\u002F01.request-pipeline",{"title":4440,"path":4441,"stem":4442},"Pipes: концепція трансформації та валідації","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fpipes-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F02.pipes-concept",{"title":4444,"path":4445,"stem":4446},"Вбудовані pipes: ParseIntPipe, ParseBoolPipe, ParseUUIDPipe","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fbuilt-in-pipes","18.web-development\u002F09.nestjs-validation-pipeline\u002F03.built-in-pipes",{"title":4448,"path":4449,"stem":4450},"ValidationPipe: автоматична валідація DTO","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fvalidation-pipe","18.web-development\u002F09.nestjs-validation-pipeline\u002F04.validation-pipe",{"title":4452,"path":4453,"stem":4454},"Декоратори class-validator для DTO","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fclass-validator-decorators","18.web-development\u002F09.nestjs-validation-pipeline\u002F05.class-validator-decorators",{"title":4456,"path":4457,"stem":4458},"Створення кастомних валідаторів","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-validators","18.web-development\u002F09.nestjs-validation-pipeline\u002F06.custom-validators",{"title":4460,"path":4461,"stem":4462},"Створення власних Pipes","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-pipes","18.web-development\u002F09.nestjs-validation-pipeline\u002F07.custom-pipes",{"title":4464,"path":4465,"stem":4466},"Основи Middleware","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fmiddleware-basics","18.web-development\u002F09.nestjs-validation-pipeline\u002F08.middleware-basics",{"title":4468,"path":4469,"stem":4470},"Практичні приклади Middleware","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fmiddleware-examples","18.web-development\u002F09.nestjs-validation-pipeline\u002F09.middleware-examples",{"title":4472,"path":4473,"stem":4474},"Guards: захисні перехоплювачі доступу","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fguards-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F10.guards-concept",{"title":4476,"path":4477,"stem":4478},"Створення кастомних Guards","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-guards","18.web-development\u002F09.nestjs-validation-pipeline\u002F11.custom-guards",{"title":4480,"path":4481,"stem":4482},"Interceptors: перехоплення та трансформація відповідей","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Finterceptors-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F12.interceptors-concept",{"title":4484,"path":4485,"stem":4486},"Практичні приклади Interceptors","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Finterceptor-examples","18.web-development\u002F09.nestjs-validation-pipeline\u002F13.interceptor-examples",{"title":4488,"path":4489,"stem":4490},"Exception Filters: обробка виключень","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fexception-filters","18.web-development\u002F09.nestjs-validation-pipeline\u002F14.exception-filters",{"title":4492,"path":4493,"stem":4494},"Custom Exception Filters: спеціалізовані фільтри","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-exception-filters","18.web-development\u002F09.nestjs-validation-pipeline\u002F15.custom-exception-filters",{"title":4496,"path":4497,"stem":4498},"Execution Context: контекст виконання","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fexecution-context","18.web-development\u002F09.nestjs-validation-pipeline\u002F16.execution-context",{"title":4500,"path":4501,"stem":4502},"Custom Decorators: власні декоратори","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-decorators","18.web-development\u002F09.nestjs-validation-pipeline\u002F17.custom-decorators",{"title":4504,"path":4505,"stem":4506},"Global Components: глобальні компоненти","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fglobal-components","18.web-development\u002F09.nestjs-validation-pipeline\u002F18.global-components",{"title":4508,"path":4509,"stem":4510},"Pipeline Best Practices: найкращі практики","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fpipeline-best-practices","18.web-development\u002F09.nestjs-validation-pipeline\u002F19.pipeline-best-practices",{"title":4512,"icon":2821,"path":4513,"stem":4514,"children":4515,"page":59},"Інтеграція реляційних баз даних засобами TypeORM","\u002Fweb-development\u002Ftypeorm-integration","18.web-development\u002F10.typeorm-integration",[4516,4520,4524,4528,4532,4536,4540],{"title":4517,"path":4518,"stem":4519},"Робота з базами даних у Node.js через нативні драйвери","\u002Fweb-development\u002Ftypeorm-integration\u002F01-nodejs-database-drivers","18.web-development\u002F10.typeorm-integration\u002F01-nodejs-database-drivers",{"title":4521,"path":4522,"stem":4523},"ORM та знайомство з TypeORM","\u002Fweb-development\u002Ftypeorm-integration\u002F02-orm-and-typeorm-intro","18.web-development\u002F10.typeorm-integration\u002F02-orm-and-typeorm-intro",{"title":4525,"path":4526,"stem":4527},"Налаштування TypeORM у NestJS проєкті","\u002Fweb-development\u002Ftypeorm-integration\u002F03-typeorm-setup-nestjs","18.web-development\u002F10.typeorm-integration\u002F03-typeorm-setup-nestjs",{"title":4529,"path":4530,"stem":4531},"Entity класи та декоратори TypeORM","\u002Fweb-development\u002Ftypeorm-integration\u002F04-entities-and-decorators","18.web-development\u002F10.typeorm-integration\u002F04-entities-and-decorators",{"title":4533,"path":4534,"stem":4535},"Repository Pattern та CRUD операції","\u002Fweb-development\u002Ftypeorm-integration\u002F05-repository-pattern-crud","18.web-development\u002F10.typeorm-integration\u002F05-repository-pattern-crud",{"title":4537,"path":4538,"stem":4539},"Пагінація та фільтрація даних","\u002Fweb-development\u002Ftypeorm-integration\u002F06-pagination-filtering","18.web-development\u002F10.typeorm-integration\u002F06-pagination-filtering",{"title":4541,"path":4542,"stem":4543},"QueryBuilder для складних запитів","\u002Fweb-development\u002Ftypeorm-integration\u002F07-query-builder","18.web-development\u002F10.typeorm-integration\u002F07-query-builder",{"title":4545,"icon":4546,"path":4547,"stem":4548,"children":4549,"page":59},"Зв'язки між сутностями, міграції та оптимізація запитів","i-lucide-git-branch","\u002Fweb-development\u002Fentity-relations-migrations","18.web-development\u002F11.entity-relations-migrations",[4550,4554,4558,4562,4566],{"title":4551,"path":4552,"stem":4553},"Зв'язки One-to-Many та Many-to-One","\u002Fweb-development\u002Fentity-relations-migrations\u002F01-one-to-many-many-to-one","18.web-development\u002F11.entity-relations-migrations\u002F01-one-to-many-many-to-one",{"title":4555,"path":4556,"stem":4557},"Зв'язки One-to-One та Many-to-Many","\u002Fweb-development\u002Fentity-relations-migrations\u002F02-one-to-one-many-to-many","18.web-development\u002F11.entity-relations-migrations\u002F02-one-to-one-many-to-many",{"title":4559,"path":4560,"stem":4561},"Керування міграціями бази даних","\u002Fweb-development\u002Fentity-relations-migrations\u002F03-migrations-management","18.web-development\u002F11.entity-relations-migrations\u002F03-migrations-management",{"title":4563,"path":4564,"stem":4565},"Транзакції у TypeORM","\u002Fweb-development\u002Fentity-relations-migrations\u002F04-transactions","18.web-development\u002F11.entity-relations-migrations\u002F04-transactions",{"title":4567,"path":4568,"stem":4569,"children":4570},"Індекси та оптимізація запитів","\u002Fweb-development\u002Fentity-relations-migrations\u002F05-indexes-optimization","18.web-development\u002F11.entity-relations-migrations\u002F05-indexes-optimization",[4571],{"title":4567,"path":4568,"stem":4569},{"title":4573,"icon":4574,"path":4575,"stem":4576,"children":4577,"page":59},"Механізми автентифікації у вебзастосунках","i-lucide-key","\u002Fweb-development\u002Fauthentication","18.web-development\u002F12.authentication",[4578,4582,4586,4590,4594,4598,4602,4606,4610],{"title":4579,"path":4580,"stem":4581},"Автентифікація vs Авторизація","\u002Fweb-development\u002Fauthentication\u002F01-authentication-vs-authorization","18.web-development\u002F12.authentication\u002F01-authentication-vs-authorization",{"title":4583,"path":4584,"stem":4585},"Стратегії автентифікації","\u002Fweb-development\u002Fauthentication\u002F02-authentication-strategies","18.web-development\u002F12.authentication\u002F02-authentication-strategies",{"title":4587,"path":4588,"stem":4589},"Автентифікація на основі сесій","\u002Fweb-development\u002Fauthentication\u002F03-session-based-authentication","18.web-development\u002F12.authentication\u002F03-session-based-authentication",{"title":4591,"path":4592,"stem":4593},"Структура JSON Web Token (JWT)","\u002Fweb-development\u002Fauthentication\u002F04-jwt-structure","18.web-development\u002F12.authentication\u002F04-jwt-structure",{"title":4595,"path":4596,"stem":4597},"Інтеграція JWT у NestJS","\u002Fweb-development\u002Fauthentication\u002F05-nestjs-jwt-integration","18.web-development\u002F12.authentication\u002F05-nestjs-jwt-integration",{"title":4599,"path":4600,"stem":4601},"Passport.js стратегії у NestJS","\u002Fweb-development\u002Fauthentication\u002F06-passport-strategies","18.web-development\u002F12.authentication\u002F06-passport-strategies",{"title":4603,"path":4604,"stem":4605},"Безпечне зберігання паролів: хешування та криптографічний захист","\u002Fweb-development\u002Fauthentication\u002F07-password-hashing","18.web-development\u002F12.authentication\u002F07-password-hashing",{"title":4607,"path":4608,"stem":4609},"Refresh Token та безпечне оновлення доступу","\u002Fweb-development\u002Fauthentication\u002F08-refresh-tokens","18.web-development\u002F12.authentication\u002F08-refresh-tokens",{"title":4611,"path":4612,"stem":4613},"OAuth 2.0 та OpenID Connect: делегована автентифікація","\u002Fweb-development\u002Fauthentication\u002F09-oauth2-openid","18.web-development\u002F12.authentication\u002F09-oauth2-openid",{"title":4615,"icon":4616,"path":4617,"stem":4618,"children":4619,"page":59},"Авторизація та безпека серверних застосунків","i-lucide-shield","\u002Fweb-development\u002Fauthorization-security","18.web-development\u002F13.authorization-security",[4620,4624,4628,4632,4636,4640,4644,4648,4652,4656],{"title":4621,"path":4622,"stem":4623},"Моделі авторизації","\u002Fweb-development\u002Fauthorization-security\u002F01-authorization-models","18.web-development\u002F13.authorization-security\u002F01-authorization-models",{"title":4625,"path":4626,"stem":4627},"Реалізація RBAC у NestJS","\u002Fweb-development\u002Fauthorization-security\u002F02-rbac-implementation","18.web-development\u002F13.authorization-security\u002F02-rbac-implementation",{"title":4629,"path":4630,"stem":4631},"Permission-Based Access Control","\u002Fweb-development\u002Fauthorization-security\u002F03-permission-based-access","18.web-development\u002F13.authorization-security\u002F03-permission-based-access",{"title":4633,"path":4634,"stem":4635},"ABAC та бібліотека CASL","\u002Fweb-development\u002Fauthorization-security\u002F04-abac-casl","18.web-development\u002F13.authorization-security\u002F04-abac-casl",{"title":4637,"path":4638,"stem":4639},"Кастомні декоратори та метадані","\u002Fweb-development\u002Fauthorization-security\u002F05-custom-decorators-metadata","18.web-development\u002F13.authorization-security\u002F05-custom-decorators-metadata",{"title":4641,"path":4642,"stem":4643},"Конфігурація CORS","\u002Fweb-development\u002Fauthorization-security\u002F06-cors-configuration","18.web-development\u002F13.authorization-security\u002F06-cors-configuration",{"title":4645,"path":4646,"stem":4647},"Захист через HTTP Security Headers (Helmet)","\u002Fweb-development\u002Fauthorization-security\u002F07-helmet-security-headers","18.web-development\u002F13.authorization-security\u002F07-helmet-security-headers",{"title":4649,"path":4650,"stem":4651},"Rate Limiting та Throttling","\u002Fweb-development\u002Fauthorization-security\u002F08-rate-limiting-throttling","18.web-development\u002F13.authorization-security\u002F08-rate-limiting-throttling",{"title":4653,"path":4654,"stem":4655},"Захист від поширених атак","\u002Fweb-development\u002Fauthorization-security\u002F09-common-attacks-protection","18.web-development\u002F13.authorization-security\u002F09-common-attacks-protection",{"title":4657,"path":4658,"stem":4659},"HTTPS у продакшені","\u002Fweb-development\u002Fauthorization-security\u002F10-https-production","18.web-development\u002F13.authorization-security\u002F10-https-production",{"title":4661,"icon":871,"path":4662,"stem":4663,"children":4664,"page":59},"Комунікація у реальному часі, нотифікації та фонові задачі","\u002Fweb-development\u002Frealtime-notifications-jobs","18.web-development\u002F14.realtime-notifications-jobs",[4665,4669,4673,4677,4681,4685,4688,4691,4695,4699],{"title":4666,"path":4667,"stem":4668},"Методи комунікації у реальному часі","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F01-realtime-communication-methods","18.web-development\u002F14.realtime-notifications-jobs\u002F01-realtime-communication-methods",{"title":4670,"path":4671,"stem":4672},"WebSocket Gateway у NestJS","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F02-websocket-gateway","18.web-development\u002F14.realtime-notifications-jobs\u002F02-websocket-gateway",{"title":4674,"path":4675,"stem":4676},"Lifecycle та Rooms у WebSocket","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F03-websocket-lifecycle-rooms","18.web-development\u002F14.realtime-notifications-jobs\u002F03-websocket-lifecycle-rooms",{"title":4678,"path":4679,"stem":4680},"Server-Sent Events (SSE)","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F04-server-sent-events","18.web-development\u002F14.realtime-notifications-jobs\u002F04-server-sent-events",{"title":4682,"path":4683,"stem":4684},"Архітектура системи нотифікацій","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F05-notification-system","18.web-development\u002F14.realtime-notifications-jobs\u002F05-notification-system",{"title":904,"path":4686,"stem":4687},"\u002Fweb-development\u002Frealtime-notifications-jobs\u002F06-email-notifications","18.web-development\u002F14.realtime-notifications-jobs\u002F06-email-notifications",{"title":900,"path":4689,"stem":4690},"\u002Fweb-development\u002Frealtime-notifications-jobs\u002F07-web-push-notifications","18.web-development\u002F14.realtime-notifications-jobs\u002F07-web-push-notifications",{"title":4692,"path":4693,"stem":4694},"Фонові задачі та черги","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F08-background-jobs-queues","18.web-development\u002F14.realtime-notifications-jobs\u002F08-background-jobs-queues",{"title":4696,"path":4697,"stem":4698},"Планувальники та Cron jobs","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F09-schedulers-cron","18.web-development\u002F14.realtime-notifications-jobs\u002F09-schedulers-cron",{"title":4700,"path":4701,"stem":4702},"Практичні сценарії застосування","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F10-practical-scenarios","18.web-development\u002F14.realtime-notifications-jobs\u002F10-practical-scenarios",{"title":4704,"icon":4705,"path":4706,"stem":4707,"children":4708,"page":59},"Тестування, документування та розгортання застосунків","i-lucide-rocket","\u002Fweb-development\u002Ftesting-documentation-deployment","18.web-development\u002F15.testing-documentation-deployment",[4709,4713,4717,4721,4725,4729,4733,4737,4741,4745],{"title":4710,"path":4711,"stem":4712},"Піраміда тестування та стратегія","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F01-testing-pyramid-strategy","18.web-development\u002F15.testing-documentation-deployment\u002F01-testing-pyramid-strategy",{"title":4714,"path":4715,"stem":4716},"Основи Jest у NestJS","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F02-jest-nestjs-basics","18.web-development\u002F15.testing-documentation-deployment\u002F02-jest-nestjs-basics",{"title":4718,"path":4719,"stem":4720},"Unit-тестування сервісів","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F03-unit-testing-services","18.web-development\u002F15.testing-documentation-deployment\u002F03-unit-testing-services",{"title":4722,"path":4723,"stem":4724},"E2E тестування та покриття коду","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F04-e2e-testing-coverage","18.web-development\u002F15.testing-documentation-deployment\u002F04-e2e-testing-coverage",{"title":4726,"path":4727,"stem":4728},"Swagger, OpenAPI, Scalar та Arazzo","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F05-swagger-openapi","18.web-development\u002F15.testing-documentation-deployment\u002F05-swagger-openapi",{"title":4730,"path":4731,"stem":4732},"Керування конфігурацією","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F06-configuration-management","18.web-development\u002F15.testing-documentation-deployment\u002F06-configuration-management",{"title":4734,"path":4735,"stem":4736},"Docker та контейнеризація","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F07-docker-containerization","18.web-development\u002F15.testing-documentation-deployment\u002F07-docker-containerization",{"title":4738,"path":4739,"stem":4740},"CI\u002FCD Pipelines","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F08-cicd-pipelines","18.web-development\u002F15.testing-documentation-deployment\u002F08-cicd-pipelines",{"title":4742,"path":4743,"stem":4744},"Логування та моніторинг","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F09-logging-monitoring","18.web-development\u002F15.testing-documentation-deployment\u002F09-logging-monitoring",{"title":4746,"path":4747,"stem":4748},"Серіалізація та компресія","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F10-serialization-compression","18.web-development\u002F15.testing-documentation-deployment\u002F10-serialization-compression",{"title":4750,"icon":4751,"path":4752,"stem":4753,"children":4754,"page":59},"AI Core: мислення AI","i-lucide-brain","\u002Fai-core","19.ai-core",[4755,4796,4845,4883],{"title":4756,"icon":4705,"path":4757,"stem":4758,"children":4759,"page":59},"Вхід у професію AI Native Developer","\u002Fai-core\u002Fai-native-developer","19.ai-core\u002F01.ai-native-developer",[4760,4764,4768,4772,4776,4780,4784,4788,4792],{"title":4761,"path":4762,"stem":4763},"Вступ до професії розробника цифрових продуктів","\u002Fai-core\u002Fai-native-developer\u002Fdigital-products","19.ai-core\u002F01.ai-native-developer\u002F01.digital-products",{"title":4765,"path":4766,"stem":4767},"Професія розробника програмного забезпечення","\u002Fai-core\u002Fai-native-developer\u002Fsoftware-developer","19.ai-core\u002F01.ai-native-developer\u002F02.software-developer",{"title":4769,"path":4770,"stem":4771},"Професія AI Native Developer","\u002Fai-core\u002Fai-native-developer\u002Fai-native-developer","19.ai-core\u002F01.ai-native-developer\u002F03.ai-native-developer",{"title":4773,"path":4774,"stem":4775},"Вплив AI на розробку програмного забезпечення","\u002Fai-core\u002Fai-native-developer\u002Fai-impact-on-development","19.ai-core\u002F01.ai-native-developer\u002F04.ai-impact-on-development",{"title":4777,"path":4778,"stem":4779},"Життєвий цикл цифрового продукту","\u002Fai-core\u002Fai-native-developer\u002Fproduct-lifecycle","19.ai-core\u002F01.ai-native-developer\u002F05.product-lifecycle",{"title":4781,"path":4782,"stem":4783},"Застосування AI на етапах створення цифрового продукту","\u002Fai-core\u002Fai-native-developer\u002Fai-in-product-creation","19.ai-core\u002F01.ai-native-developer\u002F06.ai-in-product-creation",{"title":4785,"path":4786,"stem":4787},"Розподіл завдань між людиною та AI","\u002Fai-core\u002Fai-native-developer\u002Fhuman-vs-ai-tasks","19.ai-core\u002F01.ai-native-developer\u002F07.human-vs-ai-tasks",{"title":4789,"path":4790,"stem":4791},"Компетенції AI Native Developer","\u002Fai-core\u002Fai-native-developer\u002Fcompetencies","19.ai-core\u002F01.ai-native-developer\u002F08.competencies",{"title":4793,"path":4794,"stem":4795},"Карта професійного розвитку AI Native Developer","\u002Fai-core\u002Fai-native-developer\u002Fcareer-roadmap","19.ai-core\u002F01.ai-native-developer\u002F09.career-roadmap",{"title":4797,"icon":255,"path":4798,"stem":4799,"children":4800,"page":59},"Штучний інтелект і машинне навчання","\u002Fai-core\u002Fai-and-machine-learning","19.ai-core\u002F02.ai-and-machine-learning",[4801,4805,4809,4813,4817,4821,4825,4829,4833,4837,4841],{"title":4802,"path":4803,"stem":4804},"Штучний інтелект","\u002Fai-core\u002Fai-and-machine-learning\u002Fwhat-is-ai","19.ai-core\u002F02.ai-and-machine-learning\u002F01.what-is-ai",{"title":4806,"path":4807,"stem":4808},"Відмінність AI від інших програмних систем","\u002Fai-core\u002Fai-and-machine-learning\u002Fai-vs-automation","19.ai-core\u002F02.ai-and-machine-learning\u002F02.ai-vs-automation",{"title":4810,"path":4811,"stem":4812},"Завдання штучного інтелекту","\u002Fai-core\u002Fai-and-machine-learning\u002Fai-tasks","19.ai-core\u002F02.ai-and-machine-learning\u002F03.ai-tasks",{"title":4814,"path":4815,"stem":4816},"Machine Learning","\u002Fai-core\u002Fai-and-machine-learning\u002Fmachine-learning","19.ai-core\u002F02.ai-and-machine-learning\u002F04.machine-learning",{"title":4818,"path":4819,"stem":4820},"Machine Learning Workflow","\u002Fai-core\u002Fai-and-machine-learning\u002Fml-workflow","19.ai-core\u002F02.ai-and-machine-learning\u002F05.ml-workflow",{"title":4822,"path":4823,"stem":4824},"Типи машинного навчання","\u002Fai-core\u002Fai-and-machine-learning\u002Fml-types","19.ai-core\u002F02.ai-and-machine-learning\u002F06.ml-types",{"title":4826,"path":4827,"stem":4828},"Generative AI","\u002Fai-core\u002Fai-and-machine-learning\u002Fgenerative-ai","19.ai-core\u002F02.ai-and-machine-learning\u002F07.generative-ai",{"title":4830,"path":4831,"stem":4832},"Типи контенту, створюваного AI","\u002Fai-core\u002Fai-and-machine-learning\u002Fai-content-types","19.ai-core\u002F02.ai-and-machine-learning\u002F08.ai-content-types",{"title":4834,"path":4835,"stem":4836},"Великі мовні моделі","\u002Fai-core\u002Fai-and-machine-learning\u002Flarge-language-models","19.ai-core\u002F02.ai-and-machine-learning\u002F09.large-language-models",{"title":4838,"path":4839,"stem":4840},"Можливості та обмеження Generative AI","\u002Fai-core\u002Fai-and-machine-learning\u002Fcapabilities-and-limitations","19.ai-core\u002F02.ai-and-machine-learning\u002F10.capabilities-and-limitations",{"title":4842,"path":4843,"stem":4844},"Сучасні AI-асистенти","\u002Fai-core\u002Fai-and-machine-learning\u002Fmodern-ai-assistants","19.ai-core\u002F02.ai-and-machine-learning\u002F11.modern-ai-assistants",{"title":4846,"icon":4847,"path":4848,"stem":4849,"children":4850,"page":59},"Постановка завдань для AI: принципи створення промптів","i-lucide-message-square-text","\u002Fai-core\u002Fprompt-engineering","19.ai-core\u002F03.prompt-engineering",[4851,4855,4859,4863,4867,4871,4875,4879],{"title":4852,"path":4853,"stem":4854},"Промпт як інструмент","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-as-tool","19.ai-core\u002F03.prompt-engineering\u002F01.prompt-as-tool",{"title":4856,"path":4857,"stem":4858},"Принципи створення промптів","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-principles","19.ai-core\u002F03.prompt-engineering\u002F02.prompt-principles",{"title":4860,"path":4861,"stem":4862},"Структура промпта","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-structure","19.ai-core\u002F03.prompt-engineering\u002F03.prompt-structure",{"title":4864,"path":4865,"stem":4866},"Види промптів за типом задачі","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-types","19.ai-core\u002F03.prompt-engineering\u002F04.prompt-types",{"title":4868,"path":4869,"stem":4870},"Прийоми посилення промпта","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-enhancement","19.ai-core\u002F03.prompt-engineering\u002F05.prompt-enhancement",{"title":4872,"path":4873,"stem":4874},"Розбір і покращення промпта","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-analysis","19.ai-core\u002F03.prompt-engineering\u002F06.prompt-analysis",{"title":4876,"path":4877,"stem":4878},"Типові помилки під час створення промптів","\u002Fai-core\u002Fprompt-engineering\u002Fcommon-mistakes","19.ai-core\u002F03.prompt-engineering\u002F07.common-mistakes",{"title":4880,"path":4881,"stem":4882},"Практикум: особиста бібліотека промптів","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-library","19.ai-core\u002F03.prompt-engineering\u002F08.prompt-library",{"title":4884,"icon":793,"path":4885,"stem":4886,"children":4887,"page":59},"Перевірка результатів, безпека та AI Native Workflow","\u002Fai-core\u002Fverification-security-workflow","19.ai-core\u002F04.verification-security-workflow",[4888,4892,4896,4900,4904,4908,4912,4916,4920],{"title":4889,"path":4890,"stem":4891},"Межі можливостей AI","\u002Fai-core\u002Fverification-security-workflow\u002Fai-limitations","19.ai-core\u002F04.verification-security-workflow\u002F01.ai-limitations",{"title":4893,"path":4894,"stem":4895},"Галюцинації AI","\u002Fai-core\u002Fverification-security-workflow\u002Fai-hallucinations","19.ai-core\u002F04.verification-security-workflow\u002F02.ai-hallucinations",{"title":4897,"path":4898,"stem":4899},"Критичне мислення під час роботи з AI","\u002Fai-core\u002Fverification-security-workflow\u002Fcritical-thinking","19.ai-core\u002F04.verification-security-workflow\u002F03.critical-thinking",{"title":4901,"path":4902,"stem":4903},"Перевірка результатів роботи AI","\u002Fai-core\u002Fverification-security-workflow\u002Fresult-verification","19.ai-core\u002F04.verification-security-workflow\u002F04.result-verification",{"title":4905,"path":4906,"stem":4907},"Захист даних під час роботи з AI","\u002Fai-core\u002Fverification-security-workflow\u002Fdata-protection","19.ai-core\u002F04.verification-security-workflow\u002F05.data-protection",{"title":4909,"path":4910,"stem":4911},"Авторське право та навчальна доброчесність","\u002Fai-core\u002Fverification-security-workflow\u002Fcopyright-integrity","19.ai-core\u002F04.verification-security-workflow\u002F06.copyright-integrity",{"title":4913,"path":4914,"stem":4915},"Відповідальне використання AI","\u002Fai-core\u002Fverification-security-workflow\u002Fresponsible-use","19.ai-core\u002F04.verification-security-workflow\u002F07.responsible-use",{"title":4917,"path":4918,"stem":4919},"AI Native Workflow","\u002Fai-core\u002Fverification-security-workflow\u002Fai-native-workflow","19.ai-core\u002F04.verification-security-workflow\u002F08.ai-native-workflow",{"title":4921,"path":4922,"stem":4923},"Застосування AI Native Workflow під час створення цифрового продукту","\u002Fai-core\u002Fverification-security-workflow\u002Fworkflow-in-practice","19.ai-core\u002F04.verification-security-workflow\u002F09.workflow-in-practice",{"title":4925,"icon":4926,"path":4927,"stem":4928,"children":4929,"page":59},"AI Developer: Vibe Coding Sprint","i-lucide-code-xml","\u002Fai-developer","20.ai-developer",[4930,4956,4978,4999],{"title":4931,"icon":4932,"path":4933,"stem":4934,"children":4935,"page":59},"Проєктування і чорнова версія","i-lucide-pencil-ruler","\u002Fai-developer\u002Fdraft-creation","20.ai-developer\u002F01.draft-creation",[4936,4940,4944,4948,4952],{"title":4937,"path":4938,"stem":4939},"Парадигма Vibe Coding Workflow","\u002Fai-developer\u002Fdraft-creation\u002Fvibe-coding-workflow","20.ai-developer\u002F01.draft-creation\u002F01.vibe-coding-workflow",{"title":4941,"path":4942,"stem":4943},"AI-середовище швидкої розробки","\u002Fai-developer\u002Fdraft-creation\u002Fai-ide-environment","20.ai-developer\u002F01.draft-creation\u002F02.ai-ide-environment",{"title":4945,"path":4946,"stem":4947},"Користувацьке завдання та межі першої версії","\u002Fai-developer\u002Fdraft-creation\u002Fproduct-scope-and-mvp","20.ai-developer\u002F01.draft-creation\u002F03.product-scope-and-mvp",{"title":4949,"path":4950,"stem":4951},"Архітектура інтерфейсу та стани застосунку","\u002Fai-developer\u002Fdraft-creation\u002Fapplication-architecture-and-states","20.ai-developer\u002F01.draft-creation\u002F04.application-architecture-and-states",{"title":4953,"path":4954,"stem":4955},"Генерація та фіксація чорнової версії","\u002Fai-developer\u002Fdraft-creation\u002Fgenerating-draft-version","20.ai-developer\u002F01.draft-creation\u002F05.generating-draft-version",{"title":4957,"icon":4958,"path":4959,"stem":4960,"children":4961,"page":59},"Перша робоча версія","i-lucide-play-circle","\u002Fai-developer\u002Ffirst-working-version","20.ai-developer\u002F02.first-working-version",[4962,4966,4970,4974],{"title":4963,"path":4964,"stem":4965},"Уточнення контексту проєкту для AI","\u002Fai-developer\u002Ffirst-working-version\u002Frefining-project-context","20.ai-developer\u002F02.first-working-version\u002F01.refining-project-context",{"title":4967,"path":4968,"stem":4969},"Стратегія завдань для AI-розробки","\u002Fai-developer\u002Ffirst-working-version\u002Fai-prompting-strategy","20.ai-developer\u002F02.first-working-version\u002F02.ai-prompting-strategy",{"title":4971,"path":4972,"stem":4973},"Доопрацювання до першої робочої версії","\u002Fai-developer\u002Ffirst-working-version\u002Frefining-to-working-version","20.ai-developer\u002F02.first-working-version\u002F03.refining-to-working-version",{"title":4975,"path":4976,"stem":4977},"Перевірка першої робочої версії","\u002Fai-developer\u002Ffirst-working-version\u002Ftesting-first-working-version","20.ai-developer\u002F02.first-working-version\u002F04.testing-first-working-version",{"title":4979,"icon":3028,"path":4980,"stem":4981,"children":4982,"page":59},"Ітерації, дебагінг та відновлення","\u002Fai-developer\u002Fiteration-debugging-recovery","20.ai-developer\u002F03.iteration-debugging-recovery",[4983,4987,4991,4995],{"title":4984,"path":4985,"stem":4986},"Управління точковими змінами продукту","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fchange-management","20.ai-developer\u002F03.iteration-debugging-recovery\u002F01.change-management",{"title":4988,"path":4989,"stem":4990},"Надійність інтерфейсу та обробка помилок","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fscenario-reliability-and-errors","20.ai-developer\u002F03.iteration-debugging-recovery\u002F02.scenario-reliability-and-errors",{"title":4992,"path":4993,"stem":4994},"Керування контекстом і збереження версій","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fproject-context-and-versions","20.ai-developer\u002F03.iteration-debugging-recovery\u002F03.project-context-and-versions",{"title":4996,"path":4997,"stem":4998},"Збої AI-розробки, ліміти та аварійне відновлення","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fai-breakdowns-and-recovery","20.ai-developer\u002F03.iteration-debugging-recovery\u002F04.ai-breakdowns-and-recovery",{"title":5000,"icon":5001,"path":5002,"stem":5003,"children":5004,"page":59},"Перевірка та завершення продукту","i-lucide-check-check","\u002Fai-developer\u002Fverification-and-completion","20.ai-developer\u002F04.verification-and-completion",[5005,5009,5013],{"title":5006,"path":5007,"stem":5008},"Комплексний аудит та підсумкове тестування","\u002Fai-developer\u002Fverification-and-completion\u002Ffinal-product-testing","20.ai-developer\u002F04.verification-and-completion\u002F01.final-product-testing",{"title":5010,"path":5011,"stem":5012},"Підготовка підсумкової версії коду","\u002Fai-developer\u002Fverification-and-completion\u002Fpreparing-release-version","20.ai-developer\u002F04.verification-and-completion\u002F02.preparing-release-version",{"title":5014,"path":5015,"stem":5016},"Демонстрація, публікація та критерії оцінювання","\u002Fai-developer\u002Fverification-and-completion\u002Fproduct-showcase-and-publishing","20.ai-developer\u002F04.verification-and-completion\u002F03.product-showcase-and-publishing",{"title":5018,"path":5019,"stem":5020,"children":5021,"page":59},"Tailwind","\u002Ftailwind","21.tailwind",[5022,5026,5030,5034,5038,5042,5046,5050,5054,5058,5062,5066],{"title":5023,"path":5024,"stem":5025},"Що таке Tailwind CSS і навіщо він потрібен","\u002Ftailwind\u002Ftailwind-intro-philosophy","21.tailwind\u002F01.tailwind-intro-philosophy",{"title":5027,"path":5028,"stem":5029},"Встановлення та налаштування Tailwind CSS v4","\u002Ftailwind\u002Ftailwind-installation-setup","21.tailwind\u002F02.tailwind-installation-setup",{"title":5031,"path":5032,"stem":5033},"Utility-класи: основи та система Tailwind","\u002Ftailwind\u002Ftailwind-utility-classes-core","21.tailwind\u002F03.tailwind-utility-classes-core",{"title":5035,"path":5036,"stem":5037},"Layout: Flexbox та Grid через Tailwind","\u002Ftailwind\u002Ftailwind-flexbox-grid","21.tailwind\u002F04.tailwind-flexbox-grid",{"title":5039,"path":5040,"stem":5041},"Кастомізація теми через @theme у Tailwind v4","\u002Ftailwind\u002Ftailwind-theme-customization","21.tailwind\u002F05.tailwind-theme-customization",{"title":5043,"path":5044,"stem":5045},"Варіанти: hover, focus, responsive, dark mode та нові v4","\u002Ftailwind\u002Ftailwind-variants-states","21.tailwind\u002F06.tailwind-variants-states",{"title":5047,"path":5048,"stem":5049},"Типографіка та система кольорів у Tailwind v4","\u002Ftailwind\u002Ftailwind-typography-colors","21.tailwind\u002F07.tailwind-typography-colors",{"title":5051,"path":5052,"stem":5053},"Компоненти та повторюваність: @apply, @utility та патерни","\u002Ftailwind\u002Ftailwind-components-patterns","21.tailwind\u002F08.tailwind-components-patterns",{"title":5055,"path":5056,"stem":5057},"Темна тема та система дизайн-токенів у Tailwind v4","\u002Ftailwind\u002Ftailwind-dark-mode-theming","21.tailwind\u002F09.tailwind-dark-mode-theming",{"title":5059,"path":5060,"stem":5061},"Довільні значення та контейнерні запити у Tailwind v4","\u002Ftailwind\u002Ftailwind-arbitrary-container-queries","21.tailwind\u002F10.tailwind-arbitrary-container-queries",{"title":5063,"path":5064,"stem":5065},"Анімації, трансформації та 3D у Tailwind v4","\u002Ftailwind\u002Ftailwind-animations-transforms","21.tailwind\u002F11.tailwind-animations-transforms",{"title":5067,"path":5068,"stem":5069},"Tailwind CLI, PostCSS та інтеграція з фреймворками","\u002Ftailwind\u002Ftailwind-cli-tooling","21.tailwind\u002F12.tailwind-cli-tooling",{"title":5071,"path":5072,"stem":5073},"Тестування компонентів діаграм","\u002Ftest-components","98.test-components",{"id":5075,"title":4678,"body":5076,"description":5414,"extension":18019,"links":18020,"meta":18021,"navigation":5922,"path":4679,"seo":18022,"stem":4680,"__hash__":18023},"docs\u002F18.web-development\u002F14.realtime-notifications-jobs\u002F04-server-sent-events.md",{"type":5077,"value":5078,"toc":17970},"minimark",[5079,5083,5088,5092,5174,5177,5180,5281,5283,5287,5294,5299,5306,5311,5318,5323,5330,5335,5360,5370,5382,5384,5388,5401,5406,5557,5562,5681,5685,5688,5696,5701,5783,5788,5821,5832,5834,5838,5844,5848,6210,6215,6277,6281,6288,7175,7180,7264,7305,7307,7311,7314,7318,7321,7671,7676,7873,7877,7882,8642,8647,8880,8884,8887,9389,9393,9396,9890,9895,10067,10080,10082,10086,10089,10093,11229,11233,12305,12307,12311,12314,12317,13595,13599,14711,14713,14717,14720,14724,14727,14732,15217,15222,15735,15740,15845,15860,15864,15871,16045,16050,16105,16137,16139,16143,16146,16150,16314,16318,16531,16534,16624,16626,16630,16634,16637,16786,16793,16799,16857,16862,17044,17048,17051,17056,17072,17076,17079,17164,17168,17171,17421,17423,17427,17431,17437,17443,17448,17504,17508,17513,17518,17537,17542,17695,17699,17704,17709,17718,17846,17848,17852,17855,17928,17935,17966],[5080,5081,4678],"h1",{"id":5082},"server-sent-events-sse",[5084,5085,5087],"h2",{"id":5086},"короткий-зміст","Короткий зміст",[5089,5090,5091],"p",{},"У цій лекції вивчається альтернативний метод real-time комунікації через Server-Sent Events:",[5093,5094,5095,5103,5109,5131,5150,5156,5162,5168],"ul",{},[5096,5097,5098,5102],"li",{},[5099,5100,5101],"strong",{},"Концепція SSE"," — односторонній канал комунікації server → client через HTTP, сервер може push подій у будь-який момент, клієнт автоматично reconnect при обриві з'єднання",[5096,5104,5105,5108],{},[5099,5106,5107],{},"Декоратор @Sse()"," — створення SSE endpoint у NestJS, повернення Observable для потокової відправки даних, Content-Type: text\u002Fevent-stream",[5096,5110,5111,5114,5115,5119,5120,5119,5123,5126,5127,5130],{},[5099,5112,5113],{},"Observable"," — використання RxJS Observable для генерації потоку подій, ",[5116,5117,5118],"code",{},"interval()",", ",[5116,5121,5122],{},"map()",[5116,5124,5125],{},"filter()"," для трансформації даних, ",[5116,5128,5129],{},"Subject"," для ручного контролю",[5096,5132,5133,5136,5137,5119,5140,5119,5143,5119,5146,5149],{},[5099,5134,5135],{},"Формат SSE повідомлень"," — структура: ",[5116,5138,5139],{},"data:",[5116,5141,5142],{},"event:",[5116,5144,5145],{},"id:",[5116,5147,5148],{},"retry:",", перевід рядка як delimiter, можливість відправки JSON у data field",[5096,5151,5152,5155],{},[5099,5153,5154],{},"Порівняння SSE vs WebSocket"," — SSE: простіша реалізація, автоматичний reconnect, лише server → client; WebSocket: bi-directional, lower latency, більше можливостей",[5096,5157,5158,5161],{},[5099,5159,5160],{},"Коли використовувати SSE"," — live updates для dashboards, news feeds, stock prices, notifications, моніторинг прогресу задач, будь-які сценарії де потрібен лише push від сервера",[5096,5163,5164,5167],{},[5099,5165,5166],{},"Підтримка браузерами"," — широка підтримка через EventSource API, fallback для старих браузерів через polyfills",[5096,5169,5170,5173],{},[5099,5171,5172],{},"Інтеграція з frontend"," — JavaScript EventSource API, підписка на події, обробка reconnect, closing з'єднання",[5089,5175,5176],{},"Розглядаються практичні приклади: live dashboard з метриками, прогрес-бар для завантаження файлів, streaming logs, real-time notifications без WebSocket.",[5178,5179],"hr",{},[5181,5182,5183,5240],"card-group",{},[5184,5185,5188],"card",{"icon":5186,"title":5187},"i-lucide-target","🎯 Мета лекції",[5093,5189,5190,5193,5200,5215,5231,5234,5237],{},[5096,5191,5192],{},"Опанувати концепцію Server-Sent Events як альтернативу WebSocket для однонаправленої комунікації server → client.",[5096,5194,5195,5196,5199],{},"Навчитися створювати SSE endpoints у NestJS через декоратор ",[5116,5197,5198],{},"@Sse()"," з поверненням RxJS Observable.",[5096,5201,5202,5203,5119,5206,5119,5209,5119,5212,5214],{},"Використовувати RxJS оператори (",[5116,5204,5205],{},"interval",[5116,5207,5208],{},"map",[5116,5210,5211],{},"filter",[5116,5213,5129],{},") для генерації та трансформації потоків подій.",[5096,5216,5217,5218,5119,5221,5119,5224,5119,5227,5230],{},"Зрозуміти формат SSE протоколу: поля ",[5116,5219,5220],{},"data",[5116,5222,5223],{},"event",[5116,5225,5226],{},"id",[5116,5228,5229],{},"retry"," та роль переносів рядків як delimiters.",[5096,5232,5233],{},"Інтегрувати EventSource API на клієнті для підписки на SSE потік з автоматичним reconnect.",[5096,5235,5236],{},"Порівняти SSE з WebSocket за критеріями складності, latency, bi-directional communication та обрати правильний інструмент.",[5096,5238,5239],{},"Реалізувати практичні сценарії: live dashboard, progress tracking, streaming logs, real-time notifications.",[5184,5241,5243],{"icon":4574,"title":5242},"🔑 Ключові терміни",[5093,5244,5245,5251,5257,5263,5269,5275],{},[5096,5246,5247,5250],{},[5099,5248,5249],{},"Server-Sent Events (SSE):"," стандарт HTML5 для однонаправленого потокового передавання подій від сервера до клієнта через HTTP.",[5096,5252,5253,5256],{},[5099,5254,5255],{},"EventSource API:"," нативний браузерний API для підключення до SSE endpoint та обробки потоку подій.",[5096,5258,5259,5262],{},[5099,5260,5261],{},"Observable (RxJS):"," асинхронний потік даних, що дозволяє емітувати кілька значень у часі.",[5096,5264,5265,5268],{},[5099,5266,5267],{},"text\u002Fevent-stream:"," MIME-тип для SSE, вказує браузеру, що відповідь є потоком подій, а не одноразовим документом.",[5096,5270,5271,5274],{},[5099,5272,5273],{},"Heartbeat (Keep-Alive):"," періодичні порожні події або коментарі для утримання HTTP з'єднання активним.",[5096,5276,5277,5280],{},[5099,5278,5279],{},"Last-Event-ID:"," механізм для відновлення пропущених подій після reconnect, браузер автоматично передає ID останньої отриманої події.",[5178,5282],{},[5084,5284,5286],{"id":5285},"контекст-коли-websocket-надмірний","Контекст: Коли WebSocket надмірний",[5089,5288,5289,5290,5293],{},"У попередніх лекціях ми детально вивчили WebSocket як універсальне рішення для real-time комунікації з повнодуплексним зв'язком. Проте ",[5099,5291,5292],{},"не всі задачі потребують двостороннього зв'язку",". Розглянемо типові сценарії:",[5089,5295,5296],{},[5099,5297,5298],{},"Сценарій 1: Live Dashboard з метриками",[5089,5300,5301,5302,5305],{},"Ви створюєте адміністративну панель, що відображає real-time метрики сервера: CPU usage, memory, active connections. Сервер кожні 5 секунд генерує нові дані та відправляє їх всім підключеним адміністраторам. Клієнт ",[5099,5303,5304],{},"ніколи не відправляє"," дані назад — лише отримує оновлення.",[5089,5307,5308],{},[5099,5309,5310],{},"Сценарій 2: Progress Bar для завантаження файлу",[5089,5312,5313,5314,5317],{},"Користувач завантажує великий файл на сервер. Backend обробляє файл порціями та відправляє прогрес (0%, 25%, 50%, 100%) клієнту для відображення progress bar. Клієнт лише ",[5099,5315,5316],{},"пасивно отримує"," оновлення прогресу.",[5089,5319,5320],{},[5099,5321,5322],{},"Сценарій 3: Streaming Logs",[5089,5324,5325,5326,5329],{},"DevOps інженер переглядає логи застосунку у real-time через веб-інтерфейс. Сервер безперервно відправляє нові рядки логів у міру їх появи. Клієнт ",[5099,5327,5328],{},"не відправляє"," дані назад (окрім початкового запиту на підключення).",[5089,5331,5332],{},[5099,5333,5334],{},"Що спільного у цих сценаріях?",[5093,5336,5337,5344,5350,5357],{},[5096,5338,5339,5340,5343],{},"Комунікація ",[5099,5341,5342],{},"однонаправлена:"," server → client.",[5096,5345,5346,5347,5349],{},"Клієнт ",[5099,5348,5328],{}," повідомлення після встановлення з'єднання.",[5096,5351,5352,5353,5356],{},"Потрібен ",[5099,5354,5355],{},"автоматичний reconnect"," при втраті мережі.",[5096,5358,5359],{},"Простота важливіша за мінімальну latency.",[5089,5361,5362,5363,5366,5367,5369],{},"Для таких сценаріїв ",[5099,5364,5365],{},"WebSocket надмірний"," — ми отримуємо складність двостороннього протоколу, rooms, namespaces, але використовуємо лише половину можливостей (server → client). Тут ідеально підходить ",[5099,5368,4678],{},".",[5371,5372,5373,5374,5377,5378,5381],"note",{},"SSE — це ",[5099,5375,5376],{},"не конкурент"," WebSocket, а ",[5099,5379,5380],{},"комплементарне рішення"," для конкретних задач. Якщо потрібен двосторонній зв'язок (чати, multiplayer ігри) — WebSocket. Якщо лише server → client (dashboards, notifications, streaming) — SSE.",[5178,5383],{},[5084,5385,5387],{"id":5386},"концепція-server-sent-events","Концепція Server-Sent Events",[5089,5389,5390,5392,5393,5396,5397,5400],{},[5099,5391,4678],{}," — це стандарт HTML5, що дозволяє серверу відправляти події клієнту через звичайне HTTP з'єднання, яке ",[5099,5394,5395],{},"залишається відкритим"," протягом усього часу роботи. На відміну від long-polling, де після кожної події з'єднання закривається, SSE підтримує ",[5099,5398,5399],{},"одне постійне з'єднання"," для передачі необмеженої кількості подій.",[5402,5403,5405],"h3",{"id":5404},"принцип-роботи-sse","Принцип роботи SSE",[5407,5408,5409],"mermaid",{},[5410,5411,5415],"pre",{"className":5412,"code":5413,"language":5407,"meta":5414,"style":5414},"language-mermaid shiki shiki-themes light-plus dark-plus dark-plus","sequenceDiagram\n    participant Client as Клієнт\u003Cbr\u002F>(EventSource API)\n    participant Server as Сервер\u003Cbr\u002F>(NestJS @Sse)\n    \n    Client->>Server: GET \u002Fevents (HTTP Request)\n    Server->>Client: 200 OK\u003Cbr\u002F>Content-Type: text\u002Fevent-stream\u003Cbr\u002F>Connection: keep-alive\n    \n    Note over Server,Client: З'єднання утримується відкритим\n    \n    Note over Server: t=2s: Нова подія\n    Server-->>Client: data: {\"metric\": \"cpu\", \"value\": 45}\u003Cbr\u002F>\u003Cbr\u002F>\n    \n    Note over Server: t=5s: Нова подія\n    Server-->>Client: event: alert\u003Cbr\u002F>data: {\"message\": \"High CPU\"}\u003Cbr\u002F>id: 123\u003Cbr\u002F>\u003Cbr\u002F>\n    \n    Note over Server: t=10s: Heartbeat\n    Server-->>Client: : heartbeat\u003Cbr\u002F>\u003Cbr\u002F>\n    \n    Note over Client: Мережа розірвана\n    Client-XServer: Connection lost\n    \n    Note over Client: Автоматичний reconnect\u003Cbr\u002F>через 3 секунди\n    Client->>Server: GET \u002Fevents\u003Cbr\u002F>Last-Event-ID: 123\n    Server->>Client: 200 OK (відновлення потоку)\n","",[5116,5416,5417,5425,5431,5437,5443,5449,5455,5460,5466,5471,5477,5483,5488,5494,5500,5505,5511,5517,5522,5528,5534,5539,5545,5551],{"__ignoreMap":5414},[5418,5419,5422],"span",{"class":5420,"line":5421},"line",1,[5418,5423,5424],{},"sequenceDiagram\n",[5418,5426,5428],{"class":5420,"line":5427},2,[5418,5429,5430],{},"    participant Client as Клієнт\u003Cbr\u002F>(EventSource API)\n",[5418,5432,5434],{"class":5420,"line":5433},3,[5418,5435,5436],{},"    participant Server as Сервер\u003Cbr\u002F>(NestJS @Sse)\n",[5418,5438,5440],{"class":5420,"line":5439},4,[5418,5441,5442],{},"    \n",[5418,5444,5446],{"class":5420,"line":5445},5,[5418,5447,5448],{},"    Client->>Server: GET \u002Fevents (HTTP Request)\n",[5418,5450,5452],{"class":5420,"line":5451},6,[5418,5453,5454],{},"    Server->>Client: 200 OK\u003Cbr\u002F>Content-Type: text\u002Fevent-stream\u003Cbr\u002F>Connection: keep-alive\n",[5418,5456,5458],{"class":5420,"line":5457},7,[5418,5459,5442],{},[5418,5461,5463],{"class":5420,"line":5462},8,[5418,5464,5465],{},"    Note over Server,Client: З'єднання утримується відкритим\n",[5418,5467,5469],{"class":5420,"line":5468},9,[5418,5470,5442],{},[5418,5472,5474],{"class":5420,"line":5473},10,[5418,5475,5476],{},"    Note over Server: t=2s: Нова подія\n",[5418,5478,5480],{"class":5420,"line":5479},11,[5418,5481,5482],{},"    Server-->>Client: data: {\"metric\": \"cpu\", \"value\": 45}\u003Cbr\u002F>\u003Cbr\u002F>\n",[5418,5484,5486],{"class":5420,"line":5485},12,[5418,5487,5442],{},[5418,5489,5491],{"class":5420,"line":5490},13,[5418,5492,5493],{},"    Note over Server: t=5s: Нова подія\n",[5418,5495,5497],{"class":5420,"line":5496},14,[5418,5498,5499],{},"    Server-->>Client: event: alert\u003Cbr\u002F>data: {\"message\": \"High CPU\"}\u003Cbr\u002F>id: 123\u003Cbr\u002F>\u003Cbr\u002F>\n",[5418,5501,5503],{"class":5420,"line":5502},15,[5418,5504,5442],{},[5418,5506,5508],{"class":5420,"line":5507},16,[5418,5509,5510],{},"    Note over Server: t=10s: Heartbeat\n",[5418,5512,5514],{"class":5420,"line":5513},17,[5418,5515,5516],{},"    Server-->>Client: : heartbeat\u003Cbr\u002F>\u003Cbr\u002F>\n",[5418,5518,5520],{"class":5420,"line":5519},18,[5418,5521,5442],{},[5418,5523,5525],{"class":5420,"line":5524},19,[5418,5526,5527],{},"    Note over Client: Мережа розірвана\n",[5418,5529,5531],{"class":5420,"line":5530},20,[5418,5532,5533],{},"    Client-XServer: Connection lost\n",[5418,5535,5537],{"class":5420,"line":5536},21,[5418,5538,5442],{},[5418,5540,5542],{"class":5420,"line":5541},22,[5418,5543,5544],{},"    Note over Client: Автоматичний reconnect\u003Cbr\u002F>через 3 секунди\n",[5418,5546,5548],{"class":5420,"line":5547},23,[5418,5549,5550],{},"    Client->>Server: GET \u002Fevents\u003Cbr\u002F>Last-Event-ID: 123\n",[5418,5552,5554],{"class":5420,"line":5553},24,[5418,5555,5556],{},"    Server->>Client: 200 OK (відновлення потоку)\n",[5089,5558,5559],{},[5099,5560,5561],{},"Ключові відмінності від HTTP та WebSocket:",[5563,5564,5565,5584],"table",{},[5566,5567,5568],"thead",{},[5569,5570,5571,5575,5578,5581],"tr",{},[5572,5573,5574],"th",{},"Аспект",[5572,5576,5577],{},"HTTP (одноразовий)",[5572,5579,5580],{},"SSE",[5572,5582,5583],{},"WebSocket",[5585,5586,5587,5603,5618,5634,5650,5666],"tbody",{},[5569,5588,5589,5595,5598,5601],{},[5590,5591,5592],"td",{},[5099,5593,5594],{},"З'єднання",[5590,5596,5597],{},"Відкривається → відповідь → закривається",[5590,5599,5600],{},"Відкривається → залишається відкритим",[5590,5602,5600],{},[5569,5604,5605,5610,5613,5615],{},[5590,5606,5607],{},[5099,5608,5609],{},"Протокол",[5590,5611,5612],{},"HTTP\u002F1.1 або HTTP\u002F2",[5590,5614,5612],{},[5590,5616,5617],{},"ws:\u002F\u002F (окремий протокол)",[5569,5619,5620,5625,5628,5631],{},[5590,5621,5622],{},[5099,5623,5624],{},"Напрямок комунікації",[5590,5626,5627],{},"Client → Server",[5590,5629,5630],{},"Server → Client",[5590,5632,5633],{},"Client ↔ Server",[5569,5635,5636,5641,5644,5647],{},[5590,5637,5638],{},[5099,5639,5640],{},"Формат даних",[5590,5642,5643],{},"Будь-який (JSON, HTML, binary)",[5590,5645,5646],{},"text\u002Fevent-stream (текстовий)",[5590,5648,5649],{},"Text або Binary",[5569,5651,5652,5657,5660,5663],{},[5590,5653,5654],{},[5099,5655,5656],{},"Автоматичний reconnect",[5590,5658,5659],{},"❌",[5590,5661,5662],{},"✅ (браузер автоматично)",[5590,5664,5665],{},"❌ (потрібна бібліотека)",[5569,5667,5668,5672,5675,5678],{},[5590,5669,5670],{},[5099,5671,5166],{},[5590,5673,5674],{},"Всі",[5590,5676,5677],{},"IE11+ (polyfill для IE10-)",[5590,5679,5680],{},"IE10+",[5402,5682,5684],{"id":5683},"формат-sse-протоколу","Формат SSE протоколу",[5089,5686,5687],{},"SSE використовує текстовий формат з кількома спеціальними полями, розділеними переносами рядків:",[5410,5689,5694],{"className":5690,"code":5692,"language":5693},[5691],"language-text","event: messageCreated\nid: 42\ndata: {\"userId\": 10, \"text\": \"Привіт, SSE!\"}\nretry: 5000\n\nevent: userJoined\nid: 43\ndata: {\"userId\": 15, \"username\": \"Andriy\"}\n\n: це коментар (heartbeat)\n\ndata: {\"metric\": \"cpu\", \"value\": 45}\n\n","text",[5116,5695,5692],{"__ignoreMap":5414},[5089,5697,5698],{},[5099,5699,5700],{},"Структура SSE події:",[5563,5702,5703,5716],{},[5566,5704,5705],{},[5569,5706,5707,5710,5713],{},[5572,5708,5709],{},"Поле",[5572,5711,5712],{},"Обов'язкове",[5572,5714,5715],{},"Опис",[5585,5717,5718,5730,5745,5756,5767],{},[5569,5719,5720,5724,5727],{},[5590,5721,5722],{},[5116,5723,5220],{},[5590,5725,5726],{},"✅",[5590,5728,5729],{},"Корисне навантаження події (може бути JSON, text, кілька рядків)",[5569,5731,5732,5736,5738],{},[5590,5733,5734],{},[5116,5735,5223],{},[5590,5737,5659],{},[5590,5739,5740,5741,5744],{},"Назва типу події (за замовчуванням ",[5116,5742,5743],{},"message",")",[5569,5746,5747,5751,5753],{},[5590,5748,5749],{},[5116,5750,5226],{},[5590,5752,5659],{},[5590,5754,5755],{},"Унікальний ідентифікатор події для механізму Last-Event-ID",[5569,5757,5758,5762,5764],{},[5590,5759,5760],{},[5116,5761,5229],{},[5590,5763,5659],{},[5590,5765,5766],{},"Час у мілісекундах для reconnect після розриву з'єднання",[5569,5768,5769,5775,5777],{},[5590,5770,5771,5774],{},[5116,5772,5773],{},":"," (коментар)",[5590,5776,5659],{},[5590,5778,5779,5780,5782],{},"Рядки, що починаються з ",[5116,5781,5773],{},", ігноруються браузером (для heartbeat)",[5089,5784,5785],{},[5099,5786,5787],{},"Правила форматування:",[5789,5790,5791,5802,5815],"ol",{},[5096,5792,5793,5794,5797,5798,5801],{},"Кожна подія ",[5099,5795,5796],{},"закінчується подвійним переносом рядка"," (",[5116,5799,5800],{},"\\n\\n",").",[5096,5803,5804,5805,5807,5808,5814],{},"Поле ",[5116,5806,5220],{}," може бути багаторядковим:\n",[5410,5809,5812],{"className":5810,"code":5811,"language":5693},[5691],"data: {\"name\": \"Alice\",\ndata: \"age\": 30}\n\n",[5116,5813,5811],{"__ignoreMap":5414},"\nБраузер автоматично склеює рядки.",[5096,5816,5817,5818,5820],{},"Коментарі (рядки, що починаються з ",[5116,5819,5773],{},") використовуються для heartbeat, щоб утримати з'єднання активним.",[5822,5823,5824,5827,5828,5831],"tip",{},[5099,5825,5826],{},"Heartbeat важливий:"," деякі проксі-сервери та firewall автоматично закривають неактивні HTTP з'єднання через 30-60 секунд. Відправляйте коментар ",[5116,5829,5830],{},": heartbeat\\n\\n"," кожні 15-30 секунд для запобігання цьому.",[5178,5833],{},[5084,5835,5837],{"id":5836},"створення-sse-endpoint-у-nestjs","Створення SSE Endpoint у NestJS",[5089,5839,5840,5841,5843],{},"NestJS надає вбудовану підтримку SSE через декоратор ",[5116,5842,5198],{}," та RxJS Observables.",[5402,5845,5847],{"id":5846},"мінімальний-приклад-sse-controller","Мінімальний приклад SSE Controller",[5410,5849,5853],{"className":5850,"code":5851,"language":5852,"meta":5414,"style":5414},"language-typescript shiki shiki-themes light-plus dark-plus dark-plus","\u002F\u002F src\u002Fevents\u002Fevents.controller.ts\nimport { Controller, Sse } from '@nestjs\u002Fcommon';\nimport { Observable, interval, map } from 'rxjs';\n\ninterface MessageEvent {\n  data: string | object;\n  id?: string;\n  type?: string;\n  retry?: number;\n}\n\n@Controller('events')\nexport class EventsController {\n  \u002F**\n   * SSE endpoint: відправляє поточний час кожні 2 секунди\n   *\u002F\n  @Sse('stream')\n  streamEvents(): Observable\u003CMessageEvent> {\n    return interval(2000).pipe(\n      map((index) => ({\n        data: {\n          message: 'Поточний час',\n          timestamp: new Date().toISOString(),\n          index,\n        },\n        id: index.toString(),\n      })),\n    );\n  }\n}\n","typescript",[5116,5854,5855,5861,5893,5918,5924,5937,5956,5968,5979,5991,5996,6000,6017,6030,6035,6040,6045,6059,6078,6100,6120,6127,6138,6158,6165,6171,6187,6193,6199,6205],{"__ignoreMap":5414},[5418,5856,5857],{"class":5420,"line":5421},[5418,5858,5860],{"class":5859},"spJ8K","\u002F\u002F src\u002Fevents\u002Fevents.controller.ts\n",[5418,5862,5863,5867,5871,5875,5877,5880,5883,5886,5890],{"class":5420,"line":5427},[5418,5864,5866],{"class":5865},"s8xlr","import",[5418,5868,5870],{"class":5869},"sHH4Y"," { ",[5418,5872,5874],{"class":5873},"siwwj","Controller",[5418,5876,5119],{"class":5869},[5418,5878,5879],{"class":5873},"Sse",[5418,5881,5882],{"class":5869}," } ",[5418,5884,5885],{"class":5865},"from",[5418,5887,5889],{"class":5888},"sbdoH"," '@nestjs\u002Fcommon'",[5418,5891,5892],{"class":5869},";\n",[5418,5894,5895,5897,5899,5901,5903,5905,5907,5909,5911,5913,5916],{"class":5420,"line":5433},[5418,5896,5866],{"class":5865},[5418,5898,5870],{"class":5869},[5418,5900,5113],{"class":5873},[5418,5902,5119],{"class":5869},[5418,5904,5205],{"class":5873},[5418,5906,5119],{"class":5869},[5418,5908,5208],{"class":5873},[5418,5910,5882],{"class":5869},[5418,5912,5885],{"class":5865},[5418,5914,5915],{"class":5888}," 'rxjs'",[5418,5917,5892],{"class":5869},[5418,5919,5920],{"class":5420,"line":5439},[5418,5921,5923],{"emptyLinePlaceholder":5922},true,"\n",[5418,5925,5926,5930,5934],{"class":5420,"line":5445},[5418,5927,5929],{"class":5928},"su1O8","interface",[5418,5931,5933],{"class":5932},"sN1BT"," MessageEvent",[5418,5935,5936],{"class":5869}," {\n",[5418,5938,5939,5942,5945,5948,5951,5954],{"class":5420,"line":5451},[5418,5940,5941],{"class":5873},"  data",[5418,5943,5944],{"class":5869},": ",[5418,5946,5947],{"class":5932},"string",[5418,5949,5950],{"class":5869}," | ",[5418,5952,5953],{"class":5932},"object",[5418,5955,5892],{"class":5869},[5418,5957,5958,5961,5964,5966],{"class":5420,"line":5457},[5418,5959,5960],{"class":5873},"  id",[5418,5962,5963],{"class":5869},"?: ",[5418,5965,5947],{"class":5932},[5418,5967,5892],{"class":5869},[5418,5969,5970,5973,5975,5977],{"class":5420,"line":5462},[5418,5971,5972],{"class":5873},"  type",[5418,5974,5963],{"class":5869},[5418,5976,5947],{"class":5932},[5418,5978,5892],{"class":5869},[5418,5980,5981,5984,5986,5989],{"class":5420,"line":5468},[5418,5982,5983],{"class":5873},"  retry",[5418,5985,5963],{"class":5869},[5418,5987,5988],{"class":5932},"number",[5418,5990,5892],{"class":5869},[5418,5992,5993],{"class":5420,"line":5473},[5418,5994,5995],{"class":5869},"}\n",[5418,5997,5998],{"class":5420,"line":5479},[5418,5999,5923],{"emptyLinePlaceholder":5922},[5418,6001,6002,6005,6008,6011,6014],{"class":5420,"line":5485},[5418,6003,6004],{"class":5869},"@",[5418,6006,5874],{"class":6007},"s8Opu",[5418,6009,6010],{"class":5869},"(",[5418,6012,6013],{"class":5888},"'events'",[5418,6015,6016],{"class":5869},")\n",[5418,6018,6019,6022,6025,6028],{"class":5420,"line":5490},[5418,6020,6021],{"class":5865},"export",[5418,6023,6024],{"class":5928}," class",[5418,6026,6027],{"class":5932}," EventsController",[5418,6029,5936],{"class":5869},[5418,6031,6032],{"class":5420,"line":5496},[5418,6033,6034],{"class":5859},"  \u002F**\n",[5418,6036,6037],{"class":5420,"line":5502},[5418,6038,6039],{"class":5859},"   * SSE endpoint: відправляє поточний час кожні 2 секунди\n",[5418,6041,6042],{"class":5420,"line":5507},[5418,6043,6044],{"class":5859},"   *\u002F\n",[5418,6046,6047,6050,6052,6054,6057],{"class":5420,"line":5513},[5418,6048,6049],{"class":5869},"  @",[5418,6051,5879],{"class":6007},[5418,6053,6010],{"class":5869},[5418,6055,6056],{"class":5888},"'stream'",[5418,6058,6016],{"class":5869},[5418,6060,6061,6064,6067,6069,6072,6075],{"class":5420,"line":5519},[5418,6062,6063],{"class":6007},"  streamEvents",[5418,6065,6066],{"class":5869},"(): ",[5418,6068,5113],{"class":5932},[5418,6070,6071],{"class":5869},"\u003C",[5418,6073,6074],{"class":5932},"MessageEvent",[5418,6076,6077],{"class":5869},"> {\n",[5418,6079,6080,6083,6086,6088,6092,6094,6097],{"class":5420,"line":5524},[5418,6081,6082],{"class":5865},"    return",[5418,6084,6085],{"class":6007}," interval",[5418,6087,6010],{"class":5869},[5418,6089,6091],{"class":6090},"sJj4R","2000",[5418,6093,5801],{"class":5869},[5418,6095,6096],{"class":6007},"pipe",[5418,6098,6099],{"class":5869},"(\n",[5418,6101,6102,6105,6108,6111,6114,6117],{"class":5420,"line":5530},[5418,6103,6104],{"class":6007},"      map",[5418,6106,6107],{"class":5869},"((",[5418,6109,6110],{"class":5873},"index",[5418,6112,6113],{"class":5869},") ",[5418,6115,6116],{"class":5928},"=>",[5418,6118,6119],{"class":5869}," ({\n",[5418,6121,6122,6125],{"class":5420,"line":5536},[5418,6123,6124],{"class":5873},"        data:",[5418,6126,5936],{"class":5869},[5418,6128,6129,6132,6135],{"class":5420,"line":5541},[5418,6130,6131],{"class":5873},"          message:",[5418,6133,6134],{"class":5888}," 'Поточний час'",[5418,6136,6137],{"class":5869},",\n",[5418,6139,6140,6143,6146,6149,6152,6155],{"class":5420,"line":5547},[5418,6141,6142],{"class":5873},"          timestamp:",[5418,6144,6145],{"class":5928}," new",[5418,6147,6148],{"class":6007}," Date",[5418,6150,6151],{"class":5869},"().",[5418,6153,6154],{"class":6007},"toISOString",[5418,6156,6157],{"class":5869},"(),\n",[5418,6159,6160,6163],{"class":5420,"line":5553},[5418,6161,6162],{"class":5873},"          index",[5418,6164,6137],{"class":5869},[5418,6166,6168],{"class":5420,"line":6167},25,[5418,6169,6170],{"class":5869},"        },\n",[5418,6172,6174,6177,6180,6182,6185],{"class":5420,"line":6173},26,[5418,6175,6176],{"class":5873},"        id:",[5418,6178,6179],{"class":5873}," index",[5418,6181,5369],{"class":5869},[5418,6183,6184],{"class":6007},"toString",[5418,6186,6157],{"class":5869},[5418,6188,6190],{"class":5420,"line":6189},27,[5418,6191,6192],{"class":5869},"      })),\n",[5418,6194,6196],{"class":5420,"line":6195},28,[5418,6197,6198],{"class":5869},"    );\n",[5418,6200,6202],{"class":5420,"line":6201},29,[5418,6203,6204],{"class":5869},"  }\n",[5418,6206,6208],{"class":5420,"line":6207},30,[5418,6209,5995],{"class":5869},[5089,6211,6212],{},[5099,6213,6214],{},"Пояснення:",[5789,6216,6217,6226,6257,6263],{},[5096,6218,6219,6222,6223,5369],{},[5099,6220,6221],{},"@Sse('stream'):"," декоратор, що позначає метод як SSE endpoint. Клієнт підключається через ",[5116,6224,6225],{},"GET \u002Fevents\u002Fstream",[5096,6227,6228,6231,6232,6235,6236,6239,6240],{},[5099,6229,6230],{},"Повернення Observable:"," метод ",[5099,6233,6234],{},"має повертати"," RxJS ",[5116,6237,6238],{},"Observable\u003CMessageEvent>",". NestJS автоматично:",[5093,6241,6242,6248,6254],{},[5096,6243,6244,6245],{},"Встановлює заголовок ",[5116,6246,6247],{},"Content-Type: text\u002Fevent-stream",[5096,6249,6250,6251],{},"Встановлює ",[5116,6252,6253],{},"Cache-Control: no-cache",[5096,6255,6256],{},"Підписується на Observable та відправляє кожне емітоване значення як SSE подію",[5096,6258,6259,6262],{},[5099,6260,6261],{},"interval(2000):"," RxJS оператор, що емітує значення кожні 2000 мс (0, 1, 2, 3, ...).",[5096,6264,6265,6268,6269,6271,6272,6274,6275,5369],{},[5099,6266,6267],{},"map():"," трансформує числа у об'єкти ",[5116,6270,6074],{}," з полями ",[5116,6273,5220],{}," та ",[5116,6276,5226],{},[5402,6278,6280],{"id":6279},"клієнтська-частина-eventsource-api","Клієнтська частина: EventSource API",[5089,6282,6283,6284,6287],{},"Браузери надають нативний API ",[5116,6285,6286],{},"EventSource"," для підключення до SSE endpoints.",[5410,6289,6291],{"className":5850,"code":6290,"language":5852,"meta":5414,"style":5414},"\u002F\u002F client\u002Fsse-client.ts\nclass SSEClient {\n  private eventSource: EventSource | null = null;\n\n  constructor(private url: string) {}\n\n  \u002F**\n   * Підключитися до SSE потоку\n   *\u002F\n  connect() {\n    this.eventSource = new EventSource(this.url);\n\n    \u002F\u002F Обробник успішного підключення\n    this.eventSource.addEventListener('open', () => {\n      console.log('[SSE] З\\'єднання встановлено');\n    });\n\n    \u002F\u002F Обробник для події типу 'message' (за замовчуванням)\n    this.eventSource.addEventListener('message', (event: MessageEvent) => {\n      const data = JSON.parse(event.data);\n      console.log('[SSE] Отримано подію:', data);\n      console.log('[SSE] Event ID:', event.lastEventId);\n      \n      \u002F\u002F Відобразити дані у UI\n      this.displayData(data);\n    });\n\n    \u002F\u002F Обробник помилок та розривів з'єднання\n    this.eventSource.addEventListener('error', (error) => {\n      console.error('[SSE] Помилка з\\'єднання:', error);\n\n      if (this.eventSource?.readyState === EventSource.CLOSED) {\n        console.log('[SSE] З\\'єднання закрито сервером');\n      } else if (this.eventSource?.readyState === EventSource.CONNECTING) {\n        console.log('[SSE] Спроба автоматичного reconnect...');\n      }\n    });\n  }\n\n  \u002F**\n   * Закрити SSE з'єднання\n   *\u002F\n  disconnect() {\n    if (this.eventSource) {\n      this.eventSource.close();\n      this.eventSource = null;\n      console.log('[SSE] З\\'єднання закрито клієнтом');\n    }\n  }\n\n  private displayData(data: any) {\n    const container = document.getElementById('sse-data');\n    if (container) {\n      const item = document.createElement('div');\n      item.textContent = `${data.message}: ${data.timestamp}`;\n      container.appendChild(item);\n    }\n  }\n}\n\n\u002F\u002F Використання\nconst client = new SSEClient('http:\u002F\u002Flocalhost:3001\u002Fevents\u002Fstream');\nclient.connect();\n\n\u002F\u002F Закрити при виході зі сторінки\nwindow.addEventListener('beforeunload', () => {\n  client.disconnect();\n});\n",[5116,6292,6293,6298,6308,6332,6336,6356,6360,6364,6369,6373,6381,6412,6416,6421,6446,6470,6475,6479,6484,6516,6545,6564,6588,6593,6598,6614,6618,6622,6627,6655,6679,6684,6717,6738,6773,6789,6795,6800,6805,6810,6815,6821,6826,6834,6850,6867,6882,6902,6908,6913,6918,6937,6963,6975,6999,7045,7063,7068,7073,7078,7083,7089,7111,7124,7129,7135,7156,7169],{"__ignoreMap":5414},[5418,6294,6295],{"class":5420,"line":5421},[5418,6296,6297],{"class":5859},"\u002F\u002F client\u002Fsse-client.ts\n",[5418,6299,6300,6303,6306],{"class":5420,"line":5427},[5418,6301,6302],{"class":5928},"class",[5418,6304,6305],{"class":5932}," SSEClient",[5418,6307,5936],{"class":5869},[5418,6309,6310,6313,6316,6318,6320,6322,6325,6328,6330],{"class":5420,"line":5433},[5418,6311,6312],{"class":5928},"  private",[5418,6314,6315],{"class":5873}," eventSource",[5418,6317,5944],{"class":5869},[5418,6319,6286],{"class":5932},[5418,6321,5950],{"class":5869},[5418,6323,6324],{"class":5932},"null",[5418,6326,6327],{"class":5869}," = ",[5418,6329,6324],{"class":5928},[5418,6331,5892],{"class":5869},[5418,6333,6334],{"class":5420,"line":5439},[5418,6335,5923],{"emptyLinePlaceholder":5922},[5418,6337,6338,6341,6343,6346,6349,6351,6353],{"class":5420,"line":5445},[5418,6339,6340],{"class":5928},"  constructor",[5418,6342,6010],{"class":5869},[5418,6344,6345],{"class":5928},"private",[5418,6347,6348],{"class":5873}," url",[5418,6350,5944],{"class":5869},[5418,6352,5947],{"class":5932},[5418,6354,6355],{"class":5869},") {}\n",[5418,6357,6358],{"class":5420,"line":5451},[5418,6359,5923],{"emptyLinePlaceholder":5922},[5418,6361,6362],{"class":5420,"line":5457},[5418,6363,6034],{"class":5859},[5418,6365,6366],{"class":5420,"line":5462},[5418,6367,6368],{"class":5859},"   * Підключитися до SSE потоку\n",[5418,6370,6371],{"class":5420,"line":5468},[5418,6372,6044],{"class":5859},[5418,6374,6375,6378],{"class":5420,"line":5473},[5418,6376,6377],{"class":6007},"  connect",[5418,6379,6380],{"class":5869},"() {\n",[5418,6382,6383,6386,6388,6391,6393,6396,6399,6401,6404,6406,6409],{"class":5420,"line":5479},[5418,6384,6385],{"class":5928},"    this",[5418,6387,5369],{"class":5869},[5418,6389,6390],{"class":5873},"eventSource",[5418,6392,6327],{"class":5869},[5418,6394,6395],{"class":5928},"new",[5418,6397,6398],{"class":6007}," EventSource",[5418,6400,6010],{"class":5869},[5418,6402,6403],{"class":5928},"this",[5418,6405,5369],{"class":5869},[5418,6407,6408],{"class":5873},"url",[5418,6410,6411],{"class":5869},");\n",[5418,6413,6414],{"class":5420,"line":5485},[5418,6415,5923],{"emptyLinePlaceholder":5922},[5418,6417,6418],{"class":5420,"line":5490},[5418,6419,6420],{"class":5859},"    \u002F\u002F Обробник успішного підключення\n",[5418,6422,6423,6425,6427,6429,6431,6434,6436,6439,6442,6444],{"class":5420,"line":5496},[5418,6424,6385],{"class":5928},[5418,6426,5369],{"class":5869},[5418,6428,6390],{"class":5873},[5418,6430,5369],{"class":5869},[5418,6432,6433],{"class":6007},"addEventListener",[5418,6435,6010],{"class":5869},[5418,6437,6438],{"class":5888},"'open'",[5418,6440,6441],{"class":5869},", () ",[5418,6443,6116],{"class":5928},[5418,6445,5936],{"class":5869},[5418,6447,6448,6451,6453,6456,6458,6461,6465,6468],{"class":5420,"line":5502},[5418,6449,6450],{"class":5873},"      console",[5418,6452,5369],{"class":5869},[5418,6454,6455],{"class":6007},"log",[5418,6457,6010],{"class":5869},[5418,6459,6460],{"class":5888},"'[SSE] З",[5418,6462,6464],{"class":6463},"sjcCO","\\'",[5418,6466,6467],{"class":5888},"єднання встановлено'",[5418,6469,6411],{"class":5869},[5418,6471,6472],{"class":5420,"line":5507},[5418,6473,6474],{"class":5869},"    });\n",[5418,6476,6477],{"class":5420,"line":5513},[5418,6478,5923],{"emptyLinePlaceholder":5922},[5418,6480,6481],{"class":5420,"line":5519},[5418,6482,6483],{"class":5859},"    \u002F\u002F Обробник для події типу 'message' (за замовчуванням)\n",[5418,6485,6486,6488,6490,6492,6494,6496,6498,6501,6504,6506,6508,6510,6512,6514],{"class":5420,"line":5524},[5418,6487,6385],{"class":5928},[5418,6489,5369],{"class":5869},[5418,6491,6390],{"class":5873},[5418,6493,5369],{"class":5869},[5418,6495,6433],{"class":6007},[5418,6497,6010],{"class":5869},[5418,6499,6500],{"class":5888},"'message'",[5418,6502,6503],{"class":5869},", (",[5418,6505,5223],{"class":5873},[5418,6507,5944],{"class":5869},[5418,6509,6074],{"class":5932},[5418,6511,6113],{"class":5869},[5418,6513,6116],{"class":5928},[5418,6515,5936],{"class":5869},[5418,6517,6518,6521,6525,6527,6530,6532,6535,6537,6539,6541,6543],{"class":5420,"line":5530},[5418,6519,6520],{"class":5928},"      const",[5418,6522,6524],{"class":6523},"s-QsJ"," data",[5418,6526,6327],{"class":5869},[5418,6528,6529],{"class":6523},"JSON",[5418,6531,5369],{"class":5869},[5418,6533,6534],{"class":6007},"parse",[5418,6536,6010],{"class":5869},[5418,6538,5223],{"class":5873},[5418,6540,5369],{"class":5869},[5418,6542,5220],{"class":5873},[5418,6544,6411],{"class":5869},[5418,6546,6547,6549,6551,6553,6555,6558,6560,6562],{"class":5420,"line":5536},[5418,6548,6450],{"class":5873},[5418,6550,5369],{"class":5869},[5418,6552,6455],{"class":6007},[5418,6554,6010],{"class":5869},[5418,6556,6557],{"class":5888},"'[SSE] Отримано подію:'",[5418,6559,5119],{"class":5869},[5418,6561,5220],{"class":5873},[5418,6563,6411],{"class":5869},[5418,6565,6566,6568,6570,6572,6574,6577,6579,6581,6583,6586],{"class":5420,"line":5541},[5418,6567,6450],{"class":5873},[5418,6569,5369],{"class":5869},[5418,6571,6455],{"class":6007},[5418,6573,6010],{"class":5869},[5418,6575,6576],{"class":5888},"'[SSE] Event ID:'",[5418,6578,5119],{"class":5869},[5418,6580,5223],{"class":5873},[5418,6582,5369],{"class":5869},[5418,6584,6585],{"class":5873},"lastEventId",[5418,6587,6411],{"class":5869},[5418,6589,6590],{"class":5420,"line":5547},[5418,6591,6592],{"class":5869},"      \n",[5418,6594,6595],{"class":5420,"line":5553},[5418,6596,6597],{"class":5859},"      \u002F\u002F Відобразити дані у UI\n",[5418,6599,6600,6603,6605,6608,6610,6612],{"class":5420,"line":6167},[5418,6601,6602],{"class":5928},"      this",[5418,6604,5369],{"class":5869},[5418,6606,6607],{"class":6007},"displayData",[5418,6609,6010],{"class":5869},[5418,6611,5220],{"class":5873},[5418,6613,6411],{"class":5869},[5418,6615,6616],{"class":5420,"line":6173},[5418,6617,6474],{"class":5869},[5418,6619,6620],{"class":5420,"line":6189},[5418,6621,5923],{"emptyLinePlaceholder":5922},[5418,6623,6624],{"class":5420,"line":6195},[5418,6625,6626],{"class":5859},"    \u002F\u002F Обробник помилок та розривів з'єднання\n",[5418,6628,6629,6631,6633,6635,6637,6639,6641,6644,6646,6649,6651,6653],{"class":5420,"line":6201},[5418,6630,6385],{"class":5928},[5418,6632,5369],{"class":5869},[5418,6634,6390],{"class":5873},[5418,6636,5369],{"class":5869},[5418,6638,6433],{"class":6007},[5418,6640,6010],{"class":5869},[5418,6642,6643],{"class":5888},"'error'",[5418,6645,6503],{"class":5869},[5418,6647,6648],{"class":5873},"error",[5418,6650,6113],{"class":5869},[5418,6652,6116],{"class":5928},[5418,6654,5936],{"class":5869},[5418,6656,6657,6659,6661,6663,6665,6668,6670,6673,6675,6677],{"class":5420,"line":6207},[5418,6658,6450],{"class":5873},[5418,6660,5369],{"class":5869},[5418,6662,6648],{"class":6007},[5418,6664,6010],{"class":5869},[5418,6666,6667],{"class":5888},"'[SSE] Помилка з",[5418,6669,6464],{"class":6463},[5418,6671,6672],{"class":5888},"єднання:'",[5418,6674,5119],{"class":5869},[5418,6676,6648],{"class":5873},[5418,6678,6411],{"class":5869},[5418,6680,6682],{"class":5420,"line":6681},31,[5418,6683,5923],{"emptyLinePlaceholder":5922},[5418,6685,6687,6690,6692,6694,6696,6698,6701,6704,6707,6709,6711,6714],{"class":5420,"line":6686},32,[5418,6688,6689],{"class":5865},"      if",[5418,6691,5797],{"class":5869},[5418,6693,6403],{"class":5928},[5418,6695,5369],{"class":5869},[5418,6697,6390],{"class":5873},[5418,6699,6700],{"class":5869},"?.",[5418,6702,6703],{"class":5873},"readyState",[5418,6705,6706],{"class":5869}," === ",[5418,6708,6286],{"class":5873},[5418,6710,5369],{"class":5869},[5418,6712,6713],{"class":6523},"CLOSED",[5418,6715,6716],{"class":5869},") {\n",[5418,6718,6720,6723,6725,6727,6729,6731,6733,6736],{"class":5420,"line":6719},33,[5418,6721,6722],{"class":5873},"        console",[5418,6724,5369],{"class":5869},[5418,6726,6455],{"class":6007},[5418,6728,6010],{"class":5869},[5418,6730,6460],{"class":5888},[5418,6732,6464],{"class":6463},[5418,6734,6735],{"class":5888},"єднання закрито сервером'",[5418,6737,6411],{"class":5869},[5418,6739,6741,6744,6747,6750,6752,6754,6756,6758,6760,6762,6764,6766,6768,6771],{"class":5420,"line":6740},34,[5418,6742,6743],{"class":5869},"      } ",[5418,6745,6746],{"class":5865},"else",[5418,6748,6749],{"class":5865}," if",[5418,6751,5797],{"class":5869},[5418,6753,6403],{"class":5928},[5418,6755,5369],{"class":5869},[5418,6757,6390],{"class":5873},[5418,6759,6700],{"class":5869},[5418,6761,6703],{"class":5873},[5418,6763,6706],{"class":5869},[5418,6765,6286],{"class":5873},[5418,6767,5369],{"class":5869},[5418,6769,6770],{"class":6523},"CONNECTING",[5418,6772,6716],{"class":5869},[5418,6774,6776,6778,6780,6782,6784,6787],{"class":5420,"line":6775},35,[5418,6777,6722],{"class":5873},[5418,6779,5369],{"class":5869},[5418,6781,6455],{"class":6007},[5418,6783,6010],{"class":5869},[5418,6785,6786],{"class":5888},"'[SSE] Спроба автоматичного reconnect...'",[5418,6788,6411],{"class":5869},[5418,6790,6792],{"class":5420,"line":6791},36,[5418,6793,6794],{"class":5869},"      }\n",[5418,6796,6798],{"class":5420,"line":6797},37,[5418,6799,6474],{"class":5869},[5418,6801,6803],{"class":5420,"line":6802},38,[5418,6804,6204],{"class":5869},[5418,6806,6808],{"class":5420,"line":6807},39,[5418,6809,5923],{"emptyLinePlaceholder":5922},[5418,6811,6813],{"class":5420,"line":6812},40,[5418,6814,6034],{"class":5859},[5418,6816,6818],{"class":5420,"line":6817},41,[5418,6819,6820],{"class":5859},"   * Закрити SSE з'єднання\n",[5418,6822,6824],{"class":5420,"line":6823},42,[5418,6825,6044],{"class":5859},[5418,6827,6829,6832],{"class":5420,"line":6828},43,[5418,6830,6831],{"class":6007},"  disconnect",[5418,6833,6380],{"class":5869},[5418,6835,6837,6840,6842,6844,6846,6848],{"class":5420,"line":6836},44,[5418,6838,6839],{"class":5865},"    if",[5418,6841,5797],{"class":5869},[5418,6843,6403],{"class":5928},[5418,6845,5369],{"class":5869},[5418,6847,6390],{"class":5873},[5418,6849,6716],{"class":5869},[5418,6851,6853,6855,6857,6859,6861,6864],{"class":5420,"line":6852},45,[5418,6854,6602],{"class":5928},[5418,6856,5369],{"class":5869},[5418,6858,6390],{"class":5873},[5418,6860,5369],{"class":5869},[5418,6862,6863],{"class":6007},"close",[5418,6865,6866],{"class":5869},"();\n",[5418,6868,6870,6872,6874,6876,6878,6880],{"class":5420,"line":6869},46,[5418,6871,6602],{"class":5928},[5418,6873,5369],{"class":5869},[5418,6875,6390],{"class":5873},[5418,6877,6327],{"class":5869},[5418,6879,6324],{"class":5928},[5418,6881,5892],{"class":5869},[5418,6883,6885,6887,6889,6891,6893,6895,6897,6900],{"class":5420,"line":6884},47,[5418,6886,6450],{"class":5873},[5418,6888,5369],{"class":5869},[5418,6890,6455],{"class":6007},[5418,6892,6010],{"class":5869},[5418,6894,6460],{"class":5888},[5418,6896,6464],{"class":6463},[5418,6898,6899],{"class":5888},"єднання закрито клієнтом'",[5418,6901,6411],{"class":5869},[5418,6903,6905],{"class":5420,"line":6904},48,[5418,6906,6907],{"class":5869},"    }\n",[5418,6909,6911],{"class":5420,"line":6910},49,[5418,6912,6204],{"class":5869},[5418,6914,6916],{"class":5420,"line":6915},50,[5418,6917,5923],{"emptyLinePlaceholder":5922},[5418,6919,6921,6923,6926,6928,6930,6932,6935],{"class":5420,"line":6920},51,[5418,6922,6312],{"class":5928},[5418,6924,6925],{"class":6007}," displayData",[5418,6927,6010],{"class":5869},[5418,6929,5220],{"class":5873},[5418,6931,5944],{"class":5869},[5418,6933,6934],{"class":5932},"any",[5418,6936,6716],{"class":5869},[5418,6938,6940,6943,6946,6948,6951,6953,6956,6958,6961],{"class":5420,"line":6939},52,[5418,6941,6942],{"class":5928},"    const",[5418,6944,6945],{"class":6523}," container",[5418,6947,6327],{"class":5869},[5418,6949,6950],{"class":5873},"document",[5418,6952,5369],{"class":5869},[5418,6954,6955],{"class":6007},"getElementById",[5418,6957,6010],{"class":5869},[5418,6959,6960],{"class":5888},"'sse-data'",[5418,6962,6411],{"class":5869},[5418,6964,6966,6968,6970,6973],{"class":5420,"line":6965},53,[5418,6967,6839],{"class":5865},[5418,6969,5797],{"class":5869},[5418,6971,6972],{"class":5873},"container",[5418,6974,6716],{"class":5869},[5418,6976,6978,6980,6983,6985,6987,6989,6992,6994,6997],{"class":5420,"line":6977},54,[5418,6979,6520],{"class":5928},[5418,6981,6982],{"class":6523}," item",[5418,6984,6327],{"class":5869},[5418,6986,6950],{"class":5873},[5418,6988,5369],{"class":5869},[5418,6990,6991],{"class":6007},"createElement",[5418,6993,6010],{"class":5869},[5418,6995,6996],{"class":5888},"'div'",[5418,6998,6411],{"class":5869},[5418,7000,7002,7005,7007,7010,7012,7015,7018,7020,7023,7025,7028,7030,7032,7034,7036,7039,7041,7043],{"class":5420,"line":7001},55,[5418,7003,7004],{"class":5873},"      item",[5418,7006,5369],{"class":5869},[5418,7008,7009],{"class":5873},"textContent",[5418,7011,6327],{"class":5869},[5418,7013,7014],{"class":5888},"`",[5418,7016,7017],{"class":5928},"${",[5418,7019,5220],{"class":5873},[5418,7021,5369],{"class":7022},"sD7JJ",[5418,7024,5743],{"class":5873},[5418,7026,7027],{"class":5928},"}",[5418,7029,5944],{"class":5888},[5418,7031,7017],{"class":5928},[5418,7033,5220],{"class":5873},[5418,7035,5369],{"class":7022},[5418,7037,7038],{"class":5873},"timestamp",[5418,7040,7027],{"class":5928},[5418,7042,7014],{"class":5888},[5418,7044,5892],{"class":5869},[5418,7046,7048,7051,7053,7056,7058,7061],{"class":5420,"line":7047},56,[5418,7049,7050],{"class":5873},"      container",[5418,7052,5369],{"class":5869},[5418,7054,7055],{"class":6007},"appendChild",[5418,7057,6010],{"class":5869},[5418,7059,7060],{"class":5873},"item",[5418,7062,6411],{"class":5869},[5418,7064,7066],{"class":5420,"line":7065},57,[5418,7067,6907],{"class":5869},[5418,7069,7071],{"class":5420,"line":7070},58,[5418,7072,6204],{"class":5869},[5418,7074,7076],{"class":5420,"line":7075},59,[5418,7077,5995],{"class":5869},[5418,7079,7081],{"class":5420,"line":7080},60,[5418,7082,5923],{"emptyLinePlaceholder":5922},[5418,7084,7086],{"class":5420,"line":7085},61,[5418,7087,7088],{"class":5859},"\u002F\u002F Використання\n",[5418,7090,7092,7095,7098,7100,7102,7104,7106,7109],{"class":5420,"line":7091},62,[5418,7093,7094],{"class":5928},"const",[5418,7096,7097],{"class":6523}," client",[5418,7099,6327],{"class":5869},[5418,7101,6395],{"class":5928},[5418,7103,6305],{"class":6007},[5418,7105,6010],{"class":5869},[5418,7107,7108],{"class":5888},"'http:\u002F\u002Flocalhost:3001\u002Fevents\u002Fstream'",[5418,7110,6411],{"class":5869},[5418,7112,7114,7117,7119,7122],{"class":5420,"line":7113},63,[5418,7115,7116],{"class":5873},"client",[5418,7118,5369],{"class":5869},[5418,7120,7121],{"class":6007},"connect",[5418,7123,6866],{"class":5869},[5418,7125,7127],{"class":5420,"line":7126},64,[5418,7128,5923],{"emptyLinePlaceholder":5922},[5418,7130,7132],{"class":5420,"line":7131},65,[5418,7133,7134],{"class":5859},"\u002F\u002F Закрити при виході зі сторінки\n",[5418,7136,7138,7141,7143,7145,7147,7150,7152,7154],{"class":5420,"line":7137},66,[5418,7139,7140],{"class":5873},"window",[5418,7142,5369],{"class":5869},[5418,7144,6433],{"class":6007},[5418,7146,6010],{"class":5869},[5418,7148,7149],{"class":5888},"'beforeunload'",[5418,7151,6441],{"class":5869},[5418,7153,6116],{"class":5928},[5418,7155,5936],{"class":5869},[5418,7157,7159,7162,7164,7167],{"class":5420,"line":7158},67,[5418,7160,7161],{"class":5873},"  client",[5418,7163,5369],{"class":5869},[5418,7165,7166],{"class":6007},"disconnect",[5418,7168,6866],{"class":5869},[5418,7170,7172],{"class":5420,"line":7171},68,[5418,7173,7174],{"class":5869},"});\n",[5089,7176,7177],{},[5099,7178,7179],{},"Ключові методи EventSource API:",[5563,7181,7182,7191],{},[5566,7183,7184],{},[5569,7185,7186,7189],{},[5572,7187,7188],{},"Метод\u002FВластивість",[5572,7190,5715],{},[5585,7192,7193,7203,7213,7223,7242,7251],{},[5569,7194,7195,7200],{},[5590,7196,7197],{},[5116,7198,7199],{},"new EventSource(url)",[5590,7201,7202],{},"Створює з'єднання до SSE endpoint",[5569,7204,7205,7210],{},[5590,7206,7207],{},[5116,7208,7209],{},"addEventListener(type, handler)",[5590,7211,7212],{},"Підписується на події певного типу",[5569,7214,7215,7220],{},[5590,7216,7217],{},[5116,7218,7219],{},"close()",[5590,7221,7222],{},"Закриває з'єднання (не reconnect)",[5569,7224,7225,7229],{},[5590,7226,7227],{},[5116,7228,6703],{},[5590,7230,7231,7232,7234,7235,7238,7239,7241],{},"Стан з'єднання: ",[5116,7233,6770],{}," (0), ",[5116,7236,7237],{},"OPEN"," (1), ",[5116,7240,6713],{}," (2)",[5569,7243,7244,7248],{},[5590,7245,7246],{},[5116,7247,6408],{},[5590,7249,7250],{},"URL endpoint, до якого підключений клієнт",[5569,7252,7253,7258],{},[5590,7254,7255],{},[5116,7256,7257],{},"withCredentials",[5590,7259,7260,7261,5744],{},"Чи відправляти cookies (за замовчуванням ",[5116,7262,7263],{},"false",[7265,7266,7267,7281],"warning",{},[5089,7268,7269,7272,7273,7276,7277,7280],{},[5099,7270,7271],{},"Обмеження EventSource:"," API ",[5099,7274,7275],{},"не підтримує"," передачу кастомних HTTP заголовків (наприклад, ",[5116,7278,7279],{},"Authorization","). Для автентифікації використовуйте:",[5789,7282,7283,7293,7299],{},[5096,7284,7285,7288,7289,7292],{},[5099,7286,7287],{},"Query parameters:"," ",[5116,7290,7291],{},"new EventSource('\u002Fevents?token=...')"," (небезпечно — токен у URL)",[5096,7294,7295,7298],{},[5099,7296,7297],{},"Cookies:"," встановити HttpOnly cookie через звичайний HTTP запит, EventSource автоматично відправить cookie",[5096,7300,7301,7304],{},[5099,7302,7303],{},"Polyfill з підтримкою headers:"," використати сторонню бібліотеку замість нативного EventSource",[5178,7306],{},[5084,7308,7310],{"id":7309},"rxjs-patterns-для-sse","RxJS Patterns для SSE",[5089,7312,7313],{},"RxJS надає потужні оператори для створення складних потоків подій. Розглянемо типові патерни для SSE.",[5402,7315,7317],{"id":7316},"pattern-1-interval-періодичне-генерування-подій","Pattern 1: Interval — Періодичне генерування подій",[5089,7319,7320],{},"Найпростіший патерн — відправляти події через фіксовані інтервали часу.",[5410,7322,7324],{"className":5850,"code":7323,"language":5852,"meta":5414,"style":5414},"\u002F\u002F src\u002Fmonitoring\u002Fmonitoring.controller.ts\nimport { Controller, Sse } from '@nestjs\u002Fcommon';\nimport { Observable, interval, map } from 'rxjs';\nimport { MonitoringService } from '.\u002Fmonitoring.service';\n\n@Controller('monitoring')\nexport class MonitoringController {\n  constructor(private readonly monitoringService: MonitoringService) {}\n\n  \u002F**\n   * Відправка метрик системи кожні 5 секунд\n   *\u002F\n  @Sse('metrics')\n  streamMetrics(): Observable\u003CMessageEvent> {\n    return interval(5000).pipe(\n      map(async () => {\n        \u002F\u002F Отримати поточні метрики з сервісу\n        const metrics = await this.monitoringService.getCurrentMetrics();\n\n        return {\n          data: {\n            cpu: metrics.cpuUsage,\n            memory: metrics.memoryUsage,\n            activeConnections: metrics.activeConnections,\n            requestsPerSecond: metrics.rps,\n          },\n          id: Date.now().toString(),\n        };\n      }),\n    );\n  }\n}\n",[5116,7325,7326,7331,7351,7375,7393,7397,7410,7421,7441,7445,7449,7454,7458,7471,7486,7503,7519,7524,7552,7556,7563,7570,7584,7598,7612,7626,7631,7649,7654,7659,7663,7667],{"__ignoreMap":5414},[5418,7327,7328],{"class":5420,"line":5421},[5418,7329,7330],{"class":5859},"\u002F\u002F src\u002Fmonitoring\u002Fmonitoring.controller.ts\n",[5418,7332,7333,7335,7337,7339,7341,7343,7345,7347,7349],{"class":5420,"line":5427},[5418,7334,5866],{"class":5865},[5418,7336,5870],{"class":5869},[5418,7338,5874],{"class":5873},[5418,7340,5119],{"class":5869},[5418,7342,5879],{"class":5873},[5418,7344,5882],{"class":5869},[5418,7346,5885],{"class":5865},[5418,7348,5889],{"class":5888},[5418,7350,5892],{"class":5869},[5418,7352,7353,7355,7357,7359,7361,7363,7365,7367,7369,7371,7373],{"class":5420,"line":5433},[5418,7354,5866],{"class":5865},[5418,7356,5870],{"class":5869},[5418,7358,5113],{"class":5873},[5418,7360,5119],{"class":5869},[5418,7362,5205],{"class":5873},[5418,7364,5119],{"class":5869},[5418,7366,5208],{"class":5873},[5418,7368,5882],{"class":5869},[5418,7370,5885],{"class":5865},[5418,7372,5915],{"class":5888},[5418,7374,5892],{"class":5869},[5418,7376,7377,7379,7381,7384,7386,7388,7391],{"class":5420,"line":5439},[5418,7378,5866],{"class":5865},[5418,7380,5870],{"class":5869},[5418,7382,7383],{"class":5873},"MonitoringService",[5418,7385,5882],{"class":5869},[5418,7387,5885],{"class":5865},[5418,7389,7390],{"class":5888}," '.\u002Fmonitoring.service'",[5418,7392,5892],{"class":5869},[5418,7394,7395],{"class":5420,"line":5445},[5418,7396,5923],{"emptyLinePlaceholder":5922},[5418,7398,7399,7401,7403,7405,7408],{"class":5420,"line":5451},[5418,7400,6004],{"class":5869},[5418,7402,5874],{"class":6007},[5418,7404,6010],{"class":5869},[5418,7406,7407],{"class":5888},"'monitoring'",[5418,7409,6016],{"class":5869},[5418,7411,7412,7414,7416,7419],{"class":5420,"line":5457},[5418,7413,6021],{"class":5865},[5418,7415,6024],{"class":5928},[5418,7417,7418],{"class":5932}," MonitoringController",[5418,7420,5936],{"class":5869},[5418,7422,7423,7425,7427,7429,7432,7435,7437,7439],{"class":5420,"line":5462},[5418,7424,6340],{"class":5928},[5418,7426,6010],{"class":5869},[5418,7428,6345],{"class":5928},[5418,7430,7431],{"class":5928}," readonly",[5418,7433,7434],{"class":5873}," monitoringService",[5418,7436,5944],{"class":5869},[5418,7438,7383],{"class":5932},[5418,7440,6355],{"class":5869},[5418,7442,7443],{"class":5420,"line":5468},[5418,7444,5923],{"emptyLinePlaceholder":5922},[5418,7446,7447],{"class":5420,"line":5473},[5418,7448,6034],{"class":5859},[5418,7450,7451],{"class":5420,"line":5479},[5418,7452,7453],{"class":5859},"   * Відправка метрик системи кожні 5 секунд\n",[5418,7455,7456],{"class":5420,"line":5485},[5418,7457,6044],{"class":5859},[5418,7459,7460,7462,7464,7466,7469],{"class":5420,"line":5490},[5418,7461,6049],{"class":5869},[5418,7463,5879],{"class":6007},[5418,7465,6010],{"class":5869},[5418,7467,7468],{"class":5888},"'metrics'",[5418,7470,6016],{"class":5869},[5418,7472,7473,7476,7478,7480,7482,7484],{"class":5420,"line":5496},[5418,7474,7475],{"class":6007},"  streamMetrics",[5418,7477,6066],{"class":5869},[5418,7479,5113],{"class":5932},[5418,7481,6071],{"class":5869},[5418,7483,6074],{"class":5932},[5418,7485,6077],{"class":5869},[5418,7487,7488,7490,7492,7494,7497,7499,7501],{"class":5420,"line":5502},[5418,7489,6082],{"class":5865},[5418,7491,6085],{"class":6007},[5418,7493,6010],{"class":5869},[5418,7495,7496],{"class":6090},"5000",[5418,7498,5801],{"class":5869},[5418,7500,6096],{"class":6007},[5418,7502,6099],{"class":5869},[5418,7504,7505,7507,7509,7512,7515,7517],{"class":5420,"line":5507},[5418,7506,6104],{"class":6007},[5418,7508,6010],{"class":5869},[5418,7510,7511],{"class":5928},"async",[5418,7513,7514],{"class":5869}," () ",[5418,7516,6116],{"class":5928},[5418,7518,5936],{"class":5869},[5418,7520,7521],{"class":5420,"line":5513},[5418,7522,7523],{"class":5859},"        \u002F\u002F Отримати поточні метрики з сервісу\n",[5418,7525,7526,7529,7532,7534,7537,7540,7542,7545,7547,7550],{"class":5420,"line":5519},[5418,7527,7528],{"class":5928},"        const",[5418,7530,7531],{"class":6523}," metrics",[5418,7533,6327],{"class":5869},[5418,7535,7536],{"class":5865},"await",[5418,7538,7539],{"class":5928}," this",[5418,7541,5369],{"class":5869},[5418,7543,7544],{"class":5873},"monitoringService",[5418,7546,5369],{"class":5869},[5418,7548,7549],{"class":6007},"getCurrentMetrics",[5418,7551,6866],{"class":5869},[5418,7553,7554],{"class":5420,"line":5524},[5418,7555,5923],{"emptyLinePlaceholder":5922},[5418,7557,7558,7561],{"class":5420,"line":5530},[5418,7559,7560],{"class":5865},"        return",[5418,7562,5936],{"class":5869},[5418,7564,7565,7568],{"class":5420,"line":5536},[5418,7566,7567],{"class":5873},"          data:",[5418,7569,5936],{"class":5869},[5418,7571,7572,7575,7577,7579,7582],{"class":5420,"line":5541},[5418,7573,7574],{"class":5873},"            cpu:",[5418,7576,7531],{"class":5873},[5418,7578,5369],{"class":5869},[5418,7580,7581],{"class":5873},"cpuUsage",[5418,7583,6137],{"class":5869},[5418,7585,7586,7589,7591,7593,7596],{"class":5420,"line":5547},[5418,7587,7588],{"class":5873},"            memory:",[5418,7590,7531],{"class":5873},[5418,7592,5369],{"class":5869},[5418,7594,7595],{"class":5873},"memoryUsage",[5418,7597,6137],{"class":5869},[5418,7599,7600,7603,7605,7607,7610],{"class":5420,"line":5553},[5418,7601,7602],{"class":5873},"            activeConnections:",[5418,7604,7531],{"class":5873},[5418,7606,5369],{"class":5869},[5418,7608,7609],{"class":5873},"activeConnections",[5418,7611,6137],{"class":5869},[5418,7613,7614,7617,7619,7621,7624],{"class":5420,"line":6167},[5418,7615,7616],{"class":5873},"            requestsPerSecond:",[5418,7618,7531],{"class":5873},[5418,7620,5369],{"class":5869},[5418,7622,7623],{"class":5873},"rps",[5418,7625,6137],{"class":5869},[5418,7627,7628],{"class":5420,"line":6173},[5418,7629,7630],{"class":5869},"          },\n",[5418,7632,7633,7636,7638,7640,7643,7645,7647],{"class":5420,"line":6189},[5418,7634,7635],{"class":5873},"          id:",[5418,7637,6148],{"class":5873},[5418,7639,5369],{"class":5869},[5418,7641,7642],{"class":6007},"now",[5418,7644,6151],{"class":5869},[5418,7646,6184],{"class":6007},[5418,7648,6157],{"class":5869},[5418,7650,7651],{"class":5420,"line":6195},[5418,7652,7653],{"class":5869},"        };\n",[5418,7655,7656],{"class":5420,"line":6201},[5418,7657,7658],{"class":5869},"      }),\n",[5418,7660,7661],{"class":5420,"line":6207},[5418,7662,6198],{"class":5869},[5418,7664,7665],{"class":5420,"line":6681},[5418,7666,6204],{"class":5869},[5418,7668,7669],{"class":5420,"line":6686},[5418,7670,5995],{"class":5869},[5089,7672,7673],{},[5099,7674,7675],{},"Використання на клієнті:",[5410,7677,7679],{"className":5850,"code":7678,"language":5852,"meta":5414,"style":5414},"const eventSource = new EventSource('http:\u002F\u002Flocalhost:3001\u002Fmonitoring\u002Fmetrics');\n\neventSource.addEventListener('message', (event) => {\n  const metrics = JSON.parse(event.data);\n\n  \u002F\u002F Оновити графік у dashboard\n  updateChart('cpu', metrics.cpu);\n  updateChart('memory', metrics.memory);\n  \n  \u002F\u002F Оновити лічильники\n  document.getElementById('active-connections')!.textContent = metrics.activeConnections;\n  document.getElementById('rps')!.textContent = metrics.requestsPerSecond;\n});\n",[5116,7680,7681,7700,7704,7726,7751,7755,7760,7782,7802,7807,7812,7841,7869],{"__ignoreMap":5414},[5418,7682,7683,7685,7687,7689,7691,7693,7695,7698],{"class":5420,"line":5421},[5418,7684,7094],{"class":5928},[5418,7686,6315],{"class":6523},[5418,7688,6327],{"class":5869},[5418,7690,6395],{"class":5928},[5418,7692,6398],{"class":6007},[5418,7694,6010],{"class":5869},[5418,7696,7697],{"class":5888},"'http:\u002F\u002Flocalhost:3001\u002Fmonitoring\u002Fmetrics'",[5418,7699,6411],{"class":5869},[5418,7701,7702],{"class":5420,"line":5427},[5418,7703,5923],{"emptyLinePlaceholder":5922},[5418,7705,7706,7708,7710,7712,7714,7716,7718,7720,7722,7724],{"class":5420,"line":5433},[5418,7707,6390],{"class":5873},[5418,7709,5369],{"class":5869},[5418,7711,6433],{"class":6007},[5418,7713,6010],{"class":5869},[5418,7715,6500],{"class":5888},[5418,7717,6503],{"class":5869},[5418,7719,5223],{"class":5873},[5418,7721,6113],{"class":5869},[5418,7723,6116],{"class":5928},[5418,7725,5936],{"class":5869},[5418,7727,7728,7731,7733,7735,7737,7739,7741,7743,7745,7747,7749],{"class":5420,"line":5439},[5418,7729,7730],{"class":5928},"  const",[5418,7732,7531],{"class":6523},[5418,7734,6327],{"class":5869},[5418,7736,6529],{"class":6523},[5418,7738,5369],{"class":5869},[5418,7740,6534],{"class":6007},[5418,7742,6010],{"class":5869},[5418,7744,5223],{"class":5873},[5418,7746,5369],{"class":5869},[5418,7748,5220],{"class":5873},[5418,7750,6411],{"class":5869},[5418,7752,7753],{"class":5420,"line":5445},[5418,7754,5923],{"emptyLinePlaceholder":5922},[5418,7756,7757],{"class":5420,"line":5451},[5418,7758,7759],{"class":5859},"  \u002F\u002F Оновити графік у dashboard\n",[5418,7761,7762,7765,7767,7770,7772,7775,7777,7780],{"class":5420,"line":5457},[5418,7763,7764],{"class":6007},"  updateChart",[5418,7766,6010],{"class":5869},[5418,7768,7769],{"class":5888},"'cpu'",[5418,7771,5119],{"class":5869},[5418,7773,7774],{"class":5873},"metrics",[5418,7776,5369],{"class":5869},[5418,7778,7779],{"class":5873},"cpu",[5418,7781,6411],{"class":5869},[5418,7783,7784,7786,7788,7791,7793,7795,7797,7800],{"class":5420,"line":5462},[5418,7785,7764],{"class":6007},[5418,7787,6010],{"class":5869},[5418,7789,7790],{"class":5888},"'memory'",[5418,7792,5119],{"class":5869},[5418,7794,7774],{"class":5873},[5418,7796,5369],{"class":5869},[5418,7798,7799],{"class":5873},"memory",[5418,7801,6411],{"class":5869},[5418,7803,7804],{"class":5420,"line":5468},[5418,7805,7806],{"class":5869},"  \n",[5418,7808,7809],{"class":5420,"line":5473},[5418,7810,7811],{"class":5859},"  \u002F\u002F Оновити лічильники\n",[5418,7813,7814,7817,7819,7821,7823,7826,7829,7831,7833,7835,7837,7839],{"class":5420,"line":5479},[5418,7815,7816],{"class":5873},"  document",[5418,7818,5369],{"class":5869},[5418,7820,6955],{"class":6007},[5418,7822,6010],{"class":5869},[5418,7824,7825],{"class":5888},"'active-connections'",[5418,7827,7828],{"class":5869},")!.",[5418,7830,7009],{"class":5873},[5418,7832,6327],{"class":5869},[5418,7834,7774],{"class":5873},[5418,7836,5369],{"class":5869},[5418,7838,7609],{"class":5873},[5418,7840,5892],{"class":5869},[5418,7842,7843,7845,7847,7849,7851,7854,7856,7858,7860,7862,7864,7867],{"class":5420,"line":5485},[5418,7844,7816],{"class":5873},[5418,7846,5369],{"class":5869},[5418,7848,6955],{"class":6007},[5418,7850,6010],{"class":5869},[5418,7852,7853],{"class":5888},"'rps'",[5418,7855,7828],{"class":5869},[5418,7857,7009],{"class":5873},[5418,7859,6327],{"class":5869},[5418,7861,7774],{"class":5873},[5418,7863,5369],{"class":5869},[5418,7865,7866],{"class":5873},"requestsPerSecond",[5418,7868,5892],{"class":5869},[5418,7870,7871],{"class":5420,"line":5490},[5418,7872,7174],{"class":5869},[5402,7874,7876],{"id":7875},"pattern-2-subject-ручне-керування-потоком","Pattern 2: Subject — Ручне керування потоком",[5089,7878,7879,7880,5369],{},"Для складніших сценаріїв, де події генеруються не періодично, а у відповідь на зовнішні дії (наприклад, нове повідомлення у чаті), використовуйте ",[5116,7881,5129],{},[5410,7883,7885],{"className":5850,"code":7884,"language":5852,"meta":5414,"style":5414},"\u002F\u002F src\u002Fnotifications\u002Fnotifications.controller.ts\nimport { Controller, Sse } from '@nestjs\u002Fcommon';\nimport { Observable, Subject } from 'rxjs';\nimport { OnEvent } from '@nestjs\u002Fevent-emitter';\n\ninterface NotificationEvent {\n  type: string;\n  title: string;\n  message: string;\n  userId: number;\n  timestamp: Date;\n}\n\n@Controller('notifications')\nexport class NotificationsController {\n  \u002F\u002F Subject для ручного емітування подій\n  private notificationsSubject = new Subject\u003CMessageEvent>();\n\n  \u002F**\n   * SSE endpoint для нотифікацій\n   *\u002F\n  @Sse('stream')\n  streamNotifications(): Observable\u003CMessageEvent> {\n    return this.notificationsSubject.asObservable();\n  }\n\n  \u002F**\n   * Обробник події з іншого модуля (наприклад, новий коментар створено)\n   *\u002F\n  @OnEvent('comment.created')\n  handleCommentCreated(payload: { postId: string; authorId: number; text: string }) {\n    \u002F\u002F Знайти власника поста\n    const postOwnerId = this.getPostOwnerId(payload.postId);\n\n    if (postOwnerId !== payload.authorId) {\n      \u002F\u002F Емітувати SSE подію для власника поста\n      this.notificationsSubject.next({\n        data: {\n          type: 'COMMENT',\n          title: 'Новий коментар',\n          message: `Користувач залишив коментар під вашим постом`,\n          postId: payload.postId,\n        },\n        id: Date.now().toString(),\n        type: 'notification', \u002F\u002F Тип SSE події\n      });\n    }\n  }\n\n  \u002F**\n   * Обробник події про новий лайк\n   *\u002F\n  @OnEvent('post.liked')\n  handlePostLiked(payload: { postId: string; userId: number }) {\n    const postOwnerId = this.getPostOwnerId(payload.postId);\n\n    if (postOwnerId !== payload.userId) {\n      this.notificationsSubject.next({\n        data: {\n          type: 'LIKE',\n          title: 'Новий лайк',\n          message: `Ваш пост сподобався користувачу`,\n          postId: payload.postId,\n        },\n        id: Date.now().toString(),\n        type: 'notification',\n      });\n    }\n  }\n\n  private getPostOwnerId(postId: string): number {\n    \u002F\u002F Запит до БД або кешу\n    return 123;\n  }\n}\n",[5116,7886,7887,7892,7912,7932,7950,7954,7963,7973,7984,7995,8006,8018,8022,8026,8039,8050,8055,8076,8080,8084,8089,8093,8105,8120,8138,8142,8146,8150,8155,8159,8172,8213,8218,8244,8248,8268,8273,8289,8295,8305,8315,8324,8338,8342,8358,8371,8376,8380,8384,8388,8392,8397,8401,8414,8442,8466,8470,8488,8502,8508,8517,8526,8535,8547,8551,8567,8575,8579,8583,8588,8593,8616,8622,8632,8637],{"__ignoreMap":5414},[5418,7888,7889],{"class":5420,"line":5421},[5418,7890,7891],{"class":5859},"\u002F\u002F src\u002Fnotifications\u002Fnotifications.controller.ts\n",[5418,7893,7894,7896,7898,7900,7902,7904,7906,7908,7910],{"class":5420,"line":5427},[5418,7895,5866],{"class":5865},[5418,7897,5870],{"class":5869},[5418,7899,5874],{"class":5873},[5418,7901,5119],{"class":5869},[5418,7903,5879],{"class":5873},[5418,7905,5882],{"class":5869},[5418,7907,5885],{"class":5865},[5418,7909,5889],{"class":5888},[5418,7911,5892],{"class":5869},[5418,7913,7914,7916,7918,7920,7922,7924,7926,7928,7930],{"class":5420,"line":5433},[5418,7915,5866],{"class":5865},[5418,7917,5870],{"class":5869},[5418,7919,5113],{"class":5873},[5418,7921,5119],{"class":5869},[5418,7923,5129],{"class":5873},[5418,7925,5882],{"class":5869},[5418,7927,5885],{"class":5865},[5418,7929,5915],{"class":5888},[5418,7931,5892],{"class":5869},[5418,7933,7934,7936,7938,7941,7943,7945,7948],{"class":5420,"line":5439},[5418,7935,5866],{"class":5865},[5418,7937,5870],{"class":5869},[5418,7939,7940],{"class":5873},"OnEvent",[5418,7942,5882],{"class":5869},[5418,7944,5885],{"class":5865},[5418,7946,7947],{"class":5888}," '@nestjs\u002Fevent-emitter'",[5418,7949,5892],{"class":5869},[5418,7951,7952],{"class":5420,"line":5445},[5418,7953,5923],{"emptyLinePlaceholder":5922},[5418,7955,7956,7958,7961],{"class":5420,"line":5451},[5418,7957,5929],{"class":5928},[5418,7959,7960],{"class":5932}," NotificationEvent",[5418,7962,5936],{"class":5869},[5418,7964,7965,7967,7969,7971],{"class":5420,"line":5457},[5418,7966,5972],{"class":5873},[5418,7968,5944],{"class":5869},[5418,7970,5947],{"class":5932},[5418,7972,5892],{"class":5869},[5418,7974,7975,7978,7980,7982],{"class":5420,"line":5462},[5418,7976,7977],{"class":5873},"  title",[5418,7979,5944],{"class":5869},[5418,7981,5947],{"class":5932},[5418,7983,5892],{"class":5869},[5418,7985,7986,7989,7991,7993],{"class":5420,"line":5468},[5418,7987,7988],{"class":5873},"  message",[5418,7990,5944],{"class":5869},[5418,7992,5947],{"class":5932},[5418,7994,5892],{"class":5869},[5418,7996,7997,8000,8002,8004],{"class":5420,"line":5473},[5418,7998,7999],{"class":5873},"  userId",[5418,8001,5944],{"class":5869},[5418,8003,5988],{"class":5932},[5418,8005,5892],{"class":5869},[5418,8007,8008,8011,8013,8016],{"class":5420,"line":5479},[5418,8009,8010],{"class":5873},"  timestamp",[5418,8012,5944],{"class":5869},[5418,8014,8015],{"class":5932},"Date",[5418,8017,5892],{"class":5869},[5418,8019,8020],{"class":5420,"line":5485},[5418,8021,5995],{"class":5869},[5418,8023,8024],{"class":5420,"line":5490},[5418,8025,5923],{"emptyLinePlaceholder":5922},[5418,8027,8028,8030,8032,8034,8037],{"class":5420,"line":5496},[5418,8029,6004],{"class":5869},[5418,8031,5874],{"class":6007},[5418,8033,6010],{"class":5869},[5418,8035,8036],{"class":5888},"'notifications'",[5418,8038,6016],{"class":5869},[5418,8040,8041,8043,8045,8048],{"class":5420,"line":5502},[5418,8042,6021],{"class":5865},[5418,8044,6024],{"class":5928},[5418,8046,8047],{"class":5932}," NotificationsController",[5418,8049,5936],{"class":5869},[5418,8051,8052],{"class":5420,"line":5507},[5418,8053,8054],{"class":5859},"  \u002F\u002F Subject для ручного емітування подій\n",[5418,8056,8057,8059,8062,8064,8066,8069,8071,8073],{"class":5420,"line":5513},[5418,8058,6312],{"class":5928},[5418,8060,8061],{"class":5873}," notificationsSubject",[5418,8063,6327],{"class":5869},[5418,8065,6395],{"class":5928},[5418,8067,8068],{"class":6007}," Subject",[5418,8070,6071],{"class":5869},[5418,8072,6074],{"class":5932},[5418,8074,8075],{"class":5869},">();\n",[5418,8077,8078],{"class":5420,"line":5519},[5418,8079,5923],{"emptyLinePlaceholder":5922},[5418,8081,8082],{"class":5420,"line":5524},[5418,8083,6034],{"class":5859},[5418,8085,8086],{"class":5420,"line":5530},[5418,8087,8088],{"class":5859},"   * SSE endpoint для нотифікацій\n",[5418,8090,8091],{"class":5420,"line":5536},[5418,8092,6044],{"class":5859},[5418,8094,8095,8097,8099,8101,8103],{"class":5420,"line":5541},[5418,8096,6049],{"class":5869},[5418,8098,5879],{"class":6007},[5418,8100,6010],{"class":5869},[5418,8102,6056],{"class":5888},[5418,8104,6016],{"class":5869},[5418,8106,8107,8110,8112,8114,8116,8118],{"class":5420,"line":5547},[5418,8108,8109],{"class":6007},"  streamNotifications",[5418,8111,6066],{"class":5869},[5418,8113,5113],{"class":5932},[5418,8115,6071],{"class":5869},[5418,8117,6074],{"class":5932},[5418,8119,6077],{"class":5869},[5418,8121,8122,8124,8126,8128,8131,8133,8136],{"class":5420,"line":5553},[5418,8123,6082],{"class":5865},[5418,8125,7539],{"class":5928},[5418,8127,5369],{"class":5869},[5418,8129,8130],{"class":5873},"notificationsSubject",[5418,8132,5369],{"class":5869},[5418,8134,8135],{"class":6007},"asObservable",[5418,8137,6866],{"class":5869},[5418,8139,8140],{"class":5420,"line":6167},[5418,8141,6204],{"class":5869},[5418,8143,8144],{"class":5420,"line":6173},[5418,8145,5923],{"emptyLinePlaceholder":5922},[5418,8147,8148],{"class":5420,"line":6189},[5418,8149,6034],{"class":5859},[5418,8151,8152],{"class":5420,"line":6195},[5418,8153,8154],{"class":5859},"   * Обробник події з іншого модуля (наприклад, новий коментар створено)\n",[5418,8156,8157],{"class":5420,"line":6201},[5418,8158,6044],{"class":5859},[5418,8160,8161,8163,8165,8167,8170],{"class":5420,"line":6207},[5418,8162,6049],{"class":5869},[5418,8164,7940],{"class":6007},[5418,8166,6010],{"class":5869},[5418,8168,8169],{"class":5888},"'comment.created'",[5418,8171,6016],{"class":5869},[5418,8173,8174,8177,8179,8182,8185,8188,8190,8192,8195,8198,8200,8202,8204,8206,8208,8210],{"class":5420,"line":6681},[5418,8175,8176],{"class":6007},"  handleCommentCreated",[5418,8178,6010],{"class":5869},[5418,8180,8181],{"class":5873},"payload",[5418,8183,8184],{"class":5869},": { ",[5418,8186,8187],{"class":5873},"postId",[5418,8189,5944],{"class":5869},[5418,8191,5947],{"class":5932},[5418,8193,8194],{"class":5869},"; ",[5418,8196,8197],{"class":5873},"authorId",[5418,8199,5944],{"class":5869},[5418,8201,5988],{"class":5932},[5418,8203,8194],{"class":5869},[5418,8205,5693],{"class":5873},[5418,8207,5944],{"class":5869},[5418,8209,5947],{"class":5932},[5418,8211,8212],{"class":5869}," }) {\n",[5418,8214,8215],{"class":5420,"line":6686},[5418,8216,8217],{"class":5859},"    \u002F\u002F Знайти власника поста\n",[5418,8219,8220,8222,8225,8227,8229,8231,8234,8236,8238,8240,8242],{"class":5420,"line":6719},[5418,8221,6942],{"class":5928},[5418,8223,8224],{"class":6523}," postOwnerId",[5418,8226,6327],{"class":5869},[5418,8228,6403],{"class":5928},[5418,8230,5369],{"class":5869},[5418,8232,8233],{"class":6007},"getPostOwnerId",[5418,8235,6010],{"class":5869},[5418,8237,8181],{"class":5873},[5418,8239,5369],{"class":5869},[5418,8241,8187],{"class":5873},[5418,8243,6411],{"class":5869},[5418,8245,8246],{"class":5420,"line":6740},[5418,8247,5923],{"emptyLinePlaceholder":5922},[5418,8249,8250,8252,8254,8257,8260,8262,8264,8266],{"class":5420,"line":6775},[5418,8251,6839],{"class":5865},[5418,8253,5797],{"class":5869},[5418,8255,8256],{"class":5873},"postOwnerId",[5418,8258,8259],{"class":5869}," !== ",[5418,8261,8181],{"class":5873},[5418,8263,5369],{"class":5869},[5418,8265,8197],{"class":5873},[5418,8267,6716],{"class":5869},[5418,8269,8270],{"class":5420,"line":6791},[5418,8271,8272],{"class":5859},"      \u002F\u002F Емітувати SSE подію для власника поста\n",[5418,8274,8275,8277,8279,8281,8283,8286],{"class":5420,"line":6797},[5418,8276,6602],{"class":5928},[5418,8278,5369],{"class":5869},[5418,8280,8130],{"class":5873},[5418,8282,5369],{"class":5869},[5418,8284,8285],{"class":6007},"next",[5418,8287,8288],{"class":5869},"({\n",[5418,8290,8291,8293],{"class":5420,"line":6802},[5418,8292,6124],{"class":5873},[5418,8294,5936],{"class":5869},[5418,8296,8297,8300,8303],{"class":5420,"line":6807},[5418,8298,8299],{"class":5873},"          type:",[5418,8301,8302],{"class":5888}," 'COMMENT'",[5418,8304,6137],{"class":5869},[5418,8306,8307,8310,8313],{"class":5420,"line":6812},[5418,8308,8309],{"class":5873},"          title:",[5418,8311,8312],{"class":5888}," 'Новий коментар'",[5418,8314,6137],{"class":5869},[5418,8316,8317,8319,8322],{"class":5420,"line":6817},[5418,8318,6131],{"class":5873},[5418,8320,8321],{"class":5888}," `Користувач залишив коментар під вашим постом`",[5418,8323,6137],{"class":5869},[5418,8325,8326,8329,8332,8334,8336],{"class":5420,"line":6823},[5418,8327,8328],{"class":5873},"          postId:",[5418,8330,8331],{"class":5873}," payload",[5418,8333,5369],{"class":5869},[5418,8335,8187],{"class":5873},[5418,8337,6137],{"class":5869},[5418,8339,8340],{"class":5420,"line":6828},[5418,8341,6170],{"class":5869},[5418,8343,8344,8346,8348,8350,8352,8354,8356],{"class":5420,"line":6836},[5418,8345,6176],{"class":5873},[5418,8347,6148],{"class":5873},[5418,8349,5369],{"class":5869},[5418,8351,7642],{"class":6007},[5418,8353,6151],{"class":5869},[5418,8355,6184],{"class":6007},[5418,8357,6157],{"class":5869},[5418,8359,8360,8363,8366,8368],{"class":5420,"line":6852},[5418,8361,8362],{"class":5873},"        type:",[5418,8364,8365],{"class":5888}," 'notification'",[5418,8367,5119],{"class":5869},[5418,8369,8370],{"class":5859},"\u002F\u002F Тип SSE події\n",[5418,8372,8373],{"class":5420,"line":6869},[5418,8374,8375],{"class":5869},"      });\n",[5418,8377,8378],{"class":5420,"line":6884},[5418,8379,6907],{"class":5869},[5418,8381,8382],{"class":5420,"line":6904},[5418,8383,6204],{"class":5869},[5418,8385,8386],{"class":5420,"line":6910},[5418,8387,5923],{"emptyLinePlaceholder":5922},[5418,8389,8390],{"class":5420,"line":6915},[5418,8391,6034],{"class":5859},[5418,8393,8394],{"class":5420,"line":6920},[5418,8395,8396],{"class":5859},"   * Обробник події про новий лайк\n",[5418,8398,8399],{"class":5420,"line":6939},[5418,8400,6044],{"class":5859},[5418,8402,8403,8405,8407,8409,8412],{"class":5420,"line":6965},[5418,8404,6049],{"class":5869},[5418,8406,7940],{"class":6007},[5418,8408,6010],{"class":5869},[5418,8410,8411],{"class":5888},"'post.liked'",[5418,8413,6016],{"class":5869},[5418,8415,8416,8419,8421,8423,8425,8427,8429,8431,8433,8436,8438,8440],{"class":5420,"line":6977},[5418,8417,8418],{"class":6007},"  handlePostLiked",[5418,8420,6010],{"class":5869},[5418,8422,8181],{"class":5873},[5418,8424,8184],{"class":5869},[5418,8426,8187],{"class":5873},[5418,8428,5944],{"class":5869},[5418,8430,5947],{"class":5932},[5418,8432,8194],{"class":5869},[5418,8434,8435],{"class":5873},"userId",[5418,8437,5944],{"class":5869},[5418,8439,5988],{"class":5932},[5418,8441,8212],{"class":5869},[5418,8443,8444,8446,8448,8450,8452,8454,8456,8458,8460,8462,8464],{"class":5420,"line":7001},[5418,8445,6942],{"class":5928},[5418,8447,8224],{"class":6523},[5418,8449,6327],{"class":5869},[5418,8451,6403],{"class":5928},[5418,8453,5369],{"class":5869},[5418,8455,8233],{"class":6007},[5418,8457,6010],{"class":5869},[5418,8459,8181],{"class":5873},[5418,8461,5369],{"class":5869},[5418,8463,8187],{"class":5873},[5418,8465,6411],{"class":5869},[5418,8467,8468],{"class":5420,"line":7047},[5418,8469,5923],{"emptyLinePlaceholder":5922},[5418,8471,8472,8474,8476,8478,8480,8482,8484,8486],{"class":5420,"line":7065},[5418,8473,6839],{"class":5865},[5418,8475,5797],{"class":5869},[5418,8477,8256],{"class":5873},[5418,8479,8259],{"class":5869},[5418,8481,8181],{"class":5873},[5418,8483,5369],{"class":5869},[5418,8485,8435],{"class":5873},[5418,8487,6716],{"class":5869},[5418,8489,8490,8492,8494,8496,8498,8500],{"class":5420,"line":7070},[5418,8491,6602],{"class":5928},[5418,8493,5369],{"class":5869},[5418,8495,8130],{"class":5873},[5418,8497,5369],{"class":5869},[5418,8499,8285],{"class":6007},[5418,8501,8288],{"class":5869},[5418,8503,8504,8506],{"class":5420,"line":7075},[5418,8505,6124],{"class":5873},[5418,8507,5936],{"class":5869},[5418,8509,8510,8512,8515],{"class":5420,"line":7080},[5418,8511,8299],{"class":5873},[5418,8513,8514],{"class":5888}," 'LIKE'",[5418,8516,6137],{"class":5869},[5418,8518,8519,8521,8524],{"class":5420,"line":7085},[5418,8520,8309],{"class":5873},[5418,8522,8523],{"class":5888}," 'Новий лайк'",[5418,8525,6137],{"class":5869},[5418,8527,8528,8530,8533],{"class":5420,"line":7091},[5418,8529,6131],{"class":5873},[5418,8531,8532],{"class":5888}," `Ваш пост сподобався користувачу`",[5418,8534,6137],{"class":5869},[5418,8536,8537,8539,8541,8543,8545],{"class":5420,"line":7113},[5418,8538,8328],{"class":5873},[5418,8540,8331],{"class":5873},[5418,8542,5369],{"class":5869},[5418,8544,8187],{"class":5873},[5418,8546,6137],{"class":5869},[5418,8548,8549],{"class":5420,"line":7126},[5418,8550,6170],{"class":5869},[5418,8552,8553,8555,8557,8559,8561,8563,8565],{"class":5420,"line":7131},[5418,8554,6176],{"class":5873},[5418,8556,6148],{"class":5873},[5418,8558,5369],{"class":5869},[5418,8560,7642],{"class":6007},[5418,8562,6151],{"class":5869},[5418,8564,6184],{"class":6007},[5418,8566,6157],{"class":5869},[5418,8568,8569,8571,8573],{"class":5420,"line":7137},[5418,8570,8362],{"class":5873},[5418,8572,8365],{"class":5888},[5418,8574,6137],{"class":5869},[5418,8576,8577],{"class":5420,"line":7158},[5418,8578,8375],{"class":5869},[5418,8580,8581],{"class":5420,"line":7171},[5418,8582,6907],{"class":5869},[5418,8584,8586],{"class":5420,"line":8585},69,[5418,8587,6204],{"class":5869},[5418,8589,8591],{"class":5420,"line":8590},70,[5418,8592,5923],{"emptyLinePlaceholder":5922},[5418,8594,8596,8598,8601,8603,8605,8607,8609,8612,8614],{"class":5420,"line":8595},71,[5418,8597,6312],{"class":5928},[5418,8599,8600],{"class":6007}," getPostOwnerId",[5418,8602,6010],{"class":5869},[5418,8604,8187],{"class":5873},[5418,8606,5944],{"class":5869},[5418,8608,5947],{"class":5932},[5418,8610,8611],{"class":5869},"): ",[5418,8613,5988],{"class":5932},[5418,8615,5936],{"class":5869},[5418,8617,8619],{"class":5420,"line":8618},72,[5418,8620,8621],{"class":5859},"    \u002F\u002F Запит до БД або кешу\n",[5418,8623,8625,8627,8630],{"class":5420,"line":8624},73,[5418,8626,6082],{"class":5865},[5418,8628,8629],{"class":6090}," 123",[5418,8631,5892],{"class":5869},[5418,8633,8635],{"class":5420,"line":8634},74,[5418,8636,6204],{"class":5869},[5418,8638,8640],{"class":5420,"line":8639},75,[5418,8641,5995],{"class":5869},[5089,8643,8644],{},[5099,8645,8646],{},"Клієнтська частина з обробкою різних типів подій:",[5410,8648,8650],{"className":5850,"code":8649,"language":5852,"meta":5414,"style":5414},"const eventSource = new EventSource('http:\u002F\u002Flocalhost:3001\u002Fnotifications\u002Fstream');\n\n\u002F\u002F Обробник для події типу 'notification'\neventSource.addEventListener('notification', (event) => {\n  const notification = JSON.parse(event.data);\n\n  \u002F\u002F Показати браузерне повідомлення\n  if ('Notification' in window && Notification.permission === 'granted') {\n    new Notification(notification.title, {\n      body: notification.message,\n      icon: '\u002Fnotification-icon.png',\n      tag: notification.type, \u002F\u002F Унікальний тег для групування\n    });\n  }\n\n  \u002F\u002F Додати до списку нотифікацій у UI\n  addNotificationToList(notification);\n\n  \u002F\u002F Оновити badge з кількістю непрочитаних\n  incrementUnreadCount();\n});\n",[5116,8651,8652,8671,8675,8680,8703,8728,8732,8737,8771,8792,8805,8815,8832,8836,8840,8844,8849,8860,8864,8869,8876],{"__ignoreMap":5414},[5418,8653,8654,8656,8658,8660,8662,8664,8666,8669],{"class":5420,"line":5421},[5418,8655,7094],{"class":5928},[5418,8657,6315],{"class":6523},[5418,8659,6327],{"class":5869},[5418,8661,6395],{"class":5928},[5418,8663,6398],{"class":6007},[5418,8665,6010],{"class":5869},[5418,8667,8668],{"class":5888},"'http:\u002F\u002Flocalhost:3001\u002Fnotifications\u002Fstream'",[5418,8670,6411],{"class":5869},[5418,8672,8673],{"class":5420,"line":5427},[5418,8674,5923],{"emptyLinePlaceholder":5922},[5418,8676,8677],{"class":5420,"line":5433},[5418,8678,8679],{"class":5859},"\u002F\u002F Обробник для події типу 'notification'\n",[5418,8681,8682,8684,8686,8688,8690,8693,8695,8697,8699,8701],{"class":5420,"line":5439},[5418,8683,6390],{"class":5873},[5418,8685,5369],{"class":5869},[5418,8687,6433],{"class":6007},[5418,8689,6010],{"class":5869},[5418,8691,8692],{"class":5888},"'notification'",[5418,8694,6503],{"class":5869},[5418,8696,5223],{"class":5873},[5418,8698,6113],{"class":5869},[5418,8700,6116],{"class":5928},[5418,8702,5936],{"class":5869},[5418,8704,8705,8707,8710,8712,8714,8716,8718,8720,8722,8724,8726],{"class":5420,"line":5445},[5418,8706,7730],{"class":5928},[5418,8708,8709],{"class":6523}," notification",[5418,8711,6327],{"class":5869},[5418,8713,6529],{"class":6523},[5418,8715,5369],{"class":5869},[5418,8717,6534],{"class":6007},[5418,8719,6010],{"class":5869},[5418,8721,5223],{"class":5873},[5418,8723,5369],{"class":5869},[5418,8725,5220],{"class":5873},[5418,8727,6411],{"class":5869},[5418,8729,8730],{"class":5420,"line":5451},[5418,8731,5923],{"emptyLinePlaceholder":5922},[5418,8733,8734],{"class":5420,"line":5457},[5418,8735,8736],{"class":5859},"  \u002F\u002F Показати браузерне повідомлення\n",[5418,8738,8739,8742,8744,8747,8750,8753,8756,8759,8761,8764,8766,8769],{"class":5420,"line":5462},[5418,8740,8741],{"class":5865},"  if",[5418,8743,5797],{"class":5869},[5418,8745,8746],{"class":5888},"'Notification'",[5418,8748,8749],{"class":5928}," in",[5418,8751,8752],{"class":5873}," window",[5418,8754,8755],{"class":5869}," && ",[5418,8757,8758],{"class":5873},"Notification",[5418,8760,5369],{"class":5869},[5418,8762,8763],{"class":5873},"permission",[5418,8765,6706],{"class":5869},[5418,8767,8768],{"class":5888},"'granted'",[5418,8770,6716],{"class":5869},[5418,8772,8773,8776,8779,8781,8784,8786,8789],{"class":5420,"line":5468},[5418,8774,8775],{"class":5928},"    new",[5418,8777,8778],{"class":6007}," Notification",[5418,8780,6010],{"class":5869},[5418,8782,8783],{"class":5873},"notification",[5418,8785,5369],{"class":5869},[5418,8787,8788],{"class":5873},"title",[5418,8790,8791],{"class":5869},", {\n",[5418,8793,8794,8797,8799,8801,8803],{"class":5420,"line":5473},[5418,8795,8796],{"class":5873},"      body:",[5418,8798,8709],{"class":5873},[5418,8800,5369],{"class":5869},[5418,8802,5743],{"class":5873},[5418,8804,6137],{"class":5869},[5418,8806,8807,8810,8813],{"class":5420,"line":5479},[5418,8808,8809],{"class":5873},"      icon:",[5418,8811,8812],{"class":5888}," '\u002Fnotification-icon.png'",[5418,8814,6137],{"class":5869},[5418,8816,8817,8820,8822,8824,8827,8829],{"class":5420,"line":5485},[5418,8818,8819],{"class":5873},"      tag:",[5418,8821,8709],{"class":5873},[5418,8823,5369],{"class":5869},[5418,8825,8826],{"class":5873},"type",[5418,8828,5119],{"class":5869},[5418,8830,8831],{"class":5859},"\u002F\u002F Унікальний тег для групування\n",[5418,8833,8834],{"class":5420,"line":5490},[5418,8835,6474],{"class":5869},[5418,8837,8838],{"class":5420,"line":5496},[5418,8839,6204],{"class":5869},[5418,8841,8842],{"class":5420,"line":5502},[5418,8843,5923],{"emptyLinePlaceholder":5922},[5418,8845,8846],{"class":5420,"line":5507},[5418,8847,8848],{"class":5859},"  \u002F\u002F Додати до списку нотифікацій у UI\n",[5418,8850,8851,8854,8856,8858],{"class":5420,"line":5513},[5418,8852,8853],{"class":6007},"  addNotificationToList",[5418,8855,6010],{"class":5869},[5418,8857,8783],{"class":5873},[5418,8859,6411],{"class":5869},[5418,8861,8862],{"class":5420,"line":5519},[5418,8863,5923],{"emptyLinePlaceholder":5922},[5418,8865,8866],{"class":5420,"line":5524},[5418,8867,8868],{"class":5859},"  \u002F\u002F Оновити badge з кількістю непрочитаних\n",[5418,8870,8871,8874],{"class":5420,"line":5530},[5418,8872,8873],{"class":6007},"  incrementUnreadCount",[5418,8875,6866],{"class":5869},[5418,8877,8878],{"class":5420,"line":5536},[5418,8879,7174],{"class":5869},[5402,8881,8883],{"id":8882},"pattern-3-merge-обєднання-кількох-потоків","Pattern 3: merge — Об'єднання кількох потоків",[5089,8885,8886],{},"Коли потрібно емітувати події з кількох джерел у один SSE потік.",[5410,8888,8890],{"className":5850,"code":8889,"language":5852,"meta":5414,"style":5414},"\u002F\u002F src\u002Fevents\u002Fevents.controller.ts\nimport { Controller, Sse } from '@nestjs\u002Fcommon';\nimport { Observable, interval, merge, map } from 'rxjs';\n\n@Controller('events')\nexport class EventsController {\n  private notificationsSubject = new Subject\u003CMessageEvent>();\n  private alertsSubject = new Subject\u003CMessageEvent>();\n\n  \u002F**\n   * Об'єднаний потік: heartbeat + notifications + alerts\n   *\u002F\n  @Sse('combined')\n  streamCombined(): Observable\u003CMessageEvent> {\n    \u002F\u002F Heartbeat кожні 30 секунд\n    const heartbeat$ = interval(30000).pipe(\n      map(() => ({\n        type: 'heartbeat',\n        data: { timestamp: new Date().toISOString() },\n      })),\n    );\n\n    \u002F\u002F Notifications (ручні події)\n    const notifications$ = this.notificationsSubject.asObservable();\n\n    \u002F\u002F Alerts (ручні події)\n    const alerts$ = this.alertsSubject.asObservable();\n\n    \u002F\u002F Об'єднати всі потоки\n    return merge(heartbeat$, notifications$, alerts$);\n  }\n\n  \u002F**\n   * Методи для емітування подій з інших сервісів\n   *\u002F\n  emitNotification(data: any) {\n    this.notificationsSubject.next({\n      type: 'notification',\n      data,\n      id: Date.now().toString(),\n    });\n  }\n\n  emitAlert(data: any) {\n    this.alertsSubject.next({\n      type: 'alert',\n      data,\n      id: Date.now().toString(),\n    });\n  }\n}\n",[5116,8891,8892,8896,8916,8945,8949,8961,8971,8989,9008,9012,9016,9021,9025,9038,9053,9058,9080,9091,9100,9120,9124,9128,9132,9137,9158,9162,9167,9189,9193,9198,9222,9226,9230,9234,9239,9243,9258,9272,9281,9288,9305,9309,9313,9317,9332,9346,9355,9361,9377,9381,9385],{"__ignoreMap":5414},[5418,8893,8894],{"class":5420,"line":5421},[5418,8895,5860],{"class":5859},[5418,8897,8898,8900,8902,8904,8906,8908,8910,8912,8914],{"class":5420,"line":5427},[5418,8899,5866],{"class":5865},[5418,8901,5870],{"class":5869},[5418,8903,5874],{"class":5873},[5418,8905,5119],{"class":5869},[5418,8907,5879],{"class":5873},[5418,8909,5882],{"class":5869},[5418,8911,5885],{"class":5865},[5418,8913,5889],{"class":5888},[5418,8915,5892],{"class":5869},[5418,8917,8918,8920,8922,8924,8926,8928,8930,8933,8935,8937,8939,8941,8943],{"class":5420,"line":5433},[5418,8919,5866],{"class":5865},[5418,8921,5870],{"class":5869},[5418,8923,5113],{"class":5873},[5418,8925,5119],{"class":5869},[5418,8927,5205],{"class":5873},[5418,8929,5119],{"class":5869},[5418,8931,8932],{"class":5873},"merge",[5418,8934,5119],{"class":5869},[5418,8936,5208],{"class":5873},[5418,8938,5882],{"class":5869},[5418,8940,5885],{"class":5865},[5418,8942,5915],{"class":5888},[5418,8944,5892],{"class":5869},[5418,8946,8947],{"class":5420,"line":5439},[5418,8948,5923],{"emptyLinePlaceholder":5922},[5418,8950,8951,8953,8955,8957,8959],{"class":5420,"line":5445},[5418,8952,6004],{"class":5869},[5418,8954,5874],{"class":6007},[5418,8956,6010],{"class":5869},[5418,8958,6013],{"class":5888},[5418,8960,6016],{"class":5869},[5418,8962,8963,8965,8967,8969],{"class":5420,"line":5451},[5418,8964,6021],{"class":5865},[5418,8966,6024],{"class":5928},[5418,8968,6027],{"class":5932},[5418,8970,5936],{"class":5869},[5418,8972,8973,8975,8977,8979,8981,8983,8985,8987],{"class":5420,"line":5457},[5418,8974,6312],{"class":5928},[5418,8976,8061],{"class":5873},[5418,8978,6327],{"class":5869},[5418,8980,6395],{"class":5928},[5418,8982,8068],{"class":6007},[5418,8984,6071],{"class":5869},[5418,8986,6074],{"class":5932},[5418,8988,8075],{"class":5869},[5418,8990,8991,8993,8996,8998,9000,9002,9004,9006],{"class":5420,"line":5462},[5418,8992,6312],{"class":5928},[5418,8994,8995],{"class":5873}," alertsSubject",[5418,8997,6327],{"class":5869},[5418,8999,6395],{"class":5928},[5418,9001,8068],{"class":6007},[5418,9003,6071],{"class":5869},[5418,9005,6074],{"class":5932},[5418,9007,8075],{"class":5869},[5418,9009,9010],{"class":5420,"line":5468},[5418,9011,5923],{"emptyLinePlaceholder":5922},[5418,9013,9014],{"class":5420,"line":5473},[5418,9015,6034],{"class":5859},[5418,9017,9018],{"class":5420,"line":5479},[5418,9019,9020],{"class":5859},"   * Об'єднаний потік: heartbeat + notifications + alerts\n",[5418,9022,9023],{"class":5420,"line":5485},[5418,9024,6044],{"class":5859},[5418,9026,9027,9029,9031,9033,9036],{"class":5420,"line":5490},[5418,9028,6049],{"class":5869},[5418,9030,5879],{"class":6007},[5418,9032,6010],{"class":5869},[5418,9034,9035],{"class":5888},"'combined'",[5418,9037,6016],{"class":5869},[5418,9039,9040,9043,9045,9047,9049,9051],{"class":5420,"line":5496},[5418,9041,9042],{"class":6007},"  streamCombined",[5418,9044,6066],{"class":5869},[5418,9046,5113],{"class":5932},[5418,9048,6071],{"class":5869},[5418,9050,6074],{"class":5932},[5418,9052,6077],{"class":5869},[5418,9054,9055],{"class":5420,"line":5502},[5418,9056,9057],{"class":5859},"    \u002F\u002F Heartbeat кожні 30 секунд\n",[5418,9059,9060,9062,9065,9067,9069,9071,9074,9076,9078],{"class":5420,"line":5507},[5418,9061,6942],{"class":5928},[5418,9063,9064],{"class":6523}," heartbeat$",[5418,9066,6327],{"class":5869},[5418,9068,5205],{"class":6007},[5418,9070,6010],{"class":5869},[5418,9072,9073],{"class":6090},"30000",[5418,9075,5801],{"class":5869},[5418,9077,6096],{"class":6007},[5418,9079,6099],{"class":5869},[5418,9081,9082,9084,9087,9089],{"class":5420,"line":5513},[5418,9083,6104],{"class":6007},[5418,9085,9086],{"class":5869},"(() ",[5418,9088,6116],{"class":5928},[5418,9090,6119],{"class":5869},[5418,9092,9093,9095,9098],{"class":5420,"line":5519},[5418,9094,8362],{"class":5873},[5418,9096,9097],{"class":5888}," 'heartbeat'",[5418,9099,6137],{"class":5869},[5418,9101,9102,9104,9106,9109,9111,9113,9115,9117],{"class":5420,"line":5524},[5418,9103,6124],{"class":5873},[5418,9105,5870],{"class":5869},[5418,9107,9108],{"class":5873},"timestamp:",[5418,9110,6145],{"class":5928},[5418,9112,6148],{"class":6007},[5418,9114,6151],{"class":5869},[5418,9116,6154],{"class":6007},[5418,9118,9119],{"class":5869},"() },\n",[5418,9121,9122],{"class":5420,"line":5530},[5418,9123,6192],{"class":5869},[5418,9125,9126],{"class":5420,"line":5536},[5418,9127,6198],{"class":5869},[5418,9129,9130],{"class":5420,"line":5541},[5418,9131,5923],{"emptyLinePlaceholder":5922},[5418,9133,9134],{"class":5420,"line":5547},[5418,9135,9136],{"class":5859},"    \u002F\u002F Notifications (ручні події)\n",[5418,9138,9139,9141,9144,9146,9148,9150,9152,9154,9156],{"class":5420,"line":5553},[5418,9140,6942],{"class":5928},[5418,9142,9143],{"class":6523}," notifications$",[5418,9145,6327],{"class":5869},[5418,9147,6403],{"class":5928},[5418,9149,5369],{"class":5869},[5418,9151,8130],{"class":5873},[5418,9153,5369],{"class":5869},[5418,9155,8135],{"class":6007},[5418,9157,6866],{"class":5869},[5418,9159,9160],{"class":5420,"line":6167},[5418,9161,5923],{"emptyLinePlaceholder":5922},[5418,9163,9164],{"class":5420,"line":6173},[5418,9165,9166],{"class":5859},"    \u002F\u002F Alerts (ручні події)\n",[5418,9168,9169,9171,9174,9176,9178,9180,9183,9185,9187],{"class":5420,"line":6189},[5418,9170,6942],{"class":5928},[5418,9172,9173],{"class":6523}," alerts$",[5418,9175,6327],{"class":5869},[5418,9177,6403],{"class":5928},[5418,9179,5369],{"class":5869},[5418,9181,9182],{"class":5873},"alertsSubject",[5418,9184,5369],{"class":5869},[5418,9186,8135],{"class":6007},[5418,9188,6866],{"class":5869},[5418,9190,9191],{"class":5420,"line":6195},[5418,9192,5923],{"emptyLinePlaceholder":5922},[5418,9194,9195],{"class":5420,"line":6201},[5418,9196,9197],{"class":5859},"    \u002F\u002F Об'єднати всі потоки\n",[5418,9199,9200,9202,9205,9207,9210,9212,9215,9217,9220],{"class":5420,"line":6207},[5418,9201,6082],{"class":5865},[5418,9203,9204],{"class":6007}," merge",[5418,9206,6010],{"class":5869},[5418,9208,9209],{"class":5873},"heartbeat$",[5418,9211,5119],{"class":5869},[5418,9213,9214],{"class":5873},"notifications$",[5418,9216,5119],{"class":5869},[5418,9218,9219],{"class":5873},"alerts$",[5418,9221,6411],{"class":5869},[5418,9223,9224],{"class":5420,"line":6681},[5418,9225,6204],{"class":5869},[5418,9227,9228],{"class":5420,"line":6686},[5418,9229,5923],{"emptyLinePlaceholder":5922},[5418,9231,9232],{"class":5420,"line":6719},[5418,9233,6034],{"class":5859},[5418,9235,9236],{"class":5420,"line":6740},[5418,9237,9238],{"class":5859},"   * Методи для емітування подій з інших сервісів\n",[5418,9240,9241],{"class":5420,"line":6775},[5418,9242,6044],{"class":5859},[5418,9244,9245,9248,9250,9252,9254,9256],{"class":5420,"line":6791},[5418,9246,9247],{"class":6007},"  emitNotification",[5418,9249,6010],{"class":5869},[5418,9251,5220],{"class":5873},[5418,9253,5944],{"class":5869},[5418,9255,6934],{"class":5932},[5418,9257,6716],{"class":5869},[5418,9259,9260,9262,9264,9266,9268,9270],{"class":5420,"line":6797},[5418,9261,6385],{"class":5928},[5418,9263,5369],{"class":5869},[5418,9265,8130],{"class":5873},[5418,9267,5369],{"class":5869},[5418,9269,8285],{"class":6007},[5418,9271,8288],{"class":5869},[5418,9273,9274,9277,9279],{"class":5420,"line":6802},[5418,9275,9276],{"class":5873},"      type:",[5418,9278,8365],{"class":5888},[5418,9280,6137],{"class":5869},[5418,9282,9283,9286],{"class":5420,"line":6807},[5418,9284,9285],{"class":5873},"      data",[5418,9287,6137],{"class":5869},[5418,9289,9290,9293,9295,9297,9299,9301,9303],{"class":5420,"line":6812},[5418,9291,9292],{"class":5873},"      id:",[5418,9294,6148],{"class":5873},[5418,9296,5369],{"class":5869},[5418,9298,7642],{"class":6007},[5418,9300,6151],{"class":5869},[5418,9302,6184],{"class":6007},[5418,9304,6157],{"class":5869},[5418,9306,9307],{"class":5420,"line":6817},[5418,9308,6474],{"class":5869},[5418,9310,9311],{"class":5420,"line":6823},[5418,9312,6204],{"class":5869},[5418,9314,9315],{"class":5420,"line":6828},[5418,9316,5923],{"emptyLinePlaceholder":5922},[5418,9318,9319,9322,9324,9326,9328,9330],{"class":5420,"line":6836},[5418,9320,9321],{"class":6007},"  emitAlert",[5418,9323,6010],{"class":5869},[5418,9325,5220],{"class":5873},[5418,9327,5944],{"class":5869},[5418,9329,6934],{"class":5932},[5418,9331,6716],{"class":5869},[5418,9333,9334,9336,9338,9340,9342,9344],{"class":5420,"line":6852},[5418,9335,6385],{"class":5928},[5418,9337,5369],{"class":5869},[5418,9339,9182],{"class":5873},[5418,9341,5369],{"class":5869},[5418,9343,8285],{"class":6007},[5418,9345,8288],{"class":5869},[5418,9347,9348,9350,9353],{"class":5420,"line":6869},[5418,9349,9276],{"class":5873},[5418,9351,9352],{"class":5888}," 'alert'",[5418,9354,6137],{"class":5869},[5418,9356,9357,9359],{"class":5420,"line":6884},[5418,9358,9285],{"class":5873},[5418,9360,6137],{"class":5869},[5418,9362,9363,9365,9367,9369,9371,9373,9375],{"class":5420,"line":6904},[5418,9364,9292],{"class":5873},[5418,9366,6148],{"class":5873},[5418,9368,5369],{"class":5869},[5418,9370,7642],{"class":6007},[5418,9372,6151],{"class":5869},[5418,9374,6184],{"class":6007},[5418,9376,6157],{"class":5869},[5418,9378,9379],{"class":5420,"line":6910},[5418,9380,6474],{"class":5869},[5418,9382,9383],{"class":5420,"line":6915},[5418,9384,6204],{"class":5869},[5418,9386,9387],{"class":5420,"line":6920},[5418,9388,5995],{"class":5869},[5402,9390,9392],{"id":9391},"pattern-4-filter-фільтрація-подій-на-стороні-сервера","Pattern 4: filter — Фільтрація подій на стороні сервера",[5089,9394,9395],{},"Якщо потрібно відправляти події лише певним клієнтам (наприклад, за userId).",[5410,9397,9399],{"className":5850,"code":9398,"language":5852,"meta":5414,"style":5414},"\u002F\u002F src\u002Fevents\u002Fevents.controller.ts\nimport { Controller, Sse, Query } from '@nestjs\u002Fcommon';\nimport { Observable, filter } from 'rxjs';\n\n@Controller('events')\nexport class EventsController {\n  private eventsSubject = new Subject\u003CMessageEvent & { userId?: number }>();\n\n  \u002F**\n   * SSE endpoint з фільтрацією за userId\n   *\u002F\n  @Sse('user-events')\n  streamUserEvents(@Query('userId') userId: string): Observable\u003CMessageEvent> {\n    const userIdNum = parseInt(userId, 10);\n\n    return this.eventsSubject.asObservable().pipe(\n      \u002F\u002F Фільтрувати: пропускати лише події для цього userId або глобальні події\n      filter((event) => !event.userId || event.userId === userIdNum),\n      \u002F\u002F Видалити службове поле userId перед відправкою клієнту\n      map(({ userId, ...rest }) => rest),\n    );\n  }\n\n  \u002F**\n   * Емітувати подію для конкретного користувача\n   *\u002F\n  emitToUser(userId: number, data: any) {\n    this.eventsSubject.next({\n      userId, \u002F\u002F Службове поле для фільтрації\n      type: 'user-event',\n      data,\n      id: Date.now().toString(),\n    });\n  }\n\n  \u002F**\n   * Емітувати глобальну подію (всім)\n   *\u002F\n  emitGlobal(data: any) {\n    this.eventsSubject.next({\n      type: 'global-event',\n      data,\n      id: Date.now().toString(),\n    });\n  }\n}\n",[5116,9400,9401,9405,9430,9450,9454,9466,9476,9505,9509,9513,9518,9522,9535,9568,9591,9595,9616,9621,9660,9665,9690,9694,9698,9702,9706,9711,9715,9738,9752,9762,9771,9777,9793,9797,9801,9805,9809,9814,9818,9833,9847,9856,9862,9878,9882,9886],{"__ignoreMap":5414},[5418,9402,9403],{"class":5420,"line":5421},[5418,9404,5860],{"class":5859},[5418,9406,9407,9409,9411,9413,9415,9417,9419,9422,9424,9426,9428],{"class":5420,"line":5427},[5418,9408,5866],{"class":5865},[5418,9410,5870],{"class":5869},[5418,9412,5874],{"class":5873},[5418,9414,5119],{"class":5869},[5418,9416,5879],{"class":5873},[5418,9418,5119],{"class":5869},[5418,9420,9421],{"class":5873},"Query",[5418,9423,5882],{"class":5869},[5418,9425,5885],{"class":5865},[5418,9427,5889],{"class":5888},[5418,9429,5892],{"class":5869},[5418,9431,9432,9434,9436,9438,9440,9442,9444,9446,9448],{"class":5420,"line":5433},[5418,9433,5866],{"class":5865},[5418,9435,5870],{"class":5869},[5418,9437,5113],{"class":5873},[5418,9439,5119],{"class":5869},[5418,9441,5211],{"class":5873},[5418,9443,5882],{"class":5869},[5418,9445,5885],{"class":5865},[5418,9447,5915],{"class":5888},[5418,9449,5892],{"class":5869},[5418,9451,9452],{"class":5420,"line":5439},[5418,9453,5923],{"emptyLinePlaceholder":5922},[5418,9455,9456,9458,9460,9462,9464],{"class":5420,"line":5445},[5418,9457,6004],{"class":5869},[5418,9459,5874],{"class":6007},[5418,9461,6010],{"class":5869},[5418,9463,6013],{"class":5888},[5418,9465,6016],{"class":5869},[5418,9467,9468,9470,9472,9474],{"class":5420,"line":5451},[5418,9469,6021],{"class":5865},[5418,9471,6024],{"class":5928},[5418,9473,6027],{"class":5932},[5418,9475,5936],{"class":5869},[5418,9477,9478,9480,9483,9485,9487,9489,9491,9493,9496,9498,9500,9502],{"class":5420,"line":5457},[5418,9479,6312],{"class":5928},[5418,9481,9482],{"class":5873}," eventsSubject",[5418,9484,6327],{"class":5869},[5418,9486,6395],{"class":5928},[5418,9488,8068],{"class":6007},[5418,9490,6071],{"class":5869},[5418,9492,6074],{"class":5932},[5418,9494,9495],{"class":5869}," & { ",[5418,9497,8435],{"class":5873},[5418,9499,5963],{"class":5869},[5418,9501,5988],{"class":5932},[5418,9503,9504],{"class":5869}," }>();\n",[5418,9506,9507],{"class":5420,"line":5462},[5418,9508,5923],{"emptyLinePlaceholder":5922},[5418,9510,9511],{"class":5420,"line":5468},[5418,9512,6034],{"class":5859},[5418,9514,9515],{"class":5420,"line":5473},[5418,9516,9517],{"class":5859},"   * SSE endpoint з фільтрацією за userId\n",[5418,9519,9520],{"class":5420,"line":5479},[5418,9521,6044],{"class":5859},[5418,9523,9524,9526,9528,9530,9533],{"class":5420,"line":5485},[5418,9525,6049],{"class":5869},[5418,9527,5879],{"class":6007},[5418,9529,6010],{"class":5869},[5418,9531,9532],{"class":5888},"'user-events'",[5418,9534,6016],{"class":5869},[5418,9536,9537,9540,9543,9545,9547,9550,9552,9554,9556,9558,9560,9562,9564,9566],{"class":5420,"line":5490},[5418,9538,9539],{"class":6007},"  streamUserEvents",[5418,9541,9542],{"class":5869},"(@",[5418,9544,9421],{"class":6007},[5418,9546,6010],{"class":5869},[5418,9548,9549],{"class":5888},"'userId'",[5418,9551,6113],{"class":5869},[5418,9553,8435],{"class":5873},[5418,9555,5944],{"class":5869},[5418,9557,5947],{"class":5932},[5418,9559,8611],{"class":5869},[5418,9561,5113],{"class":5932},[5418,9563,6071],{"class":5869},[5418,9565,6074],{"class":5932},[5418,9567,6077],{"class":5869},[5418,9569,9570,9572,9575,9577,9580,9582,9584,9586,9589],{"class":5420,"line":5496},[5418,9571,6942],{"class":5928},[5418,9573,9574],{"class":6523}," userIdNum",[5418,9576,6327],{"class":5869},[5418,9578,9579],{"class":6007},"parseInt",[5418,9581,6010],{"class":5869},[5418,9583,8435],{"class":5873},[5418,9585,5119],{"class":5869},[5418,9587,9588],{"class":6090},"10",[5418,9590,6411],{"class":5869},[5418,9592,9593],{"class":5420,"line":5502},[5418,9594,5923],{"emptyLinePlaceholder":5922},[5418,9596,9597,9599,9601,9603,9606,9608,9610,9612,9614],{"class":5420,"line":5507},[5418,9598,6082],{"class":5865},[5418,9600,7539],{"class":5928},[5418,9602,5369],{"class":5869},[5418,9604,9605],{"class":5873},"eventsSubject",[5418,9607,5369],{"class":5869},[5418,9609,8135],{"class":6007},[5418,9611,6151],{"class":5869},[5418,9613,6096],{"class":6007},[5418,9615,6099],{"class":5869},[5418,9617,9618],{"class":5420,"line":5513},[5418,9619,9620],{"class":5859},"      \u002F\u002F Фільтрувати: пропускати лише події для цього userId або глобальні події\n",[5418,9622,9623,9626,9628,9630,9632,9634,9637,9639,9641,9643,9646,9648,9650,9652,9654,9657],{"class":5420,"line":5519},[5418,9624,9625],{"class":6007},"      filter",[5418,9627,6107],{"class":5869},[5418,9629,5223],{"class":5873},[5418,9631,6113],{"class":5869},[5418,9633,6116],{"class":5928},[5418,9635,9636],{"class":5869}," !",[5418,9638,5223],{"class":5873},[5418,9640,5369],{"class":5869},[5418,9642,8435],{"class":5873},[5418,9644,9645],{"class":5869}," || ",[5418,9647,5223],{"class":5873},[5418,9649,5369],{"class":5869},[5418,9651,8435],{"class":5873},[5418,9653,6706],{"class":5869},[5418,9655,9656],{"class":5873},"userIdNum",[5418,9658,9659],{"class":5869},"),\n",[5418,9661,9662],{"class":5420,"line":5524},[5418,9663,9664],{"class":5859},"      \u002F\u002F Видалити службове поле userId перед відправкою клієнту\n",[5418,9666,9667,9669,9672,9674,9677,9680,9683,9685,9688],{"class":5420,"line":5530},[5418,9668,6104],{"class":6007},[5418,9670,9671],{"class":5869},"(({ ",[5418,9673,8435],{"class":5873},[5418,9675,9676],{"class":5869},", ...",[5418,9678,9679],{"class":5873},"rest",[5418,9681,9682],{"class":5869}," }) ",[5418,9684,6116],{"class":5928},[5418,9686,9687],{"class":5873}," rest",[5418,9689,9659],{"class":5869},[5418,9691,9692],{"class":5420,"line":5536},[5418,9693,6198],{"class":5869},[5418,9695,9696],{"class":5420,"line":5541},[5418,9697,6204],{"class":5869},[5418,9699,9700],{"class":5420,"line":5547},[5418,9701,5923],{"emptyLinePlaceholder":5922},[5418,9703,9704],{"class":5420,"line":5553},[5418,9705,6034],{"class":5859},[5418,9707,9708],{"class":5420,"line":6167},[5418,9709,9710],{"class":5859},"   * Емітувати подію для конкретного користувача\n",[5418,9712,9713],{"class":5420,"line":6173},[5418,9714,6044],{"class":5859},[5418,9716,9717,9720,9722,9724,9726,9728,9730,9732,9734,9736],{"class":5420,"line":6189},[5418,9718,9719],{"class":6007},"  emitToUser",[5418,9721,6010],{"class":5869},[5418,9723,8435],{"class":5873},[5418,9725,5944],{"class":5869},[5418,9727,5988],{"class":5932},[5418,9729,5119],{"class":5869},[5418,9731,5220],{"class":5873},[5418,9733,5944],{"class":5869},[5418,9735,6934],{"class":5932},[5418,9737,6716],{"class":5869},[5418,9739,9740,9742,9744,9746,9748,9750],{"class":5420,"line":6195},[5418,9741,6385],{"class":5928},[5418,9743,5369],{"class":5869},[5418,9745,9605],{"class":5873},[5418,9747,5369],{"class":5869},[5418,9749,8285],{"class":6007},[5418,9751,8288],{"class":5869},[5418,9753,9754,9757,9759],{"class":5420,"line":6201},[5418,9755,9756],{"class":5873},"      userId",[5418,9758,5119],{"class":5869},[5418,9760,9761],{"class":5859},"\u002F\u002F Службове поле для фільтрації\n",[5418,9763,9764,9766,9769],{"class":5420,"line":6207},[5418,9765,9276],{"class":5873},[5418,9767,9768],{"class":5888}," 'user-event'",[5418,9770,6137],{"class":5869},[5418,9772,9773,9775],{"class":5420,"line":6681},[5418,9774,9285],{"class":5873},[5418,9776,6137],{"class":5869},[5418,9778,9779,9781,9783,9785,9787,9789,9791],{"class":5420,"line":6686},[5418,9780,9292],{"class":5873},[5418,9782,6148],{"class":5873},[5418,9784,5369],{"class":5869},[5418,9786,7642],{"class":6007},[5418,9788,6151],{"class":5869},[5418,9790,6184],{"class":6007},[5418,9792,6157],{"class":5869},[5418,9794,9795],{"class":5420,"line":6719},[5418,9796,6474],{"class":5869},[5418,9798,9799],{"class":5420,"line":6740},[5418,9800,6204],{"class":5869},[5418,9802,9803],{"class":5420,"line":6775},[5418,9804,5923],{"emptyLinePlaceholder":5922},[5418,9806,9807],{"class":5420,"line":6791},[5418,9808,6034],{"class":5859},[5418,9810,9811],{"class":5420,"line":6797},[5418,9812,9813],{"class":5859},"   * Емітувати глобальну подію (всім)\n",[5418,9815,9816],{"class":5420,"line":6802},[5418,9817,6044],{"class":5859},[5418,9819,9820,9823,9825,9827,9829,9831],{"class":5420,"line":6807},[5418,9821,9822],{"class":6007},"  emitGlobal",[5418,9824,6010],{"class":5869},[5418,9826,5220],{"class":5873},[5418,9828,5944],{"class":5869},[5418,9830,6934],{"class":5932},[5418,9832,6716],{"class":5869},[5418,9834,9835,9837,9839,9841,9843,9845],{"class":5420,"line":6812},[5418,9836,6385],{"class":5928},[5418,9838,5369],{"class":5869},[5418,9840,9605],{"class":5873},[5418,9842,5369],{"class":5869},[5418,9844,8285],{"class":6007},[5418,9846,8288],{"class":5869},[5418,9848,9849,9851,9854],{"class":5420,"line":6817},[5418,9850,9276],{"class":5873},[5418,9852,9853],{"class":5888}," 'global-event'",[5418,9855,6137],{"class":5869},[5418,9857,9858,9860],{"class":5420,"line":6823},[5418,9859,9285],{"class":5873},[5418,9861,6137],{"class":5869},[5418,9863,9864,9866,9868,9870,9872,9874,9876],{"class":5420,"line":6828},[5418,9865,9292],{"class":5873},[5418,9867,6148],{"class":5873},[5418,9869,5369],{"class":5869},[5418,9871,7642],{"class":6007},[5418,9873,6151],{"class":5869},[5418,9875,6184],{"class":6007},[5418,9877,6157],{"class":5869},[5418,9879,9880],{"class":5420,"line":6836},[5418,9881,6474],{"class":5869},[5418,9883,9884],{"class":5420,"line":6852},[5418,9885,6204],{"class":5869},[5418,9887,9888],{"class":5420,"line":6869},[5418,9889,5995],{"class":5869},[5089,9891,9892],{},[5099,9893,9894],{},"Клієнт підключається з userId:",[5410,9896,9898],{"className":5850,"code":9897,"language":5852,"meta":5414,"style":5414},"const userId = getCurrentUserId();\nconst eventSource = new EventSource(`http:\u002F\u002Flocalhost:3001\u002Fevents\u002Fuser-events?userId=${userId}`);\n\neventSource.addEventListener('user-event', (event) => {\n  console.log('Подія для мене:', JSON.parse(event.data));\n});\n\neventSource.addEventListener('global-event', (event) => {\n  console.log('Глобальна подія:', JSON.parse(event.data));\n});\n",[5116,9899,9900,9914,9941,9945,9968,10001,10005,10009,10032,10063],{"__ignoreMap":5414},[5418,9901,9902,9904,9907,9909,9912],{"class":5420,"line":5421},[5418,9903,7094],{"class":5928},[5418,9905,9906],{"class":6523}," userId",[5418,9908,6327],{"class":5869},[5418,9910,9911],{"class":6007},"getCurrentUserId",[5418,9913,6866],{"class":5869},[5418,9915,9916,9918,9920,9922,9924,9926,9928,9931,9933,9935,9937,9939],{"class":5420,"line":5427},[5418,9917,7094],{"class":5928},[5418,9919,6315],{"class":6523},[5418,9921,6327],{"class":5869},[5418,9923,6395],{"class":5928},[5418,9925,6398],{"class":6007},[5418,9927,6010],{"class":5869},[5418,9929,9930],{"class":5888},"`http:\u002F\u002Flocalhost:3001\u002Fevents\u002Fuser-events?userId=",[5418,9932,7017],{"class":5928},[5418,9934,8435],{"class":5873},[5418,9936,7027],{"class":5928},[5418,9938,7014],{"class":5888},[5418,9940,6411],{"class":5869},[5418,9942,9943],{"class":5420,"line":5433},[5418,9944,5923],{"emptyLinePlaceholder":5922},[5418,9946,9947,9949,9951,9953,9955,9958,9960,9962,9964,9966],{"class":5420,"line":5439},[5418,9948,6390],{"class":5873},[5418,9950,5369],{"class":5869},[5418,9952,6433],{"class":6007},[5418,9954,6010],{"class":5869},[5418,9956,9957],{"class":5888},"'user-event'",[5418,9959,6503],{"class":5869},[5418,9961,5223],{"class":5873},[5418,9963,6113],{"class":5869},[5418,9965,6116],{"class":5928},[5418,9967,5936],{"class":5869},[5418,9969,9970,9973,9975,9977,9979,9982,9984,9986,9988,9990,9992,9994,9996,9998],{"class":5420,"line":5445},[5418,9971,9972],{"class":5873},"  console",[5418,9974,5369],{"class":5869},[5418,9976,6455],{"class":6007},[5418,9978,6010],{"class":5869},[5418,9980,9981],{"class":5888},"'Подія для мене:'",[5418,9983,5119],{"class":5869},[5418,9985,6529],{"class":6523},[5418,9987,5369],{"class":5869},[5418,9989,6534],{"class":6007},[5418,9991,6010],{"class":5869},[5418,9993,5223],{"class":5873},[5418,9995,5369],{"class":5869},[5418,9997,5220],{"class":5873},[5418,9999,10000],{"class":5869},"));\n",[5418,10002,10003],{"class":5420,"line":5451},[5418,10004,7174],{"class":5869},[5418,10006,10007],{"class":5420,"line":5457},[5418,10008,5923],{"emptyLinePlaceholder":5922},[5418,10010,10011,10013,10015,10017,10019,10022,10024,10026,10028,10030],{"class":5420,"line":5462},[5418,10012,6390],{"class":5873},[5418,10014,5369],{"class":5869},[5418,10016,6433],{"class":6007},[5418,10018,6010],{"class":5869},[5418,10020,10021],{"class":5888},"'global-event'",[5418,10023,6503],{"class":5869},[5418,10025,5223],{"class":5873},[5418,10027,6113],{"class":5869},[5418,10029,6116],{"class":5928},[5418,10031,5936],{"class":5869},[5418,10033,10034,10036,10038,10040,10042,10045,10047,10049,10051,10053,10055,10057,10059,10061],{"class":5420,"line":5468},[5418,10035,9972],{"class":5873},[5418,10037,5369],{"class":5869},[5418,10039,6455],{"class":6007},[5418,10041,6010],{"class":5869},[5418,10043,10044],{"class":5888},"'Глобальна подія:'",[5418,10046,5119],{"class":5869},[5418,10048,6529],{"class":6523},[5418,10050,5369],{"class":5869},[5418,10052,6534],{"class":6007},[5418,10054,6010],{"class":5869},[5418,10056,5223],{"class":5873},[5418,10058,5369],{"class":5869},[5418,10060,5220],{"class":5873},[5418,10062,10000],{"class":5869},[5418,10064,10065],{"class":5420,"line":5473},[5418,10066,7174],{"class":5869},[5371,10068,10069,10072,10073,5119,10076,10079],{},[5099,10070,10071],{},"Фільтрація vs множинні endpoints:"," для складних систем з багатьма типами подій краще створити окремі SSE endpoints (",[5116,10074,10075],{},"\u002Fevents\u002Fnotifications",[5116,10077,10078],{},"\u002Fevents\u002Falerts",") замість фільтрації у одному потоці. Це зменшує навантаження на сервер (не потрібно обробляти фільтр для кожної події).",[5178,10081],{},[5084,10083,10085],{"id":10084},"практичний-приклад-1-live-dashboard-з-метриками","Практичний приклад 1: Live Dashboard з метриками",[5089,10087,10088],{},"Створимо повноцінний dashboard для моніторингу серверних метрик у real-time.",[5402,10090,10092],{"id":10091},"серверна-частина","Серверна частина",[10094,10095,10096,10854],"code-tree",{},[5410,10097,10100],{"className":5850,"code":10098,"filename":10099,"language":5852,"meta":5414,"style":5414},"import { Injectable } from '@nestjs\u002Fcommon';\nimport * as os from 'os';\n\ninterface SystemMetrics {\n  timestamp: Date;\n  cpu: {\n    usage: number; \u002F\u002F 0-100%\n    loadAverage: number[];\n  };\n  memory: {\n    total: number; \u002F\u002F bytes\n    used: number; \u002F\u002F bytes\n    free: number; \u002F\u002F bytes\n    usagePercent: number; \u002F\u002F 0-100%\n  };\n  uptime: number; \u002F\u002F seconds\n  platform: string;\n}\n\n@Injectable()\nexport class MonitoringService {\n  \u002F**\n   * Отримати поточні метрики системи\n   *\u002F\n  async getCurrentMetrics(): Promise\u003CSystemMetrics> {\n    const cpus = os.cpus();\n    \n    \u002F\u002F Розрахувати середнє CPU usage\n    let totalIdle = 0;\n    let totalTick = 0;\n\n    cpus.forEach((cpu) => {\n      for (const type in cpu.times) {\n        totalTick += cpu.times[type];\n      }\n      totalIdle += cpu.times.idle;\n    });\n\n    const idle = totalIdle \u002F cpus.length;\n    const total = totalTick \u002F cpus.length;\n    const cpuUsage = 100 - (100 * idle) \u002F total;\n\n    \u002F\u002F Memory metrics\n    const totalMemory = os.totalmem();\n    const freeMemory = os.freemem();\n    const usedMemory = totalMemory - freeMemory;\n    const memoryUsagePercent = (usedMemory \u002F totalMemory) * 100;\n\n    return {\n      timestamp: new Date(),\n      cpu: {\n        usage: Math.round(cpuUsage * 100) \u002F 100,\n        loadAverage: os.loadavg(),\n      },\n      memory: {\n        total: totalMemory,\n        used: usedMemory,\n        free: freeMemory,\n        usagePercent: Math.round(memoryUsagePercent * 100) \u002F 100,\n      },\n      uptime: os.uptime(),\n      platform: os.platform(),\n    };\n  }\n}\n","src\u002Fmonitoring\u002Fmonitoring.service.ts",[5116,10101,10102,10119,10140,10144,10153,10163,10171,10185,10197,10202,10209,10223,10236,10249,10262,10266,10280,10291,10295,10299,10308,10319,10323,10328,10332,10352,10371,10375,10380,10395,10408,10412,10432,10456,10478,10482,10502,10506,10510,10534,10556,10586,10590,10595,10613,10631,10651,10675,10679,10685,10696,10703,10730,10744,10749,10756,10765,10774,10783,10809,10813,10827,10841,10846,10850],{"__ignoreMap":5414},[5418,10103,10104,10106,10108,10111,10113,10115,10117],{"class":5420,"line":5421},[5418,10105,5866],{"class":5865},[5418,10107,5870],{"class":5869},[5418,10109,10110],{"class":5873},"Injectable",[5418,10112,5882],{"class":5869},[5418,10114,5885],{"class":5865},[5418,10116,5889],{"class":5888},[5418,10118,5892],{"class":5869},[5418,10120,10121,10123,10126,10129,10132,10135,10138],{"class":5420,"line":5427},[5418,10122,5866],{"class":5865},[5418,10124,10125],{"class":5928}," *",[5418,10127,10128],{"class":5865}," as",[5418,10130,10131],{"class":5873}," os",[5418,10133,10134],{"class":5865}," from",[5418,10136,10137],{"class":5888}," 'os'",[5418,10139,5892],{"class":5869},[5418,10141,10142],{"class":5420,"line":5433},[5418,10143,5923],{"emptyLinePlaceholder":5922},[5418,10145,10146,10148,10151],{"class":5420,"line":5439},[5418,10147,5929],{"class":5928},[5418,10149,10150],{"class":5932}," SystemMetrics",[5418,10152,5936],{"class":5869},[5418,10154,10155,10157,10159,10161],{"class":5420,"line":5445},[5418,10156,8010],{"class":5873},[5418,10158,5944],{"class":5869},[5418,10160,8015],{"class":5932},[5418,10162,5892],{"class":5869},[5418,10164,10165,10168],{"class":5420,"line":5451},[5418,10166,10167],{"class":5873},"  cpu",[5418,10169,10170],{"class":5869},": {\n",[5418,10172,10173,10176,10178,10180,10182],{"class":5420,"line":5457},[5418,10174,10175],{"class":5873},"    usage",[5418,10177,5944],{"class":5869},[5418,10179,5988],{"class":5932},[5418,10181,8194],{"class":5869},[5418,10183,10184],{"class":5859},"\u002F\u002F 0-100%\n",[5418,10186,10187,10190,10192,10194],{"class":5420,"line":5462},[5418,10188,10189],{"class":5873},"    loadAverage",[5418,10191,5944],{"class":5869},[5418,10193,5988],{"class":5932},[5418,10195,10196],{"class":5869},"[];\n",[5418,10198,10199],{"class":5420,"line":5468},[5418,10200,10201],{"class":5869},"  };\n",[5418,10203,10204,10207],{"class":5420,"line":5473},[5418,10205,10206],{"class":5873},"  memory",[5418,10208,10170],{"class":5869},[5418,10210,10211,10214,10216,10218,10220],{"class":5420,"line":5479},[5418,10212,10213],{"class":5873},"    total",[5418,10215,5944],{"class":5869},[5418,10217,5988],{"class":5932},[5418,10219,8194],{"class":5869},[5418,10221,10222],{"class":5859},"\u002F\u002F bytes\n",[5418,10224,10225,10228,10230,10232,10234],{"class":5420,"line":5485},[5418,10226,10227],{"class":5873},"    used",[5418,10229,5944],{"class":5869},[5418,10231,5988],{"class":5932},[5418,10233,8194],{"class":5869},[5418,10235,10222],{"class":5859},[5418,10237,10238,10241,10243,10245,10247],{"class":5420,"line":5490},[5418,10239,10240],{"class":5873},"    free",[5418,10242,5944],{"class":5869},[5418,10244,5988],{"class":5932},[5418,10246,8194],{"class":5869},[5418,10248,10222],{"class":5859},[5418,10250,10251,10254,10256,10258,10260],{"class":5420,"line":5496},[5418,10252,10253],{"class":5873},"    usagePercent",[5418,10255,5944],{"class":5869},[5418,10257,5988],{"class":5932},[5418,10259,8194],{"class":5869},[5418,10261,10184],{"class":5859},[5418,10263,10264],{"class":5420,"line":5502},[5418,10265,10201],{"class":5869},[5418,10267,10268,10271,10273,10275,10277],{"class":5420,"line":5507},[5418,10269,10270],{"class":5873},"  uptime",[5418,10272,5944],{"class":5869},[5418,10274,5988],{"class":5932},[5418,10276,8194],{"class":5869},[5418,10278,10279],{"class":5859},"\u002F\u002F seconds\n",[5418,10281,10282,10285,10287,10289],{"class":5420,"line":5513},[5418,10283,10284],{"class":5873},"  platform",[5418,10286,5944],{"class":5869},[5418,10288,5947],{"class":5932},[5418,10290,5892],{"class":5869},[5418,10292,10293],{"class":5420,"line":5519},[5418,10294,5995],{"class":5869},[5418,10296,10297],{"class":5420,"line":5524},[5418,10298,5923],{"emptyLinePlaceholder":5922},[5418,10300,10301,10303,10305],{"class":5420,"line":5530},[5418,10302,6004],{"class":5869},[5418,10304,10110],{"class":6007},[5418,10306,10307],{"class":5869},"()\n",[5418,10309,10310,10312,10314,10317],{"class":5420,"line":5536},[5418,10311,6021],{"class":5865},[5418,10313,6024],{"class":5928},[5418,10315,10316],{"class":5932}," MonitoringService",[5418,10318,5936],{"class":5869},[5418,10320,10321],{"class":5420,"line":5541},[5418,10322,6034],{"class":5859},[5418,10324,10325],{"class":5420,"line":5547},[5418,10326,10327],{"class":5859},"   * Отримати поточні метрики системи\n",[5418,10329,10330],{"class":5420,"line":5553},[5418,10331,6044],{"class":5859},[5418,10333,10334,10337,10340,10342,10345,10347,10350],{"class":5420,"line":6167},[5418,10335,10336],{"class":5928},"  async",[5418,10338,10339],{"class":6007}," getCurrentMetrics",[5418,10341,6066],{"class":5869},[5418,10343,10344],{"class":5932},"Promise",[5418,10346,6071],{"class":5869},[5418,10348,10349],{"class":5932},"SystemMetrics",[5418,10351,6077],{"class":5869},[5418,10353,10354,10356,10359,10361,10364,10366,10369],{"class":5420,"line":6173},[5418,10355,6942],{"class":5928},[5418,10357,10358],{"class":6523}," cpus",[5418,10360,6327],{"class":5869},[5418,10362,10363],{"class":5873},"os",[5418,10365,5369],{"class":5869},[5418,10367,10368],{"class":6007},"cpus",[5418,10370,6866],{"class":5869},[5418,10372,10373],{"class":5420,"line":6189},[5418,10374,5442],{"class":5869},[5418,10376,10377],{"class":5420,"line":6195},[5418,10378,10379],{"class":5859},"    \u002F\u002F Розрахувати середнє CPU usage\n",[5418,10381,10382,10385,10388,10390,10393],{"class":5420,"line":6201},[5418,10383,10384],{"class":5928},"    let",[5418,10386,10387],{"class":5873}," totalIdle",[5418,10389,6327],{"class":5869},[5418,10391,10392],{"class":6090},"0",[5418,10394,5892],{"class":5869},[5418,10396,10397,10399,10402,10404,10406],{"class":5420,"line":6207},[5418,10398,10384],{"class":5928},[5418,10400,10401],{"class":5873}," totalTick",[5418,10403,6327],{"class":5869},[5418,10405,10392],{"class":6090},[5418,10407,5892],{"class":5869},[5418,10409,10410],{"class":5420,"line":6681},[5418,10411,5923],{"emptyLinePlaceholder":5922},[5418,10413,10414,10417,10419,10422,10424,10426,10428,10430],{"class":5420,"line":6686},[5418,10415,10416],{"class":5873},"    cpus",[5418,10418,5369],{"class":5869},[5418,10420,10421],{"class":6007},"forEach",[5418,10423,6107],{"class":5869},[5418,10425,7779],{"class":5873},[5418,10427,6113],{"class":5869},[5418,10429,6116],{"class":5928},[5418,10431,5936],{"class":5869},[5418,10433,10434,10437,10439,10441,10444,10446,10449,10451,10454],{"class":5420,"line":6719},[5418,10435,10436],{"class":5865},"      for",[5418,10438,5797],{"class":5869},[5418,10440,7094],{"class":5928},[5418,10442,10443],{"class":6523}," type",[5418,10445,8749],{"class":5928},[5418,10447,10448],{"class":5873}," cpu",[5418,10450,5369],{"class":5869},[5418,10452,10453],{"class":5873},"times",[5418,10455,6716],{"class":5869},[5418,10457,10458,10461,10464,10466,10468,10470,10473,10475],{"class":5420,"line":6740},[5418,10459,10460],{"class":5873},"        totalTick",[5418,10462,10463],{"class":5869}," += ",[5418,10465,7779],{"class":5873},[5418,10467,5369],{"class":5869},[5418,10469,10453],{"class":5873},[5418,10471,10472],{"class":5869},"[",[5418,10474,8826],{"class":5873},[5418,10476,10477],{"class":5869},"];\n",[5418,10479,10480],{"class":5420,"line":6775},[5418,10481,6794],{"class":5869},[5418,10483,10484,10487,10489,10491,10493,10495,10497,10500],{"class":5420,"line":6791},[5418,10485,10486],{"class":5873},"      totalIdle",[5418,10488,10463],{"class":5869},[5418,10490,7779],{"class":5873},[5418,10492,5369],{"class":5869},[5418,10494,10453],{"class":5873},[5418,10496,5369],{"class":5869},[5418,10498,10499],{"class":5873},"idle",[5418,10501,5892],{"class":5869},[5418,10503,10504],{"class":5420,"line":6797},[5418,10505,6474],{"class":5869},[5418,10507,10508],{"class":5420,"line":6802},[5418,10509,5923],{"emptyLinePlaceholder":5922},[5418,10511,10512,10514,10517,10519,10522,10525,10527,10529,10532],{"class":5420,"line":6807},[5418,10513,6942],{"class":5928},[5418,10515,10516],{"class":6523}," idle",[5418,10518,6327],{"class":5869},[5418,10520,10521],{"class":5873},"totalIdle",[5418,10523,10524],{"class":5869}," \u002F ",[5418,10526,10368],{"class":5873},[5418,10528,5369],{"class":5869},[5418,10530,10531],{"class":5873},"length",[5418,10533,5892],{"class":5869},[5418,10535,10536,10538,10541,10543,10546,10548,10550,10552,10554],{"class":5420,"line":6812},[5418,10537,6942],{"class":5928},[5418,10539,10540],{"class":6523}," total",[5418,10542,6327],{"class":5869},[5418,10544,10545],{"class":5873},"totalTick",[5418,10547,10524],{"class":5869},[5418,10549,10368],{"class":5873},[5418,10551,5369],{"class":5869},[5418,10553,10531],{"class":5873},[5418,10555,5892],{"class":5869},[5418,10557,10558,10560,10563,10565,10568,10571,10573,10576,10578,10581,10584],{"class":5420,"line":6817},[5418,10559,6942],{"class":5928},[5418,10561,10562],{"class":6523}," cpuUsage",[5418,10564,6327],{"class":5869},[5418,10566,10567],{"class":6090},"100",[5418,10569,10570],{"class":5869}," - (",[5418,10572,10567],{"class":6090},[5418,10574,10575],{"class":5869}," * ",[5418,10577,10499],{"class":5873},[5418,10579,10580],{"class":5869},") \u002F ",[5418,10582,10583],{"class":5873},"total",[5418,10585,5892],{"class":5869},[5418,10587,10588],{"class":5420,"line":6823},[5418,10589,5923],{"emptyLinePlaceholder":5922},[5418,10591,10592],{"class":5420,"line":6828},[5418,10593,10594],{"class":5859},"    \u002F\u002F Memory metrics\n",[5418,10596,10597,10599,10602,10604,10606,10608,10611],{"class":5420,"line":6836},[5418,10598,6942],{"class":5928},[5418,10600,10601],{"class":6523}," totalMemory",[5418,10603,6327],{"class":5869},[5418,10605,10363],{"class":5873},[5418,10607,5369],{"class":5869},[5418,10609,10610],{"class":6007},"totalmem",[5418,10612,6866],{"class":5869},[5418,10614,10615,10617,10620,10622,10624,10626,10629],{"class":5420,"line":6852},[5418,10616,6942],{"class":5928},[5418,10618,10619],{"class":6523}," freeMemory",[5418,10621,6327],{"class":5869},[5418,10623,10363],{"class":5873},[5418,10625,5369],{"class":5869},[5418,10627,10628],{"class":6007},"freemem",[5418,10630,6866],{"class":5869},[5418,10632,10633,10635,10638,10640,10643,10646,10649],{"class":5420,"line":6869},[5418,10634,6942],{"class":5928},[5418,10636,10637],{"class":6523}," usedMemory",[5418,10639,6327],{"class":5869},[5418,10641,10642],{"class":5873},"totalMemory",[5418,10644,10645],{"class":5869}," - ",[5418,10647,10648],{"class":5873},"freeMemory",[5418,10650,5892],{"class":5869},[5418,10652,10653,10655,10658,10661,10664,10666,10668,10671,10673],{"class":5420,"line":6884},[5418,10654,6942],{"class":5928},[5418,10656,10657],{"class":6523}," memoryUsagePercent",[5418,10659,10660],{"class":5869}," = (",[5418,10662,10663],{"class":5873},"usedMemory",[5418,10665,10524],{"class":5869},[5418,10667,10642],{"class":5873},[5418,10669,10670],{"class":5869},") * ",[5418,10672,10567],{"class":6090},[5418,10674,5892],{"class":5869},[5418,10676,10677],{"class":5420,"line":6904},[5418,10678,5923],{"emptyLinePlaceholder":5922},[5418,10680,10681,10683],{"class":5420,"line":6910},[5418,10682,6082],{"class":5865},[5418,10684,5936],{"class":5869},[5418,10686,10687,10690,10692,10694],{"class":5420,"line":6915},[5418,10688,10689],{"class":5873},"      timestamp:",[5418,10691,6145],{"class":5928},[5418,10693,6148],{"class":6007},[5418,10695,6157],{"class":5869},[5418,10697,10698,10701],{"class":5420,"line":6920},[5418,10699,10700],{"class":5873},"      cpu:",[5418,10702,5936],{"class":5869},[5418,10704,10705,10708,10711,10713,10716,10718,10720,10722,10724,10726,10728],{"class":5420,"line":6939},[5418,10706,10707],{"class":5873},"        usage:",[5418,10709,10710],{"class":5873}," Math",[5418,10712,5369],{"class":5869},[5418,10714,10715],{"class":6007},"round",[5418,10717,6010],{"class":5869},[5418,10719,7581],{"class":5873},[5418,10721,10575],{"class":5869},[5418,10723,10567],{"class":6090},[5418,10725,10580],{"class":5869},[5418,10727,10567],{"class":6090},[5418,10729,6137],{"class":5869},[5418,10731,10732,10735,10737,10739,10742],{"class":5420,"line":6965},[5418,10733,10734],{"class":5873},"        loadAverage:",[5418,10736,10131],{"class":5873},[5418,10738,5369],{"class":5869},[5418,10740,10741],{"class":6007},"loadavg",[5418,10743,6157],{"class":5869},[5418,10745,10746],{"class":5420,"line":6977},[5418,10747,10748],{"class":5869},"      },\n",[5418,10750,10751,10754],{"class":5420,"line":7001},[5418,10752,10753],{"class":5873},"      memory:",[5418,10755,5936],{"class":5869},[5418,10757,10758,10761,10763],{"class":5420,"line":7047},[5418,10759,10760],{"class":5873},"        total:",[5418,10762,10601],{"class":5873},[5418,10764,6137],{"class":5869},[5418,10766,10767,10770,10772],{"class":5420,"line":7065},[5418,10768,10769],{"class":5873},"        used:",[5418,10771,10637],{"class":5873},[5418,10773,6137],{"class":5869},[5418,10775,10776,10779,10781],{"class":5420,"line":7070},[5418,10777,10778],{"class":5873},"        free:",[5418,10780,10619],{"class":5873},[5418,10782,6137],{"class":5869},[5418,10784,10785,10788,10790,10792,10794,10796,10799,10801,10803,10805,10807],{"class":5420,"line":7075},[5418,10786,10787],{"class":5873},"        usagePercent:",[5418,10789,10710],{"class":5873},[5418,10791,5369],{"class":5869},[5418,10793,10715],{"class":6007},[5418,10795,6010],{"class":5869},[5418,10797,10798],{"class":5873},"memoryUsagePercent",[5418,10800,10575],{"class":5869},[5418,10802,10567],{"class":6090},[5418,10804,10580],{"class":5869},[5418,10806,10567],{"class":6090},[5418,10808,6137],{"class":5869},[5418,10810,10811],{"class":5420,"line":7080},[5418,10812,10748],{"class":5869},[5418,10814,10815,10818,10820,10822,10825],{"class":5420,"line":7085},[5418,10816,10817],{"class":5873},"      uptime:",[5418,10819,10131],{"class":5873},[5418,10821,5369],{"class":5869},[5418,10823,10824],{"class":6007},"uptime",[5418,10826,6157],{"class":5869},[5418,10828,10829,10832,10834,10836,10839],{"class":5420,"line":7091},[5418,10830,10831],{"class":5873},"      platform:",[5418,10833,10131],{"class":5873},[5418,10835,5369],{"class":5869},[5418,10837,10838],{"class":6007},"platform",[5418,10840,6157],{"class":5869},[5418,10842,10843],{"class":5420,"line":7113},[5418,10844,10845],{"class":5869},"    };\n",[5418,10847,10848],{"class":5420,"line":7126},[5418,10849,6204],{"class":5869},[5418,10851,10852],{"class":5420,"line":7131},[5418,10853,5995],{"class":5869},[5410,10855,10858],{"className":5850,"code":10856,"filename":10857,"language":5852,"meta":5414,"style":5414},"import { Controller, Sse } from '@nestjs\u002Fcommon';\nimport { Observable, interval, map, merge } from 'rxjs';\nimport { MonitoringService } from '.\u002Fmonitoring.service';\n\n@Controller('monitoring')\nexport class MonitoringController {\n  constructor(private readonly monitoringService: MonitoringService) {}\n\n  \u002F**\n   * SSE endpoint для метрик (оновлення кожні 3 секунди)\n   *\u002F\n  @Sse('metrics')\n  streamMetrics(): Observable\u003CMessageEvent> {\n    \u002F\u002F Heartbeat кожні 15 секунд\n    const heartbeat$ = interval(15000).pipe(\n      map(() => ({\n        type: 'heartbeat',\n        data: { message: 'alive' },\n      })),\n    );\n\n    \u002F\u002F Метрики кожні 3 секунди\n    const metrics$ = interval(3000).pipe(\n      map(async (index) => {\n        const metrics = await this.monitoringService.getCurrentMetrics();\n\n        return {\n          type: 'metrics',\n          data: metrics,\n          id: index.toString(),\n        };\n      }),\n    );\n\n    return merge(heartbeat$, metrics$);\n  }\n}\n","src\u002Fmonitoring\u002Fmonitoring.controller.ts",[5116,10859,10860,10880,10908,10924,10928,10940,10950,10968,10972,10976,10981,10985,10997,11011,11016,11037,11047,11055,11070,11074,11078,11082,11087,11109,11127,11149,11153,11159,11168,11176,11188,11192,11196,11200,11204,11221,11225],{"__ignoreMap":5414},[5418,10861,10862,10864,10866,10868,10870,10872,10874,10876,10878],{"class":5420,"line":5421},[5418,10863,5866],{"class":5865},[5418,10865,5870],{"class":5869},[5418,10867,5874],{"class":5873},[5418,10869,5119],{"class":5869},[5418,10871,5879],{"class":5873},[5418,10873,5882],{"class":5869},[5418,10875,5885],{"class":5865},[5418,10877,5889],{"class":5888},[5418,10879,5892],{"class":5869},[5418,10881,10882,10884,10886,10888,10890,10892,10894,10896,10898,10900,10902,10904,10906],{"class":5420,"line":5427},[5418,10883,5866],{"class":5865},[5418,10885,5870],{"class":5869},[5418,10887,5113],{"class":5873},[5418,10889,5119],{"class":5869},[5418,10891,5205],{"class":5873},[5418,10893,5119],{"class":5869},[5418,10895,5208],{"class":5873},[5418,10897,5119],{"class":5869},[5418,10899,8932],{"class":5873},[5418,10901,5882],{"class":5869},[5418,10903,5885],{"class":5865},[5418,10905,5915],{"class":5888},[5418,10907,5892],{"class":5869},[5418,10909,10910,10912,10914,10916,10918,10920,10922],{"class":5420,"line":5433},[5418,10911,5866],{"class":5865},[5418,10913,5870],{"class":5869},[5418,10915,7383],{"class":5873},[5418,10917,5882],{"class":5869},[5418,10919,5885],{"class":5865},[5418,10921,7390],{"class":5888},[5418,10923,5892],{"class":5869},[5418,10925,10926],{"class":5420,"line":5439},[5418,10927,5923],{"emptyLinePlaceholder":5922},[5418,10929,10930,10932,10934,10936,10938],{"class":5420,"line":5445},[5418,10931,6004],{"class":5869},[5418,10933,5874],{"class":6007},[5418,10935,6010],{"class":5869},[5418,10937,7407],{"class":5888},[5418,10939,6016],{"class":5869},[5418,10941,10942,10944,10946,10948],{"class":5420,"line":5451},[5418,10943,6021],{"class":5865},[5418,10945,6024],{"class":5928},[5418,10947,7418],{"class":5932},[5418,10949,5936],{"class":5869},[5418,10951,10952,10954,10956,10958,10960,10962,10964,10966],{"class":5420,"line":5457},[5418,10953,6340],{"class":5928},[5418,10955,6010],{"class":5869},[5418,10957,6345],{"class":5928},[5418,10959,7431],{"class":5928},[5418,10961,7434],{"class":5873},[5418,10963,5944],{"class":5869},[5418,10965,7383],{"class":5932},[5418,10967,6355],{"class":5869},[5418,10969,10970],{"class":5420,"line":5462},[5418,10971,5923],{"emptyLinePlaceholder":5922},[5418,10973,10974],{"class":5420,"line":5468},[5418,10975,6034],{"class":5859},[5418,10977,10978],{"class":5420,"line":5473},[5418,10979,10980],{"class":5859},"   * SSE endpoint для метрик (оновлення кожні 3 секунди)\n",[5418,10982,10983],{"class":5420,"line":5479},[5418,10984,6044],{"class":5859},[5418,10986,10987,10989,10991,10993,10995],{"class":5420,"line":5485},[5418,10988,6049],{"class":5869},[5418,10990,5879],{"class":6007},[5418,10992,6010],{"class":5869},[5418,10994,7468],{"class":5888},[5418,10996,6016],{"class":5869},[5418,10998,10999,11001,11003,11005,11007,11009],{"class":5420,"line":5490},[5418,11000,7475],{"class":6007},[5418,11002,6066],{"class":5869},[5418,11004,5113],{"class":5932},[5418,11006,6071],{"class":5869},[5418,11008,6074],{"class":5932},[5418,11010,6077],{"class":5869},[5418,11012,11013],{"class":5420,"line":5496},[5418,11014,11015],{"class":5859},"    \u002F\u002F Heartbeat кожні 15 секунд\n",[5418,11017,11018,11020,11022,11024,11026,11028,11031,11033,11035],{"class":5420,"line":5502},[5418,11019,6942],{"class":5928},[5418,11021,9064],{"class":6523},[5418,11023,6327],{"class":5869},[5418,11025,5205],{"class":6007},[5418,11027,6010],{"class":5869},[5418,11029,11030],{"class":6090},"15000",[5418,11032,5801],{"class":5869},[5418,11034,6096],{"class":6007},[5418,11036,6099],{"class":5869},[5418,11038,11039,11041,11043,11045],{"class":5420,"line":5507},[5418,11040,6104],{"class":6007},[5418,11042,9086],{"class":5869},[5418,11044,6116],{"class":5928},[5418,11046,6119],{"class":5869},[5418,11048,11049,11051,11053],{"class":5420,"line":5513},[5418,11050,8362],{"class":5873},[5418,11052,9097],{"class":5888},[5418,11054,6137],{"class":5869},[5418,11056,11057,11059,11061,11064,11067],{"class":5420,"line":5519},[5418,11058,6124],{"class":5873},[5418,11060,5870],{"class":5869},[5418,11062,11063],{"class":5873},"message:",[5418,11065,11066],{"class":5888}," 'alive'",[5418,11068,11069],{"class":5869}," },\n",[5418,11071,11072],{"class":5420,"line":5524},[5418,11073,6192],{"class":5869},[5418,11075,11076],{"class":5420,"line":5530},[5418,11077,6198],{"class":5869},[5418,11079,11080],{"class":5420,"line":5536},[5418,11081,5923],{"emptyLinePlaceholder":5922},[5418,11083,11084],{"class":5420,"line":5541},[5418,11085,11086],{"class":5859},"    \u002F\u002F Метрики кожні 3 секунди\n",[5418,11088,11089,11091,11094,11096,11098,11100,11103,11105,11107],{"class":5420,"line":5547},[5418,11090,6942],{"class":5928},[5418,11092,11093],{"class":6523}," metrics$",[5418,11095,6327],{"class":5869},[5418,11097,5205],{"class":6007},[5418,11099,6010],{"class":5869},[5418,11101,11102],{"class":6090},"3000",[5418,11104,5801],{"class":5869},[5418,11106,6096],{"class":6007},[5418,11108,6099],{"class":5869},[5418,11110,11111,11113,11115,11117,11119,11121,11123,11125],{"class":5420,"line":5553},[5418,11112,6104],{"class":6007},[5418,11114,6010],{"class":5869},[5418,11116,7511],{"class":5928},[5418,11118,5797],{"class":5869},[5418,11120,6110],{"class":5873},[5418,11122,6113],{"class":5869},[5418,11124,6116],{"class":5928},[5418,11126,5936],{"class":5869},[5418,11128,11129,11131,11133,11135,11137,11139,11141,11143,11145,11147],{"class":5420,"line":6167},[5418,11130,7528],{"class":5928},[5418,11132,7531],{"class":6523},[5418,11134,6327],{"class":5869},[5418,11136,7536],{"class":5865},[5418,11138,7539],{"class":5928},[5418,11140,5369],{"class":5869},[5418,11142,7544],{"class":5873},[5418,11144,5369],{"class":5869},[5418,11146,7549],{"class":6007},[5418,11148,6866],{"class":5869},[5418,11150,11151],{"class":5420,"line":6173},[5418,11152,5923],{"emptyLinePlaceholder":5922},[5418,11154,11155,11157],{"class":5420,"line":6189},[5418,11156,7560],{"class":5865},[5418,11158,5936],{"class":5869},[5418,11160,11161,11163,11166],{"class":5420,"line":6195},[5418,11162,8299],{"class":5873},[5418,11164,11165],{"class":5888}," 'metrics'",[5418,11167,6137],{"class":5869},[5418,11169,11170,11172,11174],{"class":5420,"line":6201},[5418,11171,7567],{"class":5873},[5418,11173,7531],{"class":5873},[5418,11175,6137],{"class":5869},[5418,11177,11178,11180,11182,11184,11186],{"class":5420,"line":6207},[5418,11179,7635],{"class":5873},[5418,11181,6179],{"class":5873},[5418,11183,5369],{"class":5869},[5418,11185,6184],{"class":6007},[5418,11187,6157],{"class":5869},[5418,11189,11190],{"class":5420,"line":6681},[5418,11191,7653],{"class":5869},[5418,11193,11194],{"class":5420,"line":6686},[5418,11195,7658],{"class":5869},[5418,11197,11198],{"class":5420,"line":6719},[5418,11199,6198],{"class":5869},[5418,11201,11202],{"class":5420,"line":6740},[5418,11203,5923],{"emptyLinePlaceholder":5922},[5418,11205,11206,11208,11210,11212,11214,11216,11219],{"class":5420,"line":6775},[5418,11207,6082],{"class":5865},[5418,11209,9204],{"class":6007},[5418,11211,6010],{"class":5869},[5418,11213,9209],{"class":5873},[5418,11215,5119],{"class":5869},[5418,11217,11218],{"class":5873},"metrics$",[5418,11220,6411],{"class":5869},[5418,11222,11223],{"class":5420,"line":6791},[5418,11224,6204],{"class":5869},[5418,11226,11227],{"class":5420,"line":6797},[5418,11228,5995],{"class":5869},[5402,11230,11232],{"id":11231},"клієнтська-частина-react-chartjs","Клієнтська частина (React + Chart.js)",[5410,11234,11236],{"className":5850,"code":11235,"language":5852,"meta":5414,"style":5414},"\u002F\u002F client\u002Fcomponents\u002FLiveDashboard.tsx\nimport React, { useEffect, useState } from 'react';\nimport { Line } from 'react-chartjs-2';\n\ninterface Metrics {\n  timestamp: string;\n  cpu: { usage: number };\n  memory: { usagePercent: number };\n}\n\nexport const LiveDashboard: React.FC = () => {\n  const [metrics, setMetrics] = useState\u003CMetrics[]>([]);\n  const [isConnected, setIsConnected] = useState(false);\n\n  useEffect(() => {\n    const eventSource = new EventSource('http:\u002F\u002Flocalhost:3001\u002Fmonitoring\u002Fmetrics');\n\n    eventSource.addEventListener('open', () => {\n      console.log('[Dashboard] З\\'єднання встановлено');\n      setIsConnected(true);\n    });\n\n    eventSource.addEventListener('metrics', (event) => {\n      const data: Metrics = JSON.parse(event.data);\n\n      setMetrics((prev) => {\n        const updated = [...prev, data];\n        \u002F\u002F Зберігати останні 20 точок для графіка\n        return updated.slice(-20);\n      });\n    });\n\n    eventSource.addEventListener('error', () => {\n      console.error('[Dashboard] Помилка з\\'єднання');\n      setIsConnected(false);\n    });\n\n    return () => {\n      eventSource.close();\n    };\n  }, []);\n\n  const chartData = {\n    labels: metrics.map((m) => new Date(m.timestamp).toLocaleTimeString()),\n    datasets: [\n      {\n        label: 'CPU Usage (%)',\n        data: metrics.map((m) => m.cpu.usage),\n        borderColor: 'rgb(75, 192, 192)',\n        tension: 0.1,\n      },\n      {\n        label: 'Memory Usage (%)',\n        data: metrics.map((m) => m.memory.usagePercent),\n        borderColor: 'rgb(255, 99, 132)',\n        tension: 0.1,\n      },\n    ],\n  };\n\n  return (\n    \u003Cdiv className=\"dashboard\">\n      \u003Cdiv className=\"status\">\n        {isConnected ? (\n          \u003Cspan className=\"badge badge-success\">🟢 Connected\u003C\u002Fspan>\n        ) : (\n          \u003Cspan className=\"badge badge-error\">🔴 Disconnected\u003C\u002Fspan>\n        )}\n      \u003C\u002Fdiv>\n\n      \u003Cdiv className=\"chart-container\">\n        \u003CLine data={chartData} options={{ animation: false }} \u002F>\n      \u003C\u002Fdiv>\n\n      {metrics.length > 0 && (\n        \u003Cdiv className=\"current-metrics\">\n          \u003Cdiv className=\"metric-card\">\n            \u003Ch3>CPU\u003C\u002Fh3>\n            \u003Cp className=\"metric-value\">{metrics[metrics.length - 1].cpu.usage.toFixed(2)}%\u003C\u002Fp>\n          \u003C\u002Fdiv>\n          \u003Cdiv className=\"metric-card\">\n            \u003Ch3>Memory\u003C\u002Fh3>\n            \u003Cp className=\"metric-value\">\n              {metrics[metrics.length - 1].memory.usagePercent.toFixed(2)}%\n            \u003C\u002Fp>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      )}\n    \u003C\u002Fdiv>\n  );\n};\n",[5116,11237,11238,11243,11270,11288,11292,11301,11311,11327,11342,11346,11350,11376,11403,11427,11431,11442,11460,11464,11483,11502,11514,11518,11522,11544,11572,11576,11592,11610,11615,11634,11638,11642,11646,11664,11684,11694,11698,11702,11712,11723,11727,11732,11736,11746,11786,11794,11799,11809,11840,11850,11860,11864,11868,11877,11907,11916,11924,11928,11933,11937,11941,11949,11969,11985,11995,12022,12027,12052,12057,12066,12070,12085,12120,12128,12132,12146,12162,12178,12198,12227,12233,12239,12245,12251,12264,12270,12275,12281,12287,12293,12299],{"__ignoreMap":5414},[5418,11239,11240],{"class":5420,"line":5421},[5418,11241,11242],{"class":5859},"\u002F\u002F client\u002Fcomponents\u002FLiveDashboard.tsx\n",[5418,11244,11245,11247,11250,11253,11256,11258,11261,11263,11265,11268],{"class":5420,"line":5427},[5418,11246,5866],{"class":5865},[5418,11248,11249],{"class":5873}," React",[5418,11251,11252],{"class":5869},", { ",[5418,11254,11255],{"class":5873},"useEffect",[5418,11257,5119],{"class":5869},[5418,11259,11260],{"class":5873},"useState",[5418,11262,5882],{"class":5869},[5418,11264,5885],{"class":5865},[5418,11266,11267],{"class":5888}," 'react'",[5418,11269,5892],{"class":5869},[5418,11271,11272,11274,11276,11279,11281,11283,11286],{"class":5420,"line":5433},[5418,11273,5866],{"class":5865},[5418,11275,5870],{"class":5869},[5418,11277,11278],{"class":5873},"Line",[5418,11280,5882],{"class":5869},[5418,11282,5885],{"class":5865},[5418,11284,11285],{"class":5888}," 'react-chartjs-2'",[5418,11287,5892],{"class":5869},[5418,11289,11290],{"class":5420,"line":5439},[5418,11291,5923],{"emptyLinePlaceholder":5922},[5418,11293,11294,11296,11299],{"class":5420,"line":5445},[5418,11295,5929],{"class":5928},[5418,11297,11298],{"class":5932}," Metrics",[5418,11300,5936],{"class":5869},[5418,11302,11303,11305,11307,11309],{"class":5420,"line":5451},[5418,11304,8010],{"class":5873},[5418,11306,5944],{"class":5869},[5418,11308,5947],{"class":5932},[5418,11310,5892],{"class":5869},[5418,11312,11313,11315,11317,11320,11322,11324],{"class":5420,"line":5457},[5418,11314,10167],{"class":5873},[5418,11316,8184],{"class":5869},[5418,11318,11319],{"class":5873},"usage",[5418,11321,5944],{"class":5869},[5418,11323,5988],{"class":5932},[5418,11325,11326],{"class":5869}," };\n",[5418,11328,11329,11331,11333,11336,11338,11340],{"class":5420,"line":5462},[5418,11330,10206],{"class":5873},[5418,11332,8184],{"class":5869},[5418,11334,11335],{"class":5873},"usagePercent",[5418,11337,5944],{"class":5869},[5418,11339,5988],{"class":5932},[5418,11341,11326],{"class":5869},[5418,11343,11344],{"class":5420,"line":5468},[5418,11345,5995],{"class":5869},[5418,11347,11348],{"class":5420,"line":5473},[5418,11349,5923],{"emptyLinePlaceholder":5922},[5418,11351,11352,11354,11357,11360,11362,11364,11366,11369,11372,11374],{"class":5420,"line":5479},[5418,11353,6021],{"class":5865},[5418,11355,11356],{"class":5928}," const",[5418,11358,11359],{"class":6007}," LiveDashboard",[5418,11361,5944],{"class":5869},[5418,11363,2149],{"class":5932},[5418,11365,5369],{"class":5869},[5418,11367,11368],{"class":5932},"FC",[5418,11370,11371],{"class":5869}," = () ",[5418,11373,6116],{"class":5928},[5418,11375,5936],{"class":5869},[5418,11377,11378,11380,11383,11385,11387,11390,11393,11395,11397,11400],{"class":5420,"line":5485},[5418,11379,7730],{"class":5928},[5418,11381,11382],{"class":5869}," [",[5418,11384,7774],{"class":6523},[5418,11386,5119],{"class":5869},[5418,11388,11389],{"class":6523},"setMetrics",[5418,11391,11392],{"class":5869},"] = ",[5418,11394,11260],{"class":6007},[5418,11396,6071],{"class":5869},[5418,11398,11399],{"class":5932},"Metrics",[5418,11401,11402],{"class":5869},"[]>([]);\n",[5418,11404,11405,11407,11409,11412,11414,11417,11419,11421,11423,11425],{"class":5420,"line":5490},[5418,11406,7730],{"class":5928},[5418,11408,11382],{"class":5869},[5418,11410,11411],{"class":6523},"isConnected",[5418,11413,5119],{"class":5869},[5418,11415,11416],{"class":6523},"setIsConnected",[5418,11418,11392],{"class":5869},[5418,11420,11260],{"class":6007},[5418,11422,6010],{"class":5869},[5418,11424,7263],{"class":5928},[5418,11426,6411],{"class":5869},[5418,11428,11429],{"class":5420,"line":5496},[5418,11430,5923],{"emptyLinePlaceholder":5922},[5418,11432,11433,11436,11438,11440],{"class":5420,"line":5502},[5418,11434,11435],{"class":6007},"  useEffect",[5418,11437,9086],{"class":5869},[5418,11439,6116],{"class":5928},[5418,11441,5936],{"class":5869},[5418,11443,11444,11446,11448,11450,11452,11454,11456,11458],{"class":5420,"line":5507},[5418,11445,6942],{"class":5928},[5418,11447,6315],{"class":6523},[5418,11449,6327],{"class":5869},[5418,11451,6395],{"class":5928},[5418,11453,6398],{"class":6007},[5418,11455,6010],{"class":5869},[5418,11457,7697],{"class":5888},[5418,11459,6411],{"class":5869},[5418,11461,11462],{"class":5420,"line":5513},[5418,11463,5923],{"emptyLinePlaceholder":5922},[5418,11465,11466,11469,11471,11473,11475,11477,11479,11481],{"class":5420,"line":5519},[5418,11467,11468],{"class":5873},"    eventSource",[5418,11470,5369],{"class":5869},[5418,11472,6433],{"class":6007},[5418,11474,6010],{"class":5869},[5418,11476,6438],{"class":5888},[5418,11478,6441],{"class":5869},[5418,11480,6116],{"class":5928},[5418,11482,5936],{"class":5869},[5418,11484,11485,11487,11489,11491,11493,11496,11498,11500],{"class":5420,"line":5524},[5418,11486,6450],{"class":5873},[5418,11488,5369],{"class":5869},[5418,11490,6455],{"class":6007},[5418,11492,6010],{"class":5869},[5418,11494,11495],{"class":5888},"'[Dashboard] З",[5418,11497,6464],{"class":6463},[5418,11499,6467],{"class":5888},[5418,11501,6411],{"class":5869},[5418,11503,11504,11507,11509,11512],{"class":5420,"line":5530},[5418,11505,11506],{"class":6007},"      setIsConnected",[5418,11508,6010],{"class":5869},[5418,11510,11511],{"class":5928},"true",[5418,11513,6411],{"class":5869},[5418,11515,11516],{"class":5420,"line":5536},[5418,11517,6474],{"class":5869},[5418,11519,11520],{"class":5420,"line":5541},[5418,11521,5923],{"emptyLinePlaceholder":5922},[5418,11523,11524,11526,11528,11530,11532,11534,11536,11538,11540,11542],{"class":5420,"line":5547},[5418,11525,11468],{"class":5873},[5418,11527,5369],{"class":5869},[5418,11529,6433],{"class":6007},[5418,11531,6010],{"class":5869},[5418,11533,7468],{"class":5888},[5418,11535,6503],{"class":5869},[5418,11537,5223],{"class":5873},[5418,11539,6113],{"class":5869},[5418,11541,6116],{"class":5928},[5418,11543,5936],{"class":5869},[5418,11545,11546,11548,11550,11552,11554,11556,11558,11560,11562,11564,11566,11568,11570],{"class":5420,"line":5553},[5418,11547,6520],{"class":5928},[5418,11549,6524],{"class":6523},[5418,11551,5944],{"class":5869},[5418,11553,11399],{"class":5932},[5418,11555,6327],{"class":5869},[5418,11557,6529],{"class":6523},[5418,11559,5369],{"class":5869},[5418,11561,6534],{"class":6007},[5418,11563,6010],{"class":5869},[5418,11565,5223],{"class":5873},[5418,11567,5369],{"class":5869},[5418,11569,5220],{"class":5873},[5418,11571,6411],{"class":5869},[5418,11573,11574],{"class":5420,"line":6167},[5418,11575,5923],{"emptyLinePlaceholder":5922},[5418,11577,11578,11581,11583,11586,11588,11590],{"class":5420,"line":6173},[5418,11579,11580],{"class":6007},"      setMetrics",[5418,11582,6107],{"class":5869},[5418,11584,11585],{"class":5873},"prev",[5418,11587,6113],{"class":5869},[5418,11589,6116],{"class":5928},[5418,11591,5936],{"class":5869},[5418,11593,11594,11596,11599,11602,11604,11606,11608],{"class":5420,"line":6189},[5418,11595,7528],{"class":5928},[5418,11597,11598],{"class":6523}," updated",[5418,11600,11601],{"class":5869}," = [...",[5418,11603,11585],{"class":5873},[5418,11605,5119],{"class":5869},[5418,11607,5220],{"class":5873},[5418,11609,10477],{"class":5869},[5418,11611,11612],{"class":5420,"line":6195},[5418,11613,11614],{"class":5859},"        \u002F\u002F Зберігати останні 20 точок для графіка\n",[5418,11616,11617,11619,11621,11623,11626,11629,11632],{"class":5420,"line":6201},[5418,11618,7560],{"class":5865},[5418,11620,11598],{"class":5873},[5418,11622,5369],{"class":5869},[5418,11624,11625],{"class":6007},"slice",[5418,11627,11628],{"class":5869},"(-",[5418,11630,11631],{"class":6090},"20",[5418,11633,6411],{"class":5869},[5418,11635,11636],{"class":5420,"line":6207},[5418,11637,8375],{"class":5869},[5418,11639,11640],{"class":5420,"line":6681},[5418,11641,6474],{"class":5869},[5418,11643,11644],{"class":5420,"line":6686},[5418,11645,5923],{"emptyLinePlaceholder":5922},[5418,11647,11648,11650,11652,11654,11656,11658,11660,11662],{"class":5420,"line":6719},[5418,11649,11468],{"class":5873},[5418,11651,5369],{"class":5869},[5418,11653,6433],{"class":6007},[5418,11655,6010],{"class":5869},[5418,11657,6643],{"class":5888},[5418,11659,6441],{"class":5869},[5418,11661,6116],{"class":5928},[5418,11663,5936],{"class":5869},[5418,11665,11666,11668,11670,11672,11674,11677,11679,11682],{"class":5420,"line":6740},[5418,11667,6450],{"class":5873},[5418,11669,5369],{"class":5869},[5418,11671,6648],{"class":6007},[5418,11673,6010],{"class":5869},[5418,11675,11676],{"class":5888},"'[Dashboard] Помилка з",[5418,11678,6464],{"class":6463},[5418,11680,11681],{"class":5888},"єднання'",[5418,11683,6411],{"class":5869},[5418,11685,11686,11688,11690,11692],{"class":5420,"line":6775},[5418,11687,11506],{"class":6007},[5418,11689,6010],{"class":5869},[5418,11691,7263],{"class":5928},[5418,11693,6411],{"class":5869},[5418,11695,11696],{"class":5420,"line":6791},[5418,11697,6474],{"class":5869},[5418,11699,11700],{"class":5420,"line":6797},[5418,11701,5923],{"emptyLinePlaceholder":5922},[5418,11703,11704,11706,11708,11710],{"class":5420,"line":6802},[5418,11705,6082],{"class":5865},[5418,11707,7514],{"class":5869},[5418,11709,6116],{"class":5928},[5418,11711,5936],{"class":5869},[5418,11713,11714,11717,11719,11721],{"class":5420,"line":6807},[5418,11715,11716],{"class":5873},"      eventSource",[5418,11718,5369],{"class":5869},[5418,11720,6863],{"class":6007},[5418,11722,6866],{"class":5869},[5418,11724,11725],{"class":5420,"line":6812},[5418,11726,10845],{"class":5869},[5418,11728,11729],{"class":5420,"line":6817},[5418,11730,11731],{"class":5869},"  }, []);\n",[5418,11733,11734],{"class":5420,"line":6823},[5418,11735,5923],{"emptyLinePlaceholder":5922},[5418,11737,11738,11740,11743],{"class":5420,"line":6828},[5418,11739,7730],{"class":5928},[5418,11741,11742],{"class":6523}," chartData",[5418,11744,11745],{"class":5869}," = {\n",[5418,11747,11748,11751,11753,11755,11757,11759,11762,11764,11766,11768,11770,11772,11774,11776,11778,11780,11783],{"class":5420,"line":6836},[5418,11749,11750],{"class":5873},"    labels:",[5418,11752,7531],{"class":5873},[5418,11754,5369],{"class":5869},[5418,11756,5208],{"class":6007},[5418,11758,6107],{"class":5869},[5418,11760,11761],{"class":5873},"m",[5418,11763,6113],{"class":5869},[5418,11765,6116],{"class":5928},[5418,11767,6145],{"class":5928},[5418,11769,6148],{"class":6007},[5418,11771,6010],{"class":5869},[5418,11773,11761],{"class":5873},[5418,11775,5369],{"class":5869},[5418,11777,7038],{"class":5873},[5418,11779,5801],{"class":5869},[5418,11781,11782],{"class":6007},"toLocaleTimeString",[5418,11784,11785],{"class":5869},"()),\n",[5418,11787,11788,11791],{"class":5420,"line":6852},[5418,11789,11790],{"class":5873},"    datasets:",[5418,11792,11793],{"class":5869}," [\n",[5418,11795,11796],{"class":5420,"line":6869},[5418,11797,11798],{"class":5869},"      {\n",[5418,11800,11801,11804,11807],{"class":5420,"line":6884},[5418,11802,11803],{"class":5873},"        label:",[5418,11805,11806],{"class":5888}," 'CPU Usage (%)'",[5418,11808,6137],{"class":5869},[5418,11810,11811,11813,11815,11817,11819,11821,11823,11825,11827,11830,11832,11834,11836,11838],{"class":5420,"line":6904},[5418,11812,6124],{"class":5873},[5418,11814,7531],{"class":5873},[5418,11816,5369],{"class":5869},[5418,11818,5208],{"class":6007},[5418,11820,6107],{"class":5869},[5418,11822,11761],{"class":5873},[5418,11824,6113],{"class":5869},[5418,11826,6116],{"class":5928},[5418,11828,11829],{"class":5873}," m",[5418,11831,5369],{"class":5869},[5418,11833,7779],{"class":5873},[5418,11835,5369],{"class":5869},[5418,11837,11319],{"class":5873},[5418,11839,9659],{"class":5869},[5418,11841,11842,11845,11848],{"class":5420,"line":6910},[5418,11843,11844],{"class":5873},"        borderColor:",[5418,11846,11847],{"class":5888}," 'rgb(75, 192, 192)'",[5418,11849,6137],{"class":5869},[5418,11851,11852,11855,11858],{"class":5420,"line":6915},[5418,11853,11854],{"class":5873},"        tension:",[5418,11856,11857],{"class":6090}," 0.1",[5418,11859,6137],{"class":5869},[5418,11861,11862],{"class":5420,"line":6920},[5418,11863,10748],{"class":5869},[5418,11865,11866],{"class":5420,"line":6939},[5418,11867,11798],{"class":5869},[5418,11869,11870,11872,11875],{"class":5420,"line":6965},[5418,11871,11803],{"class":5873},[5418,11873,11874],{"class":5888}," 'Memory Usage (%)'",[5418,11876,6137],{"class":5869},[5418,11878,11879,11881,11883,11885,11887,11889,11891,11893,11895,11897,11899,11901,11903,11905],{"class":5420,"line":6977},[5418,11880,6124],{"class":5873},[5418,11882,7531],{"class":5873},[5418,11884,5369],{"class":5869},[5418,11886,5208],{"class":6007},[5418,11888,6107],{"class":5869},[5418,11890,11761],{"class":5873},[5418,11892,6113],{"class":5869},[5418,11894,6116],{"class":5928},[5418,11896,11829],{"class":5873},[5418,11898,5369],{"class":5869},[5418,11900,7799],{"class":5873},[5418,11902,5369],{"class":5869},[5418,11904,11335],{"class":5873},[5418,11906,9659],{"class":5869},[5418,11908,11909,11911,11914],{"class":5420,"line":7001},[5418,11910,11844],{"class":5873},[5418,11912,11913],{"class":5888}," 'rgb(255, 99, 132)'",[5418,11915,6137],{"class":5869},[5418,11917,11918,11920,11922],{"class":5420,"line":7047},[5418,11919,11854],{"class":5873},[5418,11921,11857],{"class":6090},[5418,11923,6137],{"class":5869},[5418,11925,11926],{"class":5420,"line":7065},[5418,11927,10748],{"class":5869},[5418,11929,11930],{"class":5420,"line":7070},[5418,11931,11932],{"class":5869},"    ],\n",[5418,11934,11935],{"class":5420,"line":7075},[5418,11936,10201],{"class":5869},[5418,11938,11939],{"class":5420,"line":7080},[5418,11940,5923],{"emptyLinePlaceholder":5922},[5418,11942,11943,11946],{"class":5420,"line":7085},[5418,11944,11945],{"class":5865},"  return",[5418,11947,11948],{"class":5869}," (\n",[5418,11950,11951,11954,11957,11960,11963,11966],{"class":5420,"line":7091},[5418,11952,11953],{"class":5869},"    \u003C",[5418,11955,11956],{"class":5873},"div",[5418,11958,11959],{"class":5873}," className",[5418,11961,11962],{"class":5869},"=",[5418,11964,11965],{"class":5888},"\"dashboard\"",[5418,11967,11968],{"class":5869},">\n",[5418,11970,11971,11974,11976,11978,11980,11983],{"class":5420,"line":7113},[5418,11972,11973],{"class":5869},"      \u003C",[5418,11975,11956],{"class":5873},[5418,11977,11959],{"class":5873},[5418,11979,11962],{"class":5869},[5418,11981,11982],{"class":5888},"\"status\"",[5418,11984,11968],{"class":5869},[5418,11986,11987,11990,11992],{"class":5420,"line":7126},[5418,11988,11989],{"class":5869},"        {",[5418,11991,11411],{"class":5873},[5418,11993,11994],{"class":5869}," ? (\n",[5418,11996,11997,12000,12002,12004,12006,12009,12012,12015,12018,12020],{"class":5420,"line":7131},[5418,11998,11999],{"class":5869},"          \u003C",[5418,12001,5418],{"class":5873},[5418,12003,11959],{"class":5873},[5418,12005,11962],{"class":5869},[5418,12007,12008],{"class":5888},"\"badge badge-success\"",[5418,12010,12011],{"class":5869},">🟢 ",[5418,12013,12014],{"class":5873},"Connected",[5418,12016,12017],{"class":5869},"\u003C\u002F",[5418,12019,5418],{"class":5873},[5418,12021,11968],{"class":5869},[5418,12023,12024],{"class":5420,"line":7137},[5418,12025,12026],{"class":5869},"        ) : (\n",[5418,12028,12029,12031,12033,12035,12037,12040,12043,12046,12048,12050],{"class":5420,"line":7158},[5418,12030,11999],{"class":5869},[5418,12032,5418],{"class":5873},[5418,12034,11959],{"class":5873},[5418,12036,11962],{"class":5869},[5418,12038,12039],{"class":5888},"\"badge badge-error\"",[5418,12041,12042],{"class":5869},">🔴 ",[5418,12044,12045],{"class":5873},"Disconnected",[5418,12047,12017],{"class":5869},[5418,12049,5418],{"class":5873},[5418,12051,11968],{"class":5869},[5418,12053,12054],{"class":5420,"line":7171},[5418,12055,12056],{"class":5869},"        )}\n",[5418,12058,12059,12062,12064],{"class":5420,"line":8585},[5418,12060,12061],{"class":5869},"      \u003C\u002F",[5418,12063,11956],{"class":5873},[5418,12065,11968],{"class":5869},[5418,12067,12068],{"class":5420,"line":8590},[5418,12069,5923],{"emptyLinePlaceholder":5922},[5418,12071,12072,12074,12076,12078,12080,12083],{"class":5420,"line":8595},[5418,12073,11973],{"class":5869},[5418,12075,11956],{"class":5873},[5418,12077,11959],{"class":5873},[5418,12079,11962],{"class":5869},[5418,12081,12082],{"class":5888},"\"chart-container\"",[5418,12084,11968],{"class":5869},[5418,12086,12087,12090,12092,12094,12097,12100,12103,12106,12109,12113,12115,12117],{"class":5420,"line":8618},[5418,12088,12089],{"class":5869},"        \u003C",[5418,12091,11278],{"class":5873},[5418,12093,6524],{"class":5873},[5418,12095,12096],{"class":5869},"={",[5418,12098,12099],{"class":5873},"chartData",[5418,12101,12102],{"class":5869},"} ",[5418,12104,12105],{"class":5873},"options",[5418,12107,12108],{"class":5869},"={{ ",[5418,12110,12112],{"class":12111},"s5IvJ","animation",[5418,12114,5944],{"class":5869},[5418,12116,7263],{"class":5928},[5418,12118,12119],{"class":5869}," }} \u002F>\n",[5418,12121,12122,12124,12126],{"class":5420,"line":8624},[5418,12123,12061],{"class":5869},[5418,12125,11956],{"class":5873},[5418,12127,11968],{"class":5869},[5418,12129,12130],{"class":5420,"line":8634},[5418,12131,5923],{"emptyLinePlaceholder":5922},[5418,12133,12134,12137,12139,12141,12143],{"class":5420,"line":8639},[5418,12135,12136],{"class":5869},"      {",[5418,12138,7774],{"class":5873},[5418,12140,5369],{"class":5869},[5418,12142,10531],{"class":5873},[5418,12144,12145],{"class":5869}," > 0 && (\n",[5418,12147,12149,12151,12153,12155,12157,12160],{"class":5420,"line":12148},76,[5418,12150,12089],{"class":5869},[5418,12152,11956],{"class":5873},[5418,12154,11959],{"class":5873},[5418,12156,11962],{"class":5869},[5418,12158,12159],{"class":5888},"\"current-metrics\"",[5418,12161,11968],{"class":5869},[5418,12163,12165,12167,12169,12171,12173,12176],{"class":5420,"line":12164},77,[5418,12166,11999],{"class":5869},[5418,12168,11956],{"class":5873},[5418,12170,11959],{"class":5873},[5418,12172,11962],{"class":5869},[5418,12174,12175],{"class":5888},"\"metric-card\"",[5418,12177,11968],{"class":5869},[5418,12179,12181,12184,12186,12189,12192,12194,12196],{"class":5420,"line":12180},78,[5418,12182,12183],{"class":5869},"            \u003C",[5418,12185,5402],{"class":5873},[5418,12187,12188],{"class":5869},">",[5418,12190,12191],{"class":5873},"CPU",[5418,12193,12017],{"class":5869},[5418,12195,5402],{"class":5873},[5418,12197,11968],{"class":5869},[5418,12199,12201,12203,12205,12207,12209,12212,12215,12218,12221,12224],{"class":5420,"line":12200},79,[5418,12202,12183],{"class":5869},[5418,12204,5089],{"class":5873},[5418,12206,11959],{"class":5873},[5418,12208,11962],{"class":5869},[5418,12210,12211],{"class":5888},"\"metric-value\"",[5418,12213,12214],{"class":5869},">{metrics",[5418,12216,12217],{"class":5873},"[metrics.length ",[5418,12219,12220],{"class":5869},"-",[5418,12222,12223],{"class":6090}," 1",[5418,12225,12226],{"class":5873},"].cpu.usage.toFixed(2)}%\u003C\u002Fp>\n",[5418,12228,12230],{"class":5420,"line":12229},80,[5418,12231,12232],{"class":5873},"          \u003C\u002Fdiv>\n",[5418,12234,12236],{"class":5420,"line":12235},81,[5418,12237,12238],{"class":5873},"          \u003Cdiv className=\"metric-card\">\n",[5418,12240,12242],{"class":5420,"line":12241},82,[5418,12243,12244],{"class":5873},"            \u003Ch3>Memory\u003C\u002Fh3>\n",[5418,12246,12248],{"class":5420,"line":12247},83,[5418,12249,12250],{"class":5873},"            \u003Cp className=\"metric-value\">\n",[5418,12252,12254,12257,12259,12261],{"class":5420,"line":12253},84,[5418,12255,12256],{"class":5873},"              {metrics[metrics.length ",[5418,12258,12220],{"class":5869},[5418,12260,12223],{"class":6090},[5418,12262,12263],{"class":5873},"].memory.usagePercent.toFixed(2)}%\n",[5418,12265,12267],{"class":5420,"line":12266},85,[5418,12268,12269],{"class":5873},"            \u003C\u002Fp>\n",[5418,12271,12273],{"class":5420,"line":12272},86,[5418,12274,12232],{"class":5873},[5418,12276,12278],{"class":5420,"line":12277},87,[5418,12279,12280],{"class":5873},"        \u003C\u002Fdiv>\n",[5418,12282,12284],{"class":5420,"line":12283},88,[5418,12285,12286],{"class":5873},"      )}\n",[5418,12288,12290],{"class":5420,"line":12289},89,[5418,12291,12292],{"class":5873},"    \u003C\u002Fdiv>\n",[5418,12294,12296],{"class":5420,"line":12295},90,[5418,12297,12298],{"class":5873},"  );\n",[5418,12300,12302],{"class":5420,"line":12301},91,[5418,12303,12304],{"class":5873},"};\n",[5178,12306],{},[5084,12308,12310],{"id":12309},"практичний-приклад-2-progress-tracking-для-завантаження-файлів","Практичний приклад 2: Progress Tracking для завантаження файлів",[5089,12312,12313],{},"Реалізуємо систему відстеження прогресу завантаження великих файлів з real-time оновленням progress bar.",[5402,12315,10092],{"id":12316},"серверна-частина-1",[5410,12318,12320],{"className":5850,"code":12319,"language":5852,"meta":5414,"style":5414},"\u002F\u002F src\u002Fuploads\u002Fuploads.controller.ts\nimport {\n  Controller,\n  Post,\n  UploadedFile,\n  UseInterceptors,\n  Sse,\n  Query,\n} from '@nestjs\u002Fcommon';\nimport { FileInterceptor } from '@nestjs\u002Fplatform-express';\nimport { Observable, Subject } from 'rxjs';\nimport { filter, map } from 'rxjs\u002Foperators';\n\ninterface ProgressEvent {\n  uploadId: string;\n  progress: number; \u002F\u002F 0-100\n  bytesUploaded: number;\n  totalBytes: number;\n  status: 'processing' | 'completed' | 'error';\n  message?: string;\n}\n\n@Controller('uploads')\nexport class UploadsController {\n  \u002F\u002F Subject для емітування прогресу\n  private progressSubject = new Subject\u003CProgressEvent>();\n\n  \u002F**\n   * SSE endpoint для відстеження прогресу конкретного завантаження\n   *\u002F\n  @Sse('progress')\n  streamProgress(@Query('uploadId') uploadId: string): Observable\u003CMessageEvent> {\n    return this.progressSubject.asObservable().pipe(\n      \u002F\u002F Фільтрувати лише події для цього uploadId\n      filter((event) => event.uploadId === uploadId),\n      map((event) => ({\n        data: event,\n        id: Date.now().toString(),\n      })),\n    );\n  }\n\n  \u002F**\n   * Завантаження файлу з емітуванням прогресу\n   *\u002F\n  @Post('upload')\n  @UseInterceptors(FileInterceptor('file'))\n  async uploadFile(@UploadedFile() file: Express.Multer.File) {\n    const uploadId = this.generateUploadId();\n\n    \u002F\u002F Емітувати початковий статус\n    this.emitProgress(uploadId, {\n      progress: 0,\n      bytesUploaded: 0,\n      totalBytes: file.size,\n      status: 'processing',\n      message: 'Початок обробки файлу',\n    });\n\n    \u002F\u002F Симуляція обробки файлу порціями (у реальності — обробка через stream)\n    const chunkSize = Math.floor(file.size \u002F 10); \u002F\u002F 10 частин\n    let bytesProcessed = 0;\n\n    for (let i = 1; i \u003C= 10; i++) {\n      await this.sleep(500); \u002F\u002F Імітація обробки\n\n      bytesProcessed += chunkSize;\n      const progress = Math.min(Math.round((bytesProcessed \u002F file.size) * 100), 100);\n\n      this.emitProgress(uploadId, {\n        progress,\n        bytesUploaded: bytesProcessed,\n        totalBytes: file.size,\n        status: 'processing',\n        message: `Обробка частини ${i}\u002F10`,\n      });\n    }\n\n    \u002F\u002F Завершення\n    this.emitProgress(uploadId, {\n      progress: 100,\n      bytesUploaded: file.size,\n      totalBytes: file.size,\n      status: 'completed',\n      message: 'Файл успішно завантажено',\n    });\n\n    return {\n      success: true,\n      uploadId,\n      filename: file.originalname,\n      size: file.size,\n    };\n  }\n\n  private emitProgress(uploadId: string, data: Omit\u003CProgressEvent, 'uploadId'>) {\n    this.progressSubject.next({\n      uploadId,\n      ...data,\n    });\n  }\n\n  private generateUploadId(): string {\n    return `upload-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;\n  }\n\n  private sleep(ms: number): Promise\u003Cvoid> {\n    return new Promise((resolve) => setTimeout(resolve, ms));\n  }\n}\n",[5116,12321,12322,12327,12333,12340,12347,12354,12361,12368,12375,12385,12403,12423,12444,12448,12457,12468,12482,12493,12504,12525,12535,12539,12543,12556,12567,12572,12592,12596,12600,12605,12609,12622,12655,12676,12681,12706,12720,12728,12744,12748,12752,12756,12760,12764,12769,12773,12787,12806,12841,12859,12863,12868,12883,12893,12902,12917,12927,12937,12941,12945,12950,12985,12998,13002,13037,13059,13063,13075,13123,13127,13141,13148,13157,13170,13179,13198,13202,13206,13210,13215,13229,13238,13250,13262,13271,13280,13284,13288,13294,13304,13311,13325,13339,13344,13349,13354,13390,13405,13412,13422,13427,13432,13437,13451,13515,13520,13525,13553,13585,13590],{"__ignoreMap":5414},[5418,12323,12324],{"class":5420,"line":5421},[5418,12325,12326],{"class":5859},"\u002F\u002F src\u002Fuploads\u002Fuploads.controller.ts\n",[5418,12328,12329,12331],{"class":5420,"line":5427},[5418,12330,5866],{"class":5865},[5418,12332,5936],{"class":5869},[5418,12334,12335,12338],{"class":5420,"line":5433},[5418,12336,12337],{"class":5873},"  Controller",[5418,12339,6137],{"class":5869},[5418,12341,12342,12345],{"class":5420,"line":5439},[5418,12343,12344],{"class":5873},"  Post",[5418,12346,6137],{"class":5869},[5418,12348,12349,12352],{"class":5420,"line":5445},[5418,12350,12351],{"class":5873},"  UploadedFile",[5418,12353,6137],{"class":5869},[5418,12355,12356,12359],{"class":5420,"line":5451},[5418,12357,12358],{"class":5873},"  UseInterceptors",[5418,12360,6137],{"class":5869},[5418,12362,12363,12366],{"class":5420,"line":5457},[5418,12364,12365],{"class":5873},"  Sse",[5418,12367,6137],{"class":5869},[5418,12369,12370,12373],{"class":5420,"line":5462},[5418,12371,12372],{"class":5873},"  Query",[5418,12374,6137],{"class":5869},[5418,12376,12377,12379,12381,12383],{"class":5420,"line":5468},[5418,12378,12102],{"class":5869},[5418,12380,5885],{"class":5865},[5418,12382,5889],{"class":5888},[5418,12384,5892],{"class":5869},[5418,12386,12387,12389,12391,12394,12396,12398,12401],{"class":5420,"line":5473},[5418,12388,5866],{"class":5865},[5418,12390,5870],{"class":5869},[5418,12392,12393],{"class":5873},"FileInterceptor",[5418,12395,5882],{"class":5869},[5418,12397,5885],{"class":5865},[5418,12399,12400],{"class":5888}," '@nestjs\u002Fplatform-express'",[5418,12402,5892],{"class":5869},[5418,12404,12405,12407,12409,12411,12413,12415,12417,12419,12421],{"class":5420,"line":5479},[5418,12406,5866],{"class":5865},[5418,12408,5870],{"class":5869},[5418,12410,5113],{"class":5873},[5418,12412,5119],{"class":5869},[5418,12414,5129],{"class":5873},[5418,12416,5882],{"class":5869},[5418,12418,5885],{"class":5865},[5418,12420,5915],{"class":5888},[5418,12422,5892],{"class":5869},[5418,12424,12425,12427,12429,12431,12433,12435,12437,12439,12442],{"class":5420,"line":5485},[5418,12426,5866],{"class":5865},[5418,12428,5870],{"class":5869},[5418,12430,5211],{"class":5873},[5418,12432,5119],{"class":5869},[5418,12434,5208],{"class":5873},[5418,12436,5882],{"class":5869},[5418,12438,5885],{"class":5865},[5418,12440,12441],{"class":5888}," 'rxjs\u002Foperators'",[5418,12443,5892],{"class":5869},[5418,12445,12446],{"class":5420,"line":5490},[5418,12447,5923],{"emptyLinePlaceholder":5922},[5418,12449,12450,12452,12455],{"class":5420,"line":5496},[5418,12451,5929],{"class":5928},[5418,12453,12454],{"class":5932}," ProgressEvent",[5418,12456,5936],{"class":5869},[5418,12458,12459,12462,12464,12466],{"class":5420,"line":5502},[5418,12460,12461],{"class":5873},"  uploadId",[5418,12463,5944],{"class":5869},[5418,12465,5947],{"class":5932},[5418,12467,5892],{"class":5869},[5418,12469,12470,12473,12475,12477,12479],{"class":5420,"line":5507},[5418,12471,12472],{"class":5873},"  progress",[5418,12474,5944],{"class":5869},[5418,12476,5988],{"class":5932},[5418,12478,8194],{"class":5869},[5418,12480,12481],{"class":5859},"\u002F\u002F 0-100\n",[5418,12483,12484,12487,12489,12491],{"class":5420,"line":5513},[5418,12485,12486],{"class":5873},"  bytesUploaded",[5418,12488,5944],{"class":5869},[5418,12490,5988],{"class":5932},[5418,12492,5892],{"class":5869},[5418,12494,12495,12498,12500,12502],{"class":5420,"line":5519},[5418,12496,12497],{"class":5873},"  totalBytes",[5418,12499,5944],{"class":5869},[5418,12501,5988],{"class":5932},[5418,12503,5892],{"class":5869},[5418,12505,12506,12509,12511,12514,12516,12519,12521,12523],{"class":5420,"line":5524},[5418,12507,12508],{"class":5873},"  status",[5418,12510,5944],{"class":5869},[5418,12512,12513],{"class":5888},"'processing'",[5418,12515,5950],{"class":5869},[5418,12517,12518],{"class":5888},"'completed'",[5418,12520,5950],{"class":5869},[5418,12522,6643],{"class":5888},[5418,12524,5892],{"class":5869},[5418,12526,12527,12529,12531,12533],{"class":5420,"line":5530},[5418,12528,7988],{"class":5873},[5418,12530,5963],{"class":5869},[5418,12532,5947],{"class":5932},[5418,12534,5892],{"class":5869},[5418,12536,12537],{"class":5420,"line":5536},[5418,12538,5995],{"class":5869},[5418,12540,12541],{"class":5420,"line":5541},[5418,12542,5923],{"emptyLinePlaceholder":5922},[5418,12544,12545,12547,12549,12551,12554],{"class":5420,"line":5547},[5418,12546,6004],{"class":5869},[5418,12548,5874],{"class":6007},[5418,12550,6010],{"class":5869},[5418,12552,12553],{"class":5888},"'uploads'",[5418,12555,6016],{"class":5869},[5418,12557,12558,12560,12562,12565],{"class":5420,"line":5553},[5418,12559,6021],{"class":5865},[5418,12561,6024],{"class":5928},[5418,12563,12564],{"class":5932}," UploadsController",[5418,12566,5936],{"class":5869},[5418,12568,12569],{"class":5420,"line":6167},[5418,12570,12571],{"class":5859},"  \u002F\u002F Subject для емітування прогресу\n",[5418,12573,12574,12576,12579,12581,12583,12585,12587,12590],{"class":5420,"line":6173},[5418,12575,6312],{"class":5928},[5418,12577,12578],{"class":5873}," progressSubject",[5418,12580,6327],{"class":5869},[5418,12582,6395],{"class":5928},[5418,12584,8068],{"class":6007},[5418,12586,6071],{"class":5869},[5418,12588,12589],{"class":5932},"ProgressEvent",[5418,12591,8075],{"class":5869},[5418,12593,12594],{"class":5420,"line":6189},[5418,12595,5923],{"emptyLinePlaceholder":5922},[5418,12597,12598],{"class":5420,"line":6195},[5418,12599,6034],{"class":5859},[5418,12601,12602],{"class":5420,"line":6201},[5418,12603,12604],{"class":5859},"   * SSE endpoint для відстеження прогресу конкретного завантаження\n",[5418,12606,12607],{"class":5420,"line":6207},[5418,12608,6044],{"class":5859},[5418,12610,12611,12613,12615,12617,12620],{"class":5420,"line":6681},[5418,12612,6049],{"class":5869},[5418,12614,5879],{"class":6007},[5418,12616,6010],{"class":5869},[5418,12618,12619],{"class":5888},"'progress'",[5418,12621,6016],{"class":5869},[5418,12623,12624,12627,12629,12631,12633,12636,12638,12641,12643,12645,12647,12649,12651,12653],{"class":5420,"line":6686},[5418,12625,12626],{"class":6007},"  streamProgress",[5418,12628,9542],{"class":5869},[5418,12630,9421],{"class":6007},[5418,12632,6010],{"class":5869},[5418,12634,12635],{"class":5888},"'uploadId'",[5418,12637,6113],{"class":5869},[5418,12639,12640],{"class":5873},"uploadId",[5418,12642,5944],{"class":5869},[5418,12644,5947],{"class":5932},[5418,12646,8611],{"class":5869},[5418,12648,5113],{"class":5932},[5418,12650,6071],{"class":5869},[5418,12652,6074],{"class":5932},[5418,12654,6077],{"class":5869},[5418,12656,12657,12659,12661,12663,12666,12668,12670,12672,12674],{"class":5420,"line":6719},[5418,12658,6082],{"class":5865},[5418,12660,7539],{"class":5928},[5418,12662,5369],{"class":5869},[5418,12664,12665],{"class":5873},"progressSubject",[5418,12667,5369],{"class":5869},[5418,12669,8135],{"class":6007},[5418,12671,6151],{"class":5869},[5418,12673,6096],{"class":6007},[5418,12675,6099],{"class":5869},[5418,12677,12678],{"class":5420,"line":6740},[5418,12679,12680],{"class":5859},"      \u002F\u002F Фільтрувати лише події для цього uploadId\n",[5418,12682,12683,12685,12687,12689,12691,12693,12696,12698,12700,12702,12704],{"class":5420,"line":6775},[5418,12684,9625],{"class":6007},[5418,12686,6107],{"class":5869},[5418,12688,5223],{"class":5873},[5418,12690,6113],{"class":5869},[5418,12692,6116],{"class":5928},[5418,12694,12695],{"class":5873}," event",[5418,12697,5369],{"class":5869},[5418,12699,12640],{"class":5873},[5418,12701,6706],{"class":5869},[5418,12703,12640],{"class":5873},[5418,12705,9659],{"class":5869},[5418,12707,12708,12710,12712,12714,12716,12718],{"class":5420,"line":6791},[5418,12709,6104],{"class":6007},[5418,12711,6107],{"class":5869},[5418,12713,5223],{"class":5873},[5418,12715,6113],{"class":5869},[5418,12717,6116],{"class":5928},[5418,12719,6119],{"class":5869},[5418,12721,12722,12724,12726],{"class":5420,"line":6797},[5418,12723,6124],{"class":5873},[5418,12725,12695],{"class":5873},[5418,12727,6137],{"class":5869},[5418,12729,12730,12732,12734,12736,12738,12740,12742],{"class":5420,"line":6802},[5418,12731,6176],{"class":5873},[5418,12733,6148],{"class":5873},[5418,12735,5369],{"class":5869},[5418,12737,7642],{"class":6007},[5418,12739,6151],{"class":5869},[5418,12741,6184],{"class":6007},[5418,12743,6157],{"class":5869},[5418,12745,12746],{"class":5420,"line":6807},[5418,12747,6192],{"class":5869},[5418,12749,12750],{"class":5420,"line":6812},[5418,12751,6198],{"class":5869},[5418,12753,12754],{"class":5420,"line":6817},[5418,12755,6204],{"class":5869},[5418,12757,12758],{"class":5420,"line":6823},[5418,12759,5923],{"emptyLinePlaceholder":5922},[5418,12761,12762],{"class":5420,"line":6828},[5418,12763,6034],{"class":5859},[5418,12765,12766],{"class":5420,"line":6836},[5418,12767,12768],{"class":5859},"   * Завантаження файлу з емітуванням прогресу\n",[5418,12770,12771],{"class":5420,"line":6852},[5418,12772,6044],{"class":5859},[5418,12774,12775,12777,12780,12782,12785],{"class":5420,"line":6869},[5418,12776,6049],{"class":5869},[5418,12778,12779],{"class":6007},"Post",[5418,12781,6010],{"class":5869},[5418,12783,12784],{"class":5888},"'upload'",[5418,12786,6016],{"class":5869},[5418,12788,12789,12791,12794,12796,12798,12800,12803],{"class":5420,"line":6884},[5418,12790,6049],{"class":5869},[5418,12792,12793],{"class":6007},"UseInterceptors",[5418,12795,6010],{"class":5869},[5418,12797,12393],{"class":6007},[5418,12799,6010],{"class":5869},[5418,12801,12802],{"class":5888},"'file'",[5418,12804,12805],{"class":5869},"))\n",[5418,12807,12808,12810,12813,12815,12818,12821,12824,12826,12829,12831,12834,12836,12839],{"class":5420,"line":6904},[5418,12809,10336],{"class":5928},[5418,12811,12812],{"class":6007}," uploadFile",[5418,12814,9542],{"class":5869},[5418,12816,12817],{"class":6007},"UploadedFile",[5418,12819,12820],{"class":5869},"() ",[5418,12822,12823],{"class":5873},"file",[5418,12825,5944],{"class":5869},[5418,12827,12828],{"class":5932},"Express",[5418,12830,5369],{"class":5869},[5418,12832,12833],{"class":5932},"Multer",[5418,12835,5369],{"class":5869},[5418,12837,12838],{"class":5932},"File",[5418,12840,6716],{"class":5869},[5418,12842,12843,12845,12848,12850,12852,12854,12857],{"class":5420,"line":6910},[5418,12844,6942],{"class":5928},[5418,12846,12847],{"class":6523}," uploadId",[5418,12849,6327],{"class":5869},[5418,12851,6403],{"class":5928},[5418,12853,5369],{"class":5869},[5418,12855,12856],{"class":6007},"generateUploadId",[5418,12858,6866],{"class":5869},[5418,12860,12861],{"class":5420,"line":6915},[5418,12862,5923],{"emptyLinePlaceholder":5922},[5418,12864,12865],{"class":5420,"line":6920},[5418,12866,12867],{"class":5859},"    \u002F\u002F Емітувати початковий статус\n",[5418,12869,12870,12872,12874,12877,12879,12881],{"class":5420,"line":6939},[5418,12871,6385],{"class":5928},[5418,12873,5369],{"class":5869},[5418,12875,12876],{"class":6007},"emitProgress",[5418,12878,6010],{"class":5869},[5418,12880,12640],{"class":5873},[5418,12882,8791],{"class":5869},[5418,12884,12885,12888,12891],{"class":5420,"line":6965},[5418,12886,12887],{"class":5873},"      progress:",[5418,12889,12890],{"class":6090}," 0",[5418,12892,6137],{"class":5869},[5418,12894,12895,12898,12900],{"class":5420,"line":6977},[5418,12896,12897],{"class":5873},"      bytesUploaded:",[5418,12899,12890],{"class":6090},[5418,12901,6137],{"class":5869},[5418,12903,12904,12907,12910,12912,12915],{"class":5420,"line":7001},[5418,12905,12906],{"class":5873},"      totalBytes:",[5418,12908,12909],{"class":5873}," file",[5418,12911,5369],{"class":5869},[5418,12913,12914],{"class":5873},"size",[5418,12916,6137],{"class":5869},[5418,12918,12919,12922,12925],{"class":5420,"line":7047},[5418,12920,12921],{"class":5873},"      status:",[5418,12923,12924],{"class":5888}," 'processing'",[5418,12926,6137],{"class":5869},[5418,12928,12929,12932,12935],{"class":5420,"line":7065},[5418,12930,12931],{"class":5873},"      message:",[5418,12933,12934],{"class":5888}," 'Початок обробки файлу'",[5418,12936,6137],{"class":5869},[5418,12938,12939],{"class":5420,"line":7070},[5418,12940,6474],{"class":5869},[5418,12942,12943],{"class":5420,"line":7075},[5418,12944,5923],{"emptyLinePlaceholder":5922},[5418,12946,12947],{"class":5420,"line":7080},[5418,12948,12949],{"class":5859},"    \u002F\u002F Симуляція обробки файлу порціями (у реальності — обробка через stream)\n",[5418,12951,12952,12954,12957,12959,12962,12964,12967,12969,12971,12973,12975,12977,12979,12982],{"class":5420,"line":7085},[5418,12953,6942],{"class":5928},[5418,12955,12956],{"class":6523}," chunkSize",[5418,12958,6327],{"class":5869},[5418,12960,12961],{"class":5873},"Math",[5418,12963,5369],{"class":5869},[5418,12965,12966],{"class":6007},"floor",[5418,12968,6010],{"class":5869},[5418,12970,12823],{"class":5873},[5418,12972,5369],{"class":5869},[5418,12974,12914],{"class":5873},[5418,12976,10524],{"class":5869},[5418,12978,9588],{"class":6090},[5418,12980,12981],{"class":5869},"); ",[5418,12983,12984],{"class":5859},"\u002F\u002F 10 частин\n",[5418,12986,12987,12989,12992,12994,12996],{"class":5420,"line":7091},[5418,12988,10384],{"class":5928},[5418,12990,12991],{"class":5873}," bytesProcessed",[5418,12993,6327],{"class":5869},[5418,12995,10392],{"class":6090},[5418,12997,5892],{"class":5869},[5418,12999,13000],{"class":5420,"line":7113},[5418,13001,5923],{"emptyLinePlaceholder":5922},[5418,13003,13004,13007,13009,13012,13015,13017,13020,13022,13025,13028,13030,13032,13034],{"class":5420,"line":7126},[5418,13005,13006],{"class":5865},"    for",[5418,13008,5797],{"class":5869},[5418,13010,13011],{"class":5928},"let",[5418,13013,13014],{"class":5873}," i",[5418,13016,6327],{"class":5869},[5418,13018,13019],{"class":6090},"1",[5418,13021,8194],{"class":5869},[5418,13023,13024],{"class":5873},"i",[5418,13026,13027],{"class":5869}," \u003C= ",[5418,13029,9588],{"class":6090},[5418,13031,8194],{"class":5869},[5418,13033,13024],{"class":5873},[5418,13035,13036],{"class":5869},"++) {\n",[5418,13038,13039,13042,13044,13046,13049,13051,13054,13056],{"class":5420,"line":7131},[5418,13040,13041],{"class":5865},"      await",[5418,13043,7539],{"class":5928},[5418,13045,5369],{"class":5869},[5418,13047,13048],{"class":6007},"sleep",[5418,13050,6010],{"class":5869},[5418,13052,13053],{"class":6090},"500",[5418,13055,12981],{"class":5869},[5418,13057,13058],{"class":5859},"\u002F\u002F Імітація обробки\n",[5418,13060,13061],{"class":5420,"line":7137},[5418,13062,5923],{"emptyLinePlaceholder":5922},[5418,13064,13065,13068,13070,13073],{"class":5420,"line":7158},[5418,13066,13067],{"class":5873},"      bytesProcessed",[5418,13069,10463],{"class":5869},[5418,13071,13072],{"class":5873},"chunkSize",[5418,13074,5892],{"class":5869},[5418,13076,13077,13079,13082,13084,13086,13088,13091,13093,13095,13097,13099,13101,13104,13106,13108,13110,13112,13114,13116,13119,13121],{"class":5420,"line":7171},[5418,13078,6520],{"class":5928},[5418,13080,13081],{"class":6523}," progress",[5418,13083,6327],{"class":5869},[5418,13085,12961],{"class":5873},[5418,13087,5369],{"class":5869},[5418,13089,13090],{"class":6007},"min",[5418,13092,6010],{"class":5869},[5418,13094,12961],{"class":5873},[5418,13096,5369],{"class":5869},[5418,13098,10715],{"class":6007},[5418,13100,6107],{"class":5869},[5418,13102,13103],{"class":5873},"bytesProcessed",[5418,13105,10524],{"class":5869},[5418,13107,12823],{"class":5873},[5418,13109,5369],{"class":5869},[5418,13111,12914],{"class":5873},[5418,13113,10670],{"class":5869},[5418,13115,10567],{"class":6090},[5418,13117,13118],{"class":5869},"), ",[5418,13120,10567],{"class":6090},[5418,13122,6411],{"class":5869},[5418,13124,13125],{"class":5420,"line":8585},[5418,13126,5923],{"emptyLinePlaceholder":5922},[5418,13128,13129,13131,13133,13135,13137,13139],{"class":5420,"line":8590},[5418,13130,6602],{"class":5928},[5418,13132,5369],{"class":5869},[5418,13134,12876],{"class":6007},[5418,13136,6010],{"class":5869},[5418,13138,12640],{"class":5873},[5418,13140,8791],{"class":5869},[5418,13142,13143,13146],{"class":5420,"line":8595},[5418,13144,13145],{"class":5873},"        progress",[5418,13147,6137],{"class":5869},[5418,13149,13150,13153,13155],{"class":5420,"line":8618},[5418,13151,13152],{"class":5873},"        bytesUploaded:",[5418,13154,12991],{"class":5873},[5418,13156,6137],{"class":5869},[5418,13158,13159,13162,13164,13166,13168],{"class":5420,"line":8624},[5418,13160,13161],{"class":5873},"        totalBytes:",[5418,13163,12909],{"class":5873},[5418,13165,5369],{"class":5869},[5418,13167,12914],{"class":5873},[5418,13169,6137],{"class":5869},[5418,13171,13172,13175,13177],{"class":5420,"line":8634},[5418,13173,13174],{"class":5873},"        status:",[5418,13176,12924],{"class":5888},[5418,13178,6137],{"class":5869},[5418,13180,13181,13184,13187,13189,13191,13193,13196],{"class":5420,"line":8639},[5418,13182,13183],{"class":5873},"        message:",[5418,13185,13186],{"class":5888}," `Обробка частини ",[5418,13188,7017],{"class":5928},[5418,13190,13024],{"class":5873},[5418,13192,7027],{"class":5928},[5418,13194,13195],{"class":5888},"\u002F10`",[5418,13197,6137],{"class":5869},[5418,13199,13200],{"class":5420,"line":12148},[5418,13201,8375],{"class":5869},[5418,13203,13204],{"class":5420,"line":12164},[5418,13205,6907],{"class":5869},[5418,13207,13208],{"class":5420,"line":12180},[5418,13209,5923],{"emptyLinePlaceholder":5922},[5418,13211,13212],{"class":5420,"line":12200},[5418,13213,13214],{"class":5859},"    \u002F\u002F Завершення\n",[5418,13216,13217,13219,13221,13223,13225,13227],{"class":5420,"line":12229},[5418,13218,6385],{"class":5928},[5418,13220,5369],{"class":5869},[5418,13222,12876],{"class":6007},[5418,13224,6010],{"class":5869},[5418,13226,12640],{"class":5873},[5418,13228,8791],{"class":5869},[5418,13230,13231,13233,13236],{"class":5420,"line":12235},[5418,13232,12887],{"class":5873},[5418,13234,13235],{"class":6090}," 100",[5418,13237,6137],{"class":5869},[5418,13239,13240,13242,13244,13246,13248],{"class":5420,"line":12241},[5418,13241,12897],{"class":5873},[5418,13243,12909],{"class":5873},[5418,13245,5369],{"class":5869},[5418,13247,12914],{"class":5873},[5418,13249,6137],{"class":5869},[5418,13251,13252,13254,13256,13258,13260],{"class":5420,"line":12247},[5418,13253,12906],{"class":5873},[5418,13255,12909],{"class":5873},[5418,13257,5369],{"class":5869},[5418,13259,12914],{"class":5873},[5418,13261,6137],{"class":5869},[5418,13263,13264,13266,13269],{"class":5420,"line":12253},[5418,13265,12921],{"class":5873},[5418,13267,13268],{"class":5888}," 'completed'",[5418,13270,6137],{"class":5869},[5418,13272,13273,13275,13278],{"class":5420,"line":12266},[5418,13274,12931],{"class":5873},[5418,13276,13277],{"class":5888}," 'Файл успішно завантажено'",[5418,13279,6137],{"class":5869},[5418,13281,13282],{"class":5420,"line":12272},[5418,13283,6474],{"class":5869},[5418,13285,13286],{"class":5420,"line":12277},[5418,13287,5923],{"emptyLinePlaceholder":5922},[5418,13289,13290,13292],{"class":5420,"line":12283},[5418,13291,6082],{"class":5865},[5418,13293,5936],{"class":5869},[5418,13295,13296,13299,13302],{"class":5420,"line":12289},[5418,13297,13298],{"class":5873},"      success:",[5418,13300,13301],{"class":5928}," true",[5418,13303,6137],{"class":5869},[5418,13305,13306,13309],{"class":5420,"line":12295},[5418,13307,13308],{"class":5873},"      uploadId",[5418,13310,6137],{"class":5869},[5418,13312,13313,13316,13318,13320,13323],{"class":5420,"line":12301},[5418,13314,13315],{"class":5873},"      filename:",[5418,13317,12909],{"class":5873},[5418,13319,5369],{"class":5869},[5418,13321,13322],{"class":5873},"originalname",[5418,13324,6137],{"class":5869},[5418,13326,13328,13331,13333,13335,13337],{"class":5420,"line":13327},92,[5418,13329,13330],{"class":5873},"      size:",[5418,13332,12909],{"class":5873},[5418,13334,5369],{"class":5869},[5418,13336,12914],{"class":5873},[5418,13338,6137],{"class":5869},[5418,13340,13342],{"class":5420,"line":13341},93,[5418,13343,10845],{"class":5869},[5418,13345,13347],{"class":5420,"line":13346},94,[5418,13348,6204],{"class":5869},[5418,13350,13352],{"class":5420,"line":13351},95,[5418,13353,5923],{"emptyLinePlaceholder":5922},[5418,13355,13357,13359,13362,13364,13366,13368,13370,13372,13374,13376,13379,13381,13383,13385,13387],{"class":5420,"line":13356},96,[5418,13358,6312],{"class":5928},[5418,13360,13361],{"class":6007}," emitProgress",[5418,13363,6010],{"class":5869},[5418,13365,12640],{"class":5873},[5418,13367,5944],{"class":5869},[5418,13369,5947],{"class":5932},[5418,13371,5119],{"class":5869},[5418,13373,5220],{"class":5873},[5418,13375,5944],{"class":5869},[5418,13377,13378],{"class":5932},"Omit",[5418,13380,6071],{"class":5869},[5418,13382,12589],{"class":5932},[5418,13384,5119],{"class":5869},[5418,13386,12635],{"class":5888},[5418,13388,13389],{"class":5869},">) {\n",[5418,13391,13393,13395,13397,13399,13401,13403],{"class":5420,"line":13392},97,[5418,13394,6385],{"class":5928},[5418,13396,5369],{"class":5869},[5418,13398,12665],{"class":5873},[5418,13400,5369],{"class":5869},[5418,13402,8285],{"class":6007},[5418,13404,8288],{"class":5869},[5418,13406,13408,13410],{"class":5420,"line":13407},98,[5418,13409,13308],{"class":5873},[5418,13411,6137],{"class":5869},[5418,13413,13415,13418,13420],{"class":5420,"line":13414},99,[5418,13416,13417],{"class":5869},"      ...",[5418,13419,5220],{"class":5873},[5418,13421,6137],{"class":5869},[5418,13423,13425],{"class":5420,"line":13424},100,[5418,13426,6474],{"class":5869},[5418,13428,13430],{"class":5420,"line":13429},101,[5418,13431,6204],{"class":5869},[5418,13433,13435],{"class":5420,"line":13434},102,[5418,13436,5923],{"emptyLinePlaceholder":5922},[5418,13438,13440,13442,13445,13447,13449],{"class":5420,"line":13439},103,[5418,13441,6312],{"class":5928},[5418,13443,13444],{"class":6007}," generateUploadId",[5418,13446,6066],{"class":5869},[5418,13448,5947],{"class":5932},[5418,13450,5936],{"class":5869},[5418,13452,13454,13456,13459,13461,13463,13465,13467,13470,13472,13474,13476,13478,13480,13483,13485,13487,13489,13492,13494,13497,13499,13502,13504,13507,13509,13511,13513],{"class":5420,"line":13453},104,[5418,13455,6082],{"class":5865},[5418,13457,13458],{"class":5888}," `upload-",[5418,13460,7017],{"class":5928},[5418,13462,8015],{"class":5873},[5418,13464,5369],{"class":7022},[5418,13466,7642],{"class":6007},[5418,13468,13469],{"class":7022},"()",[5418,13471,7027],{"class":5928},[5418,13473,12220],{"class":5888},[5418,13475,7017],{"class":5928},[5418,13477,12961],{"class":5873},[5418,13479,5369],{"class":7022},[5418,13481,13482],{"class":6007},"random",[5418,13484,6151],{"class":7022},[5418,13486,6184],{"class":6007},[5418,13488,6010],{"class":7022},[5418,13490,13491],{"class":6090},"36",[5418,13493,5801],{"class":7022},[5418,13495,13496],{"class":6007},"substr",[5418,13498,6010],{"class":7022},[5418,13500,13501],{"class":6090},"2",[5418,13503,5119],{"class":7022},[5418,13505,13506],{"class":6090},"9",[5418,13508,5744],{"class":7022},[5418,13510,7027],{"class":5928},[5418,13512,7014],{"class":5888},[5418,13514,5892],{"class":5869},[5418,13516,13518],{"class":5420,"line":13517},105,[5418,13519,6204],{"class":5869},[5418,13521,13523],{"class":5420,"line":13522},106,[5418,13524,5923],{"emptyLinePlaceholder":5922},[5418,13526,13528,13530,13533,13535,13538,13540,13542,13544,13546,13548,13551],{"class":5420,"line":13527},107,[5418,13529,6312],{"class":5928},[5418,13531,13532],{"class":6007}," sleep",[5418,13534,6010],{"class":5869},[5418,13536,13537],{"class":5873},"ms",[5418,13539,5944],{"class":5869},[5418,13541,5988],{"class":5932},[5418,13543,8611],{"class":5869},[5418,13545,10344],{"class":5932},[5418,13547,6071],{"class":5869},[5418,13549,13550],{"class":5932},"void",[5418,13552,6077],{"class":5869},[5418,13554,13556,13558,13560,13563,13565,13568,13570,13572,13575,13577,13579,13581,13583],{"class":5420,"line":13555},108,[5418,13557,6082],{"class":5865},[5418,13559,6145],{"class":5928},[5418,13561,13562],{"class":5932}," Promise",[5418,13564,6107],{"class":5869},[5418,13566,13567],{"class":5873},"resolve",[5418,13569,6113],{"class":5869},[5418,13571,6116],{"class":5928},[5418,13573,13574],{"class":6007}," setTimeout",[5418,13576,6010],{"class":5869},[5418,13578,13567],{"class":5873},[5418,13580,5119],{"class":5869},[5418,13582,13537],{"class":5873},[5418,13584,10000],{"class":5869},[5418,13586,13588],{"class":5420,"line":13587},109,[5418,13589,6204],{"class":5869},[5418,13591,13593],{"class":5420,"line":13592},110,[5418,13594,5995],{"class":5869},[5402,13596,13598],{"id":13597},"клієнтська-частина","Клієнтська частина",[5410,13600,13602],{"className":5850,"code":13601,"language":5852,"meta":5414,"style":5414},"\u002F\u002F client\u002Fcomponents\u002FFileUpload.tsx\nimport React, { useState } from 'react';\n\nexport const FileUpload: React.FC = () => {\n  const [file, setFile] = useState\u003CFile | null>(null);\n  const [uploading, setUploading] = useState(false);\n  const [progress, setProgress] = useState(0);\n  const [message, setMessage] = useState('');\n\n  const handleFileSelect = (e: React.ChangeEvent\u003CHTMLInputElement>) => {\n    if (e.target.files && e.target.files[0]) {\n      setFile(e.target.files[0]);\n    }\n  };\n\n  const handleUpload = async () => {\n    if (!file) return;\n\n    setUploading(true);\n    setProgress(0);\n    setMessage('Підготовка...');\n\n    \u002F\u002F Відправити файл\n    const formData = new FormData();\n    formData.append('file', file);\n\n    try {\n      const response = await fetch('http:\u002F\u002Flocalhost:3001\u002Fuploads\u002Fupload', {\n        method: 'POST',\n        body: formData,\n      });\n\n      const result = await response.json();\n      const { uploadId } = result;\n\n      \u002F\u002F Підключитися до SSE для відстеження прогресу\n      const eventSource = new EventSource(\n        `http:\u002F\u002Flocalhost:3001\u002Fuploads\u002Fprogress?uploadId=${uploadId}`\n      );\n\n      eventSource.addEventListener('message', (event) => {\n        const data = JSON.parse(event.data);\n\n        setProgress(data.progress);\n        setMessage(data.message);\n\n        if (data.status === 'completed') {\n          eventSource.close();\n          setUploading(false);\n          alert('Файл успішно завантажено!');\n        } else if (data.status === 'error') {\n          eventSource.close();\n          setUploading(false);\n          alert(`Помилка: ${data.message}`);\n        }\n      });\n\n      eventSource.addEventListener('error', () => {\n        eventSource.close();\n        setUploading(false);\n        alert('Помилка з\\'єднання');\n      });\n    } catch (error) {\n      console.error('Помилка завантаження:', error);\n      setUploading(false);\n    }\n  };\n\n  return (\n    \u003Cdiv className=\"file-upload\">\n      \u003Cinput type=\"file\" onChange={handleFileSelect} disabled={uploading} \u002F>\n\n      \u003Cbutton onClick={handleUpload} disabled={!file || uploading}>\n        {uploading ? 'Завантаження...' : 'Завантажити'}\n      \u003C\u002Fbutton>\n\n      {uploading && (\n        \u003Cdiv className=\"progress-container\">\n          \u003Cdiv className=\"progress-bar\" style={{ width: `${progress}%` }}>\n            {progress}%\n          \u003C\u002Fdiv>\n          \u003Cp className=\"progress-message\">{message}\u003C\u002Fp>\n        \u003C\u002Fdiv>\n      )}\n    \u003C\u002Fdiv>\n  );\n};\n",[5116,13603,13604,13609,13627,13631,13654,13686,13710,13734,13758,13762,13795,13832,13856,13860,13864,13868,13885,13901,13905,13916,13927,13939,13943,13948,13964,13984,13988,13995,14016,14026,14035,14039,14043,14063,14079,14083,14088,14102,14116,14121,14125,14147,14171,14175,14190,14205,14209,14229,14240,14251,14263,14286,14296,14306,14329,14334,14338,14342,14360,14371,14382,14398,14402,14416,14435,14446,14450,14454,14458,14464,14479,14513,14517,14544,14564,14572,14576,14585,14600,14637,14647,14656,14681,14690,14694,14703,14707],{"__ignoreMap":5414},[5418,13605,13606],{"class":5420,"line":5421},[5418,13607,13608],{"class":5859},"\u002F\u002F client\u002Fcomponents\u002FFileUpload.tsx\n",[5418,13610,13611,13613,13615,13617,13619,13621,13623,13625],{"class":5420,"line":5427},[5418,13612,5866],{"class":5865},[5418,13614,11249],{"class":5873},[5418,13616,11252],{"class":5869},[5418,13618,11260],{"class":5873},[5418,13620,5882],{"class":5869},[5418,13622,5885],{"class":5865},[5418,13624,11267],{"class":5888},[5418,13626,5892],{"class":5869},[5418,13628,13629],{"class":5420,"line":5433},[5418,13630,5923],{"emptyLinePlaceholder":5922},[5418,13632,13633,13635,13637,13640,13642,13644,13646,13648,13650,13652],{"class":5420,"line":5439},[5418,13634,6021],{"class":5865},[5418,13636,11356],{"class":5928},[5418,13638,13639],{"class":6007}," FileUpload",[5418,13641,5944],{"class":5869},[5418,13643,2149],{"class":5932},[5418,13645,5369],{"class":5869},[5418,13647,11368],{"class":5932},[5418,13649,11371],{"class":5869},[5418,13651,6116],{"class":5928},[5418,13653,5936],{"class":5869},[5418,13655,13656,13658,13660,13662,13664,13667,13669,13671,13673,13675,13677,13679,13682,13684],{"class":5420,"line":5445},[5418,13657,7730],{"class":5928},[5418,13659,11382],{"class":5869},[5418,13661,12823],{"class":6523},[5418,13663,5119],{"class":5869},[5418,13665,13666],{"class":6523},"setFile",[5418,13668,11392],{"class":5869},[5418,13670,11260],{"class":6007},[5418,13672,6071],{"class":5869},[5418,13674,12838],{"class":5932},[5418,13676,5950],{"class":5869},[5418,13678,6324],{"class":5932},[5418,13680,13681],{"class":5869},">(",[5418,13683,6324],{"class":5928},[5418,13685,6411],{"class":5869},[5418,13687,13688,13690,13692,13695,13697,13700,13702,13704,13706,13708],{"class":5420,"line":5451},[5418,13689,7730],{"class":5928},[5418,13691,11382],{"class":5869},[5418,13693,13694],{"class":6523},"uploading",[5418,13696,5119],{"class":5869},[5418,13698,13699],{"class":6523},"setUploading",[5418,13701,11392],{"class":5869},[5418,13703,11260],{"class":6007},[5418,13705,6010],{"class":5869},[5418,13707,7263],{"class":5928},[5418,13709,6411],{"class":5869},[5418,13711,13712,13714,13716,13719,13721,13724,13726,13728,13730,13732],{"class":5420,"line":5457},[5418,13713,7730],{"class":5928},[5418,13715,11382],{"class":5869},[5418,13717,13718],{"class":6523},"progress",[5418,13720,5119],{"class":5869},[5418,13722,13723],{"class":6523},"setProgress",[5418,13725,11392],{"class":5869},[5418,13727,11260],{"class":6007},[5418,13729,6010],{"class":5869},[5418,13731,10392],{"class":6090},[5418,13733,6411],{"class":5869},[5418,13735,13736,13738,13740,13742,13744,13747,13749,13751,13753,13756],{"class":5420,"line":5462},[5418,13737,7730],{"class":5928},[5418,13739,11382],{"class":5869},[5418,13741,5743],{"class":6523},[5418,13743,5119],{"class":5869},[5418,13745,13746],{"class":6523},"setMessage",[5418,13748,11392],{"class":5869},[5418,13750,11260],{"class":6007},[5418,13752,6010],{"class":5869},[5418,13754,13755],{"class":5888},"''",[5418,13757,6411],{"class":5869},[5418,13759,13760],{"class":5420,"line":5468},[5418,13761,5923],{"emptyLinePlaceholder":5922},[5418,13763,13764,13766,13769,13771,13774,13776,13778,13780,13783,13785,13788,13791,13793],{"class":5420,"line":5473},[5418,13765,7730],{"class":5928},[5418,13767,13768],{"class":6007}," handleFileSelect",[5418,13770,10660],{"class":5869},[5418,13772,13773],{"class":5873},"e",[5418,13775,5944],{"class":5869},[5418,13777,2149],{"class":5932},[5418,13779,5369],{"class":5869},[5418,13781,13782],{"class":5932},"ChangeEvent",[5418,13784,6071],{"class":5869},[5418,13786,13787],{"class":5932},"HTMLInputElement",[5418,13789,13790],{"class":5869},">) ",[5418,13792,6116],{"class":5928},[5418,13794,5936],{"class":5869},[5418,13796,13797,13799,13801,13803,13805,13808,13810,13813,13815,13817,13819,13821,13823,13825,13827,13829],{"class":5420,"line":5479},[5418,13798,6839],{"class":5865},[5418,13800,5797],{"class":5869},[5418,13802,13773],{"class":5873},[5418,13804,5369],{"class":5869},[5418,13806,13807],{"class":5873},"target",[5418,13809,5369],{"class":5869},[5418,13811,13812],{"class":5873},"files",[5418,13814,8755],{"class":5869},[5418,13816,13773],{"class":5873},[5418,13818,5369],{"class":5869},[5418,13820,13807],{"class":5873},[5418,13822,5369],{"class":5869},[5418,13824,13812],{"class":5873},[5418,13826,10472],{"class":5869},[5418,13828,10392],{"class":6090},[5418,13830,13831],{"class":5869},"]) {\n",[5418,13833,13834,13837,13839,13841,13843,13845,13847,13849,13851,13853],{"class":5420,"line":5485},[5418,13835,13836],{"class":6007},"      setFile",[5418,13838,6010],{"class":5869},[5418,13840,13773],{"class":5873},[5418,13842,5369],{"class":5869},[5418,13844,13807],{"class":5873},[5418,13846,5369],{"class":5869},[5418,13848,13812],{"class":5873},[5418,13850,10472],{"class":5869},[5418,13852,10392],{"class":6090},[5418,13854,13855],{"class":5869},"]);\n",[5418,13857,13858],{"class":5420,"line":5490},[5418,13859,6907],{"class":5869},[5418,13861,13862],{"class":5420,"line":5496},[5418,13863,10201],{"class":5869},[5418,13865,13866],{"class":5420,"line":5502},[5418,13867,5923],{"emptyLinePlaceholder":5922},[5418,13869,13870,13872,13875,13877,13879,13881,13883],{"class":5420,"line":5507},[5418,13871,7730],{"class":5928},[5418,13873,13874],{"class":6007}," handleUpload",[5418,13876,6327],{"class":5869},[5418,13878,7511],{"class":5928},[5418,13880,7514],{"class":5869},[5418,13882,6116],{"class":5928},[5418,13884,5936],{"class":5869},[5418,13886,13887,13889,13892,13894,13896,13899],{"class":5420,"line":5513},[5418,13888,6839],{"class":5865},[5418,13890,13891],{"class":5869}," (!",[5418,13893,12823],{"class":5873},[5418,13895,6113],{"class":5869},[5418,13897,13898],{"class":5865},"return",[5418,13900,5892],{"class":5869},[5418,13902,13903],{"class":5420,"line":5519},[5418,13904,5923],{"emptyLinePlaceholder":5922},[5418,13906,13907,13910,13912,13914],{"class":5420,"line":5524},[5418,13908,13909],{"class":6007},"    setUploading",[5418,13911,6010],{"class":5869},[5418,13913,11511],{"class":5928},[5418,13915,6411],{"class":5869},[5418,13917,13918,13921,13923,13925],{"class":5420,"line":5530},[5418,13919,13920],{"class":6007},"    setProgress",[5418,13922,6010],{"class":5869},[5418,13924,10392],{"class":6090},[5418,13926,6411],{"class":5869},[5418,13928,13929,13932,13934,13937],{"class":5420,"line":5536},[5418,13930,13931],{"class":6007},"    setMessage",[5418,13933,6010],{"class":5869},[5418,13935,13936],{"class":5888},"'Підготовка...'",[5418,13938,6411],{"class":5869},[5418,13940,13941],{"class":5420,"line":5541},[5418,13942,5923],{"emptyLinePlaceholder":5922},[5418,13944,13945],{"class":5420,"line":5547},[5418,13946,13947],{"class":5859},"    \u002F\u002F Відправити файл\n",[5418,13949,13950,13952,13955,13957,13959,13962],{"class":5420,"line":5553},[5418,13951,6942],{"class":5928},[5418,13953,13954],{"class":6523}," formData",[5418,13956,6327],{"class":5869},[5418,13958,6395],{"class":5928},[5418,13960,13961],{"class":6007}," FormData",[5418,13963,6866],{"class":5869},[5418,13965,13966,13969,13971,13974,13976,13978,13980,13982],{"class":5420,"line":6167},[5418,13967,13968],{"class":5873},"    formData",[5418,13970,5369],{"class":5869},[5418,13972,13973],{"class":6007},"append",[5418,13975,6010],{"class":5869},[5418,13977,12802],{"class":5888},[5418,13979,5119],{"class":5869},[5418,13981,12823],{"class":5873},[5418,13983,6411],{"class":5869},[5418,13985,13986],{"class":5420,"line":6173},[5418,13987,5923],{"emptyLinePlaceholder":5922},[5418,13989,13990,13993],{"class":5420,"line":6189},[5418,13991,13992],{"class":5865},"    try",[5418,13994,5936],{"class":5869},[5418,13996,13997,13999,14002,14004,14006,14009,14011,14014],{"class":5420,"line":6195},[5418,13998,6520],{"class":5928},[5418,14000,14001],{"class":6523}," response",[5418,14003,6327],{"class":5869},[5418,14005,7536],{"class":5865},[5418,14007,14008],{"class":6007}," fetch",[5418,14010,6010],{"class":5869},[5418,14012,14013],{"class":5888},"'http:\u002F\u002Flocalhost:3001\u002Fuploads\u002Fupload'",[5418,14015,8791],{"class":5869},[5418,14017,14018,14021,14024],{"class":5420,"line":6201},[5418,14019,14020],{"class":5873},"        method:",[5418,14022,14023],{"class":5888}," 'POST'",[5418,14025,6137],{"class":5869},[5418,14027,14028,14031,14033],{"class":5420,"line":6207},[5418,14029,14030],{"class":5873},"        body:",[5418,14032,13954],{"class":5873},[5418,14034,6137],{"class":5869},[5418,14036,14037],{"class":5420,"line":6681},[5418,14038,8375],{"class":5869},[5418,14040,14041],{"class":5420,"line":6686},[5418,14042,5923],{"emptyLinePlaceholder":5922},[5418,14044,14045,14047,14050,14052,14054,14056,14058,14061],{"class":5420,"line":6719},[5418,14046,6520],{"class":5928},[5418,14048,14049],{"class":6523}," result",[5418,14051,6327],{"class":5869},[5418,14053,7536],{"class":5865},[5418,14055,14001],{"class":5873},[5418,14057,5369],{"class":5869},[5418,14059,14060],{"class":6007},"json",[5418,14062,6866],{"class":5869},[5418,14064,14065,14067,14069,14071,14074,14077],{"class":5420,"line":6740},[5418,14066,6520],{"class":5928},[5418,14068,5870],{"class":5869},[5418,14070,12640],{"class":6523},[5418,14072,14073],{"class":5869}," } = ",[5418,14075,14076],{"class":5873},"result",[5418,14078,5892],{"class":5869},[5418,14080,14081],{"class":5420,"line":6775},[5418,14082,5923],{"emptyLinePlaceholder":5922},[5418,14084,14085],{"class":5420,"line":6791},[5418,14086,14087],{"class":5859},"      \u002F\u002F Підключитися до SSE для відстеження прогресу\n",[5418,14089,14090,14092,14094,14096,14098,14100],{"class":5420,"line":6797},[5418,14091,6520],{"class":5928},[5418,14093,6315],{"class":6523},[5418,14095,6327],{"class":5869},[5418,14097,6395],{"class":5928},[5418,14099,6398],{"class":6007},[5418,14101,6099],{"class":5869},[5418,14103,14104,14107,14109,14111,14113],{"class":5420,"line":6802},[5418,14105,14106],{"class":5888},"        `http:\u002F\u002Flocalhost:3001\u002Fuploads\u002Fprogress?uploadId=",[5418,14108,7017],{"class":5928},[5418,14110,12640],{"class":5873},[5418,14112,7027],{"class":5928},[5418,14114,14115],{"class":5888},"`\n",[5418,14117,14118],{"class":5420,"line":6807},[5418,14119,14120],{"class":5869},"      );\n",[5418,14122,14123],{"class":5420,"line":6812},[5418,14124,5923],{"emptyLinePlaceholder":5922},[5418,14126,14127,14129,14131,14133,14135,14137,14139,14141,14143,14145],{"class":5420,"line":6817},[5418,14128,11716],{"class":5873},[5418,14130,5369],{"class":5869},[5418,14132,6433],{"class":6007},[5418,14134,6010],{"class":5869},[5418,14136,6500],{"class":5888},[5418,14138,6503],{"class":5869},[5418,14140,5223],{"class":5873},[5418,14142,6113],{"class":5869},[5418,14144,6116],{"class":5928},[5418,14146,5936],{"class":5869},[5418,14148,14149,14151,14153,14155,14157,14159,14161,14163,14165,14167,14169],{"class":5420,"line":6823},[5418,14150,7528],{"class":5928},[5418,14152,6524],{"class":6523},[5418,14154,6327],{"class":5869},[5418,14156,6529],{"class":6523},[5418,14158,5369],{"class":5869},[5418,14160,6534],{"class":6007},[5418,14162,6010],{"class":5869},[5418,14164,5223],{"class":5873},[5418,14166,5369],{"class":5869},[5418,14168,5220],{"class":5873},[5418,14170,6411],{"class":5869},[5418,14172,14173],{"class":5420,"line":6828},[5418,14174,5923],{"emptyLinePlaceholder":5922},[5418,14176,14177,14180,14182,14184,14186,14188],{"class":5420,"line":6836},[5418,14178,14179],{"class":6007},"        setProgress",[5418,14181,6010],{"class":5869},[5418,14183,5220],{"class":5873},[5418,14185,5369],{"class":5869},[5418,14187,13718],{"class":5873},[5418,14189,6411],{"class":5869},[5418,14191,14192,14195,14197,14199,14201,14203],{"class":5420,"line":6852},[5418,14193,14194],{"class":6007},"        setMessage",[5418,14196,6010],{"class":5869},[5418,14198,5220],{"class":5873},[5418,14200,5369],{"class":5869},[5418,14202,5743],{"class":5873},[5418,14204,6411],{"class":5869},[5418,14206,14207],{"class":5420,"line":6869},[5418,14208,5923],{"emptyLinePlaceholder":5922},[5418,14210,14211,14214,14216,14218,14220,14223,14225,14227],{"class":5420,"line":6884},[5418,14212,14213],{"class":5865},"        if",[5418,14215,5797],{"class":5869},[5418,14217,5220],{"class":5873},[5418,14219,5369],{"class":5869},[5418,14221,14222],{"class":5873},"status",[5418,14224,6706],{"class":5869},[5418,14226,12518],{"class":5888},[5418,14228,6716],{"class":5869},[5418,14230,14231,14234,14236,14238],{"class":5420,"line":6904},[5418,14232,14233],{"class":5873},"          eventSource",[5418,14235,5369],{"class":5869},[5418,14237,6863],{"class":6007},[5418,14239,6866],{"class":5869},[5418,14241,14242,14245,14247,14249],{"class":5420,"line":6910},[5418,14243,14244],{"class":6007},"          setUploading",[5418,14246,6010],{"class":5869},[5418,14248,7263],{"class":5928},[5418,14250,6411],{"class":5869},[5418,14252,14253,14256,14258,14261],{"class":5420,"line":6915},[5418,14254,14255],{"class":6007},"          alert",[5418,14257,6010],{"class":5869},[5418,14259,14260],{"class":5888},"'Файл успішно завантажено!'",[5418,14262,6411],{"class":5869},[5418,14264,14265,14268,14270,14272,14274,14276,14278,14280,14282,14284],{"class":5420,"line":6920},[5418,14266,14267],{"class":5869},"        } ",[5418,14269,6746],{"class":5865},[5418,14271,6749],{"class":5865},[5418,14273,5797],{"class":5869},[5418,14275,5220],{"class":5873},[5418,14277,5369],{"class":5869},[5418,14279,14222],{"class":5873},[5418,14281,6706],{"class":5869},[5418,14283,6643],{"class":5888},[5418,14285,6716],{"class":5869},[5418,14287,14288,14290,14292,14294],{"class":5420,"line":6939},[5418,14289,14233],{"class":5873},[5418,14291,5369],{"class":5869},[5418,14293,6863],{"class":6007},[5418,14295,6866],{"class":5869},[5418,14297,14298,14300,14302,14304],{"class":5420,"line":6965},[5418,14299,14244],{"class":6007},[5418,14301,6010],{"class":5869},[5418,14303,7263],{"class":5928},[5418,14305,6411],{"class":5869},[5418,14307,14308,14310,14312,14315,14317,14319,14321,14323,14325,14327],{"class":5420,"line":6977},[5418,14309,14255],{"class":6007},[5418,14311,6010],{"class":5869},[5418,14313,14314],{"class":5888},"`Помилка: ",[5418,14316,7017],{"class":5928},[5418,14318,5220],{"class":5873},[5418,14320,5369],{"class":7022},[5418,14322,5743],{"class":5873},[5418,14324,7027],{"class":5928},[5418,14326,7014],{"class":5888},[5418,14328,6411],{"class":5869},[5418,14330,14331],{"class":5420,"line":7001},[5418,14332,14333],{"class":5869},"        }\n",[5418,14335,14336],{"class":5420,"line":7047},[5418,14337,8375],{"class":5869},[5418,14339,14340],{"class":5420,"line":7065},[5418,14341,5923],{"emptyLinePlaceholder":5922},[5418,14343,14344,14346,14348,14350,14352,14354,14356,14358],{"class":5420,"line":7070},[5418,14345,11716],{"class":5873},[5418,14347,5369],{"class":5869},[5418,14349,6433],{"class":6007},[5418,14351,6010],{"class":5869},[5418,14353,6643],{"class":5888},[5418,14355,6441],{"class":5869},[5418,14357,6116],{"class":5928},[5418,14359,5936],{"class":5869},[5418,14361,14362,14365,14367,14369],{"class":5420,"line":7075},[5418,14363,14364],{"class":5873},"        eventSource",[5418,14366,5369],{"class":5869},[5418,14368,6863],{"class":6007},[5418,14370,6866],{"class":5869},[5418,14372,14373,14376,14378,14380],{"class":5420,"line":7080},[5418,14374,14375],{"class":6007},"        setUploading",[5418,14377,6010],{"class":5869},[5418,14379,7263],{"class":5928},[5418,14381,6411],{"class":5869},[5418,14383,14384,14387,14389,14392,14394,14396],{"class":5420,"line":7085},[5418,14385,14386],{"class":6007},"        alert",[5418,14388,6010],{"class":5869},[5418,14390,14391],{"class":5888},"'Помилка з",[5418,14393,6464],{"class":6463},[5418,14395,11681],{"class":5888},[5418,14397,6411],{"class":5869},[5418,14399,14400],{"class":5420,"line":7091},[5418,14401,8375],{"class":5869},[5418,14403,14404,14407,14410,14412,14414],{"class":5420,"line":7113},[5418,14405,14406],{"class":5869},"    } ",[5418,14408,14409],{"class":5865},"catch",[5418,14411,5797],{"class":5869},[5418,14413,6648],{"class":5873},[5418,14415,6716],{"class":5869},[5418,14417,14418,14420,14422,14424,14426,14429,14431,14433],{"class":5420,"line":7126},[5418,14419,6450],{"class":5873},[5418,14421,5369],{"class":5869},[5418,14423,6648],{"class":6007},[5418,14425,6010],{"class":5869},[5418,14427,14428],{"class":5888},"'Помилка завантаження:'",[5418,14430,5119],{"class":5869},[5418,14432,6648],{"class":5873},[5418,14434,6411],{"class":5869},[5418,14436,14437,14440,14442,14444],{"class":5420,"line":7131},[5418,14438,14439],{"class":6007},"      setUploading",[5418,14441,6010],{"class":5869},[5418,14443,7263],{"class":5928},[5418,14445,6411],{"class":5869},[5418,14447,14448],{"class":5420,"line":7137},[5418,14449,6907],{"class":5869},[5418,14451,14452],{"class":5420,"line":7158},[5418,14453,10201],{"class":5869},[5418,14455,14456],{"class":5420,"line":7171},[5418,14457,5923],{"emptyLinePlaceholder":5922},[5418,14459,14460,14462],{"class":5420,"line":8585},[5418,14461,11945],{"class":5865},[5418,14463,11948],{"class":5869},[5418,14465,14466,14468,14470,14472,14474,14477],{"class":5420,"line":8590},[5418,14467,11953],{"class":5869},[5418,14469,11956],{"class":5873},[5418,14471,11959],{"class":5873},[5418,14473,11962],{"class":5869},[5418,14475,14476],{"class":5888},"\"file-upload\"",[5418,14478,11968],{"class":5869},[5418,14480,14481,14483,14486,14488,14490,14493,14496,14498,14501,14503,14506,14508,14510],{"class":5420,"line":8595},[5418,14482,11973],{"class":5869},[5418,14484,14485],{"class":5873},"input",[5418,14487,10443],{"class":5873},[5418,14489,11962],{"class":5869},[5418,14491,14492],{"class":5888},"\"file\"",[5418,14494,14495],{"class":5873}," onChange",[5418,14497,12096],{"class":5869},[5418,14499,14500],{"class":5873},"handleFileSelect",[5418,14502,12102],{"class":5869},[5418,14504,14505],{"class":5873},"disabled",[5418,14507,12096],{"class":5869},[5418,14509,13694],{"class":5873},[5418,14511,14512],{"class":5869},"} \u002F>\n",[5418,14514,14515],{"class":5420,"line":8618},[5418,14516,5923],{"emptyLinePlaceholder":5922},[5418,14518,14519,14521,14524,14527,14529,14532,14534,14536,14539,14541],{"class":5420,"line":8624},[5418,14520,11973],{"class":5869},[5418,14522,14523],{"class":5873},"button",[5418,14525,14526],{"class":5873}," onClick",[5418,14528,12096],{"class":5869},[5418,14530,14531],{"class":5873},"handleUpload",[5418,14533,12102],{"class":5869},[5418,14535,14505],{"class":5873},[5418,14537,14538],{"class":5869},"={!file || ",[5418,14540,13694],{"class":5873},[5418,14542,14543],{"class":5869},"}>\n",[5418,14545,14546,14548,14550,14553,14556,14559,14562],{"class":5420,"line":8634},[5418,14547,11989],{"class":5869},[5418,14549,13694],{"class":5873},[5418,14551,14552],{"class":5869}," ? ",[5418,14554,14555],{"class":5888},"'Завантаження...'",[5418,14557,14558],{"class":5869}," : ",[5418,14560,14561],{"class":5888},"'Завантажити'",[5418,14563,5995],{"class":5869},[5418,14565,14566,14568,14570],{"class":5420,"line":8639},[5418,14567,12061],{"class":5869},[5418,14569,14523],{"class":5873},[5418,14571,11968],{"class":5869},[5418,14573,14574],{"class":5420,"line":12148},[5418,14575,5923],{"emptyLinePlaceholder":5922},[5418,14577,14578,14580,14582],{"class":5420,"line":12164},[5418,14579,12136],{"class":5869},[5418,14581,13694],{"class":5873},[5418,14583,14584],{"class":5869}," && (\n",[5418,14586,14587,14589,14591,14593,14595,14598],{"class":5420,"line":12180},[5418,14588,12089],{"class":5869},[5418,14590,11956],{"class":5873},[5418,14592,11959],{"class":5873},[5418,14594,11962],{"class":5869},[5418,14596,14597],{"class":5888},"\"progress-container\"",[5418,14599,11968],{"class":5869},[5418,14601,14602,14604,14606,14608,14610,14613,14616,14618,14621,14623,14625,14627,14629,14631,14634],{"class":5420,"line":12200},[5418,14603,11999],{"class":5869},[5418,14605,11956],{"class":5873},[5418,14607,11959],{"class":5873},[5418,14609,11962],{"class":5869},[5418,14611,14612],{"class":5888},"\"progress-bar\"",[5418,14614,14615],{"class":5873}," style",[5418,14617,12108],{"class":5869},[5418,14619,14620],{"class":12111},"width",[5418,14622,5944],{"class":5869},[5418,14624,7014],{"class":5888},[5418,14626,7017],{"class":5928},[5418,14628,13718],{"class":5873},[5418,14630,7027],{"class":5928},[5418,14632,14633],{"class":5888},"%`",[5418,14635,14636],{"class":5869}," }}>\n",[5418,14638,14639,14642,14644],{"class":5420,"line":12229},[5418,14640,14641],{"class":5869},"            {",[5418,14643,13718],{"class":5873},[5418,14645,14646],{"class":5869},"}%\n",[5418,14648,14649,14652,14654],{"class":5420,"line":12235},[5418,14650,14651],{"class":5869},"          \u003C\u002F",[5418,14653,11956],{"class":5873},[5418,14655,11968],{"class":5869},[5418,14657,14658,14660,14662,14664,14666,14669,14672,14674,14677,14679],{"class":5420,"line":12241},[5418,14659,11999],{"class":5869},[5418,14661,5089],{"class":5873},[5418,14663,11959],{"class":5873},[5418,14665,11962],{"class":5869},[5418,14667,14668],{"class":5888},"\"progress-message\"",[5418,14670,14671],{"class":5869},">{",[5418,14673,5743],{"class":5873},[5418,14675,14676],{"class":5869},"}\u003C\u002F",[5418,14678,5089],{"class":5873},[5418,14680,11968],{"class":5869},[5418,14682,14683,14686,14688],{"class":5420,"line":12247},[5418,14684,14685],{"class":5869},"        \u003C\u002F",[5418,14687,11956],{"class":5873},[5418,14689,11968],{"class":5869},[5418,14691,14692],{"class":5420,"line":12253},[5418,14693,12286],{"class":5869},[5418,14695,14696,14699,14701],{"class":5420,"line":12266},[5418,14697,14698],{"class":5869},"    \u003C\u002F",[5418,14700,11956],{"class":5873},[5418,14702,11968],{"class":5869},[5418,14704,14705],{"class":5420,"line":12272},[5418,14706,12298],{"class":5869},[5418,14708,14709],{"class":5420,"line":12277},[5418,14710,12304],{"class":5869},[5178,14712],{},[5084,14714,14716],{"id":14715},"автентифікація-sse-зєднань","Автентифікація SSE з'єднань",[5089,14718,14719],{},"Оскільки EventSource API не підтримує кастомні заголовки, автентифікація SSE потребує альтернативних підходів.",[5402,14721,14723],{"id":14722},"підхід-1-cookie-based-authentication-рекомендовано","Підхід 1: Cookie-based Authentication (рекомендовано)",[5089,14725,14726],{},"Використовуйте HttpOnly cookies для передачі JWT токена. EventSource автоматично відправляє cookies при підключенні.",[5089,14728,14729],{},[5099,14730,14731],{},"Серверна частина:",[5410,14733,14735],{"className":5850,"code":14734,"language":5852,"meta":5414,"style":5414},"\u002F\u002F src\u002Fauth\u002Fauth.controller.ts\nimport { Controller, Post, Res, Body } from '@nestjs\u002Fcommon';\nimport { Response } from 'express';\nimport { AuthService } from '.\u002Fauth.service';\n\n@Controller('auth')\nexport class AuthController {\n  constructor(private authService: AuthService) {}\n\n  @Post('login')\n  async login(\n    @Body() credentials: { email: string; password: string },\n    @Res({ passthrough: true }) response: Response,\n  ) {\n    const user = await this.authService.validateUser(credentials.email, credentials.password);\n\n    if (!user) {\n      throw new UnauthorizedException('Invalid credentials');\n    }\n\n    const token = this.authService.generateToken(user);\n\n    \u002F\u002F Встановити HttpOnly cookie\n    response.cookie('auth_token', token, {\n      httpOnly: true, \u002F\u002F Не доступний через JavaScript\n      secure: process.env.NODE_ENV === 'production', \u002F\u002F Лише HTTPS у production\n      sameSite: 'strict',\n      maxAge: 7 * 24 * 60 * 60 * 1000, \u002F\u002F 7 днів\n    });\n\n    return { success: true, user: { id: user.id, email: user.email } };\n  }\n}\n",[5116,14736,14737,14742,14772,14790,14808,14812,14825,14836,14853,14857,14870,14879,14911,14936,14941,14982,14986,14997,15014,15018,15022,15048,15052,15057,15079,15091,15119,15129,15161,15165,15169,15209,15213],{"__ignoreMap":5414},[5418,14738,14739],{"class":5420,"line":5421},[5418,14740,14741],{"class":5859},"\u002F\u002F src\u002Fauth\u002Fauth.controller.ts\n",[5418,14743,14744,14746,14748,14750,14752,14754,14756,14759,14761,14764,14766,14768,14770],{"class":5420,"line":5427},[5418,14745,5866],{"class":5865},[5418,14747,5870],{"class":5869},[5418,14749,5874],{"class":5873},[5418,14751,5119],{"class":5869},[5418,14753,12779],{"class":5873},[5418,14755,5119],{"class":5869},[5418,14757,14758],{"class":5873},"Res",[5418,14760,5119],{"class":5869},[5418,14762,14763],{"class":5873},"Body",[5418,14765,5882],{"class":5869},[5418,14767,5885],{"class":5865},[5418,14769,5889],{"class":5888},[5418,14771,5892],{"class":5869},[5418,14773,14774,14776,14778,14781,14783,14785,14788],{"class":5420,"line":5433},[5418,14775,5866],{"class":5865},[5418,14777,5870],{"class":5869},[5418,14779,14780],{"class":5873},"Response",[5418,14782,5882],{"class":5869},[5418,14784,5885],{"class":5865},[5418,14786,14787],{"class":5888}," 'express'",[5418,14789,5892],{"class":5869},[5418,14791,14792,14794,14796,14799,14801,14803,14806],{"class":5420,"line":5439},[5418,14793,5866],{"class":5865},[5418,14795,5870],{"class":5869},[5418,14797,14798],{"class":5873},"AuthService",[5418,14800,5882],{"class":5869},[5418,14802,5885],{"class":5865},[5418,14804,14805],{"class":5888}," '.\u002Fauth.service'",[5418,14807,5892],{"class":5869},[5418,14809,14810],{"class":5420,"line":5445},[5418,14811,5923],{"emptyLinePlaceholder":5922},[5418,14813,14814,14816,14818,14820,14823],{"class":5420,"line":5451},[5418,14815,6004],{"class":5869},[5418,14817,5874],{"class":6007},[5418,14819,6010],{"class":5869},[5418,14821,14822],{"class":5888},"'auth'",[5418,14824,6016],{"class":5869},[5418,14826,14827,14829,14831,14834],{"class":5420,"line":5457},[5418,14828,6021],{"class":5865},[5418,14830,6024],{"class":5928},[5418,14832,14833],{"class":5932}," AuthController",[5418,14835,5936],{"class":5869},[5418,14837,14838,14840,14842,14844,14847,14849,14851],{"class":5420,"line":5462},[5418,14839,6340],{"class":5928},[5418,14841,6010],{"class":5869},[5418,14843,6345],{"class":5928},[5418,14845,14846],{"class":5873}," authService",[5418,14848,5944],{"class":5869},[5418,14850,14798],{"class":5932},[5418,14852,6355],{"class":5869},[5418,14854,14855],{"class":5420,"line":5468},[5418,14856,5923],{"emptyLinePlaceholder":5922},[5418,14858,14859,14861,14863,14865,14868],{"class":5420,"line":5473},[5418,14860,6049],{"class":5869},[5418,14862,12779],{"class":6007},[5418,14864,6010],{"class":5869},[5418,14866,14867],{"class":5888},"'login'",[5418,14869,6016],{"class":5869},[5418,14871,14872,14874,14877],{"class":5420,"line":5479},[5418,14873,10336],{"class":5928},[5418,14875,14876],{"class":6007}," login",[5418,14878,6099],{"class":5869},[5418,14880,14881,14884,14886,14888,14891,14893,14896,14898,14900,14902,14905,14907,14909],{"class":5420,"line":5485},[5418,14882,14883],{"class":5869},"    @",[5418,14885,14763],{"class":6007},[5418,14887,12820],{"class":5869},[5418,14889,14890],{"class":5873},"credentials",[5418,14892,8184],{"class":5869},[5418,14894,14895],{"class":5873},"email",[5418,14897,5944],{"class":5869},[5418,14899,5947],{"class":5932},[5418,14901,8194],{"class":5869},[5418,14903,14904],{"class":5873},"password",[5418,14906,5944],{"class":5869},[5418,14908,5947],{"class":5932},[5418,14910,11069],{"class":5869},[5418,14912,14913,14915,14917,14920,14923,14925,14927,14930,14932,14934],{"class":5420,"line":5490},[5418,14914,14883],{"class":5869},[5418,14916,14758],{"class":6007},[5418,14918,14919],{"class":5869},"({ ",[5418,14921,14922],{"class":5873},"passthrough:",[5418,14924,13301],{"class":5928},[5418,14926,9682],{"class":5869},[5418,14928,14929],{"class":5873},"response",[5418,14931,5944],{"class":5869},[5418,14933,14780],{"class":5932},[5418,14935,6137],{"class":5869},[5418,14937,14938],{"class":5420,"line":5496},[5418,14939,14940],{"class":5869},"  ) {\n",[5418,14942,14943,14945,14948,14950,14952,14954,14956,14959,14961,14964,14966,14968,14970,14972,14974,14976,14978,14980],{"class":5420,"line":5502},[5418,14944,6942],{"class":5928},[5418,14946,14947],{"class":6523}," user",[5418,14949,6327],{"class":5869},[5418,14951,7536],{"class":5865},[5418,14953,7539],{"class":5928},[5418,14955,5369],{"class":5869},[5418,14957,14958],{"class":5873},"authService",[5418,14960,5369],{"class":5869},[5418,14962,14963],{"class":6007},"validateUser",[5418,14965,6010],{"class":5869},[5418,14967,14890],{"class":5873},[5418,14969,5369],{"class":5869},[5418,14971,14895],{"class":5873},[5418,14973,5119],{"class":5869},[5418,14975,14890],{"class":5873},[5418,14977,5369],{"class":5869},[5418,14979,14904],{"class":5873},[5418,14981,6411],{"class":5869},[5418,14983,14984],{"class":5420,"line":5507},[5418,14985,5923],{"emptyLinePlaceholder":5922},[5418,14987,14988,14990,14992,14995],{"class":5420,"line":5513},[5418,14989,6839],{"class":5865},[5418,14991,13891],{"class":5869},[5418,14993,14994],{"class":5873},"user",[5418,14996,6716],{"class":5869},[5418,14998,14999,15002,15004,15007,15009,15012],{"class":5420,"line":5519},[5418,15000,15001],{"class":5865},"      throw",[5418,15003,6145],{"class":5928},[5418,15005,15006],{"class":6007}," UnauthorizedException",[5418,15008,6010],{"class":5869},[5418,15010,15011],{"class":5888},"'Invalid credentials'",[5418,15013,6411],{"class":5869},[5418,15015,15016],{"class":5420,"line":5524},[5418,15017,6907],{"class":5869},[5418,15019,15020],{"class":5420,"line":5530},[5418,15021,5923],{"emptyLinePlaceholder":5922},[5418,15023,15024,15026,15029,15031,15033,15035,15037,15039,15042,15044,15046],{"class":5420,"line":5536},[5418,15025,6942],{"class":5928},[5418,15027,15028],{"class":6523}," token",[5418,15030,6327],{"class":5869},[5418,15032,6403],{"class":5928},[5418,15034,5369],{"class":5869},[5418,15036,14958],{"class":5873},[5418,15038,5369],{"class":5869},[5418,15040,15041],{"class":6007},"generateToken",[5418,15043,6010],{"class":5869},[5418,15045,14994],{"class":5873},[5418,15047,6411],{"class":5869},[5418,15049,15050],{"class":5420,"line":5541},[5418,15051,5923],{"emptyLinePlaceholder":5922},[5418,15053,15054],{"class":5420,"line":5547},[5418,15055,15056],{"class":5859},"    \u002F\u002F Встановити HttpOnly cookie\n",[5418,15058,15059,15062,15064,15067,15069,15072,15074,15077],{"class":5420,"line":5553},[5418,15060,15061],{"class":5873},"    response",[5418,15063,5369],{"class":5869},[5418,15065,15066],{"class":6007},"cookie",[5418,15068,6010],{"class":5869},[5418,15070,15071],{"class":5888},"'auth_token'",[5418,15073,5119],{"class":5869},[5418,15075,15076],{"class":5873},"token",[5418,15078,8791],{"class":5869},[5418,15080,15081,15084,15086,15088],{"class":5420,"line":6167},[5418,15082,15083],{"class":5873},"      httpOnly:",[5418,15085,13301],{"class":5928},[5418,15087,5119],{"class":5869},[5418,15089,15090],{"class":5859},"\u002F\u002F Не доступний через JavaScript\n",[5418,15092,15093,15096,15099,15101,15104,15106,15109,15111,15114,15116],{"class":5420,"line":6173},[5418,15094,15095],{"class":5873},"      secure:",[5418,15097,15098],{"class":5873}," process",[5418,15100,5369],{"class":5869},[5418,15102,15103],{"class":5873},"env",[5418,15105,5369],{"class":5869},[5418,15107,15108],{"class":6523},"NODE_ENV",[5418,15110,6706],{"class":5869},[5418,15112,15113],{"class":5888},"'production'",[5418,15115,5119],{"class":5869},[5418,15117,15118],{"class":5859},"\u002F\u002F Лише HTTPS у production\n",[5418,15120,15121,15124,15127],{"class":5420,"line":6189},[5418,15122,15123],{"class":5873},"      sameSite:",[5418,15125,15126],{"class":5888}," 'strict'",[5418,15128,6137],{"class":5869},[5418,15130,15131,15134,15137,15139,15142,15144,15147,15149,15151,15153,15156,15158],{"class":5420,"line":6195},[5418,15132,15133],{"class":5873},"      maxAge:",[5418,15135,15136],{"class":6090}," 7",[5418,15138,10575],{"class":5869},[5418,15140,15141],{"class":6090},"24",[5418,15143,10575],{"class":5869},[5418,15145,15146],{"class":6090},"60",[5418,15148,10575],{"class":5869},[5418,15150,15146],{"class":6090},[5418,15152,10575],{"class":5869},[5418,15154,15155],{"class":6090},"1000",[5418,15157,5119],{"class":5869},[5418,15159,15160],{"class":5859},"\u002F\u002F 7 днів\n",[5418,15162,15163],{"class":5420,"line":6201},[5418,15164,6474],{"class":5869},[5418,15166,15167],{"class":5420,"line":6207},[5418,15168,5923],{"emptyLinePlaceholder":5922},[5418,15170,15171,15173,15175,15178,15180,15182,15185,15187,15189,15191,15193,15195,15197,15200,15202,15204,15206],{"class":5420,"line":6681},[5418,15172,6082],{"class":5865},[5418,15174,5870],{"class":5869},[5418,15176,15177],{"class":5873},"success:",[5418,15179,13301],{"class":5928},[5418,15181,5119],{"class":5869},[5418,15183,15184],{"class":5873},"user:",[5418,15186,5870],{"class":5869},[5418,15188,5145],{"class":5873},[5418,15190,14947],{"class":5873},[5418,15192,5369],{"class":5869},[5418,15194,5226],{"class":5873},[5418,15196,5119],{"class":5869},[5418,15198,15199],{"class":5873},"email:",[5418,15201,14947],{"class":5873},[5418,15203,5369],{"class":5869},[5418,15205,14895],{"class":5873},[5418,15207,15208],{"class":5869}," } };\n",[5418,15210,15211],{"class":5420,"line":6686},[5418,15212,6204],{"class":5869},[5418,15214,15215],{"class":5420,"line":6719},[5418,15216,5995],{"class":5869},[5089,15218,15219],{},[5099,15220,15221],{},"SSE endpoint з валідацією cookie:",[5410,15223,15225],{"className":5850,"code":15224,"language":5852,"meta":5414,"style":5414},"\u002F\u002F src\u002Fevents\u002Fevents.controller.ts\nimport { Controller, Sse, Req, UnauthorizedException } from '@nestjs\u002Fcommon';\nimport { Request } from 'express';\nimport { Observable } from 'rxjs';\nimport { JwtService } from '@nestjs\u002Fjwt';\n\n@Controller('events')\nexport class EventsController {\n  constructor(private jwtService: JwtService) {}\n\n  @Sse('stream')\n  streamEvents(@Req() request: Request): Observable\u003CMessageEvent> {\n    \u002F\u002F Витягти токен з cookie\n    const token = request.cookies['auth_token'];\n\n    if (!token) {\n      throw new UnauthorizedException('No authentication token');\n    }\n\n    try {\n      \u002F\u002F Валідувати токен\n      const payload = this.jwtService.verify(token, {\n        secret: process.env.JWT_SECRET,\n      });\n\n      const userId = payload.sub;\n\n      \u002F\u002F Повернути потік подій для цього користувача\n      return this.getEventsStreamForUser(userId);\n    } catch (error) {\n      throw new UnauthorizedException('Invalid token');\n    }\n  }\n\n  private getEventsStreamForUser(userId: number): Observable\u003CMessageEvent> {\n    \u002F\u002F Фільтрований потік подій для користувача\n    return this.eventsSubject.asObservable().pipe(\n      filter((event) => event.userId === userId),\n      map((event) => ({\n        data: event.data,\n        id: event.id,\n      })),\n    );\n  }\n}\n",[5116,15226,15227,15231,15261,15278,15294,15312,15316,15328,15338,15355,15359,15371,15398,15403,15424,15428,15438,15453,15457,15461,15467,15472,15498,15516,15520,15524,15541,15545,15550,15568,15580,15595,15599,15603,15607,15632,15637,15657,15681,15695,15707,15719,15723,15727,15731],{"__ignoreMap":5414},[5418,15228,15229],{"class":5420,"line":5421},[5418,15230,5860],{"class":5859},[5418,15232,15233,15235,15237,15239,15241,15243,15245,15248,15250,15253,15255,15257,15259],{"class":5420,"line":5427},[5418,15234,5866],{"class":5865},[5418,15236,5870],{"class":5869},[5418,15238,5874],{"class":5873},[5418,15240,5119],{"class":5869},[5418,15242,5879],{"class":5873},[5418,15244,5119],{"class":5869},[5418,15246,15247],{"class":5873},"Req",[5418,15249,5119],{"class":5869},[5418,15251,15252],{"class":5873},"UnauthorizedException",[5418,15254,5882],{"class":5869},[5418,15256,5885],{"class":5865},[5418,15258,5889],{"class":5888},[5418,15260,5892],{"class":5869},[5418,15262,15263,15265,15267,15270,15272,15274,15276],{"class":5420,"line":5433},[5418,15264,5866],{"class":5865},[5418,15266,5870],{"class":5869},[5418,15268,15269],{"class":5873},"Request",[5418,15271,5882],{"class":5869},[5418,15273,5885],{"class":5865},[5418,15275,14787],{"class":5888},[5418,15277,5892],{"class":5869},[5418,15279,15280,15282,15284,15286,15288,15290,15292],{"class":5420,"line":5439},[5418,15281,5866],{"class":5865},[5418,15283,5870],{"class":5869},[5418,15285,5113],{"class":5873},[5418,15287,5882],{"class":5869},[5418,15289,5885],{"class":5865},[5418,15291,5915],{"class":5888},[5418,15293,5892],{"class":5869},[5418,15295,15296,15298,15300,15303,15305,15307,15310],{"class":5420,"line":5445},[5418,15297,5866],{"class":5865},[5418,15299,5870],{"class":5869},[5418,15301,15302],{"class":5873},"JwtService",[5418,15304,5882],{"class":5869},[5418,15306,5885],{"class":5865},[5418,15308,15309],{"class":5888}," '@nestjs\u002Fjwt'",[5418,15311,5892],{"class":5869},[5418,15313,15314],{"class":5420,"line":5451},[5418,15315,5923],{"emptyLinePlaceholder":5922},[5418,15317,15318,15320,15322,15324,15326],{"class":5420,"line":5457},[5418,15319,6004],{"class":5869},[5418,15321,5874],{"class":6007},[5418,15323,6010],{"class":5869},[5418,15325,6013],{"class":5888},[5418,15327,6016],{"class":5869},[5418,15329,15330,15332,15334,15336],{"class":5420,"line":5462},[5418,15331,6021],{"class":5865},[5418,15333,6024],{"class":5928},[5418,15335,6027],{"class":5932},[5418,15337,5936],{"class":5869},[5418,15339,15340,15342,15344,15346,15349,15351,15353],{"class":5420,"line":5468},[5418,15341,6340],{"class":5928},[5418,15343,6010],{"class":5869},[5418,15345,6345],{"class":5928},[5418,15347,15348],{"class":5873}," jwtService",[5418,15350,5944],{"class":5869},[5418,15352,15302],{"class":5932},[5418,15354,6355],{"class":5869},[5418,15356,15357],{"class":5420,"line":5473},[5418,15358,5923],{"emptyLinePlaceholder":5922},[5418,15360,15361,15363,15365,15367,15369],{"class":5420,"line":5479},[5418,15362,6049],{"class":5869},[5418,15364,5879],{"class":6007},[5418,15366,6010],{"class":5869},[5418,15368,6056],{"class":5888},[5418,15370,6016],{"class":5869},[5418,15372,15373,15375,15377,15379,15381,15384,15386,15388,15390,15392,15394,15396],{"class":5420,"line":5485},[5418,15374,6063],{"class":6007},[5418,15376,9542],{"class":5869},[5418,15378,15247],{"class":6007},[5418,15380,12820],{"class":5869},[5418,15382,15383],{"class":5873},"request",[5418,15385,5944],{"class":5869},[5418,15387,15269],{"class":5932},[5418,15389,8611],{"class":5869},[5418,15391,5113],{"class":5932},[5418,15393,6071],{"class":5869},[5418,15395,6074],{"class":5932},[5418,15397,6077],{"class":5869},[5418,15399,15400],{"class":5420,"line":5490},[5418,15401,15402],{"class":5859},"    \u002F\u002F Витягти токен з cookie\n",[5418,15404,15405,15407,15409,15411,15413,15415,15418,15420,15422],{"class":5420,"line":5496},[5418,15406,6942],{"class":5928},[5418,15408,15028],{"class":6523},[5418,15410,6327],{"class":5869},[5418,15412,15383],{"class":5873},[5418,15414,5369],{"class":5869},[5418,15416,15417],{"class":5873},"cookies",[5418,15419,10472],{"class":5869},[5418,15421,15071],{"class":5888},[5418,15423,10477],{"class":5869},[5418,15425,15426],{"class":5420,"line":5502},[5418,15427,5923],{"emptyLinePlaceholder":5922},[5418,15429,15430,15432,15434,15436],{"class":5420,"line":5507},[5418,15431,6839],{"class":5865},[5418,15433,13891],{"class":5869},[5418,15435,15076],{"class":5873},[5418,15437,6716],{"class":5869},[5418,15439,15440,15442,15444,15446,15448,15451],{"class":5420,"line":5513},[5418,15441,15001],{"class":5865},[5418,15443,6145],{"class":5928},[5418,15445,15006],{"class":6007},[5418,15447,6010],{"class":5869},[5418,15449,15450],{"class":5888},"'No authentication token'",[5418,15452,6411],{"class":5869},[5418,15454,15455],{"class":5420,"line":5519},[5418,15456,6907],{"class":5869},[5418,15458,15459],{"class":5420,"line":5524},[5418,15460,5923],{"emptyLinePlaceholder":5922},[5418,15462,15463,15465],{"class":5420,"line":5530},[5418,15464,13992],{"class":5865},[5418,15466,5936],{"class":5869},[5418,15468,15469],{"class":5420,"line":5536},[5418,15470,15471],{"class":5859},"      \u002F\u002F Валідувати токен\n",[5418,15473,15474,15476,15478,15480,15482,15484,15487,15489,15492,15494,15496],{"class":5420,"line":5541},[5418,15475,6520],{"class":5928},[5418,15477,8331],{"class":6523},[5418,15479,6327],{"class":5869},[5418,15481,6403],{"class":5928},[5418,15483,5369],{"class":5869},[5418,15485,15486],{"class":5873},"jwtService",[5418,15488,5369],{"class":5869},[5418,15490,15491],{"class":6007},"verify",[5418,15493,6010],{"class":5869},[5418,15495,15076],{"class":5873},[5418,15497,8791],{"class":5869},[5418,15499,15500,15503,15505,15507,15509,15511,15514],{"class":5420,"line":5547},[5418,15501,15502],{"class":5873},"        secret:",[5418,15504,15098],{"class":5873},[5418,15506,5369],{"class":5869},[5418,15508,15103],{"class":5873},[5418,15510,5369],{"class":5869},[5418,15512,15513],{"class":6523},"JWT_SECRET",[5418,15515,6137],{"class":5869},[5418,15517,15518],{"class":5420,"line":5553},[5418,15519,8375],{"class":5869},[5418,15521,15522],{"class":5420,"line":6167},[5418,15523,5923],{"emptyLinePlaceholder":5922},[5418,15525,15526,15528,15530,15532,15534,15536,15539],{"class":5420,"line":6173},[5418,15527,6520],{"class":5928},[5418,15529,9906],{"class":6523},[5418,15531,6327],{"class":5869},[5418,15533,8181],{"class":5873},[5418,15535,5369],{"class":5869},[5418,15537,15538],{"class":5873},"sub",[5418,15540,5892],{"class":5869},[5418,15542,15543],{"class":5420,"line":6189},[5418,15544,5923],{"emptyLinePlaceholder":5922},[5418,15546,15547],{"class":5420,"line":6195},[5418,15548,15549],{"class":5859},"      \u002F\u002F Повернути потік подій для цього користувача\n",[5418,15551,15552,15555,15557,15559,15562,15564,15566],{"class":5420,"line":6201},[5418,15553,15554],{"class":5865},"      return",[5418,15556,7539],{"class":5928},[5418,15558,5369],{"class":5869},[5418,15560,15561],{"class":6007},"getEventsStreamForUser",[5418,15563,6010],{"class":5869},[5418,15565,8435],{"class":5873},[5418,15567,6411],{"class":5869},[5418,15569,15570,15572,15574,15576,15578],{"class":5420,"line":6207},[5418,15571,14406],{"class":5869},[5418,15573,14409],{"class":5865},[5418,15575,5797],{"class":5869},[5418,15577,6648],{"class":5873},[5418,15579,6716],{"class":5869},[5418,15581,15582,15584,15586,15588,15590,15593],{"class":5420,"line":6681},[5418,15583,15001],{"class":5865},[5418,15585,6145],{"class":5928},[5418,15587,15006],{"class":6007},[5418,15589,6010],{"class":5869},[5418,15591,15592],{"class":5888},"'Invalid token'",[5418,15594,6411],{"class":5869},[5418,15596,15597],{"class":5420,"line":6686},[5418,15598,6907],{"class":5869},[5418,15600,15601],{"class":5420,"line":6719},[5418,15602,6204],{"class":5869},[5418,15604,15605],{"class":5420,"line":6740},[5418,15606,5923],{"emptyLinePlaceholder":5922},[5418,15608,15609,15611,15614,15616,15618,15620,15622,15624,15626,15628,15630],{"class":5420,"line":6775},[5418,15610,6312],{"class":5928},[5418,15612,15613],{"class":6007}," getEventsStreamForUser",[5418,15615,6010],{"class":5869},[5418,15617,8435],{"class":5873},[5418,15619,5944],{"class":5869},[5418,15621,5988],{"class":5932},[5418,15623,8611],{"class":5869},[5418,15625,5113],{"class":5932},[5418,15627,6071],{"class":5869},[5418,15629,6074],{"class":5932},[5418,15631,6077],{"class":5869},[5418,15633,15634],{"class":5420,"line":6791},[5418,15635,15636],{"class":5859},"    \u002F\u002F Фільтрований потік подій для користувача\n",[5418,15638,15639,15641,15643,15645,15647,15649,15651,15653,15655],{"class":5420,"line":6797},[5418,15640,6082],{"class":5865},[5418,15642,7539],{"class":5928},[5418,15644,5369],{"class":5869},[5418,15646,9605],{"class":5873},[5418,15648,5369],{"class":5869},[5418,15650,8135],{"class":6007},[5418,15652,6151],{"class":5869},[5418,15654,6096],{"class":6007},[5418,15656,6099],{"class":5869},[5418,15658,15659,15661,15663,15665,15667,15669,15671,15673,15675,15677,15679],{"class":5420,"line":6802},[5418,15660,9625],{"class":6007},[5418,15662,6107],{"class":5869},[5418,15664,5223],{"class":5873},[5418,15666,6113],{"class":5869},[5418,15668,6116],{"class":5928},[5418,15670,12695],{"class":5873},[5418,15672,5369],{"class":5869},[5418,15674,8435],{"class":5873},[5418,15676,6706],{"class":5869},[5418,15678,8435],{"class":5873},[5418,15680,9659],{"class":5869},[5418,15682,15683,15685,15687,15689,15691,15693],{"class":5420,"line":6807},[5418,15684,6104],{"class":6007},[5418,15686,6107],{"class":5869},[5418,15688,5223],{"class":5873},[5418,15690,6113],{"class":5869},[5418,15692,6116],{"class":5928},[5418,15694,6119],{"class":5869},[5418,15696,15697,15699,15701,15703,15705],{"class":5420,"line":6812},[5418,15698,6124],{"class":5873},[5418,15700,12695],{"class":5873},[5418,15702,5369],{"class":5869},[5418,15704,5220],{"class":5873},[5418,15706,6137],{"class":5869},[5418,15708,15709,15711,15713,15715,15717],{"class":5420,"line":6817},[5418,15710,6176],{"class":5873},[5418,15712,12695],{"class":5873},[5418,15714,5369],{"class":5869},[5418,15716,5226],{"class":5873},[5418,15718,6137],{"class":5869},[5418,15720,15721],{"class":5420,"line":6823},[5418,15722,6192],{"class":5869},[5418,15724,15725],{"class":5420,"line":6828},[5418,15726,6198],{"class":5869},[5418,15728,15729],{"class":5420,"line":6836},[5418,15730,6204],{"class":5869},[5418,15732,15733],{"class":5420,"line":6852},[5418,15734,5995],{"class":5869},[5089,15736,15737],{},[5099,15738,15739],{},"Клієнт з credentials:",[5410,15741,15743],{"className":5850,"code":15742,"language":5852,"meta":5414,"style":5414},"\u002F\u002F EventSource автоматично відправляє cookies, якщо вказати withCredentials\nconst eventSource = new EventSource('http:\u002F\u002Flocalhost:3001\u002Fevents\u002Fstream', {\n  withCredentials: true, \u002F\u002F Відправляти cookies cross-origin\n});\n\neventSource.addEventListener('message', (event) => {\n  console.log('Подія:', JSON.parse(event.data));\n});\n",[5116,15744,15745,15750,15768,15780,15784,15788,15810,15841],{"__ignoreMap":5414},[5418,15746,15747],{"class":5420,"line":5421},[5418,15748,15749],{"class":5859},"\u002F\u002F EventSource автоматично відправляє cookies, якщо вказати withCredentials\n",[5418,15751,15752,15754,15756,15758,15760,15762,15764,15766],{"class":5420,"line":5427},[5418,15753,7094],{"class":5928},[5418,15755,6315],{"class":6523},[5418,15757,6327],{"class":5869},[5418,15759,6395],{"class":5928},[5418,15761,6398],{"class":6007},[5418,15763,6010],{"class":5869},[5418,15765,7108],{"class":5888},[5418,15767,8791],{"class":5869},[5418,15769,15770,15773,15775,15777],{"class":5420,"line":5433},[5418,15771,15772],{"class":5873},"  withCredentials:",[5418,15774,13301],{"class":5928},[5418,15776,5119],{"class":5869},[5418,15778,15779],{"class":5859},"\u002F\u002F Відправляти cookies cross-origin\n",[5418,15781,15782],{"class":5420,"line":5439},[5418,15783,7174],{"class":5869},[5418,15785,15786],{"class":5420,"line":5445},[5418,15787,5923],{"emptyLinePlaceholder":5922},[5418,15789,15790,15792,15794,15796,15798,15800,15802,15804,15806,15808],{"class":5420,"line":5451},[5418,15791,6390],{"class":5873},[5418,15793,5369],{"class":5869},[5418,15795,6433],{"class":6007},[5418,15797,6010],{"class":5869},[5418,15799,6500],{"class":5888},[5418,15801,6503],{"class":5869},[5418,15803,5223],{"class":5873},[5418,15805,6113],{"class":5869},[5418,15807,6116],{"class":5928},[5418,15809,5936],{"class":5869},[5418,15811,15812,15814,15816,15818,15820,15823,15825,15827,15829,15831,15833,15835,15837,15839],{"class":5420,"line":5457},[5418,15813,9972],{"class":5873},[5418,15815,5369],{"class":5869},[5418,15817,6455],{"class":6007},[5418,15819,6010],{"class":5869},[5418,15821,15822],{"class":5888},"'Подія:'",[5418,15824,5119],{"class":5869},[5418,15826,6529],{"class":6523},[5418,15828,5369],{"class":5869},[5418,15830,6534],{"class":6007},[5418,15832,6010],{"class":5869},[5418,15834,5223],{"class":5873},[5418,15836,5369],{"class":5869},[5418,15838,5220],{"class":5873},[5418,15840,10000],{"class":5869},[5418,15842,15843],{"class":5420,"line":5462},[5418,15844,7174],{"class":5869},[5371,15846,15847,15848,15851,15852,15855,15856,15859],{},"Опція ",[5116,15849,15850],{},"withCredentials: true"," потрібна ",[5099,15853,15854],{},"лише для cross-origin"," запитів (коли frontend на іншому домені). Якщо frontend та backend на одному домені (наприклад, обидва на ",[5116,15857,15858],{},"example.com","), cookies відправляються автоматично без цієї опції.",[5402,15861,15863],{"id":15862},"підхід-2-query-parameter-token-менш-безпечний","Підхід 2: Query Parameter Token (менш безпечний)",[5089,15865,15866,15867,15870],{},"Передавати JWT токен через query parameter. ",[5099,15868,15869],{},"Небезпечно для production"," через потрапляння токена у server logs.",[5410,15872,15874],{"className":5850,"code":15873,"language":5852,"meta":5414,"style":5414},"@Sse('stream')\nstreamEvents(@Query('token') token: string): Observable\u003CMessageEvent> {\n  if (!token) {\n    throw new UnauthorizedException('No token provided');\n  }\n\n  try {\n    const payload = this.jwtService.verify(token);\n    const userId = payload.sub;\n\n    return this.getEventsStreamForUser(userId);\n  } catch (error) {\n    throw new UnauthorizedException('Invalid token');\n  }\n}\n",[5116,15875,15876,15888,15920,15930,15946,15950,15954,15959,15983,15999,16003,16019,16024,16037,16041],{"__ignoreMap":5414},[5418,15877,15878,15880,15882,15884,15886],{"class":5420,"line":5421},[5418,15879,6004],{"class":5869},[5418,15881,5879],{"class":6007},[5418,15883,6010],{"class":5869},[5418,15885,6056],{"class":5888},[5418,15887,6016],{"class":5869},[5418,15889,15890,15893,15895,15897,15899,15902,15904,15906,15908,15910,15912,15914,15916,15918],{"class":5420,"line":5427},[5418,15891,15892],{"class":6007},"streamEvents",[5418,15894,9542],{"class":5869},[5418,15896,9421],{"class":6007},[5418,15898,6010],{"class":5869},[5418,15900,15901],{"class":5888},"'token'",[5418,15903,6113],{"class":5869},[5418,15905,15076],{"class":5873},[5418,15907,5944],{"class":5869},[5418,15909,5947],{"class":5873},[5418,15911,8611],{"class":5869},[5418,15913,5113],{"class":5873},[5418,15915,6071],{"class":5869},[5418,15917,6074],{"class":5873},[5418,15919,6077],{"class":5869},[5418,15921,15922,15924,15926,15928],{"class":5420,"line":5433},[5418,15923,8741],{"class":6007},[5418,15925,13891],{"class":5869},[5418,15927,15076],{"class":5873},[5418,15929,6716],{"class":5869},[5418,15931,15932,15935,15937,15939,15941,15944],{"class":5420,"line":5439},[5418,15933,15934],{"class":5865},"    throw",[5418,15936,6145],{"class":5928},[5418,15938,15006],{"class":6007},[5418,15940,6010],{"class":5869},[5418,15942,15943],{"class":5888},"'No token provided'",[5418,15945,6411],{"class":5869},[5418,15947,15948],{"class":5420,"line":5445},[5418,15949,6204],{"class":5869},[5418,15951,15952],{"class":5420,"line":5451},[5418,15953,5923],{"emptyLinePlaceholder":5922},[5418,15955,15956],{"class":5420,"line":5457},[5418,15957,15958],{"class":5869},"  try {\n",[5418,15960,15961,15963,15965,15967,15969,15971,15973,15975,15977,15979,15981],{"class":5420,"line":5462},[5418,15962,6942],{"class":5928},[5418,15964,8331],{"class":6523},[5418,15966,6327],{"class":5869},[5418,15968,6403],{"class":5928},[5418,15970,5369],{"class":5869},[5418,15972,15486],{"class":5873},[5418,15974,5369],{"class":5869},[5418,15976,15491],{"class":6007},[5418,15978,6010],{"class":5869},[5418,15980,15076],{"class":5873},[5418,15982,6411],{"class":5869},[5418,15984,15985,15987,15989,15991,15993,15995,15997],{"class":5420,"line":5468},[5418,15986,6942],{"class":5928},[5418,15988,9906],{"class":6523},[5418,15990,6327],{"class":5869},[5418,15992,8181],{"class":5873},[5418,15994,5369],{"class":5869},[5418,15996,15538],{"class":5873},[5418,15998,5892],{"class":5869},[5418,16000,16001],{"class":5420,"line":5473},[5418,16002,5923],{"emptyLinePlaceholder":5922},[5418,16004,16005,16007,16009,16011,16013,16015,16017],{"class":5420,"line":5479},[5418,16006,6082],{"class":5865},[5418,16008,7539],{"class":5928},[5418,16010,5369],{"class":5869},[5418,16012,15561],{"class":6007},[5418,16014,6010],{"class":5869},[5418,16016,8435],{"class":5873},[5418,16018,6411],{"class":5869},[5418,16020,16021],{"class":5420,"line":5485},[5418,16022,16023],{"class":5869},"  } catch (error) {\n",[5418,16025,16026,16029,16031,16033,16035],{"class":5420,"line":5490},[5418,16027,16028],{"class":5869},"    throw new ",[5418,16030,15252],{"class":6007},[5418,16032,6010],{"class":5869},[5418,16034,15592],{"class":5888},[5418,16036,6411],{"class":5869},[5418,16038,16039],{"class":5420,"line":5496},[5418,16040,6204],{"class":5869},[5418,16042,16043],{"class":5420,"line":5502},[5418,16044,5995],{"class":5869},[5089,16046,16047],{},[5099,16048,16049],{},"Клієнт:",[5410,16051,16053],{"className":5850,"code":16052,"language":5852,"meta":5414,"style":5414},"const token = localStorage.getItem('accessToken');\nconst eventSource = new EventSource(`http:\u002F\u002Flocalhost:3001\u002Fevents\u002Fstream?token=${token}`);\n",[5116,16054,16055,16078],{"__ignoreMap":5414},[5418,16056,16057,16059,16061,16063,16066,16068,16071,16073,16076],{"class":5420,"line":5421},[5418,16058,7094],{"class":5928},[5418,16060,15028],{"class":6523},[5418,16062,6327],{"class":5869},[5418,16064,16065],{"class":5873},"localStorage",[5418,16067,5369],{"class":5869},[5418,16069,16070],{"class":6007},"getItem",[5418,16072,6010],{"class":5869},[5418,16074,16075],{"class":5888},"'accessToken'",[5418,16077,6411],{"class":5869},[5418,16079,16080,16082,16084,16086,16088,16090,16092,16095,16097,16099,16101,16103],{"class":5420,"line":5427},[5418,16081,7094],{"class":5928},[5418,16083,6315],{"class":6523},[5418,16085,6327],{"class":5869},[5418,16087,6395],{"class":5928},[5418,16089,6398],{"class":6007},[5418,16091,6010],{"class":5869},[5418,16093,16094],{"class":5888},"`http:\u002F\u002Flocalhost:3001\u002Fevents\u002Fstream?token=",[5418,16096,7017],{"class":5928},[5418,16098,15076],{"class":5873},[5418,16100,7027],{"class":5928},[5418,16102,7014],{"class":5888},[5418,16104,6411],{"class":5869},[7265,16106,16107,16116,16130],{},[5089,16108,16109,16112,16113],{},[5099,16110,16111],{},"Безпека токенів у URL:"," токени у query parameters ",[5099,16114,16115],{},"видимі у:",[5093,16117,16118,16121,16124,16127],{},[5096,16119,16120],{},"Server access logs",[5096,16122,16123],{},"Proxy logs",[5096,16125,16126],{},"Browser history",[5096,16128,16129],{},"Referrer headers (якщо клієнт переходить на інший сайт)",[5089,16131,16132,16133,16136],{},"Використовуйте цей підхід ",[5099,16134,16135],{},"лише для development"," або публічних даних. Для production використовуйте cookie-based authentication.",[5178,16138],{},[5084,16140,16142],{"id":16141},"sse-vs-websocket-порівняння-та-вибір","SSE vs WebSocket: Порівняння та вибір",[5089,16144,16145],{},"Підсумуємо відмінності між SSE та WebSocket для обґрунтованого вибору технології.",[5402,16147,16149],{"id":16148},"технічне-порівняння","Технічне порівняння",[5563,16151,16152,16164],{},[5566,16153,16154],{},[5569,16155,16156,16159,16162],{},[5572,16157,16158],{},"Критерій",[5572,16160,16161],{},"Server-Sent Events",[5572,16163,5583],{},[5585,16165,16166,16177,16189,16201,16213,16226,16239,16252,16265,16278,16288,16301],{},[5569,16167,16168,16172,16174],{},[5590,16169,16170],{},[5099,16171,5609],{},[5590,16173,5612],{},[5590,16175,16176],{},"ws:\u002F\u002F (окремий протокол поверх TCP)",[5569,16178,16179,16183,16186],{},[5590,16180,16181],{},[5099,16182,5624],{},[5590,16184,16185],{},"Односторонній (server → client)",[5590,16187,16188],{},"Двосторонній (client ↔ server)",[5569,16190,16191,16195,16198],{},[5590,16192,16193],{},[5099,16194,5640],{},[5590,16196,16197],{},"Текстовий (UTF-8)",[5590,16199,16200],{},"Текстовий або Бінарний",[5569,16202,16203,16207,16210],{},[5590,16204,16205],{},[5099,16206,5656],{},[5590,16208,16209],{},"✅ Вбудований у браузер",[5590,16211,16212],{},"❌ Потрібна бібліотека (Socket.IO)",[5569,16214,16215,16220,16223],{},[5590,16216,16217],{},[5099,16218,16219],{},"Last-Event-ID",[5590,16221,16222],{},"✅ Автоматично для відновлення подій",[5590,16224,16225],{},"❌ Потрібна власна реалізація",[5569,16227,16228,16233,16236],{},[5590,16229,16230],{},[5099,16231,16232],{},"HTTP\u002F2 multiplexing",[5590,16234,16235],{},"✅ Підтримується",[5590,16237,16238],{},"❌ Окремий протокол",[5569,16240,16241,16246,16249],{},[5590,16242,16243],{},[5099,16244,16245],{},"Складність реалізації",[5590,16247,16248],{},"Проста (Observable + @Sse)",[5590,16250,16251],{},"Середня (Gateway, rooms, lifecycle)",[5569,16253,16254,16259,16262],{},[5590,16255,16256],{},[5099,16257,16258],{},"Latency",[5590,16260,16261],{},"Середня (~50-200 мс)",[5590,16263,16264],{},"Низька (~10-50 мс)",[5569,16266,16267,16272,16275],{},[5590,16268,16269],{},[5099,16270,16271],{},"Overhead на з'єднання",[5590,16273,16274],{},"Середній (HTTP headers)",[5590,16276,16277],{},"Мінімальний (binary frames)",[5569,16279,16280,16284,16286],{},[5590,16281,16282],{},[5099,16283,5166],{},[5590,16285,5677],{},[5590,16287,5680],{},[5569,16289,16290,16295,16298],{},[5590,16291,16292],{},[5099,16293,16294],{},"Firewall-friendly",[5590,16296,16297],{},"✅ Працює через порт 80\u002F443",[5590,16299,16300],{},"⚠️ Може блокуватися",[5569,16302,16303,16308,16311],{},[5590,16304,16305],{},[5099,16306,16307],{},"CORS",[5590,16309,16310],{},"✅ Стандартна CORS політика",[5590,16312,16313],{},"✅ Origin validation при handshake",[5402,16315,16317],{"id":16316},"матриця-вибору-технології","Матриця вибору технології",[16319,16320,16321,16379,16472],"tabs",{},[16322,16323,16325,16330,16344,16349,16362,16367],"tabs-item",{"label":16324},"За напрямком комунікації",[5089,16326,16327],{},[5099,16328,16329],{},"Лише Server → Client:",[5093,16331,16332,16338],{},[5096,16333,16334,16335,16337],{},"✅ ",[5099,16336,5580],{}," — ідеальний вибір, простіша реалізація.",[5096,16339,16340,16341,16343],{},"⚠️ ",[5099,16342,5583],{}," — надмірно складно, якщо client ніколи не відправляє дані.",[5089,16345,16346],{},[5099,16347,16348],{},"Client ↔ Server (двосторонній):",[5093,16350,16351,16357],{},[5096,16352,16353,16354,16356],{},"❌ ",[5099,16355,5580],{}," — не підтримує відправку від client (потрібні окремі HTTP запити).",[5096,16358,16334,16359,16361],{},[5099,16360,5583],{}," — єдиний вибір для повного duplex.",[5089,16363,16364],{},[5099,16365,16366],{},"Гібридний підхід (SSE + HTTP):",[5093,16368,16369],{},[5096,16370,16334,16371,16374,16375,16378],{},[5099,16372,16373],{},"SSE для push"," + ",[5099,16376,16377],{},"HTTP POST для client → server"," — працює, але складніше за WebSocket.",[16322,16380,16382,16387,16397,16402,16412,16417,16427,16432,16442,16447,16457,16462],{"label":16381},"За типом застосунку",[5089,16383,16384],{},[5099,16385,16386],{},"Dashboards та моніторинг:",[5093,16388,16389,16394],{},[5096,16390,16334,16391,16393],{},[5099,16392,5580],{}," — metrics, logs, system status.",[5096,16395,16396],{},"Приклади: Grafana live queries, server monitoring, real-time analytics.",[5089,16398,16399],{},[5099,16400,16401],{},"Нотифікації:",[5093,16403,16404,16409],{},[5096,16405,16334,16406,16408],{},[5099,16407,5580],{}," — in-app notifications, alerts, announcements.",[5096,16410,16411],{},"Переваги: автоматичний reconnect, не потрібен двосторонній зв'язок.",[5089,16413,16414],{},[5099,16415,16416],{},"Чати та месенджери:",[5093,16418,16419,16424],{},[5096,16420,16334,16421,16423],{},[5099,16422,5583],{}," — миттєва доставка, typing indicators, read receipts.",[5096,16425,16426],{},"SSE не підходить (client часто відправляє повідомлення).",[5089,16428,16429],{},[5099,16430,16431],{},"Collaborative editing:",[5093,16433,16434,16439],{},[5096,16435,16334,16436,16438],{},[5099,16437,5583],{}," — Google Docs стиль, operational transforms.",[5096,16440,16441],{},"SSE не підходить (client постійно відправляє зміни).",[5089,16443,16444],{},[5099,16445,16446],{},"Live feeds (новини, Twitter):",[5093,16448,16449,16454],{},[5096,16450,16334,16451,16453],{},[5099,16452,5580],{}," — нові пости з'являються автоматично без refresh.",[5096,16455,16456],{},"WebSocket надмірний (користувач рідко публікує пости).",[5089,16458,16459],{},[5099,16460,16461],{},"Multiplayer ігри:",[5093,16463,16464,16469],{},[5096,16465,16334,16466,16468],{},[5099,16467,5583],{}," — критична latency \u003C 50 мс, постійний обмін даними.",[5096,16470,16471],{},"SSE не підходить (client відправляє input кожен frame).",[16322,16473,16475,16480,16492,16497,16514,16519],{"label":16474},"За складністю",[5089,16476,16477],{},[5099,16478,16479],{},"MVP \u002F Proof of Concept:",[5093,16481,16482,16487],{},[5096,16483,16334,16484,16486],{},[5099,16485,5580],{}," — 10 рядків коду, Observable + @Sse, готово.",[5096,16488,16340,16489,16491],{},[5099,16490,5583],{}," — потрібна бібліотека (Socket.IO), lifecycle hooks, rooms.",[5089,16493,16494],{},[5099,16495,16496],{},"Production з масштабуванням:",[5093,16498,16499,16504,16509],{},[5096,16500,16340,16501,16503],{},[5099,16502,5580],{}," — для scaling потрібен Redis Pub\u002FSub (як і WebSocket).",[5096,16505,16340,16506,16508],{},[5099,16507,5583],{}," — Redis Adapter для синхронізації між серверами.",[5096,16510,16511],{},[5099,16512,16513],{},"Однакова складність масштабування.",[5089,16515,16516],{},[5099,16517,16518],{},"Старі браузери (IE10, IE11):",[5093,16520,16521,16526],{},[5096,16522,16334,16523,16525],{},[5099,16524,5580],{}," — polyfill доступний, fallback простіший.",[5096,16527,16340,16528,16530],{},[5099,16529,5583],{}," — Socket.IO автоматично fallback на long-polling.",[5402,16532,5160],{"id":16533},"коли-використовувати-sse",[5181,16535,16536,16590],{},[5184,16537,16540],{"icon":16538,"title":16539},"i-lucide-check-circle","✅ Ідеальні сценарії для SSE",[5093,16541,16542,16548,16554,16560,16566,16572,16578,16584],{},[5096,16543,16544,16547],{},[5099,16545,16546],{},"Live dashboards:"," метрики, графіки, статистика у реальному часі.",[5096,16549,16550,16553],{},[5099,16551,16552],{},"News feeds:"," Twitter-style потік нових постів, оновлення стрічки.",[5096,16555,16556,16559],{},[5099,16557,16558],{},"Notifications:"," in-app нотифікації про події (лайки, коментарі, підписки).",[5096,16561,16562,16565],{},[5099,16563,16564],{},"Progress tracking:"," завантаження файлів, обробка задач, ETL pipelines.",[5096,16567,16568,16571],{},[5099,16569,16570],{},"Streaming logs:"," перегляд логів застосунку у real-time.",[5096,16573,16574,16577],{},[5099,16575,16576],{},"Stock tickers:"," котирування акцій, криптовалют (лише отримання, без trading).",[5096,16579,16580,16583],{},[5099,16581,16582],{},"Live scores:"," спортивні результати, турнірні таблиці.",[5096,16585,16586,16589],{},[5099,16587,16588],{},"System monitoring:"," server health, uptime, error rates.",[5184,16591,16594],{"icon":16592,"title":16593},"i-lucide-x-circle","❌ Неприйнятні сценарії для SSE",[5093,16595,16596,16602,16607,16612,16618],{},[5096,16597,16598,16601],{},[5099,16599,16600],{},"Чати:"," client постійно відправляє повідомлення → WebSocket.",[5096,16603,16604,16606],{},[5099,16605,16431],{}," client відправляє зміни документа → WebSocket.",[5096,16608,16609,16611],{},[5099,16610,16461],{}," client відправляє input кожен frame → WebSocket.",[5096,16613,16614,16617],{},[5099,16615,16616],{},"Бінарні дані:"," відео\u002Fаудіо streaming → WebSocket або WebRTC.",[5096,16619,16620,16623],{},[5099,16621,16622],{},"Критична latency \u003C 50 мс:"," фінансовий трейдинг → WebSocket.",[5178,16625],{},[5084,16627,16629],{"id":16628},"best-practices-для-sse","Best Practices для SSE",[5402,16631,16633],{"id":16632},"_1-завжди-додавайте-heartbeat","1. Завжди додавайте heartbeat",[5089,16635,16636],{},"Для запобігання закриттю з'єднання проксі-серверами відправляйте коментар кожні 15-30 секунд.",[5410,16638,16640],{"className":5850,"code":16639,"language":5852,"meta":5414,"style":5414},"@Sse('stream')\nstreamEvents(): Observable\u003CMessageEvent> {\n  const heartbeat$ = interval(15000).pipe(\n    map(() => ({\n      type: 'heartbeat',\n      data: { timestamp: new Date().toISOString() },\n    })),\n  );\n\n  const events$ = this.eventsSubject.asObservable();\n\n  return merge(heartbeat$, events$);\n}\n",[5116,16641,16642,16654,16668,16689,16700,16708,16727,16732,16736,16740,16761,16765,16782],{"__ignoreMap":5414},[5418,16643,16644,16646,16648,16650,16652],{"class":5420,"line":5421},[5418,16645,6004],{"class":5869},[5418,16647,5879],{"class":6007},[5418,16649,6010],{"class":5869},[5418,16651,6056],{"class":5888},[5418,16653,6016],{"class":5869},[5418,16655,16656,16658,16660,16662,16664,16666],{"class":5420,"line":5427},[5418,16657,15892],{"class":6007},[5418,16659,6066],{"class":5869},[5418,16661,5113],{"class":5873},[5418,16663,6071],{"class":5869},[5418,16665,6074],{"class":5873},[5418,16667,6077],{"class":5869},[5418,16669,16670,16673,16675,16677,16679,16681,16683,16685,16687],{"class":5420,"line":5433},[5418,16671,16672],{"class":5869},"  const ",[5418,16674,9209],{"class":5873},[5418,16676,6327],{"class":5869},[5418,16678,5205],{"class":6007},[5418,16680,6010],{"class":5869},[5418,16682,11030],{"class":6090},[5418,16684,5801],{"class":5869},[5418,16686,6096],{"class":6007},[5418,16688,6099],{"class":5869},[5418,16690,16691,16694,16696,16698],{"class":5420,"line":5439},[5418,16692,16693],{"class":6007},"    map",[5418,16695,9086],{"class":5869},[5418,16697,6116],{"class":5928},[5418,16699,6119],{"class":5869},[5418,16701,16702,16704,16706],{"class":5420,"line":5445},[5418,16703,9276],{"class":5873},[5418,16705,9097],{"class":5888},[5418,16707,6137],{"class":5869},[5418,16709,16710,16713,16715,16717,16719,16721,16723,16725],{"class":5420,"line":5451},[5418,16711,16712],{"class":5873},"      data:",[5418,16714,5870],{"class":5869},[5418,16716,9108],{"class":5873},[5418,16718,6145],{"class":5928},[5418,16720,6148],{"class":6007},[5418,16722,6151],{"class":5869},[5418,16724,6154],{"class":6007},[5418,16726,9119],{"class":5869},[5418,16728,16729],{"class":5420,"line":5457},[5418,16730,16731],{"class":5869},"    })),\n",[5418,16733,16734],{"class":5420,"line":5462},[5418,16735,12298],{"class":5869},[5418,16737,16738],{"class":5420,"line":5468},[5418,16739,5923],{"emptyLinePlaceholder":5922},[5418,16741,16742,16744,16747,16749,16751,16753,16755,16757,16759],{"class":5420,"line":5473},[5418,16743,16672],{"class":5869},[5418,16745,16746],{"class":5873},"events$",[5418,16748,6327],{"class":5869},[5418,16750,6403],{"class":5928},[5418,16752,5369],{"class":5869},[5418,16754,9605],{"class":5873},[5418,16756,5369],{"class":5869},[5418,16758,8135],{"class":6007},[5418,16760,6866],{"class":5869},[5418,16762,16763],{"class":5420,"line":5479},[5418,16764,5923],{"emptyLinePlaceholder":5922},[5418,16766,16767,16770,16772,16774,16776,16778,16780],{"class":5420,"line":5485},[5418,16768,16769],{"class":5869},"  return ",[5418,16771,8932],{"class":6007},[5418,16773,6010],{"class":5869},[5418,16775,9209],{"class":5873},[5418,16777,5119],{"class":5869},[5418,16779,16746],{"class":5873},[5418,16781,6411],{"class":5869},[5418,16783,16784],{"class":5420,"line":5490},[5418,16785,5995],{"class":5869},[5402,16787,16789,16790,16792],{"id":16788},"_2-використовуйте-id-для-відновлення-подій","2. Використовуйте ",[5116,16791,5226],{}," для відновлення подій",[5089,16794,16795,16796,16798],{},"Завжди встановлюйте унікальний ",[5116,16797,5226],{}," для кожної події, щоб браузер міг відновити пропущені події після reconnect.",[5410,16800,16802],{"className":5850,"code":16801,"language":5852,"meta":5414,"style":5414},"this.eventsSubject.next({\n  data: { message: 'Hello' },\n  id: Date.now().toString(), \u002F\u002F Унікальний ID\n});\n",[5116,16803,16804,16818,16832,16853],{"__ignoreMap":5414},[5418,16805,16806,16808,16810,16812,16814,16816],{"class":5420,"line":5421},[5418,16807,6403],{"class":5928},[5418,16809,5369],{"class":5869},[5418,16811,9605],{"class":5873},[5418,16813,5369],{"class":5869},[5418,16815,8285],{"class":6007},[5418,16817,8288],{"class":5869},[5418,16819,16820,16823,16825,16827,16830],{"class":5420,"line":5427},[5418,16821,16822],{"class":5873},"  data:",[5418,16824,5870],{"class":5869},[5418,16826,11063],{"class":5873},[5418,16828,16829],{"class":5888}," 'Hello'",[5418,16831,11069],{"class":5869},[5418,16833,16834,16837,16839,16841,16843,16845,16847,16850],{"class":5420,"line":5433},[5418,16835,16836],{"class":5873},"  id:",[5418,16838,6148],{"class":5873},[5418,16840,5369],{"class":5869},[5418,16842,7642],{"class":6007},[5418,16844,6151],{"class":5869},[5418,16846,6184],{"class":6007},[5418,16848,16849],{"class":5869},"(), ",[5418,16851,16852],{"class":5859},"\u002F\u002F Унікальний ID\n",[5418,16854,16855],{"class":5420,"line":5439},[5418,16856,7174],{"class":5869},[5089,16858,16859],{},[5099,16860,16861],{},"Обробка Last-Event-ID на сервері:",[5410,16863,16865],{"className":5850,"code":16864,"language":5852,"meta":5414,"style":5414},"@Sse('stream')\nstreamEvents(@Headers('last-event-id') lastEventId?: string): Observable\u003CMessageEvent> {\n  const sinceId = lastEventId ? parseInt(lastEventId, 10) : 0;\n\n  \u002F\u002F Відправити пропущені події з кешу або БД\n  const missedEvents = this.getCachedEventsSince(sinceId);\n\n  const missed$ = from(missedEvents);\n  const live$ = this.eventsSubject.asObservable();\n\n  \u002F\u002F Спочатку пропущені, потім live\n  return concat(missed$, live$);\n}\n",[5116,16866,16867,16879,16911,16941,16945,16950,16972,16976,16993,17014,17018,17023,17040],{"__ignoreMap":5414},[5418,16868,16869,16871,16873,16875,16877],{"class":5420,"line":5421},[5418,16870,6004],{"class":5869},[5418,16872,5879],{"class":6007},[5418,16874,6010],{"class":5869},[5418,16876,6056],{"class":5888},[5418,16878,6016],{"class":5869},[5418,16880,16881,16883,16885,16888,16890,16893,16895,16897,16899,16901,16903,16905,16907,16909],{"class":5420,"line":5427},[5418,16882,15892],{"class":6007},[5418,16884,9542],{"class":5869},[5418,16886,16887],{"class":6007},"Headers",[5418,16889,6010],{"class":5869},[5418,16891,16892],{"class":5888},"'last-event-id'",[5418,16894,6113],{"class":5869},[5418,16896,6585],{"class":5873},[5418,16898,5963],{"class":5869},[5418,16900,5947],{"class":5873},[5418,16902,8611],{"class":5869},[5418,16904,5113],{"class":5873},[5418,16906,6071],{"class":5869},[5418,16908,6074],{"class":5873},[5418,16910,6077],{"class":5869},[5418,16912,16913,16915,16918,16920,16922,16924,16926,16928,16930,16932,16934,16937,16939],{"class":5420,"line":5433},[5418,16914,16672],{"class":5869},[5418,16916,16917],{"class":5873},"sinceId",[5418,16919,6327],{"class":5869},[5418,16921,6585],{"class":5873},[5418,16923,14552],{"class":5869},[5418,16925,9579],{"class":6007},[5418,16927,6010],{"class":5869},[5418,16929,6585],{"class":5873},[5418,16931,5119],{"class":5869},[5418,16933,9588],{"class":6090},[5418,16935,16936],{"class":5869},") : ",[5418,16938,10392],{"class":6090},[5418,16940,5892],{"class":5869},[5418,16942,16943],{"class":5420,"line":5439},[5418,16944,5923],{"emptyLinePlaceholder":5922},[5418,16946,16947],{"class":5420,"line":5445},[5418,16948,16949],{"class":5859},"  \u002F\u002F Відправити пропущені події з кешу або БД\n",[5418,16951,16952,16954,16957,16959,16961,16963,16966,16968,16970],{"class":5420,"line":5451},[5418,16953,16672],{"class":5869},[5418,16955,16956],{"class":5873},"missedEvents",[5418,16958,6327],{"class":5869},[5418,16960,6403],{"class":5928},[5418,16962,5369],{"class":5869},[5418,16964,16965],{"class":6007},"getCachedEventsSince",[5418,16967,6010],{"class":5869},[5418,16969,16917],{"class":5873},[5418,16971,6411],{"class":5869},[5418,16973,16974],{"class":5420,"line":5457},[5418,16975,5923],{"emptyLinePlaceholder":5922},[5418,16977,16978,16980,16983,16985,16987,16989,16991],{"class":5420,"line":5462},[5418,16979,16672],{"class":5869},[5418,16981,16982],{"class":5873},"missed$",[5418,16984,6327],{"class":5869},[5418,16986,5885],{"class":6007},[5418,16988,6010],{"class":5869},[5418,16990,16956],{"class":5873},[5418,16992,6411],{"class":5869},[5418,16994,16995,16997,17000,17002,17004,17006,17008,17010,17012],{"class":5420,"line":5468},[5418,16996,16672],{"class":5869},[5418,16998,16999],{"class":5873},"live$",[5418,17001,6327],{"class":5869},[5418,17003,6403],{"class":5928},[5418,17005,5369],{"class":5869},[5418,17007,9605],{"class":5873},[5418,17009,5369],{"class":5869},[5418,17011,8135],{"class":6007},[5418,17013,6866],{"class":5869},[5418,17015,17016],{"class":5420,"line":5473},[5418,17017,5923],{"emptyLinePlaceholder":5922},[5418,17019,17020],{"class":5420,"line":5479},[5418,17021,17022],{"class":5859},"  \u002F\u002F Спочатку пропущені, потім live\n",[5418,17024,17025,17027,17030,17032,17034,17036,17038],{"class":5420,"line":5485},[5418,17026,16769],{"class":5869},[5418,17028,17029],{"class":6007},"concat",[5418,17031,6010],{"class":5869},[5418,17033,16982],{"class":5873},[5418,17035,5119],{"class":5869},[5418,17037,16999],{"class":5873},[5418,17039,6411],{"class":5869},[5418,17041,17042],{"class":5420,"line":5490},[5418,17043,5995],{"class":5869},[5402,17045,17047],{"id":17046},"_3-обмежте-кількість-одночасних-sse-зєднань","3. Обмежте кількість одночасних SSE з'єднань",[5089,17049,17050],{},"Браузери обмежують кількість одночасних HTTP з'єднань до одного домену (зазвичай 6). SSE займає одне з'єднання.",[5089,17052,17053],{},[5099,17054,17055],{},"Рішення:",[5093,17057,17058,17065],{},[5096,17059,17060,17061,17064],{},"Використовуйте ",[5099,17062,17063],{},"один SSE endpoint"," для кількох типів подій (замість окремих endpoints).",[5096,17066,17067,17068,17071],{},"Або використовуйте ",[5099,17069,17070],{},"HTTP\u002F2"," (підтримує multiplexing).",[5402,17073,17075],{"id":17074},"_4-cleanup-при-unmount-компонента","4. Cleanup при unmount компонента",[5089,17077,17078],{},"Завжди закривайте SSE з'єднання при unmount React\u002FVue компонента.",[5410,17080,17082],{"className":5850,"code":17081,"language":5852,"meta":5414,"style":5414},"\u002F\u002F React\nuseEffect(() => {\n  const eventSource = new EventSource('\u002Fevents\u002Fstream');\n\n  \u002F\u002F Обробники подій...\n\n  return () => {\n    eventSource.close(); \u002F\u002F Cleanup при unmount\n  };\n}, []);\n",[5116,17083,17084,17089,17099,17118,17122,17127,17131,17141,17155,17159],{"__ignoreMap":5414},[5418,17085,17086],{"class":5420,"line":5421},[5418,17087,17088],{"class":5859},"\u002F\u002F React\n",[5418,17090,17091,17093,17095,17097],{"class":5420,"line":5427},[5418,17092,11255],{"class":6007},[5418,17094,9086],{"class":5869},[5418,17096,6116],{"class":5928},[5418,17098,5936],{"class":5869},[5418,17100,17101,17103,17105,17107,17109,17111,17113,17116],{"class":5420,"line":5433},[5418,17102,7730],{"class":5928},[5418,17104,6315],{"class":6523},[5418,17106,6327],{"class":5869},[5418,17108,6395],{"class":5928},[5418,17110,6398],{"class":6007},[5418,17112,6010],{"class":5869},[5418,17114,17115],{"class":5888},"'\u002Fevents\u002Fstream'",[5418,17117,6411],{"class":5869},[5418,17119,17120],{"class":5420,"line":5439},[5418,17121,5923],{"emptyLinePlaceholder":5922},[5418,17123,17124],{"class":5420,"line":5445},[5418,17125,17126],{"class":5859},"  \u002F\u002F Обробники подій...\n",[5418,17128,17129],{"class":5420,"line":5451},[5418,17130,5923],{"emptyLinePlaceholder":5922},[5418,17132,17133,17135,17137,17139],{"class":5420,"line":5457},[5418,17134,11945],{"class":5865},[5418,17136,7514],{"class":5869},[5418,17138,6116],{"class":5928},[5418,17140,5936],{"class":5869},[5418,17142,17143,17145,17147,17149,17152],{"class":5420,"line":5462},[5418,17144,11468],{"class":5873},[5418,17146,5369],{"class":5869},[5418,17148,6863],{"class":6007},[5418,17150,17151],{"class":5869},"(); ",[5418,17153,17154],{"class":5859},"\u002F\u002F Cleanup при unmount\n",[5418,17156,17157],{"class":5420,"line":5468},[5418,17158,10201],{"class":5869},[5418,17160,17161],{"class":5420,"line":5473},[5418,17162,17163],{"class":5869},"}, []);\n",[5402,17165,17167],{"id":17166},"_5-логування-та-моніторинг","5. Логування та моніторинг",[5089,17169,17170],{},"Відстежуйте кількість активних SSE з'єднань для capacity planning.",[5410,17172,17174],{"className":5850,"code":17173,"language":5852,"meta":5414,"style":5414},"@Controller('events')\nexport class EventsController {\n  private activeConnections = 0;\n\n  @Sse('stream')\n  streamEvents(): Observable\u003CMessageEvent> {\n    this.activeConnections++;\n    console.log(`[SSE] Активних з'єднань: ${this.activeConnections}`);\n\n    return this.eventsSubject.asObservable().pipe(\n      finalize(() => {\n        this.activeConnections--;\n        console.log(`[SSE] Клієнт відключився. Залишилось: ${this.activeConnections}`);\n      }),\n    );\n  }\n\n  @Get('metrics')\n  getMetrics() {\n    return {\n      activeSSEConnections: this.activeConnections,\n    };\n  }\n}\n",[5116,17175,17176,17188,17198,17211,17215,17227,17241,17252,17280,17284,17304,17315,17327,17354,17358,17362,17366,17370,17383,17390,17396,17409,17413,17417],{"__ignoreMap":5414},[5418,17177,17178,17180,17182,17184,17186],{"class":5420,"line":5421},[5418,17179,6004],{"class":5869},[5418,17181,5874],{"class":6007},[5418,17183,6010],{"class":5869},[5418,17185,6013],{"class":5888},[5418,17187,6016],{"class":5869},[5418,17189,17190,17192,17194,17196],{"class":5420,"line":5427},[5418,17191,6021],{"class":5865},[5418,17193,6024],{"class":5928},[5418,17195,6027],{"class":5932},[5418,17197,5936],{"class":5869},[5418,17199,17200,17202,17205,17207,17209],{"class":5420,"line":5433},[5418,17201,6312],{"class":5928},[5418,17203,17204],{"class":5873}," activeConnections",[5418,17206,6327],{"class":5869},[5418,17208,10392],{"class":6090},[5418,17210,5892],{"class":5869},[5418,17212,17213],{"class":5420,"line":5439},[5418,17214,5923],{"emptyLinePlaceholder":5922},[5418,17216,17217,17219,17221,17223,17225],{"class":5420,"line":5445},[5418,17218,6049],{"class":5869},[5418,17220,5879],{"class":6007},[5418,17222,6010],{"class":5869},[5418,17224,6056],{"class":5888},[5418,17226,6016],{"class":5869},[5418,17228,17229,17231,17233,17235,17237,17239],{"class":5420,"line":5451},[5418,17230,6063],{"class":6007},[5418,17232,6066],{"class":5869},[5418,17234,5113],{"class":5932},[5418,17236,6071],{"class":5869},[5418,17238,6074],{"class":5932},[5418,17240,6077],{"class":5869},[5418,17242,17243,17245,17247,17249],{"class":5420,"line":5457},[5418,17244,6385],{"class":5928},[5418,17246,5369],{"class":5869},[5418,17248,7609],{"class":5873},[5418,17250,17251],{"class":5869},"++;\n",[5418,17253,17254,17257,17259,17261,17263,17266,17268,17270,17272,17274,17276,17278],{"class":5420,"line":5462},[5418,17255,17256],{"class":5873},"    console",[5418,17258,5369],{"class":5869},[5418,17260,6455],{"class":6007},[5418,17262,6010],{"class":5869},[5418,17264,17265],{"class":5888},"`[SSE] Активних з'єднань: ",[5418,17267,7017],{"class":5928},[5418,17269,6403],{"class":5928},[5418,17271,5369],{"class":7022},[5418,17273,7609],{"class":5873},[5418,17275,7027],{"class":5928},[5418,17277,7014],{"class":5888},[5418,17279,6411],{"class":5869},[5418,17281,17282],{"class":5420,"line":5468},[5418,17283,5923],{"emptyLinePlaceholder":5922},[5418,17285,17286,17288,17290,17292,17294,17296,17298,17300,17302],{"class":5420,"line":5473},[5418,17287,6082],{"class":5865},[5418,17289,7539],{"class":5928},[5418,17291,5369],{"class":5869},[5418,17293,9605],{"class":5873},[5418,17295,5369],{"class":5869},[5418,17297,8135],{"class":6007},[5418,17299,6151],{"class":5869},[5418,17301,6096],{"class":6007},[5418,17303,6099],{"class":5869},[5418,17305,17306,17309,17311,17313],{"class":5420,"line":5479},[5418,17307,17308],{"class":6007},"      finalize",[5418,17310,9086],{"class":5869},[5418,17312,6116],{"class":5928},[5418,17314,5936],{"class":5869},[5418,17316,17317,17320,17322,17324],{"class":5420,"line":5485},[5418,17318,17319],{"class":5928},"        this",[5418,17321,5369],{"class":5869},[5418,17323,7609],{"class":5873},[5418,17325,17326],{"class":5869},"--;\n",[5418,17328,17329,17331,17333,17335,17337,17340,17342,17344,17346,17348,17350,17352],{"class":5420,"line":5490},[5418,17330,6722],{"class":5873},[5418,17332,5369],{"class":5869},[5418,17334,6455],{"class":6007},[5418,17336,6010],{"class":5869},[5418,17338,17339],{"class":5888},"`[SSE] Клієнт відключився. Залишилось: ",[5418,17341,7017],{"class":5928},[5418,17343,6403],{"class":5928},[5418,17345,5369],{"class":7022},[5418,17347,7609],{"class":5873},[5418,17349,7027],{"class":5928},[5418,17351,7014],{"class":5888},[5418,17353,6411],{"class":5869},[5418,17355,17356],{"class":5420,"line":5496},[5418,17357,7658],{"class":5869},[5418,17359,17360],{"class":5420,"line":5502},[5418,17361,6198],{"class":5869},[5418,17363,17364],{"class":5420,"line":5507},[5418,17365,6204],{"class":5869},[5418,17367,17368],{"class":5420,"line":5513},[5418,17369,5923],{"emptyLinePlaceholder":5922},[5418,17371,17372,17374,17377,17379,17381],{"class":5420,"line":5519},[5418,17373,6049],{"class":5869},[5418,17375,17376],{"class":6007},"Get",[5418,17378,6010],{"class":5869},[5418,17380,7468],{"class":5888},[5418,17382,6016],{"class":5869},[5418,17384,17385,17388],{"class":5420,"line":5524},[5418,17386,17387],{"class":6007},"  getMetrics",[5418,17389,6380],{"class":5869},[5418,17391,17392,17394],{"class":5420,"line":5530},[5418,17393,6082],{"class":5865},[5418,17395,5936],{"class":5869},[5418,17397,17398,17401,17403,17405,17407],{"class":5420,"line":5536},[5418,17399,17400],{"class":5873},"      activeSSEConnections:",[5418,17402,7539],{"class":5928},[5418,17404,5369],{"class":5869},[5418,17406,7609],{"class":5873},[5418,17408,6137],{"class":5869},[5418,17410,17411],{"class":5420,"line":5541},[5418,17412,10845],{"class":5869},[5418,17414,17415],{"class":5420,"line":5547},[5418,17416,6204],{"class":5869},[5418,17418,17419],{"class":5420,"line":5553},[5418,17420,5995],{"class":5869},[5178,17422],{},[5084,17424,17426],{"id":17425},"troubleshooting-типових-проблем","Troubleshooting типових проблем",[5402,17428,17430],{"id":17429},"проблема-1-зєднання-закривається-через-60-секунд","Проблема 1: З'єднання закривається через 60 секунд",[5089,17432,17433,17436],{},[5099,17434,17435],{},"Симптом:"," SSE з'єднання автоматично закривається через 60 секунд, навіть якщо події продовжують генеруватися.",[5089,17438,17439,17442],{},[5099,17440,17441],{},"Причина:"," проксі-сервер (Nginx, CloudFlare) або load balancer закриває неактивні з'єднання.",[5089,17444,17445,17447],{},[5099,17446,17055],{}," додати heartbeat (див. Best Practice #1) або налаштувати timeout на проксі:",[5410,17449,17453],{"className":17450,"code":17451,"language":17452,"meta":5414,"style":5414},"language-nginx shiki shiki-themes light-plus dark-plus dark-plus","# Nginx конфігурація\nlocation \u002Fevents\u002F {\n    proxy_pass http:\u002F\u002Flocalhost:3001;\n    proxy_set_header Connection '';\n    proxy_http_version 1.1;\n    chunked_transfer_encoding off;\n    proxy_buffering off;\n    proxy_cache off;\n    proxy_read_timeout 3600s; # 1 година timeout\n}\n","nginx",[5116,17454,17455,17460,17465,17470,17475,17480,17485,17490,17495,17500],{"__ignoreMap":5414},[5418,17456,17457],{"class":5420,"line":5421},[5418,17458,17459],{},"# Nginx конфігурація\n",[5418,17461,17462],{"class":5420,"line":5427},[5418,17463,17464],{},"location \u002Fevents\u002F {\n",[5418,17466,17467],{"class":5420,"line":5433},[5418,17468,17469],{},"    proxy_pass http:\u002F\u002Flocalhost:3001;\n",[5418,17471,17472],{"class":5420,"line":5439},[5418,17473,17474],{},"    proxy_set_header Connection '';\n",[5418,17476,17477],{"class":5420,"line":5445},[5418,17478,17479],{},"    proxy_http_version 1.1;\n",[5418,17481,17482],{"class":5420,"line":5451},[5418,17483,17484],{},"    chunked_transfer_encoding off;\n",[5418,17486,17487],{"class":5420,"line":5457},[5418,17488,17489],{},"    proxy_buffering off;\n",[5418,17491,17492],{"class":5420,"line":5462},[5418,17493,17494],{},"    proxy_cache off;\n",[5418,17496,17497],{"class":5420,"line":5468},[5418,17498,17499],{},"    proxy_read_timeout 3600s; # 1 година timeout\n",[5418,17501,17502],{"class":5420,"line":5473},[5418,17503,5995],{},[5402,17505,17507],{"id":17506},"проблема-2-події-не-доставляються-у-safari","Проблема 2: Події не доставляються у Safari",[5089,17509,17510,17512],{},[5099,17511,17435],{}," SSE працює у Chrome\u002FFirefox, але не у Safari.",[5089,17514,17515,17517],{},[5099,17516,17441],{}," Safari має строгішу валідацію формату SSE. Переконайтеся, що:",[5093,17519,17520,17526,17531],{},[5096,17521,17522,17523,17525],{},"Кожна подія закінчується ",[5116,17524,5800],{}," (подвійний перенос рядка).",[5096,17527,17528,17529,5369],{},"Немає зайвих пробілів після ",[5116,17530,5139],{},[5096,17532,17533,17534,5369],{},"Використовується правильний MIME-тип ",[5116,17535,17536],{},"text\u002Fevent-stream",[5089,17538,17539],{},[5099,17540,17541],{},"Діагностика:",[5410,17543,17545],{"className":5850,"code":17544,"language":5852,"meta":5414,"style":5414},"@Sse('stream')\nstreamEvents(): Observable\u003CMessageEvent> {\n  return interval(2000).pipe(\n    map((index) => {\n      const event = {\n        data: { message: 'Test', index },\n        id: index.toString(),\n      };\n\n      console.log('[SSE] Відправка події:', JSON.stringify(event));\n      return event;\n    }),\n  );\n}\n",[5116,17546,17547,17559,17573,17586,17600,17608,17625,17637,17642,17646,17674,17682,17687,17691],{"__ignoreMap":5414},[5418,17548,17549,17551,17553,17555,17557],{"class":5420,"line":5421},[5418,17550,6004],{"class":5869},[5418,17552,5879],{"class":6007},[5418,17554,6010],{"class":5869},[5418,17556,6056],{"class":5888},[5418,17558,6016],{"class":5869},[5418,17560,17561,17563,17565,17567,17569,17571],{"class":5420,"line":5427},[5418,17562,15892],{"class":6007},[5418,17564,6066],{"class":5869},[5418,17566,5113],{"class":5873},[5418,17568,6071],{"class":5869},[5418,17570,6074],{"class":5873},[5418,17572,6077],{"class":5869},[5418,17574,17575,17577,17579,17582,17584],{"class":5420,"line":5433},[5418,17576,16769],{"class":5869},[5418,17578,5205],{"class":6007},[5418,17580,17581],{"class":5869},"(2000).",[5418,17583,6096],{"class":6007},[5418,17585,6099],{"class":5869},[5418,17587,17588,17590,17592,17594,17596,17598],{"class":5420,"line":5439},[5418,17589,16693],{"class":5873},[5418,17591,6107],{"class":5869},[5418,17593,6110],{"class":5873},[5418,17595,6113],{"class":5869},[5418,17597,6116],{"class":5928},[5418,17599,5936],{"class":5869},[5418,17601,17602,17604,17606],{"class":5420,"line":5445},[5418,17603,6520],{"class":5932},[5418,17605,12695],{"class":5873},[5418,17607,11745],{"class":5869},[5418,17609,17610,17612,17614,17616,17619,17621,17623],{"class":5420,"line":5451},[5418,17611,6124],{"class":5873},[5418,17613,5870],{"class":5869},[5418,17615,11063],{"class":5873},[5418,17617,17618],{"class":5888}," 'Test'",[5418,17620,5119],{"class":5869},[5418,17622,6110],{"class":5873},[5418,17624,11069],{"class":5869},[5418,17626,17627,17629,17631,17633,17635],{"class":5420,"line":5457},[5418,17628,6176],{"class":5873},[5418,17630,6179],{"class":5873},[5418,17632,5369],{"class":5869},[5418,17634,6184],{"class":6007},[5418,17636,6157],{"class":5869},[5418,17638,17639],{"class":5420,"line":5462},[5418,17640,17641],{"class":5869},"      };\n",[5418,17643,17644],{"class":5420,"line":5468},[5418,17645,5923],{"emptyLinePlaceholder":5922},[5418,17647,17648,17650,17652,17654,17656,17659,17661,17663,17665,17668,17670,17672],{"class":5420,"line":5473},[5418,17649,6450],{"class":5932},[5418,17651,5369],{"class":5869},[5418,17653,6455],{"class":5932},[5418,17655,6010],{"class":5869},[5418,17657,17658],{"class":5888},"'[SSE] Відправка події:'",[5418,17660,5119],{"class":5869},[5418,17662,6529],{"class":5932},[5418,17664,5369],{"class":5869},[5418,17666,17667],{"class":5932},"stringify",[5418,17669,6010],{"class":5869},[5418,17671,5223],{"class":5932},[5418,17673,10000],{"class":5869},[5418,17675,17676,17678,17680],{"class":5420,"line":5479},[5418,17677,15554],{"class":5932},[5418,17679,12695],{"class":5873},[5418,17681,5892],{"class":5869},[5418,17683,17684],{"class":5420,"line":5485},[5418,17685,17686],{"class":5869},"    }),\n",[5418,17688,17689],{"class":5420,"line":5490},[5418,17690,12298],{"class":5869},[5418,17692,17693],{"class":5420,"line":5496},[5418,17694,5995],{"class":5869},[5402,17696,17698],{"id":17697},"проблема-3-memory-leak-через-не-закриті-observable","Проблема 3: Memory Leak через не закриті Observable",[5089,17700,17701,17703],{},[5099,17702,17435],{}," пам'ять сервера зростає при великій кількості клієнтів.",[5089,17705,17706,17708],{},[5099,17707,17441],{}," Observable не завершуються при відключенні клієнта.",[5089,17710,17711,17713,17714,17717],{},[5099,17712,17055],{}," використати ",[5116,17715,17716],{},"finalize()"," оператор для cleanup:",[5410,17719,17721],{"className":5850,"code":17720,"language":5852,"meta":5414,"style":5414},"@Sse('stream')\nstreamEvents(): Observable\u003CMessageEvent> {\n  const connectionId = Math.random().toString(36);\n\n  console.log(`[SSE] Клієнт ${connectionId} підключився`);\n\n  return this.eventsSubject.asObservable().pipe(\n    finalize(() => {\n      console.log(`[SSE] Клієнт ${connectionId} відключився`);\n      \u002F\u002F Cleanup: видалити з Map, звільнити ресурси\n    }),\n  );\n}\n",[5116,17722,17723,17735,17749,17774,17778,17797,17801,17806,17811,17829,17834,17838,17842],{"__ignoreMap":5414},[5418,17724,17725,17727,17729,17731,17733],{"class":5420,"line":5421},[5418,17726,6004],{"class":5869},[5418,17728,5879],{"class":6007},[5418,17730,6010],{"class":5869},[5418,17732,6056],{"class":5888},[5418,17734,6016],{"class":5869},[5418,17736,17737,17739,17741,17743,17745,17747],{"class":5420,"line":5427},[5418,17738,15892],{"class":6007},[5418,17740,6066],{"class":5869},[5418,17742,5113],{"class":5873},[5418,17744,6071],{"class":5869},[5418,17746,6074],{"class":5873},[5418,17748,6077],{"class":5869},[5418,17750,17751,17753,17756,17758,17760,17762,17764,17766,17768,17770,17772],{"class":5420,"line":5433},[5418,17752,16672],{"class":5869},[5418,17754,17755],{"class":5873},"connectionId",[5418,17757,6327],{"class":5869},[5418,17759,12961],{"class":5873},[5418,17761,5369],{"class":5869},[5418,17763,13482],{"class":6007},[5418,17765,6151],{"class":5869},[5418,17767,6184],{"class":6007},[5418,17769,6010],{"class":5869},[5418,17771,13491],{"class":6090},[5418,17773,6411],{"class":5869},[5418,17775,17776],{"class":5420,"line":5439},[5418,17777,5923],{"emptyLinePlaceholder":5922},[5418,17779,17780,17783,17786,17788,17790,17792,17795],{"class":5420,"line":5445},[5418,17781,17782],{"class":5869},"  console.log(",[5418,17784,17785],{"class":5888},"`[SSE] Клієнт ",[5418,17787,7017],{"class":5928},[5418,17789,17755],{"class":5873},[5418,17791,7027],{"class":5928},[5418,17793,17794],{"class":5888}," підключився`",[5418,17796,6411],{"class":5873},[5418,17798,17799],{"class":5420,"line":5451},[5418,17800,5923],{"emptyLinePlaceholder":5922},[5418,17802,17803],{"class":5420,"line":5457},[5418,17804,17805],{"class":5873},"  return this.eventsSubject.asObservable().pipe(\n",[5418,17807,17808],{"class":5420,"line":5462},[5418,17809,17810],{"class":5873},"    finalize(() => {\n",[5418,17812,17813,17816,17818,17820,17822,17824,17827],{"class":5420,"line":5468},[5418,17814,17815],{"class":5873},"      console.log(",[5418,17817,17785],{"class":5888},[5418,17819,7017],{"class":5928},[5418,17821,17755],{"class":5873},[5418,17823,7027],{"class":5928},[5418,17825,17826],{"class":5888}," відключився`",[5418,17828,6411],{"class":5873},[5418,17830,17831],{"class":5420,"line":5473},[5418,17832,17833],{"class":5859},"      \u002F\u002F Cleanup: видалити з Map, звільнити ресурси\n",[5418,17835,17836],{"class":5420,"line":5479},[5418,17837,17686],{"class":5873},[5418,17839,17840],{"class":5420,"line":5485},[5418,17841,12298],{"class":5873},[5418,17843,17844],{"class":5420,"line":5490},[5418,17845,5995],{"class":5873},[5178,17847],{},[5084,17849,17851],{"id":17850},"підсумок","Підсумок",[5089,17853,17854],{},"У цій лекції ми опанували Server-Sent Events як ефективну альтернативу WebSocket для однонаправленої комунікації server → client:",[5789,17856,17857,17871,17877,17895,17901,17907,17913,17922],{},[5096,17858,17859,17862,17863,5119,17865,5119,17867,5119,17869,5369],{},[5099,17860,17861],{},"Концепція SSE:"," односпрямований канал через HTTP з автоматичним reconnect, Last-Event-ID для відновлення подій, формат text\u002Fevent-stream з полями ",[5116,17864,5220],{},[5116,17866,5223],{},[5116,17868,5226],{},[5116,17870,5229],{},[5096,17872,17873,17876],{},[5099,17874,17875],{},"@Sse() декоратор:"," створення SSE endpoints у NestJS з поверненням RxJS Observable, автоматична обробка підписки та відправки подій.",[5096,17878,17879,7288,17882,17884,17885,17887,17888,17891,17892,17894],{},[5099,17880,17881],{},"RxJS Patterns:",[5116,17883,5118],{}," для періодичних подій, ",[5116,17886,5129],{}," для ручного керування, ",[5116,17889,17890],{},"merge()"," для об'єднання потоків, ",[5116,17893,5125],{}," для фільтрації на стороні сервера.",[5096,17896,17897,17900],{},[5099,17898,17899],{},"Практичні приклади:"," live dashboard з метриками системи (CPU, memory), progress tracking для завантаження файлів з real-time оновленням UI.",[5096,17902,17903,17906],{},[5099,17904,17905],{},"Автентифікація:"," cookie-based approach (рекомендовано) з HttpOnly cookies, query parameter approach (менш безпечний) для development.",[5096,17908,17909,17912],{},[5099,17910,17911],{},"Порівняння з WebSocket:"," SSE простіший для односпрямованої комунікації, WebSocket потрібен для двостороннього зв'язку, матриця вибору залежно від типу застосунку.",[5096,17914,17915,17918,17919,17921],{},[5099,17916,17917],{},"Best Practices:"," heartbeat для утримання з'єднання, ",[5116,17920,5226],{}," для відновлення подій, cleanup при unmount, логування активних з'єднань, обмеження кількості connections.",[5096,17923,17924,17927],{},[5099,17925,17926],{},"Troubleshooting:"," розв'язання проблем з timeout на проксі, Safari compatibility, memory leaks через не закриті Observable.",[5089,17929,17930,17931,17934],{},"У наступній лекції ми побудуємо ",[5099,17932,17933],{},"повноцінну архітектуру системи нотифікацій",", що інтегрує WebSocket та SSE для доставки in-app notifications з збереженням у базі даних, read\u002Funread статусами та REST API для історії нотифікацій.",[5822,17936,17937,17943],{},[5089,17938,17939,17942],{},[5099,17940,17941],{},"Практичне завдання:"," створіть систему моніторингу серверних логів у real-time:",[5789,17944,17945,17952,17955,17960,17963],{},[5096,17946,17947,17948,17951],{},"SSE endpoint, що читає файл логу (наприклад, ",[5116,17949,17950],{},"tail -f app.log",") та стримить нові рядки клієнту.",[5096,17953,17954],{},"Frontend з автоматичним scroll до низу при нових логах.",[5096,17956,17957,17958,5369],{},"Фільтрація логів за рівнем (ERROR, WARN, INFO, DEBUG) на стороні сервера через RxJS ",[5116,17959,5125],{},[5096,17961,17962],{},"Heartbeat кожні 30 секунд для утримання з'єднання активним.",[5096,17964,17965],{},"Відображення статусу з'єднання (🟢 Connected \u002F 🔴 Disconnected) у UI.",[17967,17968,17969],"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 .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}html pre.shiki code .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}html pre.shiki code .sjcCO, html code.shiki .sjcCO{--shiki-light:#EE0000;--shiki-default:#D7BA7D;--shiki-dark:#D7BA7D}html pre.shiki code .s-QsJ, html code.shiki .s-QsJ{--shiki-light:#0070C1;--shiki-default:#4FC1FF;--shiki-dark:#4FC1FF}html pre.shiki code .sD7JJ, html code.shiki .sD7JJ{--shiki-light:#000000FF;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .s5IvJ, html code.shiki .s5IvJ{--shiki-light:#000000;--shiki-default:#C8C8C8;--shiki-dark:#C8C8C8}",{"title":5414,"searchDepth":5427,"depth":5427,"links":17971},[17972,17973,17974,17978,17982,17988,17992,17996,18000,18005,18013,18018],{"id":5086,"depth":5427,"text":5087},{"id":5285,"depth":5427,"text":5286},{"id":5386,"depth":5427,"text":5387,"children":17975},[17976,17977],{"id":5404,"depth":5433,"text":5405},{"id":5683,"depth":5433,"text":5684},{"id":5836,"depth":5427,"text":5837,"children":17979},[17980,17981],{"id":5846,"depth":5433,"text":5847},{"id":6279,"depth":5433,"text":6280},{"id":7309,"depth":5427,"text":7310,"children":17983},[17984,17985,17986,17987],{"id":7316,"depth":5433,"text":7317},{"id":7875,"depth":5433,"text":7876},{"id":8882,"depth":5433,"text":8883},{"id":9391,"depth":5433,"text":9392},{"id":10084,"depth":5427,"text":10085,"children":17989},[17990,17991],{"id":10091,"depth":5433,"text":10092},{"id":11231,"depth":5433,"text":11232},{"id":12309,"depth":5427,"text":12310,"children":17993},[17994,17995],{"id":12316,"depth":5433,"text":10092},{"id":13597,"depth":5433,"text":13598},{"id":14715,"depth":5427,"text":14716,"children":17997},[17998,17999],{"id":14722,"depth":5433,"text":14723},{"id":15862,"depth":5433,"text":15863},{"id":16141,"depth":5427,"text":16142,"children":18001},[18002,18003,18004],{"id":16148,"depth":5433,"text":16149},{"id":16316,"depth":5433,"text":16317},{"id":16533,"depth":5433,"text":5160},{"id":16628,"depth":5427,"text":16629,"children":18006},[18007,18008,18010,18011,18012],{"id":16632,"depth":5433,"text":16633},{"id":16788,"depth":5433,"text":18009},"2. Використовуйте id для відновлення подій",{"id":17046,"depth":5433,"text":17047},{"id":17074,"depth":5433,"text":17075},{"id":17166,"depth":5433,"text":17167},{"id":17425,"depth":5427,"text":17426,"children":18014},[18015,18016,18017],{"id":17429,"depth":5433,"text":17430},{"id":17506,"depth":5433,"text":17507},{"id":17697,"depth":5433,"text":17698},{"id":17850,"depth":5427,"text":17851},"md",null,{},{"title":4678,"description":5414},"ZhhK_MCNVlh_zVhklWreT8UxlcMMuaDhjS9AfOsJyuY",[18025,18026],{"title":4674,"path":4675,"stem":4676,"description":5414,"children":-1},{"title":4682,"path":4683,"stem":4684,"description":5414,"children":-1},1790322261272]