[{"data":1,"prerenderedAt":18775},["ShallowReactive",2],{"navigation_docs":3,"-web-development-realtime-notifications-jobs-01-realtime-communication-methods":5074,"-web-development-realtime-notifications-jobs-01-realtime-communication-methods-surround":18772},[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":4666,"body":5076,"description":5315,"extension":18767,"links":18768,"meta":18769,"navigation":5490,"path":4667,"seo":18770,"stem":4668,"__hash__":18771},"docs\u002F18.web-development\u002F14.realtime-notifications-jobs\u002F01-realtime-communication-methods.md",{"type":5077,"value":5078,"toc":18721},"minimark",[5079,5083,5088,5092,5120,5123,5126,5189,5191,5195,5211,5218,5228,5236,5241,5244,5270,5276,5278,5282,5292,5296,5307,5448,5463,5467,5473,6794,6799,6847,6851,6854,7355,7660,7665,7705,7709,7716,7720,7726,7729,7732,7751,7762,7769,7773,7776,7838,7852,7854,7858,7872,7876,7887,7985,8000,8004,9313,9318,9347,9351,9362,9873,11119,11124,11179,11186,11190,11196,11516,11521,11547,11551,11556,11562,11568,11583,11589,11606,11613,11617,11622,11632,11638,12031,12036,12042,12051,12280,12284,12336,12338,12342,12355,12359,12372,12377,12384,12389,12425,12543,12548,12580,12584,12591,13994,13999,14044,14050,14054,14061,14533,15188,15193,15200,15489,15493,15500,15505,15511,15517,15524,15528,15531,15537,15543,15720,15725,15731,16068,16079,16083,16146,16148,16152,16165,16169,16180,16185,16321,16326,16341,16455,16459,16630,16635,16654,16657,16661,17558,17564,17568,17632,17634,17638,17641,17898,17902,18123,18125,18129,18133,18139,18152,18157,18168,18173,18181,18185,18191,18217,18224,18280,18284,18291,18427,18433,18437,18440,18466,18651,18653,18657,18660,18682,18685,18711,18717],[5080,5081,4666],"h1",{"id":5082},"методи-комунікації-у-реальному-часі",[5084,5085,5087],"h2",{"id":5086},"короткий-зміст","Короткий зміст",[5089,5090,5091],"p",{},"У цій лекції розглядається порівняння різних підходів до організації real-time комунікації між клієнтом та сервером:",[5093,5094,5095,5103,5109,5114],"ul",{},[5096,5097,5098,5102],"li",{},[5099,5100,5101],"strong",{},"Polling (Опитування)"," — клієнт періодично відправляє HTTP запити до сервера для перевірки нових даних (наприклад, кожні 5 секунд), простота реалізації але високе навантаження та затримки",[5096,5104,5105,5108],{},[5099,5106,5107],{},"Long-Polling (Довге опитування)"," — клієнт відправляє запит, сервер тримає з'єднання відкритим до появи нових даних або таймауту, після отримання відповіді клієнт одразу робить новий запит, менше навантаження ніж polling але складніша реалізація",[5096,5110,5111,5113],{},[5099,5112,4678],{}," — одностороння комунікація server → client через постійне HTTP з'єднання, сервер може push подій у будь-який момент, підтримка reconnect, ідеально для live updates, dashboards, news feeds",[5096,5115,5116,5119],{},[5099,5117,5118],{},"WebSocket"," — повнодуплексний протокол з двостороннім зв'язком (client ↔ server), низька затримка, постійне з'єднання, ідеально для чатів, multiplayer ігор, collaborative editing",[5089,5121,5122],{},"Вивчаються сценарії використання кожного методу, порівняння по критеріях: складність реалізації, підтримка браузерами, навантаження на сервер, latency, bi-directional communication. Розглядаються практичні приклади вибору методу залежно від вимог проєкту.",[5124,5125],"hr",{},[5127,5128,5129,5148],"card-group",{},[5130,5131,5134],"card",{"icon":5132,"title":5133},"i-lucide-target","🎯 Мета лекції",[5093,5135,5136,5139,5142,5145],{},[5096,5137,5138],{},"Опанувати чотири фундаментальні підходи до організації комунікації у реальному часі між клієнтом та сервером.",[5096,5140,5141],{},"Зрозуміти архітектурні відмінності, переваги та обмеження кожного методу: Polling, Long-Polling, SSE та WebSocket.",[5096,5143,5144],{},"Навчитися обирати оптимальний метод комунікації залежно від вимог проєкту: тип даних, частота оновлень, кількість клієнтів.",[5096,5146,5147],{},"Розглянути сценарії масштабування кожного підходу та їхній вплив на навантаження серверної інфраструктури.",[5130,5149,5151],{"icon":4574,"title":5150},"🔑 Ключові терміни",[5093,5152,5153,5159,5165,5171,5177,5183],{},[5096,5154,5155,5158],{},[5099,5156,5157],{},"Real-Time Communication:"," комунікація із мінімальною затримкою між відправленням події на сервері та її отриманням на клієнті.",[5096,5160,5161,5164],{},[5099,5162,5163],{},"Polling:"," техніка періодичного опитування сервера клієнтом через фіксовані інтервали часу (request-response цикл).",[5096,5166,5167,5170],{},[5099,5168,5169],{},"Long-Polling:"," модифікація polling, де сервер утримує з'єднання відкритим до появи нових даних або таймауту.",[5096,5172,5173,5176],{},[5099,5174,5175],{},"Server-Sent Events (SSE):"," стандарт HTML5 для однонаправленого потокового передавання подій від сервера до клієнта через HTTP.",[5096,5178,5179,5182],{},[5099,5180,5181],{},"WebSocket:"," повнодуплексний протокол комунікації поверх TCP, що дозволяє двосторонній обмін даними через єдине постійне з'єднання.",[5096,5184,5185,5188],{},[5099,5186,5187],{},"Latency (Затримка):"," час між виникненням події на сервері та її доставкою клієнту.",[5124,5190],{},[5084,5192,5194],{"id":5193},"контекст-обмеження-класичної-http-архітектури","Контекст: Обмеження класичної HTTP архітектури",[5089,5196,5197,5198,5202,5203,5206,5207,5210],{},"У попередніх лекціях ми детально вивчили класичну модель клієнт-серверної взаємодії через HTTP: клієнт відправляє запит (",[5199,5200,5201],"em",{},"request","), сервер обробляє його та повертає відповідь (",[5199,5204,5205],{},"response","). Цей цикл «запит → відповідь» є фундаментом веб-архітектури, але він має критичне обмеження для сучасних застосунків: ",[5099,5208,5209],{},"ініціатором комунікації завжди виступає клієнт",".",[5089,5212,5213,5214,5217],{},"Розглянемо конкретний приклад. Ви розробляєте веб-застосунок для моніторингу замовлень у ресторані. Коли кухар змінює статус замовлення на «Готово», адміністратор на іншому кінці офісу повинен побачити це оновлення негайно, без ручного оновлення сторінки. У класичній HTTP моделі сервер ",[5099,5215,5216],{},"не може самостійно відправити"," оновлення клієнту — він лише пасивно чекає на запити.",[5089,5219,5220,5221,5224,5225],{},"Саме для вирішення цієї архітектурної проблеми виникли різні техніки організації комунікації у реальному часі (",[5199,5222,5223],{},"real-time communication","). Кожен із чотирьох методів, що розглядатимуться у цій лекції, пропонує власне рішення фундаментального питання: ",[5099,5226,5227],{},"як забезпечити миттєву доставку подій від сервера до клієнта без постійного ручного втручання користувача?",[5229,5230,5231,5232,5235],"note",{},"Термін «real-time» у контексті веб-застосунків не означає абсолютну відсутність затримки (як у hard real-time системах). Це швидше концепція ",[5099,5233,5234],{},"near real-time"," — затримка у межах від десятків мілісекунд до кількох секунд, що сприймається користувачем як миттєва реакція системи.",[5237,5238,5240],"h3",{"id":5239},"еволюція-підходів-до-real-time-комунікації","Еволюція підходів до real-time комунікації",[5089,5242,5243],{},"Історично веб-розробники еволюціонували від найпростіших рішень до складніших, залежно від технічних можливостей браузерів та протоколів:",[5245,5246,5247,5253,5259,5264],"ol",{},[5096,5248,5249,5252],{},[5099,5250,5251],{},"2000-ті роки:"," Polling та Long-Polling як «хаки» поверх HTTP для імітації push-повідомлень.",[5096,5254,5255,5258],{},[5099,5256,5257],{},"2011 рік:"," стандартизація Server-Sent Events (SSE) у HTML5 для односпрямованого streaming.",[5096,5260,5261,5263],{},[5099,5262,5257],{}," стандартизація WebSocket протоколу (RFC 6455) для повноцінного двостороннього зв'язку.",[5096,5265,5266,5269],{},[5099,5267,5268],{},"Сьогодення:"," комбінація різних технік залежно від вимог: SSE для live dashboards, WebSocket для чатів, Long-Polling як fallback для старих браузерів.",[5089,5271,5272,5273,5210],{},"Розглянемо кожен підхід детально, починаючи з найпростішого — ",[5099,5274,5275],{},"Polling",[5124,5277],{},[5084,5279,5281],{"id":5280},"polling-періодичне-опитування-сервера","Polling: Періодичне опитування сервера",[5089,5283,5284,5287,5288,5210],{},[5099,5285,5286],{},"Polling (опитування)"," — це найпростіша техніка імітації real-time комунікації, де клієнт періодично відправляє HTTP запити до сервера через фіксовані інтервали часу (наприклад, кожні 5 секунд), перевіряючи наявність нових даних. Якщо сервер має оновлення — він повертає їх у відповіді, інакше повертає порожню відповідь або HTTP статус ",[5289,5290,5291],"code",{},"304 Not Modified",[5237,5293,5295],{"id":5294},"архітектура-та-принцип-роботи","Архітектура та принцип роботи",[5089,5297,5298,5299,5302,5303,5306],{},"Механізм polling базується на циклічному виконанні HTTP запитів за допомогою JavaScript таймерів (",[5289,5300,5301],{},"setInterval"," або рекурсивного ",[5289,5304,5305],{},"setTimeout","). Клієнт самостійно керує частотою опитування, незалежно від того, чи є нові дані на сервері.",[5308,5309,5310],"mermaid",{},[5311,5312,5316],"pre",{"className":5313,"code":5314,"language":5308,"meta":5315,"style":5315},"language-mermaid shiki shiki-themes light-plus dark-plus dark-plus","sequenceDiagram\n    participant Client as Клієнт\u003Cbr\u002F>(Browser)\n    participant Server as Сервер\u003Cbr\u002F>(NestJS)\n    \n    Client->>Server: GET \u002Fapi\u002Fmessages\u002Fnew (t=0s)\n    Server->>Client: 200 OK { newMessages: [] }\n    \n    Note over Client: Чекає 5 секунд\n    \n    Client->>Server: GET \u002Fapi\u002Fmessages\u002Fnew (t=5s)\n    Server->>Client: 200 OK { newMessages: [] }\n    \n    Note over Client: Чекає 5 секунд\n    \n    Note over Server: Нове повідомлення!\n    \n    Client->>Server: GET \u002Fapi\u002Fmessages\u002Fnew (t=10s)\n    Server->>Client: 200 OK { newMessages: [{...}] }\n    \n    Note over Client: Відображає повідомлення\u003Cbr\u002F>Чекає 5 секунд\n    \n    Client->>Server: GET \u002Fapi\u002Fmessages\u002Fnew (t=15s)\n    Server->>Client: 200 OK { newMessages: [] }\n","",[5289,5317,5318,5326,5332,5338,5344,5350,5356,5361,5367,5372,5378,5383,5388,5393,5398,5404,5409,5415,5421,5426,5432,5437,5443],{"__ignoreMap":5315},[5319,5320,5323],"span",{"class":5321,"line":5322},"line",1,[5319,5324,5325],{},"sequenceDiagram\n",[5319,5327,5329],{"class":5321,"line":5328},2,[5319,5330,5331],{},"    participant Client as Клієнт\u003Cbr\u002F>(Browser)\n",[5319,5333,5335],{"class":5321,"line":5334},3,[5319,5336,5337],{},"    participant Server as Сервер\u003Cbr\u002F>(NestJS)\n",[5319,5339,5341],{"class":5321,"line":5340},4,[5319,5342,5343],{},"    \n",[5319,5345,5347],{"class":5321,"line":5346},5,[5319,5348,5349],{},"    Client->>Server: GET \u002Fapi\u002Fmessages\u002Fnew (t=0s)\n",[5319,5351,5353],{"class":5321,"line":5352},6,[5319,5354,5355],{},"    Server->>Client: 200 OK { newMessages: [] }\n",[5319,5357,5359],{"class":5321,"line":5358},7,[5319,5360,5343],{},[5319,5362,5364],{"class":5321,"line":5363},8,[5319,5365,5366],{},"    Note over Client: Чекає 5 секунд\n",[5319,5368,5370],{"class":5321,"line":5369},9,[5319,5371,5343],{},[5319,5373,5375],{"class":5321,"line":5374},10,[5319,5376,5377],{},"    Client->>Server: GET \u002Fapi\u002Fmessages\u002Fnew (t=5s)\n",[5319,5379,5381],{"class":5321,"line":5380},11,[5319,5382,5355],{},[5319,5384,5386],{"class":5321,"line":5385},12,[5319,5387,5343],{},[5319,5389,5391],{"class":5321,"line":5390},13,[5319,5392,5366],{},[5319,5394,5396],{"class":5321,"line":5395},14,[5319,5397,5343],{},[5319,5399,5401],{"class":5321,"line":5400},15,[5319,5402,5403],{},"    Note over Server: Нове повідомлення!\n",[5319,5405,5407],{"class":5321,"line":5406},16,[5319,5408,5343],{},[5319,5410,5412],{"class":5321,"line":5411},17,[5319,5413,5414],{},"    Client->>Server: GET \u002Fapi\u002Fmessages\u002Fnew (t=10s)\n",[5319,5416,5418],{"class":5321,"line":5417},18,[5319,5419,5420],{},"    Server->>Client: 200 OK { newMessages: [{...}] }\n",[5319,5422,5424],{"class":5321,"line":5423},19,[5319,5425,5343],{},[5319,5427,5429],{"class":5321,"line":5428},20,[5319,5430,5431],{},"    Note over Client: Відображає повідомлення\u003Cbr\u002F>Чекає 5 секунд\n",[5319,5433,5435],{"class":5321,"line":5434},21,[5319,5436,5343],{},[5319,5438,5440],{"class":5321,"line":5439},22,[5319,5441,5442],{},"    Client->>Server: GET \u002Fapi\u002Fmessages\u002Fnew (t=15s)\n",[5319,5444,5446],{"class":5321,"line":5445},23,[5319,5447,5355],{},[5089,5449,5450,5451,5454,5455,5458,5459,5462],{},"На діаграмі видно ключову проблему polling: якщо подія виникла на сервері у момент часу ",[5289,5452,5453],{},"t=7s",", клієнт дізнається про неї лише під час наступного запиту о ",[5289,5456,5457],{},"t=10s",", що створює ",[5099,5460,5461],{},"затримку до 5 секунд"," (у найгіршому випадку — повний інтервал polling).",[5237,5464,5466],{"id":5465},"приклад-реалізації-клієнтська-частина-typescript-fetch-api","Приклад реалізації: Клієнтська частина (TypeScript + Fetch API)",[5089,5468,5469,5470,5210],{},"Розглянемо практичну реалізацію polling для системи відображення нових повідомлень чату. Клієнт кожні 5 секунд запитує сервер про нові повідомлення, які з'явилися після останнього відомого ",[5289,5471,5472],{},"messageId",[5311,5474,5478],{"className":5475,"code":5476,"language":5477,"meta":5315,"style":5315},"language-typescript shiki shiki-themes light-plus dark-plus dark-plus","\u002F\u002F client\u002Fpolling-client.ts\n\ninterface Message {\n  id: number;\n  userId: number;\n  text: string;\n  timestamp: string;\n}\n\ninterface NewMessagesResponse {\n  messages: Message[];\n  lastMessageId: number;\n}\n\nclass PollingClient {\n  private lastMessageId: number = 0;\n  private pollingInterval: number = 5000; \u002F\u002F 5 секунд\n  private timerId: number | null = null;\n\n  constructor(\n    private apiUrl: string,\n    private onNewMessages: (messages: Message[]) => void\n  ) {}\n\n  \u002F**\n   * Запускає цикл polling\n   *\u002F\n  start(): void {\n    console.log(`[Polling] Запуск з інтервалом ${this.pollingInterval}ms`);\n    \n    \u002F\u002F Відразу виконати перший запит\n    this.fetchNewMessages();\n    \n    \u002F\u002F Налаштувати періодичне опитування\n    this.timerId = window.setInterval(() => {\n      this.fetchNewMessages();\n    }, this.pollingInterval);\n  }\n\n  \u002F**\n   * Зупиняє polling\n   *\u002F\n  stop(): void {\n    if (this.timerId !== null) {\n      clearInterval(this.timerId);\n      this.timerId = null;\n      console.log('[Polling] Зупинено');\n    }\n  }\n\n  \u002F**\n   * Виконує HTTP запит для отримання нових повідомлень\n   *\u002F\n  private async fetchNewMessages(): Promise\u003Cvoid> {\n    try {\n      const response = await fetch(\n        `${this.apiUrl}\u002Fmessages\u002Fnew?since=${this.lastMessageId}`,\n        {\n          method: 'GET',\n          headers: {\n            'Authorization': `Bearer ${this.getAuthToken()}`,\n            'Content-Type': 'application\u002Fjson',\n          },\n        }\n      );\n\n      if (!response.ok) {\n        console.error(`[Polling] Помилка ${response.status}: ${response.statusText}`);\n        return;\n      }\n\n      const data: NewMessagesResponse = await response.json();\n\n      if (data.messages.length > 0) {\n        console.log(`[Polling] Отримано ${data.messages.length} нових повідомлень`);\n        this.lastMessageId = data.lastMessageId;\n        this.onNewMessages(data.messages);\n      } else {\n        console.log('[Polling] Нових повідомлень немає');\n      }\n    } catch (error) {\n      console.error('[Polling] Помилка мережі:', error);\n    }\n  }\n\n  \u002F**\n   * Отримує JWT токен з localStorage (приклад)\n   *\u002F\n  private getAuthToken(): string {\n    return localStorage.getItem('authToken') || '';\n  }\n}\n\n\u002F\u002F Використання\nconst client = new PollingClient(\n  'https:\u002F\u002Fapi.example.com',\n  (messages) => {\n    messages.forEach(msg => {\n      console.log(`Нове повідомлення від користувача ${msg.userId}: ${msg.text}`);\n      \u002F\u002F Додати повідомлення до UI\n    });\n  }\n);\n\nclient.start();\n\n\u002F\u002F Зупинити polling при закритті сторінки\nwindow.addEventListener('beforeunload', () => {\n  client.stop();\n});\n","typescript",[5289,5479,5480,5486,5492,5506,5521,5532,5544,5555,5560,5564,5573,5586,5597,5601,5605,5615,5636,5658,5681,5685,5693,5708,5735,5740,5745,5751,5757,5763,5777,5816,5821,5827,5841,5846,5852,5878,5890,5904,5910,5915,5920,5926,5931,5943,5967,5983,5998,6015,6021,6026,6031,6036,6042,6047,6071,6079,6099,6135,6141,6152,6160,6190,6203,6209,6215,6221,6226,6244,6288,6296,6302,6307,6333,6338,6364,6397,6417,6437,6448,6464,6469,6484,6505,6510,6515,6520,6525,6531,6536,6550,6577,6582,6587,6592,6598,6616,6624,6639,6660,6702,6708,6714,6719,6724,6729,6742,6747,6753,6775,6788],{"__ignoreMap":5315},[5319,5481,5482],{"class":5321,"line":5322},[5319,5483,5485],{"class":5484},"spJ8K","\u002F\u002F client\u002Fpolling-client.ts\n",[5319,5487,5488],{"class":5321,"line":5328},[5319,5489,5491],{"emptyLinePlaceholder":5490},true,"\n",[5319,5493,5494,5498,5502],{"class":5321,"line":5334},[5319,5495,5497],{"class":5496},"su1O8","interface",[5319,5499,5501],{"class":5500},"sN1BT"," Message",[5319,5503,5505],{"class":5504},"sHH4Y"," {\n",[5319,5507,5508,5512,5515,5518],{"class":5321,"line":5340},[5319,5509,5511],{"class":5510},"siwwj","  id",[5319,5513,5514],{"class":5504},": ",[5319,5516,5517],{"class":5500},"number",[5319,5519,5520],{"class":5504},";\n",[5319,5522,5523,5526,5528,5530],{"class":5321,"line":5346},[5319,5524,5525],{"class":5510},"  userId",[5319,5527,5514],{"class":5504},[5319,5529,5517],{"class":5500},[5319,5531,5520],{"class":5504},[5319,5533,5534,5537,5539,5542],{"class":5321,"line":5352},[5319,5535,5536],{"class":5510},"  text",[5319,5538,5514],{"class":5504},[5319,5540,5541],{"class":5500},"string",[5319,5543,5520],{"class":5504},[5319,5545,5546,5549,5551,5553],{"class":5321,"line":5358},[5319,5547,5548],{"class":5510},"  timestamp",[5319,5550,5514],{"class":5504},[5319,5552,5541],{"class":5500},[5319,5554,5520],{"class":5504},[5319,5556,5557],{"class":5321,"line":5363},[5319,5558,5559],{"class":5504},"}\n",[5319,5561,5562],{"class":5321,"line":5369},[5319,5563,5491],{"emptyLinePlaceholder":5490},[5319,5565,5566,5568,5571],{"class":5321,"line":5374},[5319,5567,5497],{"class":5496},[5319,5569,5570],{"class":5500}," NewMessagesResponse",[5319,5572,5505],{"class":5504},[5319,5574,5575,5578,5580,5583],{"class":5321,"line":5380},[5319,5576,5577],{"class":5510},"  messages",[5319,5579,5514],{"class":5504},[5319,5581,5582],{"class":5500},"Message",[5319,5584,5585],{"class":5504},"[];\n",[5319,5587,5588,5591,5593,5595],{"class":5321,"line":5385},[5319,5589,5590],{"class":5510},"  lastMessageId",[5319,5592,5514],{"class":5504},[5319,5594,5517],{"class":5500},[5319,5596,5520],{"class":5504},[5319,5598,5599],{"class":5321,"line":5390},[5319,5600,5559],{"class":5504},[5319,5602,5603],{"class":5321,"line":5395},[5319,5604,5491],{"emptyLinePlaceholder":5490},[5319,5606,5607,5610,5613],{"class":5321,"line":5400},[5319,5608,5609],{"class":5496},"class",[5319,5611,5612],{"class":5500}," PollingClient",[5319,5614,5505],{"class":5504},[5319,5616,5617,5620,5623,5625,5627,5630,5634],{"class":5321,"line":5406},[5319,5618,5619],{"class":5496},"  private",[5319,5621,5622],{"class":5510}," lastMessageId",[5319,5624,5514],{"class":5504},[5319,5626,5517],{"class":5500},[5319,5628,5629],{"class":5504}," = ",[5319,5631,5633],{"class":5632},"sJj4R","0",[5319,5635,5520],{"class":5504},[5319,5637,5638,5640,5643,5645,5647,5649,5652,5655],{"class":5321,"line":5411},[5319,5639,5619],{"class":5496},[5319,5641,5642],{"class":5510}," pollingInterval",[5319,5644,5514],{"class":5504},[5319,5646,5517],{"class":5500},[5319,5648,5629],{"class":5504},[5319,5650,5651],{"class":5632},"5000",[5319,5653,5654],{"class":5504},"; ",[5319,5656,5657],{"class":5484},"\u002F\u002F 5 секунд\n",[5319,5659,5660,5662,5665,5667,5669,5672,5675,5677,5679],{"class":5321,"line":5417},[5319,5661,5619],{"class":5496},[5319,5663,5664],{"class":5510}," timerId",[5319,5666,5514],{"class":5504},[5319,5668,5517],{"class":5500},[5319,5670,5671],{"class":5504}," | ",[5319,5673,5674],{"class":5500},"null",[5319,5676,5629],{"class":5504},[5319,5678,5674],{"class":5496},[5319,5680,5520],{"class":5504},[5319,5682,5683],{"class":5321,"line":5423},[5319,5684,5491],{"emptyLinePlaceholder":5490},[5319,5686,5687,5690],{"class":5321,"line":5428},[5319,5688,5689],{"class":5496},"  constructor",[5319,5691,5692],{"class":5504},"(\n",[5319,5694,5695,5698,5701,5703,5705],{"class":5321,"line":5434},[5319,5696,5697],{"class":5496},"    private",[5319,5699,5700],{"class":5510}," apiUrl",[5319,5702,5514],{"class":5504},[5319,5704,5541],{"class":5500},[5319,5706,5707],{"class":5504},",\n",[5319,5709,5710,5712,5716,5719,5722,5724,5726,5729,5732],{"class":5321,"line":5439},[5319,5711,5697],{"class":5496},[5319,5713,5715],{"class":5714},"s8Opu"," onNewMessages",[5319,5717,5718],{"class":5504},": (",[5319,5720,5721],{"class":5510},"messages",[5319,5723,5514],{"class":5504},[5319,5725,5582],{"class":5500},[5319,5727,5728],{"class":5504},"[]) ",[5319,5730,5731],{"class":5496},"=>",[5319,5733,5734],{"class":5500}," void\n",[5319,5736,5737],{"class":5321,"line":5445},[5319,5738,5739],{"class":5504},"  ) {}\n",[5319,5741,5743],{"class":5321,"line":5742},24,[5319,5744,5491],{"emptyLinePlaceholder":5490},[5319,5746,5748],{"class":5321,"line":5747},25,[5319,5749,5750],{"class":5484},"  \u002F**\n",[5319,5752,5754],{"class":5321,"line":5753},26,[5319,5755,5756],{"class":5484},"   * Запускає цикл polling\n",[5319,5758,5760],{"class":5321,"line":5759},27,[5319,5761,5762],{"class":5484},"   *\u002F\n",[5319,5764,5766,5769,5772,5775],{"class":5321,"line":5765},28,[5319,5767,5768],{"class":5714},"  start",[5319,5770,5771],{"class":5504},"(): ",[5319,5773,5774],{"class":5500},"void",[5319,5776,5505],{"class":5504},[5319,5778,5780,5783,5785,5788,5791,5795,5798,5801,5804,5807,5810,5813],{"class":5321,"line":5779},29,[5319,5781,5782],{"class":5510},"    console",[5319,5784,5210],{"class":5504},[5319,5786,5787],{"class":5714},"log",[5319,5789,5790],{"class":5504},"(",[5319,5792,5794],{"class":5793},"sbdoH","`[Polling] Запуск з інтервалом ",[5319,5796,5797],{"class":5496},"${",[5319,5799,5800],{"class":5496},"this",[5319,5802,5210],{"class":5803},"sD7JJ",[5319,5805,5806],{"class":5510},"pollingInterval",[5319,5808,5809],{"class":5496},"}",[5319,5811,5812],{"class":5793},"ms`",[5319,5814,5815],{"class":5504},");\n",[5319,5817,5819],{"class":5321,"line":5818},30,[5319,5820,5343],{"class":5504},[5319,5822,5824],{"class":5321,"line":5823},31,[5319,5825,5826],{"class":5484},"    \u002F\u002F Відразу виконати перший запит\n",[5319,5828,5830,5833,5835,5838],{"class":5321,"line":5829},32,[5319,5831,5832],{"class":5496},"    this",[5319,5834,5210],{"class":5504},[5319,5836,5837],{"class":5714},"fetchNewMessages",[5319,5839,5840],{"class":5504},"();\n",[5319,5842,5844],{"class":5321,"line":5843},33,[5319,5845,5343],{"class":5504},[5319,5847,5849],{"class":5321,"line":5848},34,[5319,5850,5851],{"class":5484},"    \u002F\u002F Налаштувати періодичне опитування\n",[5319,5853,5855,5857,5859,5862,5864,5867,5869,5871,5874,5876],{"class":5321,"line":5854},35,[5319,5856,5832],{"class":5496},[5319,5858,5210],{"class":5504},[5319,5860,5861],{"class":5510},"timerId",[5319,5863,5629],{"class":5504},[5319,5865,5866],{"class":5510},"window",[5319,5868,5210],{"class":5504},[5319,5870,5301],{"class":5714},[5319,5872,5873],{"class":5504},"(() ",[5319,5875,5731],{"class":5496},[5319,5877,5505],{"class":5504},[5319,5879,5881,5884,5886,5888],{"class":5321,"line":5880},36,[5319,5882,5883],{"class":5496},"      this",[5319,5885,5210],{"class":5504},[5319,5887,5837],{"class":5714},[5319,5889,5840],{"class":5504},[5319,5891,5893,5896,5898,5900,5902],{"class":5321,"line":5892},37,[5319,5894,5895],{"class":5504},"    }, ",[5319,5897,5800],{"class":5496},[5319,5899,5210],{"class":5504},[5319,5901,5806],{"class":5510},[5319,5903,5815],{"class":5504},[5319,5905,5907],{"class":5321,"line":5906},38,[5319,5908,5909],{"class":5504},"  }\n",[5319,5911,5913],{"class":5321,"line":5912},39,[5319,5914,5491],{"emptyLinePlaceholder":5490},[5319,5916,5918],{"class":5321,"line":5917},40,[5319,5919,5750],{"class":5484},[5319,5921,5923],{"class":5321,"line":5922},41,[5319,5924,5925],{"class":5484},"   * Зупиняє polling\n",[5319,5927,5929],{"class":5321,"line":5928},42,[5319,5930,5762],{"class":5484},[5319,5932,5934,5937,5939,5941],{"class":5321,"line":5933},43,[5319,5935,5936],{"class":5714},"  stop",[5319,5938,5771],{"class":5504},[5319,5940,5774],{"class":5500},[5319,5942,5505],{"class":5504},[5319,5944,5946,5950,5953,5955,5957,5959,5962,5964],{"class":5321,"line":5945},44,[5319,5947,5949],{"class":5948},"s8xlr","    if",[5319,5951,5952],{"class":5504}," (",[5319,5954,5800],{"class":5496},[5319,5956,5210],{"class":5504},[5319,5958,5861],{"class":5510},[5319,5960,5961],{"class":5504}," !== ",[5319,5963,5674],{"class":5496},[5319,5965,5966],{"class":5504},") {\n",[5319,5968,5970,5973,5975,5977,5979,5981],{"class":5321,"line":5969},45,[5319,5971,5972],{"class":5714},"      clearInterval",[5319,5974,5790],{"class":5504},[5319,5976,5800],{"class":5496},[5319,5978,5210],{"class":5504},[5319,5980,5861],{"class":5510},[5319,5982,5815],{"class":5504},[5319,5984,5986,5988,5990,5992,5994,5996],{"class":5321,"line":5985},46,[5319,5987,5883],{"class":5496},[5319,5989,5210],{"class":5504},[5319,5991,5861],{"class":5510},[5319,5993,5629],{"class":5504},[5319,5995,5674],{"class":5496},[5319,5997,5520],{"class":5504},[5319,5999,6001,6004,6006,6008,6010,6013],{"class":5321,"line":6000},47,[5319,6002,6003],{"class":5510},"      console",[5319,6005,5210],{"class":5504},[5319,6007,5787],{"class":5714},[5319,6009,5790],{"class":5504},[5319,6011,6012],{"class":5793},"'[Polling] Зупинено'",[5319,6014,5815],{"class":5504},[5319,6016,6018],{"class":5321,"line":6017},48,[5319,6019,6020],{"class":5504},"    }\n",[5319,6022,6024],{"class":5321,"line":6023},49,[5319,6025,5909],{"class":5504},[5319,6027,6029],{"class":5321,"line":6028},50,[5319,6030,5491],{"emptyLinePlaceholder":5490},[5319,6032,6034],{"class":5321,"line":6033},51,[5319,6035,5750],{"class":5484},[5319,6037,6039],{"class":5321,"line":6038},52,[5319,6040,6041],{"class":5484},"   * Виконує HTTP запит для отримання нових повідомлень\n",[5319,6043,6045],{"class":5321,"line":6044},53,[5319,6046,5762],{"class":5484},[5319,6048,6050,6052,6055,6058,6060,6063,6066,6068],{"class":5321,"line":6049},54,[5319,6051,5619],{"class":5496},[5319,6053,6054],{"class":5496}," async",[5319,6056,6057],{"class":5714}," fetchNewMessages",[5319,6059,5771],{"class":5504},[5319,6061,6062],{"class":5500},"Promise",[5319,6064,6065],{"class":5504},"\u003C",[5319,6067,5774],{"class":5500},[5319,6069,6070],{"class":5504},"> {\n",[5319,6072,6074,6077],{"class":5321,"line":6073},55,[5319,6075,6076],{"class":5948},"    try",[5319,6078,5505],{"class":5504},[5319,6080,6082,6085,6089,6091,6094,6097],{"class":5321,"line":6081},56,[5319,6083,6084],{"class":5496},"      const",[5319,6086,6088],{"class":6087},"s-QsJ"," response",[5319,6090,5629],{"class":5504},[5319,6092,6093],{"class":5948},"await",[5319,6095,6096],{"class":5714}," fetch",[5319,6098,5692],{"class":5504},[5319,6100,6102,6105,6107,6109,6111,6114,6116,6119,6121,6123,6125,6128,6130,6133],{"class":5321,"line":6101},57,[5319,6103,6104],{"class":5793},"        `",[5319,6106,5797],{"class":5496},[5319,6108,5800],{"class":5496},[5319,6110,5210],{"class":5803},[5319,6112,6113],{"class":5510},"apiUrl",[5319,6115,5809],{"class":5496},[5319,6117,6118],{"class":5793},"\u002Fmessages\u002Fnew?since=",[5319,6120,5797],{"class":5496},[5319,6122,5800],{"class":5496},[5319,6124,5210],{"class":5803},[5319,6126,6127],{"class":5510},"lastMessageId",[5319,6129,5809],{"class":5496},[5319,6131,6132],{"class":5793},"`",[5319,6134,5707],{"class":5504},[5319,6136,6138],{"class":5321,"line":6137},58,[5319,6139,6140],{"class":5504},"        {\n",[5319,6142,6144,6147,6150],{"class":5321,"line":6143},59,[5319,6145,6146],{"class":5510},"          method:",[5319,6148,6149],{"class":5793}," 'GET'",[5319,6151,5707],{"class":5504},[5319,6153,6155,6158],{"class":5321,"line":6154},60,[5319,6156,6157],{"class":5510},"          headers:",[5319,6159,5505],{"class":5504},[5319,6161,6163,6166,6169,6172,6174,6176,6178,6181,6184,6186,6188],{"class":5321,"line":6162},61,[5319,6164,6165],{"class":5793},"            'Authorization'",[5319,6167,6168],{"class":5510},":",[5319,6170,6171],{"class":5793}," `Bearer ",[5319,6173,5797],{"class":5496},[5319,6175,5800],{"class":5496},[5319,6177,5210],{"class":5803},[5319,6179,6180],{"class":5714},"getAuthToken",[5319,6182,6183],{"class":5803},"()",[5319,6185,5809],{"class":5496},[5319,6187,6132],{"class":5793},[5319,6189,5707],{"class":5504},[5319,6191,6193,6196,6198,6201],{"class":5321,"line":6192},62,[5319,6194,6195],{"class":5793},"            'Content-Type'",[5319,6197,6168],{"class":5510},[5319,6199,6200],{"class":5793}," 'application\u002Fjson'",[5319,6202,5707],{"class":5504},[5319,6204,6206],{"class":5321,"line":6205},63,[5319,6207,6208],{"class":5504},"          },\n",[5319,6210,6212],{"class":5321,"line":6211},64,[5319,6213,6214],{"class":5504},"        }\n",[5319,6216,6218],{"class":5321,"line":6217},65,[5319,6219,6220],{"class":5504},"      );\n",[5319,6222,6224],{"class":5321,"line":6223},66,[5319,6225,5491],{"emptyLinePlaceholder":5490},[5319,6227,6229,6232,6235,6237,6239,6242],{"class":5321,"line":6228},67,[5319,6230,6231],{"class":5948},"      if",[5319,6233,6234],{"class":5504}," (!",[5319,6236,5205],{"class":5510},[5319,6238,5210],{"class":5504},[5319,6240,6241],{"class":5510},"ok",[5319,6243,5966],{"class":5504},[5319,6245,6247,6250,6252,6255,6257,6260,6262,6264,6266,6269,6271,6273,6275,6277,6279,6282,6284,6286],{"class":5321,"line":6246},68,[5319,6248,6249],{"class":5510},"        console",[5319,6251,5210],{"class":5504},[5319,6253,6254],{"class":5714},"error",[5319,6256,5790],{"class":5504},[5319,6258,6259],{"class":5793},"`[Polling] Помилка ",[5319,6261,5797],{"class":5496},[5319,6263,5205],{"class":5510},[5319,6265,5210],{"class":5803},[5319,6267,6268],{"class":5510},"status",[5319,6270,5809],{"class":5496},[5319,6272,5514],{"class":5793},[5319,6274,5797],{"class":5496},[5319,6276,5205],{"class":5510},[5319,6278,5210],{"class":5803},[5319,6280,6281],{"class":5510},"statusText",[5319,6283,5809],{"class":5496},[5319,6285,6132],{"class":5793},[5319,6287,5815],{"class":5504},[5319,6289,6291,6294],{"class":5321,"line":6290},69,[5319,6292,6293],{"class":5948},"        return",[5319,6295,5520],{"class":5504},[5319,6297,6299],{"class":5321,"line":6298},70,[5319,6300,6301],{"class":5504},"      }\n",[5319,6303,6305],{"class":5321,"line":6304},71,[5319,6306,5491],{"emptyLinePlaceholder":5490},[5319,6308,6310,6312,6315,6317,6320,6322,6324,6326,6328,6331],{"class":5321,"line":6309},72,[5319,6311,6084],{"class":5496},[5319,6313,6314],{"class":6087}," data",[5319,6316,5514],{"class":5504},[5319,6318,6319],{"class":5500},"NewMessagesResponse",[5319,6321,5629],{"class":5504},[5319,6323,6093],{"class":5948},[5319,6325,6088],{"class":5510},[5319,6327,5210],{"class":5504},[5319,6329,6330],{"class":5714},"json",[5319,6332,5840],{"class":5504},[5319,6334,6336],{"class":5321,"line":6335},73,[5319,6337,5491],{"emptyLinePlaceholder":5490},[5319,6339,6341,6343,6345,6348,6350,6352,6354,6357,6360,6362],{"class":5321,"line":6340},74,[5319,6342,6231],{"class":5948},[5319,6344,5952],{"class":5504},[5319,6346,6347],{"class":5510},"data",[5319,6349,5210],{"class":5504},[5319,6351,5721],{"class":5510},[5319,6353,5210],{"class":5504},[5319,6355,6356],{"class":5510},"length",[5319,6358,6359],{"class":5504}," > ",[5319,6361,5633],{"class":5632},[5319,6363,5966],{"class":5504},[5319,6365,6367,6369,6371,6373,6375,6378,6380,6382,6384,6386,6388,6390,6392,6395],{"class":5321,"line":6366},75,[5319,6368,6249],{"class":5510},[5319,6370,5210],{"class":5504},[5319,6372,5787],{"class":5714},[5319,6374,5790],{"class":5504},[5319,6376,6377],{"class":5793},"`[Polling] Отримано ",[5319,6379,5797],{"class":5496},[5319,6381,6347],{"class":5510},[5319,6383,5210],{"class":5803},[5319,6385,5721],{"class":5510},[5319,6387,5210],{"class":5803},[5319,6389,6356],{"class":5510},[5319,6391,5809],{"class":5496},[5319,6393,6394],{"class":5793}," нових повідомлень`",[5319,6396,5815],{"class":5504},[5319,6398,6400,6403,6405,6407,6409,6411,6413,6415],{"class":5321,"line":6399},76,[5319,6401,6402],{"class":5496},"        this",[5319,6404,5210],{"class":5504},[5319,6406,6127],{"class":5510},[5319,6408,5629],{"class":5504},[5319,6410,6347],{"class":5510},[5319,6412,5210],{"class":5504},[5319,6414,6127],{"class":5510},[5319,6416,5520],{"class":5504},[5319,6418,6420,6422,6424,6427,6429,6431,6433,6435],{"class":5321,"line":6419},77,[5319,6421,6402],{"class":5496},[5319,6423,5210],{"class":5504},[5319,6425,6426],{"class":5714},"onNewMessages",[5319,6428,5790],{"class":5504},[5319,6430,6347],{"class":5510},[5319,6432,5210],{"class":5504},[5319,6434,5721],{"class":5510},[5319,6436,5815],{"class":5504},[5319,6438,6440,6443,6446],{"class":5321,"line":6439},78,[5319,6441,6442],{"class":5504},"      } ",[5319,6444,6445],{"class":5948},"else",[5319,6447,5505],{"class":5504},[5319,6449,6451,6453,6455,6457,6459,6462],{"class":5321,"line":6450},79,[5319,6452,6249],{"class":5510},[5319,6454,5210],{"class":5504},[5319,6456,5787],{"class":5714},[5319,6458,5790],{"class":5504},[5319,6460,6461],{"class":5793},"'[Polling] Нових повідомлень немає'",[5319,6463,5815],{"class":5504},[5319,6465,6467],{"class":5321,"line":6466},80,[5319,6468,6301],{"class":5504},[5319,6470,6472,6475,6478,6480,6482],{"class":5321,"line":6471},81,[5319,6473,6474],{"class":5504},"    } ",[5319,6476,6477],{"class":5948},"catch",[5319,6479,5952],{"class":5504},[5319,6481,6254],{"class":5510},[5319,6483,5966],{"class":5504},[5319,6485,6487,6489,6491,6493,6495,6498,6501,6503],{"class":5321,"line":6486},82,[5319,6488,6003],{"class":5510},[5319,6490,5210],{"class":5504},[5319,6492,6254],{"class":5714},[5319,6494,5790],{"class":5504},[5319,6496,6497],{"class":5793},"'[Polling] Помилка мережі:'",[5319,6499,6500],{"class":5504},", ",[5319,6502,6254],{"class":5510},[5319,6504,5815],{"class":5504},[5319,6506,6508],{"class":5321,"line":6507},83,[5319,6509,6020],{"class":5504},[5319,6511,6513],{"class":5321,"line":6512},84,[5319,6514,5909],{"class":5504},[5319,6516,6518],{"class":5321,"line":6517},85,[5319,6519,5491],{"emptyLinePlaceholder":5490},[5319,6521,6523],{"class":5321,"line":6522},86,[5319,6524,5750],{"class":5484},[5319,6526,6528],{"class":5321,"line":6527},87,[5319,6529,6530],{"class":5484},"   * Отримує JWT токен з localStorage (приклад)\n",[5319,6532,6534],{"class":5321,"line":6533},88,[5319,6535,5762],{"class":5484},[5319,6537,6539,6541,6544,6546,6548],{"class":5321,"line":6538},89,[5319,6540,5619],{"class":5496},[5319,6542,6543],{"class":5714}," getAuthToken",[5319,6545,5771],{"class":5504},[5319,6547,5541],{"class":5500},[5319,6549,5505],{"class":5504},[5319,6551,6553,6556,6559,6561,6564,6566,6569,6572,6575],{"class":5321,"line":6552},90,[5319,6554,6555],{"class":5948},"    return",[5319,6557,6558],{"class":5510}," localStorage",[5319,6560,5210],{"class":5504},[5319,6562,6563],{"class":5714},"getItem",[5319,6565,5790],{"class":5504},[5319,6567,6568],{"class":5793},"'authToken'",[5319,6570,6571],{"class":5504},") || ",[5319,6573,6574],{"class":5793},"''",[5319,6576,5520],{"class":5504},[5319,6578,6580],{"class":5321,"line":6579},91,[5319,6581,5909],{"class":5504},[5319,6583,6585],{"class":5321,"line":6584},92,[5319,6586,5559],{"class":5504},[5319,6588,6590],{"class":5321,"line":6589},93,[5319,6591,5491],{"emptyLinePlaceholder":5490},[5319,6593,6595],{"class":5321,"line":6594},94,[5319,6596,6597],{"class":5484},"\u002F\u002F Використання\n",[5319,6599,6601,6604,6607,6609,6612,6614],{"class":5321,"line":6600},95,[5319,6602,6603],{"class":5496},"const",[5319,6605,6606],{"class":6087}," client",[5319,6608,5629],{"class":5504},[5319,6610,6611],{"class":5496},"new",[5319,6613,5612],{"class":5714},[5319,6615,5692],{"class":5504},[5319,6617,6619,6622],{"class":5321,"line":6618},96,[5319,6620,6621],{"class":5793},"  'https:\u002F\u002Fapi.example.com'",[5319,6623,5707],{"class":5504},[5319,6625,6627,6630,6632,6635,6637],{"class":5321,"line":6626},97,[5319,6628,6629],{"class":5504},"  (",[5319,6631,5721],{"class":5510},[5319,6633,6634],{"class":5504},") ",[5319,6636,5731],{"class":5496},[5319,6638,5505],{"class":5504},[5319,6640,6642,6645,6647,6650,6652,6655,6658],{"class":5321,"line":6641},98,[5319,6643,6644],{"class":5510},"    messages",[5319,6646,5210],{"class":5504},[5319,6648,6649],{"class":5714},"forEach",[5319,6651,5790],{"class":5504},[5319,6653,6654],{"class":5510},"msg",[5319,6656,6657],{"class":5496}," =>",[5319,6659,5505],{"class":5504},[5319,6661,6663,6665,6667,6669,6671,6674,6676,6678,6680,6683,6685,6687,6689,6691,6693,6696,6698,6700],{"class":5321,"line":6662},99,[5319,6664,6003],{"class":5510},[5319,6666,5210],{"class":5504},[5319,6668,5787],{"class":5714},[5319,6670,5790],{"class":5504},[5319,6672,6673],{"class":5793},"`Нове повідомлення від користувача ",[5319,6675,5797],{"class":5496},[5319,6677,6654],{"class":5510},[5319,6679,5210],{"class":5803},[5319,6681,6682],{"class":5510},"userId",[5319,6684,5809],{"class":5496},[5319,6686,5514],{"class":5793},[5319,6688,5797],{"class":5496},[5319,6690,6654],{"class":5510},[5319,6692,5210],{"class":5803},[5319,6694,6695],{"class":5510},"text",[5319,6697,5809],{"class":5496},[5319,6699,6132],{"class":5793},[5319,6701,5815],{"class":5504},[5319,6703,6705],{"class":5321,"line":6704},100,[5319,6706,6707],{"class":5484},"      \u002F\u002F Додати повідомлення до UI\n",[5319,6709,6711],{"class":5321,"line":6710},101,[5319,6712,6713],{"class":5504},"    });\n",[5319,6715,6717],{"class":5321,"line":6716},102,[5319,6718,5909],{"class":5504},[5319,6720,6722],{"class":5321,"line":6721},103,[5319,6723,5815],{"class":5504},[5319,6725,6727],{"class":5321,"line":6726},104,[5319,6728,5491],{"emptyLinePlaceholder":5490},[5319,6730,6732,6735,6737,6740],{"class":5321,"line":6731},105,[5319,6733,6734],{"class":5510},"client",[5319,6736,5210],{"class":5504},[5319,6738,6739],{"class":5714},"start",[5319,6741,5840],{"class":5504},[5319,6743,6745],{"class":5321,"line":6744},106,[5319,6746,5491],{"emptyLinePlaceholder":5490},[5319,6748,6750],{"class":5321,"line":6749},107,[5319,6751,6752],{"class":5484},"\u002F\u002F Зупинити polling при закритті сторінки\n",[5319,6754,6756,6758,6760,6763,6765,6768,6771,6773],{"class":5321,"line":6755},108,[5319,6757,5866],{"class":5510},[5319,6759,5210],{"class":5504},[5319,6761,6762],{"class":5714},"addEventListener",[5319,6764,5790],{"class":5504},[5319,6766,6767],{"class":5793},"'beforeunload'",[5319,6769,6770],{"class":5504},", () ",[5319,6772,5731],{"class":5496},[5319,6774,5505],{"class":5504},[5319,6776,6778,6781,6783,6786],{"class":5321,"line":6777},109,[5319,6779,6780],{"class":5510},"  client",[5319,6782,5210],{"class":5504},[5319,6784,6785],{"class":5714},"stop",[5319,6787,5840],{"class":5504},[5319,6789,6791],{"class":5321,"line":6790},110,[5319,6792,6793],{"class":5504},"});\n",[5089,6795,6796],{},[5099,6797,6798],{},"Ключові аспекти реалізації:",[5245,6800,6801,6813,6823,6833],{},[5096,6802,6803,6809,6810,6812],{},[5099,6804,6805,6806,6168],{},"Параметр ",[5289,6807,6808],{},"since"," клієнт передає ",[5289,6811,6127],{}," у query string, щоб сервер повертав лише нові повідомлення. Це запобігає дублюванню даних та зменшує розмір відповіді.",[5096,6814,6815,6818,6819,6822],{},[5099,6816,6817],{},"Автентифікація:"," кожен запит містить JWT токен у заголовку ",[5289,6820,6821],{},"Authorization"," (див. попередні лекції про автентифікацію).",[5096,6824,6825,6828,6829,6832],{},[5099,6826,6827],{},"Обробка помилок:"," при мережевій помилці або HTTP помилці клієнт логує проблему, але ",[5099,6830,6831],{},"не зупиняє"," polling — наступна спроба буде через 5 секунд.",[5096,6834,6835,6838,6839,6842,6843,6846],{},[5099,6836,6837],{},"Lifecycle management:"," клієнт надає методи ",[5289,6840,6841],{},"start()"," та ",[5289,6844,6845],{},"stop()"," для керування polling циклом.",[5237,6848,6850],{"id":6849},"приклад-реалізації-серверна-частина-nestjs-typeorm","Приклад реалізації: Серверна частина (NestJS + TypeORM)",[5089,6852,6853],{},"Тепер розглянемо, як сервер обробляє ці polling запити та повертає нові повідомлення.",[5311,6855,6857],{"className":5475,"code":6856,"language":5477,"meta":5315,"style":5315},"\u002F\u002F server\u002Fmessages.controller.ts\nimport { Controller, Get, Query, UseGuards, Req } from '@nestjs\u002Fcommon';\nimport { JwtAuthGuard } from '..\u002Fauth\u002Fjwt-auth.guard';\nimport { MessagesService } from '.\u002Fmessages.service';\n\ninterface RequestWithUser extends Request {\n  user: { userId: number };\n}\n\n@Controller('messages')\n@UseGuards(JwtAuthGuard)\nexport class MessagesController {\n  constructor(private readonly messagesService: MessagesService) {}\n\n  \u002F**\n   * Ендпоінт для polling: повертає нові повідомлення після вказаного messageId\n   *\u002F\n  @Get('new')\n  async getNewMessages(\n    @Query('since') since: string,\n    @Req() req: RequestWithUser,\n  ) {\n    const sinceId = parseInt(since, 10) || 0;\n    const userId = req.user.userId;\n\n    \u002F\u002F Отримати нові повідомлення з БД\n    const messages = await this.messagesService.getMessagesSince(\n      userId,\n      sinceId,\n    );\n\n    const lastMessageId =\n      messages.length > 0 ? messages[messages.length - 1].id : sinceId;\n\n    return {\n      messages,\n      lastMessageId,\n      timestamp: new Date().toISOString(),\n    };\n  }\n}\n",[5289,6858,6859,6864,6906,6924,6942,6946,6961,6978,6982,6986,7001,7013,7026,7048,7052,7056,7061,7065,7079,7089,7111,7130,7135,7163,7185,7189,7194,7220,7227,7234,7239,7243,7252,7299,7303,7309,7315,7322,7342,7347,7351],{"__ignoreMap":5315},[5319,6860,6861],{"class":5321,"line":5322},[5319,6862,6863],{"class":5484},"\u002F\u002F server\u002Fmessages.controller.ts\n",[5319,6865,6866,6869,6872,6875,6877,6880,6882,6885,6887,6890,6892,6895,6898,6901,6904],{"class":5321,"line":5328},[5319,6867,6868],{"class":5948},"import",[5319,6870,6871],{"class":5504}," { ",[5319,6873,6874],{"class":5510},"Controller",[5319,6876,6500],{"class":5504},[5319,6878,6879],{"class":5510},"Get",[5319,6881,6500],{"class":5504},[5319,6883,6884],{"class":5510},"Query",[5319,6886,6500],{"class":5504},[5319,6888,6889],{"class":5510},"UseGuards",[5319,6891,6500],{"class":5504},[5319,6893,6894],{"class":5510},"Req",[5319,6896,6897],{"class":5504}," } ",[5319,6899,6900],{"class":5948},"from",[5319,6902,6903],{"class":5793}," '@nestjs\u002Fcommon'",[5319,6905,5520],{"class":5504},[5319,6907,6908,6910,6912,6915,6917,6919,6922],{"class":5321,"line":5334},[5319,6909,6868],{"class":5948},[5319,6911,6871],{"class":5504},[5319,6913,6914],{"class":5510},"JwtAuthGuard",[5319,6916,6897],{"class":5504},[5319,6918,6900],{"class":5948},[5319,6920,6921],{"class":5793}," '..\u002Fauth\u002Fjwt-auth.guard'",[5319,6923,5520],{"class":5504},[5319,6925,6926,6928,6930,6933,6935,6937,6940],{"class":5321,"line":5340},[5319,6927,6868],{"class":5948},[5319,6929,6871],{"class":5504},[5319,6931,6932],{"class":5510},"MessagesService",[5319,6934,6897],{"class":5504},[5319,6936,6900],{"class":5948},[5319,6938,6939],{"class":5793}," '.\u002Fmessages.service'",[5319,6941,5520],{"class":5504},[5319,6943,6944],{"class":5321,"line":5346},[5319,6945,5491],{"emptyLinePlaceholder":5490},[5319,6947,6948,6950,6953,6956,6959],{"class":5321,"line":5352},[5319,6949,5497],{"class":5496},[5319,6951,6952],{"class":5500}," RequestWithUser",[5319,6954,6955],{"class":5496}," extends",[5319,6957,6958],{"class":5500}," Request",[5319,6960,5505],{"class":5504},[5319,6962,6963,6966,6969,6971,6973,6975],{"class":5321,"line":5358},[5319,6964,6965],{"class":5510},"  user",[5319,6967,6968],{"class":5504},": { ",[5319,6970,6682],{"class":5510},[5319,6972,5514],{"class":5504},[5319,6974,5517],{"class":5500},[5319,6976,6977],{"class":5504}," };\n",[5319,6979,6980],{"class":5321,"line":5363},[5319,6981,5559],{"class":5504},[5319,6983,6984],{"class":5321,"line":5369},[5319,6985,5491],{"emptyLinePlaceholder":5490},[5319,6987,6988,6991,6993,6995,6998],{"class":5321,"line":5374},[5319,6989,6990],{"class":5504},"@",[5319,6992,6874],{"class":5714},[5319,6994,5790],{"class":5504},[5319,6996,6997],{"class":5793},"'messages'",[5319,6999,7000],{"class":5504},")\n",[5319,7002,7003,7005,7007,7009,7011],{"class":5321,"line":5380},[5319,7004,6990],{"class":5504},[5319,7006,6889],{"class":5714},[5319,7008,5790],{"class":5504},[5319,7010,6914],{"class":5510},[5319,7012,7000],{"class":5504},[5319,7014,7015,7018,7021,7024],{"class":5321,"line":5385},[5319,7016,7017],{"class":5948},"export",[5319,7019,7020],{"class":5496}," class",[5319,7022,7023],{"class":5500}," MessagesController",[5319,7025,5505],{"class":5504},[5319,7027,7028,7030,7032,7035,7038,7041,7043,7045],{"class":5321,"line":5390},[5319,7029,5689],{"class":5496},[5319,7031,5790],{"class":5504},[5319,7033,7034],{"class":5496},"private",[5319,7036,7037],{"class":5496}," readonly",[5319,7039,7040],{"class":5510}," messagesService",[5319,7042,5514],{"class":5504},[5319,7044,6932],{"class":5500},[5319,7046,7047],{"class":5504},") {}\n",[5319,7049,7050],{"class":5321,"line":5395},[5319,7051,5491],{"emptyLinePlaceholder":5490},[5319,7053,7054],{"class":5321,"line":5400},[5319,7055,5750],{"class":5484},[5319,7057,7058],{"class":5321,"line":5406},[5319,7059,7060],{"class":5484},"   * Ендпоінт для polling: повертає нові повідомлення після вказаного messageId\n",[5319,7062,7063],{"class":5321,"line":5411},[5319,7064,5762],{"class":5484},[5319,7066,7067,7070,7072,7074,7077],{"class":5321,"line":5417},[5319,7068,7069],{"class":5504},"  @",[5319,7071,6879],{"class":5714},[5319,7073,5790],{"class":5504},[5319,7075,7076],{"class":5793},"'new'",[5319,7078,7000],{"class":5504},[5319,7080,7081,7084,7087],{"class":5321,"line":5423},[5319,7082,7083],{"class":5496},"  async",[5319,7085,7086],{"class":5714}," getNewMessages",[5319,7088,5692],{"class":5504},[5319,7090,7091,7094,7096,7098,7101,7103,7105,7107,7109],{"class":5321,"line":5428},[5319,7092,7093],{"class":5504},"    @",[5319,7095,6884],{"class":5714},[5319,7097,5790],{"class":5504},[5319,7099,7100],{"class":5793},"'since'",[5319,7102,6634],{"class":5504},[5319,7104,6808],{"class":5510},[5319,7106,5514],{"class":5504},[5319,7108,5541],{"class":5500},[5319,7110,5707],{"class":5504},[5319,7112,7113,7115,7117,7120,7123,7125,7128],{"class":5321,"line":5434},[5319,7114,7093],{"class":5504},[5319,7116,6894],{"class":5714},[5319,7118,7119],{"class":5504},"() ",[5319,7121,7122],{"class":5510},"req",[5319,7124,5514],{"class":5504},[5319,7126,7127],{"class":5500},"RequestWithUser",[5319,7129,5707],{"class":5504},[5319,7131,7132],{"class":5321,"line":5439},[5319,7133,7134],{"class":5504},"  ) {\n",[5319,7136,7137,7140,7143,7145,7148,7150,7152,7154,7157,7159,7161],{"class":5321,"line":5445},[5319,7138,7139],{"class":5496},"    const",[5319,7141,7142],{"class":6087}," sinceId",[5319,7144,5629],{"class":5504},[5319,7146,7147],{"class":5714},"parseInt",[5319,7149,5790],{"class":5504},[5319,7151,6808],{"class":5510},[5319,7153,6500],{"class":5504},[5319,7155,7156],{"class":5632},"10",[5319,7158,6571],{"class":5504},[5319,7160,5633],{"class":5632},[5319,7162,5520],{"class":5504},[5319,7164,7165,7167,7170,7172,7174,7176,7179,7181,7183],{"class":5321,"line":5742},[5319,7166,7139],{"class":5496},[5319,7168,7169],{"class":6087}," userId",[5319,7171,5629],{"class":5504},[5319,7173,7122],{"class":5510},[5319,7175,5210],{"class":5504},[5319,7177,7178],{"class":5510},"user",[5319,7180,5210],{"class":5504},[5319,7182,6682],{"class":5510},[5319,7184,5520],{"class":5504},[5319,7186,7187],{"class":5321,"line":5747},[5319,7188,5491],{"emptyLinePlaceholder":5490},[5319,7190,7191],{"class":5321,"line":5753},[5319,7192,7193],{"class":5484},"    \u002F\u002F Отримати нові повідомлення з БД\n",[5319,7195,7196,7198,7201,7203,7205,7208,7210,7213,7215,7218],{"class":5321,"line":5759},[5319,7197,7139],{"class":5496},[5319,7199,7200],{"class":6087}," messages",[5319,7202,5629],{"class":5504},[5319,7204,6093],{"class":5948},[5319,7206,7207],{"class":5496}," this",[5319,7209,5210],{"class":5504},[5319,7211,7212],{"class":5510},"messagesService",[5319,7214,5210],{"class":5504},[5319,7216,7217],{"class":5714},"getMessagesSince",[5319,7219,5692],{"class":5504},[5319,7221,7222,7225],{"class":5321,"line":5765},[5319,7223,7224],{"class":5510},"      userId",[5319,7226,5707],{"class":5504},[5319,7228,7229,7232],{"class":5321,"line":5779},[5319,7230,7231],{"class":5510},"      sinceId",[5319,7233,5707],{"class":5504},[5319,7235,7236],{"class":5321,"line":5818},[5319,7237,7238],{"class":5504},"    );\n",[5319,7240,7241],{"class":5321,"line":5823},[5319,7242,5491],{"emptyLinePlaceholder":5490},[5319,7244,7245,7247,7249],{"class":5321,"line":5829},[5319,7246,7139],{"class":5496},[5319,7248,5622],{"class":6087},[5319,7250,7251],{"class":5504}," =\n",[5319,7253,7254,7257,7259,7261,7263,7265,7268,7270,7273,7275,7277,7279,7282,7285,7288,7291,7294,7297],{"class":5321,"line":5843},[5319,7255,7256],{"class":5510},"      messages",[5319,7258,5210],{"class":5504},[5319,7260,6356],{"class":5510},[5319,7262,6359],{"class":5504},[5319,7264,5633],{"class":5632},[5319,7266,7267],{"class":5504}," ? ",[5319,7269,5721],{"class":5510},[5319,7271,7272],{"class":5504},"[",[5319,7274,5721],{"class":5510},[5319,7276,5210],{"class":5504},[5319,7278,6356],{"class":5510},[5319,7280,7281],{"class":5504}," - ",[5319,7283,7284],{"class":5632},"1",[5319,7286,7287],{"class":5504},"].",[5319,7289,7290],{"class":5510},"id",[5319,7292,7293],{"class":5504}," : ",[5319,7295,7296],{"class":5510},"sinceId",[5319,7298,5520],{"class":5504},[5319,7300,7301],{"class":5321,"line":5848},[5319,7302,5491],{"emptyLinePlaceholder":5490},[5319,7304,7305,7307],{"class":5321,"line":5854},[5319,7306,6555],{"class":5948},[5319,7308,5505],{"class":5504},[5319,7310,7311,7313],{"class":5321,"line":5880},[5319,7312,7256],{"class":5510},[5319,7314,5707],{"class":5504},[5319,7316,7317,7320],{"class":5321,"line":5892},[5319,7318,7319],{"class":5510},"      lastMessageId",[5319,7321,5707],{"class":5504},[5319,7323,7324,7327,7330,7333,7336,7339],{"class":5321,"line":5906},[5319,7325,7326],{"class":5510},"      timestamp:",[5319,7328,7329],{"class":5496}," new",[5319,7331,7332],{"class":5714}," Date",[5319,7334,7335],{"class":5504},"().",[5319,7337,7338],{"class":5714},"toISOString",[5319,7340,7341],{"class":5504},"(),\n",[5319,7343,7344],{"class":5321,"line":5912},[5319,7345,7346],{"class":5504},"    };\n",[5319,7348,7349],{"class":5321,"line":5917},[5319,7350,5909],{"class":5504},[5319,7352,7353],{"class":5321,"line":5922},[5319,7354,5559],{"class":5504},[5311,7356,7358],{"className":5475,"code":7357,"language":5477,"meta":5315,"style":5315},"\u002F\u002F server\u002Fmessages.service.ts\nimport { Injectable } from '@nestjs\u002Fcommon';\nimport { InjectRepository } from '@nestjs\u002Ftypeorm';\nimport { Repository, MoreThan } from 'typeorm';\nimport { Message } from '.\u002Fmessage.entity';\n\n@Injectable()\nexport class MessagesService {\n  constructor(\n    @InjectRepository(Message)\n    private messagesRepository: Repository\u003CMessage>,\n  ) {}\n\n  \u002F**\n   * Отримує повідомлення, створені після вказаного messageId\n   * Повертає до 50 останніх повідомлень\n   *\u002F\n  async getMessagesSince(userId: number, sinceId: number): Promise\u003CMessage[]> {\n    return this.messagesRepository.find({\n      where: {\n        id: MoreThan(sinceId),\n        \u002F\u002F Можна додати фільтр по chatRoomId, якщо потрібно\n      },\n      order: {\n        id: 'ASC', \u002F\u002F Від старіших до новіших\n      },\n      take: 50, \u002F\u002F Обмеження для запобігання надмірному навантаженню\n    });\n  }\n}\n",[5289,7359,7360,7365,7382,7400,7423,7440,7444,7453,7464,7470,7482,7500,7504,7508,7512,7517,7522,7526,7561,7580,7587,7602,7607,7612,7619,7631,7635,7648,7652,7656],{"__ignoreMap":5315},[5319,7361,7362],{"class":5321,"line":5322},[5319,7363,7364],{"class":5484},"\u002F\u002F server\u002Fmessages.service.ts\n",[5319,7366,7367,7369,7371,7374,7376,7378,7380],{"class":5321,"line":5328},[5319,7368,6868],{"class":5948},[5319,7370,6871],{"class":5504},[5319,7372,7373],{"class":5510},"Injectable",[5319,7375,6897],{"class":5504},[5319,7377,6900],{"class":5948},[5319,7379,6903],{"class":5793},[5319,7381,5520],{"class":5504},[5319,7383,7384,7386,7388,7391,7393,7395,7398],{"class":5321,"line":5334},[5319,7385,6868],{"class":5948},[5319,7387,6871],{"class":5504},[5319,7389,7390],{"class":5510},"InjectRepository",[5319,7392,6897],{"class":5504},[5319,7394,6900],{"class":5948},[5319,7396,7397],{"class":5793}," '@nestjs\u002Ftypeorm'",[5319,7399,5520],{"class":5504},[5319,7401,7402,7404,7406,7409,7411,7414,7416,7418,7421],{"class":5321,"line":5340},[5319,7403,6868],{"class":5948},[5319,7405,6871],{"class":5504},[5319,7407,7408],{"class":5510},"Repository",[5319,7410,6500],{"class":5504},[5319,7412,7413],{"class":5510},"MoreThan",[5319,7415,6897],{"class":5504},[5319,7417,6900],{"class":5948},[5319,7419,7420],{"class":5793}," 'typeorm'",[5319,7422,5520],{"class":5504},[5319,7424,7425,7427,7429,7431,7433,7435,7438],{"class":5321,"line":5346},[5319,7426,6868],{"class":5948},[5319,7428,6871],{"class":5504},[5319,7430,5582],{"class":5510},[5319,7432,6897],{"class":5504},[5319,7434,6900],{"class":5948},[5319,7436,7437],{"class":5793}," '.\u002Fmessage.entity'",[5319,7439,5520],{"class":5504},[5319,7441,7442],{"class":5321,"line":5352},[5319,7443,5491],{"emptyLinePlaceholder":5490},[5319,7445,7446,7448,7450],{"class":5321,"line":5358},[5319,7447,6990],{"class":5504},[5319,7449,7373],{"class":5714},[5319,7451,7452],{"class":5504},"()\n",[5319,7454,7455,7457,7459,7462],{"class":5321,"line":5363},[5319,7456,7017],{"class":5948},[5319,7458,7020],{"class":5496},[5319,7460,7461],{"class":5500}," MessagesService",[5319,7463,5505],{"class":5504},[5319,7465,7466,7468],{"class":5321,"line":5369},[5319,7467,5689],{"class":5496},[5319,7469,5692],{"class":5504},[5319,7471,7472,7474,7476,7478,7480],{"class":5321,"line":5374},[5319,7473,7093],{"class":5504},[5319,7475,7390],{"class":5714},[5319,7477,5790],{"class":5504},[5319,7479,5582],{"class":5510},[5319,7481,7000],{"class":5504},[5319,7483,7484,7486,7489,7491,7493,7495,7497],{"class":5321,"line":5380},[5319,7485,5697],{"class":5496},[5319,7487,7488],{"class":5510}," messagesRepository",[5319,7490,5514],{"class":5504},[5319,7492,7408],{"class":5500},[5319,7494,6065],{"class":5504},[5319,7496,5582],{"class":5500},[5319,7498,7499],{"class":5504},">,\n",[5319,7501,7502],{"class":5321,"line":5385},[5319,7503,5739],{"class":5504},[5319,7505,7506],{"class":5321,"line":5390},[5319,7507,5491],{"emptyLinePlaceholder":5490},[5319,7509,7510],{"class":5321,"line":5395},[5319,7511,5750],{"class":5484},[5319,7513,7514],{"class":5321,"line":5400},[5319,7515,7516],{"class":5484},"   * Отримує повідомлення, створені після вказаного messageId\n",[5319,7518,7519],{"class":5321,"line":5406},[5319,7520,7521],{"class":5484},"   * Повертає до 50 останніх повідомлень\n",[5319,7523,7524],{"class":5321,"line":5411},[5319,7525,5762],{"class":5484},[5319,7527,7528,7530,7533,7535,7537,7539,7541,7543,7545,7547,7549,7552,7554,7556,7558],{"class":5321,"line":5417},[5319,7529,7083],{"class":5496},[5319,7531,7532],{"class":5714}," getMessagesSince",[5319,7534,5790],{"class":5504},[5319,7536,6682],{"class":5510},[5319,7538,5514],{"class":5504},[5319,7540,5517],{"class":5500},[5319,7542,6500],{"class":5504},[5319,7544,7296],{"class":5510},[5319,7546,5514],{"class":5504},[5319,7548,5517],{"class":5500},[5319,7550,7551],{"class":5504},"): ",[5319,7553,6062],{"class":5500},[5319,7555,6065],{"class":5504},[5319,7557,5582],{"class":5500},[5319,7559,7560],{"class":5504},"[]> {\n",[5319,7562,7563,7565,7567,7569,7572,7574,7577],{"class":5321,"line":5423},[5319,7564,6555],{"class":5948},[5319,7566,7207],{"class":5496},[5319,7568,5210],{"class":5504},[5319,7570,7571],{"class":5510},"messagesRepository",[5319,7573,5210],{"class":5504},[5319,7575,7576],{"class":5714},"find",[5319,7578,7579],{"class":5504},"({\n",[5319,7581,7582,7585],{"class":5321,"line":5428},[5319,7583,7584],{"class":5510},"      where:",[5319,7586,5505],{"class":5504},[5319,7588,7589,7592,7595,7597,7599],{"class":5321,"line":5434},[5319,7590,7591],{"class":5510},"        id:",[5319,7593,7594],{"class":5714}," MoreThan",[5319,7596,5790],{"class":5504},[5319,7598,7296],{"class":5510},[5319,7600,7601],{"class":5504},"),\n",[5319,7603,7604],{"class":5321,"line":5439},[5319,7605,7606],{"class":5484},"        \u002F\u002F Можна додати фільтр по chatRoomId, якщо потрібно\n",[5319,7608,7609],{"class":5321,"line":5445},[5319,7610,7611],{"class":5504},"      },\n",[5319,7613,7614,7617],{"class":5321,"line":5742},[5319,7615,7616],{"class":5510},"      order:",[5319,7618,5505],{"class":5504},[5319,7620,7621,7623,7626,7628],{"class":5321,"line":5747},[5319,7622,7591],{"class":5510},[5319,7624,7625],{"class":5793}," 'ASC'",[5319,7627,6500],{"class":5504},[5319,7629,7630],{"class":5484},"\u002F\u002F Від старіших до новіших\n",[5319,7632,7633],{"class":5321,"line":5753},[5319,7634,7611],{"class":5504},[5319,7636,7637,7640,7643,7645],{"class":5321,"line":5759},[5319,7638,7639],{"class":5510},"      take:",[5319,7641,7642],{"class":5632}," 50",[5319,7644,6500],{"class":5504},[5319,7646,7647],{"class":5484},"\u002F\u002F Обмеження для запобігання надмірному навантаженню\n",[5319,7649,7650],{"class":5321,"line":5765},[5319,7651,6713],{"class":5504},[5319,7653,7654],{"class":5321,"line":5779},[5319,7655,5909],{"class":5504},[5319,7657,7658],{"class":5321,"line":5818},[5319,7659,5559],{"class":5504},[5089,7661,7662],{},[5099,7663,7664],{},"Важливі деталі серверної реалізації:",[5245,7666,7667,7683,7696],{},[5096,7668,7669,7675,7676,7679,7680,7682],{},[5099,7670,7671,7672,6168],{},"Фільтр ",[5289,7673,7674],{},"MoreThan(sinceId)"," TypeORM генерує SQL запит ",[5289,7677,7678],{},"WHERE id > :sinceId",", що дозволяє отримати лише нові записи. Це критично для продуктивності — індекс на колонці ",[5289,7681,7290],{}," забезпечує швидкий пошук.",[5096,7684,7685,7691,7692,7695],{},[5099,7686,7687,7688,6168],{},"Обмеження ",[5289,7689,7690],{},"take: 50"," захист від ситуації, коли клієнт запитує дані після тривалого відключення (наприклад, ",[5289,7693,7694],{},"sinceId = 0","), і сервер мав би повернути тисячі записів.",[5096,7697,7698,7700,7701,7704],{},[5099,7699,6817],{}," ",[5289,7702,7703],{},"@UseGuards(JwtAuthGuard)"," гарантує, що лише автентифіковані користувачі можуть опитувати сервер (див. лекцію про JWT).",[5237,7706,7708],{"id":7707},"аналіз-навантаження-та-проблеми-масштабування","Аналіз навантаження та проблеми масштабування",[5089,7710,7711,7712,7715],{},"Polling створює ",[5099,7713,7714],{},"рівномірне, постійне навантаження"," на сервер, незалежно від наявності нових даних. Розрахуємо практичний приклад:",[7717,7718,7719],"math-formula",{},"\\text{Requests per second} = \\frac{\\text{Total Users} \\times 1}{\\text{Polling Interval (seconds)}}",[5089,7721,7722,7725],{},[5099,7723,7724],{},"Сценарій:"," 10,000 одночасних користувачів, polling інтервал 5 секунд.",[7717,7727,7728],{},"\\text{RPS} = \\frac{10{,}000 \\times 1}{5} = 2{,}000 \\text{ запитів\u002Fсекунду}",[5089,7730,7731],{},"Кожен запит вимагає:",[5093,7733,7734,7740,7746],{},[5096,7735,7736,7739],{},[5099,7737,7738],{},"Десеріалізація JWT токена"," (CPU)",[5096,7741,7742,7745],{},[5099,7743,7744],{},"Виконання SQL запиту"," до бази даних (I\u002FO)",[5096,7747,7748,7739],{},[5099,7749,7750],{},"Серіалізація JSON відповіді",[5089,7752,7753,7754,7757,7758,7761],{},"Якщо 90% цих запитів повертають порожню відповідь (немає нових повідомлень), виходить ",[5099,7755,7756],{},"величезна кількість марних операцій",". При збільшенні кількості користувачів до 100,000 навантаження зростає до ",[5099,7759,7760],{},"20,000 RPS"," — це потребує кількох серверів та load balancer.",[7763,7764,7765,7768],"warning",{},[5099,7766,7767],{},"Проблема часової затримки:"," навіть за ідеальних умов (без мережевих затримок), користувач дізнається про нову подію з затримкою від 0 до 5 секунд (у середньому 2.5 секунди). Для чат-застосунків це неприйнятно.",[5237,7770,7772],{"id":7771},"коли-використовувати-polling","Коли використовувати Polling",[5089,7774,7775],{},"Незважаючи на недоліки, polling залишається актуальним у певних сценаріях:",[5127,7777,7778,7808],{},[5130,7779,7782],{"icon":7780,"title":7781},"i-lucide-check-circle","✅ Ідеальні сценарії",[5093,7783,7784,7790,7796,7802],{},[5096,7785,7786,7789],{},[5099,7787,7788],{},"Низька частота оновлень:"," дані оновлюються рідко (раз на хвилину або рідше), наприклад, котирування акцій поза торговими годинами.",[5096,7791,7792,7795],{},[5099,7793,7794],{},"Невелика кількість клієнтів:"," до 100-500 одночасних користувачів, де навантаження керується одним сервером.",[5096,7797,7798,7801],{},[5099,7799,7800],{},"Не критична затримка:"," затримка у 5-10 секунд прийнятна для бізнес-логіки (наприклад, оновлення статусу замовлення у back-office панелі).",[5096,7803,7804,7807],{},[5099,7805,7806],{},"Максимальна простота:"," відсутність потреби у складній інфраструктурі WebSocket або SSE.",[5130,7809,7812],{"icon":7810,"title":7811},"i-lucide-x-circle","❌ Неприйнятні сценарії",[5093,7813,7814,7820,7826,7832],{},[5096,7815,7816,7819],{},[5099,7817,7818],{},"Чати та месенджери:"," затримка у кілька секунд руйнує user experience.",[5096,7821,7822,7825],{},[5099,7823,7824],{},"Collaborative editing:"," Google Docs стиль редагування потребує затримки \u003C 200ms.",[5096,7827,7828,7831],{},[5099,7829,7830],{},"Real-time ігри:"," будь-яка затримка створює advantage для гравців з меншим ping.",[5096,7833,7834,7837],{},[5099,7835,7836],{},"Фінансовий трейдинг:"," критична точність до мілісекунд для алгоритмічного трейдингу.",[7839,7840,7841,7844,7845,6842,7848,7851],"tip",{},[5099,7842,7843],{},"Практична рекомендація:"," використовуйте polling для ",[5099,7846,7847],{},"адміністративних панелей",[5099,7849,7850],{},"дашбордів",", де оновлення даних відбувається рідко, а користувачів мало. Для публічних чатів, нотифікацій або live feeds переходьте до Long-Polling, SSE або WebSocket.",[5124,7853],{},[5084,7855,7857],{"id":7856},"long-polling-утримання-зєднання-до-появи-події","Long-Polling: Утримання з'єднання до появи події",[5089,7859,7860,7863,7864,7867,7868,7871],{},[5099,7861,7862],{},"Long-Polling (довге опитування)"," — це еволюційне покращення класичного polling, де сервер ",[5099,7865,7866],{},"не повертає відповідь одразу",", а утримує HTTP з'єднання відкритим до моменту, коли з'являться нові дані або спрацює таймаут (наприклад, 30 секунд). Після отримання відповіді клієнт ",[5099,7869,7870],{},"негайно"," відправляє новий запит, створюючи «нескінченний цикл» запитів.",[5237,7873,7875],{"id":7874},"архітектурна-відмінність-від-класичного-polling","Архітектурна відмінність від класичного Polling",[5089,7877,7878,7879,7882,7883,7886],{},"У звичайному polling клієнт ",[5099,7880,7881],{},"чекає фіксований інтервал"," між запитами, незалежно від того, чи були нові дані. У long-polling клієнт ",[5099,7884,7885],{},"чекає лише на відповідь сервера",", яка може прийти через 1 мілісекунду (якщо дані вже є) або через 30 секунд (якщо спрацював таймаут).",[5308,7888,7889],{},[5311,7890,7892],{"className":5313,"code":7891,"language":5308,"meta":5315,"style":5315},"sequenceDiagram\n    participant Client as Клієнт\u003Cbr\u002F>(Browser)\n    participant Server as Сервер\u003Cbr\u002F>(NestJS)\n    \n    Client->>Server: GET \u002Fapi\u002Fmessages\u002Fpoll (t=0s)\n    Note over Server: Немає нових даних\u003Cbr\u002F>З'єднання утримується відкритим\n    \n    Note over Server: t=7s: Нове повідомлення!\n    Server->>Client: 200 OK { messages: [{...}] }\n    \n    Note over Client: Негайно новий запит\n    Client->>Server: GET \u002Fapi\u002Fmessages\u002Fpoll (t=7.1s)\n    Note over Server: Немає нових даних\u003Cbr\u002F>З'єднання утримується\n    \n    Note over Server: t=37s: Таймаут (30 секунд)\n    Server->>Client: 200 OK { messages: [] }\n    \n    Client->>Server: GET \u002Fapi\u002Fmessages\u002Fpoll (t=37.1s)\n    Note over Server: t=40s: Нове повідомлення!\n    Server->>Client: 200 OK { messages: [{...}] }\n",[5289,7893,7894,7898,7902,7906,7910,7915,7920,7924,7929,7934,7938,7943,7948,7953,7957,7962,7967,7971,7976,7981],{"__ignoreMap":5315},[5319,7895,7896],{"class":5321,"line":5322},[5319,7897,5325],{},[5319,7899,7900],{"class":5321,"line":5328},[5319,7901,5331],{},[5319,7903,7904],{"class":5321,"line":5334},[5319,7905,5337],{},[5319,7907,7908],{"class":5321,"line":5340},[5319,7909,5343],{},[5319,7911,7912],{"class":5321,"line":5346},[5319,7913,7914],{},"    Client->>Server: GET \u002Fapi\u002Fmessages\u002Fpoll (t=0s)\n",[5319,7916,7917],{"class":5321,"line":5352},[5319,7918,7919],{},"    Note over Server: Немає нових даних\u003Cbr\u002F>З'єднання утримується відкритим\n",[5319,7921,7922],{"class":5321,"line":5358},[5319,7923,5343],{},[5319,7925,7926],{"class":5321,"line":5363},[5319,7927,7928],{},"    Note over Server: t=7s: Нове повідомлення!\n",[5319,7930,7931],{"class":5321,"line":5369},[5319,7932,7933],{},"    Server->>Client: 200 OK { messages: [{...}] }\n",[5319,7935,7936],{"class":5321,"line":5374},[5319,7937,5343],{},[5319,7939,7940],{"class":5321,"line":5380},[5319,7941,7942],{},"    Note over Client: Негайно новий запит\n",[5319,7944,7945],{"class":5321,"line":5385},[5319,7946,7947],{},"    Client->>Server: GET \u002Fapi\u002Fmessages\u002Fpoll (t=7.1s)\n",[5319,7949,7950],{"class":5321,"line":5390},[5319,7951,7952],{},"    Note over Server: Немає нових даних\u003Cbr\u002F>З'єднання утримується\n",[5319,7954,7955],{"class":5321,"line":5395},[5319,7956,5343],{},[5319,7958,7959],{"class":5321,"line":5400},[5319,7960,7961],{},"    Note over Server: t=37s: Таймаут (30 секунд)\n",[5319,7963,7964],{"class":5321,"line":5406},[5319,7965,7966],{},"    Server->>Client: 200 OK { messages: [] }\n",[5319,7968,7969],{"class":5321,"line":5411},[5319,7970,5343],{},[5319,7972,7973],{"class":5321,"line":5417},[5319,7974,7975],{},"    Client->>Server: GET \u002Fapi\u002Fmessages\u002Fpoll (t=37.1s)\n",[5319,7977,7978],{"class":5321,"line":5423},[5319,7979,7980],{},"    Note over Server: t=40s: Нове повідомлення!\n",[5319,7982,7983],{"class":5321,"line":5428},[5319,7984,7933],{},[5089,7986,7987,7990,7991,7993,7994,6634,7996,7999],{},[5099,7988,7989],{},"Ключова перевага:"," затримка між виникненням події на сервері (",[5289,7992,5453],{},") та отриманням її клієнтом (",[5289,7995,5453],{},[5099,7997,7998],{},"майже нульова"," — обмежена лише мережевою латентністю. Порівняйте з класичним polling, де затримка могла б сягати до 5 секунд.",[5237,8001,8003],{"id":8002},"реалізація-клієнтська-частина-з-рекурсивними-запитами","Реалізація: Клієнтська частина з рекурсивними запитами",[5311,8005,8007],{"className":5475,"code":8006,"language":5477,"meta":5315,"style":5315},"\u002F\u002F client\u002Flong-polling-client.ts\n\ninterface Message {\n  id: number;\n  userId: number;\n  text: string;\n  timestamp: string;\n}\n\ninterface PollResponse {\n  messages: Message[];\n  lastMessageId: number;\n}\n\nclass LongPollingClient {\n  private lastMessageId: number = 0;\n  private isPolling: boolean = false;\n  private abortController: AbortController | null = null;\n\n  constructor(\n    private apiUrl: string,\n    private onNewMessages: (messages: Message[]) => void,\n    private onError: (error: Error) => void\n  ) {}\n\n  \u002F**\n   * Запускає long-polling цикл\n   *\u002F\n  start(): void {\n    if (this.isPolling) {\n      console.warn('[Long-Polling] Вже запущено');\n      return;\n    }\n\n    this.isPolling = true;\n    console.log('[Long-Polling] Запуск');\n    this.poll();\n  }\n\n  \u002F**\n   * Зупиняє long-polling\n   *\u002F\n  stop(): void {\n    this.isPolling = false;\n\n    \u002F\u002F Скасувати поточний запит, якщо він виконується\n    if (this.abortController) {\n      this.abortController.abort();\n      this.abortController = null;\n    }\n\n    console.log('[Long-Polling] Зупинено');\n  }\n\n  \u002F**\n   * Рекурсивна функція для виконання long-polling запиту\n   *\u002F\n  private async poll(): Promise\u003Cvoid> {\n    if (!this.isPolling) {\n      return; \u002F\u002F Вихід з рекурсії при зупинці\n    }\n\n    this.abortController = new AbortController();\n\n    try {\n      const response = await fetch(\n        `${this.apiUrl}\u002Fmessages\u002Fpoll?since=${this.lastMessageId}`,\n        {\n          method: 'GET',\n          headers: {\n            'Authorization': `Bearer ${this.getAuthToken()}`,\n            'Content-Type': 'application\u002Fjson',\n          },\n          signal: this.abortController.signal,\n        }\n      );\n\n      if (!response.ok) {\n        throw new Error(`HTTP ${response.status}: ${response.statusText}`);\n      }\n\n      const data: PollResponse = await response.json();\n\n      if (data.messages.length > 0) {\n        console.log(`[Long-Polling] Отримано ${data.messages.length} повідомлень`);\n        this.lastMessageId = data.lastMessageId;\n        this.onNewMessages(data.messages);\n      } else {\n        console.log('[Long-Polling] Таймаут, нових даних немає');\n      }\n\n      \u002F\u002F Негайно запустити наступний long-poll\n      this.poll();\n    } catch (error) {\n      if (error instanceof Error && error.name === 'AbortError') {\n        console.log('[Long-Polling] Запит скасовано');\n        return;\n      }\n\n      console.error('[Long-Polling] Помилка:', error);\n      this.onError(error as Error);\n\n      \u002F\u002F При помилці чекаємо 5 секунд перед повторною спробою\n      if (this.isPolling) {\n        setTimeout(() => this.poll(), 5000);\n      }\n    }\n  }\n\n  private getAuthToken(): string {\n    return localStorage.getItem('authToken') || '';\n  }\n}\n\n\u002F\u002F Використання\nconst client = new LongPollingClient(\n  'https:\u002F\u002Fapi.example.com',\n  (messages) => {\n    messages.forEach(msg => {\n      console.log(`Нове повідомлення: ${msg.text}`);\n    });\n  },\n  (error) => {\n    console.error('Критична помилка:', error);\n  }\n);\n\nclient.start();\n",[5289,8008,8009,8014,8018,8026,8036,8046,8056,8066,8070,8074,8083,8093,8103,8107,8111,8120,8136,8155,8177,8181,8187,8199,8222,8244,8248,8252,8256,8261,8265,8275,8290,8306,8313,8317,8321,8336,8351,8362,8366,8370,8374,8379,8383,8393,8407,8411,8416,8431,8446,8460,8464,8468,8483,8487,8491,8495,8500,8504,8523,8537,8546,8550,8554,8571,8575,8581,8595,8626,8630,8638,8644,8668,8678,8682,8700,8704,8708,8712,8726,8767,8771,8775,8798,8802,8824,8856,8874,8892,8900,8915,8919,8923,8928,8938,8950,8981,8996,9002,9006,9010,9029,9049,9053,9058,9072,9094,9098,9102,9106,9110,9122,9143,9148,9153,9158,9163,9178,9185,9198,9215,9243,9248,9254,9267,9287,9292,9297,9302],{"__ignoreMap":5315},[5319,8010,8011],{"class":5321,"line":5322},[5319,8012,8013],{"class":5484},"\u002F\u002F client\u002Flong-polling-client.ts\n",[5319,8015,8016],{"class":5321,"line":5328},[5319,8017,5491],{"emptyLinePlaceholder":5490},[5319,8019,8020,8022,8024],{"class":5321,"line":5334},[5319,8021,5497],{"class":5496},[5319,8023,5501],{"class":5500},[5319,8025,5505],{"class":5504},[5319,8027,8028,8030,8032,8034],{"class":5321,"line":5340},[5319,8029,5511],{"class":5510},[5319,8031,5514],{"class":5504},[5319,8033,5517],{"class":5500},[5319,8035,5520],{"class":5504},[5319,8037,8038,8040,8042,8044],{"class":5321,"line":5346},[5319,8039,5525],{"class":5510},[5319,8041,5514],{"class":5504},[5319,8043,5517],{"class":5500},[5319,8045,5520],{"class":5504},[5319,8047,8048,8050,8052,8054],{"class":5321,"line":5352},[5319,8049,5536],{"class":5510},[5319,8051,5514],{"class":5504},[5319,8053,5541],{"class":5500},[5319,8055,5520],{"class":5504},[5319,8057,8058,8060,8062,8064],{"class":5321,"line":5358},[5319,8059,5548],{"class":5510},[5319,8061,5514],{"class":5504},[5319,8063,5541],{"class":5500},[5319,8065,5520],{"class":5504},[5319,8067,8068],{"class":5321,"line":5363},[5319,8069,5559],{"class":5504},[5319,8071,8072],{"class":5321,"line":5369},[5319,8073,5491],{"emptyLinePlaceholder":5490},[5319,8075,8076,8078,8081],{"class":5321,"line":5374},[5319,8077,5497],{"class":5496},[5319,8079,8080],{"class":5500}," PollResponse",[5319,8082,5505],{"class":5504},[5319,8084,8085,8087,8089,8091],{"class":5321,"line":5380},[5319,8086,5577],{"class":5510},[5319,8088,5514],{"class":5504},[5319,8090,5582],{"class":5500},[5319,8092,5585],{"class":5504},[5319,8094,8095,8097,8099,8101],{"class":5321,"line":5385},[5319,8096,5590],{"class":5510},[5319,8098,5514],{"class":5504},[5319,8100,5517],{"class":5500},[5319,8102,5520],{"class":5504},[5319,8104,8105],{"class":5321,"line":5390},[5319,8106,5559],{"class":5504},[5319,8108,8109],{"class":5321,"line":5395},[5319,8110,5491],{"emptyLinePlaceholder":5490},[5319,8112,8113,8115,8118],{"class":5321,"line":5400},[5319,8114,5609],{"class":5496},[5319,8116,8117],{"class":5500}," LongPollingClient",[5319,8119,5505],{"class":5504},[5319,8121,8122,8124,8126,8128,8130,8132,8134],{"class":5321,"line":5406},[5319,8123,5619],{"class":5496},[5319,8125,5622],{"class":5510},[5319,8127,5514],{"class":5504},[5319,8129,5517],{"class":5500},[5319,8131,5629],{"class":5504},[5319,8133,5633],{"class":5632},[5319,8135,5520],{"class":5504},[5319,8137,8138,8140,8143,8145,8148,8150,8153],{"class":5321,"line":5411},[5319,8139,5619],{"class":5496},[5319,8141,8142],{"class":5510}," isPolling",[5319,8144,5514],{"class":5504},[5319,8146,8147],{"class":5500},"boolean",[5319,8149,5629],{"class":5504},[5319,8151,8152],{"class":5496},"false",[5319,8154,5520],{"class":5504},[5319,8156,8157,8159,8162,8164,8167,8169,8171,8173,8175],{"class":5321,"line":5417},[5319,8158,5619],{"class":5496},[5319,8160,8161],{"class":5510}," abortController",[5319,8163,5514],{"class":5504},[5319,8165,8166],{"class":5500},"AbortController",[5319,8168,5671],{"class":5504},[5319,8170,5674],{"class":5500},[5319,8172,5629],{"class":5504},[5319,8174,5674],{"class":5496},[5319,8176,5520],{"class":5504},[5319,8178,8179],{"class":5321,"line":5423},[5319,8180,5491],{"emptyLinePlaceholder":5490},[5319,8182,8183,8185],{"class":5321,"line":5428},[5319,8184,5689],{"class":5496},[5319,8186,5692],{"class":5504},[5319,8188,8189,8191,8193,8195,8197],{"class":5321,"line":5434},[5319,8190,5697],{"class":5496},[5319,8192,5700],{"class":5510},[5319,8194,5514],{"class":5504},[5319,8196,5541],{"class":5500},[5319,8198,5707],{"class":5504},[5319,8200,8201,8203,8205,8207,8209,8211,8213,8215,8217,8220],{"class":5321,"line":5439},[5319,8202,5697],{"class":5496},[5319,8204,5715],{"class":5714},[5319,8206,5718],{"class":5504},[5319,8208,5721],{"class":5510},[5319,8210,5514],{"class":5504},[5319,8212,5582],{"class":5500},[5319,8214,5728],{"class":5504},[5319,8216,5731],{"class":5496},[5319,8218,8219],{"class":5500}," void",[5319,8221,5707],{"class":5504},[5319,8223,8224,8226,8229,8231,8233,8235,8238,8240,8242],{"class":5321,"line":5445},[5319,8225,5697],{"class":5496},[5319,8227,8228],{"class":5714}," onError",[5319,8230,5718],{"class":5504},[5319,8232,6254],{"class":5510},[5319,8234,5514],{"class":5504},[5319,8236,8237],{"class":5500},"Error",[5319,8239,6634],{"class":5504},[5319,8241,5731],{"class":5496},[5319,8243,5734],{"class":5500},[5319,8245,8246],{"class":5321,"line":5742},[5319,8247,5739],{"class":5504},[5319,8249,8250],{"class":5321,"line":5747},[5319,8251,5491],{"emptyLinePlaceholder":5490},[5319,8253,8254],{"class":5321,"line":5753},[5319,8255,5750],{"class":5484},[5319,8257,8258],{"class":5321,"line":5759},[5319,8259,8260],{"class":5484},"   * Запускає long-polling цикл\n",[5319,8262,8263],{"class":5321,"line":5765},[5319,8264,5762],{"class":5484},[5319,8266,8267,8269,8271,8273],{"class":5321,"line":5779},[5319,8268,5768],{"class":5714},[5319,8270,5771],{"class":5504},[5319,8272,5774],{"class":5500},[5319,8274,5505],{"class":5504},[5319,8276,8277,8279,8281,8283,8285,8288],{"class":5321,"line":5818},[5319,8278,5949],{"class":5948},[5319,8280,5952],{"class":5504},[5319,8282,5800],{"class":5496},[5319,8284,5210],{"class":5504},[5319,8286,8287],{"class":5510},"isPolling",[5319,8289,5966],{"class":5504},[5319,8291,8292,8294,8296,8299,8301,8304],{"class":5321,"line":5823},[5319,8293,6003],{"class":5510},[5319,8295,5210],{"class":5504},[5319,8297,8298],{"class":5714},"warn",[5319,8300,5790],{"class":5504},[5319,8302,8303],{"class":5793},"'[Long-Polling] Вже запущено'",[5319,8305,5815],{"class":5504},[5319,8307,8308,8311],{"class":5321,"line":5829},[5319,8309,8310],{"class":5948},"      return",[5319,8312,5520],{"class":5504},[5319,8314,8315],{"class":5321,"line":5843},[5319,8316,6020],{"class":5504},[5319,8318,8319],{"class":5321,"line":5848},[5319,8320,5491],{"emptyLinePlaceholder":5490},[5319,8322,8323,8325,8327,8329,8331,8334],{"class":5321,"line":5854},[5319,8324,5832],{"class":5496},[5319,8326,5210],{"class":5504},[5319,8328,8287],{"class":5510},[5319,8330,5629],{"class":5504},[5319,8332,8333],{"class":5496},"true",[5319,8335,5520],{"class":5504},[5319,8337,8338,8340,8342,8344,8346,8349],{"class":5321,"line":5880},[5319,8339,5782],{"class":5510},[5319,8341,5210],{"class":5504},[5319,8343,5787],{"class":5714},[5319,8345,5790],{"class":5504},[5319,8347,8348],{"class":5793},"'[Long-Polling] Запуск'",[5319,8350,5815],{"class":5504},[5319,8352,8353,8355,8357,8360],{"class":5321,"line":5892},[5319,8354,5832],{"class":5496},[5319,8356,5210],{"class":5504},[5319,8358,8359],{"class":5714},"poll",[5319,8361,5840],{"class":5504},[5319,8363,8364],{"class":5321,"line":5906},[5319,8365,5909],{"class":5504},[5319,8367,8368],{"class":5321,"line":5912},[5319,8369,5491],{"emptyLinePlaceholder":5490},[5319,8371,8372],{"class":5321,"line":5917},[5319,8373,5750],{"class":5484},[5319,8375,8376],{"class":5321,"line":5922},[5319,8377,8378],{"class":5484},"   * Зупиняє long-polling\n",[5319,8380,8381],{"class":5321,"line":5928},[5319,8382,5762],{"class":5484},[5319,8384,8385,8387,8389,8391],{"class":5321,"line":5933},[5319,8386,5936],{"class":5714},[5319,8388,5771],{"class":5504},[5319,8390,5774],{"class":5500},[5319,8392,5505],{"class":5504},[5319,8394,8395,8397,8399,8401,8403,8405],{"class":5321,"line":5945},[5319,8396,5832],{"class":5496},[5319,8398,5210],{"class":5504},[5319,8400,8287],{"class":5510},[5319,8402,5629],{"class":5504},[5319,8404,8152],{"class":5496},[5319,8406,5520],{"class":5504},[5319,8408,8409],{"class":5321,"line":5969},[5319,8410,5491],{"emptyLinePlaceholder":5490},[5319,8412,8413],{"class":5321,"line":5985},[5319,8414,8415],{"class":5484},"    \u002F\u002F Скасувати поточний запит, якщо він виконується\n",[5319,8417,8418,8420,8422,8424,8426,8429],{"class":5321,"line":6000},[5319,8419,5949],{"class":5948},[5319,8421,5952],{"class":5504},[5319,8423,5800],{"class":5496},[5319,8425,5210],{"class":5504},[5319,8427,8428],{"class":5510},"abortController",[5319,8430,5966],{"class":5504},[5319,8432,8433,8435,8437,8439,8441,8444],{"class":5321,"line":6017},[5319,8434,5883],{"class":5496},[5319,8436,5210],{"class":5504},[5319,8438,8428],{"class":5510},[5319,8440,5210],{"class":5504},[5319,8442,8443],{"class":5714},"abort",[5319,8445,5840],{"class":5504},[5319,8447,8448,8450,8452,8454,8456,8458],{"class":5321,"line":6023},[5319,8449,5883],{"class":5496},[5319,8451,5210],{"class":5504},[5319,8453,8428],{"class":5510},[5319,8455,5629],{"class":5504},[5319,8457,5674],{"class":5496},[5319,8459,5520],{"class":5504},[5319,8461,8462],{"class":5321,"line":6028},[5319,8463,6020],{"class":5504},[5319,8465,8466],{"class":5321,"line":6033},[5319,8467,5491],{"emptyLinePlaceholder":5490},[5319,8469,8470,8472,8474,8476,8478,8481],{"class":5321,"line":6038},[5319,8471,5782],{"class":5510},[5319,8473,5210],{"class":5504},[5319,8475,5787],{"class":5714},[5319,8477,5790],{"class":5504},[5319,8479,8480],{"class":5793},"'[Long-Polling] Зупинено'",[5319,8482,5815],{"class":5504},[5319,8484,8485],{"class":5321,"line":6044},[5319,8486,5909],{"class":5504},[5319,8488,8489],{"class":5321,"line":6049},[5319,8490,5491],{"emptyLinePlaceholder":5490},[5319,8492,8493],{"class":5321,"line":6073},[5319,8494,5750],{"class":5484},[5319,8496,8497],{"class":5321,"line":6081},[5319,8498,8499],{"class":5484},"   * Рекурсивна функція для виконання long-polling запиту\n",[5319,8501,8502],{"class":5321,"line":6101},[5319,8503,5762],{"class":5484},[5319,8505,8506,8508,8510,8513,8515,8517,8519,8521],{"class":5321,"line":6137},[5319,8507,5619],{"class":5496},[5319,8509,6054],{"class":5496},[5319,8511,8512],{"class":5714}," poll",[5319,8514,5771],{"class":5504},[5319,8516,6062],{"class":5500},[5319,8518,6065],{"class":5504},[5319,8520,5774],{"class":5500},[5319,8522,6070],{"class":5504},[5319,8524,8525,8527,8529,8531,8533,8535],{"class":5321,"line":6143},[5319,8526,5949],{"class":5948},[5319,8528,6234],{"class":5504},[5319,8530,5800],{"class":5496},[5319,8532,5210],{"class":5504},[5319,8534,8287],{"class":5510},[5319,8536,5966],{"class":5504},[5319,8538,8539,8541,8543],{"class":5321,"line":6154},[5319,8540,8310],{"class":5948},[5319,8542,5654],{"class":5504},[5319,8544,8545],{"class":5484},"\u002F\u002F Вихід з рекурсії при зупинці\n",[5319,8547,8548],{"class":5321,"line":6162},[5319,8549,6020],{"class":5504},[5319,8551,8552],{"class":5321,"line":6192},[5319,8553,5491],{"emptyLinePlaceholder":5490},[5319,8555,8556,8558,8560,8562,8564,8566,8569],{"class":5321,"line":6205},[5319,8557,5832],{"class":5496},[5319,8559,5210],{"class":5504},[5319,8561,8428],{"class":5510},[5319,8563,5629],{"class":5504},[5319,8565,6611],{"class":5496},[5319,8567,8568],{"class":5714}," AbortController",[5319,8570,5840],{"class":5504},[5319,8572,8573],{"class":5321,"line":6211},[5319,8574,5491],{"emptyLinePlaceholder":5490},[5319,8576,8577,8579],{"class":5321,"line":6217},[5319,8578,6076],{"class":5948},[5319,8580,5505],{"class":5504},[5319,8582,8583,8585,8587,8589,8591,8593],{"class":5321,"line":6223},[5319,8584,6084],{"class":5496},[5319,8586,6088],{"class":6087},[5319,8588,5629],{"class":5504},[5319,8590,6093],{"class":5948},[5319,8592,6096],{"class":5714},[5319,8594,5692],{"class":5504},[5319,8596,8597,8599,8601,8603,8605,8607,8609,8612,8614,8616,8618,8620,8622,8624],{"class":5321,"line":6228},[5319,8598,6104],{"class":5793},[5319,8600,5797],{"class":5496},[5319,8602,5800],{"class":5496},[5319,8604,5210],{"class":5803},[5319,8606,6113],{"class":5510},[5319,8608,5809],{"class":5496},[5319,8610,8611],{"class":5793},"\u002Fmessages\u002Fpoll?since=",[5319,8613,5797],{"class":5496},[5319,8615,5800],{"class":5496},[5319,8617,5210],{"class":5803},[5319,8619,6127],{"class":5510},[5319,8621,5809],{"class":5496},[5319,8623,6132],{"class":5793},[5319,8625,5707],{"class":5504},[5319,8627,8628],{"class":5321,"line":6246},[5319,8629,6140],{"class":5504},[5319,8631,8632,8634,8636],{"class":5321,"line":6290},[5319,8633,6146],{"class":5510},[5319,8635,6149],{"class":5793},[5319,8637,5707],{"class":5504},[5319,8639,8640,8642],{"class":5321,"line":6298},[5319,8641,6157],{"class":5510},[5319,8643,5505],{"class":5504},[5319,8645,8646,8648,8650,8652,8654,8656,8658,8660,8662,8664,8666],{"class":5321,"line":6304},[5319,8647,6165],{"class":5793},[5319,8649,6168],{"class":5510},[5319,8651,6171],{"class":5793},[5319,8653,5797],{"class":5496},[5319,8655,5800],{"class":5496},[5319,8657,5210],{"class":5803},[5319,8659,6180],{"class":5714},[5319,8661,6183],{"class":5803},[5319,8663,5809],{"class":5496},[5319,8665,6132],{"class":5793},[5319,8667,5707],{"class":5504},[5319,8669,8670,8672,8674,8676],{"class":5321,"line":6309},[5319,8671,6195],{"class":5793},[5319,8673,6168],{"class":5510},[5319,8675,6200],{"class":5793},[5319,8677,5707],{"class":5504},[5319,8679,8680],{"class":5321,"line":6335},[5319,8681,6208],{"class":5504},[5319,8683,8684,8687,8689,8691,8693,8695,8698],{"class":5321,"line":6340},[5319,8685,8686],{"class":5510},"          signal:",[5319,8688,7207],{"class":5496},[5319,8690,5210],{"class":5504},[5319,8692,8428],{"class":5510},[5319,8694,5210],{"class":5504},[5319,8696,8697],{"class":5510},"signal",[5319,8699,5707],{"class":5504},[5319,8701,8702],{"class":5321,"line":6366},[5319,8703,6214],{"class":5504},[5319,8705,8706],{"class":5321,"line":6399},[5319,8707,6220],{"class":5504},[5319,8709,8710],{"class":5321,"line":6419},[5319,8711,5491],{"emptyLinePlaceholder":5490},[5319,8713,8714,8716,8718,8720,8722,8724],{"class":5321,"line":6439},[5319,8715,6231],{"class":5948},[5319,8717,6234],{"class":5504},[5319,8719,5205],{"class":5510},[5319,8721,5210],{"class":5504},[5319,8723,6241],{"class":5510},[5319,8725,5966],{"class":5504},[5319,8727,8728,8731,8733,8736,8738,8741,8743,8745,8747,8749,8751,8753,8755,8757,8759,8761,8763,8765],{"class":5321,"line":6450},[5319,8729,8730],{"class":5948},"        throw",[5319,8732,7329],{"class":5496},[5319,8734,8735],{"class":5714}," Error",[5319,8737,5790],{"class":5504},[5319,8739,8740],{"class":5793},"`HTTP ",[5319,8742,5797],{"class":5496},[5319,8744,5205],{"class":5510},[5319,8746,5210],{"class":5803},[5319,8748,6268],{"class":5510},[5319,8750,5809],{"class":5496},[5319,8752,5514],{"class":5793},[5319,8754,5797],{"class":5496},[5319,8756,5205],{"class":5510},[5319,8758,5210],{"class":5803},[5319,8760,6281],{"class":5510},[5319,8762,5809],{"class":5496},[5319,8764,6132],{"class":5793},[5319,8766,5815],{"class":5504},[5319,8768,8769],{"class":5321,"line":6466},[5319,8770,6301],{"class":5504},[5319,8772,8773],{"class":5321,"line":6471},[5319,8774,5491],{"emptyLinePlaceholder":5490},[5319,8776,8777,8779,8781,8783,8786,8788,8790,8792,8794,8796],{"class":5321,"line":6486},[5319,8778,6084],{"class":5496},[5319,8780,6314],{"class":6087},[5319,8782,5514],{"class":5504},[5319,8784,8785],{"class":5500},"PollResponse",[5319,8787,5629],{"class":5504},[5319,8789,6093],{"class":5948},[5319,8791,6088],{"class":5510},[5319,8793,5210],{"class":5504},[5319,8795,6330],{"class":5714},[5319,8797,5840],{"class":5504},[5319,8799,8800],{"class":5321,"line":6507},[5319,8801,5491],{"emptyLinePlaceholder":5490},[5319,8803,8804,8806,8808,8810,8812,8814,8816,8818,8820,8822],{"class":5321,"line":6512},[5319,8805,6231],{"class":5948},[5319,8807,5952],{"class":5504},[5319,8809,6347],{"class":5510},[5319,8811,5210],{"class":5504},[5319,8813,5721],{"class":5510},[5319,8815,5210],{"class":5504},[5319,8817,6356],{"class":5510},[5319,8819,6359],{"class":5504},[5319,8821,5633],{"class":5632},[5319,8823,5966],{"class":5504},[5319,8825,8826,8828,8830,8832,8834,8837,8839,8841,8843,8845,8847,8849,8851,8854],{"class":5321,"line":6517},[5319,8827,6249],{"class":5510},[5319,8829,5210],{"class":5504},[5319,8831,5787],{"class":5714},[5319,8833,5790],{"class":5504},[5319,8835,8836],{"class":5793},"`[Long-Polling] Отримано ",[5319,8838,5797],{"class":5496},[5319,8840,6347],{"class":5510},[5319,8842,5210],{"class":5803},[5319,8844,5721],{"class":5510},[5319,8846,5210],{"class":5803},[5319,8848,6356],{"class":5510},[5319,8850,5809],{"class":5496},[5319,8852,8853],{"class":5793}," повідомлень`",[5319,8855,5815],{"class":5504},[5319,8857,8858,8860,8862,8864,8866,8868,8870,8872],{"class":5321,"line":6522},[5319,8859,6402],{"class":5496},[5319,8861,5210],{"class":5504},[5319,8863,6127],{"class":5510},[5319,8865,5629],{"class":5504},[5319,8867,6347],{"class":5510},[5319,8869,5210],{"class":5504},[5319,8871,6127],{"class":5510},[5319,8873,5520],{"class":5504},[5319,8875,8876,8878,8880,8882,8884,8886,8888,8890],{"class":5321,"line":6527},[5319,8877,6402],{"class":5496},[5319,8879,5210],{"class":5504},[5319,8881,6426],{"class":5714},[5319,8883,5790],{"class":5504},[5319,8885,6347],{"class":5510},[5319,8887,5210],{"class":5504},[5319,8889,5721],{"class":5510},[5319,8891,5815],{"class":5504},[5319,8893,8894,8896,8898],{"class":5321,"line":6533},[5319,8895,6442],{"class":5504},[5319,8897,6445],{"class":5948},[5319,8899,5505],{"class":5504},[5319,8901,8902,8904,8906,8908,8910,8913],{"class":5321,"line":6538},[5319,8903,6249],{"class":5510},[5319,8905,5210],{"class":5504},[5319,8907,5787],{"class":5714},[5319,8909,5790],{"class":5504},[5319,8911,8912],{"class":5793},"'[Long-Polling] Таймаут, нових даних немає'",[5319,8914,5815],{"class":5504},[5319,8916,8917],{"class":5321,"line":6552},[5319,8918,6301],{"class":5504},[5319,8920,8921],{"class":5321,"line":6579},[5319,8922,5491],{"emptyLinePlaceholder":5490},[5319,8924,8925],{"class":5321,"line":6584},[5319,8926,8927],{"class":5484},"      \u002F\u002F Негайно запустити наступний long-poll\n",[5319,8929,8930,8932,8934,8936],{"class":5321,"line":6589},[5319,8931,5883],{"class":5496},[5319,8933,5210],{"class":5504},[5319,8935,8359],{"class":5714},[5319,8937,5840],{"class":5504},[5319,8939,8940,8942,8944,8946,8948],{"class":5321,"line":6594},[5319,8941,6474],{"class":5504},[5319,8943,6477],{"class":5948},[5319,8945,5952],{"class":5504},[5319,8947,6254],{"class":5510},[5319,8949,5966],{"class":5504},[5319,8951,8952,8954,8956,8958,8961,8963,8966,8968,8970,8973,8976,8979],{"class":5321,"line":6600},[5319,8953,6231],{"class":5948},[5319,8955,5952],{"class":5504},[5319,8957,6254],{"class":5510},[5319,8959,8960],{"class":5496}," instanceof",[5319,8962,8735],{"class":5500},[5319,8964,8965],{"class":5504}," && ",[5319,8967,6254],{"class":5510},[5319,8969,5210],{"class":5504},[5319,8971,8972],{"class":5510},"name",[5319,8974,8975],{"class":5504}," === ",[5319,8977,8978],{"class":5793},"'AbortError'",[5319,8980,5966],{"class":5504},[5319,8982,8983,8985,8987,8989,8991,8994],{"class":5321,"line":6618},[5319,8984,6249],{"class":5510},[5319,8986,5210],{"class":5504},[5319,8988,5787],{"class":5714},[5319,8990,5790],{"class":5504},[5319,8992,8993],{"class":5793},"'[Long-Polling] Запит скасовано'",[5319,8995,5815],{"class":5504},[5319,8997,8998,9000],{"class":5321,"line":6626},[5319,8999,6293],{"class":5948},[5319,9001,5520],{"class":5504},[5319,9003,9004],{"class":5321,"line":6641},[5319,9005,6301],{"class":5504},[5319,9007,9008],{"class":5321,"line":6662},[5319,9009,5491],{"emptyLinePlaceholder":5490},[5319,9011,9012,9014,9016,9018,9020,9023,9025,9027],{"class":5321,"line":6704},[5319,9013,6003],{"class":5510},[5319,9015,5210],{"class":5504},[5319,9017,6254],{"class":5714},[5319,9019,5790],{"class":5504},[5319,9021,9022],{"class":5793},"'[Long-Polling] Помилка:'",[5319,9024,6500],{"class":5504},[5319,9026,6254],{"class":5510},[5319,9028,5815],{"class":5504},[5319,9030,9031,9033,9035,9038,9040,9042,9045,9047],{"class":5321,"line":6710},[5319,9032,5883],{"class":5496},[5319,9034,5210],{"class":5504},[5319,9036,9037],{"class":5714},"onError",[5319,9039,5790],{"class":5504},[5319,9041,6254],{"class":5510},[5319,9043,9044],{"class":5948}," as",[5319,9046,8735],{"class":5500},[5319,9048,5815],{"class":5504},[5319,9050,9051],{"class":5321,"line":6716},[5319,9052,5491],{"emptyLinePlaceholder":5490},[5319,9054,9055],{"class":5321,"line":6721},[5319,9056,9057],{"class":5484},"      \u002F\u002F При помилці чекаємо 5 секунд перед повторною спробою\n",[5319,9059,9060,9062,9064,9066,9068,9070],{"class":5321,"line":6726},[5319,9061,6231],{"class":5948},[5319,9063,5952],{"class":5504},[5319,9065,5800],{"class":5496},[5319,9067,5210],{"class":5504},[5319,9069,8287],{"class":5510},[5319,9071,5966],{"class":5504},[5319,9073,9074,9077,9079,9081,9083,9085,9087,9090,9092],{"class":5321,"line":6731},[5319,9075,9076],{"class":5714},"        setTimeout",[5319,9078,5873],{"class":5504},[5319,9080,5731],{"class":5496},[5319,9082,7207],{"class":5496},[5319,9084,5210],{"class":5504},[5319,9086,8359],{"class":5714},[5319,9088,9089],{"class":5504},"(), ",[5319,9091,5651],{"class":5632},[5319,9093,5815],{"class":5504},[5319,9095,9096],{"class":5321,"line":6744},[5319,9097,6301],{"class":5504},[5319,9099,9100],{"class":5321,"line":6749},[5319,9101,6020],{"class":5504},[5319,9103,9104],{"class":5321,"line":6755},[5319,9105,5909],{"class":5504},[5319,9107,9108],{"class":5321,"line":6777},[5319,9109,5491],{"emptyLinePlaceholder":5490},[5319,9111,9112,9114,9116,9118,9120],{"class":5321,"line":6790},[5319,9113,5619],{"class":5496},[5319,9115,6543],{"class":5714},[5319,9117,5771],{"class":5504},[5319,9119,5541],{"class":5500},[5319,9121,5505],{"class":5504},[5319,9123,9125,9127,9129,9131,9133,9135,9137,9139,9141],{"class":5321,"line":9124},111,[5319,9126,6555],{"class":5948},[5319,9128,6558],{"class":5510},[5319,9130,5210],{"class":5504},[5319,9132,6563],{"class":5714},[5319,9134,5790],{"class":5504},[5319,9136,6568],{"class":5793},[5319,9138,6571],{"class":5504},[5319,9140,6574],{"class":5793},[5319,9142,5520],{"class":5504},[5319,9144,9146],{"class":5321,"line":9145},112,[5319,9147,5909],{"class":5504},[5319,9149,9151],{"class":5321,"line":9150},113,[5319,9152,5559],{"class":5504},[5319,9154,9156],{"class":5321,"line":9155},114,[5319,9157,5491],{"emptyLinePlaceholder":5490},[5319,9159,9161],{"class":5321,"line":9160},115,[5319,9162,6597],{"class":5484},[5319,9164,9166,9168,9170,9172,9174,9176],{"class":5321,"line":9165},116,[5319,9167,6603],{"class":5496},[5319,9169,6606],{"class":6087},[5319,9171,5629],{"class":5504},[5319,9173,6611],{"class":5496},[5319,9175,8117],{"class":5714},[5319,9177,5692],{"class":5504},[5319,9179,9181,9183],{"class":5321,"line":9180},117,[5319,9182,6621],{"class":5793},[5319,9184,5707],{"class":5504},[5319,9186,9188,9190,9192,9194,9196],{"class":5321,"line":9187},118,[5319,9189,6629],{"class":5504},[5319,9191,5721],{"class":5510},[5319,9193,6634],{"class":5504},[5319,9195,5731],{"class":5496},[5319,9197,5505],{"class":5504},[5319,9199,9201,9203,9205,9207,9209,9211,9213],{"class":5321,"line":9200},119,[5319,9202,6644],{"class":5510},[5319,9204,5210],{"class":5504},[5319,9206,6649],{"class":5714},[5319,9208,5790],{"class":5504},[5319,9210,6654],{"class":5510},[5319,9212,6657],{"class":5496},[5319,9214,5505],{"class":5504},[5319,9216,9218,9220,9222,9224,9226,9229,9231,9233,9235,9237,9239,9241],{"class":5321,"line":9217},120,[5319,9219,6003],{"class":5510},[5319,9221,5210],{"class":5504},[5319,9223,5787],{"class":5714},[5319,9225,5790],{"class":5504},[5319,9227,9228],{"class":5793},"`Нове повідомлення: ",[5319,9230,5797],{"class":5496},[5319,9232,6654],{"class":5510},[5319,9234,5210],{"class":5803},[5319,9236,6695],{"class":5510},[5319,9238,5809],{"class":5496},[5319,9240,6132],{"class":5793},[5319,9242,5815],{"class":5504},[5319,9244,9246],{"class":5321,"line":9245},121,[5319,9247,6713],{"class":5504},[5319,9249,9251],{"class":5321,"line":9250},122,[5319,9252,9253],{"class":5504},"  },\n",[5319,9255,9257,9259,9261,9263,9265],{"class":5321,"line":9256},123,[5319,9258,6629],{"class":5504},[5319,9260,6254],{"class":5510},[5319,9262,6634],{"class":5504},[5319,9264,5731],{"class":5496},[5319,9266,5505],{"class":5504},[5319,9268,9270,9272,9274,9276,9278,9281,9283,9285],{"class":5321,"line":9269},124,[5319,9271,5782],{"class":5510},[5319,9273,5210],{"class":5504},[5319,9275,6254],{"class":5714},[5319,9277,5790],{"class":5504},[5319,9279,9280],{"class":5793},"'Критична помилка:'",[5319,9282,6500],{"class":5504},[5319,9284,6254],{"class":5510},[5319,9286,5815],{"class":5504},[5319,9288,9290],{"class":5321,"line":9289},125,[5319,9291,5909],{"class":5504},[5319,9293,9295],{"class":5321,"line":9294},126,[5319,9296,5815],{"class":5504},[5319,9298,9300],{"class":5321,"line":9299},127,[5319,9301,5491],{"emptyLinePlaceholder":5490},[5319,9303,9305,9307,9309,9311],{"class":5321,"line":9304},128,[5319,9306,6734],{"class":5510},[5319,9308,5210],{"class":5504},[5319,9310,6739],{"class":5714},[5319,9312,5840],{"class":5504},[5089,9314,9315],{},[5099,9316,9317],{},"Важливі відмінності від звичайного polling:",[5245,9319,9320,9332,9341],{},[5096,9321,9322,9325,9326,9329,9330,5210],{},[5099,9323,9324],{},"Рекурсивні виклики:"," метод ",[5289,9327,9328],{},"poll()"," викликає сам себе після отримання відповіді, створюючи нескінченний цикл без ",[5289,9331,5301],{},[5096,9333,9334,9337,9338,9340],{},[5099,9335,9336],{},"AbortController:"," дозволяє коректно скасувати поточний запит при виклику ",[5289,9339,6845],{},", запобігаючи витоку ресурсів.",[5096,9342,9343,9346],{},[5099,9344,9345],{},"Експоненційний backoff при помилках:"," якщо сервер недоступний, клієнт чекає 5 секунд перед повторною спробою (можна реалізувати прогресивне збільшення затримки: 5s → 10s → 20s).",[5237,9348,9350],{"id":9349},"реалізація-серверна-частина-з-асинхронним-очікуванням","Реалізація: Серверна частина з асинхронним очікуванням",[5089,9352,9353,9354,9357,9358,9361],{},"Серверна реалізація long-polling є ",[5099,9355,9356],{},"значно складнішою"," за класичний polling, оскільки потребує механізму очікування нових подій без блокування потоків. У Node.js це досягається через event-driven архітектуру з використанням ",[5289,9359,9360],{},"EventEmitter"," або інших pub\u002Fsub механізмів.",[5311,9363,9365],{"className":5475,"code":9364,"language":5477,"meta":5315,"style":5315},"\u002F\u002F server\u002Fmessages-polling.controller.ts\nimport { Controller, Get, Query, UseGuards, Req, Res } from '@nestjs\u002Fcommon';\nimport { Response } from 'express';\nimport { JwtAuthGuard } from '..\u002Fauth\u002Fjwt-auth.guard';\nimport { MessagesPollingService } from '.\u002Fmessages-polling.service';\n\ninterface RequestWithUser extends Request {\n  user: { userId: number };\n}\n\n@Controller('messages')\n@UseGuards(JwtAuthGuard)\nexport class MessagesPollingController {\n  constructor(\n    private readonly pollingService: MessagesPollingService,\n  ) {}\n\n  \u002F**\n   * Long-polling ендпоінт: утримує з'єднання до появи нових даних або таймауту\n   *\u002F\n  @Get('poll')\n  async longPoll(\n    @Query('since') since: string,\n    @Req() req: RequestWithUser,\n    @Res() res: Response,\n  ) {\n    const sinceId = parseInt(since, 10) || 0;\n    const userId = req.user.userId;\n    const timeout = 30000; \u002F\u002F 30 секунд\n\n    try {\n      \u002F\u002F Очікувати нові повідомлення або таймаут\n      const result = await this.pollingService.waitForNewMessages(\n        userId,\n        sinceId,\n        timeout,\n      );\n\n      res.json(result);\n    } catch (error) {\n      console.error('[Long-Polling] Помилка:', error);\n      res.status(500).json({ error: 'Internal server error' });\n    }\n  }\n}\n",[5289,9366,9367,9372,9409,9427,9443,9461,9465,9477,9491,9495,9499,9511,9523,9534,9540,9555,9559,9563,9567,9572,9576,9589,9598,9618,9634,9651,9655,9679,9699,9716,9720,9726,9731,9756,9763,9770,9777,9781,9785,9801,9813,9831,9861,9865,9869],{"__ignoreMap":5315},[5319,9368,9369],{"class":5321,"line":5322},[5319,9370,9371],{"class":5484},"\u002F\u002F server\u002Fmessages-polling.controller.ts\n",[5319,9373,9374,9376,9378,9380,9382,9384,9386,9388,9390,9392,9394,9396,9398,9401,9403,9405,9407],{"class":5321,"line":5328},[5319,9375,6868],{"class":5948},[5319,9377,6871],{"class":5504},[5319,9379,6874],{"class":5510},[5319,9381,6500],{"class":5504},[5319,9383,6879],{"class":5510},[5319,9385,6500],{"class":5504},[5319,9387,6884],{"class":5510},[5319,9389,6500],{"class":5504},[5319,9391,6889],{"class":5510},[5319,9393,6500],{"class":5504},[5319,9395,6894],{"class":5510},[5319,9397,6500],{"class":5504},[5319,9399,9400],{"class":5510},"Res",[5319,9402,6897],{"class":5504},[5319,9404,6900],{"class":5948},[5319,9406,6903],{"class":5793},[5319,9408,5520],{"class":5504},[5319,9410,9411,9413,9415,9418,9420,9422,9425],{"class":5321,"line":5334},[5319,9412,6868],{"class":5948},[5319,9414,6871],{"class":5504},[5319,9416,9417],{"class":5510},"Response",[5319,9419,6897],{"class":5504},[5319,9421,6900],{"class":5948},[5319,9423,9424],{"class":5793}," 'express'",[5319,9426,5520],{"class":5504},[5319,9428,9429,9431,9433,9435,9437,9439,9441],{"class":5321,"line":5340},[5319,9430,6868],{"class":5948},[5319,9432,6871],{"class":5504},[5319,9434,6914],{"class":5510},[5319,9436,6897],{"class":5504},[5319,9438,6900],{"class":5948},[5319,9440,6921],{"class":5793},[5319,9442,5520],{"class":5504},[5319,9444,9445,9447,9449,9452,9454,9456,9459],{"class":5321,"line":5346},[5319,9446,6868],{"class":5948},[5319,9448,6871],{"class":5504},[5319,9450,9451],{"class":5510},"MessagesPollingService",[5319,9453,6897],{"class":5504},[5319,9455,6900],{"class":5948},[5319,9457,9458],{"class":5793}," '.\u002Fmessages-polling.service'",[5319,9460,5520],{"class":5504},[5319,9462,9463],{"class":5321,"line":5352},[5319,9464,5491],{"emptyLinePlaceholder":5490},[5319,9466,9467,9469,9471,9473,9475],{"class":5321,"line":5358},[5319,9468,5497],{"class":5496},[5319,9470,6952],{"class":5500},[5319,9472,6955],{"class":5496},[5319,9474,6958],{"class":5500},[5319,9476,5505],{"class":5504},[5319,9478,9479,9481,9483,9485,9487,9489],{"class":5321,"line":5363},[5319,9480,6965],{"class":5510},[5319,9482,6968],{"class":5504},[5319,9484,6682],{"class":5510},[5319,9486,5514],{"class":5504},[5319,9488,5517],{"class":5500},[5319,9490,6977],{"class":5504},[5319,9492,9493],{"class":5321,"line":5369},[5319,9494,5559],{"class":5504},[5319,9496,9497],{"class":5321,"line":5374},[5319,9498,5491],{"emptyLinePlaceholder":5490},[5319,9500,9501,9503,9505,9507,9509],{"class":5321,"line":5380},[5319,9502,6990],{"class":5504},[5319,9504,6874],{"class":5714},[5319,9506,5790],{"class":5504},[5319,9508,6997],{"class":5793},[5319,9510,7000],{"class":5504},[5319,9512,9513,9515,9517,9519,9521],{"class":5321,"line":5385},[5319,9514,6990],{"class":5504},[5319,9516,6889],{"class":5714},[5319,9518,5790],{"class":5504},[5319,9520,6914],{"class":5510},[5319,9522,7000],{"class":5504},[5319,9524,9525,9527,9529,9532],{"class":5321,"line":5390},[5319,9526,7017],{"class":5948},[5319,9528,7020],{"class":5496},[5319,9530,9531],{"class":5500}," MessagesPollingController",[5319,9533,5505],{"class":5504},[5319,9535,9536,9538],{"class":5321,"line":5395},[5319,9537,5689],{"class":5496},[5319,9539,5692],{"class":5504},[5319,9541,9542,9544,9546,9549,9551,9553],{"class":5321,"line":5400},[5319,9543,5697],{"class":5496},[5319,9545,7037],{"class":5496},[5319,9547,9548],{"class":5510}," pollingService",[5319,9550,5514],{"class":5504},[5319,9552,9451],{"class":5500},[5319,9554,5707],{"class":5504},[5319,9556,9557],{"class":5321,"line":5406},[5319,9558,5739],{"class":5504},[5319,9560,9561],{"class":5321,"line":5411},[5319,9562,5491],{"emptyLinePlaceholder":5490},[5319,9564,9565],{"class":5321,"line":5417},[5319,9566,5750],{"class":5484},[5319,9568,9569],{"class":5321,"line":5423},[5319,9570,9571],{"class":5484},"   * Long-polling ендпоінт: утримує з'єднання до появи нових даних або таймауту\n",[5319,9573,9574],{"class":5321,"line":5428},[5319,9575,5762],{"class":5484},[5319,9577,9578,9580,9582,9584,9587],{"class":5321,"line":5434},[5319,9579,7069],{"class":5504},[5319,9581,6879],{"class":5714},[5319,9583,5790],{"class":5504},[5319,9585,9586],{"class":5793},"'poll'",[5319,9588,7000],{"class":5504},[5319,9590,9591,9593,9596],{"class":5321,"line":5439},[5319,9592,7083],{"class":5496},[5319,9594,9595],{"class":5714}," longPoll",[5319,9597,5692],{"class":5504},[5319,9599,9600,9602,9604,9606,9608,9610,9612,9614,9616],{"class":5321,"line":5445},[5319,9601,7093],{"class":5504},[5319,9603,6884],{"class":5714},[5319,9605,5790],{"class":5504},[5319,9607,7100],{"class":5793},[5319,9609,6634],{"class":5504},[5319,9611,6808],{"class":5510},[5319,9613,5514],{"class":5504},[5319,9615,5541],{"class":5500},[5319,9617,5707],{"class":5504},[5319,9619,9620,9622,9624,9626,9628,9630,9632],{"class":5321,"line":5742},[5319,9621,7093],{"class":5504},[5319,9623,6894],{"class":5714},[5319,9625,7119],{"class":5504},[5319,9627,7122],{"class":5510},[5319,9629,5514],{"class":5504},[5319,9631,7127],{"class":5500},[5319,9633,5707],{"class":5504},[5319,9635,9636,9638,9640,9642,9645,9647,9649],{"class":5321,"line":5747},[5319,9637,7093],{"class":5504},[5319,9639,9400],{"class":5714},[5319,9641,7119],{"class":5504},[5319,9643,9644],{"class":5510},"res",[5319,9646,5514],{"class":5504},[5319,9648,9417],{"class":5500},[5319,9650,5707],{"class":5504},[5319,9652,9653],{"class":5321,"line":5753},[5319,9654,7134],{"class":5504},[5319,9656,9657,9659,9661,9663,9665,9667,9669,9671,9673,9675,9677],{"class":5321,"line":5759},[5319,9658,7139],{"class":5496},[5319,9660,7142],{"class":6087},[5319,9662,5629],{"class":5504},[5319,9664,7147],{"class":5714},[5319,9666,5790],{"class":5504},[5319,9668,6808],{"class":5510},[5319,9670,6500],{"class":5504},[5319,9672,7156],{"class":5632},[5319,9674,6571],{"class":5504},[5319,9676,5633],{"class":5632},[5319,9678,5520],{"class":5504},[5319,9680,9681,9683,9685,9687,9689,9691,9693,9695,9697],{"class":5321,"line":5765},[5319,9682,7139],{"class":5496},[5319,9684,7169],{"class":6087},[5319,9686,5629],{"class":5504},[5319,9688,7122],{"class":5510},[5319,9690,5210],{"class":5504},[5319,9692,7178],{"class":5510},[5319,9694,5210],{"class":5504},[5319,9696,6682],{"class":5510},[5319,9698,5520],{"class":5504},[5319,9700,9701,9703,9706,9708,9711,9713],{"class":5321,"line":5779},[5319,9702,7139],{"class":5496},[5319,9704,9705],{"class":6087}," timeout",[5319,9707,5629],{"class":5504},[5319,9709,9710],{"class":5632},"30000",[5319,9712,5654],{"class":5504},[5319,9714,9715],{"class":5484},"\u002F\u002F 30 секунд\n",[5319,9717,9718],{"class":5321,"line":5818},[5319,9719,5491],{"emptyLinePlaceholder":5490},[5319,9721,9722,9724],{"class":5321,"line":5823},[5319,9723,6076],{"class":5948},[5319,9725,5505],{"class":5504},[5319,9727,9728],{"class":5321,"line":5829},[5319,9729,9730],{"class":5484},"      \u002F\u002F Очікувати нові повідомлення або таймаут\n",[5319,9732,9733,9735,9738,9740,9742,9744,9746,9749,9751,9754],{"class":5321,"line":5843},[5319,9734,6084],{"class":5496},[5319,9736,9737],{"class":6087}," result",[5319,9739,5629],{"class":5504},[5319,9741,6093],{"class":5948},[5319,9743,7207],{"class":5496},[5319,9745,5210],{"class":5504},[5319,9747,9748],{"class":5510},"pollingService",[5319,9750,5210],{"class":5504},[5319,9752,9753],{"class":5714},"waitForNewMessages",[5319,9755,5692],{"class":5504},[5319,9757,9758,9761],{"class":5321,"line":5848},[5319,9759,9760],{"class":5510},"        userId",[5319,9762,5707],{"class":5504},[5319,9764,9765,9768],{"class":5321,"line":5854},[5319,9766,9767],{"class":5510},"        sinceId",[5319,9769,5707],{"class":5504},[5319,9771,9772,9775],{"class":5321,"line":5880},[5319,9773,9774],{"class":5510},"        timeout",[5319,9776,5707],{"class":5504},[5319,9778,9779],{"class":5321,"line":5892},[5319,9780,6220],{"class":5504},[5319,9782,9783],{"class":5321,"line":5906},[5319,9784,5491],{"emptyLinePlaceholder":5490},[5319,9786,9787,9790,9792,9794,9796,9799],{"class":5321,"line":5912},[5319,9788,9789],{"class":5510},"      res",[5319,9791,5210],{"class":5504},[5319,9793,6330],{"class":5714},[5319,9795,5790],{"class":5504},[5319,9797,9798],{"class":5510},"result",[5319,9800,5815],{"class":5504},[5319,9802,9803,9805,9807,9809,9811],{"class":5321,"line":5917},[5319,9804,6474],{"class":5504},[5319,9806,6477],{"class":5948},[5319,9808,5952],{"class":5504},[5319,9810,6254],{"class":5510},[5319,9812,5966],{"class":5504},[5319,9814,9815,9817,9819,9821,9823,9825,9827,9829],{"class":5321,"line":5922},[5319,9816,6003],{"class":5510},[5319,9818,5210],{"class":5504},[5319,9820,6254],{"class":5714},[5319,9822,5790],{"class":5504},[5319,9824,9022],{"class":5793},[5319,9826,6500],{"class":5504},[5319,9828,6254],{"class":5510},[5319,9830,5815],{"class":5504},[5319,9832,9833,9835,9837,9839,9841,9844,9847,9849,9852,9855,9858],{"class":5321,"line":5928},[5319,9834,9789],{"class":5510},[5319,9836,5210],{"class":5504},[5319,9838,6268],{"class":5714},[5319,9840,5790],{"class":5504},[5319,9842,9843],{"class":5632},"500",[5319,9845,9846],{"class":5504},").",[5319,9848,6330],{"class":5714},[5319,9850,9851],{"class":5504},"({ ",[5319,9853,9854],{"class":5510},"error:",[5319,9856,9857],{"class":5793}," 'Internal server error'",[5319,9859,9860],{"class":5504}," });\n",[5319,9862,9863],{"class":5321,"line":5933},[5319,9864,6020],{"class":5504},[5319,9866,9867],{"class":5321,"line":5945},[5319,9868,5909],{"class":5504},[5319,9870,9871],{"class":5321,"line":5969},[5319,9872,5559],{"class":5504},[5311,9874,9876],{"className":5475,"code":9875,"language":5477,"meta":5315,"style":5315},"\u002F\u002F server\u002Fmessages-polling.service.ts\nimport { Injectable } from '@nestjs\u002Fcommon';\nimport { InjectRepository } from '@nestjs\u002Ftypeorm';\nimport { Repository, MoreThan } from 'typeorm';\nimport { EventEmitter2, OnEvent } from '@nestjs\u002Fevent-emitter';\nimport { Message } from '.\u002Fmessage.entity';\n\ninterface WaitingClient {\n  userId: number;\n  sinceId: number;\n  resolve: (value: any) => void;\n  timeoutId: NodeJS.Timeout;\n}\n\n@Injectable()\nexport class MessagesPollingService {\n  private waitingClients: WaitingClient[] = [];\n\n  constructor(\n    @InjectRepository(Message)\n    private messagesRepository: Repository\u003CMessage>,\n    private eventEmitter: EventEmitter2,\n  ) {}\n\n  \u002F**\n   * Асинхронно очікує нові повідомлення або таймаут\n   *\u002F\n  async waitForNewMessages(\n    userId: number,\n    sinceId: number,\n    timeout: number,\n  ): Promise\u003C{ messages: Message[]; lastMessageId: number }> {\n    \u002F\u002F Спочатку перевіряємо, чи є вже нові дані\n    const existingMessages = await this.getMessagesSince(userId, sinceId);\n\n    if (existingMessages.length > 0) {\n      \u002F\u002F Дані вже є — повертаємо одразу\n      return {\n        messages: existingMessages,\n        lastMessageId: existingMessages[existingMessages.length - 1].id,\n      };\n    }\n\n    \u002F\u002F Даних немає — очікуємо нової події або таймауту\n    return new Promise((resolve) => {\n      const timeoutId = setTimeout(() => {\n        \u002F\u002F Таймаут спрацював — видаляємо клієнта зі списку очікування\n        this.removeWaitingClient(resolve);\n        resolve({ messages: [], lastMessageId: sinceId });\n      }, timeout);\n\n      \u002F\u002F Додаємо клієнта до списку очікування\n      this.waitingClients.push({\n        userId,\n        sinceId,\n        resolve,\n        timeoutId,\n      });\n    });\n  }\n\n  \u002F**\n   * Обробник події нового повідомлення — сповіщає всіх очікуючих клієнтів\n   *\u002F\n  @OnEvent('message.created')\n  async handleNewMessage(message: Message): Promise\u003Cvoid> {\n    console.log(`[Long-Polling] Нове повідомлення ${message.id}, сповіщення клієнтів`);\n\n    \u002F\u002F Знайти всіх клієнтів, які очікують на повідомлення після sinceId \u003C message.id\n    const clientsToNotify = this.waitingClients.filter(\n      (client) => client.sinceId \u003C message.id,\n    );\n\n    for (const client of clientsToNotify) {\n      \u002F\u002F Отримати всі нові повідомлення для клієнта\n      const messages = await this.getMessagesSince(\n        client.userId,\n        client.sinceId,\n      );\n\n      if (messages.length > 0) {\n        \u002F\u002F Скасувати таймаут\n        clearTimeout(client.timeoutId);\n\n        \u002F\u002F Відправити відповідь клієнту\n        client.resolve({\n          messages,\n          lastMessageId: messages[messages.length - 1].id,\n        });\n\n        \u002F\u002F Видалити клієнта зі списку очікування\n        this.removeWaitingClient(client.resolve);\n      }\n    }\n  }\n\n  \u002F**\n   * Допоміжний метод для видалення клієнта зі списку очікування\n   *\u002F\n  private removeWaitingClient(resolve: (value: any) => void): void {\n    const index = this.waitingClients.findIndex((c) => c.resolve === resolve);\n    if (index !== -1) {\n      this.waitingClients.splice(index, 1);\n    }\n  }\n\n  \u002F**\n   * Отримує повідомлення з БД після вказаного ID\n   *\u002F\n  private async getMessagesSince(\n    userId: number,\n    sinceId: number,\n  ): Promise\u003CMessage[]> {\n    return this.messagesRepository.find({\n      where: { id: MoreThan(sinceId) },\n      order: { id: 'ASC' },\n      take: 50,\n    });\n  }\n}\n",[5289,9877,9878,9883,9899,9915,9935,9958,9974,9978,9987,9997,10008,10031,10048,10052,10056,10064,10075,10090,10094,10100,10112,10128,10141,10145,10149,10153,10158,10162,10171,10182,10193,10204,10232,10237,10264,10268,10287,10292,10298,10307,10332,10337,10341,10345,10350,10371,10388,10393,10408,10428,10438,10442,10447,10463,10469,10475,10481,10488,10493,10497,10501,10505,10509,10514,10518,10531,10557,10585,10589,10594,10616,10644,10648,10652,10670,10675,10693,10704,10714,10718,10722,10740,10745,10761,10765,10770,10780,10787,10812,10817,10821,10826,10844,10848,10852,10856,10860,10864,10869,10873,10904,10946,10962,10985,10989,10993,10997,11001,11006,11010,11020,11030,11040,11052,11068,11086,11099,11107,11111,11115],{"__ignoreMap":5315},[5319,9879,9880],{"class":5321,"line":5322},[5319,9881,9882],{"class":5484},"\u002F\u002F server\u002Fmessages-polling.service.ts\n",[5319,9884,9885,9887,9889,9891,9893,9895,9897],{"class":5321,"line":5328},[5319,9886,6868],{"class":5948},[5319,9888,6871],{"class":5504},[5319,9890,7373],{"class":5510},[5319,9892,6897],{"class":5504},[5319,9894,6900],{"class":5948},[5319,9896,6903],{"class":5793},[5319,9898,5520],{"class":5504},[5319,9900,9901,9903,9905,9907,9909,9911,9913],{"class":5321,"line":5334},[5319,9902,6868],{"class":5948},[5319,9904,6871],{"class":5504},[5319,9906,7390],{"class":5510},[5319,9908,6897],{"class":5504},[5319,9910,6900],{"class":5948},[5319,9912,7397],{"class":5793},[5319,9914,5520],{"class":5504},[5319,9916,9917,9919,9921,9923,9925,9927,9929,9931,9933],{"class":5321,"line":5340},[5319,9918,6868],{"class":5948},[5319,9920,6871],{"class":5504},[5319,9922,7408],{"class":5510},[5319,9924,6500],{"class":5504},[5319,9926,7413],{"class":5510},[5319,9928,6897],{"class":5504},[5319,9930,6900],{"class":5948},[5319,9932,7420],{"class":5793},[5319,9934,5520],{"class":5504},[5319,9936,9937,9939,9941,9944,9946,9949,9951,9953,9956],{"class":5321,"line":5346},[5319,9938,6868],{"class":5948},[5319,9940,6871],{"class":5504},[5319,9942,9943],{"class":5510},"EventEmitter2",[5319,9945,6500],{"class":5504},[5319,9947,9948],{"class":5510},"OnEvent",[5319,9950,6897],{"class":5504},[5319,9952,6900],{"class":5948},[5319,9954,9955],{"class":5793}," '@nestjs\u002Fevent-emitter'",[5319,9957,5520],{"class":5504},[5319,9959,9960,9962,9964,9966,9968,9970,9972],{"class":5321,"line":5352},[5319,9961,6868],{"class":5948},[5319,9963,6871],{"class":5504},[5319,9965,5582],{"class":5510},[5319,9967,6897],{"class":5504},[5319,9969,6900],{"class":5948},[5319,9971,7437],{"class":5793},[5319,9973,5520],{"class":5504},[5319,9975,9976],{"class":5321,"line":5358},[5319,9977,5491],{"emptyLinePlaceholder":5490},[5319,9979,9980,9982,9985],{"class":5321,"line":5363},[5319,9981,5497],{"class":5496},[5319,9983,9984],{"class":5500}," WaitingClient",[5319,9986,5505],{"class":5504},[5319,9988,9989,9991,9993,9995],{"class":5321,"line":5369},[5319,9990,5525],{"class":5510},[5319,9992,5514],{"class":5504},[5319,9994,5517],{"class":5500},[5319,9996,5520],{"class":5504},[5319,9998,9999,10002,10004,10006],{"class":5321,"line":5374},[5319,10000,10001],{"class":5510},"  sinceId",[5319,10003,5514],{"class":5504},[5319,10005,5517],{"class":5500},[5319,10007,5520],{"class":5504},[5319,10009,10010,10013,10015,10018,10020,10023,10025,10027,10029],{"class":5321,"line":5380},[5319,10011,10012],{"class":5714},"  resolve",[5319,10014,5718],{"class":5504},[5319,10016,10017],{"class":5510},"value",[5319,10019,5514],{"class":5504},[5319,10021,10022],{"class":5500},"any",[5319,10024,6634],{"class":5504},[5319,10026,5731],{"class":5496},[5319,10028,8219],{"class":5500},[5319,10030,5520],{"class":5504},[5319,10032,10033,10036,10038,10041,10043,10046],{"class":5321,"line":5385},[5319,10034,10035],{"class":5510},"  timeoutId",[5319,10037,5514],{"class":5504},[5319,10039,10040],{"class":5500},"NodeJS",[5319,10042,5210],{"class":5504},[5319,10044,10045],{"class":5500},"Timeout",[5319,10047,5520],{"class":5504},[5319,10049,10050],{"class":5321,"line":5390},[5319,10051,5559],{"class":5504},[5319,10053,10054],{"class":5321,"line":5395},[5319,10055,5491],{"emptyLinePlaceholder":5490},[5319,10057,10058,10060,10062],{"class":5321,"line":5400},[5319,10059,6990],{"class":5504},[5319,10061,7373],{"class":5714},[5319,10063,7452],{"class":5504},[5319,10065,10066,10068,10070,10073],{"class":5321,"line":5406},[5319,10067,7017],{"class":5948},[5319,10069,7020],{"class":5496},[5319,10071,10072],{"class":5500}," MessagesPollingService",[5319,10074,5505],{"class":5504},[5319,10076,10077,10079,10082,10084,10087],{"class":5321,"line":5411},[5319,10078,5619],{"class":5496},[5319,10080,10081],{"class":5510}," waitingClients",[5319,10083,5514],{"class":5504},[5319,10085,10086],{"class":5500},"WaitingClient",[5319,10088,10089],{"class":5504},"[] = [];\n",[5319,10091,10092],{"class":5321,"line":5417},[5319,10093,5491],{"emptyLinePlaceholder":5490},[5319,10095,10096,10098],{"class":5321,"line":5423},[5319,10097,5689],{"class":5496},[5319,10099,5692],{"class":5504},[5319,10101,10102,10104,10106,10108,10110],{"class":5321,"line":5428},[5319,10103,7093],{"class":5504},[5319,10105,7390],{"class":5714},[5319,10107,5790],{"class":5504},[5319,10109,5582],{"class":5510},[5319,10111,7000],{"class":5504},[5319,10113,10114,10116,10118,10120,10122,10124,10126],{"class":5321,"line":5434},[5319,10115,5697],{"class":5496},[5319,10117,7488],{"class":5510},[5319,10119,5514],{"class":5504},[5319,10121,7408],{"class":5500},[5319,10123,6065],{"class":5504},[5319,10125,5582],{"class":5500},[5319,10127,7499],{"class":5504},[5319,10129,10130,10132,10135,10137,10139],{"class":5321,"line":5439},[5319,10131,5697],{"class":5496},[5319,10133,10134],{"class":5510}," eventEmitter",[5319,10136,5514],{"class":5504},[5319,10138,9943],{"class":5500},[5319,10140,5707],{"class":5504},[5319,10142,10143],{"class":5321,"line":5445},[5319,10144,5739],{"class":5504},[5319,10146,10147],{"class":5321,"line":5742},[5319,10148,5491],{"emptyLinePlaceholder":5490},[5319,10150,10151],{"class":5321,"line":5747},[5319,10152,5750],{"class":5484},[5319,10154,10155],{"class":5321,"line":5753},[5319,10156,10157],{"class":5484},"   * Асинхронно очікує нові повідомлення або таймаут\n",[5319,10159,10160],{"class":5321,"line":5759},[5319,10161,5762],{"class":5484},[5319,10163,10164,10166,10169],{"class":5321,"line":5765},[5319,10165,7083],{"class":5496},[5319,10167,10168],{"class":5714}," waitForNewMessages",[5319,10170,5692],{"class":5504},[5319,10172,10173,10176,10178,10180],{"class":5321,"line":5779},[5319,10174,10175],{"class":5510},"    userId",[5319,10177,5514],{"class":5504},[5319,10179,5517],{"class":5500},[5319,10181,5707],{"class":5504},[5319,10183,10184,10187,10189,10191],{"class":5321,"line":5818},[5319,10185,10186],{"class":5510},"    sinceId",[5319,10188,5514],{"class":5504},[5319,10190,5517],{"class":5500},[5319,10192,5707],{"class":5504},[5319,10194,10195,10198,10200,10202],{"class":5321,"line":5823},[5319,10196,10197],{"class":5510},"    timeout",[5319,10199,5514],{"class":5504},[5319,10201,5517],{"class":5500},[5319,10203,5707],{"class":5504},[5319,10205,10206,10209,10211,10214,10216,10218,10220,10223,10225,10227,10229],{"class":5321,"line":5829},[5319,10207,10208],{"class":5504},"  ): ",[5319,10210,6062],{"class":5500},[5319,10212,10213],{"class":5504},"\u003C{ ",[5319,10215,5721],{"class":5510},[5319,10217,5514],{"class":5504},[5319,10219,5582],{"class":5500},[5319,10221,10222],{"class":5504},"[]; ",[5319,10224,6127],{"class":5510},[5319,10226,5514],{"class":5504},[5319,10228,5517],{"class":5500},[5319,10230,10231],{"class":5504}," }> {\n",[5319,10233,10234],{"class":5321,"line":5843},[5319,10235,10236],{"class":5484},"    \u002F\u002F Спочатку перевіряємо, чи є вже нові дані\n",[5319,10238,10239,10241,10244,10246,10248,10250,10252,10254,10256,10258,10260,10262],{"class":5321,"line":5848},[5319,10240,7139],{"class":5496},[5319,10242,10243],{"class":6087}," existingMessages",[5319,10245,5629],{"class":5504},[5319,10247,6093],{"class":5948},[5319,10249,7207],{"class":5496},[5319,10251,5210],{"class":5504},[5319,10253,7217],{"class":5714},[5319,10255,5790],{"class":5504},[5319,10257,6682],{"class":5510},[5319,10259,6500],{"class":5504},[5319,10261,7296],{"class":5510},[5319,10263,5815],{"class":5504},[5319,10265,10266],{"class":5321,"line":5854},[5319,10267,5491],{"emptyLinePlaceholder":5490},[5319,10269,10270,10272,10274,10277,10279,10281,10283,10285],{"class":5321,"line":5880},[5319,10271,5949],{"class":5948},[5319,10273,5952],{"class":5504},[5319,10275,10276],{"class":5510},"existingMessages",[5319,10278,5210],{"class":5504},[5319,10280,6356],{"class":5510},[5319,10282,6359],{"class":5504},[5319,10284,5633],{"class":5632},[5319,10286,5966],{"class":5504},[5319,10288,10289],{"class":5321,"line":5892},[5319,10290,10291],{"class":5484},"      \u002F\u002F Дані вже є — повертаємо одразу\n",[5319,10293,10294,10296],{"class":5321,"line":5906},[5319,10295,8310],{"class":5948},[5319,10297,5505],{"class":5504},[5319,10299,10300,10303,10305],{"class":5321,"line":5912},[5319,10301,10302],{"class":5510},"        messages:",[5319,10304,10243],{"class":5510},[5319,10306,5707],{"class":5504},[5319,10308,10309,10312,10314,10316,10318,10320,10322,10324,10326,10328,10330],{"class":5321,"line":5917},[5319,10310,10311],{"class":5510},"        lastMessageId:",[5319,10313,10243],{"class":5510},[5319,10315,7272],{"class":5504},[5319,10317,10276],{"class":5510},[5319,10319,5210],{"class":5504},[5319,10321,6356],{"class":5510},[5319,10323,7281],{"class":5504},[5319,10325,7284],{"class":5632},[5319,10327,7287],{"class":5504},[5319,10329,7290],{"class":5510},[5319,10331,5707],{"class":5504},[5319,10333,10334],{"class":5321,"line":5922},[5319,10335,10336],{"class":5504},"      };\n",[5319,10338,10339],{"class":5321,"line":5928},[5319,10340,6020],{"class":5504},[5319,10342,10343],{"class":5321,"line":5933},[5319,10344,5491],{"emptyLinePlaceholder":5490},[5319,10346,10347],{"class":5321,"line":5945},[5319,10348,10349],{"class":5484},"    \u002F\u002F Даних немає — очікуємо нової події або таймауту\n",[5319,10351,10352,10354,10356,10359,10362,10365,10367,10369],{"class":5321,"line":5969},[5319,10353,6555],{"class":5948},[5319,10355,7329],{"class":5496},[5319,10357,10358],{"class":5500}," Promise",[5319,10360,10361],{"class":5504},"((",[5319,10363,10364],{"class":5510},"resolve",[5319,10366,6634],{"class":5504},[5319,10368,5731],{"class":5496},[5319,10370,5505],{"class":5504},[5319,10372,10373,10375,10378,10380,10382,10384,10386],{"class":5321,"line":5985},[5319,10374,6084],{"class":5496},[5319,10376,10377],{"class":6087}," timeoutId",[5319,10379,5629],{"class":5504},[5319,10381,5305],{"class":5714},[5319,10383,5873],{"class":5504},[5319,10385,5731],{"class":5496},[5319,10387,5505],{"class":5504},[5319,10389,10390],{"class":5321,"line":6000},[5319,10391,10392],{"class":5484},"        \u002F\u002F Таймаут спрацював — видаляємо клієнта зі списку очікування\n",[5319,10394,10395,10397,10399,10402,10404,10406],{"class":5321,"line":6017},[5319,10396,6402],{"class":5496},[5319,10398,5210],{"class":5504},[5319,10400,10401],{"class":5714},"removeWaitingClient",[5319,10403,5790],{"class":5504},[5319,10405,10364],{"class":5510},[5319,10407,5815],{"class":5504},[5319,10409,10410,10413,10415,10418,10421,10424,10426],{"class":5321,"line":6023},[5319,10411,10412],{"class":5714},"        resolve",[5319,10414,9851],{"class":5504},[5319,10416,10417],{"class":5510},"messages:",[5319,10419,10420],{"class":5504}," [], ",[5319,10422,10423],{"class":5510},"lastMessageId:",[5319,10425,7142],{"class":5510},[5319,10427,9860],{"class":5504},[5319,10429,10430,10433,10436],{"class":5321,"line":6028},[5319,10431,10432],{"class":5504},"      }, ",[5319,10434,10435],{"class":5510},"timeout",[5319,10437,5815],{"class":5504},[5319,10439,10440],{"class":5321,"line":6033},[5319,10441,5491],{"emptyLinePlaceholder":5490},[5319,10443,10444],{"class":5321,"line":6038},[5319,10445,10446],{"class":5484},"      \u002F\u002F Додаємо клієнта до списку очікування\n",[5319,10448,10449,10451,10453,10456,10458,10461],{"class":5321,"line":6044},[5319,10450,5883],{"class":5496},[5319,10452,5210],{"class":5504},[5319,10454,10455],{"class":5510},"waitingClients",[5319,10457,5210],{"class":5504},[5319,10459,10460],{"class":5714},"push",[5319,10462,7579],{"class":5504},[5319,10464,10465,10467],{"class":5321,"line":6049},[5319,10466,9760],{"class":5510},[5319,10468,5707],{"class":5504},[5319,10470,10471,10473],{"class":5321,"line":6073},[5319,10472,9767],{"class":5510},[5319,10474,5707],{"class":5504},[5319,10476,10477,10479],{"class":5321,"line":6081},[5319,10478,10412],{"class":5510},[5319,10480,5707],{"class":5504},[5319,10482,10483,10486],{"class":5321,"line":6101},[5319,10484,10485],{"class":5510},"        timeoutId",[5319,10487,5707],{"class":5504},[5319,10489,10490],{"class":5321,"line":6137},[5319,10491,10492],{"class":5504},"      });\n",[5319,10494,10495],{"class":5321,"line":6143},[5319,10496,6713],{"class":5504},[5319,10498,10499],{"class":5321,"line":6154},[5319,10500,5909],{"class":5504},[5319,10502,10503],{"class":5321,"line":6162},[5319,10504,5491],{"emptyLinePlaceholder":5490},[5319,10506,10507],{"class":5321,"line":6192},[5319,10508,5750],{"class":5484},[5319,10510,10511],{"class":5321,"line":6205},[5319,10512,10513],{"class":5484},"   * Обробник події нового повідомлення — сповіщає всіх очікуючих клієнтів\n",[5319,10515,10516],{"class":5321,"line":6211},[5319,10517,5762],{"class":5484},[5319,10519,10520,10522,10524,10526,10529],{"class":5321,"line":6217},[5319,10521,7069],{"class":5504},[5319,10523,9948],{"class":5714},[5319,10525,5790],{"class":5504},[5319,10527,10528],{"class":5793},"'message.created'",[5319,10530,7000],{"class":5504},[5319,10532,10533,10535,10538,10540,10543,10545,10547,10549,10551,10553,10555],{"class":5321,"line":6223},[5319,10534,7083],{"class":5496},[5319,10536,10537],{"class":5714}," handleNewMessage",[5319,10539,5790],{"class":5504},[5319,10541,10542],{"class":5510},"message",[5319,10544,5514],{"class":5504},[5319,10546,5582],{"class":5500},[5319,10548,7551],{"class":5504},[5319,10550,6062],{"class":5500},[5319,10552,6065],{"class":5504},[5319,10554,5774],{"class":5500},[5319,10556,6070],{"class":5504},[5319,10558,10559,10561,10563,10565,10567,10570,10572,10574,10576,10578,10580,10583],{"class":5321,"line":6228},[5319,10560,5782],{"class":5510},[5319,10562,5210],{"class":5504},[5319,10564,5787],{"class":5714},[5319,10566,5790],{"class":5504},[5319,10568,10569],{"class":5793},"`[Long-Polling] Нове повідомлення ",[5319,10571,5797],{"class":5496},[5319,10573,10542],{"class":5510},[5319,10575,5210],{"class":5803},[5319,10577,7290],{"class":5510},[5319,10579,5809],{"class":5496},[5319,10581,10582],{"class":5793},", сповіщення клієнтів`",[5319,10584,5815],{"class":5504},[5319,10586,10587],{"class":5321,"line":6246},[5319,10588,5491],{"emptyLinePlaceholder":5490},[5319,10590,10591],{"class":5321,"line":6290},[5319,10592,10593],{"class":5484},"    \u002F\u002F Знайти всіх клієнтів, які очікують на повідомлення після sinceId \u003C message.id\n",[5319,10595,10596,10598,10601,10603,10605,10607,10609,10611,10614],{"class":5321,"line":6298},[5319,10597,7139],{"class":5496},[5319,10599,10600],{"class":6087}," clientsToNotify",[5319,10602,5629],{"class":5504},[5319,10604,5800],{"class":5496},[5319,10606,5210],{"class":5504},[5319,10608,10455],{"class":5510},[5319,10610,5210],{"class":5504},[5319,10612,10613],{"class":5714},"filter",[5319,10615,5692],{"class":5504},[5319,10617,10618,10621,10623,10625,10627,10629,10631,10633,10636,10638,10640,10642],{"class":5321,"line":6304},[5319,10619,10620],{"class":5504},"      (",[5319,10622,6734],{"class":5510},[5319,10624,6634],{"class":5504},[5319,10626,5731],{"class":5496},[5319,10628,6606],{"class":5510},[5319,10630,5210],{"class":5504},[5319,10632,7296],{"class":5510},[5319,10634,10635],{"class":5504}," \u003C ",[5319,10637,10542],{"class":5510},[5319,10639,5210],{"class":5504},[5319,10641,7290],{"class":5510},[5319,10643,5707],{"class":5504},[5319,10645,10646],{"class":5321,"line":6309},[5319,10647,7238],{"class":5504},[5319,10649,10650],{"class":5321,"line":6335},[5319,10651,5491],{"emptyLinePlaceholder":5490},[5319,10653,10654,10657,10659,10661,10663,10666,10668],{"class":5321,"line":6340},[5319,10655,10656],{"class":5948},"    for",[5319,10658,5952],{"class":5504},[5319,10660,6603],{"class":5496},[5319,10662,6606],{"class":6087},[5319,10664,10665],{"class":5496}," of",[5319,10667,10600],{"class":5510},[5319,10669,5966],{"class":5504},[5319,10671,10672],{"class":5321,"line":6366},[5319,10673,10674],{"class":5484},"      \u002F\u002F Отримати всі нові повідомлення для клієнта\n",[5319,10676,10677,10679,10681,10683,10685,10687,10689,10691],{"class":5321,"line":6399},[5319,10678,6084],{"class":5496},[5319,10680,7200],{"class":6087},[5319,10682,5629],{"class":5504},[5319,10684,6093],{"class":5948},[5319,10686,7207],{"class":5496},[5319,10688,5210],{"class":5504},[5319,10690,7217],{"class":5714},[5319,10692,5692],{"class":5504},[5319,10694,10695,10698,10700,10702],{"class":5321,"line":6419},[5319,10696,10697],{"class":5510},"        client",[5319,10699,5210],{"class":5504},[5319,10701,6682],{"class":5510},[5319,10703,5707],{"class":5504},[5319,10705,10706,10708,10710,10712],{"class":5321,"line":6439},[5319,10707,10697],{"class":5510},[5319,10709,5210],{"class":5504},[5319,10711,7296],{"class":5510},[5319,10713,5707],{"class":5504},[5319,10715,10716],{"class":5321,"line":6450},[5319,10717,6220],{"class":5504},[5319,10719,10720],{"class":5321,"line":6466},[5319,10721,5491],{"emptyLinePlaceholder":5490},[5319,10723,10724,10726,10728,10730,10732,10734,10736,10738],{"class":5321,"line":6471},[5319,10725,6231],{"class":5948},[5319,10727,5952],{"class":5504},[5319,10729,5721],{"class":5510},[5319,10731,5210],{"class":5504},[5319,10733,6356],{"class":5510},[5319,10735,6359],{"class":5504},[5319,10737,5633],{"class":5632},[5319,10739,5966],{"class":5504},[5319,10741,10742],{"class":5321,"line":6486},[5319,10743,10744],{"class":5484},"        \u002F\u002F Скасувати таймаут\n",[5319,10746,10747,10750,10752,10754,10756,10759],{"class":5321,"line":6507},[5319,10748,10749],{"class":5714},"        clearTimeout",[5319,10751,5790],{"class":5504},[5319,10753,6734],{"class":5510},[5319,10755,5210],{"class":5504},[5319,10757,10758],{"class":5510},"timeoutId",[5319,10760,5815],{"class":5504},[5319,10762,10763],{"class":5321,"line":6512},[5319,10764,5491],{"emptyLinePlaceholder":5490},[5319,10766,10767],{"class":5321,"line":6517},[5319,10768,10769],{"class":5484},"        \u002F\u002F Відправити відповідь клієнту\n",[5319,10771,10772,10774,10776,10778],{"class":5321,"line":6522},[5319,10773,10697],{"class":5510},[5319,10775,5210],{"class":5504},[5319,10777,10364],{"class":5714},[5319,10779,7579],{"class":5504},[5319,10781,10782,10785],{"class":5321,"line":6527},[5319,10783,10784],{"class":5510},"          messages",[5319,10786,5707],{"class":5504},[5319,10788,10789,10792,10794,10796,10798,10800,10802,10804,10806,10808,10810],{"class":5321,"line":6533},[5319,10790,10791],{"class":5510},"          lastMessageId:",[5319,10793,7200],{"class":5510},[5319,10795,7272],{"class":5504},[5319,10797,5721],{"class":5510},[5319,10799,5210],{"class":5504},[5319,10801,6356],{"class":5510},[5319,10803,7281],{"class":5504},[5319,10805,7284],{"class":5632},[5319,10807,7287],{"class":5504},[5319,10809,7290],{"class":5510},[5319,10811,5707],{"class":5504},[5319,10813,10814],{"class":5321,"line":6538},[5319,10815,10816],{"class":5504},"        });\n",[5319,10818,10819],{"class":5321,"line":6552},[5319,10820,5491],{"emptyLinePlaceholder":5490},[5319,10822,10823],{"class":5321,"line":6579},[5319,10824,10825],{"class":5484},"        \u002F\u002F Видалити клієнта зі списку очікування\n",[5319,10827,10828,10830,10832,10834,10836,10838,10840,10842],{"class":5321,"line":6584},[5319,10829,6402],{"class":5496},[5319,10831,5210],{"class":5504},[5319,10833,10401],{"class":5714},[5319,10835,5790],{"class":5504},[5319,10837,6734],{"class":5510},[5319,10839,5210],{"class":5504},[5319,10841,10364],{"class":5510},[5319,10843,5815],{"class":5504},[5319,10845,10846],{"class":5321,"line":6589},[5319,10847,6301],{"class":5504},[5319,10849,10850],{"class":5321,"line":6594},[5319,10851,6020],{"class":5504},[5319,10853,10854],{"class":5321,"line":6600},[5319,10855,5909],{"class":5504},[5319,10857,10858],{"class":5321,"line":6618},[5319,10859,5491],{"emptyLinePlaceholder":5490},[5319,10861,10862],{"class":5321,"line":6626},[5319,10863,5750],{"class":5484},[5319,10865,10866],{"class":5321,"line":6641},[5319,10867,10868],{"class":5484},"   * Допоміжний метод для видалення клієнта зі списку очікування\n",[5319,10870,10871],{"class":5321,"line":6662},[5319,10872,5762],{"class":5484},[5319,10874,10875,10877,10880,10882,10884,10886,10888,10890,10892,10894,10896,10898,10900,10902],{"class":5321,"line":6704},[5319,10876,5619],{"class":5496},[5319,10878,10879],{"class":5714}," removeWaitingClient",[5319,10881,5790],{"class":5504},[5319,10883,10364],{"class":5714},[5319,10885,5718],{"class":5504},[5319,10887,10017],{"class":5510},[5319,10889,5514],{"class":5504},[5319,10891,10022],{"class":5500},[5319,10893,6634],{"class":5504},[5319,10895,5731],{"class":5496},[5319,10897,8219],{"class":5500},[5319,10899,7551],{"class":5504},[5319,10901,5774],{"class":5500},[5319,10903,5505],{"class":5504},[5319,10905,10906,10908,10911,10913,10915,10917,10919,10921,10924,10926,10929,10931,10933,10936,10938,10940,10942,10944],{"class":5321,"line":6710},[5319,10907,7139],{"class":5496},[5319,10909,10910],{"class":6087}," index",[5319,10912,5629],{"class":5504},[5319,10914,5800],{"class":5496},[5319,10916,5210],{"class":5504},[5319,10918,10455],{"class":5510},[5319,10920,5210],{"class":5504},[5319,10922,10923],{"class":5714},"findIndex",[5319,10925,10361],{"class":5504},[5319,10927,10928],{"class":5510},"c",[5319,10930,6634],{"class":5504},[5319,10932,5731],{"class":5496},[5319,10934,10935],{"class":5510}," c",[5319,10937,5210],{"class":5504},[5319,10939,10364],{"class":5510},[5319,10941,8975],{"class":5504},[5319,10943,10364],{"class":5510},[5319,10945,5815],{"class":5504},[5319,10947,10948,10950,10952,10955,10958,10960],{"class":5321,"line":6716},[5319,10949,5949],{"class":5948},[5319,10951,5952],{"class":5504},[5319,10953,10954],{"class":5510},"index",[5319,10956,10957],{"class":5504}," !== -",[5319,10959,7284],{"class":5632},[5319,10961,5966],{"class":5504},[5319,10963,10964,10966,10968,10970,10972,10975,10977,10979,10981,10983],{"class":5321,"line":6721},[5319,10965,5883],{"class":5496},[5319,10967,5210],{"class":5504},[5319,10969,10455],{"class":5510},[5319,10971,5210],{"class":5504},[5319,10973,10974],{"class":5714},"splice",[5319,10976,5790],{"class":5504},[5319,10978,10954],{"class":5510},[5319,10980,6500],{"class":5504},[5319,10982,7284],{"class":5632},[5319,10984,5815],{"class":5504},[5319,10986,10987],{"class":5321,"line":6726},[5319,10988,6020],{"class":5504},[5319,10990,10991],{"class":5321,"line":6731},[5319,10992,5909],{"class":5504},[5319,10994,10995],{"class":5321,"line":6744},[5319,10996,5491],{"emptyLinePlaceholder":5490},[5319,10998,10999],{"class":5321,"line":6749},[5319,11000,5750],{"class":5484},[5319,11002,11003],{"class":5321,"line":6755},[5319,11004,11005],{"class":5484},"   * Отримує повідомлення з БД після вказаного ID\n",[5319,11007,11008],{"class":5321,"line":6777},[5319,11009,5762],{"class":5484},[5319,11011,11012,11014,11016,11018],{"class":5321,"line":6790},[5319,11013,5619],{"class":5496},[5319,11015,6054],{"class":5496},[5319,11017,7532],{"class":5714},[5319,11019,5692],{"class":5504},[5319,11021,11022,11024,11026,11028],{"class":5321,"line":9124},[5319,11023,10175],{"class":5510},[5319,11025,5514],{"class":5504},[5319,11027,5517],{"class":5500},[5319,11029,5707],{"class":5504},[5319,11031,11032,11034,11036,11038],{"class":5321,"line":9145},[5319,11033,10186],{"class":5510},[5319,11035,5514],{"class":5504},[5319,11037,5517],{"class":5500},[5319,11039,5707],{"class":5504},[5319,11041,11042,11044,11046,11048,11050],{"class":5321,"line":9150},[5319,11043,10208],{"class":5504},[5319,11045,6062],{"class":5500},[5319,11047,6065],{"class":5504},[5319,11049,5582],{"class":5500},[5319,11051,7560],{"class":5504},[5319,11053,11054,11056,11058,11060,11062,11064,11066],{"class":5321,"line":9155},[5319,11055,6555],{"class":5948},[5319,11057,7207],{"class":5496},[5319,11059,5210],{"class":5504},[5319,11061,7571],{"class":5510},[5319,11063,5210],{"class":5504},[5319,11065,7576],{"class":5714},[5319,11067,7579],{"class":5504},[5319,11069,11070,11072,11074,11077,11079,11081,11083],{"class":5321,"line":9160},[5319,11071,7584],{"class":5510},[5319,11073,6871],{"class":5504},[5319,11075,11076],{"class":5510},"id:",[5319,11078,7594],{"class":5714},[5319,11080,5790],{"class":5504},[5319,11082,7296],{"class":5510},[5319,11084,11085],{"class":5504},") },\n",[5319,11087,11088,11090,11092,11094,11096],{"class":5321,"line":9165},[5319,11089,7616],{"class":5510},[5319,11091,6871],{"class":5504},[5319,11093,11076],{"class":5510},[5319,11095,7625],{"class":5793},[5319,11097,11098],{"class":5504}," },\n",[5319,11100,11101,11103,11105],{"class":5321,"line":9180},[5319,11102,7639],{"class":5510},[5319,11104,7642],{"class":5632},[5319,11106,5707],{"class":5504},[5319,11108,11109],{"class":5321,"line":9187},[5319,11110,6713],{"class":5504},[5319,11112,11113],{"class":5321,"line":9200},[5319,11114,5909],{"class":5504},[5319,11116,11117],{"class":5321,"line":9217},[5319,11118,5559],{"class":5504},[5089,11120,11121],{},[5099,11122,11123],{},"Архітектурні компоненти:",[5245,11125,11126,11153,11170],{},[5096,11127,11128,11133,11134],{},[5099,11129,11130,11131,6168],{},"Масив ",[5289,11132,10455],{}," зберігає інформацію про всіх клієнтів, чиї HTTP запити утримуються відкритими у стані очікування. Кожен елемент містить:",[5093,11135,11136,11143,11148],{},[5096,11137,11138,6842,11140,11142],{},[5289,11139,6682],{},[5289,11141,7296],{},": контекст запиту",[5096,11144,11145,11147],{},[5289,11146,10364],{},": функція для завершення Promise та відправки відповіді",[5096,11149,11150,11152],{},[5289,11151,10758],{},": NodeJS таймер для скасування очікування через 30 секунд",[5096,11154,11155,11158,11159,11162,11163,11166,11167,11169],{},[5099,11156,11157],{},"Event-driven оповіщення:"," коли у системі створюється нове повідомлення (наприклад, через POST запит від іншого користувача), сервіс емітує подію ",[5289,11160,11161],{},"message.created",". Метод ",[5289,11164,11165],{},"handleNewMessage()"," перехоплює цю подію та сповіщає всіх очікуючих клієнтів, чий ",[5289,11168,7296],{}," менший за ID нового повідомлення.",[5096,11171,11172,11175,11176,11178],{},[5099,11173,11174],{},"Механізм таймауту:"," якщо протягом 30 секунд нова подія не виникла, спрацьовує ",[5289,11177,5305],{},", який завершує Promise з порожнім масивом повідомлень. Клієнт одразу ж відправляє новий long-poll запит.",[5229,11180,11181,11182,11185],{},"Важливо розуміти, що у момент утримання з'єднання Node.js ",[5099,11183,11184],{},"не блокує потік",". Завдяки event loop, один потік може обслуговувати тисячі одночасних long-polling запитів без витрат на контекстні перемикання між потоками.",[5237,11187,11189],{"id":11188},"інтеграція-з-емітуванням-події-при-створенні-повідомлення","Інтеграція з емітуванням події при створенні повідомлення",[5089,11191,11192,11193,11195],{},"Коли користувач відправляє нове повідомлення через POST запит, сервер має емітувати подію ",[5289,11194,11161],{},", щоб сповістити всіх клієнтів у long-polling режимі.",[5311,11197,11199],{"className":5475,"code":11198,"language":5477,"meta":5315,"style":5315},"\u002F\u002F server\u002Fmessages.service.ts (доповнення)\nimport { EventEmitter2 } from '@nestjs\u002Fevent-emitter';\n\n@Injectable()\nexport class MessagesService {\n  constructor(\n    @InjectRepository(Message)\n    private messagesRepository: Repository\u003CMessage>,\n    private eventEmitter: EventEmitter2, \u002F\u002F Ін'єкція EventEmitter\n  ) {}\n\n  \u002F**\n   * Створює нове повідомлення та емітує подію для long-polling клієнтів\n   *\u002F\n  async createMessage(\n    userId: number,\n    text: string,\n  ): Promise\u003CMessage> {\n    const message = this.messagesRepository.create({\n      userId,\n      text,\n      timestamp: new Date(),\n    });\n\n    await this.messagesRepository.save(message);\n\n    \u002F\u002F Емітувати подію для long-polling сервісу\n    this.eventEmitter.emit('message.created', message);\n\n    console.log(`[Messages] Створено повідомлення ${message.id}, подія емітована`);\n\n    return message;\n  }\n}\n",[5289,11200,11201,11206,11222,11226,11234,11244,11250,11262,11278,11293,11297,11301,11305,11310,11314,11323,11333,11344,11356,11378,11384,11391,11401,11405,11409,11431,11435,11440,11464,11468,11496,11500,11508,11512],{"__ignoreMap":5315},[5319,11202,11203],{"class":5321,"line":5322},[5319,11204,11205],{"class":5484},"\u002F\u002F server\u002Fmessages.service.ts (доповнення)\n",[5319,11207,11208,11210,11212,11214,11216,11218,11220],{"class":5321,"line":5328},[5319,11209,6868],{"class":5948},[5319,11211,6871],{"class":5504},[5319,11213,9943],{"class":5510},[5319,11215,6897],{"class":5504},[5319,11217,6900],{"class":5948},[5319,11219,9955],{"class":5793},[5319,11221,5520],{"class":5504},[5319,11223,11224],{"class":5321,"line":5334},[5319,11225,5491],{"emptyLinePlaceholder":5490},[5319,11227,11228,11230,11232],{"class":5321,"line":5340},[5319,11229,6990],{"class":5504},[5319,11231,7373],{"class":5714},[5319,11233,7452],{"class":5504},[5319,11235,11236,11238,11240,11242],{"class":5321,"line":5346},[5319,11237,7017],{"class":5948},[5319,11239,7020],{"class":5496},[5319,11241,7461],{"class":5500},[5319,11243,5505],{"class":5504},[5319,11245,11246,11248],{"class":5321,"line":5352},[5319,11247,5689],{"class":5496},[5319,11249,5692],{"class":5504},[5319,11251,11252,11254,11256,11258,11260],{"class":5321,"line":5358},[5319,11253,7093],{"class":5504},[5319,11255,7390],{"class":5714},[5319,11257,5790],{"class":5504},[5319,11259,5582],{"class":5510},[5319,11261,7000],{"class":5504},[5319,11263,11264,11266,11268,11270,11272,11274,11276],{"class":5321,"line":5363},[5319,11265,5697],{"class":5496},[5319,11267,7488],{"class":5510},[5319,11269,5514],{"class":5504},[5319,11271,7408],{"class":5500},[5319,11273,6065],{"class":5504},[5319,11275,5582],{"class":5500},[5319,11277,7499],{"class":5504},[5319,11279,11280,11282,11284,11286,11288,11290],{"class":5321,"line":5369},[5319,11281,5697],{"class":5496},[5319,11283,10134],{"class":5510},[5319,11285,5514],{"class":5504},[5319,11287,9943],{"class":5500},[5319,11289,6500],{"class":5504},[5319,11291,11292],{"class":5484},"\u002F\u002F Ін'єкція EventEmitter\n",[5319,11294,11295],{"class":5321,"line":5374},[5319,11296,5739],{"class":5504},[5319,11298,11299],{"class":5321,"line":5380},[5319,11300,5491],{"emptyLinePlaceholder":5490},[5319,11302,11303],{"class":5321,"line":5385},[5319,11304,5750],{"class":5484},[5319,11306,11307],{"class":5321,"line":5390},[5319,11308,11309],{"class":5484},"   * Створює нове повідомлення та емітує подію для long-polling клієнтів\n",[5319,11311,11312],{"class":5321,"line":5395},[5319,11313,5762],{"class":5484},[5319,11315,11316,11318,11321],{"class":5321,"line":5400},[5319,11317,7083],{"class":5496},[5319,11319,11320],{"class":5714}," createMessage",[5319,11322,5692],{"class":5504},[5319,11324,11325,11327,11329,11331],{"class":5321,"line":5406},[5319,11326,10175],{"class":5510},[5319,11328,5514],{"class":5504},[5319,11330,5517],{"class":5500},[5319,11332,5707],{"class":5504},[5319,11334,11335,11338,11340,11342],{"class":5321,"line":5411},[5319,11336,11337],{"class":5510},"    text",[5319,11339,5514],{"class":5504},[5319,11341,5541],{"class":5500},[5319,11343,5707],{"class":5504},[5319,11345,11346,11348,11350,11352,11354],{"class":5321,"line":5417},[5319,11347,10208],{"class":5504},[5319,11349,6062],{"class":5500},[5319,11351,6065],{"class":5504},[5319,11353,5582],{"class":5500},[5319,11355,6070],{"class":5504},[5319,11357,11358,11360,11363,11365,11367,11369,11371,11373,11376],{"class":5321,"line":5423},[5319,11359,7139],{"class":5496},[5319,11361,11362],{"class":6087}," message",[5319,11364,5629],{"class":5504},[5319,11366,5800],{"class":5496},[5319,11368,5210],{"class":5504},[5319,11370,7571],{"class":5510},[5319,11372,5210],{"class":5504},[5319,11374,11375],{"class":5714},"create",[5319,11377,7579],{"class":5504},[5319,11379,11380,11382],{"class":5321,"line":5428},[5319,11381,7224],{"class":5510},[5319,11383,5707],{"class":5504},[5319,11385,11386,11389],{"class":5321,"line":5434},[5319,11387,11388],{"class":5510},"      text",[5319,11390,5707],{"class":5504},[5319,11392,11393,11395,11397,11399],{"class":5321,"line":5439},[5319,11394,7326],{"class":5510},[5319,11396,7329],{"class":5496},[5319,11398,7332],{"class":5714},[5319,11400,7341],{"class":5504},[5319,11402,11403],{"class":5321,"line":5445},[5319,11404,6713],{"class":5504},[5319,11406,11407],{"class":5321,"line":5742},[5319,11408,5491],{"emptyLinePlaceholder":5490},[5319,11410,11411,11414,11416,11418,11420,11422,11425,11427,11429],{"class":5321,"line":5747},[5319,11412,11413],{"class":5948},"    await",[5319,11415,7207],{"class":5496},[5319,11417,5210],{"class":5504},[5319,11419,7571],{"class":5510},[5319,11421,5210],{"class":5504},[5319,11423,11424],{"class":5714},"save",[5319,11426,5790],{"class":5504},[5319,11428,10542],{"class":5510},[5319,11430,5815],{"class":5504},[5319,11432,11433],{"class":5321,"line":5753},[5319,11434,5491],{"emptyLinePlaceholder":5490},[5319,11436,11437],{"class":5321,"line":5759},[5319,11438,11439],{"class":5484},"    \u002F\u002F Емітувати подію для long-polling сервісу\n",[5319,11441,11442,11444,11446,11449,11451,11454,11456,11458,11460,11462],{"class":5321,"line":5765},[5319,11443,5832],{"class":5496},[5319,11445,5210],{"class":5504},[5319,11447,11448],{"class":5510},"eventEmitter",[5319,11450,5210],{"class":5504},[5319,11452,11453],{"class":5714},"emit",[5319,11455,5790],{"class":5504},[5319,11457,10528],{"class":5793},[5319,11459,6500],{"class":5504},[5319,11461,10542],{"class":5510},[5319,11463,5815],{"class":5504},[5319,11465,11466],{"class":5321,"line":5779},[5319,11467,5491],{"emptyLinePlaceholder":5490},[5319,11469,11470,11472,11474,11476,11478,11481,11483,11485,11487,11489,11491,11494],{"class":5321,"line":5818},[5319,11471,5782],{"class":5510},[5319,11473,5210],{"class":5504},[5319,11475,5787],{"class":5714},[5319,11477,5790],{"class":5504},[5319,11479,11480],{"class":5793},"`[Messages] Створено повідомлення ",[5319,11482,5797],{"class":5496},[5319,11484,10542],{"class":5510},[5319,11486,5210],{"class":5803},[5319,11488,7290],{"class":5510},[5319,11490,5809],{"class":5496},[5319,11492,11493],{"class":5793},", подія емітована`",[5319,11495,5815],{"class":5504},[5319,11497,11498],{"class":5321,"line":5823},[5319,11499,5491],{"emptyLinePlaceholder":5490},[5319,11501,11502,11504,11506],{"class":5321,"line":5829},[5319,11503,6555],{"class":5948},[5319,11505,11362],{"class":5510},[5319,11507,5520],{"class":5504},[5319,11509,11510],{"class":5321,"line":5843},[5319,11511,5909],{"class":5504},[5319,11513,11514],{"class":5321,"line":5848},[5319,11515,5559],{"class":5504},[5089,11517,11518],{},[5099,11519,11520],{},"Послідовність подій:",[5245,11522,11523,11530,11535,11541,11544],{},[5096,11524,11525,11526,11529],{},"Користувач A відправляє POST ",[5289,11527,11528],{},"\u002Fmessages"," з текстом повідомлення.",[5096,11531,11532,11533,5210],{},"Сервер зберігає повідомлення у БД та емітує подію ",[5289,11534,11161],{},[5096,11536,11537,11540],{},[5289,11538,11539],{},"MessagesPollingService.handleNewMessage()"," перехоплює подію.",[5096,11542,11543],{},"Всі користувачі (B, C, D), які очікують на long-poll, одразу отримують відповідь з новим повідомленням.",[5096,11545,11546],{},"Кожен клієнт негайно відправляє новий long-poll запит.",[5237,11548,11550],{"id":11549},"аналіз-навантаження-та-переваги-над-polling","Аналіз навантаження та переваги над Polling",[5089,11552,11553],{},[5099,11554,11555],{},"Кількість запитів у long-polling:",[5089,11557,11558,11559,5210],{},"На відміну від класичного polling, де кількість запитів фіксована (наприклад, 2000 RPS для 10,000 користувачів при інтервалі 5 секунд), у long-polling кількість запитів ",[5099,11560,11561],{},"залежить від частоти подій",[5089,11563,11564,11567],{},[5099,11565,11566],{},"Сценарій 1: Низька активність"," (1 повідомлення на хвилину)",[5093,11569,11570,11577],{},[5096,11571,11572,11573,11576],{},"Кожні 30 секунд спрацьовує таймаут для 10,000 клієнтів → ",[5099,11574,11575],{},"~333 RPS"," (порівняйте з 2000 RPS у polling).",[5096,11578,11579,11580,5210],{},"Економія: ",[5099,11581,11582],{},"83% менше запитів",[5089,11584,11585,11588],{},[5099,11586,11587],{},"Сценарій 2: Висока активність"," (10 повідомлень на секунду)",[5093,11590,11591,11597],{},[5096,11592,11593,11594,5210],{},"Кожна подія викликає новий long-poll для всіх клієнтів → ",[5099,11595,11596],{},"~100,000 запитів протягом 10 секунд = 10,000 RPS",[5096,11598,11599,11600,11603,11604,5210],{},"Навантаження ",[5099,11601,11602],{},"вище",", ніж у polling, але затримка доставки ",[5099,11605,7998],{},[7839,11607,11608,11609,11612],{},"Long-polling ефективний для ",[5099,11610,11611],{},"середньої активності"," (1-10 подій на хвилину). Для дуже високої частоти подій (>10\u002Fсек) краще використовувати WebSocket, щоб уникнути overhead від постійного встановлення HTTP з'єднань.",[5237,11614,11616],{"id":11615},"проблеми-масштабування-long-polling","Проблеми масштабування Long-Polling",[5089,11618,11619],{},[5099,11620,11621],{},"1. Проблема розподіленого стану:",[5089,11623,11624,11625,11627,11628,11631],{},"Якщо у вас кілька інстансів NestJS за load balancer, користувач може відправити POST запит на сервер A, а його long-poll запит утримується на сервері B. Подія ",[5289,11626,11161],{}," емітується лише на сервері A, тому клієнт на сервері B ",[5099,11629,11630],{},"не отримає"," оновлення.",[5089,11633,11634,11637],{},[5099,11635,11636],{},"Рішення:"," використовувати зовнішній pub\u002Fsub механізм (Redis Pub\u002FSub, RabbitMQ), щоб події транслювалися між усіма інстансами серверів.",[5311,11639,11641],{"className":5475,"code":11640,"language":5477,"meta":5315,"style":5315},"\u002F\u002F Приклад з Redis Pub\u002FSub\nimport { Injectable } from '@nestjs\u002Fcommon';\nimport { RedisService } from '@liaoliaots\u002Fnestjs-redis';\nimport Redis from 'ioredis';\n\n@Injectable()\nexport class MessagesPollingService {\n  private subscriber: Redis;\n  private publisher: Redis;\n\n  constructor(private redisService: RedisService) {\n    this.subscriber = this.redisService.getClient('subscriber');\n    this.publisher = this.redisService.getClient('publisher');\n\n    \u002F\u002F Підписатися на канал нових повідомлень\n    this.subscriber.subscribe('messages:new');\n    this.subscriber.on('message', (channel, message) => {\n      if (channel === 'messages:new') {\n        const messageData = JSON.parse(message);\n        this.handleNewMessage(messageData);\n      }\n    });\n  }\n\n  async publishNewMessage(message: Message): Promise\u003Cvoid> {\n    \u002F\u002F Опублікувати подію у Redis — всі інстанси отримають її\n    await this.publisher.publish('messages:new', JSON.stringify(message));\n  }\n}\n",[5289,11642,11643,11648,11664,11682,11697,11701,11709,11719,11733,11746,11750,11767,11797,11825,11829,11834,11854,11888,11902,11926,11942,11946,11950,11954,11958,11983,11988,12023,12027],{"__ignoreMap":5315},[5319,11644,11645],{"class":5321,"line":5322},[5319,11646,11647],{"class":5484},"\u002F\u002F Приклад з Redis Pub\u002FSub\n",[5319,11649,11650,11652,11654,11656,11658,11660,11662],{"class":5321,"line":5328},[5319,11651,6868],{"class":5948},[5319,11653,6871],{"class":5504},[5319,11655,7373],{"class":5510},[5319,11657,6897],{"class":5504},[5319,11659,6900],{"class":5948},[5319,11661,6903],{"class":5793},[5319,11663,5520],{"class":5504},[5319,11665,11666,11668,11670,11673,11675,11677,11680],{"class":5321,"line":5334},[5319,11667,6868],{"class":5948},[5319,11669,6871],{"class":5504},[5319,11671,11672],{"class":5510},"RedisService",[5319,11674,6897],{"class":5504},[5319,11676,6900],{"class":5948},[5319,11678,11679],{"class":5793}," '@liaoliaots\u002Fnestjs-redis'",[5319,11681,5520],{"class":5504},[5319,11683,11684,11686,11689,11692,11695],{"class":5321,"line":5340},[5319,11685,6868],{"class":5948},[5319,11687,11688],{"class":5510}," Redis",[5319,11690,11691],{"class":5948}," from",[5319,11693,11694],{"class":5793}," 'ioredis'",[5319,11696,5520],{"class":5504},[5319,11698,11699],{"class":5321,"line":5346},[5319,11700,5491],{"emptyLinePlaceholder":5490},[5319,11702,11703,11705,11707],{"class":5321,"line":5352},[5319,11704,6990],{"class":5504},[5319,11706,7373],{"class":5714},[5319,11708,7452],{"class":5504},[5319,11710,11711,11713,11715,11717],{"class":5321,"line":5358},[5319,11712,7017],{"class":5948},[5319,11714,7020],{"class":5496},[5319,11716,10072],{"class":5500},[5319,11718,5505],{"class":5504},[5319,11720,11721,11723,11726,11728,11731],{"class":5321,"line":5363},[5319,11722,5619],{"class":5496},[5319,11724,11725],{"class":5510}," subscriber",[5319,11727,5514],{"class":5504},[5319,11729,11730],{"class":5500},"Redis",[5319,11732,5520],{"class":5504},[5319,11734,11735,11737,11740,11742,11744],{"class":5321,"line":5369},[5319,11736,5619],{"class":5496},[5319,11738,11739],{"class":5510}," publisher",[5319,11741,5514],{"class":5504},[5319,11743,11730],{"class":5500},[5319,11745,5520],{"class":5504},[5319,11747,11748],{"class":5321,"line":5374},[5319,11749,5491],{"emptyLinePlaceholder":5490},[5319,11751,11752,11754,11756,11758,11761,11763,11765],{"class":5321,"line":5380},[5319,11753,5689],{"class":5496},[5319,11755,5790],{"class":5504},[5319,11757,7034],{"class":5496},[5319,11759,11760],{"class":5510}," redisService",[5319,11762,5514],{"class":5504},[5319,11764,11672],{"class":5500},[5319,11766,5966],{"class":5504},[5319,11768,11769,11771,11773,11776,11778,11780,11782,11785,11787,11790,11792,11795],{"class":5321,"line":5385},[5319,11770,5832],{"class":5496},[5319,11772,5210],{"class":5504},[5319,11774,11775],{"class":5510},"subscriber",[5319,11777,5629],{"class":5504},[5319,11779,5800],{"class":5496},[5319,11781,5210],{"class":5504},[5319,11783,11784],{"class":5510},"redisService",[5319,11786,5210],{"class":5504},[5319,11788,11789],{"class":5714},"getClient",[5319,11791,5790],{"class":5504},[5319,11793,11794],{"class":5793},"'subscriber'",[5319,11796,5815],{"class":5504},[5319,11798,11799,11801,11803,11806,11808,11810,11812,11814,11816,11818,11820,11823],{"class":5321,"line":5390},[5319,11800,5832],{"class":5496},[5319,11802,5210],{"class":5504},[5319,11804,11805],{"class":5510},"publisher",[5319,11807,5629],{"class":5504},[5319,11809,5800],{"class":5496},[5319,11811,5210],{"class":5504},[5319,11813,11784],{"class":5510},[5319,11815,5210],{"class":5504},[5319,11817,11789],{"class":5714},[5319,11819,5790],{"class":5504},[5319,11821,11822],{"class":5793},"'publisher'",[5319,11824,5815],{"class":5504},[5319,11826,11827],{"class":5321,"line":5395},[5319,11828,5491],{"emptyLinePlaceholder":5490},[5319,11830,11831],{"class":5321,"line":5400},[5319,11832,11833],{"class":5484},"    \u002F\u002F Підписатися на канал нових повідомлень\n",[5319,11835,11836,11838,11840,11842,11844,11847,11849,11852],{"class":5321,"line":5406},[5319,11837,5832],{"class":5496},[5319,11839,5210],{"class":5504},[5319,11841,11775],{"class":5510},[5319,11843,5210],{"class":5504},[5319,11845,11846],{"class":5714},"subscribe",[5319,11848,5790],{"class":5504},[5319,11850,11851],{"class":5793},"'messages:new'",[5319,11853,5815],{"class":5504},[5319,11855,11856,11858,11860,11862,11864,11867,11869,11872,11875,11878,11880,11882,11884,11886],{"class":5321,"line":5411},[5319,11857,5832],{"class":5496},[5319,11859,5210],{"class":5504},[5319,11861,11775],{"class":5510},[5319,11863,5210],{"class":5504},[5319,11865,11866],{"class":5714},"on",[5319,11868,5790],{"class":5504},[5319,11870,11871],{"class":5793},"'message'",[5319,11873,11874],{"class":5504},", (",[5319,11876,11877],{"class":5510},"channel",[5319,11879,6500],{"class":5504},[5319,11881,10542],{"class":5510},[5319,11883,6634],{"class":5504},[5319,11885,5731],{"class":5496},[5319,11887,5505],{"class":5504},[5319,11889,11890,11892,11894,11896,11898,11900],{"class":5321,"line":5417},[5319,11891,6231],{"class":5948},[5319,11893,5952],{"class":5504},[5319,11895,11877],{"class":5510},[5319,11897,8975],{"class":5504},[5319,11899,11851],{"class":5793},[5319,11901,5966],{"class":5504},[5319,11903,11904,11907,11910,11912,11915,11917,11920,11922,11924],{"class":5321,"line":5423},[5319,11905,11906],{"class":5496},"        const",[5319,11908,11909],{"class":6087}," messageData",[5319,11911,5629],{"class":5504},[5319,11913,11914],{"class":6087},"JSON",[5319,11916,5210],{"class":5504},[5319,11918,11919],{"class":5714},"parse",[5319,11921,5790],{"class":5504},[5319,11923,10542],{"class":5510},[5319,11925,5815],{"class":5504},[5319,11927,11928,11930,11932,11935,11937,11940],{"class":5321,"line":5428},[5319,11929,6402],{"class":5496},[5319,11931,5210],{"class":5504},[5319,11933,11934],{"class":5714},"handleNewMessage",[5319,11936,5790],{"class":5504},[5319,11938,11939],{"class":5510},"messageData",[5319,11941,5815],{"class":5504},[5319,11943,11944],{"class":5321,"line":5434},[5319,11945,6301],{"class":5504},[5319,11947,11948],{"class":5321,"line":5439},[5319,11949,6713],{"class":5504},[5319,11951,11952],{"class":5321,"line":5445},[5319,11953,5909],{"class":5504},[5319,11955,11956],{"class":5321,"line":5742},[5319,11957,5491],{"emptyLinePlaceholder":5490},[5319,11959,11960,11962,11965,11967,11969,11971,11973,11975,11977,11979,11981],{"class":5321,"line":5747},[5319,11961,7083],{"class":5496},[5319,11963,11964],{"class":5714}," publishNewMessage",[5319,11966,5790],{"class":5504},[5319,11968,10542],{"class":5510},[5319,11970,5514],{"class":5504},[5319,11972,5582],{"class":5500},[5319,11974,7551],{"class":5504},[5319,11976,6062],{"class":5500},[5319,11978,6065],{"class":5504},[5319,11980,5774],{"class":5500},[5319,11982,6070],{"class":5504},[5319,11984,11985],{"class":5321,"line":5753},[5319,11986,11987],{"class":5484},"    \u002F\u002F Опублікувати подію у Redis — всі інстанси отримають її\n",[5319,11989,11990,11992,11994,11996,11998,12000,12003,12005,12007,12009,12011,12013,12016,12018,12020],{"class":5321,"line":5759},[5319,11991,11413],{"class":5948},[5319,11993,7207],{"class":5496},[5319,11995,5210],{"class":5504},[5319,11997,11805],{"class":5510},[5319,11999,5210],{"class":5504},[5319,12001,12002],{"class":5714},"publish",[5319,12004,5790],{"class":5504},[5319,12006,11851],{"class":5793},[5319,12008,6500],{"class":5504},[5319,12010,11914],{"class":6087},[5319,12012,5210],{"class":5504},[5319,12014,12015],{"class":5714},"stringify",[5319,12017,5790],{"class":5504},[5319,12019,10542],{"class":5510},[5319,12021,12022],{"class":5504},"));\n",[5319,12024,12025],{"class":5321,"line":5765},[5319,12026,5909],{"class":5504},[5319,12028,12029],{"class":5321,"line":5779},[5319,12030,5559],{"class":5504},[5089,12032,12033],{},[5099,12034,12035],{},"2. Витік пам'яті через \"мертві\" клієнти:",[5089,12037,12038,12039,12041],{},"Якщо клієнт закриває браузер або втрачає з'єднання, але сервер не детектує це одразу, запис у масиві ",[5289,12040,10455],{}," залишається до спрацювання таймауту (30 секунд). При великій кількості відключень це може призвести до витоку пам'яті.",[5089,12043,12044,12046,12047,12050],{},[5099,12045,11636],{}," використовувати механізм ",[5289,12048,12049],{},"req.on('close')"," для детектування розриву з'єднання:",[5311,12052,12054],{"className":5475,"code":12053,"language":5477,"meta":5315,"style":5315},"@Get('poll')\nasync longPoll(@Req() req: RequestWithUser, @Res() res: Response) {\n  const cleanupId = Math.random(); \u002F\u002F Унікальний ідентифікатор для cleanup\n\n  req.on('close', () => {\n    console.log('[Long-Polling] Клієнт відключився, cleanup');\n    this.pollingService.removeClientByCleanupId(cleanupId);\n  });\n\n  const result = await this.pollingService.waitForNewMessages(\n    req.user.userId,\n    sinceId,\n    30000,\n    cleanupId,\n  );\n\n  res.json(result);\n}\n",[5289,12055,12056,12068,12103,12127,12131,12151,12166,12186,12191,12195,12217,12232,12238,12245,12252,12257,12261,12276],{"__ignoreMap":5315},[5319,12057,12058,12060,12062,12064,12066],{"class":5321,"line":5322},[5319,12059,6990],{"class":5504},[5319,12061,6879],{"class":5714},[5319,12063,5790],{"class":5504},[5319,12065,9586],{"class":5793},[5319,12067,7000],{"class":5504},[5319,12069,12070,12073,12075,12078,12080,12082,12084,12086,12088,12091,12093,12095,12097,12099,12101],{"class":5321,"line":5328},[5319,12071,12072],{"class":5510},"async",[5319,12074,9595],{"class":5714},[5319,12076,12077],{"class":5504},"(@",[5319,12079,6894],{"class":5714},[5319,12081,7119],{"class":5504},[5319,12083,7122],{"class":5510},[5319,12085,5514],{"class":5504},[5319,12087,7127],{"class":5510},[5319,12089,12090],{"class":5504},", @",[5319,12092,9400],{"class":5714},[5319,12094,7119],{"class":5504},[5319,12096,9644],{"class":5510},[5319,12098,5514],{"class":5504},[5319,12100,9417],{"class":5510},[5319,12102,5966],{"class":5504},[5319,12104,12105,12108,12111,12113,12116,12118,12121,12124],{"class":5321,"line":5334},[5319,12106,12107],{"class":5496},"  const",[5319,12109,12110],{"class":6087}," cleanupId",[5319,12112,5629],{"class":5504},[5319,12114,12115],{"class":5510},"Math",[5319,12117,5210],{"class":5504},[5319,12119,12120],{"class":5714},"random",[5319,12122,12123],{"class":5504},"(); ",[5319,12125,12126],{"class":5484},"\u002F\u002F Унікальний ідентифікатор для cleanup\n",[5319,12128,12129],{"class":5321,"line":5340},[5319,12130,5491],{"emptyLinePlaceholder":5490},[5319,12132,12133,12136,12138,12140,12142,12145,12147,12149],{"class":5321,"line":5346},[5319,12134,12135],{"class":5510},"  req",[5319,12137,5210],{"class":5504},[5319,12139,11866],{"class":5714},[5319,12141,5790],{"class":5504},[5319,12143,12144],{"class":5793},"'close'",[5319,12146,6770],{"class":5504},[5319,12148,5731],{"class":5496},[5319,12150,5505],{"class":5504},[5319,12152,12153,12155,12157,12159,12161,12164],{"class":5321,"line":5352},[5319,12154,5782],{"class":5510},[5319,12156,5210],{"class":5504},[5319,12158,5787],{"class":5714},[5319,12160,5790],{"class":5504},[5319,12162,12163],{"class":5793},"'[Long-Polling] Клієнт відключився, cleanup'",[5319,12165,5815],{"class":5504},[5319,12167,12168,12170,12172,12174,12176,12179,12181,12184],{"class":5321,"line":5358},[5319,12169,5832],{"class":5496},[5319,12171,5210],{"class":5504},[5319,12173,9748],{"class":5510},[5319,12175,5210],{"class":5504},[5319,12177,12178],{"class":5714},"removeClientByCleanupId",[5319,12180,5790],{"class":5504},[5319,12182,12183],{"class":5510},"cleanupId",[5319,12185,5815],{"class":5504},[5319,12187,12188],{"class":5321,"line":5363},[5319,12189,12190],{"class":5504},"  });\n",[5319,12192,12193],{"class":5321,"line":5369},[5319,12194,5491],{"emptyLinePlaceholder":5490},[5319,12196,12197,12199,12201,12203,12205,12207,12209,12211,12213,12215],{"class":5321,"line":5374},[5319,12198,12107],{"class":5496},[5319,12200,9737],{"class":6087},[5319,12202,5629],{"class":5504},[5319,12204,6093],{"class":5948},[5319,12206,7207],{"class":5496},[5319,12208,5210],{"class":5504},[5319,12210,9748],{"class":5510},[5319,12212,5210],{"class":5504},[5319,12214,9753],{"class":5714},[5319,12216,5692],{"class":5504},[5319,12218,12219,12222,12224,12226,12228,12230],{"class":5321,"line":5380},[5319,12220,12221],{"class":5510},"    req",[5319,12223,5210],{"class":5504},[5319,12225,7178],{"class":5510},[5319,12227,5210],{"class":5504},[5319,12229,6682],{"class":5510},[5319,12231,5707],{"class":5504},[5319,12233,12234,12236],{"class":5321,"line":5385},[5319,12235,10186],{"class":5510},[5319,12237,5707],{"class":5504},[5319,12239,12240,12243],{"class":5321,"line":5390},[5319,12241,12242],{"class":5632},"    30000",[5319,12244,5707],{"class":5504},[5319,12246,12247,12250],{"class":5321,"line":5395},[5319,12248,12249],{"class":5510},"    cleanupId",[5319,12251,5707],{"class":5504},[5319,12253,12254],{"class":5321,"line":5400},[5319,12255,12256],{"class":5504},"  );\n",[5319,12258,12259],{"class":5321,"line":5406},[5319,12260,5491],{"emptyLinePlaceholder":5490},[5319,12262,12263,12266,12268,12270,12272,12274],{"class":5321,"line":5411},[5319,12264,12265],{"class":5510},"  res",[5319,12267,5210],{"class":5504},[5319,12269,6330],{"class":5714},[5319,12271,5790],{"class":5504},[5319,12273,9798],{"class":5510},[5319,12275,5815],{"class":5504},[5319,12277,12278],{"class":5321,"line":5417},[5319,12279,5559],{"class":5504},[5237,12281,12283],{"id":12282},"коли-використовувати-long-polling","Коли використовувати Long-Polling",[5127,12285,12286,12314],{},[5130,12287,12288],{"icon":7780,"title":7781},[5093,12289,12290,12296,12302,12308],{},[5096,12291,12292,12295],{},[5099,12293,12294],{},"Помірна частота подій:"," оновлення 1-10 разів на хвилину (новини, оновлення статусу замовлення).",[5096,12297,12298,12301],{},[5099,12299,12300],{},"Середня кількість користувачів:"," 1,000 - 50,000 одночасних підключень.",[5096,12303,12304,12307],{},[5099,12305,12306],{},"Fallback для старих браузерів:"," браузери без підтримки WebSocket (IE9, старі мобільні браузери).",[5096,12309,12310,12313],{},[5099,12311,12312],{},"Простіша інфраструктура:"," не потребує окремого WebSocket сервера, працює через звичайний HTTP\u002FHTTPS.",[5130,12315,12316],{"icon":7810,"title":7811},[5093,12317,12318,12324,12330],{},[5096,12319,12320,12323],{},[5099,12321,12322],{},"Дуже висока частота подій:"," >10 подій на секунду — overhead від HTTP handshake стає критичним.",[5096,12325,12326,12329],{},[5099,12327,12328],{},"Мільйони одночасних користувачів:"," витрати пам'яті на утримання відкритих з'єднань.",[5096,12331,12332,12335],{},[5099,12333,12334],{},"Двосторонній зв'язок у реальному часі:"," клієнт також часто відправляє дані (чат, спільне редагування).",[5124,12337],{},[5084,12339,12341],{"id":12340},"server-sent-events-sse-односпрямований-потік-подій","Server-Sent Events (SSE): Односпрямований потік подій",[5089,12343,12344,12346,12347,12350,12351,12354],{},[5099,12345,4678],{}," — це стандарт HTML5 для організації однонаправленої (",[5199,12348,12349],{},"unidirectional",") потокової комунікації від сервера до клієнта через постійне HTTP з'єднання. На відміну від long-polling, де після кожної відповіді з'єднання закривається, SSE ",[5099,12352,12353],{},"підтримує одне з'єднання відкритим"," протягом усього часу роботи застосунку, через яке сервер може відправляти необмежену кількість подій.",[5237,12356,12358],{"id":12357},"архітектура-та-принцип-роботи-sse","Архітектура та принцип роботи SSE",[5089,12360,12361,12362,6842,12365,12368,12369,9846],{},"SSE базується на специфічному HTTP response, де сервер встановлює заголовки ",[5289,12363,12364],{},"Content-Type: text\u002Fevent-stream",[5289,12366,12367],{},"Cache-Control: no-cache",", після чого передає події у текстовому форматі як нескінченний потік (",[5199,12370,12371],{},"stream",[5089,12373,12374],{},[5099,12375,12376],{},"Формат SSE події:",[5311,12378,12382],{"className":12379,"code":12381,"language":6695},[12380],"language-text","event: messageCreated\nid: 42\ndata: {\"userId\": 10, \"text\": \"Привіт, SSE!\"}\n\nevent: userJoined\nid: 43\ndata: {\"userId\": 15, \"username\": \"Andriy\"}\n\n",[5289,12383,12381],{"__ignoreMap":5315},[5089,12385,12386],{},[5099,12387,12388],{},"Ключові характеристики:",[5093,12390,12391,12400,12411,12418],{},[5096,12392,12393,12396,12397,5210],{},[5099,12394,12395],{},"Кожна подія"," починається з нового рядка та закінчується подвійним переносом рядка ",[5289,12398,12399],{},"\\n\\n",[5096,12401,12402,12408,12409,9846],{},[5099,12403,12404,12405,6168],{},"Поле ",[5289,12406,12407],{},"event"," назва типу події (опціонально, за замовчуванням ",[5289,12410,10542],{},[5096,12412,12413,12417],{},[5099,12414,12404,12415,6168],{},[5289,12416,7290],{}," унікальний ідентифікатор події, використовується для автоматичного reconnect.",[5096,12419,12420,12424],{},[5099,12421,12404,12422,6168],{},[5289,12423,6347],{}," корисне навантаження події (може бути JSON, plain text, тощо).",[5308,12426,12427],{},[5311,12428,12430],{"className":5313,"code":12429,"language":5308,"meta":5315,"style":5315},"sequenceDiagram\n    participant Client as Клієнт\u003Cbr\u002F>(EventSource API)\n    participant Server as Сервер\u003Cbr\u002F>(NestJS SSE)\n    \n    Client->>Server: GET \u002Fapi\u002Fevents (HTTP Upgrade)\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: event: messageCreated\u003Cbr\u002F>data: {...}\u003Cbr\u002F>\u003Cbr\u002F>\n    \n    Note over Server: t=5s: Нова подія\n    Server-->>Client: event: userJoined\u003Cbr\u002F>data: {...}\u003Cbr\u002F>\u003Cbr\u002F>\n    \n    Note over Server: t=10s: Нова подія\n    Server-->>Client: event: messageCreated\u003Cbr\u002F>data: {...}\u003Cbr\u002F>\u003Cbr\u002F>\n    \n    Note over Client: Браузер закритий або\u003Cbr\u002F>мережа розірвана\n    Client-XServer: Connection lost\n    \n    Note over Client: Автоматичний reconnect\u003Cbr\u002F>через 3 секунди\n    Client->>Server: GET \u002Fapi\u002Fevents?lastEventId=43\n    Server->>Client: 200 OK (відновлення потоку)\n",[5289,12431,12432,12436,12441,12446,12450,12455,12460,12464,12469,12473,12478,12483,12487,12492,12497,12501,12506,12510,12514,12519,12524,12528,12533,12538],{"__ignoreMap":5315},[5319,12433,12434],{"class":5321,"line":5322},[5319,12435,5325],{},[5319,12437,12438],{"class":5321,"line":5328},[5319,12439,12440],{},"    participant Client as Клієнт\u003Cbr\u002F>(EventSource API)\n",[5319,12442,12443],{"class":5321,"line":5334},[5319,12444,12445],{},"    participant Server as Сервер\u003Cbr\u002F>(NestJS SSE)\n",[5319,12447,12448],{"class":5321,"line":5340},[5319,12449,5343],{},[5319,12451,12452],{"class":5321,"line":5346},[5319,12453,12454],{},"    Client->>Server: GET \u002Fapi\u002Fevents (HTTP Upgrade)\n",[5319,12456,12457],{"class":5321,"line":5352},[5319,12458,12459],{},"    Server->>Client: 200 OK\u003Cbr\u002F>Content-Type: text\u002Fevent-stream\u003Cbr\u002F>Connection: keep-alive\n",[5319,12461,12462],{"class":5321,"line":5358},[5319,12463,5343],{},[5319,12465,12466],{"class":5321,"line":5363},[5319,12467,12468],{},"    Note over Server,Client: З'єднання утримується відкритим\n",[5319,12470,12471],{"class":5321,"line":5369},[5319,12472,5343],{},[5319,12474,12475],{"class":5321,"line":5374},[5319,12476,12477],{},"    Note over Server: t=2s: Нова подія\n",[5319,12479,12480],{"class":5321,"line":5380},[5319,12481,12482],{},"    Server-->>Client: event: messageCreated\u003Cbr\u002F>data: {...}\u003Cbr\u002F>\u003Cbr\u002F>\n",[5319,12484,12485],{"class":5321,"line":5385},[5319,12486,5343],{},[5319,12488,12489],{"class":5321,"line":5390},[5319,12490,12491],{},"    Note over Server: t=5s: Нова подія\n",[5319,12493,12494],{"class":5321,"line":5395},[5319,12495,12496],{},"    Server-->>Client: event: userJoined\u003Cbr\u002F>data: {...}\u003Cbr\u002F>\u003Cbr\u002F>\n",[5319,12498,12499],{"class":5321,"line":5400},[5319,12500,5343],{},[5319,12502,12503],{"class":5321,"line":5406},[5319,12504,12505],{},"    Note over Server: t=10s: Нова подія\n",[5319,12507,12508],{"class":5321,"line":5411},[5319,12509,12482],{},[5319,12511,12512],{"class":5321,"line":5417},[5319,12513,5343],{},[5319,12515,12516],{"class":5321,"line":5423},[5319,12517,12518],{},"    Note over Client: Браузер закритий або\u003Cbr\u002F>мережа розірвана\n",[5319,12520,12521],{"class":5321,"line":5428},[5319,12522,12523],{},"    Client-XServer: Connection lost\n",[5319,12525,12526],{"class":5321,"line":5434},[5319,12527,5343],{},[5319,12529,12530],{"class":5321,"line":5439},[5319,12531,12532],{},"    Note over Client: Автоматичний reconnect\u003Cbr\u002F>через 3 секунди\n",[5319,12534,12535],{"class":5321,"line":5445},[5319,12536,12537],{},"    Client->>Server: GET \u002Fapi\u002Fevents?lastEventId=43\n",[5319,12539,12540],{"class":5321,"line":5742},[5319,12541,12542],{},"    Server->>Client: 200 OK (відновлення потоку)\n",[5089,12544,12545],{},[5099,12546,12547],{},"Переваги над Long-Polling:",[5245,12549,12550,12556,12562,12568],{},[5096,12551,12552,12555],{},[5099,12553,12554],{},"Одне постійне з'єднання"," замість циклу reconnect після кожної події.",[5096,12557,12558,12561],{},[5099,12559,12560],{},"Менший HTTP overhead:"," не потрібно повторно встановлювати з'єднання, передавати заголовки автентифікації тощо.",[5096,12563,12564,12567],{},[5099,12565,12566],{},"Автоматичний reconnect:"," браузер автоматично відновлює з'єднання при розриві (наприклад, через втрату мережі).",[5096,12569,12570,12576,12577,12579],{},[5099,12571,12572,12573,6168],{},"Підтримка ",[5289,12574,12575],{},"Last-Event-ID"," при reconnect браузер автоматично передає заголовок ",[5289,12578,12575],{},", що дозволяє серверу відновити пропущені події.",[5237,12581,12583],{"id":12582},"реалізація-клієнтська-частина-через-eventsource-api","Реалізація: Клієнтська частина через EventSource API",[5089,12585,12586,12587,12590],{},"Браузери надають нативний API ",[5289,12588,12589],{},"EventSource"," для роботи з SSE, що значно спрощує клієнтський код порівняно з Long-Polling.",[5311,12592,12594],{"className":5475,"code":12593,"language":5477,"meta":5315,"style":5315},"\u002F\u002F client\u002Fsse-client.ts\n\ninterface MessageData {\n  id: number;\n  userId: number;\n  text: string;\n  timestamp: string;\n}\n\ninterface UserJoinedData {\n  userId: number;\n  username: string;\n}\n\nclass SSEClient {\n  private eventSource: EventSource | null = null;\n\n  constructor(\n    private apiUrl: string,\n    private authToken: string,\n    private onMessage: (data: MessageData) => void,\n    private onUserJoined: (data: UserJoinedData) => void,\n    private onError: (error: Event) => void\n  ) {}\n\n  \u002F**\n   * Підключається до SSE потоку\n   *\u002F\n  connect(): void {\n    \u002F\u002F EventSource не підтримує кастомні заголовки (наприклад, Authorization)\n    \u002F\u002F Передаємо токен через query parameter\n    const url = `${this.apiUrl}\u002Fevents\u002Fstream?token=${this.authToken}`;\n\n    this.eventSource = new EventSource(url);\n\n    \u002F\u002F Загальний обробник для події типу 'message' (за замовчуванням)\n    this.eventSource.addEventListener('message', (event: MessageEvent) => {\n      console.log('[SSE] Отримано загальну подію:', event.data);\n    });\n\n    \u002F\u002F Обробник для події типу 'messageCreated'\n    this.eventSource.addEventListener('messageCreated', (event: MessageEvent) => {\n      const data: MessageData = JSON.parse(event.data);\n      console.log(`[SSE] Нове повідомлення ${data.id}: ${data.text}`);\n      this.onMessage(data);\n    });\n\n    \u002F\u002F Обробник для події типу 'userJoined'\n    this.eventSource.addEventListener('userJoined', (event: MessageEvent) => {\n      const data: UserJoinedData = JSON.parse(event.data);\n      console.log(`[SSE] Користувач приєднався: ${data.username}`);\n      this.onUserJoined(data);\n    });\n\n    \u002F\u002F Обробник помилок та розривів з'єднання\n    this.eventSource.addEventListener('error', (event: Event) => {\n      console.error('[SSE] Помилка з\\'єднання:', event);\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      this.onError(event);\n    });\n\n    \u002F\u002F Обробник успішного підключення\n    this.eventSource.addEventListener('open', () => {\n      console.log('[SSE] З\\'єднання встановлено');\n    });\n\n    console.log('[SSE] Підключення до:', url);\n  }\n\n  \u002F**\n   * Закриває SSE з'єднання\n   *\u002F\n  disconnect(): void {\n    if (this.eventSource) {\n      this.eventSource.close();\n      this.eventSource = null;\n      console.log('[SSE] З\\'єднання закрито клієнтом');\n    }\n  }\n\n  \u002F**\n   * Перевіряє статус з'єднання\n   *\u002F\n  getReadyState(): number | null {\n    return this.eventSource?.readyState ?? null;\n  }\n}\n\n\u002F\u002F Використання\nconst client = new SSEClient(\n  'https:\u002F\u002Fapi.example.com',\n  localStorage.getItem('authToken') || '',\n  (message) => {\n    \u002F\u002F Додати повідомлення до UI\n    const messageEl = document.createElement('div');\n    messageEl.textContent = `[${message.userId}]: ${message.text}`;\n    document.getElementById('messages')?.appendChild(messageEl);\n  },\n  (user) => {\n    \u002F\u002F Показати нотифікацію про приєднання користувача\n    console.log(`${user.username} приєднався до чату`);\n  },\n  (error) => {\n    \u002F\u002F Показати користувачу повідомлення про втрату з'єднання\n    console.error('Втрачено з\\'єднання з сервером');\n  }\n);\n\nclient.connect();\n\n\u002F\u002F Закрити при виході зі сторінки\nwindow.addEventListener('beforeunload', () => {\n  client.disconnect();\n});\n",[5289,12595,12596,12601,12605,12614,12624,12634,12644,12654,12658,12662,12671,12681,12692,12696,12700,12709,12730,12734,12740,12752,12765,12789,12813,12834,12838,12842,12846,12851,12855,12866,12871,12876,12915,12919,12942,12946,12951,12982,13005,13009,13013,13018,13049,13077,13116,13131,13135,13139,13144,13175,13203,13231,13246,13250,13254,13259,13290,13316,13320,13349,13369,13401,13416,13420,13424,13438,13442,13446,13451,13474,13493,13497,13501,13520,13524,13528,13532,13537,13541,13552,13566,13581,13595,13614,13618,13622,13626,13630,13635,13639,13654,13675,13679,13683,13687,13691,13705,13711,13730,13742,13747,13771,13813,13840,13844,13856,13861,13888,13892,13904,13909,13929,13933,13937,13941,13952,13956,13961,13979,13990],{"__ignoreMap":5315},[5319,12597,12598],{"class":5321,"line":5322},[5319,12599,12600],{"class":5484},"\u002F\u002F client\u002Fsse-client.ts\n",[5319,12602,12603],{"class":5321,"line":5328},[5319,12604,5491],{"emptyLinePlaceholder":5490},[5319,12606,12607,12609,12612],{"class":5321,"line":5334},[5319,12608,5497],{"class":5496},[5319,12610,12611],{"class":5500}," MessageData",[5319,12613,5505],{"class":5504},[5319,12615,12616,12618,12620,12622],{"class":5321,"line":5340},[5319,12617,5511],{"class":5510},[5319,12619,5514],{"class":5504},[5319,12621,5517],{"class":5500},[5319,12623,5520],{"class":5504},[5319,12625,12626,12628,12630,12632],{"class":5321,"line":5346},[5319,12627,5525],{"class":5510},[5319,12629,5514],{"class":5504},[5319,12631,5517],{"class":5500},[5319,12633,5520],{"class":5504},[5319,12635,12636,12638,12640,12642],{"class":5321,"line":5352},[5319,12637,5536],{"class":5510},[5319,12639,5514],{"class":5504},[5319,12641,5541],{"class":5500},[5319,12643,5520],{"class":5504},[5319,12645,12646,12648,12650,12652],{"class":5321,"line":5358},[5319,12647,5548],{"class":5510},[5319,12649,5514],{"class":5504},[5319,12651,5541],{"class":5500},[5319,12653,5520],{"class":5504},[5319,12655,12656],{"class":5321,"line":5363},[5319,12657,5559],{"class":5504},[5319,12659,12660],{"class":5321,"line":5369},[5319,12661,5491],{"emptyLinePlaceholder":5490},[5319,12663,12664,12666,12669],{"class":5321,"line":5374},[5319,12665,5497],{"class":5496},[5319,12667,12668],{"class":5500}," UserJoinedData",[5319,12670,5505],{"class":5504},[5319,12672,12673,12675,12677,12679],{"class":5321,"line":5380},[5319,12674,5525],{"class":5510},[5319,12676,5514],{"class":5504},[5319,12678,5517],{"class":5500},[5319,12680,5520],{"class":5504},[5319,12682,12683,12686,12688,12690],{"class":5321,"line":5385},[5319,12684,12685],{"class":5510},"  username",[5319,12687,5514],{"class":5504},[5319,12689,5541],{"class":5500},[5319,12691,5520],{"class":5504},[5319,12693,12694],{"class":5321,"line":5390},[5319,12695,5559],{"class":5504},[5319,12697,12698],{"class":5321,"line":5395},[5319,12699,5491],{"emptyLinePlaceholder":5490},[5319,12701,12702,12704,12707],{"class":5321,"line":5400},[5319,12703,5609],{"class":5496},[5319,12705,12706],{"class":5500}," SSEClient",[5319,12708,5505],{"class":5504},[5319,12710,12711,12713,12716,12718,12720,12722,12724,12726,12728],{"class":5321,"line":5406},[5319,12712,5619],{"class":5496},[5319,12714,12715],{"class":5510}," eventSource",[5319,12717,5514],{"class":5504},[5319,12719,12589],{"class":5500},[5319,12721,5671],{"class":5504},[5319,12723,5674],{"class":5500},[5319,12725,5629],{"class":5504},[5319,12727,5674],{"class":5496},[5319,12729,5520],{"class":5504},[5319,12731,12732],{"class":5321,"line":5411},[5319,12733,5491],{"emptyLinePlaceholder":5490},[5319,12735,12736,12738],{"class":5321,"line":5417},[5319,12737,5689],{"class":5496},[5319,12739,5692],{"class":5504},[5319,12741,12742,12744,12746,12748,12750],{"class":5321,"line":5423},[5319,12743,5697],{"class":5496},[5319,12745,5700],{"class":5510},[5319,12747,5514],{"class":5504},[5319,12749,5541],{"class":5500},[5319,12751,5707],{"class":5504},[5319,12753,12754,12756,12759,12761,12763],{"class":5321,"line":5428},[5319,12755,5697],{"class":5496},[5319,12757,12758],{"class":5510}," authToken",[5319,12760,5514],{"class":5504},[5319,12762,5541],{"class":5500},[5319,12764,5707],{"class":5504},[5319,12766,12767,12769,12772,12774,12776,12778,12781,12783,12785,12787],{"class":5321,"line":5434},[5319,12768,5697],{"class":5496},[5319,12770,12771],{"class":5714}," onMessage",[5319,12773,5718],{"class":5504},[5319,12775,6347],{"class":5510},[5319,12777,5514],{"class":5504},[5319,12779,12780],{"class":5500},"MessageData",[5319,12782,6634],{"class":5504},[5319,12784,5731],{"class":5496},[5319,12786,8219],{"class":5500},[5319,12788,5707],{"class":5504},[5319,12790,12791,12793,12796,12798,12800,12802,12805,12807,12809,12811],{"class":5321,"line":5439},[5319,12792,5697],{"class":5496},[5319,12794,12795],{"class":5714}," onUserJoined",[5319,12797,5718],{"class":5504},[5319,12799,6347],{"class":5510},[5319,12801,5514],{"class":5504},[5319,12803,12804],{"class":5500},"UserJoinedData",[5319,12806,6634],{"class":5504},[5319,12808,5731],{"class":5496},[5319,12810,8219],{"class":5500},[5319,12812,5707],{"class":5504},[5319,12814,12815,12817,12819,12821,12823,12825,12828,12830,12832],{"class":5321,"line":5445},[5319,12816,5697],{"class":5496},[5319,12818,8228],{"class":5714},[5319,12820,5718],{"class":5504},[5319,12822,6254],{"class":5510},[5319,12824,5514],{"class":5504},[5319,12826,12827],{"class":5500},"Event",[5319,12829,6634],{"class":5504},[5319,12831,5731],{"class":5496},[5319,12833,5734],{"class":5500},[5319,12835,12836],{"class":5321,"line":5742},[5319,12837,5739],{"class":5504},[5319,12839,12840],{"class":5321,"line":5747},[5319,12841,5491],{"emptyLinePlaceholder":5490},[5319,12843,12844],{"class":5321,"line":5753},[5319,12845,5750],{"class":5484},[5319,12847,12848],{"class":5321,"line":5759},[5319,12849,12850],{"class":5484},"   * Підключається до SSE потоку\n",[5319,12852,12853],{"class":5321,"line":5765},[5319,12854,5762],{"class":5484},[5319,12856,12857,12860,12862,12864],{"class":5321,"line":5779},[5319,12858,12859],{"class":5714},"  connect",[5319,12861,5771],{"class":5504},[5319,12863,5774],{"class":5500},[5319,12865,5505],{"class":5504},[5319,12867,12868],{"class":5321,"line":5818},[5319,12869,12870],{"class":5484},"    \u002F\u002F EventSource не підтримує кастомні заголовки (наприклад, Authorization)\n",[5319,12872,12873],{"class":5321,"line":5823},[5319,12874,12875],{"class":5484},"    \u002F\u002F Передаємо токен через query parameter\n",[5319,12877,12878,12880,12883,12885,12887,12889,12891,12893,12895,12897,12900,12902,12904,12906,12909,12911,12913],{"class":5321,"line":5829},[5319,12879,7139],{"class":5496},[5319,12881,12882],{"class":6087}," url",[5319,12884,5629],{"class":5504},[5319,12886,6132],{"class":5793},[5319,12888,5797],{"class":5496},[5319,12890,5800],{"class":5496},[5319,12892,5210],{"class":5803},[5319,12894,6113],{"class":5510},[5319,12896,5809],{"class":5496},[5319,12898,12899],{"class":5793},"\u002Fevents\u002Fstream?token=",[5319,12901,5797],{"class":5496},[5319,12903,5800],{"class":5496},[5319,12905,5210],{"class":5803},[5319,12907,12908],{"class":5510},"authToken",[5319,12910,5809],{"class":5496},[5319,12912,6132],{"class":5793},[5319,12914,5520],{"class":5504},[5319,12916,12917],{"class":5321,"line":5843},[5319,12918,5491],{"emptyLinePlaceholder":5490},[5319,12920,12921,12923,12925,12928,12930,12932,12935,12937,12940],{"class":5321,"line":5848},[5319,12922,5832],{"class":5496},[5319,12924,5210],{"class":5504},[5319,12926,12927],{"class":5510},"eventSource",[5319,12929,5629],{"class":5504},[5319,12931,6611],{"class":5496},[5319,12933,12934],{"class":5714}," EventSource",[5319,12936,5790],{"class":5504},[5319,12938,12939],{"class":5510},"url",[5319,12941,5815],{"class":5504},[5319,12943,12944],{"class":5321,"line":5854},[5319,12945,5491],{"emptyLinePlaceholder":5490},[5319,12947,12948],{"class":5321,"line":5880},[5319,12949,12950],{"class":5484},"    \u002F\u002F Загальний обробник для події типу 'message' (за замовчуванням)\n",[5319,12952,12953,12955,12957,12959,12961,12963,12965,12967,12969,12971,12973,12976,12978,12980],{"class":5321,"line":5892},[5319,12954,5832],{"class":5496},[5319,12956,5210],{"class":5504},[5319,12958,12927],{"class":5510},[5319,12960,5210],{"class":5504},[5319,12962,6762],{"class":5714},[5319,12964,5790],{"class":5504},[5319,12966,11871],{"class":5793},[5319,12968,11874],{"class":5504},[5319,12970,12407],{"class":5510},[5319,12972,5514],{"class":5504},[5319,12974,12975],{"class":5500},"MessageEvent",[5319,12977,6634],{"class":5504},[5319,12979,5731],{"class":5496},[5319,12981,5505],{"class":5504},[5319,12983,12984,12986,12988,12990,12992,12995,12997,12999,13001,13003],{"class":5321,"line":5906},[5319,12985,6003],{"class":5510},[5319,12987,5210],{"class":5504},[5319,12989,5787],{"class":5714},[5319,12991,5790],{"class":5504},[5319,12993,12994],{"class":5793},"'[SSE] Отримано загальну подію:'",[5319,12996,6500],{"class":5504},[5319,12998,12407],{"class":5510},[5319,13000,5210],{"class":5504},[5319,13002,6347],{"class":5510},[5319,13004,5815],{"class":5504},[5319,13006,13007],{"class":5321,"line":5912},[5319,13008,6713],{"class":5504},[5319,13010,13011],{"class":5321,"line":5917},[5319,13012,5491],{"emptyLinePlaceholder":5490},[5319,13014,13015],{"class":5321,"line":5922},[5319,13016,13017],{"class":5484},"    \u002F\u002F Обробник для події типу 'messageCreated'\n",[5319,13019,13020,13022,13024,13026,13028,13030,13032,13035,13037,13039,13041,13043,13045,13047],{"class":5321,"line":5928},[5319,13021,5832],{"class":5496},[5319,13023,5210],{"class":5504},[5319,13025,12927],{"class":5510},[5319,13027,5210],{"class":5504},[5319,13029,6762],{"class":5714},[5319,13031,5790],{"class":5504},[5319,13033,13034],{"class":5793},"'messageCreated'",[5319,13036,11874],{"class":5504},[5319,13038,12407],{"class":5510},[5319,13040,5514],{"class":5504},[5319,13042,12975],{"class":5500},[5319,13044,6634],{"class":5504},[5319,13046,5731],{"class":5496},[5319,13048,5505],{"class":5504},[5319,13050,13051,13053,13055,13057,13059,13061,13063,13065,13067,13069,13071,13073,13075],{"class":5321,"line":5933},[5319,13052,6084],{"class":5496},[5319,13054,6314],{"class":6087},[5319,13056,5514],{"class":5504},[5319,13058,12780],{"class":5500},[5319,13060,5629],{"class":5504},[5319,13062,11914],{"class":6087},[5319,13064,5210],{"class":5504},[5319,13066,11919],{"class":5714},[5319,13068,5790],{"class":5504},[5319,13070,12407],{"class":5510},[5319,13072,5210],{"class":5504},[5319,13074,6347],{"class":5510},[5319,13076,5815],{"class":5504},[5319,13078,13079,13081,13083,13085,13087,13090,13092,13094,13096,13098,13100,13102,13104,13106,13108,13110,13112,13114],{"class":5321,"line":5945},[5319,13080,6003],{"class":5510},[5319,13082,5210],{"class":5504},[5319,13084,5787],{"class":5714},[5319,13086,5790],{"class":5504},[5319,13088,13089],{"class":5793},"`[SSE] Нове повідомлення ",[5319,13091,5797],{"class":5496},[5319,13093,6347],{"class":5510},[5319,13095,5210],{"class":5803},[5319,13097,7290],{"class":5510},[5319,13099,5809],{"class":5496},[5319,13101,5514],{"class":5793},[5319,13103,5797],{"class":5496},[5319,13105,6347],{"class":5510},[5319,13107,5210],{"class":5803},[5319,13109,6695],{"class":5510},[5319,13111,5809],{"class":5496},[5319,13113,6132],{"class":5793},[5319,13115,5815],{"class":5504},[5319,13117,13118,13120,13122,13125,13127,13129],{"class":5321,"line":5969},[5319,13119,5883],{"class":5496},[5319,13121,5210],{"class":5504},[5319,13123,13124],{"class":5714},"onMessage",[5319,13126,5790],{"class":5504},[5319,13128,6347],{"class":5510},[5319,13130,5815],{"class":5504},[5319,13132,13133],{"class":5321,"line":5985},[5319,13134,6713],{"class":5504},[5319,13136,13137],{"class":5321,"line":6000},[5319,13138,5491],{"emptyLinePlaceholder":5490},[5319,13140,13141],{"class":5321,"line":6017},[5319,13142,13143],{"class":5484},"    \u002F\u002F Обробник для події типу 'userJoined'\n",[5319,13145,13146,13148,13150,13152,13154,13156,13158,13161,13163,13165,13167,13169,13171,13173],{"class":5321,"line":6023},[5319,13147,5832],{"class":5496},[5319,13149,5210],{"class":5504},[5319,13151,12927],{"class":5510},[5319,13153,5210],{"class":5504},[5319,13155,6762],{"class":5714},[5319,13157,5790],{"class":5504},[5319,13159,13160],{"class":5793},"'userJoined'",[5319,13162,11874],{"class":5504},[5319,13164,12407],{"class":5510},[5319,13166,5514],{"class":5504},[5319,13168,12975],{"class":5500},[5319,13170,6634],{"class":5504},[5319,13172,5731],{"class":5496},[5319,13174,5505],{"class":5504},[5319,13176,13177,13179,13181,13183,13185,13187,13189,13191,13193,13195,13197,13199,13201],{"class":5321,"line":6028},[5319,13178,6084],{"class":5496},[5319,13180,6314],{"class":6087},[5319,13182,5514],{"class":5504},[5319,13184,12804],{"class":5500},[5319,13186,5629],{"class":5504},[5319,13188,11914],{"class":6087},[5319,13190,5210],{"class":5504},[5319,13192,11919],{"class":5714},[5319,13194,5790],{"class":5504},[5319,13196,12407],{"class":5510},[5319,13198,5210],{"class":5504},[5319,13200,6347],{"class":5510},[5319,13202,5815],{"class":5504},[5319,13204,13205,13207,13209,13211,13213,13216,13218,13220,13222,13225,13227,13229],{"class":5321,"line":6033},[5319,13206,6003],{"class":5510},[5319,13208,5210],{"class":5504},[5319,13210,5787],{"class":5714},[5319,13212,5790],{"class":5504},[5319,13214,13215],{"class":5793},"`[SSE] Користувач приєднався: ",[5319,13217,5797],{"class":5496},[5319,13219,6347],{"class":5510},[5319,13221,5210],{"class":5803},[5319,13223,13224],{"class":5510},"username",[5319,13226,5809],{"class":5496},[5319,13228,6132],{"class":5793},[5319,13230,5815],{"class":5504},[5319,13232,13233,13235,13237,13240,13242,13244],{"class":5321,"line":6038},[5319,13234,5883],{"class":5496},[5319,13236,5210],{"class":5504},[5319,13238,13239],{"class":5714},"onUserJoined",[5319,13241,5790],{"class":5504},[5319,13243,6347],{"class":5510},[5319,13245,5815],{"class":5504},[5319,13247,13248],{"class":5321,"line":6044},[5319,13249,6713],{"class":5504},[5319,13251,13252],{"class":5321,"line":6049},[5319,13253,5491],{"emptyLinePlaceholder":5490},[5319,13255,13256],{"class":5321,"line":6073},[5319,13257,13258],{"class":5484},"    \u002F\u002F Обробник помилок та розривів з'єднання\n",[5319,13260,13261,13263,13265,13267,13269,13271,13273,13276,13278,13280,13282,13284,13286,13288],{"class":5321,"line":6081},[5319,13262,5832],{"class":5496},[5319,13264,5210],{"class":5504},[5319,13266,12927],{"class":5510},[5319,13268,5210],{"class":5504},[5319,13270,6762],{"class":5714},[5319,13272,5790],{"class":5504},[5319,13274,13275],{"class":5793},"'error'",[5319,13277,11874],{"class":5504},[5319,13279,12407],{"class":5510},[5319,13281,5514],{"class":5504},[5319,13283,12827],{"class":5500},[5319,13285,6634],{"class":5504},[5319,13287,5731],{"class":5496},[5319,13289,5505],{"class":5504},[5319,13291,13292,13294,13296,13298,13300,13303,13307,13310,13312,13314],{"class":5321,"line":6101},[5319,13293,6003],{"class":5510},[5319,13295,5210],{"class":5504},[5319,13297,6254],{"class":5714},[5319,13299,5790],{"class":5504},[5319,13301,13302],{"class":5793},"'[SSE] Помилка з",[5319,13304,13306],{"class":13305},"sjcCO","\\'",[5319,13308,13309],{"class":5793},"єднання:'",[5319,13311,6500],{"class":5504},[5319,13313,12407],{"class":5510},[5319,13315,5815],{"class":5504},[5319,13317,13318],{"class":5321,"line":6137},[5319,13319,5491],{"emptyLinePlaceholder":5490},[5319,13321,13322,13324,13326,13328,13330,13332,13335,13338,13340,13342,13344,13347],{"class":5321,"line":6143},[5319,13323,6231],{"class":5948},[5319,13325,5952],{"class":5504},[5319,13327,5800],{"class":5496},[5319,13329,5210],{"class":5504},[5319,13331,12927],{"class":5510},[5319,13333,13334],{"class":5504},"?.",[5319,13336,13337],{"class":5510},"readyState",[5319,13339,8975],{"class":5504},[5319,13341,12589],{"class":5510},[5319,13343,5210],{"class":5504},[5319,13345,13346],{"class":6087},"CLOSED",[5319,13348,5966],{"class":5504},[5319,13350,13351,13353,13355,13357,13359,13362,13364,13367],{"class":5321,"line":6154},[5319,13352,6249],{"class":5510},[5319,13354,5210],{"class":5504},[5319,13356,5787],{"class":5714},[5319,13358,5790],{"class":5504},[5319,13360,13361],{"class":5793},"'[SSE] З",[5319,13363,13306],{"class":13305},[5319,13365,13366],{"class":5793},"єднання закрито сервером'",[5319,13368,5815],{"class":5504},[5319,13370,13371,13373,13375,13378,13380,13382,13384,13386,13388,13390,13392,13394,13396,13399],{"class":5321,"line":6162},[5319,13372,6442],{"class":5504},[5319,13374,6445],{"class":5948},[5319,13376,13377],{"class":5948}," if",[5319,13379,5952],{"class":5504},[5319,13381,5800],{"class":5496},[5319,13383,5210],{"class":5504},[5319,13385,12927],{"class":5510},[5319,13387,13334],{"class":5504},[5319,13389,13337],{"class":5510},[5319,13391,8975],{"class":5504},[5319,13393,12589],{"class":5510},[5319,13395,5210],{"class":5504},[5319,13397,13398],{"class":6087},"CONNECTING",[5319,13400,5966],{"class":5504},[5319,13402,13403,13405,13407,13409,13411,13414],{"class":5321,"line":6192},[5319,13404,6249],{"class":5510},[5319,13406,5210],{"class":5504},[5319,13408,5787],{"class":5714},[5319,13410,5790],{"class":5504},[5319,13412,13413],{"class":5793},"'[SSE] Спроба автоматичного reconnect...'",[5319,13415,5815],{"class":5504},[5319,13417,13418],{"class":5321,"line":6205},[5319,13419,6301],{"class":5504},[5319,13421,13422],{"class":5321,"line":6211},[5319,13423,5491],{"emptyLinePlaceholder":5490},[5319,13425,13426,13428,13430,13432,13434,13436],{"class":5321,"line":6217},[5319,13427,5883],{"class":5496},[5319,13429,5210],{"class":5504},[5319,13431,9037],{"class":5714},[5319,13433,5790],{"class":5504},[5319,13435,12407],{"class":5510},[5319,13437,5815],{"class":5504},[5319,13439,13440],{"class":5321,"line":6223},[5319,13441,6713],{"class":5504},[5319,13443,13444],{"class":5321,"line":6228},[5319,13445,5491],{"emptyLinePlaceholder":5490},[5319,13447,13448],{"class":5321,"line":6246},[5319,13449,13450],{"class":5484},"    \u002F\u002F Обробник успішного підключення\n",[5319,13452,13453,13455,13457,13459,13461,13463,13465,13468,13470,13472],{"class":5321,"line":6290},[5319,13454,5832],{"class":5496},[5319,13456,5210],{"class":5504},[5319,13458,12927],{"class":5510},[5319,13460,5210],{"class":5504},[5319,13462,6762],{"class":5714},[5319,13464,5790],{"class":5504},[5319,13466,13467],{"class":5793},"'open'",[5319,13469,6770],{"class":5504},[5319,13471,5731],{"class":5496},[5319,13473,5505],{"class":5504},[5319,13475,13476,13478,13480,13482,13484,13486,13488,13491],{"class":5321,"line":6298},[5319,13477,6003],{"class":5510},[5319,13479,5210],{"class":5504},[5319,13481,5787],{"class":5714},[5319,13483,5790],{"class":5504},[5319,13485,13361],{"class":5793},[5319,13487,13306],{"class":13305},[5319,13489,13490],{"class":5793},"єднання встановлено'",[5319,13492,5815],{"class":5504},[5319,13494,13495],{"class":5321,"line":6304},[5319,13496,6713],{"class":5504},[5319,13498,13499],{"class":5321,"line":6309},[5319,13500,5491],{"emptyLinePlaceholder":5490},[5319,13502,13503,13505,13507,13509,13511,13514,13516,13518],{"class":5321,"line":6335},[5319,13504,5782],{"class":5510},[5319,13506,5210],{"class":5504},[5319,13508,5787],{"class":5714},[5319,13510,5790],{"class":5504},[5319,13512,13513],{"class":5793},"'[SSE] Підключення до:'",[5319,13515,6500],{"class":5504},[5319,13517,12939],{"class":5510},[5319,13519,5815],{"class":5504},[5319,13521,13522],{"class":5321,"line":6340},[5319,13523,5909],{"class":5504},[5319,13525,13526],{"class":5321,"line":6366},[5319,13527,5491],{"emptyLinePlaceholder":5490},[5319,13529,13530],{"class":5321,"line":6399},[5319,13531,5750],{"class":5484},[5319,13533,13534],{"class":5321,"line":6419},[5319,13535,13536],{"class":5484},"   * Закриває SSE з'єднання\n",[5319,13538,13539],{"class":5321,"line":6439},[5319,13540,5762],{"class":5484},[5319,13542,13543,13546,13548,13550],{"class":5321,"line":6450},[5319,13544,13545],{"class":5714},"  disconnect",[5319,13547,5771],{"class":5504},[5319,13549,5774],{"class":5500},[5319,13551,5505],{"class":5504},[5319,13553,13554,13556,13558,13560,13562,13564],{"class":5321,"line":6466},[5319,13555,5949],{"class":5948},[5319,13557,5952],{"class":5504},[5319,13559,5800],{"class":5496},[5319,13561,5210],{"class":5504},[5319,13563,12927],{"class":5510},[5319,13565,5966],{"class":5504},[5319,13567,13568,13570,13572,13574,13576,13579],{"class":5321,"line":6471},[5319,13569,5883],{"class":5496},[5319,13571,5210],{"class":5504},[5319,13573,12927],{"class":5510},[5319,13575,5210],{"class":5504},[5319,13577,13578],{"class":5714},"close",[5319,13580,5840],{"class":5504},[5319,13582,13583,13585,13587,13589,13591,13593],{"class":5321,"line":6486},[5319,13584,5883],{"class":5496},[5319,13586,5210],{"class":5504},[5319,13588,12927],{"class":5510},[5319,13590,5629],{"class":5504},[5319,13592,5674],{"class":5496},[5319,13594,5520],{"class":5504},[5319,13596,13597,13599,13601,13603,13605,13607,13609,13612],{"class":5321,"line":6507},[5319,13598,6003],{"class":5510},[5319,13600,5210],{"class":5504},[5319,13602,5787],{"class":5714},[5319,13604,5790],{"class":5504},[5319,13606,13361],{"class":5793},[5319,13608,13306],{"class":13305},[5319,13610,13611],{"class":5793},"єднання закрито клієнтом'",[5319,13613,5815],{"class":5504},[5319,13615,13616],{"class":5321,"line":6512},[5319,13617,6020],{"class":5504},[5319,13619,13620],{"class":5321,"line":6517},[5319,13621,5909],{"class":5504},[5319,13623,13624],{"class":5321,"line":6522},[5319,13625,5491],{"emptyLinePlaceholder":5490},[5319,13627,13628],{"class":5321,"line":6527},[5319,13629,5750],{"class":5484},[5319,13631,13632],{"class":5321,"line":6533},[5319,13633,13634],{"class":5484},"   * Перевіряє статус з'єднання\n",[5319,13636,13637],{"class":5321,"line":6538},[5319,13638,5762],{"class":5484},[5319,13640,13641,13644,13646,13648,13650,13652],{"class":5321,"line":6552},[5319,13642,13643],{"class":5714},"  getReadyState",[5319,13645,5771],{"class":5504},[5319,13647,5517],{"class":5500},[5319,13649,5671],{"class":5504},[5319,13651,5674],{"class":5500},[5319,13653,5505],{"class":5504},[5319,13655,13656,13658,13660,13662,13664,13666,13668,13671,13673],{"class":5321,"line":6579},[5319,13657,6555],{"class":5948},[5319,13659,7207],{"class":5496},[5319,13661,5210],{"class":5504},[5319,13663,12927],{"class":5510},[5319,13665,13334],{"class":5504},[5319,13667,13337],{"class":5510},[5319,13669,13670],{"class":5504}," ?? ",[5319,13672,5674],{"class":5496},[5319,13674,5520],{"class":5504},[5319,13676,13677],{"class":5321,"line":6584},[5319,13678,5909],{"class":5504},[5319,13680,13681],{"class":5321,"line":6589},[5319,13682,5559],{"class":5504},[5319,13684,13685],{"class":5321,"line":6594},[5319,13686,5491],{"emptyLinePlaceholder":5490},[5319,13688,13689],{"class":5321,"line":6600},[5319,13690,6597],{"class":5484},[5319,13692,13693,13695,13697,13699,13701,13703],{"class":5321,"line":6618},[5319,13694,6603],{"class":5496},[5319,13696,6606],{"class":6087},[5319,13698,5629],{"class":5504},[5319,13700,6611],{"class":5496},[5319,13702,12706],{"class":5714},[5319,13704,5692],{"class":5504},[5319,13706,13707,13709],{"class":5321,"line":6626},[5319,13708,6621],{"class":5793},[5319,13710,5707],{"class":5504},[5319,13712,13713,13716,13718,13720,13722,13724,13726,13728],{"class":5321,"line":6641},[5319,13714,13715],{"class":5510},"  localStorage",[5319,13717,5210],{"class":5504},[5319,13719,6563],{"class":5714},[5319,13721,5790],{"class":5504},[5319,13723,6568],{"class":5793},[5319,13725,6571],{"class":5504},[5319,13727,6574],{"class":5793},[5319,13729,5707],{"class":5504},[5319,13731,13732,13734,13736,13738,13740],{"class":5321,"line":6662},[5319,13733,6629],{"class":5504},[5319,13735,10542],{"class":5510},[5319,13737,6634],{"class":5504},[5319,13739,5731],{"class":5496},[5319,13741,5505],{"class":5504},[5319,13743,13744],{"class":5321,"line":6704},[5319,13745,13746],{"class":5484},"    \u002F\u002F Додати повідомлення до UI\n",[5319,13748,13749,13751,13754,13756,13759,13761,13764,13766,13769],{"class":5321,"line":6710},[5319,13750,7139],{"class":5496},[5319,13752,13753],{"class":6087}," messageEl",[5319,13755,5629],{"class":5504},[5319,13757,13758],{"class":5510},"document",[5319,13760,5210],{"class":5504},[5319,13762,13763],{"class":5714},"createElement",[5319,13765,5790],{"class":5504},[5319,13767,13768],{"class":5793},"'div'",[5319,13770,5815],{"class":5504},[5319,13772,13773,13776,13778,13781,13783,13786,13788,13790,13792,13794,13796,13799,13801,13803,13805,13807,13809,13811],{"class":5321,"line":6716},[5319,13774,13775],{"class":5510},"    messageEl",[5319,13777,5210],{"class":5504},[5319,13779,13780],{"class":5510},"textContent",[5319,13782,5629],{"class":5504},[5319,13784,13785],{"class":5793},"`[",[5319,13787,5797],{"class":5496},[5319,13789,10542],{"class":5510},[5319,13791,5210],{"class":5803},[5319,13793,6682],{"class":5510},[5319,13795,5809],{"class":5496},[5319,13797,13798],{"class":5793},"]: ",[5319,13800,5797],{"class":5496},[5319,13802,10542],{"class":5510},[5319,13804,5210],{"class":5803},[5319,13806,6695],{"class":5510},[5319,13808,5809],{"class":5496},[5319,13810,6132],{"class":5793},[5319,13812,5520],{"class":5504},[5319,13814,13815,13818,13820,13823,13825,13827,13830,13833,13835,13838],{"class":5321,"line":6721},[5319,13816,13817],{"class":5510},"    document",[5319,13819,5210],{"class":5504},[5319,13821,13822],{"class":5714},"getElementById",[5319,13824,5790],{"class":5504},[5319,13826,6997],{"class":5793},[5319,13828,13829],{"class":5504},")?.",[5319,13831,13832],{"class":5714},"appendChild",[5319,13834,5790],{"class":5504},[5319,13836,13837],{"class":5510},"messageEl",[5319,13839,5815],{"class":5504},[5319,13841,13842],{"class":5321,"line":6726},[5319,13843,9253],{"class":5504},[5319,13845,13846,13848,13850,13852,13854],{"class":5321,"line":6731},[5319,13847,6629],{"class":5504},[5319,13849,7178],{"class":5510},[5319,13851,6634],{"class":5504},[5319,13853,5731],{"class":5496},[5319,13855,5505],{"class":5504},[5319,13857,13858],{"class":5321,"line":6744},[5319,13859,13860],{"class":5484},"    \u002F\u002F Показати нотифікацію про приєднання користувача\n",[5319,13862,13863,13865,13867,13869,13871,13873,13875,13877,13879,13881,13883,13886],{"class":5321,"line":6749},[5319,13864,5782],{"class":5510},[5319,13866,5210],{"class":5504},[5319,13868,5787],{"class":5714},[5319,13870,5790],{"class":5504},[5319,13872,6132],{"class":5793},[5319,13874,5797],{"class":5496},[5319,13876,7178],{"class":5510},[5319,13878,5210],{"class":5803},[5319,13880,13224],{"class":5510},[5319,13882,5809],{"class":5496},[5319,13884,13885],{"class":5793}," приєднався до чату`",[5319,13887,5815],{"class":5504},[5319,13889,13890],{"class":5321,"line":6755},[5319,13891,9253],{"class":5504},[5319,13893,13894,13896,13898,13900,13902],{"class":5321,"line":6777},[5319,13895,6629],{"class":5504},[5319,13897,6254],{"class":5510},[5319,13899,6634],{"class":5504},[5319,13901,5731],{"class":5496},[5319,13903,5505],{"class":5504},[5319,13905,13906],{"class":5321,"line":6790},[5319,13907,13908],{"class":5484},"    \u002F\u002F Показати користувачу повідомлення про втрату з'єднання\n",[5319,13910,13911,13913,13915,13917,13919,13922,13924,13927],{"class":5321,"line":9124},[5319,13912,5782],{"class":5510},[5319,13914,5210],{"class":5504},[5319,13916,6254],{"class":5714},[5319,13918,5790],{"class":5504},[5319,13920,13921],{"class":5793},"'Втрачено з",[5319,13923,13306],{"class":13305},[5319,13925,13926],{"class":5793},"єднання з сервером'",[5319,13928,5815],{"class":5504},[5319,13930,13931],{"class":5321,"line":9145},[5319,13932,5909],{"class":5504},[5319,13934,13935],{"class":5321,"line":9150},[5319,13936,5815],{"class":5504},[5319,13938,13939],{"class":5321,"line":9155},[5319,13940,5491],{"emptyLinePlaceholder":5490},[5319,13942,13943,13945,13947,13950],{"class":5321,"line":9160},[5319,13944,6734],{"class":5510},[5319,13946,5210],{"class":5504},[5319,13948,13949],{"class":5714},"connect",[5319,13951,5840],{"class":5504},[5319,13953,13954],{"class":5321,"line":9165},[5319,13955,5491],{"emptyLinePlaceholder":5490},[5319,13957,13958],{"class":5321,"line":9180},[5319,13959,13960],{"class":5484},"\u002F\u002F Закрити при виході зі сторінки\n",[5319,13962,13963,13965,13967,13969,13971,13973,13975,13977],{"class":5321,"line":9187},[5319,13964,5866],{"class":5510},[5319,13966,5210],{"class":5504},[5319,13968,6762],{"class":5714},[5319,13970,5790],{"class":5504},[5319,13972,6767],{"class":5793},[5319,13974,6770],{"class":5504},[5319,13976,5731],{"class":5496},[5319,13978,5505],{"class":5504},[5319,13980,13981,13983,13985,13988],{"class":5321,"line":9200},[5319,13982,6780],{"class":5510},[5319,13984,5210],{"class":5504},[5319,13986,13987],{"class":5714},"disconnect",[5319,13989,5840],{"class":5504},[5319,13991,13992],{"class":5321,"line":9217},[5319,13993,6793],{"class":5504},[5089,13995,13996],{},[5099,13997,13998],{},"Важливі деталі API EventSource:",[5245,14000,14001,14020,14029],{},[5096,14002,14003,7700,14006,7700,14008,14011,14012,14015,14016,14019],{},[5099,14004,14005],{},"Обмеження автентифікації:",[5289,14007,12589],{},[5099,14009,14010],{},"не підтримує"," передачу кастомних HTTP заголовків (наприклад, ",[5289,14013,14014],{},"Authorization: Bearer \u003Ctoken>","). Тому JWT токен передається через query parameter ",[5289,14017,14018],{},"?token=...",". Це створює потенційну проблему безпеки, оскільки токен може потрапити у server logs. Альтернатива: використовувати cookie-based автентифікацію для SSE.",[5096,14021,14022,14024,14025,14028],{},[5099,14023,12566],{}," якщо з'єднання розривається (мережева помилка, сервер перезапущений), браузер ",[5099,14026,14027],{},"автоматично"," намагається відновити з'єднання через 3 секунди. Розробник не пише код для reconnect вручну.",[5096,14030,14031,12576,14036,14039,14040,14043],{},[5099,14032,14033,14034,6168],{},"Заголовок ",[5289,14035,12575],{},[5289,14037,14038],{},"Last-Event-ID: 42"," (якщо остання отримана подія мала ",[5289,14041,14042],{},"id: 42","), що дозволяє серверу відновити пропущені події.",[7763,14045,14046,14049],{},[5099,14047,14048],{},"Обмеження браузерів:"," деякі браузери (особливо мобільні) мають ліміт на кількість одночасних SSE з'єднань до одного домену (зазвичай 6). Якщо користувач відкриває кілька вкладок з вашим застосунком, деякі з них можуть не отримувати події. Рішення: використовувати Shared Workers або переключитися на WebSocket.",[5237,14051,14053],{"id":14052},"реалізація-серверна-частина-у-nestjs","Реалізація: Серверна частина у NestJS",[5089,14055,14056,14057,14060],{},"NestJS надає вбудовану підтримку SSE через декоратор ",[5289,14058,14059],{},"@Sse()"," та RxJS Observables.",[5311,14062,14064],{"className":5475,"code":14063,"language":5477,"meta":5315,"style":5315},"\u002F\u002F server\u002Fevents.controller.ts\nimport { Controller, Sse, Query, UnauthorizedException } from '@nestjs\u002Fcommon';\nimport { Observable, interval, map, filter } from 'rxjs';\nimport { EventsService } from '.\u002Fevents.service';\nimport { JwtService } from '@nestjs\u002Fjwt';\n\ninterface SseEvent {\n  event?: string;\n  data: any;\n  id?: string;\n  retry?: number;\n}\n\n@Controller('events')\nexport class EventsController {\n  constructor(\n    private readonly eventsService: EventsService,\n    private readonly jwtService: JwtService,\n  ) {}\n\n  \u002F**\n   * SSE ендпоінт: повертає Observable потік подій\n   *\u002F\n  @Sse('stream')\n  streamEvents(@Query('token') token: string): Observable\u003CSseEvent> {\n    \u002F\u002F Валідація JWT токена (передається через query parameter)\n    let userId: number;\n\n    try {\n      const payload = this.jwtService.verify(token);\n      userId = payload.sub;\n    } catch (error) {\n      throw new UnauthorizedException('Invalid token');\n    }\n\n    console.log(`[SSE] Клієнт ${userId} підключився до потоку`);\n\n    \u002F\u002F Повертаємо Observable, який емітує події\n    return this.eventsService.subscribeToEvents(userId);\n  }\n}\n",[5289,14065,14066,14071,14101,14133,14151,14169,14173,14182,14194,14205,14215,14226,14230,14234,14247,14258,14264,14279,14294,14298,14302,14306,14311,14315,14328,14362,14367,14380,14384,14390,14417,14433,14445,14462,14466,14470,14494,14498,14503,14525,14529],{"__ignoreMap":5315},[5319,14067,14068],{"class":5321,"line":5322},[5319,14069,14070],{"class":5484},"\u002F\u002F server\u002Fevents.controller.ts\n",[5319,14072,14073,14075,14077,14079,14081,14084,14086,14088,14090,14093,14095,14097,14099],{"class":5321,"line":5328},[5319,14074,6868],{"class":5948},[5319,14076,6871],{"class":5504},[5319,14078,6874],{"class":5510},[5319,14080,6500],{"class":5504},[5319,14082,14083],{"class":5510},"Sse",[5319,14085,6500],{"class":5504},[5319,14087,6884],{"class":5510},[5319,14089,6500],{"class":5504},[5319,14091,14092],{"class":5510},"UnauthorizedException",[5319,14094,6897],{"class":5504},[5319,14096,6900],{"class":5948},[5319,14098,6903],{"class":5793},[5319,14100,5520],{"class":5504},[5319,14102,14103,14105,14107,14110,14112,14115,14117,14120,14122,14124,14126,14128,14131],{"class":5321,"line":5334},[5319,14104,6868],{"class":5948},[5319,14106,6871],{"class":5504},[5319,14108,14109],{"class":5510},"Observable",[5319,14111,6500],{"class":5504},[5319,14113,14114],{"class":5510},"interval",[5319,14116,6500],{"class":5504},[5319,14118,14119],{"class":5510},"map",[5319,14121,6500],{"class":5504},[5319,14123,10613],{"class":5510},[5319,14125,6897],{"class":5504},[5319,14127,6900],{"class":5948},[5319,14129,14130],{"class":5793}," 'rxjs'",[5319,14132,5520],{"class":5504},[5319,14134,14135,14137,14139,14142,14144,14146,14149],{"class":5321,"line":5340},[5319,14136,6868],{"class":5948},[5319,14138,6871],{"class":5504},[5319,14140,14141],{"class":5510},"EventsService",[5319,14143,6897],{"class":5504},[5319,14145,6900],{"class":5948},[5319,14147,14148],{"class":5793}," '.\u002Fevents.service'",[5319,14150,5520],{"class":5504},[5319,14152,14153,14155,14157,14160,14162,14164,14167],{"class":5321,"line":5346},[5319,14154,6868],{"class":5948},[5319,14156,6871],{"class":5504},[5319,14158,14159],{"class":5510},"JwtService",[5319,14161,6897],{"class":5504},[5319,14163,6900],{"class":5948},[5319,14165,14166],{"class":5793}," '@nestjs\u002Fjwt'",[5319,14168,5520],{"class":5504},[5319,14170,14171],{"class":5321,"line":5352},[5319,14172,5491],{"emptyLinePlaceholder":5490},[5319,14174,14175,14177,14180],{"class":5321,"line":5358},[5319,14176,5497],{"class":5496},[5319,14178,14179],{"class":5500}," SseEvent",[5319,14181,5505],{"class":5504},[5319,14183,14184,14187,14190,14192],{"class":5321,"line":5363},[5319,14185,14186],{"class":5510},"  event",[5319,14188,14189],{"class":5504},"?: ",[5319,14191,5541],{"class":5500},[5319,14193,5520],{"class":5504},[5319,14195,14196,14199,14201,14203],{"class":5321,"line":5369},[5319,14197,14198],{"class":5510},"  data",[5319,14200,5514],{"class":5504},[5319,14202,10022],{"class":5500},[5319,14204,5520],{"class":5504},[5319,14206,14207,14209,14211,14213],{"class":5321,"line":5374},[5319,14208,5511],{"class":5510},[5319,14210,14189],{"class":5504},[5319,14212,5541],{"class":5500},[5319,14214,5520],{"class":5504},[5319,14216,14217,14220,14222,14224],{"class":5321,"line":5380},[5319,14218,14219],{"class":5510},"  retry",[5319,14221,14189],{"class":5504},[5319,14223,5517],{"class":5500},[5319,14225,5520],{"class":5504},[5319,14227,14228],{"class":5321,"line":5385},[5319,14229,5559],{"class":5504},[5319,14231,14232],{"class":5321,"line":5390},[5319,14233,5491],{"emptyLinePlaceholder":5490},[5319,14235,14236,14238,14240,14242,14245],{"class":5321,"line":5395},[5319,14237,6990],{"class":5504},[5319,14239,6874],{"class":5714},[5319,14241,5790],{"class":5504},[5319,14243,14244],{"class":5793},"'events'",[5319,14246,7000],{"class":5504},[5319,14248,14249,14251,14253,14256],{"class":5321,"line":5400},[5319,14250,7017],{"class":5948},[5319,14252,7020],{"class":5496},[5319,14254,14255],{"class":5500}," EventsController",[5319,14257,5505],{"class":5504},[5319,14259,14260,14262],{"class":5321,"line":5406},[5319,14261,5689],{"class":5496},[5319,14263,5692],{"class":5504},[5319,14265,14266,14268,14270,14273,14275,14277],{"class":5321,"line":5411},[5319,14267,5697],{"class":5496},[5319,14269,7037],{"class":5496},[5319,14271,14272],{"class":5510}," eventsService",[5319,14274,5514],{"class":5504},[5319,14276,14141],{"class":5500},[5319,14278,5707],{"class":5504},[5319,14280,14281,14283,14285,14288,14290,14292],{"class":5321,"line":5417},[5319,14282,5697],{"class":5496},[5319,14284,7037],{"class":5496},[5319,14286,14287],{"class":5510}," jwtService",[5319,14289,5514],{"class":5504},[5319,14291,14159],{"class":5500},[5319,14293,5707],{"class":5504},[5319,14295,14296],{"class":5321,"line":5423},[5319,14297,5739],{"class":5504},[5319,14299,14300],{"class":5321,"line":5428},[5319,14301,5491],{"emptyLinePlaceholder":5490},[5319,14303,14304],{"class":5321,"line":5434},[5319,14305,5750],{"class":5484},[5319,14307,14308],{"class":5321,"line":5439},[5319,14309,14310],{"class":5484},"   * SSE ендпоінт: повертає Observable потік подій\n",[5319,14312,14313],{"class":5321,"line":5445},[5319,14314,5762],{"class":5484},[5319,14316,14317,14319,14321,14323,14326],{"class":5321,"line":5742},[5319,14318,7069],{"class":5504},[5319,14320,14083],{"class":5714},[5319,14322,5790],{"class":5504},[5319,14324,14325],{"class":5793},"'stream'",[5319,14327,7000],{"class":5504},[5319,14329,14330,14333,14335,14337,14339,14342,14344,14347,14349,14351,14353,14355,14357,14360],{"class":5321,"line":5747},[5319,14331,14332],{"class":5714},"  streamEvents",[5319,14334,12077],{"class":5504},[5319,14336,6884],{"class":5714},[5319,14338,5790],{"class":5504},[5319,14340,14341],{"class":5793},"'token'",[5319,14343,6634],{"class":5504},[5319,14345,14346],{"class":5510},"token",[5319,14348,5514],{"class":5504},[5319,14350,5541],{"class":5500},[5319,14352,7551],{"class":5504},[5319,14354,14109],{"class":5500},[5319,14356,6065],{"class":5504},[5319,14358,14359],{"class":5500},"SseEvent",[5319,14361,6070],{"class":5504},[5319,14363,14364],{"class":5321,"line":5753},[5319,14365,14366],{"class":5484},"    \u002F\u002F Валідація JWT токена (передається через query parameter)\n",[5319,14368,14369,14372,14374,14376,14378],{"class":5321,"line":5759},[5319,14370,14371],{"class":5496},"    let",[5319,14373,7169],{"class":5510},[5319,14375,5514],{"class":5504},[5319,14377,5517],{"class":5500},[5319,14379,5520],{"class":5504},[5319,14381,14382],{"class":5321,"line":5765},[5319,14383,5491],{"emptyLinePlaceholder":5490},[5319,14385,14386,14388],{"class":5321,"line":5779},[5319,14387,6076],{"class":5948},[5319,14389,5505],{"class":5504},[5319,14391,14392,14394,14397,14399,14401,14403,14406,14408,14411,14413,14415],{"class":5321,"line":5818},[5319,14393,6084],{"class":5496},[5319,14395,14396],{"class":6087}," payload",[5319,14398,5629],{"class":5504},[5319,14400,5800],{"class":5496},[5319,14402,5210],{"class":5504},[5319,14404,14405],{"class":5510},"jwtService",[5319,14407,5210],{"class":5504},[5319,14409,14410],{"class":5714},"verify",[5319,14412,5790],{"class":5504},[5319,14414,14346],{"class":5510},[5319,14416,5815],{"class":5504},[5319,14418,14419,14421,14423,14426,14428,14431],{"class":5321,"line":5823},[5319,14420,7224],{"class":5510},[5319,14422,5629],{"class":5504},[5319,14424,14425],{"class":5510},"payload",[5319,14427,5210],{"class":5504},[5319,14429,14430],{"class":5510},"sub",[5319,14432,5520],{"class":5504},[5319,14434,14435,14437,14439,14441,14443],{"class":5321,"line":5829},[5319,14436,6474],{"class":5504},[5319,14438,6477],{"class":5948},[5319,14440,5952],{"class":5504},[5319,14442,6254],{"class":5510},[5319,14444,5966],{"class":5504},[5319,14446,14447,14450,14452,14455,14457,14460],{"class":5321,"line":5843},[5319,14448,14449],{"class":5948},"      throw",[5319,14451,7329],{"class":5496},[5319,14453,14454],{"class":5714}," UnauthorizedException",[5319,14456,5790],{"class":5504},[5319,14458,14459],{"class":5793},"'Invalid token'",[5319,14461,5815],{"class":5504},[5319,14463,14464],{"class":5321,"line":5848},[5319,14465,6020],{"class":5504},[5319,14467,14468],{"class":5321,"line":5854},[5319,14469,5491],{"emptyLinePlaceholder":5490},[5319,14471,14472,14474,14476,14478,14480,14483,14485,14487,14489,14492],{"class":5321,"line":5880},[5319,14473,5782],{"class":5510},[5319,14475,5210],{"class":5504},[5319,14477,5787],{"class":5714},[5319,14479,5790],{"class":5504},[5319,14481,14482],{"class":5793},"`[SSE] Клієнт ",[5319,14484,5797],{"class":5496},[5319,14486,6682],{"class":5510},[5319,14488,5809],{"class":5496},[5319,14490,14491],{"class":5793}," підключився до потоку`",[5319,14493,5815],{"class":5504},[5319,14495,14496],{"class":5321,"line":5892},[5319,14497,5491],{"emptyLinePlaceholder":5490},[5319,14499,14500],{"class":5321,"line":5906},[5319,14501,14502],{"class":5484},"    \u002F\u002F Повертаємо Observable, який емітує події\n",[5319,14504,14505,14507,14509,14511,14514,14516,14519,14521,14523],{"class":5321,"line":5912},[5319,14506,6555],{"class":5948},[5319,14508,7207],{"class":5496},[5319,14510,5210],{"class":5504},[5319,14512,14513],{"class":5510},"eventsService",[5319,14515,5210],{"class":5504},[5319,14517,14518],{"class":5714},"subscribeToEvents",[5319,14520,5790],{"class":5504},[5319,14522,6682],{"class":5510},[5319,14524,5815],{"class":5504},[5319,14526,14527],{"class":5321,"line":5917},[5319,14528,5909],{"class":5504},[5319,14530,14531],{"class":5321,"line":5922},[5319,14532,5559],{"class":5504},[5311,14534,14536],{"className":5475,"code":14535,"language":5477,"meta":5315,"style":5315},"\u002F\u002F server\u002Fevents.service.ts\nimport { Injectable } from '@nestjs\u002Fcommon';\nimport { Observable, Subject, merge, interval, map } from 'rxjs';\n\ninterface SseEvent {\n  event?: string;\n  data: any;\n  id?: string;\n}\n\n@Injectable()\nexport class EventsService {\n  \u002F\u002F Subject для емітування подій до всіх підписаних клієнтів\n  private eventsSubject = new Subject\u003CSseEvent>();\n  private eventIdCounter = 0;\n\n  \u002F**\n   * Підписує клієнта на потік подій\n   *\u002F\n  subscribeToEvents(userId: number): Observable\u003CSseEvent> {\n    console.log(`[SSE] Користувач ${userId} підписаний на події`);\n\n    \u002F\u002F Heartbeat: кожні 15 секунд відправляємо коментар для утримання з'єднання\n    const heartbeat$ = interval(15000).pipe(\n      map(() => ({\n        event: 'heartbeat',\n        data: { timestamp: new Date().toISOString() },\n      })),\n    );\n\n    \u002F\u002F Об'єднуємо потік реальних подій з heartbeat\n    return merge(this.eventsSubject.asObservable(), heartbeat$);\n  }\n\n  \u002F**\n   * Емітує подію про створення нового повідомлення\n   *\u002F\n  emitMessageCreated(message: any): void {\n    this.eventIdCounter++;\n\n    this.eventsSubject.next({\n      event: 'messageCreated',\n      data: message,\n      id: this.eventIdCounter.toString(),\n    });\n\n    console.log(`[SSE] Емітовано подію messageCreated (id: ${this.eventIdCounter})`);\n  }\n\n  \u002F**\n   * Емітує подію про приєднання користувача\n   *\u002F\n  emitUserJoined(user: { userId: number; username: string }): void {\n    this.eventIdCounter++;\n\n    this.eventsSubject.next({\n      event: 'userJoined',\n      data: user,\n      id: this.eventIdCounter.toString(),\n    });\n\n    console.log(`[SSE] Емітовано подію userJoined (id: ${this.eventIdCounter})`);\n  }\n}\n",[5289,14537,14538,14543,14559,14593,14597,14605,14615,14625,14635,14639,14643,14651,14662,14667,14688,14701,14705,14709,14714,14718,14741,14765,14769,14774,14797,14809,14819,14840,14845,14849,14853,14858,14886,14890,14894,14898,14903,14907,14926,14938,14942,14957,14967,14976,14994,14998,15002,15030,15034,15038,15042,15047,15051,15083,15093,15097,15111,15120,15129,15145,15149,15153,15180,15184],{"__ignoreMap":5315},[5319,14539,14540],{"class":5321,"line":5322},[5319,14541,14542],{"class":5484},"\u002F\u002F server\u002Fevents.service.ts\n",[5319,14544,14545,14547,14549,14551,14553,14555,14557],{"class":5321,"line":5328},[5319,14546,6868],{"class":5948},[5319,14548,6871],{"class":5504},[5319,14550,7373],{"class":5510},[5319,14552,6897],{"class":5504},[5319,14554,6900],{"class":5948},[5319,14556,6903],{"class":5793},[5319,14558,5520],{"class":5504},[5319,14560,14561,14563,14565,14567,14569,14572,14574,14577,14579,14581,14583,14585,14587,14589,14591],{"class":5321,"line":5334},[5319,14562,6868],{"class":5948},[5319,14564,6871],{"class":5504},[5319,14566,14109],{"class":5510},[5319,14568,6500],{"class":5504},[5319,14570,14571],{"class":5510},"Subject",[5319,14573,6500],{"class":5504},[5319,14575,14576],{"class":5510},"merge",[5319,14578,6500],{"class":5504},[5319,14580,14114],{"class":5510},[5319,14582,6500],{"class":5504},[5319,14584,14119],{"class":5510},[5319,14586,6897],{"class":5504},[5319,14588,6900],{"class":5948},[5319,14590,14130],{"class":5793},[5319,14592,5520],{"class":5504},[5319,14594,14595],{"class":5321,"line":5340},[5319,14596,5491],{"emptyLinePlaceholder":5490},[5319,14598,14599,14601,14603],{"class":5321,"line":5346},[5319,14600,5497],{"class":5496},[5319,14602,14179],{"class":5500},[5319,14604,5505],{"class":5504},[5319,14606,14607,14609,14611,14613],{"class":5321,"line":5352},[5319,14608,14186],{"class":5510},[5319,14610,14189],{"class":5504},[5319,14612,5541],{"class":5500},[5319,14614,5520],{"class":5504},[5319,14616,14617,14619,14621,14623],{"class":5321,"line":5358},[5319,14618,14198],{"class":5510},[5319,14620,5514],{"class":5504},[5319,14622,10022],{"class":5500},[5319,14624,5520],{"class":5504},[5319,14626,14627,14629,14631,14633],{"class":5321,"line":5363},[5319,14628,5511],{"class":5510},[5319,14630,14189],{"class":5504},[5319,14632,5541],{"class":5500},[5319,14634,5520],{"class":5504},[5319,14636,14637],{"class":5321,"line":5369},[5319,14638,5559],{"class":5504},[5319,14640,14641],{"class":5321,"line":5374},[5319,14642,5491],{"emptyLinePlaceholder":5490},[5319,14644,14645,14647,14649],{"class":5321,"line":5380},[5319,14646,6990],{"class":5504},[5319,14648,7373],{"class":5714},[5319,14650,7452],{"class":5504},[5319,14652,14653,14655,14657,14660],{"class":5321,"line":5385},[5319,14654,7017],{"class":5948},[5319,14656,7020],{"class":5496},[5319,14658,14659],{"class":5500}," EventsService",[5319,14661,5505],{"class":5504},[5319,14663,14664],{"class":5321,"line":5390},[5319,14665,14666],{"class":5484},"  \u002F\u002F Subject для емітування подій до всіх підписаних клієнтів\n",[5319,14668,14669,14671,14674,14676,14678,14681,14683,14685],{"class":5321,"line":5395},[5319,14670,5619],{"class":5496},[5319,14672,14673],{"class":5510}," eventsSubject",[5319,14675,5629],{"class":5504},[5319,14677,6611],{"class":5496},[5319,14679,14680],{"class":5714}," Subject",[5319,14682,6065],{"class":5504},[5319,14684,14359],{"class":5500},[5319,14686,14687],{"class":5504},">();\n",[5319,14689,14690,14692,14695,14697,14699],{"class":5321,"line":5400},[5319,14691,5619],{"class":5496},[5319,14693,14694],{"class":5510}," eventIdCounter",[5319,14696,5629],{"class":5504},[5319,14698,5633],{"class":5632},[5319,14700,5520],{"class":5504},[5319,14702,14703],{"class":5321,"line":5406},[5319,14704,5491],{"emptyLinePlaceholder":5490},[5319,14706,14707],{"class":5321,"line":5411},[5319,14708,5750],{"class":5484},[5319,14710,14711],{"class":5321,"line":5417},[5319,14712,14713],{"class":5484},"   * Підписує клієнта на потік подій\n",[5319,14715,14716],{"class":5321,"line":5423},[5319,14717,5762],{"class":5484},[5319,14719,14720,14723,14725,14727,14729,14731,14733,14735,14737,14739],{"class":5321,"line":5428},[5319,14721,14722],{"class":5714},"  subscribeToEvents",[5319,14724,5790],{"class":5504},[5319,14726,6682],{"class":5510},[5319,14728,5514],{"class":5504},[5319,14730,5517],{"class":5500},[5319,14732,7551],{"class":5504},[5319,14734,14109],{"class":5500},[5319,14736,6065],{"class":5504},[5319,14738,14359],{"class":5500},[5319,14740,6070],{"class":5504},[5319,14742,14743,14745,14747,14749,14751,14754,14756,14758,14760,14763],{"class":5321,"line":5434},[5319,14744,5782],{"class":5510},[5319,14746,5210],{"class":5504},[5319,14748,5787],{"class":5714},[5319,14750,5790],{"class":5504},[5319,14752,14753],{"class":5793},"`[SSE] Користувач ",[5319,14755,5797],{"class":5496},[5319,14757,6682],{"class":5510},[5319,14759,5809],{"class":5496},[5319,14761,14762],{"class":5793}," підписаний на події`",[5319,14764,5815],{"class":5504},[5319,14766,14767],{"class":5321,"line":5439},[5319,14768,5491],{"emptyLinePlaceholder":5490},[5319,14770,14771],{"class":5321,"line":5445},[5319,14772,14773],{"class":5484},"    \u002F\u002F Heartbeat: кожні 15 секунд відправляємо коментар для утримання з'єднання\n",[5319,14775,14776,14778,14781,14783,14785,14787,14790,14792,14795],{"class":5321,"line":5742},[5319,14777,7139],{"class":5496},[5319,14779,14780],{"class":6087}," heartbeat$",[5319,14782,5629],{"class":5504},[5319,14784,14114],{"class":5714},[5319,14786,5790],{"class":5504},[5319,14788,14789],{"class":5632},"15000",[5319,14791,9846],{"class":5504},[5319,14793,14794],{"class":5714},"pipe",[5319,14796,5692],{"class":5504},[5319,14798,14799,14802,14804,14806],{"class":5321,"line":5747},[5319,14800,14801],{"class":5714},"      map",[5319,14803,5873],{"class":5504},[5319,14805,5731],{"class":5496},[5319,14807,14808],{"class":5504}," ({\n",[5319,14810,14811,14814,14817],{"class":5321,"line":5753},[5319,14812,14813],{"class":5510},"        event:",[5319,14815,14816],{"class":5793}," 'heartbeat'",[5319,14818,5707],{"class":5504},[5319,14820,14821,14824,14826,14829,14831,14833,14835,14837],{"class":5321,"line":5759},[5319,14822,14823],{"class":5510},"        data:",[5319,14825,6871],{"class":5504},[5319,14827,14828],{"class":5510},"timestamp:",[5319,14830,7329],{"class":5496},[5319,14832,7332],{"class":5714},[5319,14834,7335],{"class":5504},[5319,14836,7338],{"class":5714},[5319,14838,14839],{"class":5504},"() },\n",[5319,14841,14842],{"class":5321,"line":5765},[5319,14843,14844],{"class":5504},"      })),\n",[5319,14846,14847],{"class":5321,"line":5779},[5319,14848,7238],{"class":5504},[5319,14850,14851],{"class":5321,"line":5818},[5319,14852,5491],{"emptyLinePlaceholder":5490},[5319,14854,14855],{"class":5321,"line":5823},[5319,14856,14857],{"class":5484},"    \u002F\u002F Об'єднуємо потік реальних подій з heartbeat\n",[5319,14859,14860,14862,14865,14867,14869,14871,14874,14876,14879,14881,14884],{"class":5321,"line":5829},[5319,14861,6555],{"class":5948},[5319,14863,14864],{"class":5714}," merge",[5319,14866,5790],{"class":5504},[5319,14868,5800],{"class":5496},[5319,14870,5210],{"class":5504},[5319,14872,14873],{"class":5510},"eventsSubject",[5319,14875,5210],{"class":5504},[5319,14877,14878],{"class":5714},"asObservable",[5319,14880,9089],{"class":5504},[5319,14882,14883],{"class":5510},"heartbeat$",[5319,14885,5815],{"class":5504},[5319,14887,14888],{"class":5321,"line":5843},[5319,14889,5909],{"class":5504},[5319,14891,14892],{"class":5321,"line":5848},[5319,14893,5491],{"emptyLinePlaceholder":5490},[5319,14895,14896],{"class":5321,"line":5854},[5319,14897,5750],{"class":5484},[5319,14899,14900],{"class":5321,"line":5880},[5319,14901,14902],{"class":5484},"   * Емітує подію про створення нового повідомлення\n",[5319,14904,14905],{"class":5321,"line":5892},[5319,14906,5762],{"class":5484},[5319,14908,14909,14912,14914,14916,14918,14920,14922,14924],{"class":5321,"line":5906},[5319,14910,14911],{"class":5714},"  emitMessageCreated",[5319,14913,5790],{"class":5504},[5319,14915,10542],{"class":5510},[5319,14917,5514],{"class":5504},[5319,14919,10022],{"class":5500},[5319,14921,7551],{"class":5504},[5319,14923,5774],{"class":5500},[5319,14925,5505],{"class":5504},[5319,14927,14928,14930,14932,14935],{"class":5321,"line":5912},[5319,14929,5832],{"class":5496},[5319,14931,5210],{"class":5504},[5319,14933,14934],{"class":5510},"eventIdCounter",[5319,14936,14937],{"class":5504},"++;\n",[5319,14939,14940],{"class":5321,"line":5917},[5319,14941,5491],{"emptyLinePlaceholder":5490},[5319,14943,14944,14946,14948,14950,14952,14955],{"class":5321,"line":5922},[5319,14945,5832],{"class":5496},[5319,14947,5210],{"class":5504},[5319,14949,14873],{"class":5510},[5319,14951,5210],{"class":5504},[5319,14953,14954],{"class":5714},"next",[5319,14956,7579],{"class":5504},[5319,14958,14959,14962,14965],{"class":5321,"line":5928},[5319,14960,14961],{"class":5510},"      event:",[5319,14963,14964],{"class":5793}," 'messageCreated'",[5319,14966,5707],{"class":5504},[5319,14968,14969,14972,14974],{"class":5321,"line":5933},[5319,14970,14971],{"class":5510},"      data:",[5319,14973,11362],{"class":5510},[5319,14975,5707],{"class":5504},[5319,14977,14978,14981,14983,14985,14987,14989,14992],{"class":5321,"line":5945},[5319,14979,14980],{"class":5510},"      id:",[5319,14982,7207],{"class":5496},[5319,14984,5210],{"class":5504},[5319,14986,14934],{"class":5510},[5319,14988,5210],{"class":5504},[5319,14990,14991],{"class":5714},"toString",[5319,14993,7341],{"class":5504},[5319,14995,14996],{"class":5321,"line":5969},[5319,14997,6713],{"class":5504},[5319,14999,15000],{"class":5321,"line":5985},[5319,15001,5491],{"emptyLinePlaceholder":5490},[5319,15003,15004,15006,15008,15010,15012,15015,15017,15019,15021,15023,15025,15028],{"class":5321,"line":6000},[5319,15005,5782],{"class":5510},[5319,15007,5210],{"class":5504},[5319,15009,5787],{"class":5714},[5319,15011,5790],{"class":5504},[5319,15013,15014],{"class":5793},"`[SSE] Емітовано подію messageCreated (id: ",[5319,15016,5797],{"class":5496},[5319,15018,5800],{"class":5496},[5319,15020,5210],{"class":5803},[5319,15022,14934],{"class":5510},[5319,15024,5809],{"class":5496},[5319,15026,15027],{"class":5793},")`",[5319,15029,5815],{"class":5504},[5319,15031,15032],{"class":5321,"line":6017},[5319,15033,5909],{"class":5504},[5319,15035,15036],{"class":5321,"line":6023},[5319,15037,5491],{"emptyLinePlaceholder":5490},[5319,15039,15040],{"class":5321,"line":6028},[5319,15041,5750],{"class":5484},[5319,15043,15044],{"class":5321,"line":6033},[5319,15045,15046],{"class":5484},"   * Емітує подію про приєднання користувача\n",[5319,15048,15049],{"class":5321,"line":6038},[5319,15050,5762],{"class":5484},[5319,15052,15053,15056,15058,15060,15062,15064,15066,15068,15070,15072,15074,15076,15079,15081],{"class":5321,"line":6044},[5319,15054,15055],{"class":5714},"  emitUserJoined",[5319,15057,5790],{"class":5504},[5319,15059,7178],{"class":5510},[5319,15061,6968],{"class":5504},[5319,15063,6682],{"class":5510},[5319,15065,5514],{"class":5504},[5319,15067,5517],{"class":5500},[5319,15069,5654],{"class":5504},[5319,15071,13224],{"class":5510},[5319,15073,5514],{"class":5504},[5319,15075,5541],{"class":5500},[5319,15077,15078],{"class":5504}," }): ",[5319,15080,5774],{"class":5500},[5319,15082,5505],{"class":5504},[5319,15084,15085,15087,15089,15091],{"class":5321,"line":6049},[5319,15086,5832],{"class":5496},[5319,15088,5210],{"class":5504},[5319,15090,14934],{"class":5510},[5319,15092,14937],{"class":5504},[5319,15094,15095],{"class":5321,"line":6073},[5319,15096,5491],{"emptyLinePlaceholder":5490},[5319,15098,15099,15101,15103,15105,15107,15109],{"class":5321,"line":6081},[5319,15100,5832],{"class":5496},[5319,15102,5210],{"class":5504},[5319,15104,14873],{"class":5510},[5319,15106,5210],{"class":5504},[5319,15108,14954],{"class":5714},[5319,15110,7579],{"class":5504},[5319,15112,15113,15115,15118],{"class":5321,"line":6101},[5319,15114,14961],{"class":5510},[5319,15116,15117],{"class":5793}," 'userJoined'",[5319,15119,5707],{"class":5504},[5319,15121,15122,15124,15127],{"class":5321,"line":6137},[5319,15123,14971],{"class":5510},[5319,15125,15126],{"class":5510}," user",[5319,15128,5707],{"class":5504},[5319,15130,15131,15133,15135,15137,15139,15141,15143],{"class":5321,"line":6143},[5319,15132,14980],{"class":5510},[5319,15134,7207],{"class":5496},[5319,15136,5210],{"class":5504},[5319,15138,14934],{"class":5510},[5319,15140,5210],{"class":5504},[5319,15142,14991],{"class":5714},[5319,15144,7341],{"class":5504},[5319,15146,15147],{"class":5321,"line":6154},[5319,15148,6713],{"class":5504},[5319,15150,15151],{"class":5321,"line":6162},[5319,15152,5491],{"emptyLinePlaceholder":5490},[5319,15154,15155,15157,15159,15161,15163,15166,15168,15170,15172,15174,15176,15178],{"class":5321,"line":6192},[5319,15156,5782],{"class":5510},[5319,15158,5210],{"class":5504},[5319,15160,5787],{"class":5714},[5319,15162,5790],{"class":5504},[5319,15164,15165],{"class":5793},"`[SSE] Емітовано подію userJoined (id: ",[5319,15167,5797],{"class":5496},[5319,15169,5800],{"class":5496},[5319,15171,5210],{"class":5803},[5319,15173,14934],{"class":5510},[5319,15175,5809],{"class":5496},[5319,15177,15027],{"class":5793},[5319,15179,5815],{"class":5504},[5319,15181,15182],{"class":5321,"line":6205},[5319,15183,5909],{"class":5504},[5319,15185,15186],{"class":5321,"line":6211},[5319,15187,5559],{"class":5504},[5089,15189,15190],{},[5099,15191,15192],{},"Інтеграція з бізнес-логікою:",[5089,15194,15195,15196,15199],{},"Коли у системі відбувається подія (наприклад, користувач відправляє повідомлення), відповідний сервіс викликає ",[5289,15197,15198],{},"eventsService.emitMessageCreated()",", що автоматично розсилає подію всім підключеним SSE клієнтам.",[5311,15201,15203],{"className":5475,"code":15202,"language":5477,"meta":5315,"style":5315},"\u002F\u002F server\u002Fmessages.service.ts (доповнення)\n@Injectable()\nexport class MessagesService {\n  constructor(\n    @InjectRepository(Message)\n    private messagesRepository: Repository\u003CMessage>,\n    private eventsService: EventsService, \u002F\u002F Ін'єкція SSE сервісу\n  ) {}\n\n  async createMessage(userId: number, text: string): Promise\u003CMessage> {\n    const message = this.messagesRepository.create({\n      userId,\n      text,\n      timestamp: new Date(),\n    });\n\n    await this.messagesRepository.save(message);\n\n    \u002F\u002F Розіслати SSE подію всім підключеним клієнтам\n    this.eventsService.emitMessageCreated({\n      id: message.id,\n      userId: message.userId,\n      text: message.text,\n      timestamp: message.timestamp.toISOString(),\n    });\n\n    return message;\n  }\n}\n",[5289,15204,15205,15209,15217,15227,15233,15245,15261,15276,15280,15284,15316,15336,15342,15348,15358,15362,15366,15386,15390,15395,15410,15422,15435,15448,15465,15469,15473,15481,15485],{"__ignoreMap":5315},[5319,15206,15207],{"class":5321,"line":5322},[5319,15208,11205],{"class":5484},[5319,15210,15211,15213,15215],{"class":5321,"line":5328},[5319,15212,6990],{"class":5504},[5319,15214,7373],{"class":5714},[5319,15216,7452],{"class":5504},[5319,15218,15219,15221,15223,15225],{"class":5321,"line":5334},[5319,15220,7017],{"class":5948},[5319,15222,7020],{"class":5496},[5319,15224,7461],{"class":5500},[5319,15226,5505],{"class":5504},[5319,15228,15229,15231],{"class":5321,"line":5340},[5319,15230,5689],{"class":5496},[5319,15232,5692],{"class":5504},[5319,15234,15235,15237,15239,15241,15243],{"class":5321,"line":5346},[5319,15236,7093],{"class":5504},[5319,15238,7390],{"class":5714},[5319,15240,5790],{"class":5504},[5319,15242,5582],{"class":5510},[5319,15244,7000],{"class":5504},[5319,15246,15247,15249,15251,15253,15255,15257,15259],{"class":5321,"line":5352},[5319,15248,5697],{"class":5496},[5319,15250,7488],{"class":5510},[5319,15252,5514],{"class":5504},[5319,15254,7408],{"class":5500},[5319,15256,6065],{"class":5504},[5319,15258,5582],{"class":5500},[5319,15260,7499],{"class":5504},[5319,15262,15263,15265,15267,15269,15271,15273],{"class":5321,"line":5358},[5319,15264,5697],{"class":5496},[5319,15266,14272],{"class":5510},[5319,15268,5514],{"class":5504},[5319,15270,14141],{"class":5500},[5319,15272,6500],{"class":5504},[5319,15274,15275],{"class":5484},"\u002F\u002F Ін'єкція SSE сервісу\n",[5319,15277,15278],{"class":5321,"line":5363},[5319,15279,5739],{"class":5504},[5319,15281,15282],{"class":5321,"line":5369},[5319,15283,5491],{"emptyLinePlaceholder":5490},[5319,15285,15286,15288,15290,15292,15294,15296,15298,15300,15302,15304,15306,15308,15310,15312,15314],{"class":5321,"line":5374},[5319,15287,7083],{"class":5496},[5319,15289,11320],{"class":5714},[5319,15291,5790],{"class":5504},[5319,15293,6682],{"class":5510},[5319,15295,5514],{"class":5504},[5319,15297,5517],{"class":5500},[5319,15299,6500],{"class":5504},[5319,15301,6695],{"class":5510},[5319,15303,5514],{"class":5504},[5319,15305,5541],{"class":5500},[5319,15307,7551],{"class":5504},[5319,15309,6062],{"class":5500},[5319,15311,6065],{"class":5504},[5319,15313,5582],{"class":5500},[5319,15315,6070],{"class":5504},[5319,15317,15318,15320,15322,15324,15326,15328,15330,15332,15334],{"class":5321,"line":5380},[5319,15319,7139],{"class":5496},[5319,15321,11362],{"class":6087},[5319,15323,5629],{"class":5504},[5319,15325,5800],{"class":5496},[5319,15327,5210],{"class":5504},[5319,15329,7571],{"class":5510},[5319,15331,5210],{"class":5504},[5319,15333,11375],{"class":5714},[5319,15335,7579],{"class":5504},[5319,15337,15338,15340],{"class":5321,"line":5385},[5319,15339,7224],{"class":5510},[5319,15341,5707],{"class":5504},[5319,15343,15344,15346],{"class":5321,"line":5390},[5319,15345,11388],{"class":5510},[5319,15347,5707],{"class":5504},[5319,15349,15350,15352,15354,15356],{"class":5321,"line":5395},[5319,15351,7326],{"class":5510},[5319,15353,7329],{"class":5496},[5319,15355,7332],{"class":5714},[5319,15357,7341],{"class":5504},[5319,15359,15360],{"class":5321,"line":5400},[5319,15361,6713],{"class":5504},[5319,15363,15364],{"class":5321,"line":5406},[5319,15365,5491],{"emptyLinePlaceholder":5490},[5319,15367,15368,15370,15372,15374,15376,15378,15380,15382,15384],{"class":5321,"line":5411},[5319,15369,11413],{"class":5948},[5319,15371,7207],{"class":5496},[5319,15373,5210],{"class":5504},[5319,15375,7571],{"class":5510},[5319,15377,5210],{"class":5504},[5319,15379,11424],{"class":5714},[5319,15381,5790],{"class":5504},[5319,15383,10542],{"class":5510},[5319,15385,5815],{"class":5504},[5319,15387,15388],{"class":5321,"line":5417},[5319,15389,5491],{"emptyLinePlaceholder":5490},[5319,15391,15392],{"class":5321,"line":5423},[5319,15393,15394],{"class":5484},"    \u002F\u002F Розіслати SSE подію всім підключеним клієнтам\n",[5319,15396,15397,15399,15401,15403,15405,15408],{"class":5321,"line":5428},[5319,15398,5832],{"class":5496},[5319,15400,5210],{"class":5504},[5319,15402,14513],{"class":5510},[5319,15404,5210],{"class":5504},[5319,15406,15407],{"class":5714},"emitMessageCreated",[5319,15409,7579],{"class":5504},[5319,15411,15412,15414,15416,15418,15420],{"class":5321,"line":5434},[5319,15413,14980],{"class":5510},[5319,15415,11362],{"class":5510},[5319,15417,5210],{"class":5504},[5319,15419,7290],{"class":5510},[5319,15421,5707],{"class":5504},[5319,15423,15424,15427,15429,15431,15433],{"class":5321,"line":5439},[5319,15425,15426],{"class":5510},"      userId:",[5319,15428,11362],{"class":5510},[5319,15430,5210],{"class":5504},[5319,15432,6682],{"class":5510},[5319,15434,5707],{"class":5504},[5319,15436,15437,15440,15442,15444,15446],{"class":5321,"line":5445},[5319,15438,15439],{"class":5510},"      text:",[5319,15441,11362],{"class":5510},[5319,15443,5210],{"class":5504},[5319,15445,6695],{"class":5510},[5319,15447,5707],{"class":5504},[5319,15449,15450,15452,15454,15456,15459,15461,15463],{"class":5321,"line":5742},[5319,15451,7326],{"class":5510},[5319,15453,11362],{"class":5510},[5319,15455,5210],{"class":5504},[5319,15457,15458],{"class":5510},"timestamp",[5319,15460,5210],{"class":5504},[5319,15462,7338],{"class":5714},[5319,15464,7341],{"class":5504},[5319,15466,15467],{"class":5321,"line":5747},[5319,15468,6713],{"class":5504},[5319,15470,15471],{"class":5321,"line":5753},[5319,15472,5491],{"emptyLinePlaceholder":5490},[5319,15474,15475,15477,15479],{"class":5321,"line":5759},[5319,15476,6555],{"class":5948},[5319,15478,11362],{"class":5510},[5319,15480,5520],{"class":5504},[5319,15482,15483],{"class":5321,"line":5765},[5319,15484,5909],{"class":5504},[5319,15486,15487],{"class":5321,"line":5779},[5319,15488,5559],{"class":5504},[5237,15490,15492],{"id":15491},"heartbeat-утримання-зєднання-активним","Heartbeat: Утримання з'єднання активним",[5089,15494,15495,15496,15499],{},"Деякі проксі-сервери, firewall або мобільні мережі можуть автоматично закривати неактивні HTTP з'єднання через 30-60 секунд. Для запобігання цьому сервер періодично відправляє ",[5099,15497,15498],{},"heartbeat"," — порожню подію або коментар, що сигналізує про активність з'єднання.",[5089,15501,15502],{},[5099,15503,15504],{},"Формат коментаря у SSE:",[5311,15506,15509],{"className":15507,"code":15508,"language":6695},[12380],": heartbeat\n\n: heartbeat\n\n",[5289,15510,15508],{"__ignoreMap":5315},[5089,15512,15513,15514,15516],{},"Рядки, що починаються з ",[5289,15515,6168],{},", є коментарями та ігноруються браузером, але утримують з'єднання активним.",[5089,15518,15519,15520,15523],{},"У наведеній вище реалізації ми використовували RxJS ",[5289,15521,15522],{},"interval(15000)"," для відправки heartbeat події кожні 15 секунд. Клієнт може ігнорувати ці події або використовувати їх для відображення індикатора з'єднання у UI.",[5237,15525,15527],{"id":15526},"відновлення-пропущених-подій-через-last-event-id","Відновлення пропущених подій через Last-Event-ID",[5089,15529,15530],{},"Коли клієнт reconnect після розриву з'єднання, браузер автоматично передає заголовок:",[5311,15532,15535],{"className":15533,"code":15534,"language":6695},[12380],"Last-Event-ID: 42\n",[5289,15536,15534],{"__ignoreMap":5315},[5089,15538,15539,15540,5210],{},"Сервер може використовувати це значення для відправки всіх пропущених подій після ",[5289,15541,15542],{},"id=42",[5311,15544,15546],{"className":5475,"code":15545,"language":5477,"meta":5315,"style":5315},"@Sse('stream')\nstreamEvents(\n  @Query('token') token: string,\n  @Headers('last-event-id') lastEventId?: string,\n): Observable\u003CSseEvent> {\n  const userId = this.validateToken(token);\n  const sinceEventId = parseInt(lastEventId || '0', 10);\n\n  console.log(`[SSE] Reconnect від ${userId}, lastEventId: ${sinceEventId}`);\n\n  \u002F\u002F Відправити пропущені події з кешу або БД\n  return this.eventsService.subscribeToEvents(userId, sinceEventId);\n}\n",[5289,15547,15548,15560,15567,15587,15610,15622,15644,15671,15675,15702,15706,15711,15716],{"__ignoreMap":5315},[5319,15549,15550,15552,15554,15556,15558],{"class":5321,"line":5322},[5319,15551,6990],{"class":5504},[5319,15553,14083],{"class":5714},[5319,15555,5790],{"class":5504},[5319,15557,14325],{"class":5793},[5319,15559,7000],{"class":5504},[5319,15561,15562,15565],{"class":5321,"line":5328},[5319,15563,15564],{"class":5714},"streamEvents",[5319,15566,5692],{"class":5504},[5319,15568,15569,15571,15573,15575,15577,15579,15581,15583,15585],{"class":5321,"line":5334},[5319,15570,7069],{"class":5504},[5319,15572,6884],{"class":5714},[5319,15574,5790],{"class":5504},[5319,15576,14341],{"class":5793},[5319,15578,6634],{"class":5504},[5319,15580,14346],{"class":5510},[5319,15582,5514],{"class":5504},[5319,15584,5541],{"class":5510},[5319,15586,5707],{"class":5504},[5319,15588,15589,15591,15594,15596,15599,15601,15604,15606,15608],{"class":5321,"line":5340},[5319,15590,7069],{"class":5504},[5319,15592,15593],{"class":5714},"Headers",[5319,15595,5790],{"class":5504},[5319,15597,15598],{"class":5793},"'last-event-id'",[5319,15600,6634],{"class":5504},[5319,15602,15603],{"class":5510},"lastEventId",[5319,15605,14189],{"class":5504},[5319,15607,5541],{"class":5510},[5319,15609,5707],{"class":5504},[5319,15611,15612,15614,15616,15618,15620],{"class":5321,"line":5346},[5319,15613,7551],{"class":5504},[5319,15615,14109],{"class":5510},[5319,15617,6065],{"class":5504},[5319,15619,14359],{"class":5510},[5319,15621,6070],{"class":5504},[5319,15623,15624,15627,15629,15631,15633,15635,15638,15640,15642],{"class":5321,"line":5352},[5319,15625,15626],{"class":5504},"  const ",[5319,15628,6682],{"class":5510},[5319,15630,5629],{"class":5504},[5319,15632,5800],{"class":5496},[5319,15634,5210],{"class":5504},[5319,15636,15637],{"class":5714},"validateToken",[5319,15639,5790],{"class":5504},[5319,15641,14346],{"class":5510},[5319,15643,5815],{"class":5504},[5319,15645,15646,15648,15651,15653,15655,15657,15659,15662,15665,15667,15669],{"class":5321,"line":5358},[5319,15647,15626],{"class":5504},[5319,15649,15650],{"class":5510},"sinceEventId",[5319,15652,5629],{"class":5504},[5319,15654,7147],{"class":5714},[5319,15656,5790],{"class":5504},[5319,15658,15603],{"class":5510},[5319,15660,15661],{"class":5504}," || ",[5319,15663,15664],{"class":5793},"'0'",[5319,15666,6500],{"class":5504},[5319,15668,7156],{"class":5632},[5319,15670,5815],{"class":5504},[5319,15672,15673],{"class":5321,"line":5363},[5319,15674,5491],{"emptyLinePlaceholder":5490},[5319,15676,15677,15680,15683,15685,15687,15689,15692,15694,15696,15698,15700],{"class":5321,"line":5369},[5319,15678,15679],{"class":5504},"  console.log(",[5319,15681,15682],{"class":5793},"`[SSE] Reconnect від ",[5319,15684,5797],{"class":5496},[5319,15686,6682],{"class":5510},[5319,15688,5809],{"class":5496},[5319,15690,15691],{"class":5793},", lastEventId: ",[5319,15693,5797],{"class":5496},[5319,15695,15650],{"class":5510},[5319,15697,5809],{"class":5496},[5319,15699,6132],{"class":5793},[5319,15701,5815],{"class":5510},[5319,15703,15704],{"class":5321,"line":5374},[5319,15705,5491],{"emptyLinePlaceholder":5490},[5319,15707,15708],{"class":5321,"line":5380},[5319,15709,15710],{"class":5484},"  \u002F\u002F Відправити пропущені події з кешу або БД\n",[5319,15712,15713],{"class":5321,"line":5385},[5319,15714,15715],{"class":5510},"  return this.eventsService.subscribeToEvents(userId, sinceEventId);\n",[5319,15717,15718],{"class":5321,"line":5390},[5319,15719,5559],{"class":5510},[5089,15721,15722],{},[5099,15723,15724],{},"Зберігання історії подій:",[5089,15726,15727,15728,15730],{},"Для реалізації відновлення потрібно зберігати останні N подій у пам'яті (in-memory cache) або у Redis. При reconnect сервер відправляє всі події після ",[5289,15729,15603],{}," та продовжує потік нових подій.",[5311,15732,15734],{"className":5475,"code":15733,"language":5477,"meta":5315,"style":5315},"@Injectable()\nexport class EventsService {\n  private eventHistory: SseEvent[] = []; \u002F\u002F Останні 100 подій\n  private readonly MAX_HISTORY = 100;\n\n  emitEvent(event: SseEvent): void {\n    this.eventsSubject.next(event);\n\n    \u002F\u002F Зберегти у історії\n    this.eventHistory.push(event);\n    if (this.eventHistory.length > this.MAX_HISTORY) {\n      this.eventHistory.shift(); \u002F\u002F Видалити найстарішу\n    }\n  }\n\n  subscribeToEvents(userId: number, sinceEventId: number): Observable\u003CSseEvent> {\n    \u002F\u002F Відправити пропущені події\n    const missedEvents = this.eventHistory.filter(\n      (e) => parseInt(e.id || '0', 10) > sinceEventId,\n    );\n\n    return concat(\n      from(missedEvents), \u002F\u002F Спочатку пропущені події\n      this.eventsSubject.asObservable(), \u002F\u002F Потім live події\n    );\n  }\n}\n",[5289,15735,15736,15744,15754,15771,15787,15791,15810,15828,15832,15837,15856,15883,15901,15905,15909,15913,15943,15948,15969,16006,16010,16014,16023,16039,16056,16060,16064],{"__ignoreMap":5315},[5319,15737,15738,15740,15742],{"class":5321,"line":5322},[5319,15739,6990],{"class":5504},[5319,15741,7373],{"class":5714},[5319,15743,7452],{"class":5504},[5319,15745,15746,15748,15750,15752],{"class":5321,"line":5328},[5319,15747,7017],{"class":5948},[5319,15749,7020],{"class":5496},[5319,15751,14659],{"class":5500},[5319,15753,5505],{"class":5504},[5319,15755,15756,15758,15761,15763,15765,15768],{"class":5321,"line":5334},[5319,15757,5619],{"class":5496},[5319,15759,15760],{"class":5510}," eventHistory",[5319,15762,5514],{"class":5504},[5319,15764,14359],{"class":5500},[5319,15766,15767],{"class":5504},"[] = []; ",[5319,15769,15770],{"class":5484},"\u002F\u002F Останні 100 подій\n",[5319,15772,15773,15775,15777,15780,15782,15785],{"class":5321,"line":5340},[5319,15774,5619],{"class":5496},[5319,15776,7037],{"class":5496},[5319,15778,15779],{"class":5510}," MAX_HISTORY",[5319,15781,5629],{"class":5504},[5319,15783,15784],{"class":5632},"100",[5319,15786,5520],{"class":5504},[5319,15788,15789],{"class":5321,"line":5346},[5319,15790,5491],{"emptyLinePlaceholder":5490},[5319,15792,15793,15796,15798,15800,15802,15804,15806,15808],{"class":5321,"line":5352},[5319,15794,15795],{"class":5714},"  emitEvent",[5319,15797,5790],{"class":5504},[5319,15799,12407],{"class":5510},[5319,15801,5514],{"class":5504},[5319,15803,14359],{"class":5500},[5319,15805,7551],{"class":5504},[5319,15807,5774],{"class":5500},[5319,15809,5505],{"class":5504},[5319,15811,15812,15814,15816,15818,15820,15822,15824,15826],{"class":5321,"line":5358},[5319,15813,5832],{"class":5496},[5319,15815,5210],{"class":5504},[5319,15817,14873],{"class":5510},[5319,15819,5210],{"class":5504},[5319,15821,14954],{"class":5714},[5319,15823,5790],{"class":5504},[5319,15825,12407],{"class":5510},[5319,15827,5815],{"class":5504},[5319,15829,15830],{"class":5321,"line":5363},[5319,15831,5491],{"emptyLinePlaceholder":5490},[5319,15833,15834],{"class":5321,"line":5369},[5319,15835,15836],{"class":5484},"    \u002F\u002F Зберегти у історії\n",[5319,15838,15839,15841,15843,15846,15848,15850,15852,15854],{"class":5321,"line":5374},[5319,15840,5832],{"class":5496},[5319,15842,5210],{"class":5504},[5319,15844,15845],{"class":5510},"eventHistory",[5319,15847,5210],{"class":5504},[5319,15849,10460],{"class":5714},[5319,15851,5790],{"class":5504},[5319,15853,12407],{"class":5510},[5319,15855,5815],{"class":5504},[5319,15857,15858,15860,15862,15864,15866,15868,15870,15872,15874,15876,15878,15881],{"class":5321,"line":5380},[5319,15859,5949],{"class":5948},[5319,15861,5952],{"class":5504},[5319,15863,5800],{"class":5496},[5319,15865,5210],{"class":5504},[5319,15867,15845],{"class":5510},[5319,15869,5210],{"class":5504},[5319,15871,6356],{"class":5510},[5319,15873,6359],{"class":5504},[5319,15875,5800],{"class":5496},[5319,15877,5210],{"class":5504},[5319,15879,15880],{"class":6087},"MAX_HISTORY",[5319,15882,5966],{"class":5504},[5319,15884,15885,15887,15889,15891,15893,15896,15898],{"class":5321,"line":5385},[5319,15886,5883],{"class":5496},[5319,15888,5210],{"class":5504},[5319,15890,15845],{"class":5510},[5319,15892,5210],{"class":5504},[5319,15894,15895],{"class":5714},"shift",[5319,15897,12123],{"class":5504},[5319,15899,15900],{"class":5484},"\u002F\u002F Видалити найстарішу\n",[5319,15902,15903],{"class":5321,"line":5390},[5319,15904,6020],{"class":5504},[5319,15906,15907],{"class":5321,"line":5395},[5319,15908,5909],{"class":5504},[5319,15910,15911],{"class":5321,"line":5400},[5319,15912,5491],{"emptyLinePlaceholder":5490},[5319,15914,15915,15917,15919,15921,15923,15925,15927,15929,15931,15933,15935,15937,15939,15941],{"class":5321,"line":5406},[5319,15916,14722],{"class":5714},[5319,15918,5790],{"class":5504},[5319,15920,6682],{"class":5510},[5319,15922,5514],{"class":5504},[5319,15924,5517],{"class":5500},[5319,15926,6500],{"class":5504},[5319,15928,15650],{"class":5510},[5319,15930,5514],{"class":5504},[5319,15932,5517],{"class":5500},[5319,15934,7551],{"class":5504},[5319,15936,14109],{"class":5500},[5319,15938,6065],{"class":5504},[5319,15940,14359],{"class":5500},[5319,15942,6070],{"class":5504},[5319,15944,15945],{"class":5321,"line":5411},[5319,15946,15947],{"class":5484},"    \u002F\u002F Відправити пропущені події\n",[5319,15949,15950,15952,15955,15957,15959,15961,15963,15965,15967],{"class":5321,"line":5417},[5319,15951,7139],{"class":5496},[5319,15953,15954],{"class":6087}," missedEvents",[5319,15956,5629],{"class":5504},[5319,15958,5800],{"class":5496},[5319,15960,5210],{"class":5504},[5319,15962,15845],{"class":5510},[5319,15964,5210],{"class":5504},[5319,15966,10613],{"class":5714},[5319,15968,5692],{"class":5504},[5319,15970,15971,15973,15976,15978,15980,15983,15985,15987,15989,15991,15993,15995,15997,15999,16002,16004],{"class":5321,"line":5423},[5319,15972,10620],{"class":5504},[5319,15974,15975],{"class":5510},"e",[5319,15977,6634],{"class":5504},[5319,15979,5731],{"class":5496},[5319,15981,15982],{"class":5714}," parseInt",[5319,15984,5790],{"class":5504},[5319,15986,15975],{"class":5510},[5319,15988,5210],{"class":5504},[5319,15990,7290],{"class":5510},[5319,15992,15661],{"class":5504},[5319,15994,15664],{"class":5793},[5319,15996,6500],{"class":5504},[5319,15998,7156],{"class":5632},[5319,16000,16001],{"class":5504},") > ",[5319,16003,15650],{"class":5510},[5319,16005,5707],{"class":5504},[5319,16007,16008],{"class":5321,"line":5428},[5319,16009,7238],{"class":5504},[5319,16011,16012],{"class":5321,"line":5434},[5319,16013,5491],{"emptyLinePlaceholder":5490},[5319,16015,16016,16018,16021],{"class":5321,"line":5439},[5319,16017,6555],{"class":5948},[5319,16019,16020],{"class":5714}," concat",[5319,16022,5692],{"class":5504},[5319,16024,16025,16028,16030,16033,16036],{"class":5321,"line":5445},[5319,16026,16027],{"class":5714},"      from",[5319,16029,5790],{"class":5504},[5319,16031,16032],{"class":5510},"missedEvents",[5319,16034,16035],{"class":5504},"), ",[5319,16037,16038],{"class":5484},"\u002F\u002F Спочатку пропущені події\n",[5319,16040,16041,16043,16045,16047,16049,16051,16053],{"class":5321,"line":5742},[5319,16042,5883],{"class":5496},[5319,16044,5210],{"class":5504},[5319,16046,14873],{"class":5510},[5319,16048,5210],{"class":5504},[5319,16050,14878],{"class":5714},[5319,16052,9089],{"class":5504},[5319,16054,16055],{"class":5484},"\u002F\u002F Потім live події\n",[5319,16057,16058],{"class":5321,"line":5747},[5319,16059,7238],{"class":5504},[5319,16061,16062],{"class":5321,"line":5753},[5319,16063,5909],{"class":5504},[5319,16065,16066],{"class":5321,"line":5759},[5319,16067,5559],{"class":5504},[7839,16069,16070,16071,16074,16075,16078],{},"Для продакшн систем з кількома серверами використовуйте ",[5099,16072,16073],{},"Redis Streams"," або ",[5099,16076,16077],{},"Redis Sorted Sets"," для зберігання історії подій, щоб reconnect працював навіть при переключенні клієнта між різними інстансами сервера.",[5237,16080,16082],{"id":16081},"коли-використовувати-sse","Коли використовувати SSE",[5127,16084,16085,16118],{},[5130,16086,16087],{"icon":7780,"title":7781},[5093,16088,16089,16095,16101,16106,16112],{},[5096,16090,16091,16094],{},[5099,16092,16093],{},"Однонаправлена комунікація:"," сервер push оновлень, клієнт лише отримує (dashboards, live feeds, stock tickers).",[5096,16096,16097,16100],{},[5099,16098,16099],{},"Часті оновлення:"," 1-100 подій на секунду, де overhead HTTP handshake у Long-Polling стає критичним.",[5096,16102,16103,16105],{},[5099,16104,12566],{}," браузер сам відновлює з'єднання без клієнтського коду.",[5096,16107,16108,16111],{},[5099,16109,16110],{},"Простота реалізації:"," не потрібен окремий WebSocket сервер, працює через звичайний HTTP\u002FHTTPS.",[5096,16113,16114,16117],{},[5099,16115,16116],{},"Сумісність з HTTP\u002F2:"," SSE отримує переваги multiplexing у HTTP\u002F2, дозволяючи кілька потоків через одне TCP з'єднання.",[5130,16119,16120],{"icon":7810,"title":7811},[5093,16121,16122,16128,16134,16140],{},[5096,16123,16124,16127],{},[5099,16125,16126],{},"Двосторонній зв'язок:"," клієнт також часто відправляє дані серверу (чат, multiplayer ігри).",[5096,16129,16130,16133],{},[5099,16131,16132],{},"Бінарні дані:"," SSE передає лише текст, для відео\u002Fаудіо стрімінгу потрібен WebSocket або WebRTC.",[5096,16135,16136,16139],{},[5099,16137,16138],{},"Старі браузери:"," IE11 та старіші не підтримують EventSource (потрібен polyfill або fallback на Long-Polling).",[5096,16141,16142,16145],{},[5099,16143,16144],{},"Обхід CORS:"," SSE підпорядкований CORS політикам, WebSocket має більш гнучке управління cross-origin з'єднаннями.",[5124,16147],{},[5084,16149,16151],{"id":16150},"websocket-повнодуплексна-комунікація","WebSocket: Повнодуплексна комунікація",[5089,16153,16154,16156,16157,16160,16161,16164],{},[5099,16155,5118],{}," — це протокол комунікації, стандартизований у RFC 6455, що забезпечує ",[5099,16158,16159],{},"повнодуплексний (full-duplex)"," двосторонній обмін даними між клієнтом та сервером через єдине постійне TCP з'єднання. На відміну від SSE, де комунікація односпрямована (server → client), WebSocket дозволяє ",[5099,16162,16163],{},"обом сторонам"," відправляти повідомлення у будь-який момент без ініціювання нового запиту.",[5237,16166,16168],{"id":16167},"відмінність-від-http-upgrade-до-websocket-протоколу","Відмінність від HTTP: Upgrade до WebSocket протоколу",[5089,16170,16171,16172,16175,16176,16179],{},"WebSocket починається як звичайний HTTP запит з спеціальними заголовками, що сигналізують про бажання клієнта «оновити» (",[5199,16173,16174],{},"upgrade",") протокол з HTTP до WebSocket. Якщо сервер підтримує WebSocket, він відповідає HTTP статусом ",[5289,16177,16178],{},"101 Switching Protocols",", після чого з'єднання переключається на WebSocket протокол, і обидві сторони можуть обмінюватися повідомленнями через binary frames.",[5089,16181,16182],{},[5099,16183,16184],{},"HTTP Upgrade Handshake:",[16186,16187,16188,16274],"code-group",{},[5311,16189,16194],{"className":16190,"code":16191,"filename":16192,"language":16193,"meta":5315,"style":5315},"language-http shiki shiki-themes light-plus dark-plus dark-plus","GET \u002Fchat HTTP\u002F1.1\nHost: api.example.com\nUpgrade: websocket\nConnection: Upgrade\nSec-WebSocket-Key: dGhlIHNhbXBsZSBub25jZQ==\nSec-WebSocket-Version: 13\nOrigin: https:\u002F\u002Fexample.com\n","Client Request","http",[5289,16195,16196,16213,16224,16234,16244,16254,16264],{"__ignoreMap":5315},[5319,16197,16198,16201,16204,16207,16210],{"class":5321,"line":5322},[5319,16199,16200],{"class":5948},"GET",[5319,16202,16203],{"class":5504}," \u002Fchat ",[5319,16205,16206],{"class":5496},"HTTP",[5319,16208,16209],{"class":5504},"\u002F",[5319,16211,16212],{"class":5632},"1.1\n",[5319,16214,16215,16219,16221],{"class":5321,"line":5328},[5319,16216,16218],{"class":16217},"sKtos","Host",[5319,16220,6168],{"class":5496},[5319,16222,16223],{"class":5793}," api.example.com\n",[5319,16225,16226,16229,16231],{"class":5321,"line":5334},[5319,16227,16228],{"class":16217},"Upgrade",[5319,16230,6168],{"class":5496},[5319,16232,16233],{"class":5793}," websocket\n",[5319,16235,16236,16239,16241],{"class":5321,"line":5340},[5319,16237,16238],{"class":16217},"Connection",[5319,16240,6168],{"class":5496},[5319,16242,16243],{"class":5793}," Upgrade\n",[5319,16245,16246,16249,16251],{"class":5321,"line":5346},[5319,16247,16248],{"class":16217},"Sec-WebSocket-Key",[5319,16250,6168],{"class":5496},[5319,16252,16253],{"class":5793}," dGhlIHNhbXBsZSBub25jZQ==\n",[5319,16255,16256,16259,16261],{"class":5321,"line":5352},[5319,16257,16258],{"class":16217},"Sec-WebSocket-Version",[5319,16260,6168],{"class":5496},[5319,16262,16263],{"class":5793}," 13\n",[5319,16265,16266,16269,16271],{"class":5321,"line":5358},[5319,16267,16268],{"class":16217},"Origin",[5319,16270,6168],{"class":5496},[5319,16272,16273],{"class":5793}," https:\u002F\u002Fexample.com\n",[5311,16275,16278],{"className":16190,"code":16276,"filename":16277,"language":16193,"meta":5315,"style":5315},"HTTP\u002F1.1 101 Switching Protocols\nUpgrade: websocket\nConnection: Upgrade\nSec-WebSocket-Accept: s3pPLMBiTxaQ9kYGzzhZRbK+xOo=\n","Server Response",[5289,16279,16280,16295,16303,16311],{"__ignoreMap":5315},[5319,16281,16282,16284,16286,16289,16292],{"class":5321,"line":5322},[5319,16283,16206],{"class":5496},[5319,16285,16209],{"class":5504},[5319,16287,16288],{"class":5632},"1.1",[5319,16290,16291],{"class":5632}," 101",[5319,16293,16294],{"class":5793}," Switching Protocols\n",[5319,16296,16297,16299,16301],{"class":5321,"line":5328},[5319,16298,16228],{"class":16217},[5319,16300,6168],{"class":5496},[5319,16302,16233],{"class":5793},[5319,16304,16305,16307,16309],{"class":5321,"line":5334},[5319,16306,16238],{"class":16217},[5319,16308,6168],{"class":5496},[5319,16310,16243],{"class":5793},[5319,16312,16313,16316,16318],{"class":5321,"line":5340},[5319,16314,16315],{"class":16217},"Sec-WebSocket-Accept",[5319,16317,6168],{"class":5496},[5319,16319,16320],{"class":5793}," s3pPLMBiTxaQ9kYGzzhZRbK+xOo=\n",[5089,16322,16323],{},[5099,16324,16325],{},"Після успішного handshake:",[5093,16327,16328,16331,16334],{},[5096,16329,16330],{},"З'єднання залишається відкритим необмежений час (поки одна зі сторін не закриє його).",[5096,16332,16333],{},"Обидві сторони можуть відправляти повідомлення без запиту протилежної сторони.",[5096,16335,16336,16337,16340],{},"Дані передаються у вигляді ",[5099,16338,16339],{},"бінарних фреймів"," (binary frames), що значно ефективніше за текстовий HTTP.",[5308,16342,16343],{},[5311,16344,16346],{"className":5313,"code":16345,"language":5308,"meta":5315,"style":5315},"sequenceDiagram\n    participant Client as Клієнт\u003Cbr\u002F>(WebSocket API)\n    participant Server as Сервер\u003Cbr\u002F>(Socket.IO \u002F ws)\n    \n    Client->>Server: HTTP GET \u002Fchat\u003Cbr\u002F>Upgrade: websocket\n    Server->>Client: 101 Switching Protocols\n    \n    Note over Client,Server: З'єднання перемкнуто на WebSocket\n    \n    Client->>Server: text frame: \"Привіт!\"\n    Server->>Client: text frame: \"Вітаю!\"\n    \n    Server->>Client: text frame: \"Нове повідомлення від User#42\"\n    \n    Client->>Server: text frame: \"Відправив файл\"\n    Server->>Client: binary frame: [file data bytes]\n    \n    Client->>Server: ping frame\n    Server->>Client: pong frame\n    \n    Note over Client: Користувач закрив вкладку\n    Client->>Server: close frame (code: 1000)\n    Server->>Client: close frame (code: 1000)\n",[5289,16347,16348,16352,16357,16362,16366,16371,16376,16380,16385,16389,16394,16399,16403,16408,16412,16417,16422,16426,16431,16436,16440,16445,16450],{"__ignoreMap":5315},[5319,16349,16350],{"class":5321,"line":5322},[5319,16351,5325],{},[5319,16353,16354],{"class":5321,"line":5328},[5319,16355,16356],{},"    participant Client as Клієнт\u003Cbr\u002F>(WebSocket API)\n",[5319,16358,16359],{"class":5321,"line":5334},[5319,16360,16361],{},"    participant Server as Сервер\u003Cbr\u002F>(Socket.IO \u002F ws)\n",[5319,16363,16364],{"class":5321,"line":5340},[5319,16365,5343],{},[5319,16367,16368],{"class":5321,"line":5346},[5319,16369,16370],{},"    Client->>Server: HTTP GET \u002Fchat\u003Cbr\u002F>Upgrade: websocket\n",[5319,16372,16373],{"class":5321,"line":5352},[5319,16374,16375],{},"    Server->>Client: 101 Switching Protocols\n",[5319,16377,16378],{"class":5321,"line":5358},[5319,16379,5343],{},[5319,16381,16382],{"class":5321,"line":5363},[5319,16383,16384],{},"    Note over Client,Server: З'єднання перемкнуто на WebSocket\n",[5319,16386,16387],{"class":5321,"line":5369},[5319,16388,5343],{},[5319,16390,16391],{"class":5321,"line":5374},[5319,16392,16393],{},"    Client->>Server: text frame: \"Привіт!\"\n",[5319,16395,16396],{"class":5321,"line":5380},[5319,16397,16398],{},"    Server->>Client: text frame: \"Вітаю!\"\n",[5319,16400,16401],{"class":5321,"line":5385},[5319,16402,5343],{},[5319,16404,16405],{"class":5321,"line":5390},[5319,16406,16407],{},"    Server->>Client: text frame: \"Нове повідомлення від User#42\"\n",[5319,16409,16410],{"class":5321,"line":5395},[5319,16411,5343],{},[5319,16413,16414],{"class":5321,"line":5400},[5319,16415,16416],{},"    Client->>Server: text frame: \"Відправив файл\"\n",[5319,16418,16419],{"class":5321,"line":5406},[5319,16420,16421],{},"    Server->>Client: binary frame: [file data bytes]\n",[5319,16423,16424],{"class":5321,"line":5411},[5319,16425,5343],{},[5319,16427,16428],{"class":5321,"line":5417},[5319,16429,16430],{},"    Client->>Server: ping frame\n",[5319,16432,16433],{"class":5321,"line":5423},[5319,16434,16435],{},"    Server->>Client: pong frame\n",[5319,16437,16438],{"class":5321,"line":5428},[5319,16439,5343],{},[5319,16441,16442],{"class":5321,"line":5434},[5319,16443,16444],{},"    Note over Client: Користувач закрив вкладку\n",[5319,16446,16447],{"class":5321,"line":5439},[5319,16448,16449],{},"    Client->>Server: close frame (code: 1000)\n",[5319,16451,16452],{"class":5321,"line":5445},[5319,16453,16454],{},"    Server->>Client: close frame (code: 1000)\n",[5237,16456,16458],{"id":16457},"переваги-websocket-над-іншими-методами","Переваги WebSocket над іншими методами",[16460,16461,16462,16482],"table",{},[16463,16464,16465],"thead",{},[16466,16467,16468,16472,16474,16477,16480],"tr",{},[16469,16470,16471],"th",{},"Критерій",[16469,16473,5275],{},[16469,16475,16476],{},"Long-Polling",[16469,16478,16479],{},"SSE",[16469,16481,5118],{},[16483,16484,16485,16504,16523,16542,16557,16575,16594,16612],"tbody",{},[16466,16486,16487,16493,16496,16499,16501],{},[16488,16489,16490],"td",{},[5099,16491,16492],{},"Двосторонній зв'язок",[16488,16494,16495],{},"❌ (лише client → server)",[16488,16497,16498],{},"❌",[16488,16500,16498],{},[16488,16502,16503],{},"✅",[16466,16505,16506,16511,16514,16517,16520],{},[16488,16507,16508],{},[5099,16509,16510],{},"Latency",[16488,16512,16513],{},"Висока (2-5 сек)",[16488,16515,16516],{},"Середня (100-500 мс)",[16488,16518,16519],{},"Низька (~50 мс)",[16488,16521,16522],{},"Мінімальна (~10-50 мс)",[16466,16524,16525,16530,16533,16536,16539],{},[16488,16526,16527],{},[5099,16528,16529],{},"HTTP overhead",[16488,16531,16532],{},"Високий",[16488,16534,16535],{},"Середній",[16488,16537,16538],{},"Низький",[16488,16540,16541],{},"Мінімальний",[16466,16543,16544,16549,16551,16553,16555],{},[16488,16545,16546],{},[5099,16547,16548],{},"Бінарні дані",[16488,16550,16498],{},[16488,16552,16498],{},[16488,16554,16498],{},[16488,16556,16503],{},[16466,16558,16559,16564,16567,16569,16572],{},[16488,16560,16561],{},[5099,16562,16563],{},"Автоматичний reconnect",[16488,16565,16566],{},"❌ (вручну)",[16488,16568,16566],{},[16488,16570,16571],{},"✅ (браузер)",[16488,16573,16574],{},"❌ (потрібна бібліотека)",[16466,16576,16577,16582,16585,16588,16591],{},[16488,16578,16579],{},[5099,16580,16581],{},"Складність реалізації",[16488,16583,16584],{},"Дуже проста",[16488,16586,16587],{},"Середня",[16488,16589,16590],{},"Проста",[16488,16592,16593],{},"Складна",[16466,16595,16596,16601,16604,16606,16609],{},[16488,16597,16598],{},[5099,16599,16600],{},"Підтримка браузерами",[16488,16602,16603],{},"Всі",[16488,16605,16603],{},[16488,16607,16608],{},"IE11+",[16488,16610,16611],{},"IE10+",[16466,16613,16614,16619,16622,16625,16627],{},[16488,16615,16616],{},[5099,16617,16618],{},"Масштабування",[16488,16620,16621],{},"Легко",[16488,16623,16624],{},"Середньо",[16488,16626,16624],{},[16488,16628,16629],{},"Складно (stateful)",[5089,16631,16632],{},[5099,16633,16634],{},"Критичні переваги для real-time застосунків:",[5245,16636,16637,16643,16649],{},[5096,16638,16639,16642],{},[5099,16640,16641],{},"Мінімальна латентність:"," відсутність HTTP handshake для кожного повідомлення зменшує затримку до ~10-50 мс (лише мережевий RTT).",[5096,16644,16645,16648],{},[5099,16646,16647],{},"Підтримка бінарних даних:"," можна передавати зображення, відео, аудіо без base64 encoding (економія 33% розміру).",[5096,16650,16651,16653],{},[5099,16652,16126],{}," ідеально для чатів, де клієнт постійно відправляє повідомлення, а сервер одночасно push оновлень від інших користувачів.",[5229,16655,16656],{},"У наступній лекції ми детально розглянемо практичну реалізацію WebSocket Gateway у NestJS з використанням бібліотеки Socket.IO, включаючи автентифікацію, rooms (кімнати), broadcasting та обробку reconnect. Тут ми лише окреслимо загальну концепцію для порівняння з іншими методами.",[5237,16658,16660],{"id":16659},"концептуальний-приклад-клієнта-нативний-websocket-api","Концептуальний приклад клієнта (Нативний WebSocket API)",[5311,16662,16664],{"className":5475,"code":16663,"language":5477,"meta":5315,"style":5315},"\u002F\u002F client\u002Fwebsocket-client.ts (базовий приклад без Socket.IO)\n\nclass WebSocketClient {\n  private ws: WebSocket | null = null;\n  private reconnectAttempts = 0;\n  private maxReconnectAttempts = 5;\n\n  constructor(\n    private url: string,\n    private onMessage: (data: any) => void,\n    private onError: (error: Event) => void\n  ) {}\n\n  connect(): void {\n    \u002F\u002F Передаємо JWT токен через query parameter\n    const token = localStorage.getItem('authToken');\n    this.ws = new WebSocket(`${this.url}?token=${token}`);\n\n    this.ws.addEventListener('open', () => {\n      console.log('[WebSocket] З\\'єднання встановлено');\n      this.reconnectAttempts = 0;\n    });\n\n    this.ws.addEventListener('message', (event: MessageEvent) => {\n      const data = JSON.parse(event.data);\n      console.log('[WebSocket] Отримано:', data);\n      this.onMessage(data);\n    });\n\n    this.ws.addEventListener('close', (event: CloseEvent) => {\n      console.log(`[WebSocket] З\\'єднання закрито: ${event.code} ${event.reason}`);\n      this.attemptReconnect();\n    });\n\n    this.ws.addEventListener('error', (error: Event) => {\n      console.error('[WebSocket] Помилка:', error);\n      this.onError(error);\n    });\n  }\n\n  send(data: any): void {\n    if (this.ws?.readyState === WebSocket.OPEN) {\n      this.ws.send(JSON.stringify(data));\n    } else {\n      console.error('[WebSocket] З\\'єднання не відкрито');\n    }\n  }\n\n  disconnect(): void {\n    this.ws?.close(1000, 'Client disconnect');\n  }\n\n  private attemptReconnect(): void {\n    if (this.reconnectAttempts \u003C this.maxReconnectAttempts) {\n      this.reconnectAttempts++;\n      const delay = Math.min(1000 * Math.pow(2, this.reconnectAttempts), 30000);\n      console.log(`[WebSocket] Reconnect через ${delay}ms (спроба ${this.reconnectAttempts})`);\n      setTimeout(() => this.connect(), delay);\n    } else {\n      console.error('[WebSocket] Перевищено ліміт спроб reconnect');\n    }\n  }\n}\n",[5289,16665,16666,16671,16675,16684,16705,16718,16732,16736,16742,16754,16776,16796,16800,16804,16814,16819,16841,16884,16888,16910,16929,16944,16948,16952,16982,17006,17025,17039,17043,17047,17078,17122,17133,17137,17141,17171,17190,17204,17208,17212,17216,17235,17262,17289,17297,17316,17320,17324,17328,17338,17362,17366,17370,17383,17406,17416,17465,17502,17523,17531,17546,17550,17554],{"__ignoreMap":5315},[5319,16667,16668],{"class":5321,"line":5322},[5319,16669,16670],{"class":5484},"\u002F\u002F client\u002Fwebsocket-client.ts (базовий приклад без Socket.IO)\n",[5319,16672,16673],{"class":5321,"line":5328},[5319,16674,5491],{"emptyLinePlaceholder":5490},[5319,16676,16677,16679,16682],{"class":5321,"line":5334},[5319,16678,5609],{"class":5496},[5319,16680,16681],{"class":5500}," WebSocketClient",[5319,16683,5505],{"class":5504},[5319,16685,16686,16688,16691,16693,16695,16697,16699,16701,16703],{"class":5321,"line":5340},[5319,16687,5619],{"class":5496},[5319,16689,16690],{"class":5510}," ws",[5319,16692,5514],{"class":5504},[5319,16694,5118],{"class":5500},[5319,16696,5671],{"class":5504},[5319,16698,5674],{"class":5500},[5319,16700,5629],{"class":5504},[5319,16702,5674],{"class":5496},[5319,16704,5520],{"class":5504},[5319,16706,16707,16709,16712,16714,16716],{"class":5321,"line":5346},[5319,16708,5619],{"class":5496},[5319,16710,16711],{"class":5510}," reconnectAttempts",[5319,16713,5629],{"class":5504},[5319,16715,5633],{"class":5632},[5319,16717,5520],{"class":5504},[5319,16719,16720,16722,16725,16727,16730],{"class":5321,"line":5352},[5319,16721,5619],{"class":5496},[5319,16723,16724],{"class":5510}," maxReconnectAttempts",[5319,16726,5629],{"class":5504},[5319,16728,16729],{"class":5632},"5",[5319,16731,5520],{"class":5504},[5319,16733,16734],{"class":5321,"line":5358},[5319,16735,5491],{"emptyLinePlaceholder":5490},[5319,16737,16738,16740],{"class":5321,"line":5363},[5319,16739,5689],{"class":5496},[5319,16741,5692],{"class":5504},[5319,16743,16744,16746,16748,16750,16752],{"class":5321,"line":5369},[5319,16745,5697],{"class":5496},[5319,16747,12882],{"class":5510},[5319,16749,5514],{"class":5504},[5319,16751,5541],{"class":5500},[5319,16753,5707],{"class":5504},[5319,16755,16756,16758,16760,16762,16764,16766,16768,16770,16772,16774],{"class":5321,"line":5374},[5319,16757,5697],{"class":5496},[5319,16759,12771],{"class":5714},[5319,16761,5718],{"class":5504},[5319,16763,6347],{"class":5510},[5319,16765,5514],{"class":5504},[5319,16767,10022],{"class":5500},[5319,16769,6634],{"class":5504},[5319,16771,5731],{"class":5496},[5319,16773,8219],{"class":5500},[5319,16775,5707],{"class":5504},[5319,16777,16778,16780,16782,16784,16786,16788,16790,16792,16794],{"class":5321,"line":5380},[5319,16779,5697],{"class":5496},[5319,16781,8228],{"class":5714},[5319,16783,5718],{"class":5504},[5319,16785,6254],{"class":5510},[5319,16787,5514],{"class":5504},[5319,16789,12827],{"class":5500},[5319,16791,6634],{"class":5504},[5319,16793,5731],{"class":5496},[5319,16795,5734],{"class":5500},[5319,16797,16798],{"class":5321,"line":5385},[5319,16799,5739],{"class":5504},[5319,16801,16802],{"class":5321,"line":5390},[5319,16803,5491],{"emptyLinePlaceholder":5490},[5319,16805,16806,16808,16810,16812],{"class":5321,"line":5395},[5319,16807,12859],{"class":5714},[5319,16809,5771],{"class":5504},[5319,16811,5774],{"class":5500},[5319,16813,5505],{"class":5504},[5319,16815,16816],{"class":5321,"line":5400},[5319,16817,16818],{"class":5484},"    \u002F\u002F Передаємо JWT токен через query parameter\n",[5319,16820,16821,16823,16826,16828,16831,16833,16835,16837,16839],{"class":5321,"line":5406},[5319,16822,7139],{"class":5496},[5319,16824,16825],{"class":6087}," token",[5319,16827,5629],{"class":5504},[5319,16829,16830],{"class":5510},"localStorage",[5319,16832,5210],{"class":5504},[5319,16834,6563],{"class":5714},[5319,16836,5790],{"class":5504},[5319,16838,6568],{"class":5793},[5319,16840,5815],{"class":5504},[5319,16842,16843,16845,16847,16850,16852,16854,16857,16859,16861,16863,16865,16867,16869,16871,16874,16876,16878,16880,16882],{"class":5321,"line":5411},[5319,16844,5832],{"class":5496},[5319,16846,5210],{"class":5504},[5319,16848,16849],{"class":5510},"ws",[5319,16851,5629],{"class":5504},[5319,16853,6611],{"class":5496},[5319,16855,16856],{"class":5714}," WebSocket",[5319,16858,5790],{"class":5504},[5319,16860,6132],{"class":5793},[5319,16862,5797],{"class":5496},[5319,16864,5800],{"class":5496},[5319,16866,5210],{"class":5803},[5319,16868,12939],{"class":5510},[5319,16870,5809],{"class":5496},[5319,16872,16873],{"class":5793},"?token=",[5319,16875,5797],{"class":5496},[5319,16877,14346],{"class":5510},[5319,16879,5809],{"class":5496},[5319,16881,6132],{"class":5793},[5319,16883,5815],{"class":5504},[5319,16885,16886],{"class":5321,"line":5417},[5319,16887,5491],{"emptyLinePlaceholder":5490},[5319,16889,16890,16892,16894,16896,16898,16900,16902,16904,16906,16908],{"class":5321,"line":5423},[5319,16891,5832],{"class":5496},[5319,16893,5210],{"class":5504},[5319,16895,16849],{"class":5510},[5319,16897,5210],{"class":5504},[5319,16899,6762],{"class":5714},[5319,16901,5790],{"class":5504},[5319,16903,13467],{"class":5793},[5319,16905,6770],{"class":5504},[5319,16907,5731],{"class":5496},[5319,16909,5505],{"class":5504},[5319,16911,16912,16914,16916,16918,16920,16923,16925,16927],{"class":5321,"line":5428},[5319,16913,6003],{"class":5510},[5319,16915,5210],{"class":5504},[5319,16917,5787],{"class":5714},[5319,16919,5790],{"class":5504},[5319,16921,16922],{"class":5793},"'[WebSocket] З",[5319,16924,13306],{"class":13305},[5319,16926,13490],{"class":5793},[5319,16928,5815],{"class":5504},[5319,16930,16931,16933,16935,16938,16940,16942],{"class":5321,"line":5434},[5319,16932,5883],{"class":5496},[5319,16934,5210],{"class":5504},[5319,16936,16937],{"class":5510},"reconnectAttempts",[5319,16939,5629],{"class":5504},[5319,16941,5633],{"class":5632},[5319,16943,5520],{"class":5504},[5319,16945,16946],{"class":5321,"line":5439},[5319,16947,6713],{"class":5504},[5319,16949,16950],{"class":5321,"line":5445},[5319,16951,5491],{"emptyLinePlaceholder":5490},[5319,16953,16954,16956,16958,16960,16962,16964,16966,16968,16970,16972,16974,16976,16978,16980],{"class":5321,"line":5742},[5319,16955,5832],{"class":5496},[5319,16957,5210],{"class":5504},[5319,16959,16849],{"class":5510},[5319,16961,5210],{"class":5504},[5319,16963,6762],{"class":5714},[5319,16965,5790],{"class":5504},[5319,16967,11871],{"class":5793},[5319,16969,11874],{"class":5504},[5319,16971,12407],{"class":5510},[5319,16973,5514],{"class":5504},[5319,16975,12975],{"class":5500},[5319,16977,6634],{"class":5504},[5319,16979,5731],{"class":5496},[5319,16981,5505],{"class":5504},[5319,16983,16984,16986,16988,16990,16992,16994,16996,16998,17000,17002,17004],{"class":5321,"line":5747},[5319,16985,6084],{"class":5496},[5319,16987,6314],{"class":6087},[5319,16989,5629],{"class":5504},[5319,16991,11914],{"class":6087},[5319,16993,5210],{"class":5504},[5319,16995,11919],{"class":5714},[5319,16997,5790],{"class":5504},[5319,16999,12407],{"class":5510},[5319,17001,5210],{"class":5504},[5319,17003,6347],{"class":5510},[5319,17005,5815],{"class":5504},[5319,17007,17008,17010,17012,17014,17016,17019,17021,17023],{"class":5321,"line":5753},[5319,17009,6003],{"class":5510},[5319,17011,5210],{"class":5504},[5319,17013,5787],{"class":5714},[5319,17015,5790],{"class":5504},[5319,17017,17018],{"class":5793},"'[WebSocket] Отримано:'",[5319,17020,6500],{"class":5504},[5319,17022,6347],{"class":5510},[5319,17024,5815],{"class":5504},[5319,17026,17027,17029,17031,17033,17035,17037],{"class":5321,"line":5759},[5319,17028,5883],{"class":5496},[5319,17030,5210],{"class":5504},[5319,17032,13124],{"class":5714},[5319,17034,5790],{"class":5504},[5319,17036,6347],{"class":5510},[5319,17038,5815],{"class":5504},[5319,17040,17041],{"class":5321,"line":5765},[5319,17042,6713],{"class":5504},[5319,17044,17045],{"class":5321,"line":5779},[5319,17046,5491],{"emptyLinePlaceholder":5490},[5319,17048,17049,17051,17053,17055,17057,17059,17061,17063,17065,17067,17069,17072,17074,17076],{"class":5321,"line":5818},[5319,17050,5832],{"class":5496},[5319,17052,5210],{"class":5504},[5319,17054,16849],{"class":5510},[5319,17056,5210],{"class":5504},[5319,17058,6762],{"class":5714},[5319,17060,5790],{"class":5504},[5319,17062,12144],{"class":5793},[5319,17064,11874],{"class":5504},[5319,17066,12407],{"class":5510},[5319,17068,5514],{"class":5504},[5319,17070,17071],{"class":5500},"CloseEvent",[5319,17073,6634],{"class":5504},[5319,17075,5731],{"class":5496},[5319,17077,5505],{"class":5504},[5319,17079,17080,17082,17084,17086,17088,17091,17093,17096,17098,17100,17102,17104,17106,17109,17111,17113,17116,17118,17120],{"class":5321,"line":5823},[5319,17081,6003],{"class":5510},[5319,17083,5210],{"class":5504},[5319,17085,5787],{"class":5714},[5319,17087,5790],{"class":5504},[5319,17089,17090],{"class":5793},"`[WebSocket] З",[5319,17092,13306],{"class":13305},[5319,17094,17095],{"class":5793},"єднання закрито: ",[5319,17097,5797],{"class":5496},[5319,17099,12407],{"class":5510},[5319,17101,5210],{"class":5803},[5319,17103,5289],{"class":5510},[5319,17105,5809],{"class":5496},[5319,17107,17108],{"class":5496}," ${",[5319,17110,12407],{"class":5510},[5319,17112,5210],{"class":5803},[5319,17114,17115],{"class":5510},"reason",[5319,17117,5809],{"class":5496},[5319,17119,6132],{"class":5793},[5319,17121,5815],{"class":5504},[5319,17123,17124,17126,17128,17131],{"class":5321,"line":5829},[5319,17125,5883],{"class":5496},[5319,17127,5210],{"class":5504},[5319,17129,17130],{"class":5714},"attemptReconnect",[5319,17132,5840],{"class":5504},[5319,17134,17135],{"class":5321,"line":5843},[5319,17136,6713],{"class":5504},[5319,17138,17139],{"class":5321,"line":5848},[5319,17140,5491],{"emptyLinePlaceholder":5490},[5319,17142,17143,17145,17147,17149,17151,17153,17155,17157,17159,17161,17163,17165,17167,17169],{"class":5321,"line":5854},[5319,17144,5832],{"class":5496},[5319,17146,5210],{"class":5504},[5319,17148,16849],{"class":5510},[5319,17150,5210],{"class":5504},[5319,17152,6762],{"class":5714},[5319,17154,5790],{"class":5504},[5319,17156,13275],{"class":5793},[5319,17158,11874],{"class":5504},[5319,17160,6254],{"class":5510},[5319,17162,5514],{"class":5504},[5319,17164,12827],{"class":5500},[5319,17166,6634],{"class":5504},[5319,17168,5731],{"class":5496},[5319,17170,5505],{"class":5504},[5319,17172,17173,17175,17177,17179,17181,17184,17186,17188],{"class":5321,"line":5880},[5319,17174,6003],{"class":5510},[5319,17176,5210],{"class":5504},[5319,17178,6254],{"class":5714},[5319,17180,5790],{"class":5504},[5319,17182,17183],{"class":5793},"'[WebSocket] Помилка:'",[5319,17185,6500],{"class":5504},[5319,17187,6254],{"class":5510},[5319,17189,5815],{"class":5504},[5319,17191,17192,17194,17196,17198,17200,17202],{"class":5321,"line":5892},[5319,17193,5883],{"class":5496},[5319,17195,5210],{"class":5504},[5319,17197,9037],{"class":5714},[5319,17199,5790],{"class":5504},[5319,17201,6254],{"class":5510},[5319,17203,5815],{"class":5504},[5319,17205,17206],{"class":5321,"line":5906},[5319,17207,6713],{"class":5504},[5319,17209,17210],{"class":5321,"line":5912},[5319,17211,5909],{"class":5504},[5319,17213,17214],{"class":5321,"line":5917},[5319,17215,5491],{"emptyLinePlaceholder":5490},[5319,17217,17218,17221,17223,17225,17227,17229,17231,17233],{"class":5321,"line":5922},[5319,17219,17220],{"class":5714},"  send",[5319,17222,5790],{"class":5504},[5319,17224,6347],{"class":5510},[5319,17226,5514],{"class":5504},[5319,17228,10022],{"class":5500},[5319,17230,7551],{"class":5504},[5319,17232,5774],{"class":5500},[5319,17234,5505],{"class":5504},[5319,17236,17237,17239,17241,17243,17245,17247,17249,17251,17253,17255,17257,17260],{"class":5321,"line":5928},[5319,17238,5949],{"class":5948},[5319,17240,5952],{"class":5504},[5319,17242,5800],{"class":5496},[5319,17244,5210],{"class":5504},[5319,17246,16849],{"class":5510},[5319,17248,13334],{"class":5504},[5319,17250,13337],{"class":5510},[5319,17252,8975],{"class":5504},[5319,17254,5118],{"class":5510},[5319,17256,5210],{"class":5504},[5319,17258,17259],{"class":6087},"OPEN",[5319,17261,5966],{"class":5504},[5319,17263,17264,17266,17268,17270,17272,17275,17277,17279,17281,17283,17285,17287],{"class":5321,"line":5933},[5319,17265,5883],{"class":5496},[5319,17267,5210],{"class":5504},[5319,17269,16849],{"class":5510},[5319,17271,5210],{"class":5504},[5319,17273,17274],{"class":5714},"send",[5319,17276,5790],{"class":5504},[5319,17278,11914],{"class":6087},[5319,17280,5210],{"class":5504},[5319,17282,12015],{"class":5714},[5319,17284,5790],{"class":5504},[5319,17286,6347],{"class":5510},[5319,17288,12022],{"class":5504},[5319,17290,17291,17293,17295],{"class":5321,"line":5945},[5319,17292,6474],{"class":5504},[5319,17294,6445],{"class":5948},[5319,17296,5505],{"class":5504},[5319,17298,17299,17301,17303,17305,17307,17309,17311,17314],{"class":5321,"line":5969},[5319,17300,6003],{"class":5510},[5319,17302,5210],{"class":5504},[5319,17304,6254],{"class":5714},[5319,17306,5790],{"class":5504},[5319,17308,16922],{"class":5793},[5319,17310,13306],{"class":13305},[5319,17312,17313],{"class":5793},"єднання не відкрито'",[5319,17315,5815],{"class":5504},[5319,17317,17318],{"class":5321,"line":5985},[5319,17319,6020],{"class":5504},[5319,17321,17322],{"class":5321,"line":6000},[5319,17323,5909],{"class":5504},[5319,17325,17326],{"class":5321,"line":6017},[5319,17327,5491],{"emptyLinePlaceholder":5490},[5319,17329,17330,17332,17334,17336],{"class":5321,"line":6023},[5319,17331,13545],{"class":5714},[5319,17333,5771],{"class":5504},[5319,17335,5774],{"class":5500},[5319,17337,5505],{"class":5504},[5319,17339,17340,17342,17344,17346,17348,17350,17352,17355,17357,17360],{"class":5321,"line":6028},[5319,17341,5832],{"class":5496},[5319,17343,5210],{"class":5504},[5319,17345,16849],{"class":5510},[5319,17347,13334],{"class":5504},[5319,17349,13578],{"class":5714},[5319,17351,5790],{"class":5504},[5319,17353,17354],{"class":5632},"1000",[5319,17356,6500],{"class":5504},[5319,17358,17359],{"class":5793},"'Client disconnect'",[5319,17361,5815],{"class":5504},[5319,17363,17364],{"class":5321,"line":6033},[5319,17365,5909],{"class":5504},[5319,17367,17368],{"class":5321,"line":6038},[5319,17369,5491],{"emptyLinePlaceholder":5490},[5319,17371,17372,17374,17377,17379,17381],{"class":5321,"line":6044},[5319,17373,5619],{"class":5496},[5319,17375,17376],{"class":5714}," attemptReconnect",[5319,17378,5771],{"class":5504},[5319,17380,5774],{"class":5500},[5319,17382,5505],{"class":5504},[5319,17384,17385,17387,17389,17391,17393,17395,17397,17399,17401,17404],{"class":5321,"line":6049},[5319,17386,5949],{"class":5948},[5319,17388,5952],{"class":5504},[5319,17390,5800],{"class":5496},[5319,17392,5210],{"class":5504},[5319,17394,16937],{"class":5510},[5319,17396,10635],{"class":5504},[5319,17398,5800],{"class":5496},[5319,17400,5210],{"class":5504},[5319,17402,17403],{"class":5510},"maxReconnectAttempts",[5319,17405,5966],{"class":5504},[5319,17407,17408,17410,17412,17414],{"class":5321,"line":6073},[5319,17409,5883],{"class":5496},[5319,17411,5210],{"class":5504},[5319,17413,16937],{"class":5510},[5319,17415,14937],{"class":5504},[5319,17417,17418,17420,17423,17425,17427,17429,17432,17434,17436,17439,17441,17443,17446,17448,17451,17453,17455,17457,17459,17461,17463],{"class":5321,"line":6081},[5319,17419,6084],{"class":5496},[5319,17421,17422],{"class":6087}," delay",[5319,17424,5629],{"class":5504},[5319,17426,12115],{"class":5510},[5319,17428,5210],{"class":5504},[5319,17430,17431],{"class":5714},"min",[5319,17433,5790],{"class":5504},[5319,17435,17354],{"class":5632},[5319,17437,17438],{"class":5504}," * ",[5319,17440,12115],{"class":5510},[5319,17442,5210],{"class":5504},[5319,17444,17445],{"class":5714},"pow",[5319,17447,5790],{"class":5504},[5319,17449,17450],{"class":5632},"2",[5319,17452,6500],{"class":5504},[5319,17454,5800],{"class":5496},[5319,17456,5210],{"class":5504},[5319,17458,16937],{"class":5510},[5319,17460,16035],{"class":5504},[5319,17462,9710],{"class":5632},[5319,17464,5815],{"class":5504},[5319,17466,17467,17469,17471,17473,17475,17478,17480,17483,17485,17488,17490,17492,17494,17496,17498,17500],{"class":5321,"line":6101},[5319,17468,6003],{"class":5510},[5319,17470,5210],{"class":5504},[5319,17472,5787],{"class":5714},[5319,17474,5790],{"class":5504},[5319,17476,17477],{"class":5793},"`[WebSocket] Reconnect через ",[5319,17479,5797],{"class":5496},[5319,17481,17482],{"class":5510},"delay",[5319,17484,5809],{"class":5496},[5319,17486,17487],{"class":5793},"ms (спроба ",[5319,17489,5797],{"class":5496},[5319,17491,5800],{"class":5496},[5319,17493,5210],{"class":5803},[5319,17495,16937],{"class":5510},[5319,17497,5809],{"class":5496},[5319,17499,15027],{"class":5793},[5319,17501,5815],{"class":5504},[5319,17503,17504,17507,17509,17511,17513,17515,17517,17519,17521],{"class":5321,"line":6137},[5319,17505,17506],{"class":5714},"      setTimeout",[5319,17508,5873],{"class":5504},[5319,17510,5731],{"class":5496},[5319,17512,7207],{"class":5496},[5319,17514,5210],{"class":5504},[5319,17516,13949],{"class":5714},[5319,17518,9089],{"class":5504},[5319,17520,17482],{"class":5510},[5319,17522,5815],{"class":5504},[5319,17524,17525,17527,17529],{"class":5321,"line":6143},[5319,17526,6474],{"class":5504},[5319,17528,6445],{"class":5948},[5319,17530,5505],{"class":5504},[5319,17532,17533,17535,17537,17539,17541,17544],{"class":5321,"line":6154},[5319,17534,6003],{"class":5510},[5319,17536,5210],{"class":5504},[5319,17538,6254],{"class":5714},[5319,17540,5790],{"class":5504},[5319,17542,17543],{"class":5793},"'[WebSocket] Перевищено ліміт спроб reconnect'",[5319,17545,5815],{"class":5504},[5319,17547,17548],{"class":5321,"line":6162},[5319,17549,6020],{"class":5504},[5319,17551,17552],{"class":5321,"line":6192},[5319,17553,5909],{"class":5504},[5319,17555,17556],{"class":5321,"line":6205},[5319,17557,5559],{"class":5504},[5089,17559,17560,17563],{},[5099,17561,17562],{},"Важливо:"," у реальних проєктах рекомендується використовувати бібліотеки Socket.IO (клієнт + сервер), які надають автоматичний reconnect, fallback на Long-Polling, rooms, namespaces та інші корисні функції. Детальну реалізацію ми розглянемо у наступній лекції.",[5237,17565,17567],{"id":17566},"коли-використовувати-websocket","Коли використовувати WebSocket",[5127,17569,17570,17608],{},[5130,17571,17572],{"icon":7780,"title":7781},[5093,17573,17574,17579,17584,17590,17596,17602],{},[5096,17575,17576,17578],{},[5099,17577,7818],{}," миттєва доставка повідомлень у обидва напрямки (client ↔ server).",[5096,17580,17581,17583],{},[5099,17582,7824],{}," Google Docs стиль редагування, де зміни одного користувача миттєво відображаються у інших.",[5096,17585,17586,17589],{},[5099,17587,17588],{},"Multiplayer ігри:"," критична латентність \u003C 50 мс для позицій гравців, подій гри.",[5096,17591,17592,17595],{},[5099,17593,17594],{},"Live trading platforms:"," біржові терміналі з оновленням котирувань у реальному часі.",[5096,17597,17598,17601],{},[5099,17599,17600],{},"IoT dashboards:"," пристрої відправляють дані, сервер push команд до пристроїв.",[5096,17603,17604,17607],{},[5099,17605,17606],{},"Відеочати та screen sharing:"," передача метаданих, сигналізація для WebRTC.",[5130,17609,17612],{"icon":17610,"title":17611},"i-lucide-alert-circle","❌ Надмірне використання",[5093,17613,17614,17620,17626],{},[5096,17615,17616,17619],{},[5099,17617,17618],{},"Рідкі оновлення:"," якщо події виникають раз на хвилину — SSE або Long-Polling простіші.",[5096,17621,17622,17625],{},[5099,17623,17624],{},"Лише server → client:"," якщо клієнт ніколи не відправляє дані — SSE ефективніший.",[5096,17627,17628,17631],{},[5099,17629,17630],{},"Статичний контент:"," не використовуйте WebSocket для завантаження зображень, CSS, JS — це задача для HTTP\u002F2 або CDN.",[5124,17633],{},[5084,17635,17637],{"id":17636},"порівняльна-таблиця-методів-real-time-комунікації","Порівняльна таблиця методів real-time комунікації",[5089,17639,17640],{},"Підсумуємо ключові характеристики всіх чотирьох методів для швидкого вибору оптимального рішення.",[16460,17642,17643,17657],{},[16463,17644,17645],{},[16466,17646,17647,17649,17651,17653,17655],{},[16469,17648,16471],{},[16469,17650,5275],{},[16469,17652,16476],{},[16469,17654,16479],{},[16469,17656,5118],{},[16483,17658,17659,17677,17696,17712,17731,17746,17761,17778,17795,17813,17830,17848,17865,17881],{},[16466,17660,17661,17666,17669,17671,17674],{},[16488,17662,17663],{},[5099,17664,17665],{},"Напрямок комунікації",[16488,17667,17668],{},"Client → Server (імітація server push)",[16488,17670,17668],{},[16488,17672,17673],{},"Server → Client",[16488,17675,17676],{},"Client ↔ Server",[16466,17678,17679,17684,17687,17690,17693],{},[16488,17680,17681],{},[5099,17682,17683],{},"Затримка доставки події",[16488,17685,17686],{},"2-5 секунд (середня)",[16488,17688,17689],{},"100-500 мс",[16488,17691,17692],{},"50-200 мс",[16488,17694,17695],{},"10-50 мс",[16466,17697,17698,17703,17706,17708,17710],{},[16488,17699,17700],{},[5099,17701,17702],{},"HTTP overhead на подію",[16488,17704,17705],{},"Дуже високий",[16488,17707,16532],{},[16488,17709,16538],{},[16488,17711,16541],{},[16466,17713,17714,17719,17722,17725,17728],{},[16488,17715,17716],{},[5099,17717,17718],{},"Кількість HTTP запитів",[16488,17720,17721],{},"Фіксована (високa)",[16488,17723,17724],{},"Залежить від частоти подій",[16488,17726,17727],{},"1 з'єднання",[16488,17729,17730],{},"1 з'єднання (після upgrade)",[16466,17732,17733,17738,17740,17742,17744],{},[16488,17734,17735],{},[5099,17736,17737],{},"Підтримка бінарних даних",[16488,17739,16498],{},[16488,17741,16498],{},[16488,17743,16498],{},[16488,17745,16503],{},[16466,17747,17748,17752,17754,17756,17759],{},[16488,17749,17750],{},[5099,17751,16563],{},[16488,17753,16498],{},[16488,17755,16498],{},[16488,17757,17758],{},"✅ (нативний у браузері)",[16488,17760,16574],{},[16466,17762,17763,17768,17770,17772,17775],{},[16488,17764,17765],{},[5099,17766,17767],{},"Відновлення пропущених подій",[16488,17769,16498],{},[16488,17771,16498],{},[16488,17773,17774],{},"✅ (Last-Event-ID)",[16488,17776,17777],{},"❌ (власна логіка)",[16466,17779,17780,17785,17787,17789,17792],{},[16488,17781,17782],{},[5099,17783,17784],{},"Складність клієнта",[16488,17786,16590],{},[16488,17788,16587],{},[16488,17790,17791],{},"Дуже проста (EventSource API)",[16488,17793,17794],{},"Складна (потрібна бібліотека)",[16466,17796,17797,17802,17804,17807,17810],{},[16488,17798,17799],{},[5099,17800,17801],{},"Складність сервера",[16488,17803,16590],{},[16488,17805,17806],{},"Висока (event loop, cleanup)",[16488,17808,17809],{},"Середня (Observables)",[16488,17811,17812],{},"Висока (stateful, rooms)",[16466,17814,17815,17819,17822,17825,17827],{},[16488,17816,17817],{},[5099,17818,16618],{},[16488,17820,17821],{},"Легко (stateless)",[16488,17823,17824],{},"Середньо (stateful з'єднання)",[16488,17826,17824],{},[16488,17828,17829],{},"Складно (sticky sessions, Redis Adapter)",[16466,17831,17832,17837,17840,17843,17845],{},[16488,17833,17834],{},[5099,17835,17836],{},"Навантаження на сервер",[16488,17838,17839],{},"Високе (постійні запити)",[16488,17841,17842],{},"Середнє (утримання з'єднань)",[16488,17844,17842],{},[16488,17846,17847],{},"Низьке (ефективний протокол)",[16466,17849,17850,17854,17857,17859,17862],{},[16488,17851,17852],{},[5099,17853,16600],{},[16488,17855,17856],{},"Всі (включно з IE6)",[16488,17858,16603],{},[16488,17860,17861],{},"IE11+, всі сучасні",[16488,17863,17864],{},"IE10+, всі сучасні",[16466,17866,17867,17872,17874,17876,17879],{},[16488,17868,17869],{},[5099,17870,17871],{},"Підтримка через CORS",[16488,17873,16503],{},[16488,17875,16503],{},[16488,17877,17878],{},"✅ (з обмеженнями заголовків)",[16488,17880,16503],{},[16466,17882,17883,17888,17891,17893,17895],{},[16488,17884,17885],{},[5099,17886,17887],{},"Fallback при блокуванні firewall",[16488,17889,17890],{},"✅ (працює завжди)",[16488,17892,16503],{},[16488,17894,16503],{},[16488,17896,17897],{},"❌ (може блокуватися корпоративними firewall)",[5237,17899,17901],{"id":17900},"матриця-вибору-методу-залежно-від-вимог","Матриця вибору методу залежно від вимог",[17903,17904,17905,17973,18025,18065],"tabs",{},[17906,17907,17909,17914,17927,17932,17944,17949,17961,17966],"tabs-item",{"label":17908},"За частотою оновлень",[5089,17910,17911],{},[5099,17912,17913],{},"Рідкі оновлення (\u003C 1 раз на хвилину):",[5093,17915,17916,17922],{},[5096,17917,17918,17919,17921],{},"✅ ",[5099,17920,5275],{}," — найпростіше рішення, мінімальна складність.",[5096,17923,17918,17924,17926],{},[5099,17925,16476],{}," — якщо важлива затримка \u003C 5 секунд.",[5089,17928,17929],{},[5099,17930,17931],{},"Помірні оновлення (1-10 разів на хвилину):",[5093,17933,17934,17939],{},[5096,17935,17918,17936,17938],{},[5099,17937,16476],{}," — баланс між простотою та ефективністю.",[5096,17940,17918,17941,17943],{},[5099,17942,16479],{}," — якщо лише server → client комунікація.",[5089,17945,17946],{},[5099,17947,17948],{},"Часті оновлення (10-100 разів на секунду):",[5093,17950,17951,17956],{},[5096,17952,17918,17953,17955],{},[5099,17954,16479],{}," — для однонаправленого потоку (dashboards, feeds).",[5096,17957,17918,17958,17960],{},[5099,17959,5118],{}," — для двостороннього зв'язку (чати, ігри).",[5089,17962,17963],{},[5099,17964,17965],{},"Дуже часті оновлення (> 100 разів на секунду):",[5093,17967,17968],{},[5096,17969,17918,17970,17972],{},[5099,17971,5118],{}," — єдиний метод з достатньо низькою латентністю.",[17906,17974,17976,17981,17993,17998,18006,18011],{"label":17975},"За напрямком комунікації",[5089,17977,17978],{},[5099,17979,17980],{},"Лише Server → Client:",[5093,17982,17983,17988],{},[5096,17984,17918,17985,17987],{},[5099,17986,16479],{}," — стандартизоване рішення з автоматичним reconnect.",[5096,17989,17918,17990,17992],{},[5099,17991,16476],{}," — fallback для старих браузерів.",[5089,17994,17995],{},[5099,17996,17997],{},"Лише Client → Server:",[5093,17999,18000],{},[5096,18001,17918,18002,18005],{},[5099,18003,18004],{},"Звичайний HTTP"," (POST\u002FPUT запити) — не потрібен real-time.",[5089,18007,18008],{},[5099,18009,18010],{},"Двосторонній Client ↔ Server:",[5093,18012,18013,18018],{},[5096,18014,17918,18015,18017],{},[5099,18016,5118],{}," — єдиний метод з нативною підтримкою full-duplex.",[5096,18019,18020,18021,18024],{},"🔄 ",[5099,18022,18023],{},"SSE + HTTP"," — SSE для server → client, звичайні POST запити для client → server (гібридний підхід).",[17906,18026,18028,18033,18040,18045,18052,18057],{"label":18027},"За складністю реалізації",[5089,18029,18030],{},[5099,18031,18032],{},"Максимальна простота (MVP, proof of concept):",[5093,18034,18035],{},[5096,18036,17918,18037,18039],{},[5099,18038,5275],{}," — 10 рядків коду на клієнті та сервері.",[5089,18041,18042],{},[5099,18043,18044],{},"Баланс простоти та функціональності:",[5093,18046,18047],{},[5096,18048,17918,18049,18051],{},[5099,18050,16479],{}," — нативний EventSource API, мінімальний boilerplate.",[5089,18053,18054],{},[5099,18055,18056],{},"Готовність до складної інфраструктури:",[5093,18058,18059],{},[5096,18060,17918,18061,18064],{},[5099,18062,18063],{},"WebSocket + Socket.IO"," — потребує розуміння rooms, namespaces, adapters, але надає максимум можливостей.",[17906,18066,18068,18073,18078,18083,18097,18102],{"label":18067},"За кількістю користувачів",[5089,18069,18070],{},[5099,18071,18072],{},"\u003C 1,000 одночасних користувачів:",[5093,18074,18075],{},[5096,18076,18077],{},"✅ Будь-який метод підійде, обирайте за простотою реалізації.",[5089,18079,18080],{},[5099,18081,18082],{},"1,000 - 50,000 користувачів:",[5093,18084,18085,18092],{},[5096,18086,17918,18087,16074,18089,18091],{},[5099,18088,16476],{},[5099,18090,16479],{}," — з правильним кешуванням та горизонтальним масштабуванням.",[5096,18093,17918,18094,18096],{},[5099,18095,5118],{}," — якщо потрібен двосторонній зв'язок.",[5089,18098,18099],{},[5099,18100,18101],{},"> 50,000 користувачів:",[5093,18103,18104,18110,18116],{},[5096,18105,17918,18106,18109],{},[5099,18107,18108],{},"WebSocket з Redis Adapter"," — для синхронізації між кількома інстансами серверів.",[5096,18111,17918,18112,18115],{},[5099,18113,18114],{},"SSE з Redis Pub\u002FSub"," — для розподіленого емітування подій.",[5096,18117,18118,18119,18122],{},"❌ ",[5099,18120,18121],{},"Polling\u002FLong-Polling"," — надмірне навантаження на БД та сервери.",[5124,18124],{},[5084,18126,18128],{"id":18127},"практичні-рекомендації-та-best-practices","Практичні рекомендації та best practices",[5237,18130,18132],{"id":18131},"гібридний-підхід-sse-http-для-двостороннього-звязку","Гібридний підхід: SSE + HTTP для двостороннього зв'язку",[5089,18134,18135,18136,6168],{},"Якщо вам потрібен двосторонній зв'язок, але WebSocket занадто складний для вашого проєкту, можна використовувати ",[5099,18137,18138],{},"гібридний підхід",[5093,18140,18141,18146],{},[5096,18142,18143,18145],{},[5099,18144,16479],{}," для server → client подій (нові повідомлення, нотифікації).",[5096,18147,18148,18151],{},[5099,18149,18150],{},"Звичайні HTTP POST запити"," для client → server дій (відправка повідомлення, оновлення профілю).",[5089,18153,18154],{},[5099,18155,18156],{},"Переваги:",[5093,18158,18159,18162,18165],{},[5096,18160,18161],{},"Простіша реалізація за WebSocket.",[5096,18163,18164],{},"Автоматичний reconnect для SSE.",[5096,18166,18167],{},"Не потрібен окремий WebSocket сервер.",[5089,18169,18170],{},[5099,18171,18172],{},"Недоліки:",[5093,18174,18175,18178],{},[5096,18176,18177],{},"Вища латентність для client → server дій (HTTP overhead).",[5096,18179,18180],{},"Два окремих з'єднання замість одного.",[5237,18182,18184],{"id":18183},"fallback-стратегія-для-старих-браузерів","Fallback стратегія для старих браузерів",[5089,18186,18187,18188,6168],{},"Для максимальної сумісності реалізуйте ",[5099,18189,18190],{},"progressive enhancement",[5245,18192,18193,18199,18205,18211],{},[5096,18194,18195,18198],{},[5099,18196,18197],{},"Спроба WebSocket:"," якщо браузер підтримує — використовувати WebSocket.",[5096,18200,18201,18204],{},[5099,18202,18203],{},"Fallback на SSE:"," якщо WebSocket недоступний (блокується firewall) — використовувати SSE.",[5096,18206,18207,18210],{},[5099,18208,18209],{},"Fallback на Long-Polling:"," якщо SSE не підтримується (IE11 без polyfill).",[5096,18212,18213,18216],{},[5099,18214,18215],{},"Fallback на Polling:"," останній варіант для дуже старих браузерів.",[5089,18218,18219,18220,18223],{},"Бібліотека ",[5099,18221,18222],{},"Socket.IO"," автоматично реалізує цю стратегію:",[5311,18225,18227],{"className":5475,"code":18226,"language":5477,"meta":5315,"style":5315},"\u002F\u002F Socket.IO автоматично обирає найкращий транспорт\nconst socket = io('https:\u002F\u002Fapi.example.com', {\n  transports: ['websocket', 'polling'], \u002F\u002F Пріоритет: WebSocket → Long-Polling\n});\n",[5289,18228,18229,18234,18254,18276],{"__ignoreMap":5315},[5319,18230,18231],{"class":5321,"line":5322},[5319,18232,18233],{"class":5484},"\u002F\u002F Socket.IO автоматично обирає найкращий транспорт\n",[5319,18235,18236,18238,18241,18243,18246,18248,18251],{"class":5321,"line":5328},[5319,18237,6603],{"class":5496},[5319,18239,18240],{"class":6087}," socket",[5319,18242,5629],{"class":5504},[5319,18244,18245],{"class":5714},"io",[5319,18247,5790],{"class":5504},[5319,18249,18250],{"class":5793},"'https:\u002F\u002Fapi.example.com'",[5319,18252,18253],{"class":5504},", {\n",[5319,18255,18256,18259,18262,18265,18267,18270,18273],{"class":5321,"line":5334},[5319,18257,18258],{"class":5510},"  transports:",[5319,18260,18261],{"class":5504}," [",[5319,18263,18264],{"class":5793},"'websocket'",[5319,18266,6500],{"class":5504},[5319,18268,18269],{"class":5793},"'polling'",[5319,18271,18272],{"class":5504},"], ",[5319,18274,18275],{"class":5484},"\u002F\u002F Пріоритет: WebSocket → Long-Polling\n",[5319,18277,18278],{"class":5321,"line":5340},[5319,18279,6793],{"class":5504},[5237,18281,18283],{"id":18282},"оптимізація-навантаження-rate-limiting-для-polling","Оптимізація навантаження: Rate Limiting для polling",[5089,18285,18286,18287,18290],{},"Якщо ви використовуєте Polling або Long-Polling, ",[5099,18288,18289],{},"обов'язково"," застосовуйте rate limiting для запобігання зловживанням:",[5311,18292,18294],{"className":5475,"code":18293,"language":5477,"meta":5315,"style":5315},"\u002F\u002F server\u002Fpolling.controller.ts\nimport { Throttle } from '@nestjs\u002Fthrottler';\n\n@Controller('messages')\nexport class MessagesController {\n  @Get('new')\n  @Throttle({ default: { limit: 20, ttl: 60000 } }) \u002F\u002F Максимум 20 запитів за хвилину\n  async getNewMessages(@Query('since') since: string) {\n    \u002F\u002F ...\n  }\n}\n",[5289,18295,18296,18301,18319,18323,18335,18345,18357,18390,18414,18419,18423],{"__ignoreMap":5315},[5319,18297,18298],{"class":5321,"line":5322},[5319,18299,18300],{"class":5484},"\u002F\u002F server\u002Fpolling.controller.ts\n",[5319,18302,18303,18305,18307,18310,18312,18314,18317],{"class":5321,"line":5328},[5319,18304,6868],{"class":5948},[5319,18306,6871],{"class":5504},[5319,18308,18309],{"class":5510},"Throttle",[5319,18311,6897],{"class":5504},[5319,18313,6900],{"class":5948},[5319,18315,18316],{"class":5793}," '@nestjs\u002Fthrottler'",[5319,18318,5520],{"class":5504},[5319,18320,18321],{"class":5321,"line":5334},[5319,18322,5491],{"emptyLinePlaceholder":5490},[5319,18324,18325,18327,18329,18331,18333],{"class":5321,"line":5340},[5319,18326,6990],{"class":5504},[5319,18328,6874],{"class":5714},[5319,18330,5790],{"class":5504},[5319,18332,6997],{"class":5793},[5319,18334,7000],{"class":5504},[5319,18336,18337,18339,18341,18343],{"class":5321,"line":5346},[5319,18338,7017],{"class":5948},[5319,18340,7020],{"class":5496},[5319,18342,7023],{"class":5500},[5319,18344,5505],{"class":5504},[5319,18346,18347,18349,18351,18353,18355],{"class":5321,"line":5352},[5319,18348,7069],{"class":5504},[5319,18350,6879],{"class":5714},[5319,18352,5790],{"class":5504},[5319,18354,7076],{"class":5793},[5319,18356,7000],{"class":5504},[5319,18358,18359,18361,18363,18365,18368,18370,18373,18376,18378,18381,18384,18387],{"class":5321,"line":5358},[5319,18360,7069],{"class":5504},[5319,18362,18309],{"class":5714},[5319,18364,9851],{"class":5504},[5319,18366,18367],{"class":5510},"default:",[5319,18369,6871],{"class":5504},[5319,18371,18372],{"class":5510},"limit:",[5319,18374,18375],{"class":5632}," 20",[5319,18377,6500],{"class":5504},[5319,18379,18380],{"class":5510},"ttl:",[5319,18382,18383],{"class":5632}," 60000",[5319,18385,18386],{"class":5504}," } }) ",[5319,18388,18389],{"class":5484},"\u002F\u002F Максимум 20 запитів за хвилину\n",[5319,18391,18392,18394,18396,18398,18400,18402,18404,18406,18408,18410,18412],{"class":5321,"line":5363},[5319,18393,7083],{"class":5496},[5319,18395,7086],{"class":5714},[5319,18397,12077],{"class":5504},[5319,18399,6884],{"class":5714},[5319,18401,5790],{"class":5504},[5319,18403,7100],{"class":5793},[5319,18405,6634],{"class":5504},[5319,18407,6808],{"class":5510},[5319,18409,5514],{"class":5504},[5319,18411,5541],{"class":5500},[5319,18413,5966],{"class":5504},[5319,18415,18416],{"class":5321,"line":5369},[5319,18417,18418],{"class":5484},"    \u002F\u002F ...\n",[5319,18420,18421],{"class":5321,"line":5374},[5319,18422,5909],{"class":5504},[5319,18424,18425],{"class":5321,"line":5380},[5319,18426,5559],{"class":5504},[7763,18428,18429,18432],{},[5099,18430,18431],{},"Захист від DDoS:"," без rate limiting зловмисник може створити тисячі запитів на секунду, перевантаживши сервер. Для production застосунків використовуйте Nginx rate limiting або CDN з DDoS protection (Cloudflare, AWS Shield).",[5237,18434,18436],{"id":18435},"моніторинг-та-метрики","Моніторинг та метрики",[5089,18438,18439],{},"Для production систем критично важливо моніторити:",[5093,18441,18442,18448,18454,18460],{},[5096,18443,18444,18447],{},[5099,18445,18446],{},"Кількість активних з'єднань:"," WebSocket\u002FSSE клієнтів у реальному часі.",[5096,18449,18450,18453],{},[5099,18451,18452],{},"Latency:"," час від емітування події на сервері до отримання клієнтом.",[5096,18455,18456,18459],{},[5099,18457,18458],{},"Reconnect rate:"," як часто клієнти втрачають з'єднання та reconnect.",[5096,18461,18462,18465],{},[5099,18463,18464],{},"Message throughput:"," кількість повідомлень на секунду.",[5311,18467,18469],{"className":5475,"code":18468,"language":5477,"meta":5315,"style":5315},"\u002F\u002F Приклад метрики для Prometheus\nimport { Counter, Gauge } from 'prom-client';\n\nconst activeConnections = new Gauge({\n  name: 'websocket_active_connections',\n  help: 'Кількість активних WebSocket з\\'єднань',\n});\n\nconst messagesTotal = new Counter({\n  name: 'websocket_messages_total',\n  help: 'Загальна кількість відправлених повідомлень',\n  labelNames: ['type'],\n});\n\n\u002F\u002F При підключенні клієнта\nactiveConnections.inc();\n\n\u002F\u002F При відправці повідомлення\nmessagesTotal.inc({ type: 'messageCreated' });\n",[5289,18470,18471,18476,18499,18503,18519,18529,18544,18548,18552,18568,18577,18586,18599,18603,18607,18612,18624,18628,18633],{"__ignoreMap":5315},[5319,18472,18473],{"class":5321,"line":5322},[5319,18474,18475],{"class":5484},"\u002F\u002F Приклад метрики для Prometheus\n",[5319,18477,18478,18480,18482,18485,18487,18490,18492,18494,18497],{"class":5321,"line":5328},[5319,18479,6868],{"class":5948},[5319,18481,6871],{"class":5504},[5319,18483,18484],{"class":5510},"Counter",[5319,18486,6500],{"class":5504},[5319,18488,18489],{"class":5510},"Gauge",[5319,18491,6897],{"class":5504},[5319,18493,6900],{"class":5948},[5319,18495,18496],{"class":5793}," 'prom-client'",[5319,18498,5520],{"class":5504},[5319,18500,18501],{"class":5321,"line":5334},[5319,18502,5491],{"emptyLinePlaceholder":5490},[5319,18504,18505,18507,18510,18512,18514,18517],{"class":5321,"line":5340},[5319,18506,6603],{"class":5496},[5319,18508,18509],{"class":6087}," activeConnections",[5319,18511,5629],{"class":5504},[5319,18513,6611],{"class":5496},[5319,18515,18516],{"class":5714}," Gauge",[5319,18518,7579],{"class":5504},[5319,18520,18521,18524,18527],{"class":5321,"line":5346},[5319,18522,18523],{"class":5510},"  name:",[5319,18525,18526],{"class":5793}," 'websocket_active_connections'",[5319,18528,5707],{"class":5504},[5319,18530,18531,18534,18537,18539,18542],{"class":5321,"line":5352},[5319,18532,18533],{"class":5510},"  help:",[5319,18535,18536],{"class":5793}," 'Кількість активних WebSocket з",[5319,18538,13306],{"class":13305},[5319,18540,18541],{"class":5793},"єднань'",[5319,18543,5707],{"class":5504},[5319,18545,18546],{"class":5321,"line":5358},[5319,18547,6793],{"class":5504},[5319,18549,18550],{"class":5321,"line":5363},[5319,18551,5491],{"emptyLinePlaceholder":5490},[5319,18553,18554,18556,18559,18561,18563,18566],{"class":5321,"line":5369},[5319,18555,6603],{"class":5496},[5319,18557,18558],{"class":6087}," messagesTotal",[5319,18560,5629],{"class":5504},[5319,18562,6611],{"class":5496},[5319,18564,18565],{"class":5714}," Counter",[5319,18567,7579],{"class":5504},[5319,18569,18570,18572,18575],{"class":5321,"line":5374},[5319,18571,18523],{"class":5510},[5319,18573,18574],{"class":5793}," 'websocket_messages_total'",[5319,18576,5707],{"class":5504},[5319,18578,18579,18581,18584],{"class":5321,"line":5380},[5319,18580,18533],{"class":5510},[5319,18582,18583],{"class":5793}," 'Загальна кількість відправлених повідомлень'",[5319,18585,5707],{"class":5504},[5319,18587,18588,18591,18593,18596],{"class":5321,"line":5385},[5319,18589,18590],{"class":5510},"  labelNames:",[5319,18592,18261],{"class":5504},[5319,18594,18595],{"class":5793},"'type'",[5319,18597,18598],{"class":5504},"],\n",[5319,18600,18601],{"class":5321,"line":5390},[5319,18602,6793],{"class":5504},[5319,18604,18605],{"class":5321,"line":5395},[5319,18606,5491],{"emptyLinePlaceholder":5490},[5319,18608,18609],{"class":5321,"line":5400},[5319,18610,18611],{"class":5484},"\u002F\u002F При підключенні клієнта\n",[5319,18613,18614,18617,18619,18622],{"class":5321,"line":5406},[5319,18615,18616],{"class":5510},"activeConnections",[5319,18618,5210],{"class":5504},[5319,18620,18621],{"class":5714},"inc",[5319,18623,5840],{"class":5504},[5319,18625,18626],{"class":5321,"line":5411},[5319,18627,5491],{"emptyLinePlaceholder":5490},[5319,18629,18630],{"class":5321,"line":5417},[5319,18631,18632],{"class":5484},"\u002F\u002F При відправці повідомлення\n",[5319,18634,18635,18638,18640,18642,18644,18647,18649],{"class":5321,"line":5423},[5319,18636,18637],{"class":5510},"messagesTotal",[5319,18639,5210],{"class":5504},[5319,18641,18621],{"class":5714},[5319,18643,9851],{"class":5504},[5319,18645,18646],{"class":5510},"type:",[5319,18648,14964],{"class":5793},[5319,18650,9860],{"class":5504},[5124,18652],{},[5084,18654,18656],{"id":18655},"підсумок","Підсумок",[5089,18658,18659],{},"У цій лекції ми розглянули чотири фундаментальні підходи до організації real-time комунікації між клієнтом та сервером:",[5245,18661,18662,18667,18672,18677],{},[5096,18663,18664,18666],{},[5099,18665,5163],{}," найпростіша техніка з високим overhead та затримкою, підходить лише для рідких оновлень та малої кількості користувачів.",[5096,18668,18669,18671],{},[5099,18670,5169],{}," еволюційне покращення polling з утриманням з'єднання до появи події, балансує між простотою та ефективністю, ідеально для помірної частоти оновлень.",[5096,18673,18674,18676],{},[5099,18675,5175],{}," стандартизоване рішення HTML5 для однонаправленого потоку подій з автоматичним reconnect та відновленням пропущених подій, ідеально для dashboards, live feeds, нотифікацій.",[5096,18678,18679,18681],{},[5099,18680,5181],{}," повнодуплексний протокол з мінімальною латентністю та підтримкою бінарних даних, єдиний вибір для чатів, multiplayer ігор, collaborative editing.",[5089,18683,18684],{},"Вибір методу залежить від:",[5093,18686,18687,18693,18699,18705],{},[5096,18688,18689,18692],{},[5099,18690,18691],{},"Напрямку комунікації:"," односпрямована (SSE) vs двостороння (WebSocket).",[5096,18694,18695,18698],{},[5099,18696,18697],{},"Частоти оновлень:"," рідкі (Polling) vs часті (SSE\u002FWebSocket).",[5096,18700,18701,18704],{},[5099,18702,18703],{},"Складності реалізації:"," MVP (Polling) vs production-ready (WebSocket).",[5096,18706,18707,18710],{},[5099,18708,18709],{},"Кількості користувачів:"," малі проєкти (будь-який метод) vs enterprise (WebSocket з Redis Adapter).",[5089,18712,18713,18714,18716],{},"У наступній лекції ми детально вивчимо практичну реалізацію ",[5099,18715,4670],{}," з використанням бібліотеки Socket.IO, включаючи автентифікацію, rooms, broadcasting, обробку помилок та масштабування через Redis Adapter.",[18718,18719,18720],"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 .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 .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 .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .sD7JJ, html code.shiki .sD7JJ{--shiki-light:#000000FF;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}html pre.shiki code .s-QsJ, html code.shiki .s-QsJ{--shiki-light:#0070C1;--shiki-default:#4FC1FF;--shiki-dark:#4FC1FF}html pre.shiki code .sjcCO, html code.shiki .sjcCO{--shiki-light:#EE0000;--shiki-default:#D7BA7D;--shiki-dark:#D7BA7D}html pre.shiki code .sKtos, html code.shiki .sKtos{--shiki-light:#800000;--shiki-default:#569CD6;--shiki-dark:#569CD6}",{"title":5315,"searchDepth":5328,"depth":5328,"links":18722},[18723,18724,18727,18734,18743,18751,18757,18760,18766],{"id":5086,"depth":5328,"text":5087},{"id":5193,"depth":5328,"text":5194,"children":18725},[18726],{"id":5239,"depth":5334,"text":5240},{"id":5280,"depth":5328,"text":5281,"children":18728},[18729,18730,18731,18732,18733],{"id":5294,"depth":5334,"text":5295},{"id":5465,"depth":5334,"text":5466},{"id":6849,"depth":5334,"text":6850},{"id":7707,"depth":5334,"text":7708},{"id":7771,"depth":5334,"text":7772},{"id":7856,"depth":5328,"text":7857,"children":18735},[18736,18737,18738,18739,18740,18741,18742],{"id":7874,"depth":5334,"text":7875},{"id":8002,"depth":5334,"text":8003},{"id":9349,"depth":5334,"text":9350},{"id":11188,"depth":5334,"text":11189},{"id":11549,"depth":5334,"text":11550},{"id":11615,"depth":5334,"text":11616},{"id":12282,"depth":5334,"text":12283},{"id":12340,"depth":5328,"text":12341,"children":18744},[18745,18746,18747,18748,18749,18750],{"id":12357,"depth":5334,"text":12358},{"id":12582,"depth":5334,"text":12583},{"id":14052,"depth":5334,"text":14053},{"id":15491,"depth":5334,"text":15492},{"id":15526,"depth":5334,"text":15527},{"id":16081,"depth":5334,"text":16082},{"id":16150,"depth":5328,"text":16151,"children":18752},[18753,18754,18755,18756],{"id":16167,"depth":5334,"text":16168},{"id":16457,"depth":5334,"text":16458},{"id":16659,"depth":5334,"text":16660},{"id":17566,"depth":5334,"text":17567},{"id":17636,"depth":5328,"text":17637,"children":18758},[18759],{"id":17900,"depth":5334,"text":17901},{"id":18127,"depth":5328,"text":18128,"children":18761},[18762,18763,18764,18765],{"id":18131,"depth":5334,"text":18132},{"id":18183,"depth":5334,"text":18184},{"id":18282,"depth":5334,"text":18283},{"id":18435,"depth":5334,"text":18436},{"id":18655,"depth":5328,"text":18656},"md",null,{},{"title":4666,"description":5315},"A-UTVCqSOSgHdASPkM87Oc10BGeA3TiAQ6DrPy9O2A0",[18773,18774],{"title":4657,"path":4658,"stem":4659,"description":5315,"children":-1},{"title":4670,"path":4671,"stem":4672,"description":5315,"children":-1},1790322260069]