[{"data":1,"prerenderedAt":13296},["ShallowReactive",2],{"navigation_docs":3,"-python-fastapi-fastapi-async-advanced":3541,"-python-fastapi-fastapi-async-advanced-surround":13291},[4,1707,1912,2366,2547,2673,2880,3002,3052,3109,3143,3269,3346,3360,3467,3484,3537],{"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],{"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},"План навчання: Курс C++ — Продовження (Статті 29–60+)","\u002Fcpp\u002Fcurriculum-plan","02.cpp\u002Fcurriculum-plan",{"title":1913,"icon":1914,"path":1915,"stem":1916,"children":1917,"page":59},"JavaScript","i-devicon-javascript","\u002Fjavascript","03.javascript",[1918,1944,1998,2020,2324,2362],{"title":1919,"icon":1920,"path":1921,"stem":1922,"children":1923,"page":59},"Events","i-lucide-mouse-pointer-click","\u002Fjavascript\u002Fevents","03.javascript\u002F01.events",[1924,1928,1932,1936,1940],{"title":1925,"path":1926,"stem":1927},"Вступ до подій браузера","\u002Fjavascript\u002Fevents\u002Fintro","03.javascript\u002F01.events\u002F01.intro",{"title":1929,"path":1930,"stem":1931},"Бульбашковий механізм (Bubbling) та занурення (Capturing)","\u002Fjavascript\u002Fevents\u002Fbubbling-capturing","03.javascript\u002F01.events\u002F02.bubbling-capturing",{"title":1933,"path":1934,"stem":1935},"Делегування подій (Event Delegation)","\u002Fjavascript\u002Fevents\u002Fdelegate-events","03.javascript\u002F01.events\u002F03.delegate-events",{"title":1937,"path":1938,"stem":1939},"Типові дії браузера та preventDefault()","\u002Fjavascript\u002Fevents\u002Fprevent-default","03.javascript\u002F01.events\u002F04.prevent-default",{"title":1941,"path":1942,"stem":1943},"Запуск користувацьких подій (Custom Events)","\u002Fjavascript\u002Fevents\u002Fcustom-events","03.javascript\u002F01.events\u002F05.custom-events",{"title":1945,"icon":1946,"path":1947,"stem":1948,"children":1949,"page":59},"Network","i-lucide-globe","\u002Fjavascript\u002Fnetwork","03.javascript\u002F02.network",[1950,1954,1958,1962,1966,1970,1974,1978,1982,1986,1990,1994],{"title":1951,"path":1952,"stem":1953},"Fetch API - Сучасний підхід до HTTP-запитів","\u002Fjavascript\u002Fnetwork\u002F01-fetch-api","03.javascript\u002F02.network\u002F01-fetch-api",{"title":1955,"path":1956,"stem":1957},"FormData - Робота з формами та файлами","\u002Fjavascript\u002Fnetwork\u002F02-formdata","03.javascript\u002F02.network\u002F02-formdata",{"title":1959,"path":1960,"stem":1961},"Відстеження прогресу завантаження","\u002Fjavascript\u002Fnetwork\u002F03-download-progress","03.javascript\u002F02.network\u002F03-download-progress",{"title":1963,"path":1964,"stem":1965},"Переривання fetch-запитів","\u002Fjavascript\u002Fnetwork\u002F04-abort-requests","03.javascript\u002F02.network\u002F04-abort-requests",{"title":1967,"path":1968,"stem":1969},"CORS - Запити між різними джерелами","\u002Fjavascript\u002Fnetwork\u002F05-cors","03.javascript\u002F02.network\u002F05-cors",{"title":1971,"path":1972,"stem":1973},"Fetch API - Повний довідник опцій","\u002Fjavascript\u002Fnetwork\u002F06-fetch-options","03.javascript\u002F02.network\u002F06-fetch-options",{"title":1975,"path":1976,"stem":1977},"URL Objects - Робота з посиланнями","\u002Fjavascript\u002Fnetwork\u002F07-url-objects","03.javascript\u002F02.network\u002F07-url-objects",{"title":1979,"path":1980,"stem":1981},"XMLHttpRequest - AJAX та низькорівневі запити","\u002Fjavascript\u002Fnetwork\u002F08-xmlhttprequest","03.javascript\u002F02.network\u002F08-xmlhttprequest",{"title":1983,"path":1984,"stem":1985},"Відновлюване завантаження файлів","\u002Fjavascript\u002Fnetwork\u002F09-resumable-upload","03.javascript\u002F02.network\u002F09-resumable-upload",{"title":1987,"path":1988,"stem":1989},"Cookies, document.cookie та світ після \"Cookiepocalypse\"","\u002Fjavascript\u002Fnetwork\u002F10-cookies","03.javascript\u002F02.network\u002F10-cookies",{"title":1991,"path":1992,"stem":1993},"js-cookie: Керування Cookies без Болю","\u002Fjavascript\u002Fnetwork\u002F11-js-cookie","03.javascript\u002F02.network\u002F11-js-cookie",{"title":1995,"path":1996,"stem":1997},"Axios: Потужний HTTP-клієнт для JavaScript","\u002Fjavascript\u002Fnetwork\u002F12-axios","03.javascript\u002F02.network\u002F12-axios",{"title":1999,"icon":2000,"path":2001,"stem":2002,"children":2003,"page":59},"Bom","i-lucide-monitor","\u002Fjavascript\u002Fbom","03.javascript\u002F03.bom",[2004,2008,2012,2016],{"title":2005,"path":2006,"stem":2007},"LocalStorage, SessionStorage та patterns збереження даних","\u002Fjavascript\u002Fbom\u002F01-localstorage","03.javascript\u002F03.bom\u002F01-localstorage",{"title":2009,"path":2010,"stem":2011},"Location Object - Керування адресою сторінки","\u002Fjavascript\u002Fbom\u002F02-location-object","03.javascript\u002F03.bom\u002F02-location-object",{"title":2013,"path":2014,"stem":2015},"History API - Керування історією браузера","\u002Fjavascript\u002Fbom\u002F03-history-api","03.javascript\u002F03.bom\u002F03-history-api",{"title":2017,"path":2018,"stem":2019},"Navigator Object - Ідентифікація та Можливості Пристрою","\u002Fjavascript\u002Fbom\u002F04-navigator-object","03.javascript\u002F03.bom\u002F04-navigator-object",{"title":2021,"icon":2022,"path":2023,"stem":2024,"children":2025},"React","i-devicon-react","\u002Fjavascript\u002Freact","03.javascript\u002F04.react\u002Findex",[2026,2027,2031,2035,2039,2043,2106,2141,2293],{"title":2021,"path":2023,"stem":2024},{"title":2028,"path":2029,"stem":2030},"Робота з Формами в React","\u002Fjavascript\u002Freact\u002Freact-forms","03.javascript\u002F04.react\u002F01.react-forms",{"title":2032,"path":2033,"stem":2034},"React Hook Form: Професійна Робота з Формами","\u002Fjavascript\u002Freact\u002Freact-hook-form","03.javascript\u002F04.react\u002F02.react-hook-form",{"title":2036,"path":2037,"stem":2038},"React Hook Form: Глибоке Розуміння Архітектури та Оптимізації","\u002Fjavascript\u002Freact\u002Freact-hook-form-new","03.javascript\u002F04.react\u002F02.react-hook-form-new",{"title":2040,"path":2041,"stem":2042},"Axios та React: Професійна Архітектура Запитів","\u002Fjavascript\u002Freact\u002Fdata-fetching-axios","03.javascript\u002F04.react\u002F03.data-fetching-axios",{"title":2044,"icon":132,"path":2045,"stem":2046,"children":2047},"Tanstack Query","\u002Fjavascript\u002Freact\u002Ftanstack-query","03.javascript\u002F04.react\u002F04.tanstack-query\u002Findex",[2048,2050,2054,2058,2062,2066,2070,2074,2078,2082,2086,2090,2094,2098,2102],{"title":2049,"path":2045,"stem":2046},"TanStack Query: Майстерність Керування Станом Сервера",{"title":2051,"path":2052,"stem":2053},"Парадигма Server State: Чому useEffect недостатньо","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-state-paradigm","03.javascript\u002F04.react\u002F04.tanstack-query\u002F01.server-state-paradigm",{"title":2055,"path":2056,"stem":2057},"Встановлення та Налаштування: Фундамент","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Finstallation-and-devtools","03.javascript\u002F04.react\u002F04.tanstack-query\u002F02.installation-and-devtools",{"title":2059,"path":2060,"stem":2061},"Основи Запитів та Магія Ключів","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fquery-basics-and-keys","03.javascript\u002F04.react\u002F04.tanstack-query\u002F03.query-basics-and-keys",{"title":2063,"path":2064,"stem":2065},"Синхронізація Даних: Життєвий Цикл Запиту","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fdata-synchronization","03.javascript\u002F04.react\u002F04.tanstack-query\u002F04.data-synchronization",{"title":2067,"path":2068,"stem":2069},"Мутації та Інвалідація: Зміна Даних","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fmutations-and-invalidation","03.javascript\u002F04.react\u002F04.tanstack-query\u002F05.mutations-and-invalidation",{"title":2071,"path":2072,"stem":2073},"Оптимістичні Оновлення: Швидше за Світло","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Foptimistic-updates","03.javascript\u002F04.react\u002F04.tanstack-query\u002F06.optimistic-updates",{"title":2075,"path":2076,"stem":2077},"Пагінація та Infinite Scroll","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fpagination-and-load-more","03.javascript\u002F04.react\u002F04.tanstack-query\u002F07.pagination-and-load-more",{"title":2079,"path":2080,"stem":2081},"Просунуті Патерни та Оптимізація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F04.tanstack-query\u002F08.advanced-patterns",{"title":2083,"path":2084,"stem":2085},"Архітектура та Best Practices","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Farchitecture-and-best-practices","03.javascript\u002F04.react\u002F04.tanstack-query\u002F09.architecture-and-best-practices",{"title":2087,"path":2088,"stem":2089},"Server-Side Rendering (SSR) та Гідратація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-side-rendering","03.javascript\u002F04.react\u002F04.tanstack-query\u002F10.server-side-rendering",{"title":2091,"path":2092,"stem":2093},"Стратегії Тестування","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Ftesting-strategies","03.javascript\u002F04.react\u002F04.tanstack-query\u002F11.testing-strategies",{"title":2095,"path":2096,"stem":2097},"Аутентифікація та Обробка Помилок","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fauthentication-and-errors","03.javascript\u002F04.react\u002F04.tanstack-query\u002F12.authentication-and-errors",{"title":2099,"path":2100,"stem":2101},"React Suspense та Майбутнє","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Freact-suspense","03.javascript\u002F04.react\u002F04.tanstack-query\u002F13.react-suspense",{"title":2103,"path":2104,"stem":2105},"Глибоке Занурення в Продуктивність","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fperformance-deep-dive","03.javascript\u002F04.react\u002F04.tanstack-query\u002F14.performance-deep-dive",{"title":2107,"icon":2022,"path":2108,"stem":2109,"children":2110},"React Router","\u002Fjavascript\u002Freact\u002Freact-router","03.javascript\u002F04.react\u002F05.react-router\u002Findex",[2111,2113,2117,2121,2125,2129,2133,2137],{"title":2112,"path":2108,"stem":2109},"React Router: Навігаційна система сучасного вебу",{"title":2114,"path":2115,"stem":2116},"Налаштування та Базовий Роутинг","\u002Fjavascript\u002Freact\u002Freact-router\u002Fsetup-and-basic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F01.setup-and-basic-routing",{"title":2118,"path":2119,"stem":2120},"Динамічна Навігація","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnavigation-and-links","03.javascript\u002F04.react\u002F05.react-router\u002F02.navigation-and-links",{"title":2122,"path":2123,"stem":2124},"Вкладені Маршрути та Макети","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnested-routes-and-layouts","03.javascript\u002F04.react\u002F05.react-router\u002F03.nested-routes-and-layouts",{"title":2126,"path":2127,"stem":2128},"Динамічні Маршрути та Параметри","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdynamic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F04.dynamic-routing",{"title":2130,"path":2131,"stem":2132},"Data APIs: Loaders та Actions","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdata-loading","03.javascript\u002F04.react\u002F05.react-router\u002F05.data-loading",{"title":2134,"path":2135,"stem":2136},"Просунуті Патерни","\u002Fjavascript\u002Freact\u002Freact-router\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F05.react-router\u002F06.advanced-patterns",{"title":2138,"path":2139,"stem":2140},"Legacy Routing: Компонентний підхід","\u002Fjavascript\u002Freact\u002Freact-router\u002Flegacy-routing","03.javascript\u002F04.react\u002F05.react-router\u002F07.legacy-routing",{"title":2142,"icon":132,"path":2143,"stem":2144,"children":2145},"Redux","\u002Fjavascript\u002Freact\u002Fredux","03.javascript\u002F04.react\u002F06.redux\u002Findex",[2146,2148,2164,2193,2202,2223,2239,2268],{"title":2147,"path":2143,"stem":2144},"Redux: Еволюція управління станом",{"title":14,"icon":15,"path":2149,"stem":2150,"children":2151,"page":59},"\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals",[2152,2156,2160],{"title":2153,"path":2154,"stem":2155},"Вступ до State Management","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fintro-state-management","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F01.intro-state-management",{"title":2157,"path":2158,"stem":2159},"Філософія Redux та Три Принципи","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fredux-philosophy","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F02.redux-philosophy",{"title":2161,"path":2162,"stem":2163},"Чисті функції та Іммутабельність","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fpure-functions-immutability","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F03.pure-functions-immutability",{"title":2165,"icon":132,"path":2166,"stem":2167,"children":2168,"page":59},"Classic Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux",[2169,2173,2177,2181,2185,2189],{"title":2170,"path":2171,"stem":2172},"Створення Store (Classic Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fstore-setup","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F01.store-setup",{"title":2174,"path":2175,"stem":2176},"Actions, Constants та Action Creators","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Factions-constants","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F02.actions-constants",{"title":2178,"path":2179,"stem":2180},"Логіка Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freducers","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F03.reducers",{"title":2182,"path":2183,"stem":2184},"Комбінування Reducers (Root Reducer)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fdata-flow","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F04.data-flow",{"title":2186,"path":2187,"stem":2188},"Підключення до 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":2190,"path":2191,"stem":2192},"Middleware та Асинхронність (Redux Thunk)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fmiddleware-thunk","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F06.middleware-thunk",{"title":2194,"icon":132,"path":2195,"stem":2196,"children":2197,"page":59},"Transition To Rtk","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk",[2198],{"title":2199,"path":2200,"stem":2201},"Проблеми класичного 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":2203,"icon":132,"path":2204,"stem":2205,"children":2206,"page":59},"Redux Toolkit","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit",[2207,2211,2215,2219],{"title":2208,"path":2209,"stem":2210},"Налаштування Store з configureStore","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fconfigure-store","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F01.configure-store",{"title":2212,"path":2213,"stem":2214},"createSlice: Революція в Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fcreate-slice","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F02.create-slice",{"title":2216,"path":2217,"stem":2218},"Асинхронність з createAsyncThunk","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fasync-thunks","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F03.async-thunks",{"title":2220,"path":2221,"stem":2222},"04. Entity Adapter: Керування нормалізованим станом","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fentity-adapter","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F04.entity-adapter",{"title":2224,"icon":92,"path":2225,"stem":2226,"children":2227,"page":59},"Advanced","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced",[2228,2232,2236],{"title":2229,"path":2230,"stem":2231},"Мемоізація та Селектори: Повний Гайд по Reselect","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Fselectors-reselect","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F01.selectors-reselect",{"title":2233,"path":2234,"stem":2235},"RTK Query: Архітектура Серверного Кешу","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Frtk-query-intro","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F02.rtk-query-intro",{"title":2083,"path":2237,"stem":2238},"\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Farchitecture-best-practices","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F03.architecture-best-practices",{"title":2240,"icon":132,"path":2241,"stem":2242,"children":2243,"page":59},"Project Kanban","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban",[2244,2248,2252,2256,2260,2264],{"title":2245,"path":2246,"stem":2247},"Проєкт: Kanban Board (Trello Clone)","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fproject-overview","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F01.project-overview",{"title":2249,"path":2250,"stem":2251},"Налаштування та Типізація","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fsetup-and-types","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F02.setup-and-types",{"title":2253,"path":2254,"stem":2255},"Board Slice: Серце Дошки","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fboard-slice","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F03.board-slice",{"title":2257,"path":2258,"stem":2259},"Логіка 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":2261,"path":2262,"stem":2263},"Інтеграція з RTK Query","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Frtk-query-integration","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F05.rtk-query-integration",{"title":2265,"path":2266,"stem":2267},"Optimistic Updates","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Foptimistic-updates","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F06.optimistic-updates",{"title":2269,"icon":132,"path":2270,"stem":2271,"children":2272,"page":59},"Testing","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting","03.javascript\u002F04.react\u002F06.redux\u002F07.testing",[2273,2277,2281,2285,2289],{"title":2274,"path":2275,"stem":2276},"Тестування Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Fintro-testing","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F01.intro-testing",{"title":2278,"path":2279,"stem":2280},"Тестування Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-reducers","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F02.testing-reducers",{"title":2282,"path":2283,"stem":2284},"Тестування Селекторів","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-selectors","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F03.testing-selectors",{"title":2286,"path":2287,"stem":2288},"Тестування Компонентів (Integration)","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-components","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F04.testing-components",{"title":2290,"path":2291,"stem":2292},"Тестування Async Thunks","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-thunks","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F05.testing-thunks",{"title":2294,"icon":132,"path":2295,"stem":2296,"children":2297},"Ui Libraries","\u002Fjavascript\u002Freact\u002Fui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002Findex",[2298,2300,2304,2308,2312,2316,2320],{"title":2299,"path":2295,"stem":2296},"UI Бібліотеки в React",{"title":2301,"path":2302,"stem":2303},"Вступ до UI Бібліотек: Навіщо Винаходити Велосипед Двічі?","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fintroduction-to-ui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002F01.introduction-to-ui-libraries",{"title":2305,"path":2306,"stem":2307},"Філософія shadcn\u002Fui: \"Not a Component Library\"","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-philosophy","03.javascript\u002F04.react\u002F07.ui-libraries\u002F02.shadcn-philosophy",{"title":2309,"path":2310,"stem":2311},"Установка та Налаштування shadcn\u002Fui","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-installation","03.javascript\u002F04.react\u002F07.ui-libraries\u002F03.shadcn-installation",{"title":2313,"path":2314,"stem":2315},"Базові Компоненти shadcn\u002Fui: Фундамент Інтерфейсу","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-basics","03.javascript\u002F04.react\u002F07.ui-libraries\u002F04.shadcn-components-basics",{"title":2317,"path":2318,"stem":2319},"Компоненти Форм: Побудова Інтерактивних Form","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-forms","03.javascript\u002F04.react\u002F07.ui-libraries\u002F05.shadcn-components-forms",{"title":2321,"path":2322,"stem":2323},"Складні Компоненти: Dialog, Dropdown, Table та Command","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-advanced","03.javascript\u002F04.react\u002F07.ui-libraries\u002F06.shadcn-components-advanced",{"title":2325,"icon":2326,"path":2327,"stem":2328,"children":2329,"page":59},"TypeScript","i-devicon-typescript","\u002Fjavascript\u002Ftypescript","03.javascript\u002F05.typescript",[2330,2334,2338,2342,2346,2350,2354,2358],{"title":2331,"path":2332,"stem":2333},"TypeScript: Броня для вашого коду","\u002Fjavascript\u002Ftypescript\u002Fintro-and-basic-types","03.javascript\u002F05.typescript\u002F01.intro-and-basic-types",{"title":2335,"path":2336,"stem":2337},"Майстерність Моделювання Даних: Інтерфейси та Просунуті Типи","\u002Fjavascript\u002Ftypescript\u002Finterfaces-and-advanced-types","03.javascript\u002F05.typescript\u002F02.interfaces-and-advanced-types",{"title":2339,"path":2340,"stem":2341},"Алхімія Типів: Generics та Utility Types","\u002Fjavascript\u002Ftypescript\u002Fgenerics-and-utilities","03.javascript\u002F05.typescript\u002F03.generics-and-utilities",{"title":2343,"path":2344,"stem":2345},"Архітектура та Шаблони: Класи в TypeScript","\u002Fjavascript\u002Ftypescript\u002Fclasses-and-oop","03.javascript\u002F05.typescript\u002F04.classes-and-oop",{"title":2347,"path":2348,"stem":2349},"Продакшн та Екосистема: Advanced Config & Workflow","\u002Fjavascript\u002Ftypescript\u002Fadvanced-patterns-and-config","03.javascript\u002F05.typescript\u002F05.advanced-patterns-and-config",{"title":2351,"path":2352,"stem":2353},"TypeScript у світі React","\u002Fjavascript\u002Ftypescript\u002Freact-basics","03.javascript\u002F05.typescript\u002F06.react-basics",{"title":2355,"path":2356,"stem":2357},"React + TypeScript: Продвинуті патерни","\u002Fjavascript\u002Ftypescript\u002Freact-advanced","03.javascript\u002F05.typescript\u002F07.react-advanced",{"title":2359,"path":2360,"stem":2361},"React + TypeScript: Екосистема та бібліотеки","\u002Fjavascript\u002Ftypescript\u002Freact-ecosystem","03.javascript\u002F05.typescript\u002F08.react-ecosystem",{"title":2363,"path":2364,"stem":2365},"Atomic Design","\u002Fjavascript\u002Fatomic-design","03.javascript\u002F2.atomic-design",{"title":2367,"icon":2368,"path":2369,"stem":2370,"children":2371,"page":59},"Java","i-devicon-java","\u002Fjava","04.java",[2372,2375,2378,2382,2386,2390,2394],{"title":162,"path":2373,"stem":2374},"\u002Fjava\u002Fdata-mapper-part1","04.java\u002F01.data-mapper-part1",{"title":166,"path":2376,"stem":2377},"\u002Fjava\u002Fdata-mapper-part2","04.java\u002F02.data-mapper-part2",{"title":2379,"path":2380,"stem":2381},"Service Layer: Організація бізнес-логіки","\u002Fjava\u002Fservice-layer","04.java\u002F03.service-layer",{"title":2383,"path":2384,"stem":2385},"Rich Domain Model та State Pattern","\u002Fjava\u002Frich-domain-model","04.java\u002F04.rich-domain-model",{"title":2387,"path":2388,"stem":2389},"Патерни для складної бізнес-логіки","\u002Fjava\u002Fbusiness-logic-patterns","04.java\u002F05.business-logic-patterns",{"title":2391,"path":2392,"stem":2393},"Обробка помилок та валідація","\u002Fjava\u002Ferror-handling-validation","04.java\u002F06.error-handling-validation",{"title":2395,"path":2396,"stem":2397,"children":2398,"page":59},"Проектування баз даних","\u002Fjava\u002Fpr2","04.java\u002Fpr2",[2399,2403,2407,2411,2415,2419,2423,2427,2431,2435,2439,2443,2447,2451,2455,2459,2463,2467,2471,2475,2479,2483,2487,2491,2495,2499,2503,2507,2511,2515,2519,2523,2527,2531,2535,2539,2543],{"title":2400,"path":2401,"stem":2402},"Концептуальне моделювання: Мистецтво розуміння предметної області","\u002Fjava\u002Fpr2\u002Fconceptual-modeling","04.java\u002Fpr2\u002F01.conceptual-modeling",{"title":2404,"path":2405,"stem":2406},"Логічне моделювання: Від бізнес-ідей до структур даних","\u002Fjava\u002Fpr2\u002Flogical-modeling","04.java\u002Fpr2\u002F02.logical-modeling",{"title":2408,"path":2409,"stem":2410},"Нормалізація: Гігієна даних та боротьба з аномаліями","\u002Fjava\u002Fpr2\u002Fnormalization","04.java\u002Fpr2\u002F03.normalization",{"title":2412,"path":2413,"stem":2414},"Фізична схема: Від абстракції до DDL","\u002Fjava\u002Fpr2\u002Fphysical-schema","04.java\u002Fpr2\u002F04.physical-schema",{"title":2416,"path":2417,"stem":2418},"Архітектурна класифікація таблиць","\u002Fjava\u002Fpr2\u002Ftable-classification","04.java\u002Fpr2\u002F05.table-classification",{"title":2420,"path":2421,"stem":2422},"Database Migrations: Версіонування схеми з Flyway","\u002Fjava\u002Fpr2\u002Fdatabase-migrations","04.java\u002Fpr2\u002F06.database-migrations",{"title":2424,"path":2425,"stem":2426},"А що, якби це була не реляційна БД?","\u002Fjava\u002Fpr2\u002Fbeyond-relational","04.java\u002Fpr2\u002F07.beyond-relational",{"title":2428,"path":2429,"stem":2430},"Object-Relational Impedance Mismatch: Два світи, що не хочуть дружити","\u002Fjava\u002Fpr2\u002Fimpedance-mismatch","04.java\u002Fpr2\u002F09.impedance-mismatch",{"title":2432,"path":2433,"stem":2434},"JDBC: Перший контакт із базою даних","\u002Fjava\u002Fpr2\u002Fjdbc-fundamentals","04.java\u002Fpr2\u002F10.jdbc-fundamentals",{"title":2436,"path":2437,"stem":2438},"Якість коду: Spotless, SpotBugs та SonarQube","\u002Fjava\u002Fpr2\u002F10a.code-quality","04.java\u002Fpr2\u002F10a.code-quality",{"title":2440,"path":2441,"stem":2442},"Connection Pool: Патерн Object Pool для JDBC-з'єднань","\u002Fjava\u002Fpr2\u002Fconnection-pool","04.java\u002Fpr2\u002F11.connection-pool",{"title":2444,"path":2445,"stem":2446},"Row Data Gateway: Об'єкт як обгортка рядка таблиці","\u002Fjava\u002Fpr2\u002Frow-data-gateway","04.java\u002Fpr2\u002F12.row-data-gateway",{"title":2448,"path":2449,"stem":2450},"Table Data Gateway: Фасад таблиці як архітектурний відступ","\u002Fjava\u002Fpr2\u002Ftable-data-gateway","04.java\u002Fpr2\u002F13.table-data-gateway",{"title":2452,"path":2453,"stem":2454},"Repository + Data Mapper: Правильна шарова архітектура з JDBC","\u002Fjava\u002Fpr2\u002Frepository-data-mapper","04.java\u002Fpr2\u002F14.repository-data-mapper",{"title":2456,"path":2457,"stem":2458},"Identity Map: Кешування сутностей у рамках сесії","\u002Fjava\u002Fpr2\u002Fidentity-map","04.java\u002Fpr2\u002F15.identity-map",{"title":2460,"path":2461,"stem":2462},"Unit of Work: Відстеження змін і координація JDBC-транзакцій","\u002Fjava\u002Fpr2\u002Funit-of-work","04.java\u002Fpr2\u002F16.unit-of-work",{"title":2464,"path":2465,"stem":2466},"Strategy: Замінювані SQL-стратегії для підтримки різних СУБД","\u002Fjava\u002Fpr2\u002Fstrategy-sql","04.java\u002Fpr2\u002F17.strategy-sql",{"title":2468,"path":2469,"stem":2470},"Proxy: Lazy Loading для One-To-Many колекцій","\u002Fjava\u002Fpr2\u002Fproxy-lazy-loading","04.java\u002Fpr2\u002F18.proxy-lazy-loading",{"title":2472,"path":2473,"stem":2474},"Generic Repository через Java Reflection: анотації та динамічний SQL","\u002Fjava\u002Fpr2\u002Fgeneric-repository-reflection","04.java\u002Fpr2\u002F19.generic-repository-reflection",{"title":2476,"path":2477,"stem":2478},"Specification Pattern: Композиція бізнес-правил для складних запитів","\u002Fjava\u002Fpr2\u002Fspecification-pattern","04.java\u002Fpr2\u002F20.specification-pattern",{"title":2480,"path":2481,"stem":2482},"Розширені можливості Specification Pattern: підзапити, агрегації та гібридний підхід","\u002Fjava\u002Fpr2\u002F20a.advanced-specifications","04.java\u002Fpr2\u002F20a.advanced-specifications",{"title":2484,"path":2485,"stem":2486},"Асинхронність у JDBC: Від блокуючих викликів до CompletableFuture","\u002Fjava\u002Fpr2\u002Fasynchronous-jdbc","04.java\u002Fpr2\u002F21.asynchronous-jdbc",{"title":2488,"path":2489,"stem":2490},"Інтеграційне тестування JDBC-репозиторіїв: Embedded H2 та патерн AAA","\u002Fjava\u002Fpr2\u002Fintegration-testing-h2","04.java\u002Fpr2\u002F22.integration-testing-h2",{"title":2492,"path":2493,"stem":2494},"Testcontainers: Тестування з реальною PostgreSQL у Docker-контейнерах","\u002Fjava\u002Fpr2\u002Fintegration-testing-testcontainers","04.java\u002Fpr2\u002F23.integration-testing-testcontainers",{"title":2496,"path":2497,"stem":2498},"Google Guice: Впровадження залежностей у JavaFX-проєкті","\u002Fjava\u002Fpr2\u002Fdependency-injection-guice","04.java\u002Fpr2\u002F24.dependency-injection-guice",{"title":2500,"path":2501,"stem":2502},"JavaFX: Основи побудови графічних інтерфейсів","\u002Fjava\u002Fpr2\u002Fjavafx-fundamentals","04.java\u002Fpr2\u002F25.javafx-fundamentals",{"title":2504,"path":2505,"stem":2506},"Properties та Bindings: Реактивність у JavaFX","\u002Fjava\u002Fpr2\u002Fjavafx-properties-bindings","04.java\u002Fpr2\u002F26.javafx-properties-bindings",{"title":2508,"path":2509,"stem":2510},"MVC vs MVP vs MVVM: Еволюція архітектурних патернів UI","\u002Fjava\u002Fpr2\u002Fui-architecture-patterns","04.java\u002Fpr2\u002F27.ui-architecture-patterns",{"title":2512,"path":2513,"stem":2514},"MVVM на практиці: Побудова ViewModel","\u002Fjava\u002Fpr2\u002Fmvvm-viewmodel-implementation","04.java\u002Fpr2\u002F28.mvvm-viewmodel-implementation",{"title":2516,"path":2517,"stem":2518},"View та Controller: Зв'язування з ViewModel через FXML","\u002Fjava\u002Fpr2\u002Fmvvm-view-controller","04.java\u002Fpr2\u002F29.mvvm-view-controller",{"title":2520,"path":2521,"stem":2522},"Інтеграція MVVM з Guice: Автоматична ін'єкція залежностей","\u002Fjava\u002Fpr2\u002Fmvvm-guice-integration","04.java\u002Fpr2\u002F30.mvvm-guice-integration",{"title":2524,"path":2525,"stem":2526},"Валідація та обробка помилок у MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-validation-error-handling","04.java\u002Fpr2\u002F31.mvvm-validation-error-handling",{"title":2528,"path":2529,"stem":2530},"Навігація та управління екранами у JavaFX MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-navigation-screen-management","04.java\u002Fpr2\u002F32.mvvm-navigation-screen-management",{"title":2532,"path":2533,"stem":2534},"Тестування JavaFX MVVM-додатків","\u002Fjava\u002Fpr2\u002Fmvvm-testing","04.java\u002Fpr2\u002F33.mvvm-testing",{"title":2536,"path":2537,"stem":2538},"Стилізація та теми у JavaFX: CSS та User Experience","\u002Fjava\u002Fpr2\u002Fjavafx-styling-themes","04.java\u002Fpr2\u002F34.javafx-styling-themes",{"title":2540,"path":2541,"stem":2542},"AtlantaFX: Сучасні теми для JavaFX додатків","\u002Fjava\u002Fpr2\u002Fatlantafx-modern-themes","04.java\u002Fpr2\u002F35.atlantafx-modern-themes",{"title":2544,"path":2545,"stem":2546},"Пакування та розповсюдження JavaFX-додатків","\u002Fjava\u002Fpr2\u002Fjar-packaging-distribution","04.java\u002Fpr2\u002F36.jar-packaging-distribution",{"title":2548,"icon":2549,"path":2550,"stem":2551,"children":2552,"page":59},"Python","i-devicon-python","\u002Fpython","05.python",[2553,2557,2560,2564,2568,2572,2576,2580,2584,2588,2592,2596,2600,2604,2608,2669],{"title":2554,"path":2555,"stem":2556},"Модулі, Пакети та Віртуальні Середовища","\u002Fpython\u002Fmodules-packages-venv","05.python\u002F00.modules-packages-venv",{"title":71,"path":2558,"stem":2559},"\u002Fpython\u002Fclasses-objects","05.python\u002F01.classes-objects",{"title":2561,"path":2562,"stem":2563},"Інкапсуляція, Керування Доступом та Властивості","\u002Fpython\u002Fencapsulation","05.python\u002F02.encapsulation",{"title":2565,"path":2566,"stem":2567},"Наслідування, MRO та суперсила super()","\u002Fpython\u002Finheritance-mro","05.python\u002F03.inheritance-mro",{"title":2569,"path":2570,"stem":2571},"Абстракція — ABC проти Статичних Протоколів (PEP 544)","\u002Fpython\u002Fabstraction-protocols","05.python\u002F04.abstraction-protocols",{"title":2573,"path":2574,"stem":2575},"Магічні методи (Dunder) та Емуляція протоколів","\u002Fpython\u002Fdunder-methods","05.python\u002F05.dunder-methods",{"title":2577,"path":2578,"stem":2579},"Декоратори та Керування життєвим циклом методів","\u002Fpython\u002Fdecorators-static-class","05.python\u002F06.decorators-static-class",{"title":2581,"path":2582,"stem":2583},"Дескриптори — Магія доступу до атрибутів","\u002Fpython\u002Fdescriptors","05.python\u002F07.descriptors",{"title":2585,"path":2586,"stem":2587},"Метакласи — Динамічне створення класів під капотом CPython","\u002Fpython\u002Fmetaclasses","05.python\u002F08.metaclasses",{"title":2589,"path":2590,"stem":2591},"Dataclasses, NamedTuple та сучасні контейнери Python","\u002Fpython\u002Fmodern-containers","05.python\u002F09.modern-containers",{"title":2593,"path":2594,"stem":2595},"GIL та модель конкурентності CPython — фундамент перед потоками і процесами","\u002Fpython\u002Fgil-concurrency-intro","05.python\u002F11.gil-concurrency-intro",{"title":2597,"path":2598,"stem":2599},"Threading — конкурентність для I\u002FO-bound задач","\u002Fpython\u002Fthreading","05.python\u002F12.threading",{"title":2601,"path":2602,"stem":2603},"Multiprocessing — справжній паралелізм для CPU-bound задач","\u002Fpython\u002Fmultiprocessing","05.python\u002F13.multiprocessing",{"title":2605,"path":2606,"stem":2607},"asyncio — кооперативна конкурентність та event loop","\u002Fpython\u002Fasyncio","05.python\u002F14.asyncio",{"title":2609,"icon":92,"path":2610,"stem":2611,"children":2612,"page":59},"FastAPI","\u002Fpython\u002Ffastapi","05.python\u002Ffastapi",[2613,2617,2621,2625,2629,2633,2637,2641,2645,2649,2653,2657,2661,2665],{"title":2614,"path":2615,"stem":2616},"Глибокий Typing та Pydantic v2 — від анотацій до валідації","\u002Fpython\u002Ffastapi\u002Ftyping-pydantic","05.python\u002Ffastapi\u002F15.typing-pydantic",{"title":2618,"path":2619,"stem":2620},"WSGI, ASGI та Python Web-екосистема","\u002Fpython\u002Ffastapi\u002Fwsgi-asgi-ecosystem","05.python\u002Ffastapi\u002F16.wsgi-asgi-ecosystem",{"title":2622,"path":2623,"stem":2624},"FastAPI: Перший додаток, Uvicorn та OpenAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-intro","05.python\u002Ffastapi\u002F17.fastapi-intro",{"title":2626,"path":2627,"stem":2628},"Маршрутизація, параметри запитів та APIRouter","\u002Fpython\u002Ffastapi\u002Ffastapi-routing-params","05.python\u002Ffastapi\u002F18.fastapi-routing-params",{"title":2630,"path":2631,"stem":2632},"Pydantic v2 у FastAPI — схеми, валідація та серіалізація","\u002Fpython\u002Ffastapi\u002Ffastapi-pydantic-schemas","05.python\u002Ffastapi\u002F19.fastapi-pydantic-schemas",{"title":2634,"path":2635,"stem":2636},"Dependency Injection — серце архітектури FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-dependency-injection","05.python\u002Ffastapi\u002F20.fastapi-dependency-injection",{"title":2638,"path":2639,"stem":2640},"Обробка помилок, Middleware та CORS у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-errors-middleware","05.python\u002Ffastapi\u002F21.fastapi-errors-middleware",{"title":2642,"path":2643,"stem":2644},"SQLAlchemy 2.0 — ORM, Core та Async Engine","\u002Fpython\u002Ffastapi\u002Fsqlalchemy-orm","05.python\u002Ffastapi\u002F22.sqlalchemy-orm",{"title":2646,"path":2647,"stem":2648},"Alembic — міграції бази даних","\u002Fpython\u002Ffastapi\u002Falembic-migrations","05.python\u002Ffastapi\u002F23.alembic-migrations",{"title":2650,"path":2651,"stem":2652},"Repository Pattern та Clean Architecture у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-repository-clean-arch","05.python\u002Ffastapi\u002F24.fastapi-repository-clean-arch",{"title":2654,"path":2655,"stem":2656},"Автентифікація та авторизація — JWT, OAuth2, RBAC","\u002Fpython\u002Ffastapi\u002Ffastapi-auth-security","05.python\u002Ffastapi\u002F25.fastapi-auth-security",{"title":2658,"path":2659,"stem":2660},"Тестування FastAPI — pytest, httpx, fixtures","\u002Fpython\u002Ffastapi\u002Ffastapi-testing","05.python\u002Ffastapi\u002F26.fastapi-testing",{"title":2662,"path":2663,"stem":2664},"Async на повну — Background Tasks, WebSockets, SSE та Celery","\u002Fpython\u002Ffastapi\u002Ffastapi-async-advanced","05.python\u002Ffastapi\u002F27.fastapi-async-advanced",{"title":2666,"path":2667,"stem":2668},"Deployment — Docker, CI\u002FCD, Monitoring","\u002Fpython\u002Ffastapi\u002Ffastapi-deployment","05.python\u002Ffastapi\u002F28.fastapi-deployment",{"title":2670,"path":2671,"stem":2672},"[object Object]","\u002Fpython\u002Foop-plan","05.python\u002Foop-plan",{"title":2674,"icon":2675,"path":2676,"stem":2677,"children":2678,"page":59},"Бази даних","i-lucide-database","\u002Fdatabases","06.databases",[2679,2709,2732,2769,2798,2816,2850,2862,2871],{"title":2680,"icon":2681,"path":2682,"stem":2683,"children":2684,"page":59},"Intro","i-lucide-play","\u002Fdatabases\u002Fintro","06.databases\u002F01.intro",[2685,2689,2693,2697,2701,2705],{"title":2686,"path":2687,"stem":2688},"Введення в теорію баз даних","\u002Fdatabases\u002Fintro\u002Fintroduction-to-databases","06.databases\u002F01.intro\u002F01.introduction-to-databases",{"title":2690,"path":2691,"stem":2692},"Реляційна модель даних","\u002Fdatabases\u002Fintro\u002Frelational-model-theory","06.databases\u002F01.intro\u002F02.relational-model-theory",{"title":2694,"path":2695,"stem":2696},"ER-моделювання","\u002Fdatabases\u002Fintro\u002Fer-modeling","06.databases\u002F01.intro\u002F03.er-modeling",{"title":2698,"path":2699,"stem":2700},"Логічне проектування БД","\u002Fdatabases\u002Fintro\u002Flogical-schema","06.databases\u002F01.intro\u002F04.logical-schema",{"title":2702,"path":2703,"stem":2704},"Класифікація таблиць","\u002Fdatabases\u002Fintro\u002Ftable-classification","06.databases\u002F01.intro\u002F05.table-classification",{"title":2706,"path":2707,"stem":2708},"PlantUML для баз даних","\u002Fdatabases\u002Fintro\u002Fplantuml-diagrams","06.databases\u002F01.intro\u002F06.plantuml-diagrams",{"title":2710,"icon":2675,"path":2711,"stem":2712,"children":2713,"page":59},"MS SQL Server Start","\u002Fdatabases\u002Fms-sql-server-start","06.databases\u002F02.ms-sql-server-start",[2714,2718,2724,2728],{"title":2715,"path":2716,"stem":2717},"Типи даних у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fdata-types","06.databases\u002F02.ms-sql-server-start\u002F01.data-types",{"title":2719,"path":2720,"stem":2721,"children":2722},"Індекси у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-indexes","06.databases\u002F02.ms-sql-server-start\u002F02.sql-indexes",[2723],{"title":2719,"path":2720,"stem":2721},{"title":2725,"path":2726,"stem":2727},"Системні бази даних MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsystem-databases","06.databases\u002F02.ms-sql-server-start\u002F03.system-databases",{"title":2729,"path":2730,"stem":2731},"Огляд мови SQL та запитів","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-queries-overview","06.databases\u002F02.ms-sql-server-start\u002F04.sql-queries-overview",{"title":2733,"icon":2675,"path":2734,"stem":2735,"children":2736,"page":59},"SQL","\u002Fdatabases\u002Fsql","06.databases\u002F03.sql",[2737,2741,2745,2749,2753,2757,2761,2765],{"title":2738,"path":2739,"stem":2740},"Налаштування демонстраційної бази даних","\u002Fdatabases\u002Fsql\u002Fsample-database-setup","06.databases\u002F03.sql\u002F00.sample-database-setup",{"title":2742,"path":2743,"stem":2744},"DDL - Створення таблиць (CREATE TABLE)","\u002Fdatabases\u002Fsql\u002Fddl-create-table","06.databases\u002F03.sql\u002F01.ddl-create-table",{"title":2746,"path":2747,"stem":2748},"DDL - Зміна та видалення таблиць (ALTER, DROP)","\u002Fdatabases\u002Fsql\u002Fddl-alter-drop-table","06.databases\u002F03.sql\u002F02.ddl-alter-drop-table",{"title":2750,"path":2751,"stem":2752},"SELECT запити - Основи","\u002Fdatabases\u002Fsql\u002Fselect-queries-fundamentals","06.databases\u002F03.sql\u002F03.select-queries-fundamentals",{"title":2754,"path":2755,"stem":2756},"SELECT запити - Розширені можливості","\u002Fdatabases\u002Fsql\u002Fselect-queries-advanced","06.databases\u002F03.sql\u002F04.select-queries-advanced",{"title":2758,"path":2759,"stem":2760},"INSERT запити - Додавання даних","\u002Fdatabases\u002Fsql\u002Finsert-queries","06.databases\u002F03.sql\u002F05.insert-queries",{"title":2762,"path":2763,"stem":2764},"UPDATE та DELETE запити","\u002Fdatabases\u002Fsql\u002Fupdate-delete-queries","06.databases\u002F03.sql\u002F06.update-delete-queries",{"title":2766,"path":2767,"stem":2768},"Транзакції в SQL","\u002Fdatabases\u002Fsql\u002Ftransactions","06.databases\u002F03.sql\u002F07.transactions",{"title":2770,"icon":2675,"path":2771,"stem":2772,"children":2773,"page":59},"Multi Table Databases","\u002Fdatabases\u002Fmulti-table-databases","06.databases\u002F04.multi-table-databases",[2774,2778,2782,2786,2790,2794],{"title":2775,"path":2776,"stem":2777},"Зв'язки та нормалізація БД","\u002Fdatabases\u002Fmulti-table-databases\u002Frelationships-and-normalization","06.databases\u002F04.multi-table-databases\u002F00.relationships-and-normalization",{"title":2779,"path":2780,"stem":2781},"INNER JOIN - З'єднання таблиць","\u002Fdatabases\u002Fmulti-table-databases\u002Finner-join","06.databases\u002F04.multi-table-databases\u002F01.inner-join",{"title":2783,"path":2784,"stem":2785},"OUTER JOINs - LEFT, RIGHT, FULL","\u002Fdatabases\u002Fmulti-table-databases\u002Fouter-joins","06.databases\u002F04.multi-table-databases\u002F02.outer-joins",{"title":2787,"path":2788,"stem":2789},"CROSS та SELF JOINs","\u002Fdatabases\u002Fmulti-table-databases\u002Fcross-self-joins","06.databases\u002F04.multi-table-databases\u002F03.cross-self-joins",{"title":2791,"path":2792,"stem":2793},"Підзапити (Subqueries)","\u002Fdatabases\u002Fmulti-table-databases\u002Fsubqueries","06.databases\u002F04.multi-table-databases\u002F04.subqueries",{"title":2795,"path":2796,"stem":2797},"Агрегації з JOIN","\u002Fdatabases\u002Fmulti-table-databases\u002Faggregations-with-joins","06.databases\u002F04.multi-table-databases\u002F05.aggregations-with-joins",{"title":2799,"icon":2800,"path":2801,"stem":2802,"children":2803,"page":59},"Aggregate Functions","i-lucide-calculator","\u002Fdatabases\u002Faggregate-functions","06.databases\u002F05.aggregate-functions",[2804,2808,2812],{"title":2805,"path":2806,"stem":2807},"Функції агрегування в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fintroduction-aggregate-functions","06.databases\u002F05.aggregate-functions\u002F01.introduction-aggregate-functions",{"title":2809,"path":2810,"stem":2811},"Групування даних в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fgrouping-data","06.databases\u002F05.aggregate-functions\u002F02.grouping-data",{"title":2813,"path":2814,"stem":2815},"Підзапити з агрегатними функціями","\u002Fdatabases\u002Faggregate-functions\u002Fsubqueries-aggregates","06.databases\u002F05.aggregate-functions\u002F03.subqueries-aggregates",{"title":2817,"icon":2818,"path":2819,"stem":2820,"children":2821,"page":59},"Тригери та зберігаємі процедури","i-lucide-database-zap","\u002Fdatabases\u002Ftriggers-stored-procedures","06.databases\u002F07.triggers-stored-procedures",[2822,2826,2830,2834,2838,2842,2846],{"title":2823,"path":2824,"stem":2825},"DML-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fdml-triggers","06.databases\u002F07.triggers-stored-procedures\u002F01.dml-triggers",{"title":2827,"path":2828,"stem":2829},"DDL-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fddl-triggers","06.databases\u002F07.triggers-stored-procedures\u002F02.ddl-triggers",{"title":2831,"path":2832,"stem":2833},"Transact-SQL розширення","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransact-sql-extensions","06.databases\u002F07.triggers-stored-procedures\u002F03.transact-sql-extensions",{"title":2835,"path":2836,"stem":2837},"Транзакції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransactions","06.databases\u002F07.triggers-stored-procedures\u002F04.transactions",{"title":2839,"path":2840,"stem":2841},"Зберігаємі процедури","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fstored-procedures","06.databases\u002F07.triggers-stored-procedures\u002F05.stored-procedures",{"title":2843,"path":2844,"stem":2845},"Користувацькі функції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fuser-defined-functions","06.databases\u002F07.triggers-stored-procedures\u002F06.user-defined-functions",{"title":2847,"path":2848,"stem":2849},"Безпека баз даних","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fsecurity","06.databases\u002F07.triggers-stored-procedures\u002F08.security",{"title":2847,"icon":793,"path":2851,"stem":2852,"children":2853,"page":59},"\u002Fdatabases\u002Fsecurity","06.databases\u002F08.security",[2854,2858],{"title":2855,"path":2856,"stem":2857},"Вступ до безпеки баз даних","\u002Fdatabases\u002Fsecurity\u002Fintroduction","06.databases\u002F08.security\u002F01.introduction",{"title":2859,"path":2860,"stem":2861},"Системні представлення та метадані","\u002Fdatabases\u002Fsecurity\u002Fsystem-views","06.databases\u002F08.security\u002F02.system-views",{"title":2863,"icon":2864,"path":2865,"stem":2866,"children":2867,"page":59},"Резервне копіювання та відновлення","i-lucide-database-backup","\u002Fdatabases\u002Fbackup-recovery","06.databases\u002F09.backup-recovery",[2868],{"title":2863,"path":2869,"stem":2870},"\u002Fdatabases\u002Fbackup-recovery\u002Fbackup-restore","06.databases\u002F09.backup-recovery\u002F01.backup-restore",{"title":2872,"icon":2873,"path":2874,"stem":2875,"children":2876,"page":59},"Повнотекстовий пошук","i-lucide-search","\u002Fdatabases\u002Ffull-text-search","06.databases\u002F10.full-text-search",[2877],{"title":2872,"path":2878,"stem":2879},"\u002Fdatabases\u002Ffull-text-search\u002Ffull-text-search","06.databases\u002F10.full-text-search\u002F01.full-text-search",{"title":2881,"icon":2882,"path":2883,"stem":2884,"children":2885,"page":59},"Tools","i-lucide-wrench","\u002Ftools","07.tools",[2886,2962],{"title":2887,"icon":2888,"path":2889,"stem":2890,"children":2891},"Docker","i-simple-icons-docker","\u002Ftools\u002Fdocker","07.tools\u002F01.docker\u002Findex",[2892,2894,2898,2902,2906,2910,2914,2918,2922,2926,2930,2934,2938,2942,2946,2950,2954,2958],{"title":2893,"path":2889,"stem":2890},"Docker: від нуля до production",{"title":2895,"path":2896,"stem":2897},"Контейнеризація — від проблеми до рішення","\u002Ftools\u002Fdocker\u002Fcontainerization-concept","07.tools\u002F01.docker\u002F01.containerization-concept",{"title":2899,"path":2900,"stem":2901},"Docker — що це і навіщо?","\u002Ftools\u002Fdocker\u002Fdocker-what-and-why","07.tools\u002F01.docker\u002F02.docker-what-and-why",{"title":2903,"path":2904,"stem":2905},"Архітектура Docker Engine","\u002Ftools\u002Fdocker\u002Fdocker-architecture","07.tools\u002F01.docker\u002F03.docker-architecture",{"title":2907,"path":2908,"stem":2909},"Встановлення Docker","\u002Ftools\u002Fdocker\u002Finstallation","07.tools\u002F01.docker\u002F04.installation",{"title":2911,"path":2912,"stem":2913},"Перший контейнер — docker run","\u002Ftools\u002Fdocker\u002Ffirst-container","07.tools\u002F01.docker\u002F05.first-container",{"title":2915,"path":2916,"stem":2917},"Життєвий цикл контейнера","\u002Ftools\u002Fdocker\u002Fcontainer-lifecycle","07.tools\u002F01.docker\u002F06.container-lifecycle",{"title":2919,"path":2920,"stem":2921},"Docker Images — фундаментальні концепції","\u002Ftools\u002Fdocker\u002Fdocker-images-fundamentals","07.tools\u002F01.docker\u002F07.docker-images-fundamentals",{"title":2923,"path":2924,"stem":2925},"Dockerfile — основи","\u002Ftools\u002Fdocker\u002Fdockerfile-basics","07.tools\u002F01.docker\u002F08.dockerfile-basics",{"title":2927,"path":2928,"stem":2929},"Dockerfile — просунуті техніки","\u002Ftools\u002Fdocker\u002Fdockerfile-advanced","07.tools\u002F01.docker\u002F09.dockerfile-advanced",{"title":2931,"path":2932,"stem":2933},"Build Context та кешування шарів","\u002Ftools\u002Fdocker\u002Fbuild-context-and-cache","07.tools\u002F01.docker\u002F10.build-context-and-cache",{"title":2935,"path":2936,"stem":2937},"Реєстри Docker-образів","\u002Ftools\u002Fdocker\u002Fimage-registries","07.tools\u002F01.docker\u002F11.image-registries",{"title":2939,"path":2940,"stem":2941},"Контейнеризація .NET додатків","\u002Ftools\u002Fdocker\u002Fdotnet-containerization","07.tools\u002F01.docker\u002F12.dotnet-containerization",{"title":2943,"path":2944,"stem":2945},"Томи та збереження даних","\u002Ftools\u002Fdocker\u002Fvolumes-and-data","07.tools\u002F01.docker\u002F13.volumes-and-data",{"title":2947,"path":2948,"stem":2949},"Основи мережі в Docker","\u002Ftools\u002Fdocker\u002Fnetworking-basics","07.tools\u002F01.docker\u002F14.networking-basics",{"title":2951,"path":2952,"stem":2953},"Змінні оточення та конфігурація","\u002Ftools\u002Fdocker\u002Fenvironment-and-configuration","07.tools\u002F01.docker\u002F15.environment-and-configuration",{"title":2955,"path":2956,"stem":2957},"Docker Compose — оркестрація контейнерів","\u002Ftools\u002Fdocker\u002Fdocker-compose-basics","07.tools\u002F01.docker\u002F16.docker-compose-basics",{"title":2959,"path":2960,"stem":2961},"Docker Compose — Multi-Service застосунки","\u002Ftools\u002Fdocker\u002Fcompose-multi-service","07.tools\u002F01.docker\u002F17.compose-multi-service",{"title":2963,"icon":2964,"path":2965,"stem":2966,"children":2967},"Kubernetes","simple-icons:kubernetes","\u002Ftools\u002Fkubernetes","07.tools\u002F02.kubernetes\u002Findex",[2968,2970,2974,2978,2982,2986,2990,2994,2998],{"title":2969,"path":2965,"stem":2966},"Kubernetes: від розробки до production",{"title":2971,"path":2972,"stem":2973},"Kubernetes — коли Docker Compose більше не вистачає","\u002Ftools\u002Fkubernetes\u002Fwhy-kubernetes","07.tools\u002F02.kubernetes\u002F01.why-kubernetes",{"title":2975,"path":2976,"stem":2977},"Архітектура Kubernetes — анатомія кластера","\u002Ftools\u002Fkubernetes\u002Fkubernetes-architecture","07.tools\u002F02.kubernetes\u002F02.kubernetes-architecture",{"title":2979,"path":2980,"stem":2981},"Локальне середовище — minikube, kind та k3s","\u002Ftools\u002Fkubernetes\u002Flocal-environment","07.tools\u002F02.kubernetes\u002F03.local-environment",{"title":2983,"path":2984,"stem":2985},"Pod — атомарна одиниця Kubernetes","\u002Ftools\u002Fkubernetes\u002Fpods-and-containers","07.tools\u002F02.kubernetes\u002F04.pods-and-containers",{"title":2987,"path":2988,"stem":2989},"Патерни використання Pod","\u002Ftools\u002Fkubernetes\u002Fpod-patterns","07.tools\u002F02.kubernetes\u002F05.pod-patterns",{"title":2991,"path":2992,"stem":2993},"Deployment — декларативне управління Pod","\u002Ftools\u002Fkubernetes\u002Fdeployment-basics","07.tools\u002F02.kubernetes\u002F06.deployment-basics",{"title":2995,"path":2996,"stem":2997},"Rolling Updates та управління життєвим циклом Deployment","\u002Ftools\u002Fkubernetes\u002Fdeployment-rolling-updates","07.tools\u002F02.kubernetes\u002F07.deployment-rolling-updates",{"title":2999,"path":3000,"stem":3001},"Service — мережева абстракція для Pod","\u002Ftools\u002Fkubernetes\u002Fservices-networking","07.tools\u002F02.kubernetes\u002F08.services-networking",{"title":3003,"icon":3004,"path":3005,"stem":3006,"children":3007,"page":59},"Software Engineering","i-lucide-code-2","\u002Fsoftware-engineering","09.software-engineering",[3008,3012,3016,3020,3024,3028,3032,3036,3040,3044,3048],{"title":3009,"path":3010,"stem":3011},"1. Аналіз предметної області. Експертні знання та складність","\u002Fsoftware-engineering\u002Fintro-subdomains","09.software-engineering\u002F01.intro-subdomains",{"title":3013,"path":3014,"stem":3015},"2. Обмежені контексти. Інтеграція обмежених контекстів","\u002Fsoftware-engineering\u002Fintegrating-limited-contexts","09.software-engineering\u002F02.integrating-limited-contexts",{"title":3017,"path":3018,"stem":3019},"3. Реалізація простої бізнес-логіки","\u002Fsoftware-engineering\u002Fsimple","09.software-engineering\u002F03.simple",{"title":3021,"path":3022,"stem":3023},"4. Опрацювання складної бізнес-логіки","\u002Fsoftware-engineering\u002Fcomplex-business-logic","09.software-engineering\u002F04.complex-business-logic",{"title":3025,"path":3026,"stem":3027},"5. Моделювання фактора часу. Подієво-орієнтована архітектура.","\u002Fsoftware-engineering\u002Fmodelling-the-time-factor","09.software-engineering\u002F05.modelling-the-time-factor",{"title":3029,"path":3030,"stem":3031},"6. Архітектурні патерни","\u002Fsoftware-engineering\u002Farchitectural-patterns","09.software-engineering\u002F06.architectural-patterns",{"title":3033,"path":3034,"stem":3035},"Паттерни взаємодії","\u002Fsoftware-engineering\u002Fpatterns-of-interaction","09.software-engineering\u002F07.patterns-of-interaction",{"title":3037,"path":3038,"stem":3039},"Евристика проєктування","\u002Fsoftware-engineering\u002Fdesign-heuristics","09.software-engineering\u002F08.design-heuristics",{"title":3041,"path":3042,"stem":3043},"Еволюція проєктних рішень","\u002Fsoftware-engineering\u002Fevolution-of-design-solutions","09.software-engineering\u002F09.evolution-of-design-solutions",{"title":3045,"path":3046,"stem":3047},"EventStorming","\u002Fsoftware-engineering\u002Feventstorming","09.software-engineering\u002F10.eventstorming",{"title":3049,"path":3050,"stem":3051},"DDD на практиці","\u002Fsoftware-engineering\u002Fddd-in-practice","09.software-engineering\u002F11.ddd-in-practice",{"title":3053,"icon":943,"path":3054,"stem":3055,"children":3056,"page":59},"DDD","\u002Fddd","10.ddd",[3057,3061,3065,3069,3073,3077,3081,3085,3089,3093,3097,3101,3105],{"title":3058,"path":3059,"stem":3060},"Аналіз предметної області","\u002Fddd\u002Fdomain-analysis","10.ddd\u002F01.domain-analysis",{"title":3062,"path":3063,"stem":3064},"Експертні знання про предметну область","\u002Fddd\u002Fdomain-expert-knowledge","10.ddd\u002F02.domain-expert-knowledge",{"title":3066,"path":3067,"stem":3068},"Як осмислити складність предметної області","\u002Fddd\u002Fmanaging-domain-complexity","10.ddd\u002F03.managing-domain-complexity",{"title":3070,"path":3071,"stem":3072},"Інтеграція обмежених контекстів","\u002Fddd\u002Fbounded-context-integration","10.ddd\u002F04.bounded-context-integration",{"title":3074,"path":3075,"stem":3076},"Реалізація простої бізнес-логіки","\u002Fddd\u002Fsimple-business-logic","10.ddd\u002F05.simple-business-logic",{"title":3078,"path":3079,"stem":3080},"Обробка складної бізнес-логіки","\u002Fddd\u002Fcomplex-business-logic","10.ddd\u002F06.complex-business-logic",{"title":3082,"path":3083,"stem":3084},"Моделювання фактора часу","\u002Fddd\u002Ftime-modeling","10.ddd\u002F07.time-modeling",{"title":3086,"path":3087,"stem":3088},"Глава 8. Архітектурні Патерни","\u002Fddd\u002Farchitectural-patterns","10.ddd\u002F08.architectural-patterns",{"title":3090,"path":3091,"stem":3092},"Глава 9. Патерни Взаємодії","\u002Fddd\u002Finteraction-patterns","10.ddd\u002F09.interaction-patterns",{"title":3094,"path":3095,"stem":3096},"Глава 10. Проектні Евристики","\u002Fddd\u002Fdesign-heuristics","10.ddd\u002F10.design-heuristics",{"title":3098,"path":3099,"stem":3100},"Глава 11. Еволюція Проектних Рішень","\u002Fddd\u002Fevolution-of-design-decisions","10.ddd\u002F11.evolution-of-design-decisions",{"title":3102,"path":3103,"stem":3104},"Глава 12. EventStorming","\u002Fddd\u002Fevent-storming","10.ddd\u002F12.event-storming",{"title":3106,"path":3107,"stem":3108},"Глава 13. DDD на Практиці","\u002Fddd\u002Fddd-in-practice","10.ddd\u002F13.ddd-in-practice",{"title":3110,"icon":3111,"path":3112,"stem":3113,"children":3114,"page":59},"Media Streaming","i-lucide-video","\u002Fmedia-streaming","11.media-streaming",[3115,3119,3123,3127,3131,3135,3139],{"title":3116,"path":3117,"stem":3118},"01. Магія Стрімінгу: Що відбувається, коли ви натискаєте \"Play\"","\u002Fmedia-streaming\u002Fintroduction","11.media-streaming\u002F01.introduction",{"title":3120,"path":3121,"stem":3122},"02. Анатомія Медіа: Кодеки, Контейнери та Стиснення","\u002Fmedia-streaming\u002Faudio-video-anatomy","11.media-streaming\u002F02.audio-video-anatomy",{"title":3124,"path":3125,"stem":3126},"03. The Gym: FFmpeg Deep Dive","\u002Fmedia-streaming\u002Fffmpeg-gym","11.media-streaming\u002F03.ffmpeg-gym",{"title":3128,"path":3129,"stem":3130},"04. HLS Protocol: HTTP Live Streaming у Деталях","\u002Fmedia-streaming\u002Fhls-protocol","11.media-streaming\u002F04.hls-protocol",{"title":3132,"path":3133,"stem":3134},"05. DASH Protocol: Відкритий Стандарт","\u002Fmedia-streaming\u002Fdash-protocol","11.media-streaming\u002F05.dash-protocol",{"title":3136,"path":3137,"stem":3138},"06. Масштабування: CDN та Adaptive Bitrate","\u002Fmedia-streaming\u002Fcdn-and-adaptive-bitrate","11.media-streaming\u002F06.cdn-and-adaptive-bitrate",{"title":3140,"path":3141,"stem":3142},"07. Війна із Затримкою (Latency)","\u002Fmedia-streaming\u002Frealtime-latency","11.media-streaming\u002F07.realtime-latency",{"title":3144,"icon":3145,"path":3146,"stem":3147,"children":3148,"page":59},"HTML & CSS","i-devicon-html5","\u002Fhtml-css","12.html-css",[3149,3153,3157,3161,3165,3169,3173,3177,3181,3185,3189,3193,3197,3201,3205,3209,3213,3217,3221,3225,3229,3233,3237,3241,3245,3249,3253,3257,3261,3265],{"title":3150,"path":3151,"stem":3152},"Вступ до HTML. Структура документа","\u002Fhtml-css\u002Fintro-html-structure","12.html-css\u002F01.intro-html-structure",{"title":3154,"path":3155,"stem":3156},"Форматування тексту в HTML","\u002Fhtml-css\u002Fhtml-text-formatting","12.html-css\u002F02.html-text-formatting",{"title":3158,"path":3159,"stem":3160},"Посилання та зображення в HTML","\u002Fhtml-css\u002Fhtml-links-images","12.html-css\u002F03.html-links-images",{"title":3162,"path":3163,"stem":3164},"Списки та таблиці в HTML","\u002Fhtml-css\u002Fhtml-lists-tables","12.html-css\u002F04.html-lists-tables",{"title":3166,"path":3167,"stem":3168},"Форми в HTML","\u002Fhtml-css\u002Fhtml-forms","12.html-css\u002F05.html-forms",{"title":3170,"path":3171,"stem":3172},"Семантичні елементи HTML5","\u002Fhtml-css\u002Fhtml-semantic-elements","12.html-css\u002F06.html-semantic-elements",{"title":3174,"path":3175,"stem":3176},"Мультимедіа та розширені елементи HTML","\u002Fhtml-css\u002Fhtml-multimedia-advanced","12.html-css\u002F07.html-multimedia-advanced",{"title":3178,"path":3179,"stem":3180},"Мікророзмітка та SEO в HTML","\u002Fhtml-css\u002Fhtml-microdata-seo","12.html-css\u002F08.html-microdata-seo",{"title":3182,"path":3183,"stem":3184},"Вступ до CSS. Селектори та специфічність","\u002Fhtml-css\u002Fcss-intro-selectors","12.html-css\u002F09.css-intro-selectors",{"title":3186,"path":3187,"stem":3188},"Блокова модель CSS. Відступи. Box Sizing","\u002Fhtml-css\u002Fcss-box-model","12.html-css\u002F10.css-box-model",{"title":3190,"path":3191,"stem":3192},"Розміри у CSS: повний довідник одиниць і ключових слів","\u002Fhtml-css\u002F10a.css-sizing","12.html-css\u002F10a.css-sizing",{"title":3194,"path":3195,"stem":3196},"Типографіка в CSS. Шрифти та текст","\u002Fhtml-css\u002Fcss-typography","12.html-css\u002F11.css-typography",{"title":3198,"path":3199,"stem":3200},"Кольори та фони в CSS","\u002Fhtml-css\u002Fcss-colors-backgrounds","12.html-css\u002F12.css-colors-backgrounds",{"title":3202,"path":3203,"stem":3204},"Тіні та фільтри в CSS","\u002Fhtml-css\u002F12b.css-shadows-filters","12.html-css\u002F12b.css-shadows-filters",{"title":3206,"path":3207,"stem":3208},"CSS Flexbox: Фундамент гнучких макетів","\u002Fhtml-css\u002Fcss-flexbox-fundamentals","12.html-css\u002F13.css-flexbox-fundamentals",{"title":3210,"path":3211,"stem":3212},"CSS Flexbox: Вирівнювання та Позиціонування","\u002Fhtml-css\u002Fcss-flexbox-alignment-sizing-and-patterns","12.html-css\u002F14.css-flexbox-alignment-sizing-and-patterns",{"title":3214,"path":3215,"stem":3216},"CSS Grid. Двовимірний макет. Частина 1","\u002Fhtml-css\u002Fcss-layout-grid","12.html-css\u002F15.css-layout-grid",{"title":3218,"path":3219,"stem":3220},"CSS Grid. Двовимірний макет. Частина 2","\u002Fhtml-css\u002Fcss-layout-grid-advanced","12.html-css\u002F16.css-layout-grid-advanced",{"title":3222,"path":3223,"stem":3224},"Позиціонування в CSS. Z-index. Stacking Context","\u002Fhtml-css\u002Fcss-positioning","12.html-css\u002F17.css-positioning",{"title":3226,"path":3227,"stem":3228},"CSS Анімації та Переходи","\u002Fhtml-css\u002Fcss-animations-transitions","12.html-css\u002F18.css-animations-transitions",{"title":3230,"path":3231,"stem":3232},"Адаптивний дизайн. Media Queries. Частина 1","\u002Fhtml-css\u002Fcss-responsive-media-queries","12.html-css\u002F19.css-responsive-media-queries",{"title":3234,"path":3235,"stem":3236},"Адаптивний дизайн. Частина 2: clamp(), Container Queries, @layer","\u002Fhtml-css\u002Fcss-responsive-advanced","12.html-css\u002F20.css-responsive-advanced",{"title":3238,"path":3239,"stem":3240},"CSS Custom Properties. Методології. Сучасний CSS","\u002Fhtml-css\u002Fcss-variables-methodologies","12.html-css\u002F21.css-variables-methodologies",{"title":3242,"path":3243,"stem":3244},"Сучасний CSS 2023–2025: Нові можливості","\u002Fhtml-css\u002Fcss-modern-features","12.html-css\u002F22.css-modern-features",{"title":3246,"path":3247,"stem":3248},"CSS Nesting, @layer, @scope та @property: нативний препроцесор","\u002Fhtml-css\u002F22a.css-nesting-modern-syntax","12.html-css\u002F22a.css-nesting-modern-syntax",{"title":3250,"path":3251,"stem":3252},"CSS для форм та інтерактивних станів","\u002Fhtml-css\u002Fcss-forms-interactive-states","12.html-css\u002F23.css-forms-interactive-states",{"title":3254,"path":3255,"stem":3256},"Доступність у CSS (CSS Accessibility)","\u002Fhtml-css\u002Fcss-accessibility","12.html-css\u002F24.css-accessibility",{"title":3258,"path":3259,"stem":3260},"CSS-функції та сучасні sizing primitives","\u002Fhtml-css\u002Fcss-functions-sizing","12.html-css\u002F25.css-functions-sizing",{"title":3262,"path":3263,"stem":3264},"Rendering Pipeline і CSS Performance","\u002Fhtml-css\u002Fcss-rendering-performance","12.html-css\u002F26.css-rendering-performance",{"title":3266,"path":3267,"stem":3268},"CSS Best Practices: типові ситуації та правильні рішення","\u002Fhtml-css\u002Fcss-best-practices","12.html-css\u002F27.css-best-practices",{"title":3270,"path":3271,"stem":3272,"children":3273,"page":59},"AWS","\u002Faws","13.aws",[3274,3278,3282,3286,3290,3294,3298,3302,3306,3310,3314,3318,3322,3326,3330,3334,3338,3342],{"title":3275,"path":3276,"stem":3277},"Реєстрація AWS акаунту та студентські програми","\u002Faws\u002Faccount-registration","13.aws\u002F00.account-registration",{"title":3279,"path":3280,"stem":3281},"Вступ до хмарних обчислень та AWS","\u002Faws\u002Fintroduction-to-cloud","13.aws\u002F01.introduction-to-cloud",{"title":3283,"path":3284,"stem":3285},"AWS IAM — Identity and Access Management","\u002Faws\u002Fiam","13.aws\u002F02.iam",{"title":3287,"path":3288,"stem":3289},"AWS IAM CLI — Довідник команд","\u002Faws\u002F02a.iam-doc","13.aws\u002F02a.iam-doc",{"title":3291,"path":3292,"stem":3293},"Docker та контейнеризація в AWS — ECR, ECS та Fargate","\u002Faws\u002Fdocker-ecs","13.aws\u002F03.docker-ecs",{"title":3295,"path":3296,"stem":3297},"AWS ECR \u002F ECS CLI — Довідник команд","\u002Faws\u002F03a.docker-ecs-doc","13.aws\u002F03a.docker-ecs-doc",{"title":3299,"path":3300,"stem":3301},"Amazon EC2 — Elastic Compute Cloud","\u002Faws\u002Fec2","13.aws\u002F04.ec2",{"title":3303,"path":3304,"stem":3305},"AWS EC2 CLI — Довідник команд","\u002Faws\u002F04a.ec2-doc","13.aws\u002F04a.ec2-doc",{"title":3307,"path":3308,"stem":3309},"Elastic Load Balancing та Auto Scaling","\u002Faws\u002Falb-asg","13.aws\u002F05.alb-asg",{"title":3311,"path":3312,"stem":3313},"Amazon S3 — Simple Storage Service","\u002Faws\u002Fs3","13.aws\u002F06.s3",{"title":3315,"path":3316,"stem":3317},"Amazon CloudFront — Content Delivery Network","\u002Faws\u002Fcloudfront","13.aws\u002F07.cloudfront",{"title":3319,"path":3320,"stem":3321},"Amazon RDS — Relational Database Service","\u002Faws\u002Frds","13.aws\u002F08.rds",{"title":3323,"path":3324,"stem":3325},"Amazon DynamoDB — NoSQL Database","\u002Faws\u002Fdynamodb","13.aws\u002F09.dynamodb",{"title":3327,"path":3328,"stem":3329},"AWS Lambda та Serverless Compute","\u002Faws\u002Flambda","13.aws\u002F10.lambda",{"title":3331,"path":3332,"stem":3333},"Amazon Bedrock - Foundation Models, RAG та Agents","\u002Faws\u002Fbedrock","13.aws\u002F22.bedrock",{"title":3335,"path":3336,"stem":3337},"Amazon Rekognition - Комп'ютерний зір","\u002Faws\u002Frekognition","13.aws\u002F23.rekognition",{"title":3339,"path":3340,"stem":3341},"Amazon Textract - Інтелектуальний аналіз документів","\u002Faws\u002Ftextract","13.aws\u002F24.textract",{"title":3343,"path":3344,"stem":3345},"Amazon Polly, Transcribe, Comprehend та Translate","\u002Faws\u002Faudio-nlp-services","13.aws\u002F25.audio-nlp-services",{"title":3347,"path":3348,"stem":3349,"children":3350,"page":59},"Ai Development","\u002Fai-development","14.ai-development",[3351],{"title":3352,"path":3353,"stem":3354,"children":3355,"page":59},"Foundations","\u002Fai-development\u002Ffoundations","14.ai-development\u002F00.foundations",[3356],{"title":3357,"path":3358,"stem":3359},"Модуль 0.1. Що таке Large Language Model (LLM)","\u002Fai-development\u002Ffoundations\u002Fwhat-is-llm","14.ai-development\u002F00.foundations\u002F01.what-is-llm",{"title":3361,"path":3362,"stem":3363,"children":3364,"page":59},"React Native","\u002Freact-native","15.react-native",[3365,3386],{"title":3366,"path":3367,"stem":3368,"children":3369,"page":59},"Version1","\u002Freact-native\u002Fversion1","15.react-native\u002Fversion1",[3370,3374,3378,3382],{"title":3371,"path":3372,"stem":3373},"Що таке React Native","\u002Freact-native\u002Fversion1\u002Fwhat-is-react-native","15.react-native\u002Fversion1\u002F01.what-is-react-native",{"title":3375,"path":3376,"stem":3377},"Як влаштований React Native «під капотом»","\u002Freact-native\u002Fversion1\u002Freact-native-architecture","15.react-native\u002Fversion1\u002F02.react-native-architecture",{"title":3379,"path":3380,"stem":3381},"Від React до React Native: ключові відмінності","\u002Freact-native\u002Fversion1\u002Freact-native-vs-react","15.react-native\u002Fversion1\u002F03.react-native-vs-react",{"title":3383,"path":3384,"stem":3385},"View та Text — фундаментальні будівельні блоки","\u002Freact-native\u002Fversion1\u002Fview-and-text","15.react-native\u002Fversion1\u002F04.view-and-text",{"title":3387,"path":3388,"stem":3389,"children":3390,"page":59},"Version2","\u002Freact-native\u002Fversion2","15.react-native\u002Fversion2",[3391,3395,3399,3403,3407,3411,3415,3419,3423,3427,3431,3435,3439,3443,3447,3451,3455,3459,3463],{"title":3392,"path":3393,"stem":3394},"React Native — навіщо він потрібен","\u002Freact-native\u002Fversion2\u002Fwhy-react-native","15.react-native\u002Fversion2\u002F01.why-react-native",{"title":3396,"path":3397,"stem":3398},"Налаштування середовища розробки","\u002Freact-native\u002Fversion2\u002Fenvironment-setup","15.react-native\u002Fversion2\u002F02.environment-setup",{"title":3400,"path":3401,"stem":3402},"Expo і класичний React Native — два шляхи одного фреймворку","\u002Freact-native\u002Fversion2\u002Fexpo-vs-cli-landscape","15.react-native\u002Fversion2\u002F03.expo-vs-cli-landscape",{"title":3404,"path":3405,"stem":3406},"Середовище Expo — перший запуск","\u002Freact-native\u002Fversion2\u002Fexpo-setup-and-tooling","15.react-native\u002Fversion2\u002F04.expo-setup-and-tooling",{"title":3408,"path":3409,"stem":3410},"Структура проєкту та перші UI-примітиви","\u002Freact-native\u002Fversion2\u002Fproject-structure-and-conventions","15.react-native\u002Fversion2\u002F05.project-structure-and-conventions",{"title":3412,"path":3413,"stem":3414},"Базові компоненти React Native","\u002Freact-native\u002Fversion2\u002Fcore-components","15.react-native\u002Fversion2\u002F06.core-components",{"title":3416,"path":3417,"stem":3418},"Flexbox і layout у React Native","\u002Freact-native\u002Fversion2\u002Fflexbox-and-layout","15.react-native\u002Fversion2\u002F07.flexbox-and-layout",{"title":3420,"path":3421,"stem":3422},"StyleSheet і теми (light \u002F dark)","\u002Freact-native\u002Fversion2\u002Fstylesheet-and-theming","15.react-native\u002Fversion2\u002F08.stylesheet-and-theming",{"title":3424,"path":3425,"stem":3426},"Списки та віртуалізація","\u002Freact-native\u002Fversion2\u002Flists-and-virtualization","15.react-native\u002Fversion2\u002F09.lists-and-virtualization",{"title":3428,"path":3429,"stem":3430},"Форми, ввід і валідація","\u002Freact-native\u002Fversion2\u002Fforms-input-validation","15.react-native\u002Fversion2\u002F10.forms-input-validation",{"title":3432,"path":3433,"stem":3434},"Основи Expo Router","\u002Freact-native\u002Fversion2\u002Fexpo-router-basics","15.react-native\u002Fversion2\u002F11.expo-router-basics",{"title":3436,"path":3437,"stem":3438},"Вкладені навігатори та модалки","\u002Freact-native\u002Fversion2\u002Fnested-navigators-and-modals","15.react-native\u002Fversion2\u002F12.nested-navigators-and-modals",{"title":3440,"path":3441,"stem":3442},"Deep linking і параметри маршрутів","\u002Freact-native\u002Fversion2\u002Fdeep-linking-and-params","15.react-native\u002Fversion2\u002F13.deep-linking-and-params",{"title":3444,"path":3445,"stem":3446},"Робота з мережею та життєвий цикл застосунку","\u002Freact-native\u002Fversion2\u002Fnetworking-and-app-lifecycle","15.react-native\u002Fversion2\u002F14.networking-and-app-lifecycle",{"title":3448,"path":3449,"stem":3450},"Redux Toolkit на мобільних платформах","\u002Freact-native\u002Fversion2\u002Fredux-toolkit-on-mobile","15.react-native\u002Fversion2\u002F15.redux-toolkit-on-mobile",{"title":3452,"path":3453,"stem":3454},"RTK Query на mobile","\u002Freact-native\u002Fversion2\u002Frtk-query-mobile","15.react-native\u002Fversion2\u002F16.rtk-query-mobile",{"title":3456,"path":3457,"stem":3458},"Автентифікація та Безпечне Зберігання","\u002Freact-native\u002Fversion2\u002Fauth-secure-storage","15.react-native\u002Fversion2\u002F18.auth-secure-storage",{"title":3460,"path":3461,"stem":3462},"Локальне сховище — AsyncStorage, MMKV, SQLite","\u002Freact-native\u002Fversion2\u002Flocal-storage-mmkv-sqlite","15.react-native\u002Fversion2\u002F19.local-storage-mmkv-sqlite",{"title":3464,"path":3465,"stem":3466},"Офлайн-First і синхронізація","\u002Freact-native\u002Fversion2\u002Foffline-first-sync","15.react-native\u002Fversion2\u002F20.offline-first-sync",{"title":3468,"path":3469,"stem":3470,"children":3471,"page":59},"Ai Python","\u002Fai-python","16.ai-python",[3472,3476,3480],{"title":3473,"path":3474,"stem":3475},"Вступ до штучного інтелекту та машинного навчання","\u002Fai-python\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai",{"title":3477,"path":3478,"stem":3479},"Знайомство з Jupyter Notebook та JupyterLab","\u002Fai-python\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook",{"title":3481,"path":3482,"stem":3483},"Робота з даними з використанням NumPy і pandas","\u002Fai-python\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas",{"title":3485,"path":3486,"stem":3487,"children":3488,"page":59},"Tailwind","\u002Ftailwind","21.tailwind",[3489,3493,3497,3501,3505,3509,3513,3517,3521,3525,3529,3533],{"title":3490,"path":3491,"stem":3492},"Що таке Tailwind CSS і навіщо він потрібен","\u002Ftailwind\u002Ftailwind-intro-philosophy","21.tailwind\u002F01.tailwind-intro-philosophy",{"title":3494,"path":3495,"stem":3496},"Встановлення та налаштування Tailwind CSS v4","\u002Ftailwind\u002Ftailwind-installation-setup","21.tailwind\u002F02.tailwind-installation-setup",{"title":3498,"path":3499,"stem":3500},"Utility-класи: основи та система Tailwind","\u002Ftailwind\u002Ftailwind-utility-classes-core","21.tailwind\u002F03.tailwind-utility-classes-core",{"title":3502,"path":3503,"stem":3504},"Layout: Flexbox та Grid через Tailwind","\u002Ftailwind\u002Ftailwind-flexbox-grid","21.tailwind\u002F04.tailwind-flexbox-grid",{"title":3506,"path":3507,"stem":3508},"Кастомізація теми через @theme у Tailwind v4","\u002Ftailwind\u002Ftailwind-theme-customization","21.tailwind\u002F05.tailwind-theme-customization",{"title":3510,"path":3511,"stem":3512},"Варіанти: hover, focus, responsive, dark mode та нові v4","\u002Ftailwind\u002Ftailwind-variants-states","21.tailwind\u002F06.tailwind-variants-states",{"title":3514,"path":3515,"stem":3516},"Типографіка та система кольорів у Tailwind v4","\u002Ftailwind\u002Ftailwind-typography-colors","21.tailwind\u002F07.tailwind-typography-colors",{"title":3518,"path":3519,"stem":3520},"Компоненти та повторюваність: @apply, @utility та патерни","\u002Ftailwind\u002Ftailwind-components-patterns","21.tailwind\u002F08.tailwind-components-patterns",{"title":3522,"path":3523,"stem":3524},"Темна тема та система дизайн-токенів у Tailwind v4","\u002Ftailwind\u002Ftailwind-dark-mode-theming","21.tailwind\u002F09.tailwind-dark-mode-theming",{"title":3526,"path":3527,"stem":3528},"Довільні значення та контейнерні запити у Tailwind v4","\u002Ftailwind\u002Ftailwind-arbitrary-container-queries","21.tailwind\u002F10.tailwind-arbitrary-container-queries",{"title":3530,"path":3531,"stem":3532},"Анімації, трансформації та 3D у Tailwind v4","\u002Ftailwind\u002Ftailwind-animations-transforms","21.tailwind\u002F11.tailwind-animations-transforms",{"title":3534,"path":3535,"stem":3536},"Tailwind CLI, PostCSS та інтеграція з фреймворками","\u002Ftailwind\u002Ftailwind-cli-tooling","21.tailwind\u002F12.tailwind-cli-tooling",{"title":3538,"path":3539,"stem":3540},"Тестування компонентів діаграм","\u002Ftest-components","98.test-components",{"id":3542,"title":2662,"body":3543,"description":13285,"extension":13286,"links":13287,"meta":13288,"navigation":3703,"path":2663,"seo":13289,"stem":2664,"__hash__":13290},"docs\u002F05.python\u002Ffastapi\u002F27.fastapi-async-advanced.md",{"type":3544,"value":3545,"toc":13228},"minimark",[3546,3550,3554,3557,3585,3592,3595,3600,3610,3615,3624,3627,3639,3642,3833,3837,3843,3846,3912,3919,4306,4309,4361,4376,4407,4425,4427,4439,4445,4451,4457,4475,4481,4491,4497,4500,4593,4606,4608,4614,4620,4647,4661,4663,4667,4670,4676,4680,4687,4690,4710,4717,4721,4732,4780,4787,5926,5929,5963,5969,5973,5976,5990,6004,7426,7431,7471,7475,7489,7492,7509,7512,7727,7731,7738,7835,7841,7843,7847,7853,7857,7867,7874,7876,7880,7883,7888,7894,7958,7972,7976,7979,8034,8054,8068,8070,8074,8095,8098,8236,8240,8246,8255,8266,8268,8274,8280,8627,8629,8633,8636,8676,8686,8708,8710,8714,8721,8724,9658,9661,9695,9701,9708,9710,9714,9720,9732,9736,9759,9761,9765,9768,9794,9909,9911,9915,9918,9920,9924,9931,9935,9938,9941,9959,9976,9980,9983,10054,10100,10104,10114,10164,10168,10174,10405,10409,10415,10418,10424,10568,10572,10579,10582,10660,10663,10677,10679,10682,10685,10753,10757,10760,10779,10783,10786,11392,11396,11404,11462,11466,11469,11489,11491,11495,11506,11522,11528,11539,11542,11558,11561,11572,11575,11590,11592,11596,11609,11612,11702,11712,11714,11718,11721,11801,11825,11827,11831,11834,11842,11853,11859,11865,11869,11872,12450,12460,12462,12469,12483,12490,12499,12505,12518,12521,12628,12632,12638,13008,13012,13023,13034,13036,13040,13044,13049,13072,13076,13079,13103,13107,13110,13146,13148,13152,13158,13213,13224],[3547,3548,2662],"h1",{"id":3549},"async-на-повну-background-tasks-websockets-sse-та-celery",[3551,3552,3553],"p",{},"У попередніх статтях ми розібралися, як FastAPI використовує асинхронність для ефективного оброблення великої кількість HTTP-запитів. Завдяки архітектурі ASGI та вебсерверу Uvicorn, FastAPI здатний тримати тисячі з'єднань одночасно, використовуючи лише один системний потік. Проте реальні вебдодатки рідко обмежуються простою схемою «отримав HTTP-запит — зробив запит до БД — повернув JSON».",[3551,3555,3556],{},"У сучасному вебі часто виникають завдання, які виходять за межі класичного синхронного HTTP-циклу:",[3558,3559,3560,3573,3579],"ol",{},[3561,3562,3563,3567,3568,3572],"li",{},[3564,3565,3566],"strong",{},"Тривалі фонові процеси"," — відправка листів підтвердження, генерація PDF-звітів, очищення тимчасових файлів, оновлення пошукового індексу. Клієнт не повинен чекати завершення цих дій, щоб отримати відповідь ",[3569,3570,3571],"code",{},"200 OK",".",[3561,3574,3575,3578],{},[3564,3576,3577],{},"Двостороння комунікація в реальному часі (Real-Time)"," — чати, системи сповіщень, інтерактивні панелі керування (dashboards). Тут класичні HTTP-запити від клієнта стають неефективними.",[3561,3580,3581,3584],{},[3564,3582,3583],{},"Потокове передавання даних (Streaming)"," — відправка великих медіафайлів або динамічне надсилання даних у міру їхньої генерації.",[3551,3586,3587,3588,3591],{},"Цей розділ присвячений інструментам, які роблять FastAPI по-справжньому потужним інструментом для розробки високонавантажених сервісів. Ми розберемося з вбудованими ",[3569,3589,3590],{},"BackgroundTasks",", навчимося будувати двосторонній зв'язок через WebSockets, реалізуємо потокові сповіщення через Server-Sent Events (SSE) та розгорнемо розподілену чергу завдань на базі Celery та Redis.",[3593,3594],"hr",{},[3596,3597,3599],"h2",{"id":3598},"_1-вбудовані-фонові-завдання-backgroundtasks","1. Вбудовані фонові завдання: BackgroundTasks",[3551,3601,3602,3603,3605,3606,3609],{},"Найпростіший спосіб виконати роботу поза основним HTTP-запитом — це використання вбудованого у FastAPI класу ",[3569,3604,3590],{}," (який під капотом є прямим спадкоємцем ",[3569,3607,3608],{},"BackgroundTask"," з бібліотеки Starlette).",[3611,3612,3614],"h3",{"id":3613},"що-таке-backgroundtasks-і-як-це-працює","Що таке BackgroundTasks і як це працює?",[3551,3616,3617,3618,3621,3622,3572],{},"Коли клієнт робить запит до ендпоінту, FastAPI обробляє його, формує об'єкт відповіді (Response) і віддає його вебсерверу Uvicorn для відправки назад клієнту. Тільки ",[3564,3619,3620],{},"після того",", як з'єднання з клієнтом завершено (або розпочато передачу фінальних байтів відповіді), FastAPI починає виконувати функції, додані до черги ",[3569,3623,3590],{},[3551,3625,3626],{},"Це ідеально підходить для швидких, некритичних завдань:",[3628,3629,3630,3633,3636],"ul",{},[3561,3631,3632],{},"Відправка email або SMS після успішної реєстрації.",[3561,3634,3635],{},"Запис логів у файл або відправка метрик у сторонню аналітику.",[3561,3637,3638],{},"Оновлення локального кешу.",[3551,3640,3641],{},"Погляньмо на схему життєвого циклу запиту з фоновим завданням:",[3643,3644,3645],"plant-uml",{},[3646,3647,3652],"pre",{"className":3648,"code":3649,"language":3650,"meta":3651,"style":3651},"language-plantuml shiki shiki-themes light-plus dark-plus dark-plus","@startuml\nskinparam style plain\nskinparam backgroundColor #ffffff\nskinparam Handwritten false\nskinparam ArrowColor #3b82f6\nskinparam ParticipantBackgroundColor #f8fafc\nskinparam ParticipantBorderColor #cbd5e1\n\nactor \"Клієнт\" as client\nbox \"FastAPI App\" #f1f5f9\n    participant \"Router \u002F Middleware\" as router\n    participant \"Background Queue\" as queue\nend box\ndatabase \"Database\" as db\n\nclient -> router : POST \u002Fregister (Дані користувача)\nactivate router\nrouter -> db : Збереження користувача\ndb --> router : Користувач збережений\n\nrouter -> queue : Додати завдання: send_welcome_email(user_id)\nrouter --> client : HTTP 201 Created (JSON відповідь)\ndeactivate router\n\nnote over router, queue : Клієнт отримав відповідь. З'єднання завершено.\\nПочинається обробка черги завдань.\n\nactivate queue\nqueue -> queue : Виклик send_welcome_email()\ndeactivate queue\n@enduml\n","plantuml","",[3569,3653,3654,3662,3668,3674,3680,3686,3692,3698,3705,3711,3717,3723,3729,3735,3741,3746,3752,3758,3764,3770,3775,3781,3787,3793,3798,3804,3809,3815,3821,3827],{"__ignoreMap":3651},[3655,3656,3659],"span",{"class":3657,"line":3658},"line",1,[3655,3660,3661],{},"@startuml\n",[3655,3663,3665],{"class":3657,"line":3664},2,[3655,3666,3667],{},"skinparam style plain\n",[3655,3669,3671],{"class":3657,"line":3670},3,[3655,3672,3673],{},"skinparam backgroundColor #ffffff\n",[3655,3675,3677],{"class":3657,"line":3676},4,[3655,3678,3679],{},"skinparam Handwritten false\n",[3655,3681,3683],{"class":3657,"line":3682},5,[3655,3684,3685],{},"skinparam ArrowColor #3b82f6\n",[3655,3687,3689],{"class":3657,"line":3688},6,[3655,3690,3691],{},"skinparam ParticipantBackgroundColor #f8fafc\n",[3655,3693,3695],{"class":3657,"line":3694},7,[3655,3696,3697],{},"skinparam ParticipantBorderColor #cbd5e1\n",[3655,3699,3701],{"class":3657,"line":3700},8,[3655,3702,3704],{"emptyLinePlaceholder":3703},true,"\n",[3655,3706,3708],{"class":3657,"line":3707},9,[3655,3709,3710],{},"actor \"Клієнт\" as client\n",[3655,3712,3714],{"class":3657,"line":3713},10,[3655,3715,3716],{},"box \"FastAPI App\" #f1f5f9\n",[3655,3718,3720],{"class":3657,"line":3719},11,[3655,3721,3722],{},"    participant \"Router \u002F Middleware\" as router\n",[3655,3724,3726],{"class":3657,"line":3725},12,[3655,3727,3728],{},"    participant \"Background Queue\" as queue\n",[3655,3730,3732],{"class":3657,"line":3731},13,[3655,3733,3734],{},"end box\n",[3655,3736,3738],{"class":3657,"line":3737},14,[3655,3739,3740],{},"database \"Database\" as db\n",[3655,3742,3744],{"class":3657,"line":3743},15,[3655,3745,3704],{"emptyLinePlaceholder":3703},[3655,3747,3749],{"class":3657,"line":3748},16,[3655,3750,3751],{},"client -> router : POST \u002Fregister (Дані користувача)\n",[3655,3753,3755],{"class":3657,"line":3754},17,[3655,3756,3757],{},"activate router\n",[3655,3759,3761],{"class":3657,"line":3760},18,[3655,3762,3763],{},"router -> db : Збереження користувача\n",[3655,3765,3767],{"class":3657,"line":3766},19,[3655,3768,3769],{},"db --> router : Користувач збережений\n",[3655,3771,3773],{"class":3657,"line":3772},20,[3655,3774,3704],{"emptyLinePlaceholder":3703},[3655,3776,3778],{"class":3657,"line":3777},21,[3655,3779,3780],{},"router -> queue : Додати завдання: send_welcome_email(user_id)\n",[3655,3782,3784],{"class":3657,"line":3783},22,[3655,3785,3786],{},"router --> client : HTTP 201 Created (JSON відповідь)\n",[3655,3788,3790],{"class":3657,"line":3789},23,[3655,3791,3792],{},"deactivate router\n",[3655,3794,3796],{"class":3657,"line":3795},24,[3655,3797,3704],{"emptyLinePlaceholder":3703},[3655,3799,3801],{"class":3657,"line":3800},25,[3655,3802,3803],{},"note over router, queue : Клієнт отримав відповідь. З'єднання завершено.\\nПочинається обробка черги завдань.\n",[3655,3805,3807],{"class":3657,"line":3806},26,[3655,3808,3704],{"emptyLinePlaceholder":3703},[3655,3810,3812],{"class":3657,"line":3811},27,[3655,3813,3814],{},"activate queue\n",[3655,3816,3818],{"class":3657,"line":3817},28,[3655,3819,3820],{},"queue -> queue : Виклик send_welcome_email()\n",[3655,3822,3824],{"class":3657,"line":3823},29,[3655,3825,3826],{},"deactivate queue\n",[3655,3828,3830],{"class":3657,"line":3829},30,[3655,3831,3832],{},"@enduml\n",[3611,3834,3836],{"id":3835},"практична-реалізація-фонового-завдання","Практична реалізація фонового завдання",[3551,3838,3839,3840,3842],{},"Для використання фонових завдань достатньо оголосити параметр з типом ",[3569,3841,3590],{}," у вашому ендпоінті. FastAPI автоматично ін'єктує цей об'єкт.",[3551,3844,3845],{},"Почнемо з налаштування середовища. Оскільки FastAPI є асинхронним фреймворком, нам знадобляться також інструменти для його запуску.",[3847,3848,3849,3875,3894],"tabs",{},[3850,3851,3853],"tabs-item",{"label":3852},"pip",[3646,3854,3858],{"className":3855,"code":3856,"language":3857,"meta":3651,"style":3651},"language-bash shiki shiki-themes light-plus dark-plus dark-plus","pip install fastapi uvicorn\n","bash",[3569,3859,3860],{"__ignoreMap":3651},[3655,3861,3862,3865,3869,3872],{"class":3657,"line":3658},[3655,3863,3852],{"class":3864},"s8Opu",[3655,3866,3868],{"class":3867},"sbdoH"," install",[3655,3870,3871],{"class":3867}," fastapi",[3655,3873,3874],{"class":3867}," uvicorn\n",[3850,3876,3878],{"label":3877},"uv",[3646,3879,3881],{"className":3855,"code":3880,"language":3857,"meta":3651,"style":3651},"uv add fastapi uvicorn\n",[3569,3882,3883],{"__ignoreMap":3651},[3655,3884,3885,3887,3890,3892],{"class":3657,"line":3658},[3655,3886,3877],{"class":3864},[3655,3888,3889],{"class":3867}," add",[3655,3891,3871],{"class":3867},[3655,3893,3874],{"class":3867},[3850,3895,3897],{"label":3896},"poetry",[3646,3898,3900],{"className":3855,"code":3899,"language":3857,"meta":3651,"style":3651},"poetry add fastapi uvicorn\n",[3569,3901,3902],{"__ignoreMap":3651},[3655,3903,3904,3906,3908,3910],{"class":3657,"line":3658},[3655,3905,3896],{"class":3864},[3655,3907,3889],{"class":3867},[3655,3909,3871],{"class":3867},[3655,3911,3874],{"class":3867},[3551,3913,3914,3915,3918],{},"Створимо файл ",[3569,3916,3917],{},"main.py",", в якому реалізуємо відправку email-нотифікації у фоновому режимі:",[3646,3920,3924],{"className":3921,"code":3922,"filename":3917,"language":3923,"meta":3651,"style":3651},"language-python shiki shiki-themes light-plus dark-plus dark-plus","import asyncio\nimport logging\nfrom fastapi import FastAPI, BackgroundTasks\n\n# Налаштування логування для демонстрації черговості виконання\nlogging.basicConfig(level=logging.INFO, format=\"%(asctime)s - %(levelname)s - %(message)s\")\nlogger = logging.getLogger(__name__)\n\napp = FastAPI(title=\"Background Tasks Demo\")\n\n# Симуляція тривалого процесу (наприклад, відправки листа через SMTP)\nasync def send_welcome_email(email: str, username: str):\n    logger.info(f\"Початок відправки листа для {username} ({email})...\")\n    # Імітуємо затримку мережі при роботі з поштовим сервером\n    await asyncio.sleep(5)\n    logger.info(f\"Лист для {username} успішно відправлено на {email}!\")\n\n@app.post(\"\u002Fregister\")\nasync def register_user(email: str, username: str, background_tasks: BackgroundTasks):\n    logger.info(\"Ендпоінт \u002Fregister викликано. Починаємо реєстрацію...\")\n\n    # Тут могла бути логіка збереження в базу даних\n    logger.info(f\"Користувача {username} збережено в БД.\")\n\n    # Додаємо завдання до фонової черги\n    background_tasks.add_task(send_welcome_email, email, username)\n\n    logger.info(\"Завдання додано до BackgroundTasks. Повертаємо відповідь клієнту.\")\n    return {\"status\": \"success\", \"message\": \"Користувача зареєстровано. Лист буде надіслано у фоні.\"}\n","python",[3569,3925,3926,3936,3943,3956,3960,3966,4007,4017,4021,4036,4040,4045,4082,4115,4120,4134,4163,4167,4179,4212,4221,4225,4230,4250,4254,4259,4264,4268,4277],{"__ignoreMap":3651},[3655,3927,3928,3932],{"class":3657,"line":3658},[3655,3929,3931],{"class":3930},"s8xlr","import",[3655,3933,3935],{"class":3934},"sHH4Y"," asyncio\n",[3655,3937,3938,3940],{"class":3657,"line":3664},[3655,3939,3931],{"class":3930},[3655,3941,3942],{"class":3934}," logging\n",[3655,3944,3945,3948,3951,3953],{"class":3657,"line":3670},[3655,3946,3947],{"class":3930},"from",[3655,3949,3950],{"class":3934}," fastapi ",[3655,3952,3931],{"class":3930},[3655,3954,3955],{"class":3934}," FastAPI, BackgroundTasks\n",[3655,3957,3958],{"class":3657,"line":3676},[3655,3959,3704],{"emptyLinePlaceholder":3703},[3655,3961,3962],{"class":3657,"line":3682},[3655,3963,3965],{"class":3964},"spJ8K","# Налаштування логування для демонстрації черговості виконання\n",[3655,3967,3968,3971,3975,3978,3981,3984,3987,3991,3994,3997,3999,4002,4004],{"class":3657,"line":3688},[3655,3969,3970],{"class":3934},"logging.basicConfig(",[3655,3972,3974],{"class":3973},"siwwj","level",[3655,3976,3977],{"class":3934},"=logging.INFO, ",[3655,3979,3980],{"class":3973},"format",[3655,3982,3983],{"class":3934},"=",[3655,3985,3986],{"class":3867},"\"",[3655,3988,3990],{"class":3989},"su1O8","%(asctime)s",[3655,3992,3993],{"class":3867}," - ",[3655,3995,3996],{"class":3989},"%(levelname)s",[3655,3998,3993],{"class":3867},[3655,4000,4001],{"class":3989},"%(message)s",[3655,4003,3986],{"class":3867},[3655,4005,4006],{"class":3934},")\n",[3655,4008,4009,4012,4015],{"class":3657,"line":3694},[3655,4010,4011],{"class":3934},"logger = logging.getLogger(",[3655,4013,4014],{"class":3973},"__name__",[3655,4016,4006],{"class":3934},[3655,4018,4019],{"class":3657,"line":3700},[3655,4020,3704],{"emptyLinePlaceholder":3703},[3655,4022,4023,4026,4029,4031,4034],{"class":3657,"line":3707},[3655,4024,4025],{"class":3934},"app = FastAPI(",[3655,4027,4028],{"class":3973},"title",[3655,4030,3983],{"class":3934},[3655,4032,4033],{"class":3867},"\"Background Tasks Demo\"",[3655,4035,4006],{"class":3934},[3655,4037,4038],{"class":3657,"line":3713},[3655,4039,3704],{"emptyLinePlaceholder":3703},[3655,4041,4042],{"class":3657,"line":3719},[3655,4043,4044],{"class":3964},"# Симуляція тривалого процесу (наприклад, відправки листа через SMTP)\n",[3655,4046,4047,4050,4053,4056,4059,4062,4065,4069,4072,4075,4077,4079],{"class":3657,"line":3725},[3655,4048,4049],{"class":3989},"async",[3655,4051,4052],{"class":3989}," def",[3655,4054,4055],{"class":3864}," send_welcome_email",[3655,4057,4058],{"class":3934},"(",[3655,4060,4061],{"class":3973},"email",[3655,4063,4064],{"class":3934},": ",[3655,4066,4068],{"class":4067},"sN1BT","str",[3655,4070,4071],{"class":3934},", ",[3655,4073,4074],{"class":3973},"username",[3655,4076,4064],{"class":3934},[3655,4078,4068],{"class":4067},[3655,4080,4081],{"class":3934},"):\n",[3655,4083,4084,4087,4090,4093,4096,4098,4101,4104,4106,4108,4110,4113],{"class":3657,"line":3731},[3655,4085,4086],{"class":3934},"    logger.info(",[3655,4088,4089],{"class":3989},"f",[3655,4091,4092],{"class":3867},"\"Початок відправки листа для ",[3655,4094,4095],{"class":3989},"{",[3655,4097,4074],{"class":3934},[3655,4099,4100],{"class":3989},"}",[3655,4102,4103],{"class":3867}," (",[3655,4105,4095],{"class":3989},[3655,4107,4061],{"class":3934},[3655,4109,4100],{"class":3989},[3655,4111,4112],{"class":3867},")...\"",[3655,4114,4006],{"class":3934},[3655,4116,4117],{"class":3657,"line":3737},[3655,4118,4119],{"class":3964},"    # Імітуємо затримку мережі при роботі з поштовим сервером\n",[3655,4121,4122,4125,4128,4132],{"class":3657,"line":3743},[3655,4123,4124],{"class":3930},"    await",[3655,4126,4127],{"class":3934}," asyncio.sleep(",[3655,4129,4131],{"class":4130},"sJj4R","5",[3655,4133,4006],{"class":3934},[3655,4135,4136,4138,4140,4143,4145,4147,4149,4152,4154,4156,4158,4161],{"class":3657,"line":3748},[3655,4137,4086],{"class":3934},[3655,4139,4089],{"class":3989},[3655,4141,4142],{"class":3867},"\"Лист для ",[3655,4144,4095],{"class":3989},[3655,4146,4074],{"class":3934},[3655,4148,4100],{"class":3989},[3655,4150,4151],{"class":3867}," успішно відправлено на ",[3655,4153,4095],{"class":3989},[3655,4155,4061],{"class":3934},[3655,4157,4100],{"class":3989},[3655,4159,4160],{"class":3867},"!\"",[3655,4162,4006],{"class":3934},[3655,4164,4165],{"class":3657,"line":3754},[3655,4166,3704],{"emptyLinePlaceholder":3703},[3655,4168,4169,4172,4174,4177],{"class":3657,"line":3760},[3655,4170,4171],{"class":3864},"@app.post",[3655,4173,4058],{"class":3934},[3655,4175,4176],{"class":3867},"\"\u002Fregister\"",[3655,4178,4006],{"class":3934},[3655,4180,4181,4183,4185,4188,4190,4192,4194,4196,4198,4200,4202,4204,4206,4209],{"class":3657,"line":3766},[3655,4182,4049],{"class":3989},[3655,4184,4052],{"class":3989},[3655,4186,4187],{"class":3864}," register_user",[3655,4189,4058],{"class":3934},[3655,4191,4061],{"class":3973},[3655,4193,4064],{"class":3934},[3655,4195,4068],{"class":4067},[3655,4197,4071],{"class":3934},[3655,4199,4074],{"class":3973},[3655,4201,4064],{"class":3934},[3655,4203,4068],{"class":4067},[3655,4205,4071],{"class":3934},[3655,4207,4208],{"class":3973},"background_tasks",[3655,4210,4211],{"class":3934},": BackgroundTasks):\n",[3655,4213,4214,4216,4219],{"class":3657,"line":3772},[3655,4215,4086],{"class":3934},[3655,4217,4218],{"class":3867},"\"Ендпоінт \u002Fregister викликано. Починаємо реєстрацію...\"",[3655,4220,4006],{"class":3934},[3655,4222,4223],{"class":3657,"line":3777},[3655,4224,3704],{"emptyLinePlaceholder":3703},[3655,4226,4227],{"class":3657,"line":3783},[3655,4228,4229],{"class":3964},"    # Тут могла бути логіка збереження в базу даних\n",[3655,4231,4232,4234,4236,4239,4241,4243,4245,4248],{"class":3657,"line":3789},[3655,4233,4086],{"class":3934},[3655,4235,4089],{"class":3989},[3655,4237,4238],{"class":3867},"\"Користувача ",[3655,4240,4095],{"class":3989},[3655,4242,4074],{"class":3934},[3655,4244,4100],{"class":3989},[3655,4246,4247],{"class":3867}," збережено в БД.\"",[3655,4249,4006],{"class":3934},[3655,4251,4252],{"class":3657,"line":3795},[3655,4253,3704],{"emptyLinePlaceholder":3703},[3655,4255,4256],{"class":3657,"line":3800},[3655,4257,4258],{"class":3964},"    # Додаємо завдання до фонової черги\n",[3655,4260,4261],{"class":3657,"line":3806},[3655,4262,4263],{"class":3934},"    background_tasks.add_task(send_welcome_email, email, username)\n",[3655,4265,4266],{"class":3657,"line":3811},[3655,4267,3704],{"emptyLinePlaceholder":3703},[3655,4269,4270,4272,4275],{"class":3657,"line":3817},[3655,4271,4086],{"class":3934},[3655,4273,4274],{"class":3867},"\"Завдання додано до BackgroundTasks. Повертаємо відповідь клієнту.\"",[3655,4276,4006],{"class":3934},[3655,4278,4279,4282,4285,4288,4290,4293,4295,4298,4300,4303],{"class":3657,"line":3823},[3655,4280,4281],{"class":3930},"    return",[3655,4283,4284],{"class":3934}," {",[3655,4286,4287],{"class":3867},"\"status\"",[3655,4289,4064],{"class":3934},[3655,4291,4292],{"class":3867},"\"success\"",[3655,4294,4071],{"class":3934},[3655,4296,4297],{"class":3867},"\"message\"",[3655,4299,4064],{"class":3934},[3655,4301,4302],{"class":3867},"\"Користувача зареєстровано. Лист буде надіслано у фоні.\"",[3655,4304,4305],{"class":3934},"}\n",[3551,4307,4308],{},"Запустимо застосунок за допомогою Uvicorn:",[4310,4311,4313,4326,4335,4342,4349],"terminal-preview",{"title":4312},"uvicorn main:app",[4314,4315,4317,4322,4323],"div",{"className":4316},[3657],[3655,4318,4321],{"className":4319},[4320],"opacity-40","$"," ",[3564,4324,4325],{},"uvicorn main:app --reload",[4314,4327,4329,4334],{"className":4328},[3657],[3655,4330,4333],{"className":4331},[4332],"text-blue-400","INFO:","     Started server process [29452]",[4314,4336,4338,4341],{"className":4337},[3657],[3655,4339,4333],{"className":4340},[4332],"     Waiting for application startup.",[4314,4343,4345,4348],{"className":4344},[3657],[3655,4346,4333],{"className":4347},[4332],"     Application startup complete.",[4314,4350,4352,4355,4356,4360],{"className":4351},[3657],[3655,4353,4333],{"className":4354},[4332],"     Uvicorn running on ",[4357,4358,4359],"b",{},"http:\u002F\u002F127.0.0.1:8000"," (Press CTRL+C to quit)",[3551,4362,4363,4364,4367,4368,4371,4372,4375],{},"Якщо тепер надіслати ",[3569,4365,4366],{},"POST"," запит на ",[3569,4369,4370],{},"\u002Fregister"," (наприклад, через вбудований Swagger UI на ",[3569,4373,4374],{},"http:\u002F\u002F127.0.0.1:8000\u002Fdocs","), у терміналі ми побачимо таку послідовність логів:",[4310,4377,4379,4383,4387,4391,4399,4403],{"title":4378},"Uvicorn Output Logs",[4314,4380,4382],{"className":4381},[3657],"2026-07-16 10:00:00 - INFO - Ендпоінт \u002Fregister викликано. Починаємо реєстрацію...",[4314,4384,4386],{"className":4385},[3657],"2026-07-16 10:00:00 - INFO - Користувача admin збережено в БД.",[4314,4388,4390],{"className":4389},[3657],"2026-07-16 10:00:00 - INFO - Завдання додано до BackgroundTasks. Повертаємо відповідь клієнту.",[4314,4392,4394,4398],{"className":4393},[3657],[3655,4395,4333],{"className":4396},[4397],"text-green-400","     127.0.0.1:54321 - \"POST \u002Fregister?email=admin@test.com&username=admin HTTP\u002F1.1\" 200 OK",[4314,4400,4402],{"className":4401},[3657],"2026-07-16 10:00:00 - INFO - Початок відправки листа для admin (admin@test.com)...",[4314,4404,4406],{"className":4405},[3657],"2026-07-16 10:00:05 - INFO - Лист для admin успішно відправлено на admin@test.com!",[3551,4408,4409,4410,4412,4413,4416,4417,4420,4421,4424],{},"Зверніть увагу: HTTP-відповідь повернулася клієнту зі статусом ",[3569,4411,3571],{}," рівно в ",[3569,4414,4415],{},"10:00:00",". Тільки після цього розпочалося виконання функції ",[3569,4418,4419],{},"send_welcome_email",", яка завершилася через 5 секунд (о ",[3569,4422,4423],{},"10:00:05","). Клієнт не чекав ці 5 секунд.",[3593,4426],{},[3596,4428,4430,4431,4434,4435,4438],{"id":4429},"_2-критично-важлива-деталь-def-чи-async-def-у-фонових-завданнях","2. Критично важлива деталь: ",[3569,4432,4433],{},"def"," чи ",[3569,4436,4437],{},"async def"," у фонових завданнях?",[3551,4440,4441,4442,4444],{},"Одне з найпоширеніших джерел багів у початківців при роботі з ",[3569,4443,3590],{}," — це нерозуміння того, як саме FastAPI запускає ці функції. Тут діють абсолютно ті самі правила, що й для звичайних path operations (ендпоінтів).",[3611,4446,4448,4449],{"id":4447},"сценарій-1-фонова-функція-оголошена-через-async-def","Сценарій 1: Фонова функція оголошена через ",[3569,4450,4437],{},[3551,4452,4453,4454,4456],{},"Якщо ви реєструєте завдання як ",[3569,4455,4437],{},", FastAPI запускає його безпосередньо в основному Event Loop (асинхронному циклі подій), який обслуговує всі HTTP-запити.",[4458,4459,4460,4463,4464,4466,4467,4470,4471,4474],"warning",{},[3564,4461,4462],{},"Небезпека блокування Event Loop!","\nЯкщо всередині ",[3569,4465,4437],{}," фонової функції ви виконаєте синхронну (блокуючу) операцію — наприклад, надішлете запит через синхронну бібліотеку ",[3569,4468,4469],{},"requests"," чи виконаєте важкі математичні обчислення — ви заблокуєте весь Event Loop. У цей час сервер ",[3564,4472,4473],{},"не зможе"," обробляти інші HTTP-запити. Для всіх інших клієнтів додаток просто \"зависне\".",[3611,4476,4478,4479],{"id":4477},"сценарій-2-фонова-функція-оголошена-через-звичайний-def","Сценарій 2: Фонова функція оголошена через звичайний ",[3569,4480,4433],{},[3551,4482,4483,4484,4486,4487,4490],{},"Якщо ви реєструєте завдання як звичайну синхронну функцію (",[3569,4485,4433],{},"), FastAPI автоматично запускає її в окремому потоці з вбудованого Thread Pool (використовуючи під капотом ",[3569,4488,4489],{},"anyio.to_thread.run_sync",").",[3551,4492,4493,4494,4496],{},"Це безпечно для блокуючих I\u002FO операцій (наприклад, читання файлу чи запит до стороннього API через ",[3569,4495,4469],{},"). Проте створення додаткових потоків несе накладні витрати на контекстне перемикання (context switching).",[3551,4498,4499],{},"Порівняймо ці два підходи:",[4501,4502,4503,4523],"table",{},[4504,4505,4506],"thead",{},[4507,4508,4509,4514,4519],"tr",{},[4510,4511,4513],"th",{"align":4512},"left","Параметр порівняння",[4510,4515,4516,4517],{"align":4512},"Фонова функція ",[3569,4518,4437],{},[4510,4520,4516,4521],{"align":4512},[3569,4522,4433],{},[4524,4525,4526,4540,4564,4580],"tbody",{},[4507,4527,4528,4534,4537],{},[4529,4530,4531],"td",{"align":4512},[3564,4532,4533],{},"Де виконується",[4529,4535,4536],{"align":4512},"В основному потоці (Event Loop)",[4529,4538,4539],{"align":4512},"В окремому потоці (Thread Pool)",[4507,4541,4542,4547,4557],{},[4529,4543,4544],{"align":4512},[3564,4545,4546],{},"Підходить для",[4529,4548,4549,4550,4071,4553,4556],{"align":4512},"Асинхронних операцій (",[3569,4551,4552],{},"await httpx.AsyncClient()",[3569,4554,4555],{},"await aiosmtplib.send()",")",[4529,4558,4559,4560,4563],{"align":4512},"Синхронних блокуючих операцій (",[3569,4561,4562],{},"requests.post()",", робота з диском, важкі обчислення)",[4507,4565,4566,4571,4577],{},[4529,4567,4568],{"align":4512},[3564,4569,4570],{},"Блокування сервера",[4529,4572,4573,4574,4556],{"align":4512},"Так, якщо використати синхронний код (",[3569,4575,4576],{},"time.sleep()",[4529,4578,4579],{"align":4512},"Ні, потоки ізольовані від Event Loop",[4507,4581,4582,4587,4590],{},[4529,4583,4584],{"align":4512},[3564,4585,4586],{},"Витрати ресурсів",[4529,4588,4589],{"align":4512},"Мінімальні (корутини дуже легкі)",[4529,4591,4592],{"align":4512},"Середні (потоки потребують пам'яті та CPU)",[4594,4595,4596,4599,4600,4602,4603,4605],"tip",{},[3564,4597,4598],{},"Золоте правило:","\nЯкщо ваша фонова задача робить запити до мережі або бази даних — використовуйте асинхронні бібліотеки та оголошуйте її як ",[3569,4601,4437],{},". Якщо ви змушені використовувати застарілі синхронні бібліотеки — використовуйте ",[3569,4604,4433],{},", щоб FastAPI самостійно виніс їх у Thread Pool.",[3593,4607],{},[3596,4609,4611,4612],{"id":4610},"_3-обмеження-та-недоліки-backgroundtasks","3. Обмеження та недоліки ",[3569,4613,3590],{},[3551,4615,4616,4617,4619],{},"Хоча ",[3569,4618,3590],{}," є чудовим і простим інструментом, він не підходить для серйозних фонових задач у великих проектах. Чому?",[4621,4622,4623,4632,4637,4642],"field-group",{},[4624,4625,4628,4629,3572],"field",{"name":4626,"type":4627},"Пам'ять (In-Memory)","Архітектурне обмеження","Черга фонових завдань живе виключно в оперативній пам'яті процесу вашого вебдодатка. Якщо ваш сервер перезавантажиться, впаде через помилку Out Of Memory або ви просто випустите нову версію коду (CI\u002FCD redeploy) — усі завдання, які стояли в черзі, будуть ",[3564,4630,4631],{},"втрачені назавжди",[4624,4633,4636],{"name":4634,"type":4635},"Обмеження ресурсів (In-Process)","Продуктивність","Фонові завдання виконуються на тому самому сервері (і в тому самому процесі), що й основний вебдодаток. Якщо ви запустите важку генерацію звітів або стиснення зображень, вони почнуть споживати CPU та оперативну пам'ять, які потрібні для швидкої обробки HTTP-запитів клієнтів.",[4624,4638,4641],{"name":4639,"type":4640},"Відсутність моніторингу","Керування","Ви не можете легко відстежити статус виконання фонової задачі: чи завершилась вона успішно, на якому етапі виникла помилка, скільки часу це зайняло. Немає вбудованого механізму повторних спроб (retry) при помилках мережі.",[4624,4643,4646],{"name":4644,"type":4645},"Масштабування","Інфраструктура","Ви не можете масштабувати кількість фонових обробників окремо від вебсервера. Якщо вам потрібно більше ресурсів для фонових задач, вам доведеться запускати додаткові копії всього FastAPI додатка.",[3551,4648,4649,4650,4071,4653,4656,4657,4660],{},"Для вирішення цих проблем використовують спеціалізовані розподілені черги завдань (Task Queues), такі як ",[3564,4651,4652],{},"Celery",[3564,4654,4655],{},"Dramatiq"," або ",[3564,4658,4659],{},"ARQ",", з якими ми познайомимося в наступних розділах.",[3593,4662],{},[3596,4664,4666],{"id":4665},"_4-websockets-у-fastapi-real-time-звязок","4. WebSockets у FastAPI: Real-Time зв'язок",[3551,4668,4669],{},"Коли вашому додатку потрібно отримувати оновлення миттєво (наприклад, повідомлення в чаті, зміна статусу задачі іншим користувачем або графік котирувань), класична модель HTTP-запитів стає неефективною. Постійне опитування сервера клієнтом (polling) створює величезне навантаження на систему та мережу.",[3551,4671,4672,4673,3572],{},"Для вирішення цієї проблеми було створено протокол ",[3564,4674,4675],{},"WebSocket",[3611,4677,4679],{"id":4678},"що-таке-websocket-і-як-він-працює","Що таке WebSocket і як він працює?",[3551,4681,4682,4683,4686],{},"На відміну від HTTP, де клієнт завжди є ініціатором запиту, а після відповіді з'єднання закривається, WebSocket надає ",[3564,4684,4685],{},"постійне, двостороннє (full-duplex) з'єднання"," по одному TCP-каналу.",[3551,4688,4689],{},"Процес встановлення з'єднання (Handshake) виглядає так:",[3558,4691,4692,4698,4704,4707],{},[3561,4693,4694,4695,3572],{},"Клієнт надсилає звичайний HTTP-запит на сервер із заголовком ",[3569,4696,4697],{},"Upgrade: websocket",[3561,4699,4700,4701,3572],{},"Сервер погоджується та повертає статус ",[3569,4702,4703],{},"101 Switching Protocols",[3561,4705,4706],{},"HTTP-з'єднання \"апгрейдиться\" до TCP-каналу WebSocket.",[3561,4708,4709],{},"Тепер і клієнт, і сервер можуть надсилати повідомлення один одному в будь-який момент без додаткових заголовків і рукостискань.",[4711,4712,4713,4716],"note",{},[3564,4714,4715],{},"Особливість протоколу:","\nОскільки WebSocket працює поверх TCP, повідомлення доставляються гарантовано та в правильному порядку. Однак, на відміну від HTTP, тут немає концепції статусів відповідей (на кшталт 200, 404, 500). Все спілкування відбувається у вигляді фреймів — текстових (Text) або бінарних (Binary). Якщо виникає помилка, з'єднання просто розривається з певним кодом закриття (Close Code).",[3611,4718,4720],{"id":4719},"базовий-websocket-ендпоінт-у-fastapi","Базовий WebSocket ендпоінт у FastAPI",[3551,4722,4723,4724,4727,4728,4731],{},"Для підтримки WebSockets у FastAPI під капотом використовується пакет ",[3569,4725,4726],{},"websockets"," (або ",[3569,4729,4730],{},"anyio"," для асинхронного введення-виведення). Переконайтеся, що пакет встановлено.",[3847,4733,4734,4750,4765],{},[3850,4735,4736],{"label":3852},[3646,4737,4739],{"className":3855,"code":4738,"language":3857,"meta":3651,"style":3651},"pip install websockets\n",[3569,4740,4741],{"__ignoreMap":3651},[3655,4742,4743,4745,4747],{"class":3657,"line":3658},[3655,4744,3852],{"class":3864},[3655,4746,3868],{"class":3867},[3655,4748,4749],{"class":3867}," websockets\n",[3850,4751,4752],{"label":3877},[3646,4753,4755],{"className":3855,"code":4754,"language":3857,"meta":3651,"style":3651},"uv add websockets\n",[3569,4756,4757],{"__ignoreMap":3651},[3655,4758,4759,4761,4763],{"class":3657,"line":3658},[3655,4760,3877],{"class":3864},[3655,4762,3889],{"class":3867},[3655,4764,4749],{"class":3867},[3850,4766,4767],{"label":3896},[3646,4768,4770],{"className":3855,"code":4769,"language":3857,"meta":3651,"style":3651},"poetry add websockets\n",[3569,4771,4772],{"__ignoreMap":3651},[3655,4773,4774,4776,4778],{"class":3657,"line":3658},[3655,4775,3896],{"class":3864},[3655,4777,3889],{"class":3867},[3655,4779,4749],{"class":3867},[3551,4781,4782,4783,4786],{},"У FastAPI робота з WebSocket реалізується через декоратор ",[3569,4784,4785],{},"@app.websocket",". Створимо повноцінний працездатний приклад з інтегрованим HTML-клієнтом, щоб ви могли відразу протестувати його в браузері:",[3646,4788,4791],{"className":3921,"code":4789,"filename":4790,"language":3923,"meta":3651,"style":3651},"from fastapi import FastAPI, WebSocket, WebSocketDisconnect\nfrom fastapi.responses import HTMLResponse\n\napp = FastAPI(title=\"WebSocket Echo Demo\")\n\n# Простий HTML-інтерфейс із JavaScript-клієнтом WebSocket\nhtml_content = \"\"\"\n\u003C!DOCTYPE html>\n\u003Chtml>\n    \u003Chead>\n        \u003Ctitle>WebSocket Demo\u003C\u002Ftitle>\n        \u003Cmeta charset=\"utf-8\">\n        \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n        \u003Cstyle>\n            body {\n                font-family: system-ui, -apple-system, sans-serif;\n                background: #0f172a;\n                color: #f8fafc;\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                justify-content: center;\n                min-height: 100vh;\n                margin: 0;\n            }\n            .chat-card {\n                background: #1e293b;\n                padding: 24px;\n                border-radius: 16px;\n                box-shadow: 0 10px 25px -5px rgba(0,0,0,0.3);\n                width: 100%;\n                max-width: 440px;\n                box-sizing: border-box;\n            }\n            h1 {\n                font-size: 1.5rem;\n                margin: 0 0 8px 0;\n                color: #3b82f6;\n            }\n            .status {\n                font-size: 0.85rem;\n                color: #94a3b8;\n                margin-bottom: 20px;\n            }\n            .input-group {\n                display: flex;\n                gap: 8px;\n                margin-bottom: 16px;\n            }\n            input {\n                flex: 1;\n                padding: 10px 14px;\n                border-radius: 8px;\n                border: 1px solid #475569;\n                background: #0f172a;\n                color: #fff;\n                font-size: 0.95rem;\n            }\n            input:focus {\n                outline: 2px solid #3b82f6;\n            }\n            button {\n                background: #3b82f6;\n                color: white;\n                border: none;\n                padding: 10px 18px;\n                border-radius: 8px;\n                font-weight: 600;\n                cursor: pointer;\n                transition: background 0.2s;\n            }\n            button:hover {\n                background: #2563eb;\n            }\n            .messages {\n                border: 1px solid #334155;\n                background: #0f172a;\n                height: 200px;\n                border-radius: 8px;\n                padding: 12px;\n                overflow-y: auto;\n                display: flex;\n                flex-direction: column;\n                gap: 8px;\n            }\n            .msg {\n                padding: 8px 12px;\n                border-radius: 8px;\n                max-width: 80%;\n                font-size: 0.9rem;\n                word-break: break-all;\n            }\n            .msg-sent {\n                background: #1e3a8a;\n                color: #93c5fd;\n                align-self: flex-end;\n            }\n            .msg-received {\n                background: #065f46;\n                color: #a7f3d0;\n                align-self: flex-start;\n            }\n        \u003C\u002Fstyle>\n    \u003C\u002Fhead>\n    \u003Cbody>\n        \u003Cdiv class=\"chat-card\">\n            \u003Ch1>WebSocket Echo\u003C\u002Fh1>\n            \u003Cdiv class=\"status\" id=\"status\">Статус: Підключення...\u003C\u002Fdiv>\n            \u003Cdiv class=\"messages\" id=\"messages\">\u003C\u002Fdiv>\n            \u003Cbr \u002F>\n            \u003Cdiv class=\"input-group\">\n                \u003Cinput type=\"text\" id=\"messageInput\" placeholder=\"Напишіть щось...\" autocomplete=\"off\"\u002F>\n                \u003Cbutton onclick=\"sendMessage()\">Надіслати\u003C\u002Fbutton>\n            \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n\n        \u003Cscript>\n            \u002F\u002F Встановлюємо WebSocket-з'єднання з нашим FastAPI сервером\n            const ws = new WebSocket(\"ws:\u002F\u002Flocalhost:8000\u002Fws\");\n            const statusEl = document.getElementById(\"status\");\n            const messagesEl = document.getElementById(\"messages\");\n            const inputEl = document.getElementById(\"messageInput\");\n\n            ws.onopen = () => {\n                statusEl.innerHTML = 'Статус: \u003Cspan style=\"color: #4ade80; font-weight: bold;\">З’єднано 🟢\u003C\u002Fspan>';\n            };\n\n            ws.onmessage = (event) => {\n                const message = document.createElement(\"div\");\n                message.className = \"msg msg-received\";\n                message.textContent = event.data;\n                messagesEl.appendChild(message);\n                messagesEl.scrollTop = messagesEl.scrollHeight;\n            };\n\n            ws.onclose = () => {\n                statusEl.innerHTML = 'Статус: \u003Cspan style=\"color: #f87171; font-weight: bold;\">Від’єднано 🔴\u003C\u002Fspan>';\n            };\n\n            function sendMessage() {\n                const text = inputEl.value.trim();\n                if (!text) return;\n\n                \u002F\u002F Відображаємо повідомлення відправника локально\n                const message = document.createElement(\"div\");\n                message.className = \"msg msg-sent\";\n                message.textContent = \"Ви: \" + text;\n                messagesEl.appendChild(message);\n\n                \u002F\u002F Надсилаємо повідомлення через WebSocket на сервер\n                ws.send(text);\n\n                inputEl.value = \"\";\n                messagesEl.scrollTop = messagesEl.scrollHeight;\n            }\n\n            inputEl.addEventListener(\"keypress\", (e) => {\n                if (e.key === \"Enter\") sendMessage();\n            });\n        \u003C\u002Fscript>\n    \u003C\u002Fbody>\n\u003C\u002Fhtml>\n\"\"\"\n\n@app.get(\"\u002F\")\nasync def get_client():\n    return HTMLResponse(content=html_content)\n\n@app.websocket(\"\u002Fws\")\nasync def websocket_endpoint(websocket: WebSocket):\n    # 1. Приймаємо WebSocket-з'єднання\n    await websocket.accept()\n\n    try:\n        while True:\n            # 2. Очікуємо текстове повідомлення від клієнта\n            data = await websocket.receive_text()\n\n            # 3. Відправляємо відповідь назад (Ехо-відповідь)\n            await websocket.send_text(f\"Сервер відповів на: '{data}'\")\n\n    except WebSocketDisconnect:\n        # 4. Обробляємо відключення клієнта\n        pass\n","ws_app.py",[3569,4792,4793,4804,4816,4820,4833,4837,4842,4850,4855,4860,4865,4870,4875,4880,4885,4890,4895,4900,4905,4910,4915,4920,4925,4930,4935,4940,4945,4950,4955,4960,4965,4971,4977,4983,4988,4994,5000,5006,5012,5017,5023,5029,5035,5041,5046,5052,5057,5063,5069,5074,5080,5086,5092,5098,5104,5109,5115,5121,5126,5132,5138,5143,5149,5155,5161,5167,5173,5178,5184,5190,5196,5201,5207,5213,5218,5224,5230,5235,5241,5246,5252,5258,5263,5268,5273,5278,5284,5290,5295,5301,5307,5313,5318,5324,5330,5336,5342,5347,5353,5359,5365,5371,5376,5382,5388,5394,5400,5406,5412,5418,5424,5430,5436,5442,5448,5454,5459,5465,5471,5477,5483,5489,5495,5500,5506,5512,5518,5523,5529,5535,5541,5547,5553,5559,5564,5569,5575,5581,5586,5591,5597,5603,5609,5614,5620,5625,5631,5637,5642,5647,5653,5659,5664,5670,5675,5680,5685,5691,5697,5703,5709,5715,5721,5726,5731,5744,5757,5771,5776,5788,5806,5812,5820,5825,5834,5845,5851,5863,5868,5874,5900,5905,5914,5920],{"__ignoreMap":3651},[3655,4794,4795,4797,4799,4801],{"class":3657,"line":3658},[3655,4796,3947],{"class":3930},[3655,4798,3950],{"class":3934},[3655,4800,3931],{"class":3930},[3655,4802,4803],{"class":3934}," FastAPI, WebSocket, WebSocketDisconnect\n",[3655,4805,4806,4808,4811,4813],{"class":3657,"line":3664},[3655,4807,3947],{"class":3930},[3655,4809,4810],{"class":3934}," fastapi.responses ",[3655,4812,3931],{"class":3930},[3655,4814,4815],{"class":3934}," HTMLResponse\n",[3655,4817,4818],{"class":3657,"line":3670},[3655,4819,3704],{"emptyLinePlaceholder":3703},[3655,4821,4822,4824,4826,4828,4831],{"class":3657,"line":3676},[3655,4823,4025],{"class":3934},[3655,4825,4028],{"class":3973},[3655,4827,3983],{"class":3934},[3655,4829,4830],{"class":3867},"\"WebSocket Echo Demo\"",[3655,4832,4006],{"class":3934},[3655,4834,4835],{"class":3657,"line":3682},[3655,4836,3704],{"emptyLinePlaceholder":3703},[3655,4838,4839],{"class":3657,"line":3688},[3655,4840,4841],{"class":3964},"# Простий HTML-інтерфейс із JavaScript-клієнтом WebSocket\n",[3655,4843,4844,4847],{"class":3657,"line":3694},[3655,4845,4846],{"class":3934},"html_content = ",[3655,4848,4849],{"class":3867},"\"\"\"\n",[3655,4851,4852],{"class":3657,"line":3700},[3655,4853,4854],{"class":3867},"\u003C!DOCTYPE html>\n",[3655,4856,4857],{"class":3657,"line":3707},[3655,4858,4859],{"class":3867},"\u003Chtml>\n",[3655,4861,4862],{"class":3657,"line":3713},[3655,4863,4864],{"class":3867},"    \u003Chead>\n",[3655,4866,4867],{"class":3657,"line":3719},[3655,4868,4869],{"class":3867},"        \u003Ctitle>WebSocket Demo\u003C\u002Ftitle>\n",[3655,4871,4872],{"class":3657,"line":3725},[3655,4873,4874],{"class":3867},"        \u003Cmeta charset=\"utf-8\">\n",[3655,4876,4877],{"class":3657,"line":3731},[3655,4878,4879],{"class":3867},"        \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n",[3655,4881,4882],{"class":3657,"line":3737},[3655,4883,4884],{"class":3867},"        \u003Cstyle>\n",[3655,4886,4887],{"class":3657,"line":3743},[3655,4888,4889],{"class":3867},"            body {\n",[3655,4891,4892],{"class":3657,"line":3748},[3655,4893,4894],{"class":3867},"                font-family: system-ui, -apple-system, sans-serif;\n",[3655,4896,4897],{"class":3657,"line":3754},[3655,4898,4899],{"class":3867},"                background: #0f172a;\n",[3655,4901,4902],{"class":3657,"line":3760},[3655,4903,4904],{"class":3867},"                color: #f8fafc;\n",[3655,4906,4907],{"class":3657,"line":3766},[3655,4908,4909],{"class":3867},"                display: flex;\n",[3655,4911,4912],{"class":3657,"line":3772},[3655,4913,4914],{"class":3867},"                flex-direction: column;\n",[3655,4916,4917],{"class":3657,"line":3777},[3655,4918,4919],{"class":3867},"                align-items: center;\n",[3655,4921,4922],{"class":3657,"line":3783},[3655,4923,4924],{"class":3867},"                justify-content: center;\n",[3655,4926,4927],{"class":3657,"line":3789},[3655,4928,4929],{"class":3867},"                min-height: 100vh;\n",[3655,4931,4932],{"class":3657,"line":3795},[3655,4933,4934],{"class":3867},"                margin: 0;\n",[3655,4936,4937],{"class":3657,"line":3800},[3655,4938,4939],{"class":3867},"            }\n",[3655,4941,4942],{"class":3657,"line":3806},[3655,4943,4944],{"class":3867},"            .chat-card {\n",[3655,4946,4947],{"class":3657,"line":3811},[3655,4948,4949],{"class":3867},"                background: #1e293b;\n",[3655,4951,4952],{"class":3657,"line":3817},[3655,4953,4954],{"class":3867},"                padding: 24px;\n",[3655,4956,4957],{"class":3657,"line":3823},[3655,4958,4959],{"class":3867},"                border-radius: 16px;\n",[3655,4961,4962],{"class":3657,"line":3829},[3655,4963,4964],{"class":3867},"                box-shadow: 0 10px 25px -5px rgba(0,0,0,0.3);\n",[3655,4966,4968],{"class":3657,"line":4967},31,[3655,4969,4970],{"class":3867},"                width: 100%;\n",[3655,4972,4974],{"class":3657,"line":4973},32,[3655,4975,4976],{"class":3867},"                max-width: 440px;\n",[3655,4978,4980],{"class":3657,"line":4979},33,[3655,4981,4982],{"class":3867},"                box-sizing: border-box;\n",[3655,4984,4986],{"class":3657,"line":4985},34,[3655,4987,4939],{"class":3867},[3655,4989,4991],{"class":3657,"line":4990},35,[3655,4992,4993],{"class":3867},"            h1 {\n",[3655,4995,4997],{"class":3657,"line":4996},36,[3655,4998,4999],{"class":3867},"                font-size: 1.5rem;\n",[3655,5001,5003],{"class":3657,"line":5002},37,[3655,5004,5005],{"class":3867},"                margin: 0 0 8px 0;\n",[3655,5007,5009],{"class":3657,"line":5008},38,[3655,5010,5011],{"class":3867},"                color: #3b82f6;\n",[3655,5013,5015],{"class":3657,"line":5014},39,[3655,5016,4939],{"class":3867},[3655,5018,5020],{"class":3657,"line":5019},40,[3655,5021,5022],{"class":3867},"            .status {\n",[3655,5024,5026],{"class":3657,"line":5025},41,[3655,5027,5028],{"class":3867},"                font-size: 0.85rem;\n",[3655,5030,5032],{"class":3657,"line":5031},42,[3655,5033,5034],{"class":3867},"                color: #94a3b8;\n",[3655,5036,5038],{"class":3657,"line":5037},43,[3655,5039,5040],{"class":3867},"                margin-bottom: 20px;\n",[3655,5042,5044],{"class":3657,"line":5043},44,[3655,5045,4939],{"class":3867},[3655,5047,5049],{"class":3657,"line":5048},45,[3655,5050,5051],{"class":3867},"            .input-group {\n",[3655,5053,5055],{"class":3657,"line":5054},46,[3655,5056,4909],{"class":3867},[3655,5058,5060],{"class":3657,"line":5059},47,[3655,5061,5062],{"class":3867},"                gap: 8px;\n",[3655,5064,5066],{"class":3657,"line":5065},48,[3655,5067,5068],{"class":3867},"                margin-bottom: 16px;\n",[3655,5070,5072],{"class":3657,"line":5071},49,[3655,5073,4939],{"class":3867},[3655,5075,5077],{"class":3657,"line":5076},50,[3655,5078,5079],{"class":3867},"            input {\n",[3655,5081,5083],{"class":3657,"line":5082},51,[3655,5084,5085],{"class":3867},"                flex: 1;\n",[3655,5087,5089],{"class":3657,"line":5088},52,[3655,5090,5091],{"class":3867},"                padding: 10px 14px;\n",[3655,5093,5095],{"class":3657,"line":5094},53,[3655,5096,5097],{"class":3867},"                border-radius: 8px;\n",[3655,5099,5101],{"class":3657,"line":5100},54,[3655,5102,5103],{"class":3867},"                border: 1px solid #475569;\n",[3655,5105,5107],{"class":3657,"line":5106},55,[3655,5108,4899],{"class":3867},[3655,5110,5112],{"class":3657,"line":5111},56,[3655,5113,5114],{"class":3867},"                color: #fff;\n",[3655,5116,5118],{"class":3657,"line":5117},57,[3655,5119,5120],{"class":3867},"                font-size: 0.95rem;\n",[3655,5122,5124],{"class":3657,"line":5123},58,[3655,5125,4939],{"class":3867},[3655,5127,5129],{"class":3657,"line":5128},59,[3655,5130,5131],{"class":3867},"            input:focus {\n",[3655,5133,5135],{"class":3657,"line":5134},60,[3655,5136,5137],{"class":3867},"                outline: 2px solid #3b82f6;\n",[3655,5139,5141],{"class":3657,"line":5140},61,[3655,5142,4939],{"class":3867},[3655,5144,5146],{"class":3657,"line":5145},62,[3655,5147,5148],{"class":3867},"            button {\n",[3655,5150,5152],{"class":3657,"line":5151},63,[3655,5153,5154],{"class":3867},"                background: #3b82f6;\n",[3655,5156,5158],{"class":3657,"line":5157},64,[3655,5159,5160],{"class":3867},"                color: white;\n",[3655,5162,5164],{"class":3657,"line":5163},65,[3655,5165,5166],{"class":3867},"                border: none;\n",[3655,5168,5170],{"class":3657,"line":5169},66,[3655,5171,5172],{"class":3867},"                padding: 10px 18px;\n",[3655,5174,5176],{"class":3657,"line":5175},67,[3655,5177,5097],{"class":3867},[3655,5179,5181],{"class":3657,"line":5180},68,[3655,5182,5183],{"class":3867},"                font-weight: 600;\n",[3655,5185,5187],{"class":3657,"line":5186},69,[3655,5188,5189],{"class":3867},"                cursor: pointer;\n",[3655,5191,5193],{"class":3657,"line":5192},70,[3655,5194,5195],{"class":3867},"                transition: background 0.2s;\n",[3655,5197,5199],{"class":3657,"line":5198},71,[3655,5200,4939],{"class":3867},[3655,5202,5204],{"class":3657,"line":5203},72,[3655,5205,5206],{"class":3867},"            button:hover {\n",[3655,5208,5210],{"class":3657,"line":5209},73,[3655,5211,5212],{"class":3867},"                background: #2563eb;\n",[3655,5214,5216],{"class":3657,"line":5215},74,[3655,5217,4939],{"class":3867},[3655,5219,5221],{"class":3657,"line":5220},75,[3655,5222,5223],{"class":3867},"            .messages {\n",[3655,5225,5227],{"class":3657,"line":5226},76,[3655,5228,5229],{"class":3867},"                border: 1px solid #334155;\n",[3655,5231,5233],{"class":3657,"line":5232},77,[3655,5234,4899],{"class":3867},[3655,5236,5238],{"class":3657,"line":5237},78,[3655,5239,5240],{"class":3867},"                height: 200px;\n",[3655,5242,5244],{"class":3657,"line":5243},79,[3655,5245,5097],{"class":3867},[3655,5247,5249],{"class":3657,"line":5248},80,[3655,5250,5251],{"class":3867},"                padding: 12px;\n",[3655,5253,5255],{"class":3657,"line":5254},81,[3655,5256,5257],{"class":3867},"                overflow-y: auto;\n",[3655,5259,5261],{"class":3657,"line":5260},82,[3655,5262,4909],{"class":3867},[3655,5264,5266],{"class":3657,"line":5265},83,[3655,5267,4914],{"class":3867},[3655,5269,5271],{"class":3657,"line":5270},84,[3655,5272,5062],{"class":3867},[3655,5274,5276],{"class":3657,"line":5275},85,[3655,5277,4939],{"class":3867},[3655,5279,5281],{"class":3657,"line":5280},86,[3655,5282,5283],{"class":3867},"            .msg {\n",[3655,5285,5287],{"class":3657,"line":5286},87,[3655,5288,5289],{"class":3867},"                padding: 8px 12px;\n",[3655,5291,5293],{"class":3657,"line":5292},88,[3655,5294,5097],{"class":3867},[3655,5296,5298],{"class":3657,"line":5297},89,[3655,5299,5300],{"class":3867},"                max-width: 80%;\n",[3655,5302,5304],{"class":3657,"line":5303},90,[3655,5305,5306],{"class":3867},"                font-size: 0.9rem;\n",[3655,5308,5310],{"class":3657,"line":5309},91,[3655,5311,5312],{"class":3867},"                word-break: break-all;\n",[3655,5314,5316],{"class":3657,"line":5315},92,[3655,5317,4939],{"class":3867},[3655,5319,5321],{"class":3657,"line":5320},93,[3655,5322,5323],{"class":3867},"            .msg-sent {\n",[3655,5325,5327],{"class":3657,"line":5326},94,[3655,5328,5329],{"class":3867},"                background: #1e3a8a;\n",[3655,5331,5333],{"class":3657,"line":5332},95,[3655,5334,5335],{"class":3867},"                color: #93c5fd;\n",[3655,5337,5339],{"class":3657,"line":5338},96,[3655,5340,5341],{"class":3867},"                align-self: flex-end;\n",[3655,5343,5345],{"class":3657,"line":5344},97,[3655,5346,4939],{"class":3867},[3655,5348,5350],{"class":3657,"line":5349},98,[3655,5351,5352],{"class":3867},"            .msg-received {\n",[3655,5354,5356],{"class":3657,"line":5355},99,[3655,5357,5358],{"class":3867},"                background: #065f46;\n",[3655,5360,5362],{"class":3657,"line":5361},100,[3655,5363,5364],{"class":3867},"                color: #a7f3d0;\n",[3655,5366,5368],{"class":3657,"line":5367},101,[3655,5369,5370],{"class":3867},"                align-self: flex-start;\n",[3655,5372,5374],{"class":3657,"line":5373},102,[3655,5375,4939],{"class":3867},[3655,5377,5379],{"class":3657,"line":5378},103,[3655,5380,5381],{"class":3867},"        \u003C\u002Fstyle>\n",[3655,5383,5385],{"class":3657,"line":5384},104,[3655,5386,5387],{"class":3867},"    \u003C\u002Fhead>\n",[3655,5389,5391],{"class":3657,"line":5390},105,[3655,5392,5393],{"class":3867},"    \u003Cbody>\n",[3655,5395,5397],{"class":3657,"line":5396},106,[3655,5398,5399],{"class":3867},"        \u003Cdiv class=\"chat-card\">\n",[3655,5401,5403],{"class":3657,"line":5402},107,[3655,5404,5405],{"class":3867},"            \u003Ch1>WebSocket Echo\u003C\u002Fh1>\n",[3655,5407,5409],{"class":3657,"line":5408},108,[3655,5410,5411],{"class":3867},"            \u003Cdiv class=\"status\" id=\"status\">Статус: Підключення...\u003C\u002Fdiv>\n",[3655,5413,5415],{"class":3657,"line":5414},109,[3655,5416,5417],{"class":3867},"            \u003Cdiv class=\"messages\" id=\"messages\">\u003C\u002Fdiv>\n",[3655,5419,5421],{"class":3657,"line":5420},110,[3655,5422,5423],{"class":3867},"            \u003Cbr \u002F>\n",[3655,5425,5427],{"class":3657,"line":5426},111,[3655,5428,5429],{"class":3867},"            \u003Cdiv class=\"input-group\">\n",[3655,5431,5433],{"class":3657,"line":5432},112,[3655,5434,5435],{"class":3867},"                \u003Cinput type=\"text\" id=\"messageInput\" placeholder=\"Напишіть щось...\" autocomplete=\"off\"\u002F>\n",[3655,5437,5439],{"class":3657,"line":5438},113,[3655,5440,5441],{"class":3867},"                \u003Cbutton onclick=\"sendMessage()\">Надіслати\u003C\u002Fbutton>\n",[3655,5443,5445],{"class":3657,"line":5444},114,[3655,5446,5447],{"class":3867},"            \u003C\u002Fdiv>\n",[3655,5449,5451],{"class":3657,"line":5450},115,[3655,5452,5453],{"class":3867},"        \u003C\u002Fdiv>\n",[3655,5455,5457],{"class":3657,"line":5456},116,[3655,5458,3704],{"emptyLinePlaceholder":3703},[3655,5460,5462],{"class":3657,"line":5461},117,[3655,5463,5464],{"class":3867},"        \u003Cscript>\n",[3655,5466,5468],{"class":3657,"line":5467},118,[3655,5469,5470],{"class":3867},"            \u002F\u002F Встановлюємо WebSocket-з'єднання з нашим FastAPI сервером\n",[3655,5472,5474],{"class":3657,"line":5473},119,[3655,5475,5476],{"class":3867},"            const ws = new WebSocket(\"ws:\u002F\u002Flocalhost:8000\u002Fws\");\n",[3655,5478,5480],{"class":3657,"line":5479},120,[3655,5481,5482],{"class":3867},"            const statusEl = document.getElementById(\"status\");\n",[3655,5484,5486],{"class":3657,"line":5485},121,[3655,5487,5488],{"class":3867},"            const messagesEl = document.getElementById(\"messages\");\n",[3655,5490,5492],{"class":3657,"line":5491},122,[3655,5493,5494],{"class":3867},"            const inputEl = document.getElementById(\"messageInput\");\n",[3655,5496,5498],{"class":3657,"line":5497},123,[3655,5499,3704],{"emptyLinePlaceholder":3703},[3655,5501,5503],{"class":3657,"line":5502},124,[3655,5504,5505],{"class":3867},"            ws.onopen = () => {\n",[3655,5507,5509],{"class":3657,"line":5508},125,[3655,5510,5511],{"class":3867},"                statusEl.innerHTML = 'Статус: \u003Cspan style=\"color: #4ade80; font-weight: bold;\">З’єднано 🟢\u003C\u002Fspan>';\n",[3655,5513,5515],{"class":3657,"line":5514},126,[3655,5516,5517],{"class":3867},"            };\n",[3655,5519,5521],{"class":3657,"line":5520},127,[3655,5522,3704],{"emptyLinePlaceholder":3703},[3655,5524,5526],{"class":3657,"line":5525},128,[3655,5527,5528],{"class":3867},"            ws.onmessage = (event) => {\n",[3655,5530,5532],{"class":3657,"line":5531},129,[3655,5533,5534],{"class":3867},"                const message = document.createElement(\"div\");\n",[3655,5536,5538],{"class":3657,"line":5537},130,[3655,5539,5540],{"class":3867},"                message.className = \"msg msg-received\";\n",[3655,5542,5544],{"class":3657,"line":5543},131,[3655,5545,5546],{"class":3867},"                message.textContent = event.data;\n",[3655,5548,5550],{"class":3657,"line":5549},132,[3655,5551,5552],{"class":3867},"                messagesEl.appendChild(message);\n",[3655,5554,5556],{"class":3657,"line":5555},133,[3655,5557,5558],{"class":3867},"                messagesEl.scrollTop = messagesEl.scrollHeight;\n",[3655,5560,5562],{"class":3657,"line":5561},134,[3655,5563,5517],{"class":3867},[3655,5565,5567],{"class":3657,"line":5566},135,[3655,5568,3704],{"emptyLinePlaceholder":3703},[3655,5570,5572],{"class":3657,"line":5571},136,[3655,5573,5574],{"class":3867},"            ws.onclose = () => {\n",[3655,5576,5578],{"class":3657,"line":5577},137,[3655,5579,5580],{"class":3867},"                statusEl.innerHTML = 'Статус: \u003Cspan style=\"color: #f87171; font-weight: bold;\">Від’єднано 🔴\u003C\u002Fspan>';\n",[3655,5582,5584],{"class":3657,"line":5583},138,[3655,5585,5517],{"class":3867},[3655,5587,5589],{"class":3657,"line":5588},139,[3655,5590,3704],{"emptyLinePlaceholder":3703},[3655,5592,5594],{"class":3657,"line":5593},140,[3655,5595,5596],{"class":3867},"            function sendMessage() {\n",[3655,5598,5600],{"class":3657,"line":5599},141,[3655,5601,5602],{"class":3867},"                const text = inputEl.value.trim();\n",[3655,5604,5606],{"class":3657,"line":5605},142,[3655,5607,5608],{"class":3867},"                if (!text) return;\n",[3655,5610,5612],{"class":3657,"line":5611},143,[3655,5613,3704],{"emptyLinePlaceholder":3703},[3655,5615,5617],{"class":3657,"line":5616},144,[3655,5618,5619],{"class":3867},"                \u002F\u002F Відображаємо повідомлення відправника локально\n",[3655,5621,5623],{"class":3657,"line":5622},145,[3655,5624,5534],{"class":3867},[3655,5626,5628],{"class":3657,"line":5627},146,[3655,5629,5630],{"class":3867},"                message.className = \"msg msg-sent\";\n",[3655,5632,5634],{"class":3657,"line":5633},147,[3655,5635,5636],{"class":3867},"                message.textContent = \"Ви: \" + text;\n",[3655,5638,5640],{"class":3657,"line":5639},148,[3655,5641,5552],{"class":3867},[3655,5643,5645],{"class":3657,"line":5644},149,[3655,5646,3704],{"emptyLinePlaceholder":3703},[3655,5648,5650],{"class":3657,"line":5649},150,[3655,5651,5652],{"class":3867},"                \u002F\u002F Надсилаємо повідомлення через WebSocket на сервер\n",[3655,5654,5656],{"class":3657,"line":5655},151,[3655,5657,5658],{"class":3867},"                ws.send(text);\n",[3655,5660,5662],{"class":3657,"line":5661},152,[3655,5663,3704],{"emptyLinePlaceholder":3703},[3655,5665,5667],{"class":3657,"line":5666},153,[3655,5668,5669],{"class":3867},"                inputEl.value = \"\";\n",[3655,5671,5673],{"class":3657,"line":5672},154,[3655,5674,5558],{"class":3867},[3655,5676,5678],{"class":3657,"line":5677},155,[3655,5679,4939],{"class":3867},[3655,5681,5683],{"class":3657,"line":5682},156,[3655,5684,3704],{"emptyLinePlaceholder":3703},[3655,5686,5688],{"class":3657,"line":5687},157,[3655,5689,5690],{"class":3867},"            inputEl.addEventListener(\"keypress\", (e) => {\n",[3655,5692,5694],{"class":3657,"line":5693},158,[3655,5695,5696],{"class":3867},"                if (e.key === \"Enter\") sendMessage();\n",[3655,5698,5700],{"class":3657,"line":5699},159,[3655,5701,5702],{"class":3867},"            });\n",[3655,5704,5706],{"class":3657,"line":5705},160,[3655,5707,5708],{"class":3867},"        \u003C\u002Fscript>\n",[3655,5710,5712],{"class":3657,"line":5711},161,[3655,5713,5714],{"class":3867},"    \u003C\u002Fbody>\n",[3655,5716,5718],{"class":3657,"line":5717},162,[3655,5719,5720],{"class":3867},"\u003C\u002Fhtml>\n",[3655,5722,5724],{"class":3657,"line":5723},163,[3655,5725,4849],{"class":3867},[3655,5727,5729],{"class":3657,"line":5728},164,[3655,5730,3704],{"emptyLinePlaceholder":3703},[3655,5732,5734,5737,5739,5742],{"class":3657,"line":5733},165,[3655,5735,5736],{"class":3864},"@app.get",[3655,5738,4058],{"class":3934},[3655,5740,5741],{"class":3867},"\"\u002F\"",[3655,5743,4006],{"class":3934},[3655,5745,5747,5749,5751,5754],{"class":3657,"line":5746},166,[3655,5748,4049],{"class":3989},[3655,5750,4052],{"class":3989},[3655,5752,5753],{"class":3864}," get_client",[3655,5755,5756],{"class":3934},"():\n",[3655,5758,5760,5762,5765,5768],{"class":3657,"line":5759},167,[3655,5761,4281],{"class":3930},[3655,5763,5764],{"class":3934}," HTMLResponse(",[3655,5766,5767],{"class":3973},"content",[3655,5769,5770],{"class":3934},"=html_content)\n",[3655,5772,5774],{"class":3657,"line":5773},168,[3655,5775,3704],{"emptyLinePlaceholder":3703},[3655,5777,5779,5781,5783,5786],{"class":3657,"line":5778},169,[3655,5780,4785],{"class":3864},[3655,5782,4058],{"class":3934},[3655,5784,5785],{"class":3867},"\"\u002Fws\"",[3655,5787,4006],{"class":3934},[3655,5789,5791,5793,5795,5798,5800,5803],{"class":3657,"line":5790},170,[3655,5792,4049],{"class":3989},[3655,5794,4052],{"class":3989},[3655,5796,5797],{"class":3864}," websocket_endpoint",[3655,5799,4058],{"class":3934},[3655,5801,5802],{"class":3973},"websocket",[3655,5804,5805],{"class":3934},": WebSocket):\n",[3655,5807,5809],{"class":3657,"line":5808},171,[3655,5810,5811],{"class":3964},"    # 1. Приймаємо WebSocket-з'єднання\n",[3655,5813,5815,5817],{"class":3657,"line":5814},172,[3655,5816,4124],{"class":3930},[3655,5818,5819],{"class":3934}," websocket.accept()\n",[3655,5821,5823],{"class":3657,"line":5822},173,[3655,5824,3704],{"emptyLinePlaceholder":3703},[3655,5826,5828,5831],{"class":3657,"line":5827},174,[3655,5829,5830],{"class":3930},"    try",[3655,5832,5833],{"class":3934},":\n",[3655,5835,5837,5840,5843],{"class":3657,"line":5836},175,[3655,5838,5839],{"class":3930},"        while",[3655,5841,5842],{"class":3989}," True",[3655,5844,5833],{"class":3934},[3655,5846,5848],{"class":3657,"line":5847},176,[3655,5849,5850],{"class":3964},"            # 2. Очікуємо текстове повідомлення від клієнта\n",[3655,5852,5854,5857,5860],{"class":3657,"line":5853},177,[3655,5855,5856],{"class":3934},"            data = ",[3655,5858,5859],{"class":3930},"await",[3655,5861,5862],{"class":3934}," websocket.receive_text()\n",[3655,5864,5866],{"class":3657,"line":5865},178,[3655,5867,3704],{"emptyLinePlaceholder":3703},[3655,5869,5871],{"class":3657,"line":5870},179,[3655,5872,5873],{"class":3964},"            # 3. Відправляємо відповідь назад (Ехо-відповідь)\n",[3655,5875,5877,5880,5883,5885,5888,5890,5893,5895,5898],{"class":3657,"line":5876},180,[3655,5878,5879],{"class":3930},"            await",[3655,5881,5882],{"class":3934}," websocket.send_text(",[3655,5884,4089],{"class":3989},[3655,5886,5887],{"class":3867},"\"Сервер відповів на: '",[3655,5889,4095],{"class":3989},[3655,5891,5892],{"class":3934},"data",[3655,5894,4100],{"class":3989},[3655,5896,5897],{"class":3867},"'\"",[3655,5899,4006],{"class":3934},[3655,5901,5903],{"class":3657,"line":5902},181,[3655,5904,3704],{"emptyLinePlaceholder":3703},[3655,5906,5908,5911],{"class":3657,"line":5907},182,[3655,5909,5910],{"class":3930},"    except",[3655,5912,5913],{"class":3934}," WebSocketDisconnect:\n",[3655,5915,5917],{"class":3657,"line":5916},183,[3655,5918,5919],{"class":3964},"        # 4. Обробляємо відключення клієнта\n",[3655,5921,5923],{"class":3657,"line":5922},184,[3655,5924,5925],{"class":3930},"        pass\n",[3551,5927,5928],{},"Щоб запустити та протестувати цей приклад самостійно:",[4310,5930,5932,5941,5949,5956],{"title":5931},"Запуск та перевірка WebSocket",[4314,5933,5935,4322,5938],{"className":5934},[3657],[3655,5936,4321],{"className":5937},[4320],[3564,5939,5940],{},"uvicorn ws_app:app --reload --port 8000",[4314,5942,5944,4355,5947,4360],{"className":5943},[3657],[3655,5945,4333],{"className":5946},[4332],[4357,5948,4359],{},[4314,5950,5952,5955],{"className":5951},[3657],[3655,5953,4333],{"className":5954},[4332],"     127.0.0.1:58432 - \"GET \u002F HTTP\u002F1.1\" 200 OK",[4314,5957,5959,5962],{"className":5958},[3657],[3655,5960,4333],{"className":5961},[4332],"     127.0.0.1:58433 - \"WebSocket \u002Fws\" [Accepted]",[3551,5964,5965,5966,5968],{},"Відкрийте у браузері ",[3569,5967,4359],{},". Ви побачите візуальний інтерфейс чату, який миттєво підключається до сервера. Спробуйте надіслати повідомлення — ви побачите, як сервер миттєво повертає ехо-відповідь без перезавантаження сторінки або надсилання традиційних HTTP-запитів.",[3611,5970,5972],{"id":5971},"керування-зєднаннями-connectionmanager","Керування з'єднаннями: ConnectionManager",[3551,5974,5975],{},"У реальних додатках недостатньо просто приймати з'єднання. Нам потрібно:",[3628,5977,5978,5981,5984,5987],{},[3561,5979,5980],{},"Знати, які користувачі зараз онлайн.",[3561,5982,5983],{},"Відправляти повідомлення конкретному користувачу (Personal Message).",[3561,5985,5986],{},"Відправляти повідомлення всім підключеним клієнтам одночасно (Broadcast).",[3561,5988,5989],{},"Групувати користувачів за кімнатами\u002Fкімнатами проектів (Room-based routing).",[3551,5991,5992,5993,5996,5997,6000,6001,3572],{},"Для цього створюють спеціальний клас-менеджер. Нижче наведено повноцінний працездатний приклад ",[3569,5994,5995],{},"ConnectionManager",", який дозволяє групувати користувачів за кімнатами (наприклад, для коментарів до конкретної задачі чи проекту). Додаток автоматично розділяє трафік: користувачі в кімнаті ",[3569,5998,5999],{},"room1"," не бачитимуть повідомлень із кімнати ",[3569,6002,6003],{},"room2",[3646,6005,6008],{"className":3921,"code":6006,"filename":6007,"language":3923,"meta":3651,"style":3651},"from fastapi import FastAPI, WebSocket, WebSocketDisconnect\nfrom fastapi.responses import HTMLResponse\n\napp = FastAPI(title=\"WebSocket Rooms Demo\")\n\nclass ConnectionManager:\n    def __init__(self):\n        # Зберігаємо підключення у форматі: {room_id: [websocket_1, websocket_2]}\n        self.active_connections: dict[str, list[WebSocket]] = {}\n\n    async def connect(self, websocket: WebSocket, room_id: str):\n        # 1. Приймаємо з'єднання від клієнта\n        await websocket.accept()\n        if room_id not in self.active_connections:\n            self.active_connections[room_id] = []\n        # 2. Реєструємо його в кімнаті\n        self.active_connections[room_id].append(websocket)\n\n    def disconnect(self, websocket: WebSocket, room_id: str):\n        # 3. Видаляємо з'єднання при відключенні\n        if room_id in self.active_connections:\n            self.active_connections[room_id].remove(websocket)\n            # Якщо в кімнаті не залишилось активних клієнтів — видаляємо саму кімнату з пам'яті\n            if not self.active_connections[room_id]:\n                del self.active_connections[room_id]\n\n    async def send_personal_message(self, message: str, websocket: WebSocket):\n        # Відправка повідомлення конкретному клієнту\n        await websocket.send_text(message)\n\n    async def broadcast_to_room(self, message: str, room_id: str):\n        # 4. Розсилаємо повідомлення усім активним клієнтам у вказаній кімнаті\n        if room_id in self.active_connections:\n            for connection in self.active_connections[room_id]:\n                try:\n                    await connection.send_text(message)\n                except Exception:\n                    # Ігноруємо помилки відправки для клієнтів, які \"відвалилися\" раніше\n                    pass\n\nmanager = ConnectionManager()\n\n# Генеруємо HTML клієнт динамічно для вказаної кімнати\ndef get_room_html(room_id: str) -> str:\n    return f\"\"\"\n\u003C!DOCTYPE html>\n\u003Chtml>\n    \u003Chead>\n        \u003Ctitle>Чат кімнати {room_id}\u003C\u002Ftitle>\n        \u003Cmeta charset=\"utf-8\">\n        \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n        \u003Cstyle>\n            body {{\n                font-family: system-ui, -apple-system, sans-serif;\n                background: #0f172a;\n                color: #f8fafc;\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                justify-content: center;\n                min-height: 100vh;\n                margin: 0;\n            }}\n            .chat-card {{\n                background: #1e293b;\n                padding: 24px;\n                border-radius: 16px;\n                box-shadow: 0 10px 25px -5px rgba(0,0,0,0.3);\n                width: 100%;\n                max-width: 460px;\n                box-sizing: border-box;\n            }}\n            h1 {{\n                font-size: 1.4rem;\n                margin: 0 0 4px 0;\n                color: #f59e0b;\n            }}\n            .room-badge {{\n                font-size: 0.8rem;\n                color: #f59e0b;\n                background: rgba(245, 158, 11, 0.15);\n                border: 1px solid rgba(245, 158, 11, 0.3);\n                display: inline-block;\n                padding: 4px 8px;\n                border-radius: 6px;\n                margin-bottom: 20px;\n                font-weight: 600;\n            }}\n            .messages {{\n                border: 1px solid #334155;\n                background: #0f172a;\n                height: 220px;\n                border-radius: 8px;\n                padding: 12px;\n                overflow-y: auto;\n                display: flex;\n                flex-direction: column;\n                gap: 8px;\n            }}\n            .msg {{\n                padding: 8px 12px;\n                border-radius: 8px;\n                max-width: 85%;\n                font-size: 0.9rem;\n            }}\n            .msg-system {{\n                background: #334155;\n                color: #cbd5e1;\n                align-self: center;\n                font-size: 0.75rem;\n                font-style: italic;\n            }}\n            .msg-user {{\n                background: #1e3a8a;\n                color: #93c5fd;\n                align-self: flex-start;\n            }}\n            .input-group {{\n                display: flex;\n                gap: 8px;\n                margin-top: 16px;\n            }}\n            input {{\n                flex: 1;\n                padding: 10px 14px;\n                border-radius: 8px;\n                border: 1px solid #475569;\n                background: #0f172a;\n                color: #fff;\n                font-size: 0.95rem;\n            }}\n            button {{\n                background: #f59e0b;\n                color: #0f172a;\n                border: none;\n                padding: 10px 16px;\n                border-radius: 8px;\n                font-weight: bold;\n                cursor: pointer;\n            }}\n            button:hover {{\n                background: #d97706;\n            }}\n        \u003C\u002Fstyle>\n    \u003C\u002Fhead>\n    \u003Cbody>\n        \u003Cdiv class=\"chat-card\">\n            \u003Ch1>Кімната обговорення\u003C\u002Fh1>\n            \u003Cdiv class=\"room-badge\">Кімната: {room_id}\u003C\u002Fdiv>\n            \u003Cdiv class=\"messages\" id=\"messages\">\u003C\u002Fdiv>\n            \u003Cdiv class=\"input-group\">\n                \u003Cinput type=\"text\" id=\"messageInput\" placeholder=\"Напишіть коментар...\" autocomplete=\"off\"\u002F>\n                \u003Cbutton onclick=\"sendMessage()\">Надіслати\u003C\u002Fbutton>\n            \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n\n        \u003Cscript>\n            const roomId = \"{room_id}\";\n            \u002F\u002F Підключаємось до кімнати\n            const ws = new WebSocket(`ws:\u002F\u002Flocalhost:8000\u002Fws\u002F${roomId}`);\n            const messagesEl = document.getElementById(\"messages\");\n            const inputEl = document.getElementById(\"messageInput\");\n\n            ws.onmessage = (event) => {{\n                const message = document.createElement(\"div\");\n                \u002F\u002F Визначаємо тип повідомлення\n                if (event.data.startsWith(\"Системне повідомлення:\")) {{\n                    message.className = \"msg msg-system\";\n                    message.textContent = event.data.replace(\"Системне повідомлення: \", \"\");\n                }} else {{\n                    message.className = \"msg msg-user\";\n                    message.textContent = event.data;\n                }}\n                messagesEl.appendChild(message);\n                messagesEl.scrollTop = messagesEl.scrollHeight;\n            }};\n\n            function sendMessage() {{\n                const text = inputEl.value.trim();\n                if (!text) return;\n                ws.send(text);\n                inputEl.value = \"\";\n            }}\n\n            inputEl.addEventListener(\"keypress\", (e) => {{\n                if (e.key === \"Enter\") sendMessage();\n            }});\n        \u003C\u002Fscript>\n    \u003C\u002Fbody>\n\u003C\u002Fhtml>\n\"\"\"\n\n@app.get(\"\u002Froom\u002F{room_id}\")\nasync def get_room_page(room_id: str):\n    return HTMLResponse(content=get_room_html(room_id))\n\n@app.websocket(\"\u002Fws\u002F{room_id}\")\nasync def websocket_room_endpoint(websocket: WebSocket, room_id: str):\n    await manager.connect(websocket, room_id)\n    # Оповіщаємо інших, що хтось під'єднався\n    await manager.broadcast_to_room(f\"Системне повідомлення: Користувач приєднався до обговорення {room_id}\", room_id)\n\n    try:\n        while True:\n            # Очікуємо повідомлення\n            data = await websocket.receive_text()\n            # Транслюємо повідомлення усім учасникам цієї кімнати\n            await manager.broadcast_to_room(f\"Анонім: {data}\", room_id)\n    except WebSocketDisconnect:\n        manager.disconnect(websocket, room_id)\n        # Оповіщаємо інших про вихід користувача\n        await manager.broadcast_to_room(f\"Системне повідомлення: Користувач залишив обговорення {room_id}\", room_id)\n","room_app.py",[3569,6009,6010,6020,6030,6034,6047,6051,6061,6076,6081,6094,6098,6128,6133,6140,6160,6168,6173,6180,6184,6209,6214,6227,6234,6239,6252,6262,6266,6294,6299,6306,6310,6341,6346,6358,6372,6379,6387,6397,6402,6407,6411,6416,6420,6425,6447,6456,6460,6464,6468,6482,6486,6490,6494,6503,6507,6511,6515,6519,6523,6527,6531,6535,6539,6544,6551,6555,6559,6563,6567,6571,6576,6580,6584,6591,6596,6601,6606,6610,6617,6622,6626,6631,6636,6641,6646,6651,6655,6659,6663,6670,6674,6678,6683,6687,6691,6695,6699,6703,6707,6711,6718,6722,6726,6731,6735,6739,6746,6751,6756,6761,6766,6771,6775,6782,6786,6790,6794,6798,6805,6809,6813,6818,6822,6829,6833,6837,6841,6845,6849,6853,6857,6861,6868,6873,6878,6882,6887,6891,6896,6900,6904,6911,6916,6920,6924,6928,6932,6936,6941,6955,6959,6963,6968,6972,6976,6980,6984,6988,7002,7007,7022,7026,7030,7034,7041,7045,7050,7057,7062,7067,7077,7082,7087,7092,7096,7100,7108,7112,7119,7123,7127,7131,7135,7139,7143,7151,7156,7164,7169,7174,7179,7184,7189,7206,7226,7238,7243,7259,7283,7291,7297,7321,7326,7333,7342,7348,7357,7363,7385,7392,7398,7404],{"__ignoreMap":3651},[3655,6011,6012,6014,6016,6018],{"class":3657,"line":3658},[3655,6013,3947],{"class":3930},[3655,6015,3950],{"class":3934},[3655,6017,3931],{"class":3930},[3655,6019,4803],{"class":3934},[3655,6021,6022,6024,6026,6028],{"class":3657,"line":3664},[3655,6023,3947],{"class":3930},[3655,6025,4810],{"class":3934},[3655,6027,3931],{"class":3930},[3655,6029,4815],{"class":3934},[3655,6031,6032],{"class":3657,"line":3670},[3655,6033,3704],{"emptyLinePlaceholder":3703},[3655,6035,6036,6038,6040,6042,6045],{"class":3657,"line":3676},[3655,6037,4025],{"class":3934},[3655,6039,4028],{"class":3973},[3655,6041,3983],{"class":3934},[3655,6043,6044],{"class":3867},"\"WebSocket Rooms Demo\"",[3655,6046,4006],{"class":3934},[3655,6048,6049],{"class":3657,"line":3682},[3655,6050,3704],{"emptyLinePlaceholder":3703},[3655,6052,6053,6056,6059],{"class":3657,"line":3688},[3655,6054,6055],{"class":3989},"class",[3655,6057,6058],{"class":4067}," ConnectionManager",[3655,6060,5833],{"class":3934},[3655,6062,6063,6066,6069,6071,6074],{"class":3657,"line":3694},[3655,6064,6065],{"class":3989},"    def",[3655,6067,6068],{"class":3864}," __init__",[3655,6070,4058],{"class":3934},[3655,6072,6073],{"class":3973},"self",[3655,6075,4081],{"class":3934},[3655,6077,6078],{"class":3657,"line":3700},[3655,6079,6080],{"class":3964},"        # Зберігаємо підключення у форматі: {room_id: [websocket_1, websocket_2]}\n",[3655,6082,6083,6086,6089,6091],{"class":3657,"line":3707},[3655,6084,6085],{"class":3989},"        self",[3655,6087,6088],{"class":3934},".active_connections: dict[",[3655,6090,4068],{"class":4067},[3655,6092,6093],{"class":3934},", list[WebSocket]] = {}\n",[3655,6095,6096],{"class":3657,"line":3713},[3655,6097,3704],{"emptyLinePlaceholder":3703},[3655,6099,6100,6103,6105,6108,6110,6112,6114,6116,6119,6122,6124,6126],{"class":3657,"line":3719},[3655,6101,6102],{"class":3989},"    async",[3655,6104,4052],{"class":3989},[3655,6106,6107],{"class":3864}," connect",[3655,6109,4058],{"class":3934},[3655,6111,6073],{"class":3973},[3655,6113,4071],{"class":3934},[3655,6115,5802],{"class":3973},[3655,6117,6118],{"class":3934},": WebSocket, ",[3655,6120,6121],{"class":3973},"room_id",[3655,6123,4064],{"class":3934},[3655,6125,4068],{"class":4067},[3655,6127,4081],{"class":3934},[3655,6129,6130],{"class":3657,"line":3725},[3655,6131,6132],{"class":3964},"        # 1. Приймаємо з'єднання від клієнта\n",[3655,6134,6135,6138],{"class":3657,"line":3731},[3655,6136,6137],{"class":3930},"        await",[3655,6139,5819],{"class":3934},[3655,6141,6142,6145,6148,6151,6154,6157],{"class":3657,"line":3737},[3655,6143,6144],{"class":3930},"        if",[3655,6146,6147],{"class":3934}," room_id ",[3655,6149,6150],{"class":3989},"not",[3655,6152,6153],{"class":3989}," in",[3655,6155,6156],{"class":3989}," self",[3655,6158,6159],{"class":3934},".active_connections:\n",[3655,6161,6162,6165],{"class":3657,"line":3743},[3655,6163,6164],{"class":3989},"            self",[3655,6166,6167],{"class":3934},".active_connections[room_id] = []\n",[3655,6169,6170],{"class":3657,"line":3748},[3655,6171,6172],{"class":3964},"        # 2. Реєструємо його в кімнаті\n",[3655,6174,6175,6177],{"class":3657,"line":3754},[3655,6176,6085],{"class":3989},[3655,6178,6179],{"class":3934},".active_connections[room_id].append(websocket)\n",[3655,6181,6182],{"class":3657,"line":3760},[3655,6183,3704],{"emptyLinePlaceholder":3703},[3655,6185,6186,6188,6191,6193,6195,6197,6199,6201,6203,6205,6207],{"class":3657,"line":3766},[3655,6187,6065],{"class":3989},[3655,6189,6190],{"class":3864}," disconnect",[3655,6192,4058],{"class":3934},[3655,6194,6073],{"class":3973},[3655,6196,4071],{"class":3934},[3655,6198,5802],{"class":3973},[3655,6200,6118],{"class":3934},[3655,6202,6121],{"class":3973},[3655,6204,4064],{"class":3934},[3655,6206,4068],{"class":4067},[3655,6208,4081],{"class":3934},[3655,6210,6211],{"class":3657,"line":3772},[3655,6212,6213],{"class":3964},"        # 3. Видаляємо з'єднання при відключенні\n",[3655,6215,6216,6218,6220,6223,6225],{"class":3657,"line":3777},[3655,6217,6144],{"class":3930},[3655,6219,6147],{"class":3934},[3655,6221,6222],{"class":3989},"in",[3655,6224,6156],{"class":3989},[3655,6226,6159],{"class":3934},[3655,6228,6229,6231],{"class":3657,"line":3783},[3655,6230,6164],{"class":3989},[3655,6232,6233],{"class":3934},".active_connections[room_id].remove(websocket)\n",[3655,6235,6236],{"class":3657,"line":3789},[3655,6237,6238],{"class":3964},"            # Якщо в кімнаті не залишилось активних клієнтів — видаляємо саму кімнату з пам'яті\n",[3655,6240,6241,6244,6247,6249],{"class":3657,"line":3795},[3655,6242,6243],{"class":3930},"            if",[3655,6245,6246],{"class":3989}," not",[3655,6248,6156],{"class":3989},[3655,6250,6251],{"class":3934},".active_connections[room_id]:\n",[3655,6253,6254,6257,6259],{"class":3657,"line":3800},[3655,6255,6256],{"class":3930},"                del",[3655,6258,6156],{"class":3989},[3655,6260,6261],{"class":3934},".active_connections[room_id]\n",[3655,6263,6264],{"class":3657,"line":3806},[3655,6265,3704],{"emptyLinePlaceholder":3703},[3655,6267,6268,6270,6272,6275,6277,6279,6281,6284,6286,6288,6290,6292],{"class":3657,"line":3811},[3655,6269,6102],{"class":3989},[3655,6271,4052],{"class":3989},[3655,6273,6274],{"class":3864}," send_personal_message",[3655,6276,4058],{"class":3934},[3655,6278,6073],{"class":3973},[3655,6280,4071],{"class":3934},[3655,6282,6283],{"class":3973},"message",[3655,6285,4064],{"class":3934},[3655,6287,4068],{"class":4067},[3655,6289,4071],{"class":3934},[3655,6291,5802],{"class":3973},[3655,6293,5805],{"class":3934},[3655,6295,6296],{"class":3657,"line":3817},[3655,6297,6298],{"class":3964},"        # Відправка повідомлення конкретному клієнту\n",[3655,6300,6301,6303],{"class":3657,"line":3823},[3655,6302,6137],{"class":3930},[3655,6304,6305],{"class":3934}," websocket.send_text(message)\n",[3655,6307,6308],{"class":3657,"line":3829},[3655,6309,3704],{"emptyLinePlaceholder":3703},[3655,6311,6312,6314,6316,6319,6321,6323,6325,6327,6329,6331,6333,6335,6337,6339],{"class":3657,"line":4967},[3655,6313,6102],{"class":3989},[3655,6315,4052],{"class":3989},[3655,6317,6318],{"class":3864}," broadcast_to_room",[3655,6320,4058],{"class":3934},[3655,6322,6073],{"class":3973},[3655,6324,4071],{"class":3934},[3655,6326,6283],{"class":3973},[3655,6328,4064],{"class":3934},[3655,6330,4068],{"class":4067},[3655,6332,4071],{"class":3934},[3655,6334,6121],{"class":3973},[3655,6336,4064],{"class":3934},[3655,6338,4068],{"class":4067},[3655,6340,4081],{"class":3934},[3655,6342,6343],{"class":3657,"line":4973},[3655,6344,6345],{"class":3964},"        # 4. Розсилаємо повідомлення усім активним клієнтам у вказаній кімнаті\n",[3655,6347,6348,6350,6352,6354,6356],{"class":3657,"line":4979},[3655,6349,6144],{"class":3930},[3655,6351,6147],{"class":3934},[3655,6353,6222],{"class":3989},[3655,6355,6156],{"class":3989},[3655,6357,6159],{"class":3934},[3655,6359,6360,6363,6366,6368,6370],{"class":3657,"line":4985},[3655,6361,6362],{"class":3930},"            for",[3655,6364,6365],{"class":3934}," connection ",[3655,6367,6222],{"class":3930},[3655,6369,6156],{"class":3989},[3655,6371,6251],{"class":3934},[3655,6373,6374,6377],{"class":3657,"line":4990},[3655,6375,6376],{"class":3930},"                try",[3655,6378,5833],{"class":3934},[3655,6380,6381,6384],{"class":3657,"line":4996},[3655,6382,6383],{"class":3930},"                    await",[3655,6385,6386],{"class":3934}," connection.send_text(message)\n",[3655,6388,6389,6392,6395],{"class":3657,"line":5002},[3655,6390,6391],{"class":3930},"                except",[3655,6393,6394],{"class":4067}," Exception",[3655,6396,5833],{"class":3934},[3655,6398,6399],{"class":3657,"line":5008},[3655,6400,6401],{"class":3964},"                    # Ігноруємо помилки відправки для клієнтів, які \"відвалилися\" раніше\n",[3655,6403,6404],{"class":3657,"line":5014},[3655,6405,6406],{"class":3930},"                    pass\n",[3655,6408,6409],{"class":3657,"line":5019},[3655,6410,3704],{"emptyLinePlaceholder":3703},[3655,6412,6413],{"class":3657,"line":5025},[3655,6414,6415],{"class":3934},"manager = ConnectionManager()\n",[3655,6417,6418],{"class":3657,"line":5031},[3655,6419,3704],{"emptyLinePlaceholder":3703},[3655,6421,6422],{"class":3657,"line":5037},[3655,6423,6424],{"class":3964},"# Генеруємо HTML клієнт динамічно для вказаної кімнати\n",[3655,6426,6427,6429,6432,6434,6436,6438,6440,6443,6445],{"class":3657,"line":5043},[3655,6428,4433],{"class":3989},[3655,6430,6431],{"class":3864}," get_room_html",[3655,6433,4058],{"class":3934},[3655,6435,6121],{"class":3973},[3655,6437,4064],{"class":3934},[3655,6439,4068],{"class":4067},[3655,6441,6442],{"class":3934},") -> ",[3655,6444,4068],{"class":4067},[3655,6446,5833],{"class":3934},[3655,6448,6449,6451,6454],{"class":3657,"line":5048},[3655,6450,4281],{"class":3930},[3655,6452,6453],{"class":3989}," f",[3655,6455,4849],{"class":3867},[3655,6457,6458],{"class":3657,"line":5054},[3655,6459,4854],{"class":3867},[3655,6461,6462],{"class":3657,"line":5059},[3655,6463,4859],{"class":3867},[3655,6465,6466],{"class":3657,"line":5065},[3655,6467,4864],{"class":3867},[3655,6469,6470,6473,6475,6477,6479],{"class":3657,"line":5071},[3655,6471,6472],{"class":3867},"        \u003Ctitle>Чат кімнати ",[3655,6474,4095],{"class":3989},[3655,6476,6121],{"class":3934},[3655,6478,4100],{"class":3989},[3655,6480,6481],{"class":3867},"\u003C\u002Ftitle>\n",[3655,6483,6484],{"class":3657,"line":5076},[3655,6485,4874],{"class":3867},[3655,6487,6488],{"class":3657,"line":5082},[3655,6489,4879],{"class":3867},[3655,6491,6492],{"class":3657,"line":5088},[3655,6493,4884],{"class":3867},[3655,6495,6496,6499],{"class":3657,"line":5094},[3655,6497,6498],{"class":3867},"            body ",[3655,6500,6502],{"class":6501},"sjcCO","{{\n",[3655,6504,6505],{"class":3657,"line":5100},[3655,6506,4894],{"class":3867},[3655,6508,6509],{"class":3657,"line":5106},[3655,6510,4899],{"class":3867},[3655,6512,6513],{"class":3657,"line":5111},[3655,6514,4904],{"class":3867},[3655,6516,6517],{"class":3657,"line":5117},[3655,6518,4909],{"class":3867},[3655,6520,6521],{"class":3657,"line":5123},[3655,6522,4914],{"class":3867},[3655,6524,6525],{"class":3657,"line":5128},[3655,6526,4919],{"class":3867},[3655,6528,6529],{"class":3657,"line":5134},[3655,6530,4924],{"class":3867},[3655,6532,6533],{"class":3657,"line":5140},[3655,6534,4929],{"class":3867},[3655,6536,6537],{"class":3657,"line":5145},[3655,6538,4934],{"class":3867},[3655,6540,6541],{"class":3657,"line":5151},[3655,6542,6543],{"class":6501},"            }}\n",[3655,6545,6546,6549],{"class":3657,"line":5157},[3655,6547,6548],{"class":3867},"            .chat-card ",[3655,6550,6502],{"class":6501},[3655,6552,6553],{"class":3657,"line":5163},[3655,6554,4949],{"class":3867},[3655,6556,6557],{"class":3657,"line":5169},[3655,6558,4954],{"class":3867},[3655,6560,6561],{"class":3657,"line":5175},[3655,6562,4959],{"class":3867},[3655,6564,6565],{"class":3657,"line":5180},[3655,6566,4964],{"class":3867},[3655,6568,6569],{"class":3657,"line":5186},[3655,6570,4970],{"class":3867},[3655,6572,6573],{"class":3657,"line":5192},[3655,6574,6575],{"class":3867},"                max-width: 460px;\n",[3655,6577,6578],{"class":3657,"line":5198},[3655,6579,4982],{"class":3867},[3655,6581,6582],{"class":3657,"line":5203},[3655,6583,6543],{"class":6501},[3655,6585,6586,6589],{"class":3657,"line":5209},[3655,6587,6588],{"class":3867},"            h1 ",[3655,6590,6502],{"class":6501},[3655,6592,6593],{"class":3657,"line":5215},[3655,6594,6595],{"class":3867},"                font-size: 1.4rem;\n",[3655,6597,6598],{"class":3657,"line":5220},[3655,6599,6600],{"class":3867},"                margin: 0 0 4px 0;\n",[3655,6602,6603],{"class":3657,"line":5226},[3655,6604,6605],{"class":3867},"                color: #f59e0b;\n",[3655,6607,6608],{"class":3657,"line":5232},[3655,6609,6543],{"class":6501},[3655,6611,6612,6615],{"class":3657,"line":5237},[3655,6613,6614],{"class":3867},"            .room-badge ",[3655,6616,6502],{"class":6501},[3655,6618,6619],{"class":3657,"line":5243},[3655,6620,6621],{"class":3867},"                font-size: 0.8rem;\n",[3655,6623,6624],{"class":3657,"line":5248},[3655,6625,6605],{"class":3867},[3655,6627,6628],{"class":3657,"line":5254},[3655,6629,6630],{"class":3867},"                background: rgba(245, 158, 11, 0.15);\n",[3655,6632,6633],{"class":3657,"line":5260},[3655,6634,6635],{"class":3867},"                border: 1px solid rgba(245, 158, 11, 0.3);\n",[3655,6637,6638],{"class":3657,"line":5265},[3655,6639,6640],{"class":3867},"                display: inline-block;\n",[3655,6642,6643],{"class":3657,"line":5270},[3655,6644,6645],{"class":3867},"                padding: 4px 8px;\n",[3655,6647,6648],{"class":3657,"line":5275},[3655,6649,6650],{"class":3867},"                border-radius: 6px;\n",[3655,6652,6653],{"class":3657,"line":5280},[3655,6654,5040],{"class":3867},[3655,6656,6657],{"class":3657,"line":5286},[3655,6658,5183],{"class":3867},[3655,6660,6661],{"class":3657,"line":5292},[3655,6662,6543],{"class":6501},[3655,6664,6665,6668],{"class":3657,"line":5297},[3655,6666,6667],{"class":3867},"            .messages ",[3655,6669,6502],{"class":6501},[3655,6671,6672],{"class":3657,"line":5303},[3655,6673,5229],{"class":3867},[3655,6675,6676],{"class":3657,"line":5309},[3655,6677,4899],{"class":3867},[3655,6679,6680],{"class":3657,"line":5315},[3655,6681,6682],{"class":3867},"                height: 220px;\n",[3655,6684,6685],{"class":3657,"line":5320},[3655,6686,5097],{"class":3867},[3655,6688,6689],{"class":3657,"line":5326},[3655,6690,5251],{"class":3867},[3655,6692,6693],{"class":3657,"line":5332},[3655,6694,5257],{"class":3867},[3655,6696,6697],{"class":3657,"line":5338},[3655,6698,4909],{"class":3867},[3655,6700,6701],{"class":3657,"line":5344},[3655,6702,4914],{"class":3867},[3655,6704,6705],{"class":3657,"line":5349},[3655,6706,5062],{"class":3867},[3655,6708,6709],{"class":3657,"line":5355},[3655,6710,6543],{"class":6501},[3655,6712,6713,6716],{"class":3657,"line":5361},[3655,6714,6715],{"class":3867},"            .msg ",[3655,6717,6502],{"class":6501},[3655,6719,6720],{"class":3657,"line":5367},[3655,6721,5289],{"class":3867},[3655,6723,6724],{"class":3657,"line":5373},[3655,6725,5097],{"class":3867},[3655,6727,6728],{"class":3657,"line":5378},[3655,6729,6730],{"class":3867},"                max-width: 85%;\n",[3655,6732,6733],{"class":3657,"line":5384},[3655,6734,5306],{"class":3867},[3655,6736,6737],{"class":3657,"line":5390},[3655,6738,6543],{"class":6501},[3655,6740,6741,6744],{"class":3657,"line":5396},[3655,6742,6743],{"class":3867},"            .msg-system ",[3655,6745,6502],{"class":6501},[3655,6747,6748],{"class":3657,"line":5402},[3655,6749,6750],{"class":3867},"                background: #334155;\n",[3655,6752,6753],{"class":3657,"line":5408},[3655,6754,6755],{"class":3867},"                color: #cbd5e1;\n",[3655,6757,6758],{"class":3657,"line":5414},[3655,6759,6760],{"class":3867},"                align-self: center;\n",[3655,6762,6763],{"class":3657,"line":5420},[3655,6764,6765],{"class":3867},"                font-size: 0.75rem;\n",[3655,6767,6768],{"class":3657,"line":5426},[3655,6769,6770],{"class":3867},"                font-style: italic;\n",[3655,6772,6773],{"class":3657,"line":5432},[3655,6774,6543],{"class":6501},[3655,6776,6777,6780],{"class":3657,"line":5438},[3655,6778,6779],{"class":3867},"            .msg-user ",[3655,6781,6502],{"class":6501},[3655,6783,6784],{"class":3657,"line":5444},[3655,6785,5329],{"class":3867},[3655,6787,6788],{"class":3657,"line":5450},[3655,6789,5335],{"class":3867},[3655,6791,6792],{"class":3657,"line":5456},[3655,6793,5370],{"class":3867},[3655,6795,6796],{"class":3657,"line":5461},[3655,6797,6543],{"class":6501},[3655,6799,6800,6803],{"class":3657,"line":5467},[3655,6801,6802],{"class":3867},"            .input-group ",[3655,6804,6502],{"class":6501},[3655,6806,6807],{"class":3657,"line":5473},[3655,6808,4909],{"class":3867},[3655,6810,6811],{"class":3657,"line":5479},[3655,6812,5062],{"class":3867},[3655,6814,6815],{"class":3657,"line":5485},[3655,6816,6817],{"class":3867},"                margin-top: 16px;\n",[3655,6819,6820],{"class":3657,"line":5491},[3655,6821,6543],{"class":6501},[3655,6823,6824,6827],{"class":3657,"line":5497},[3655,6825,6826],{"class":3867},"            input ",[3655,6828,6502],{"class":6501},[3655,6830,6831],{"class":3657,"line":5502},[3655,6832,5085],{"class":3867},[3655,6834,6835],{"class":3657,"line":5508},[3655,6836,5091],{"class":3867},[3655,6838,6839],{"class":3657,"line":5514},[3655,6840,5097],{"class":3867},[3655,6842,6843],{"class":3657,"line":5520},[3655,6844,5103],{"class":3867},[3655,6846,6847],{"class":3657,"line":5525},[3655,6848,4899],{"class":3867},[3655,6850,6851],{"class":3657,"line":5531},[3655,6852,5114],{"class":3867},[3655,6854,6855],{"class":3657,"line":5537},[3655,6856,5120],{"class":3867},[3655,6858,6859],{"class":3657,"line":5543},[3655,6860,6543],{"class":6501},[3655,6862,6863,6866],{"class":3657,"line":5549},[3655,6864,6865],{"class":3867},"            button ",[3655,6867,6502],{"class":6501},[3655,6869,6870],{"class":3657,"line":5555},[3655,6871,6872],{"class":3867},"                background: #f59e0b;\n",[3655,6874,6875],{"class":3657,"line":5561},[3655,6876,6877],{"class":3867},"                color: #0f172a;\n",[3655,6879,6880],{"class":3657,"line":5566},[3655,6881,5166],{"class":3867},[3655,6883,6884],{"class":3657,"line":5571},[3655,6885,6886],{"class":3867},"                padding: 10px 16px;\n",[3655,6888,6889],{"class":3657,"line":5577},[3655,6890,5097],{"class":3867},[3655,6892,6893],{"class":3657,"line":5583},[3655,6894,6895],{"class":3867},"                font-weight: bold;\n",[3655,6897,6898],{"class":3657,"line":5588},[3655,6899,5189],{"class":3867},[3655,6901,6902],{"class":3657,"line":5593},[3655,6903,6543],{"class":6501},[3655,6905,6906,6909],{"class":3657,"line":5599},[3655,6907,6908],{"class":3867},"            button:hover ",[3655,6910,6502],{"class":6501},[3655,6912,6913],{"class":3657,"line":5605},[3655,6914,6915],{"class":3867},"                background: #d97706;\n",[3655,6917,6918],{"class":3657,"line":5611},[3655,6919,6543],{"class":6501},[3655,6921,6922],{"class":3657,"line":5616},[3655,6923,5381],{"class":3867},[3655,6925,6926],{"class":3657,"line":5622},[3655,6927,5387],{"class":3867},[3655,6929,6930],{"class":3657,"line":5627},[3655,6931,5393],{"class":3867},[3655,6933,6934],{"class":3657,"line":5633},[3655,6935,5399],{"class":3867},[3655,6937,6938],{"class":3657,"line":5639},[3655,6939,6940],{"class":3867},"            \u003Ch1>Кімната обговорення\u003C\u002Fh1>\n",[3655,6942,6943,6946,6948,6950,6952],{"class":3657,"line":5644},[3655,6944,6945],{"class":3867},"            \u003Cdiv class=\"room-badge\">Кімната: ",[3655,6947,4095],{"class":3989},[3655,6949,6121],{"class":3934},[3655,6951,4100],{"class":3989},[3655,6953,6954],{"class":3867},"\u003C\u002Fdiv>\n",[3655,6956,6957],{"class":3657,"line":5649},[3655,6958,5417],{"class":3867},[3655,6960,6961],{"class":3657,"line":5655},[3655,6962,5429],{"class":3867},[3655,6964,6965],{"class":3657,"line":5661},[3655,6966,6967],{"class":3867},"                \u003Cinput type=\"text\" id=\"messageInput\" placeholder=\"Напишіть коментар...\" autocomplete=\"off\"\u002F>\n",[3655,6969,6970],{"class":3657,"line":5666},[3655,6971,5441],{"class":3867},[3655,6973,6974],{"class":3657,"line":5672},[3655,6975,5447],{"class":3867},[3655,6977,6978],{"class":3657,"line":5677},[3655,6979,5453],{"class":3867},[3655,6981,6982],{"class":3657,"line":5682},[3655,6983,3704],{"emptyLinePlaceholder":3703},[3655,6985,6986],{"class":3657,"line":5687},[3655,6987,5464],{"class":3867},[3655,6989,6990,6993,6995,6997,6999],{"class":3657,"line":5693},[3655,6991,6992],{"class":3867},"            const roomId = \"",[3655,6994,4095],{"class":3989},[3655,6996,6121],{"class":3934},[3655,6998,4100],{"class":3989},[3655,7000,7001],{"class":3867},"\";\n",[3655,7003,7004],{"class":3657,"line":5699},[3655,7005,7006],{"class":3867},"            \u002F\u002F Підключаємось до кімнати\n",[3655,7008,7009,7012,7014,7017,7019],{"class":3657,"line":5705},[3655,7010,7011],{"class":3867},"            const ws = new WebSocket(`ws:\u002F\u002Flocalhost:8000\u002Fws\u002F$",[3655,7013,4095],{"class":3989},[3655,7015,7016],{"class":3934},"roomId",[3655,7018,4100],{"class":3989},[3655,7020,7021],{"class":3867},"`);\n",[3655,7023,7024],{"class":3657,"line":5711},[3655,7025,5488],{"class":3867},[3655,7027,7028],{"class":3657,"line":5717},[3655,7029,5494],{"class":3867},[3655,7031,7032],{"class":3657,"line":5723},[3655,7033,3704],{"emptyLinePlaceholder":3703},[3655,7035,7036,7039],{"class":3657,"line":5728},[3655,7037,7038],{"class":3867},"            ws.onmessage = (event) => ",[3655,7040,6502],{"class":6501},[3655,7042,7043],{"class":3657,"line":5733},[3655,7044,5534],{"class":3867},[3655,7046,7047],{"class":3657,"line":5746},[3655,7048,7049],{"class":3867},"                \u002F\u002F Визначаємо тип повідомлення\n",[3655,7051,7052,7055],{"class":3657,"line":5759},[3655,7053,7054],{"class":3867},"                if (event.data.startsWith(\"Системне повідомлення:\")) ",[3655,7056,6502],{"class":6501},[3655,7058,7059],{"class":3657,"line":5773},[3655,7060,7061],{"class":3867},"                    message.className = \"msg msg-system\";\n",[3655,7063,7064],{"class":3657,"line":5778},[3655,7065,7066],{"class":3867},"                    message.textContent = event.data.replace(\"Системне повідомлення: \", \"\");\n",[3655,7068,7069,7072,7075],{"class":3657,"line":5790},[3655,7070,7071],{"class":6501},"                }}",[3655,7073,7074],{"class":3867}," else ",[3655,7076,6502],{"class":6501},[3655,7078,7079],{"class":3657,"line":5808},[3655,7080,7081],{"class":3867},"                    message.className = \"msg msg-user\";\n",[3655,7083,7084],{"class":3657,"line":5814},[3655,7085,7086],{"class":3867},"                    message.textContent = event.data;\n",[3655,7088,7089],{"class":3657,"line":5822},[3655,7090,7091],{"class":6501},"                }}\n",[3655,7093,7094],{"class":3657,"line":5827},[3655,7095,5552],{"class":3867},[3655,7097,7098],{"class":3657,"line":5836},[3655,7099,5558],{"class":3867},[3655,7101,7102,7105],{"class":3657,"line":5847},[3655,7103,7104],{"class":6501},"            }}",[3655,7106,7107],{"class":3867},";\n",[3655,7109,7110],{"class":3657,"line":5853},[3655,7111,3704],{"emptyLinePlaceholder":3703},[3655,7113,7114,7117],{"class":3657,"line":5865},[3655,7115,7116],{"class":3867},"            function sendMessage() ",[3655,7118,6502],{"class":6501},[3655,7120,7121],{"class":3657,"line":5870},[3655,7122,5602],{"class":3867},[3655,7124,7125],{"class":3657,"line":5876},[3655,7126,5608],{"class":3867},[3655,7128,7129],{"class":3657,"line":5902},[3655,7130,5658],{"class":3867},[3655,7132,7133],{"class":3657,"line":5907},[3655,7134,5669],{"class":3867},[3655,7136,7137],{"class":3657,"line":5916},[3655,7138,6543],{"class":6501},[3655,7140,7141],{"class":3657,"line":5922},[3655,7142,3704],{"emptyLinePlaceholder":3703},[3655,7144,7146,7149],{"class":3657,"line":7145},185,[3655,7147,7148],{"class":3867},"            inputEl.addEventListener(\"keypress\", (e) => ",[3655,7150,6502],{"class":6501},[3655,7152,7154],{"class":3657,"line":7153},186,[3655,7155,5696],{"class":3867},[3655,7157,7159,7161],{"class":3657,"line":7158},187,[3655,7160,7104],{"class":6501},[3655,7162,7163],{"class":3867},");\n",[3655,7165,7167],{"class":3657,"line":7166},188,[3655,7168,5708],{"class":3867},[3655,7170,7172],{"class":3657,"line":7171},189,[3655,7173,5714],{"class":3867},[3655,7175,7177],{"class":3657,"line":7176},190,[3655,7178,5720],{"class":3867},[3655,7180,7182],{"class":3657,"line":7181},191,[3655,7183,4849],{"class":3867},[3655,7185,7187],{"class":3657,"line":7186},192,[3655,7188,3704],{"emptyLinePlaceholder":3703},[3655,7190,7192,7194,7196,7199,7202,7204],{"class":3657,"line":7191},193,[3655,7193,5736],{"class":3864},[3655,7195,4058],{"class":3934},[3655,7197,7198],{"class":3867},"\"\u002Froom\u002F",[3655,7200,7201],{"class":3989},"{room_id}",[3655,7203,3986],{"class":3867},[3655,7205,4006],{"class":3934},[3655,7207,7209,7211,7213,7216,7218,7220,7222,7224],{"class":3657,"line":7208},194,[3655,7210,4049],{"class":3989},[3655,7212,4052],{"class":3989},[3655,7214,7215],{"class":3864}," get_room_page",[3655,7217,4058],{"class":3934},[3655,7219,6121],{"class":3973},[3655,7221,4064],{"class":3934},[3655,7223,4068],{"class":4067},[3655,7225,4081],{"class":3934},[3655,7227,7229,7231,7233,7235],{"class":3657,"line":7228},195,[3655,7230,4281],{"class":3930},[3655,7232,5764],{"class":3934},[3655,7234,5767],{"class":3973},[3655,7236,7237],{"class":3934},"=get_room_html(room_id))\n",[3655,7239,7241],{"class":3657,"line":7240},196,[3655,7242,3704],{"emptyLinePlaceholder":3703},[3655,7244,7246,7248,7250,7253,7255,7257],{"class":3657,"line":7245},197,[3655,7247,4785],{"class":3864},[3655,7249,4058],{"class":3934},[3655,7251,7252],{"class":3867},"\"\u002Fws\u002F",[3655,7254,7201],{"class":3989},[3655,7256,3986],{"class":3867},[3655,7258,4006],{"class":3934},[3655,7260,7262,7264,7266,7269,7271,7273,7275,7277,7279,7281],{"class":3657,"line":7261},198,[3655,7263,4049],{"class":3989},[3655,7265,4052],{"class":3989},[3655,7267,7268],{"class":3864}," websocket_room_endpoint",[3655,7270,4058],{"class":3934},[3655,7272,5802],{"class":3973},[3655,7274,6118],{"class":3934},[3655,7276,6121],{"class":3973},[3655,7278,4064],{"class":3934},[3655,7280,4068],{"class":4067},[3655,7282,4081],{"class":3934},[3655,7284,7286,7288],{"class":3657,"line":7285},199,[3655,7287,4124],{"class":3930},[3655,7289,7290],{"class":3934}," manager.connect(websocket, room_id)\n",[3655,7292,7294],{"class":3657,"line":7293},200,[3655,7295,7296],{"class":3964},"    # Оповіщаємо інших, що хтось під'єднався\n",[3655,7298,7300,7302,7305,7307,7310,7312,7314,7316,7318],{"class":3657,"line":7299},201,[3655,7301,4124],{"class":3930},[3655,7303,7304],{"class":3934}," manager.broadcast_to_room(",[3655,7306,4089],{"class":3989},[3655,7308,7309],{"class":3867},"\"Системне повідомлення: Користувач приєднався до обговорення ",[3655,7311,4095],{"class":3989},[3655,7313,6121],{"class":3934},[3655,7315,4100],{"class":3989},[3655,7317,3986],{"class":3867},[3655,7319,7320],{"class":3934},", room_id)\n",[3655,7322,7324],{"class":3657,"line":7323},202,[3655,7325,3704],{"emptyLinePlaceholder":3703},[3655,7327,7329,7331],{"class":3657,"line":7328},203,[3655,7330,5830],{"class":3930},[3655,7332,5833],{"class":3934},[3655,7334,7336,7338,7340],{"class":3657,"line":7335},204,[3655,7337,5839],{"class":3930},[3655,7339,5842],{"class":3989},[3655,7341,5833],{"class":3934},[3655,7343,7345],{"class":3657,"line":7344},205,[3655,7346,7347],{"class":3964},"            # Очікуємо повідомлення\n",[3655,7349,7351,7353,7355],{"class":3657,"line":7350},206,[3655,7352,5856],{"class":3934},[3655,7354,5859],{"class":3930},[3655,7356,5862],{"class":3934},[3655,7358,7360],{"class":3657,"line":7359},207,[3655,7361,7362],{"class":3964},"            # Транслюємо повідомлення усім учасникам цієї кімнати\n",[3655,7364,7366,7368,7370,7372,7375,7377,7379,7381,7383],{"class":3657,"line":7365},208,[3655,7367,5879],{"class":3930},[3655,7369,7304],{"class":3934},[3655,7371,4089],{"class":3989},[3655,7373,7374],{"class":3867},"\"Анонім: ",[3655,7376,4095],{"class":3989},[3655,7378,5892],{"class":3934},[3655,7380,4100],{"class":3989},[3655,7382,3986],{"class":3867},[3655,7384,7320],{"class":3934},[3655,7386,7388,7390],{"class":3657,"line":7387},209,[3655,7389,5910],{"class":3930},[3655,7391,5913],{"class":3934},[3655,7393,7395],{"class":3657,"line":7394},210,[3655,7396,7397],{"class":3934},"        manager.disconnect(websocket, room_id)\n",[3655,7399,7401],{"class":3657,"line":7400},211,[3655,7402,7403],{"class":3964},"        # Оповіщаємо інших про вихід користувача\n",[3655,7405,7407,7409,7411,7413,7416,7418,7420,7422,7424],{"class":3657,"line":7406},212,[3655,7408,6137],{"class":3930},[3655,7410,7304],{"class":3934},[3655,7412,4089],{"class":3989},[3655,7414,7415],{"class":3867},"\"Системне повідомлення: Користувач залишив обговорення ",[3655,7417,4095],{"class":3989},[3655,7419,6121],{"class":3934},[3655,7421,4100],{"class":3989},[3655,7423,3986],{"class":3867},[3655,7425,7320],{"class":3934},[3551,7427,7428],{},[3564,7429,7430],{},"Як протестувати кімнати:",[3558,7432,7433,7439,7456,7459,7462],{},[3561,7434,7435,7436],{},"Запустіть скрипт: ",[3569,7437,7438],{},"uvicorn room_app:app --reload",[3561,7440,7441,7442],{},"Відкрийте дві вкладки браузера:\n",[3628,7443,7444,7450],{},[3561,7445,7446,7447],{},"Вкладка А: ",[3569,7448,7449],{},"http:\u002F\u002F127.0.0.1:8000\u002Froom\u002F1",[3561,7451,7452,7453],{},"Вкладка Б: ",[3569,7454,7455],{},"http:\u002F\u002F127.0.0.1:8000\u002Froom\u002F2",[3561,7457,7458],{},"Спробуйте написати повідомлення у Вкладці А. Ви побачите повідомлення у цій же вкладці.",[3561,7460,7461],{},"Подивіться на Вкладку Б — вона залишиться пустою, адже кімнати повністю ізольовані.",[3561,7463,7464,7465,7467,7468,3572],{},"Тепер відкрийте третю вкладку на ",[3569,7466,7449],{},". Надішліть повідомлення звідти — ви побачите, як воно миттєво з'явиться в обох вкладках кімнати ",[3569,7469,7470],{},"1",[3611,7472,7474],{"id":7473},"авторизація-websocket-зєднань","Авторизація WebSocket з'єднань",[3551,7476,7477,7478,4322,7481,7484,7485,7488],{},"Авторизація WebSocket — це окрема проблема. Браузерний API ",[3569,7479,7480],{},"new WebSocket(url)",[3564,7482,7483],{},"не дозволяє"," додавати кастомні HTTP-заголовки (на кшталт ",[3569,7486,7487],{},"Authorization: Bearer \u003Ctoken>",") під час ініціалізації з'єднання.",[3551,7490,7491],{},"Тому використовують два основних підходи:",[3558,7493,7494,7503],{},[3561,7495,7496,7499,7500,3572],{},[3564,7497,7498],{},"Query Parameters",": Передача токена в URL з'єднання: ",[3569,7501,7502],{},"ws:\u002F\u002Flocalhost:8000\u002Fws?token=JWT_TOKEN",[3561,7504,7505,7508],{},[3564,7506,7507],{},"Handshake via Cookies",": Використання HTTP-only Cookies, які браузер автоматично прикріплює до HTTP-запиту рукостискання.",[3551,7510,7511],{},"Найбільш універсальним і простим для API є використання query-параметрів. Реалізуємо валідацію токена:",[3646,7513,7515],{"className":3921,"code":7514,"language":3923,"meta":3651,"style":3651},"from fastapi import Query, status\n\n# Функція валідації токена (спрощена версія)\ndef get_user_from_token(token: str) -> str:\n    if token == \"super-secret-token\":\n        return \"admin\"\n    raise ValueError(\"Invalid token\")\n\n@app.websocket(\"\u002Fws-secure\")\nasync def secure_websocket(\n    websocket: WebSocket,\n    token: str = Query(...)\n):\n    try:\n        user = get_user_from_token(token)\n    except ValueError:\n        # Відхиляємо з'єднання з кодом 4003 (forbidden)\n        await websocket.close(code=status.WS_1008_POLICY_VIOLATION)\n        return\n\n    await websocket.accept()\n    await websocket.send_text(f\"Привіт, {user}! Ти успішно авторизувався.\")\n    await websocket.close()\n",[3569,7516,7517,7528,7532,7537,7559,7572,7580,7595,7599,7610,7622,7630,7642,7646,7652,7657,7665,7670,7682,7687,7691,7697,7720],{"__ignoreMap":3651},[3655,7518,7519,7521,7523,7525],{"class":3657,"line":3658},[3655,7520,3947],{"class":3930},[3655,7522,3950],{"class":3934},[3655,7524,3931],{"class":3930},[3655,7526,7527],{"class":3934}," Query, status\n",[3655,7529,7530],{"class":3657,"line":3664},[3655,7531,3704],{"emptyLinePlaceholder":3703},[3655,7533,7534],{"class":3657,"line":3670},[3655,7535,7536],{"class":3964},"# Функція валідації токена (спрощена версія)\n",[3655,7538,7539,7541,7544,7546,7549,7551,7553,7555,7557],{"class":3657,"line":3676},[3655,7540,4433],{"class":3989},[3655,7542,7543],{"class":3864}," get_user_from_token",[3655,7545,4058],{"class":3934},[3655,7547,7548],{"class":3973},"token",[3655,7550,4064],{"class":3934},[3655,7552,4068],{"class":4067},[3655,7554,6442],{"class":3934},[3655,7556,4068],{"class":4067},[3655,7558,5833],{"class":3934},[3655,7560,7561,7564,7567,7570],{"class":3657,"line":3682},[3655,7562,7563],{"class":3930},"    if",[3655,7565,7566],{"class":3934}," token == ",[3655,7568,7569],{"class":3867},"\"super-secret-token\"",[3655,7571,5833],{"class":3934},[3655,7573,7574,7577],{"class":3657,"line":3688},[3655,7575,7576],{"class":3930},"        return",[3655,7578,7579],{"class":3867}," \"admin\"\n",[3655,7581,7582,7585,7588,7590,7593],{"class":3657,"line":3694},[3655,7583,7584],{"class":3930},"    raise",[3655,7586,7587],{"class":4067}," ValueError",[3655,7589,4058],{"class":3934},[3655,7591,7592],{"class":3867},"\"Invalid token\"",[3655,7594,4006],{"class":3934},[3655,7596,7597],{"class":3657,"line":3700},[3655,7598,3704],{"emptyLinePlaceholder":3703},[3655,7600,7601,7603,7605,7608],{"class":3657,"line":3707},[3655,7602,4785],{"class":3864},[3655,7604,4058],{"class":3934},[3655,7606,7607],{"class":3867},"\"\u002Fws-secure\"",[3655,7609,4006],{"class":3934},[3655,7611,7612,7614,7616,7619],{"class":3657,"line":3713},[3655,7613,4049],{"class":3989},[3655,7615,4052],{"class":3989},[3655,7617,7618],{"class":3864}," secure_websocket",[3655,7620,7621],{"class":3934},"(\n",[3655,7623,7624,7627],{"class":3657,"line":3719},[3655,7625,7626],{"class":3973},"    websocket",[3655,7628,7629],{"class":3934},": WebSocket,\n",[3655,7631,7632,7635,7637,7639],{"class":3657,"line":3725},[3655,7633,7634],{"class":3973},"    token",[3655,7636,4064],{"class":3934},[3655,7638,4068],{"class":4067},[3655,7640,7641],{"class":3934}," = Query(...)\n",[3655,7643,7644],{"class":3657,"line":3731},[3655,7645,4081],{"class":3934},[3655,7647,7648,7650],{"class":3657,"line":3737},[3655,7649,5830],{"class":3930},[3655,7651,5833],{"class":3934},[3655,7653,7654],{"class":3657,"line":3743},[3655,7655,7656],{"class":3934},"        user = get_user_from_token(token)\n",[3655,7658,7659,7661,7663],{"class":3657,"line":3748},[3655,7660,5910],{"class":3930},[3655,7662,7587],{"class":4067},[3655,7664,5833],{"class":3934},[3655,7666,7667],{"class":3657,"line":3754},[3655,7668,7669],{"class":3964},"        # Відхиляємо з'єднання з кодом 4003 (forbidden)\n",[3655,7671,7672,7674,7677,7679],{"class":3657,"line":3760},[3655,7673,6137],{"class":3930},[3655,7675,7676],{"class":3934}," websocket.close(",[3655,7678,3569],{"class":3973},[3655,7680,7681],{"class":3934},"=status.WS_1008_POLICY_VIOLATION)\n",[3655,7683,7684],{"class":3657,"line":3766},[3655,7685,7686],{"class":3930},"        return\n",[3655,7688,7689],{"class":3657,"line":3772},[3655,7690,3704],{"emptyLinePlaceholder":3703},[3655,7692,7693,7695],{"class":3657,"line":3777},[3655,7694,4124],{"class":3930},[3655,7696,5819],{"class":3934},[3655,7698,7699,7701,7703,7705,7708,7710,7713,7715,7718],{"class":3657,"line":3783},[3655,7700,4124],{"class":3930},[3655,7702,5882],{"class":3934},[3655,7704,4089],{"class":3989},[3655,7706,7707],{"class":3867},"\"Привіт, ",[3655,7709,4095],{"class":3989},[3655,7711,7712],{"class":3934},"user",[3655,7714,4100],{"class":3989},[3655,7716,7717],{"class":3867},"! Ти успішно авторизувався.\"",[3655,7719,4006],{"class":3934},[3655,7721,7722,7724],{"class":3657,"line":3789},[3655,7723,4124],{"class":3930},[3655,7725,7726],{"class":3934}," websocket.close()\n",[3611,7728,7730],{"id":7729},"порівняльний-аналіз-fastapi-websockets-net-signalr","Порівняльний аналіз: FastAPI WebSockets ↔ .NET SignalR",[3551,7732,7733,7734,7737],{},"Для розробників, які звикли до ",[3564,7735,7736],{},"ASP.NET Core SignalR",", підхід у FastAPI може здатися занадто низькорівневим. Давайте проведемо паралель:",[4501,7739,7740,7752],{},[4504,7741,7742],{},[4507,7743,7744,7747,7749],{},[4510,7745,7746],{"align":4512},"Характеристика",[4510,7748,7736],{"align":4512},[4510,7750,7751],{"align":4512},"FastAPI WebSockets",[4524,7753,7754,7767,7780,7802,7822],{},[4507,7755,7756,7761,7764],{},[4529,7757,7758],{"align":4512},[3564,7759,7760],{},"Рівень абстракції",[4529,7762,7763],{"align":4512},"Високий (Hubs, RPC, Groups, автоматичний JSON-RPC протокол)",[4529,7765,7766],{"align":4512},"Низький (Сирі текстові\u002Fбінарні фрейми WebSocket)",[4507,7768,7769,7774,7777],{},[4529,7770,7771],{"align":4512},[3564,7772,7773],{},"Fallback транспорт",[4529,7775,7776],{"align":4512},"Автоматичний (WebSockets → SSE → Long Polling)",[4529,7778,7779],{"align":4512},"Відсутній (Тільки WebSocket. Якщо він не підтримується — з'єднання не встановиться)",[4507,7781,7782,7787,7793],{},[4529,7783,7784],{"align":4512},[3564,7785,7786],{},"Управління групами",[4529,7788,7789,7790,4556],{"align":4512},"Вбудоване (",[3569,7791,7792],{},"Groups.AddToGroupAsync",[4529,7794,7795,7796,7798,7799,4556],{"align":4512},"Кастомне (Створюємо свій ",[3569,7797,5995],{}," та ",[3569,7800,7801],{},"dict",[4507,7803,7804,7809,7812],{},[4529,7805,7806],{"align":4512},[3564,7807,7808],{},"Автентифікація",[4529,7810,7811],{"align":4512},"Вбудована інтеграція з ASP.NET Auth (Query String \u002F Headers)",[4529,7813,7814,7815,7818,7819],{"align":4512},"Ручна валідація через ",[3569,7816,7817],{},"Query"," параметри чи ",[3569,7820,7821],{},"Cookies",[4507,7823,7824,7829,7832],{},[4529,7825,7826],{"align":4512},[3564,7827,7828],{},"Швидкість та споживання RAM",[4529,7830,7831],{"align":4512},"Нижча (через складнішу абстракцію та оверхед протоколу SignalR)",[4529,7833,7834],{"align":4512},"Надзвичайно висока (мінімальний оверхед, прямий доступ до TCP фреймів)",[4594,7836,7837,7840],{},[3564,7838,7839],{},"Висновок:","\nSignalR надає готовий \"комбайн\" з автоматичним вибором найкращого транспорту та вбудованим RPC. У FastAPI ви працюєте з чистим стандартом RFC 6455. Якщо вам потрібні фічі SignalR (на кшталт RPC чи Fallbacks) у Python, доведеться писати власний протокол поверх WebSocket або використовувати сторонні рішення (наприклад, Socket.io \u002F Socket.io-python).",[3593,7842],{},[3596,7844,7846],{"id":7845},"_5-server-sent-events-sse-односторонній-real-time","5. Server-Sent Events (SSE): Односторонній Real-Time",[3551,7848,7849,7850,3572],{},"Іноді двосторонній зв'язок (як у WebSocket) є надлишковим. Якщо вашому додатку потрібно лише отримувати дані від сервера в режимі реального часу (наприклад, стрічка новин, оновлення статусу виконання довгої задачі чи прогрес-бар імпорту даних), простішим і надійнішим вибором є ",[3564,7851,7852],{},"Server-Sent Events (SSE)",[3611,7854,7856],{"id":7855},"що-таке-server-sent-events","Що таке Server-Sent Events?",[3551,7858,7859,7862,7863,7866],{},[3564,7860,7861],{},"SSE"," (Server-Sent Events) — це технологія, яка дозволяє серверу асинхронно надсилати текстові дані клієнту через одне довготривале HTTP-з'єднання. Цей стандарт описує як протокол передачі даних від сервера, так і клієнтський API ",[3569,7864,7865],{},"EventSource"," для браузерів.",[3551,7868,7869,7870,7873],{},"На відміну від WebSockets, які працюють поверх власного бінарного протоколу (RFC 6455), SSE базується на стандартному протоколі ",[3564,7871,7872],{},"HTTP"," (як HTTP\u002F1.1, так і HTTP\u002F2). Це робить його простим у реалізації, адже він не потребує спеціальних проксі-серверів та працює через звичайні порти 80 або 443.",[3593,7875],{},[3611,7877,7879],{"id":7878},"як-sse-працює-на-рівні-http-протоколу","Як SSE працює на рівні HTTP-протоколу?",[3551,7881,7882],{},"Коли клієнт ініціює SSE-з'єднання, відбувається звичайний HTTP-обмін заголовками. Однак сервер замість того, щоб надіслати відповідь і закрити з'єднання, тримає TCP-сокет відкритим і поступово записує туди дані в міру їх появи.",[7884,7885,7887],"h4",{"id":7886},"_1-заголовки-запиту-request-headers","1. Заголовки запиту (Request Headers)",[3551,7889,7890,7891,7893],{},"Браузер автоматично надсилає такі заголовки під час створення об'єкта ",[3569,7892,7865],{},":",[3646,7895,7899],{"className":7896,"code":7897,"language":7898,"meta":3651,"style":3651},"language-http shiki shiki-themes light-plus dark-plus dark-plus","GET \u002Fstream HTTP\u002F1.1\nHost: example.com\nAccept: text\u002Fevent-stream\nCache-Control: no-cache\nConnection: keep-alive\n","http",[3569,7900,7901,7917,7928,7938,7948],{"__ignoreMap":3651},[3655,7902,7903,7906,7909,7911,7914],{"class":3657,"line":3658},[3655,7904,7905],{"class":3930},"GET",[3655,7907,7908],{"class":3934}," \u002Fstream ",[3655,7910,7872],{"class":3989},[3655,7912,7913],{"class":3934},"\u002F",[3655,7915,7916],{"class":4130},"1.1\n",[3655,7918,7919,7923,7925],{"class":3657,"line":3664},[3655,7920,7922],{"class":7921},"sKtos","Host",[3655,7924,7893],{"class":3989},[3655,7926,7927],{"class":3867}," example.com\n",[3655,7929,7930,7933,7935],{"class":3657,"line":3670},[3655,7931,7932],{"class":7921},"Accept",[3655,7934,7893],{"class":3989},[3655,7936,7937],{"class":3867}," text\u002Fevent-stream\n",[3655,7939,7940,7943,7945],{"class":3657,"line":3676},[3655,7941,7942],{"class":7921},"Cache-Control",[3655,7944,7893],{"class":3989},[3655,7946,7947],{"class":3867}," no-cache\n",[3655,7949,7950,7953,7955],{"class":3657,"line":3682},[3655,7951,7952],{"class":7921},"Connection",[3655,7954,7893],{"class":3989},[3655,7956,7957],{"class":3867}," keep-alive\n",[3628,7959,7960,7966],{},[3561,7961,7962,7965],{},[3569,7963,7964],{},"Accept: text\u002Fevent-stream",": Вказує серверу, що клієнт очікує відповідь у форматі потоку подій.",[3561,7967,7968,7971],{},[3569,7969,7970],{},"Connection: keep-alive",": Просить вебсервер не закривати TCP-з'єднання після відправки першого фрагмента даних (актуально для HTTP\u002F1.1).",[7884,7973,7975],{"id":7974},"_2-заголовки-відповіді-response-headers","2. Заголовки відповіді (Response Headers)",[3551,7977,7978],{},"Сервер підтверджує встановлення потокового каналу наступними заголовками:",[3646,7980,7982],{"className":7896,"code":7981,"language":7898,"meta":3651,"style":3651},"HTTP\u002F1.1 200 OK\nContent-Type: text\u002Fevent-stream\nCache-Control: no-cache\nConnection: keep-alive\nTransfer-Encoding: chunked\n",[3569,7983,7984,7999,8008,8016,8024],{"__ignoreMap":3651},[3655,7985,7986,7988,7990,7993,7996],{"class":3657,"line":3658},[3655,7987,7872],{"class":3989},[3655,7989,7913],{"class":3934},[3655,7991,7992],{"class":4130},"1.1",[3655,7994,7995],{"class":4130}," 200",[3655,7997,7998],{"class":3867}," OK\n",[3655,8000,8001,8004,8006],{"class":3657,"line":3664},[3655,8002,8003],{"class":7921},"Content-Type",[3655,8005,7893],{"class":3989},[3655,8007,7937],{"class":3867},[3655,8009,8010,8012,8014],{"class":3657,"line":3670},[3655,8011,7942],{"class":7921},[3655,8013,7893],{"class":3989},[3655,8015,7947],{"class":3867},[3655,8017,8018,8020,8022],{"class":3657,"line":3676},[3655,8019,7952],{"class":7921},[3655,8021,7893],{"class":3989},[3655,8023,7957],{"class":3867},[3655,8025,8026,8029,8031],{"class":3657,"line":3682},[3655,8027,8028],{"class":7921},"Transfer-Encoding",[3655,8030,7893],{"class":3989},[3655,8032,8033],{"class":3867}," chunked\n",[3628,8035,8036,8042,8048],{},[3561,8037,8038,8041],{},[3569,8039,8040],{},"Content-Type: text\u002Fevent-stream",": Це обов'язковий MIME-тип для SSE. Він сигналізує браузеру, що дані потрібно обробляти частинами, а не накопичувати весь буфер відповіді перед показом.",[3561,8043,8044,8047],{},[3569,8045,8046],{},"Cache-Control: no-cache",": Забороняє проміжним проксі-серверам та самому браузеру кешувати відповіді, щоб події доходили до клієнта без затримок.",[3561,8049,8050,8053],{},[3569,8051,8052],{},"Transfer-Encoding: chunked",": У протоколі HTTP\u002F1.1 цей заголовок повідомляє клієнту, що розмір тіла відповіді заздалегідь невідомий, і дані надходитимуть динамічними блоками (chunks).",[4458,8055,8056,8059,8060,8063,8064,8067],{},[3564,8057,8058],{},"Важливо для Nginx та зворотних проксі:","\nДеякі вебсервери та проксі-сервери (наприклад, Nginx) за замовчуванням буферизують відповіді від бекенду. Це означає, що Nginx накопичуватиме SSE-повідомлення у своєму буфері й віддасть їх клієнту лише тоді, коли буфер заповниться (або з'єднання закриється). Це ламає всю логіку Real-Time.\nЩоб вимкнути буферизацію для SSE в Nginx, потрібно додати у конфігурацію заголовок ",[3569,8061,8062],{},"X-Accel-Buffering: no"," на рівні FastAPI застосунку або прописати ",[3569,8065,8066],{},"proxy_buffering off;"," у конфігу самого Nginx.",[3593,8069],{},[3611,8071,8073],{"id":8072},"формат-текстового-потоку-sse-wire-format","Формат текстового потоку SSE (Wire Format)",[3551,8075,8076,8077,8080,8081,8084,8085,8091,8092,8094],{},"Потік SSE — це звичайний текст у кодуванні UTF-8. Кожне повідомлення (подія) складається з одного або кількох полів, записаних як рядок виду ",[3569,8078,8079],{},"назва_поля: значення",", і закінчується обов'язковим символом перенесення рядка ",[3569,8082,8083],{},"\\n",".\nБлоки повідомлень відокремлюються один від одного ",[3564,8086,8087,8088,4556],{},"двома послідовними символами перенесення рядка (",[3569,8089,8090],{},"\\n\\n",". Це критично для парсера браузера — саме за подвійним ",[3569,8093,8083],{}," він розуміє, що повідомлення сформовано повністю й готове до обробки.",[3551,8096,8097],{},"Специфікація визначає чотири типи полів:",[4621,8099,8100,8134,8172,8206],{},[4624,8101,8104,8111],{"name":5892,"type":8102,"required":8103},"рядок payload","true",[3551,8105,8106,8107,8110],{},"Основні корисні дані повідомлення. Якщо повідомлення велике або містить структурований JSON, його можна розділити на кілька рядків, кожен з яких має починатися з ",[3569,8108,8109],{},"data: ",". Браузер автоматично об'єднає їх, додавши перенесення рядка між ними.",[3646,8112,8114],{"className":7896,"code":8113,"language":7898,"meta":3651,"style":3651},"data: Перша лінія тексту\ndata: Друга лінія тексту\\n\\n\n",[3569,8115,8116,8125],{"__ignoreMap":3651},[3655,8117,8118,8120,8122],{"class":3657,"line":3658},[3655,8119,5892],{"class":7921},[3655,8121,7893],{"class":3989},[3655,8123,8124],{"class":3867}," Перша лінія тексту\n",[3655,8126,8127,8129,8131],{"class":3657,"line":3664},[3655,8128,5892],{"class":7921},[3655,8130,7893],{"class":3989},[3655,8132,8133],{"class":3867}," Друга лінія тексту\\n\\n\n",[4624,8135,8139,8149],{"name":8136,"type":8137,"required":8138},"event","назва події","false",[3551,8140,8141,8142,8144,8145,8148],{},"Визначає тип події (кастомний канал). Якщо поле відсутнє, браузер згенерує стандартну подію ",[3569,8143,6283],{},". Якщо вказати ",[3569,8146,8147],{},"event: user-logged-in",", у JavaScript можна підписатися саме на цей тип подій.",[3646,8150,8152],{"className":7896,"code":8151,"language":7898,"meta":3651,"style":3651},"event: task_created\ndata: {\"id\": 123, \"title\": \"Test\"}\\n\\n\n",[3569,8153,8154,8163],{"__ignoreMap":3651},[3655,8155,8156,8158,8160],{"class":3657,"line":3658},[3655,8157,8136],{"class":7921},[3655,8159,7893],{"class":3989},[3655,8161,8162],{"class":3867}," task_created\n",[3655,8164,8165,8167,8169],{"class":3657,"line":3664},[3655,8166,5892],{"class":7921},[3655,8168,7893],{"class":3989},[3655,8170,8171],{"class":3867}," {\"id\": 123, \"title\": \"Test\"}\\n\\n\n",[4624,8173,8176,8183],{"name":8174,"type":8175,"required":8138},"id","ідентифікатор",[3551,8177,8178,8179,8182],{},"Встановлює унікальний ID для поточної події. Браузер запам'ятовує останній отриманий ID. Якщо з'єднання розривається, під час перепідключення браузер автоматично надішле HTTP-заголовок ",[3569,8180,8181],{},"Last-Event-ID: \u003Cостанній_id>",". Це дозволяє серверу зрозуміти, які події клієнт пропустив через збій мережі, та дослати їх.",[3646,8184,8186],{"className":7896,"code":8185,"language":7898,"meta":3651,"style":3651},"id: 42\ndata: Повідомлення номер 42\\n\\n\n",[3569,8187,8188,8197],{"__ignoreMap":3651},[3655,8189,8190,8192,8194],{"class":3657,"line":3658},[3655,8191,8174],{"class":7921},[3655,8193,7893],{"class":3989},[3655,8195,8196],{"class":3867}," 42\n",[3655,8198,8199,8201,8203],{"class":3657,"line":3664},[3655,8200,5892],{"class":7921},[3655,8202,7893],{"class":3989},[3655,8204,8205],{"class":3867}," Повідомлення номер 42\\n\\n\n",[4624,8207,8210,8213],{"name":8208,"type":8209,"required":8138},"retry","час у мс",[3551,8211,8212],{},"Вказує браузеру час очікування (у мілісекундах) перед спробою перепідключитися, якщо з'єднання було втрачено. За замовчуванням цей ліміт зазвичай становить 3000 мс (3 секунди). Сервер може динамічно керувати цим часом.",[3646,8214,8216],{"className":7896,"code":8215,"language":7898,"meta":3651,"style":3651},"retry: 5000\ndata: Наступна спроба підключення через 5 секунд\\n\\n\n",[3569,8217,8218,8227],{"__ignoreMap":3651},[3655,8219,8220,8222,8224],{"class":3657,"line":3658},[3655,8221,8208],{"class":7921},[3655,8223,7893],{"class":3989},[3655,8225,8226],{"class":3867}," 5000\n",[3655,8228,8229,8231,8233],{"class":3657,"line":3664},[3655,8230,5892],{"class":7921},[3655,8232,7893],{"class":3989},[3655,8234,8235],{"class":3867}," Наступна спроба підключення через 5 секунд\\n\\n\n",[7884,8237,8239],{"id":8238},"коментарі-в-sse-потоці","Коментарі в SSE потоці",[3551,8241,8242,8243,8245],{},"Будь-який рядок, що починається з двокрапки (",[3569,8244,7893],{},"), вважається коментарем та ігнорується клієнтським парсером:",[3646,8247,8249],{"className":7896,"code":8248,"language":7898,"meta":3651,"style":3651},": це системний коментар, браузер його проігнорує\\n\\n\n",[3569,8250,8251],{"__ignoreMap":3651},[3655,8252,8253],{"class":3657,"line":3658},[3655,8254,8248],{"class":3934},[3551,8256,8257,8258,8261,8262,8265],{},"Коментарі використовуються для реалізації ",[3564,8259,8260],{},"Heartbeat"," (пінг-повідомлень). Якщо сервер довгий час не надсилає корисних даних, проміжні сервери (роутери, мобільні оператори, проксі) можуть закрити з'єднання через неактивність. Надсилання порожнього коментаря кожні 15-30 секунд (наприклад, ",[3569,8263,8264],{},": ping\\n\\n",") підтримує з'єднання живим.",[3593,8267],{},[3611,8269,8271,8272],{"id":8270},"клієнтський-javascript-api-eventsource","Клієнтський JavaScript API: ",[3569,8273,7865],{},[3551,8275,8276,8277,8279],{},"У браузері робота з SSE реалізована через об'єкт ",[3569,8278,7865],{},". Він надає дуже просту подієву модель:",[3646,8281,8285],{"className":8282,"code":8283,"language":8284,"meta":3651,"style":3651},"language-javascript shiki shiki-themes light-plus dark-plus dark-plus","\u002F\u002F 1. Створюємо з'єднання\nconst evtSource = new EventSource('\u002Fstream')\n\n\u002F\u002F 2. Стан підключення (readyState)\n\u002F\u002F 0 — CONNECTING (підключення)\n\u002F\u002F 1 — OPEN (з'єднано, отримуємо дані)\n\u002F\u002F 2 — CLOSED (зачинено)\nconsole.log(evtSource.readyState)\n\n\u002F\u002F 3. Підписка на стандартні повідомлення (де немає поля event)\nevtSource.onmessage = (event) => {\n    console.log('Отримано data:', event.data)\n}\n\n\u002F\u002F 4. Підписка на кастомні типи подій (поле event: user-updated)\nevtSource.addEventListener('user-updated', (event) => {\n    const data = JSON.parse(event.data)\n    console.log('Користувача оновлено:', data)\n})\n\n\u002F\u002F 5. Обробка помилок та перепідключення\nevtSource.onerror = (error) => {\n    if (evtSource.readyState === EventSource.CLOSED) {\n        console.log(\"З'єднання закрите остаточно.\")\n    } else {\n        console.log(\"Помилка з'єднання. Очікуємо автоматичного перепідключення...\")\n    }\n}\n\n\u002F\u002F 6. Закриття з'єднання з боку клієнта\n\u002F\u002F evtSource.close();\n","javascript",[3569,8286,8287,8292,8317,8321,8326,8331,8336,8341,8363,8367,8372,8395,8419,8423,8427,8432,8457,8485,8504,8509,8513,8518,8538,8563,8579,8589,8604,8609,8613,8617,8622],{"__ignoreMap":3651},[3655,8288,8289],{"class":3657,"line":3658},[3655,8290,8291],{"class":3964},"\u002F\u002F 1. Створюємо з'єднання\n",[3655,8293,8294,8297,8301,8304,8307,8310,8312,8315],{"class":3657,"line":3664},[3655,8295,8296],{"class":3989},"const",[3655,8298,8300],{"class":8299},"s-QsJ"," evtSource",[3655,8302,8303],{"class":3934}," = ",[3655,8305,8306],{"class":3989},"new",[3655,8308,8309],{"class":3864}," EventSource",[3655,8311,4058],{"class":3934},[3655,8313,8314],{"class":3867},"'\u002Fstream'",[3655,8316,4006],{"class":3934},[3655,8318,8319],{"class":3657,"line":3670},[3655,8320,3704],{"emptyLinePlaceholder":3703},[3655,8322,8323],{"class":3657,"line":3676},[3655,8324,8325],{"class":3964},"\u002F\u002F 2. Стан підключення (readyState)\n",[3655,8327,8328],{"class":3657,"line":3682},[3655,8329,8330],{"class":3964},"\u002F\u002F 0 — CONNECTING (підключення)\n",[3655,8332,8333],{"class":3657,"line":3688},[3655,8334,8335],{"class":3964},"\u002F\u002F 1 — OPEN (з'єднано, отримуємо дані)\n",[3655,8337,8338],{"class":3657,"line":3694},[3655,8339,8340],{"class":3964},"\u002F\u002F 2 — CLOSED (зачинено)\n",[3655,8342,8343,8346,8348,8351,8353,8356,8358,8361],{"class":3657,"line":3700},[3655,8344,8345],{"class":3973},"console",[3655,8347,3572],{"class":3934},[3655,8349,8350],{"class":3864},"log",[3655,8352,4058],{"class":3934},[3655,8354,8355],{"class":3973},"evtSource",[3655,8357,3572],{"class":3934},[3655,8359,8360],{"class":3973},"readyState",[3655,8362,4006],{"class":3934},[3655,8364,8365],{"class":3657,"line":3707},[3655,8366,3704],{"emptyLinePlaceholder":3703},[3655,8368,8369],{"class":3657,"line":3713},[3655,8370,8371],{"class":3964},"\u002F\u002F 3. Підписка на стандартні повідомлення (де немає поля event)\n",[3655,8373,8374,8376,8378,8381,8384,8386,8389,8392],{"class":3657,"line":3719},[3655,8375,8355],{"class":3973},[3655,8377,3572],{"class":3934},[3655,8379,8380],{"class":3864},"onmessage",[3655,8382,8383],{"class":3934}," = (",[3655,8385,8136],{"class":3973},[3655,8387,8388],{"class":3934},") ",[3655,8390,8391],{"class":3989},"=>",[3655,8393,8394],{"class":3934}," {\n",[3655,8396,8397,8400,8402,8404,8406,8409,8411,8413,8415,8417],{"class":3657,"line":3725},[3655,8398,8399],{"class":3973},"    console",[3655,8401,3572],{"class":3934},[3655,8403,8350],{"class":3864},[3655,8405,4058],{"class":3934},[3655,8407,8408],{"class":3867},"'Отримано data:'",[3655,8410,4071],{"class":3934},[3655,8412,8136],{"class":3973},[3655,8414,3572],{"class":3934},[3655,8416,5892],{"class":3973},[3655,8418,4006],{"class":3934},[3655,8420,8421],{"class":3657,"line":3731},[3655,8422,4305],{"class":3934},[3655,8424,8425],{"class":3657,"line":3737},[3655,8426,3704],{"emptyLinePlaceholder":3703},[3655,8428,8429],{"class":3657,"line":3743},[3655,8430,8431],{"class":3964},"\u002F\u002F 4. Підписка на кастомні типи подій (поле event: user-updated)\n",[3655,8433,8434,8436,8438,8441,8443,8446,8449,8451,8453,8455],{"class":3657,"line":3748},[3655,8435,8355],{"class":3973},[3655,8437,3572],{"class":3934},[3655,8439,8440],{"class":3864},"addEventListener",[3655,8442,4058],{"class":3934},[3655,8444,8445],{"class":3867},"'user-updated'",[3655,8447,8448],{"class":3934},", (",[3655,8450,8136],{"class":3973},[3655,8452,8388],{"class":3934},[3655,8454,8391],{"class":3989},[3655,8456,8394],{"class":3934},[3655,8458,8459,8462,8465,8467,8470,8472,8475,8477,8479,8481,8483],{"class":3657,"line":3754},[3655,8460,8461],{"class":3989},"    const",[3655,8463,8464],{"class":8299}," data",[3655,8466,8303],{"class":3934},[3655,8468,8469],{"class":8299},"JSON",[3655,8471,3572],{"class":3934},[3655,8473,8474],{"class":3864},"parse",[3655,8476,4058],{"class":3934},[3655,8478,8136],{"class":3973},[3655,8480,3572],{"class":3934},[3655,8482,5892],{"class":3973},[3655,8484,4006],{"class":3934},[3655,8486,8487,8489,8491,8493,8495,8498,8500,8502],{"class":3657,"line":3760},[3655,8488,8399],{"class":3973},[3655,8490,3572],{"class":3934},[3655,8492,8350],{"class":3864},[3655,8494,4058],{"class":3934},[3655,8496,8497],{"class":3867},"'Користувача оновлено:'",[3655,8499,4071],{"class":3934},[3655,8501,5892],{"class":3973},[3655,8503,4006],{"class":3934},[3655,8505,8506],{"class":3657,"line":3766},[3655,8507,8508],{"class":3934},"})\n",[3655,8510,8511],{"class":3657,"line":3772},[3655,8512,3704],{"emptyLinePlaceholder":3703},[3655,8514,8515],{"class":3657,"line":3777},[3655,8516,8517],{"class":3964},"\u002F\u002F 5. Обробка помилок та перепідключення\n",[3655,8519,8520,8522,8524,8527,8529,8532,8534,8536],{"class":3657,"line":3783},[3655,8521,8355],{"class":3973},[3655,8523,3572],{"class":3934},[3655,8525,8526],{"class":3864},"onerror",[3655,8528,8383],{"class":3934},[3655,8530,8531],{"class":3973},"error",[3655,8533,8388],{"class":3934},[3655,8535,8391],{"class":3989},[3655,8537,8394],{"class":3934},[3655,8539,8540,8542,8544,8546,8548,8550,8553,8555,8557,8560],{"class":3657,"line":3789},[3655,8541,7563],{"class":3930},[3655,8543,4103],{"class":3934},[3655,8545,8355],{"class":3973},[3655,8547,3572],{"class":3934},[3655,8549,8360],{"class":3973},[3655,8551,8552],{"class":3934}," === ",[3655,8554,7865],{"class":3973},[3655,8556,3572],{"class":3934},[3655,8558,8559],{"class":8299},"CLOSED",[3655,8561,8562],{"class":3934},") {\n",[3655,8564,8565,8568,8570,8572,8574,8577],{"class":3657,"line":3795},[3655,8566,8567],{"class":3973},"        console",[3655,8569,3572],{"class":3934},[3655,8571,8350],{"class":3864},[3655,8573,4058],{"class":3934},[3655,8575,8576],{"class":3867},"\"З'єднання закрите остаточно.\"",[3655,8578,4006],{"class":3934},[3655,8580,8581,8584,8587],{"class":3657,"line":3800},[3655,8582,8583],{"class":3934},"    } ",[3655,8585,8586],{"class":3930},"else",[3655,8588,8394],{"class":3934},[3655,8590,8591,8593,8595,8597,8599,8602],{"class":3657,"line":3806},[3655,8592,8567],{"class":3973},[3655,8594,3572],{"class":3934},[3655,8596,8350],{"class":3864},[3655,8598,4058],{"class":3934},[3655,8600,8601],{"class":3867},"\"Помилка з'єднання. Очікуємо автоматичного перепідключення...\"",[3655,8603,4006],{"class":3934},[3655,8605,8606],{"class":3657,"line":3811},[3655,8607,8608],{"class":3934},"    }\n",[3655,8610,8611],{"class":3657,"line":3817},[3655,8612,4305],{"class":3934},[3655,8614,8615],{"class":3657,"line":3823},[3655,8616,3704],{"emptyLinePlaceholder":3703},[3655,8618,8619],{"class":3657,"line":3829},[3655,8620,8621],{"class":3964},"\u002F\u002F 6. Закриття з'єднання з боку клієнта\n",[3655,8623,8624],{"class":3657,"line":4967},[3655,8625,8626],{"class":3964},"\u002F\u002F evtSource.close();\n",[3593,8628],{},[3611,8630,8632],{"id":8631},"обмеження-та-недоліки-sse","Обмеження та недоліки SSE",[3551,8634,8635],{},"Попри простоту, SSE має кілька критичних обмежень, про які обов'язково треба знати перед проектуванням архітектури:",[3558,8637,8638,8650,8666],{},[3561,8639,8640,8643,8644,8646,8647,8649],{},[3564,8641,8642],{},"Тільки GET-запити",": Стандартний браузерний API ",[3569,8645,7865],{}," підтримує надсилання запитів виключно методом ",[3569,8648,7905],{},". Ви не можете надіслати складне тіло запиту (POST JSON) під час відкриття з'єднання.",[3561,8651,8652,4064,8655,8657,8658,8661,8662,8665],{},[3564,8653,8654],{},"Неможливо передати кастомні заголовки",[3569,8656,7865],{}," не дозволяє вказати кастомні HTTP-заголовки (наприклад, ",[3569,8659,8660],{},"Authorization: Bearer ...","). Для авторизації доводиться передавати токени через Query String (",[3569,8663,8664],{},"\u002Fstream?token=JWT",") або через Cookies.",[3561,8667,8668,8671,8672,8675],{},[3564,8669,8670],{},"Ліміт на кількість з'єднань в HTTP\u002F1.1",": Це найнебезпечніше обмеження. При використанні HTTP\u002F1.1 браузери мають жорсткий ліміт — максимум ",[3564,8673,8674],{},"6 одночасних з'єднань"," на один домен. Якщо користувач відкриє ваш додаток у 6 вкладках браузера і кожна вкладка підключиться до SSE, то 7-ма вкладка просто \"зависне\", чекаючи на закриття попередніх.",[4594,8677,8678,8681,8682,8685],{},[3564,8679,8680],{},"Рішення ліміту з'єднань:","\nПроблема ліміту 6 з'єднань повністю вирішується переходом на протокол ",[3564,8683,8684],{},"HTTP\u002F2"," (або HTTP\u002F3). В HTTP\u002F2 використовується мультиплексування, тому всі SSE-потоки передаються в межах одного єдиного TCP-з'єднання з сервером, знімаючи будь-які обмеження на кількість вкладок.",[3558,8687,8688],{"start":3676},[3561,8689,8690,8693,8694,8696,8697,8700,8701,8704,8705,4490],{},[3564,8691,8692],{},"Альтернатива для складних сценаріїв (Fetch + ReadableStream)",":\nЯкщо вам критично потрібні POST-запити або кастомні заголовки авторизації для отримання текстового стріму (наприклад, при інтеграції з API штучного інтелекту, такими як OpenAI, де потрібно передати великий контекст чату в POST і отримувати токени по черзі), стандартний ",[3569,8695,7865],{}," не підійде.\nУ цьому випадку розробники використовують стандартний ",[3569,8698,8699],{},"fetch()",", читаючи його тіло як потік (",[3569,8702,8703],{},"response.body.getReader()","), або готові бібліотеки (наприклад, ",[3569,8706,8707],{},"@microsoft\u002Ffetch-event-source",[3593,8709],{},[3611,8711,8713],{"id":8712},"практична-реалізація-sse-у-fastapi","Практична реалізація SSE у FastAPI",[3551,8715,8716,8717,8720],{},"У FastAPI потокова передача реалізується за допомогою класу ",[3569,8718,8719],{},"StreamingResponse",", який приймає асинхронний генератор.",[3551,8722,8723],{},"Створимо повний робочий приклад, який імітує процес генерації PDF-звіту та оновлює прогрес-бар на клієнтській стороні:",[3646,8725,8728],{"className":3921,"code":8726,"filename":8727,"language":3923,"meta":3651,"style":3651},"import asyncio\nimport json\nfrom fastapi import FastAPI\nfrom fastapi.responses import HTMLResponse, StreamingResponse\n\napp = FastAPI(title=\"SSE Progress Demo\")\n\n# HTML-інтерфейс із прогрес-баром, що підключається до SSE\nhtml_content = \"\"\"\n\u003C!DOCTYPE html>\n\u003Chtml>\n    \u003Chead>\n        \u003Ctitle>SSE Progress Demo\u003C\u002Ftitle>\n        \u003Cmeta charset=\"utf-8\">\n        \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n        \u003Cstyle>\n            body {\n                font-family: system-ui, -apple-system, sans-serif;\n                background: #0f172a;\n                color: #f8fafc;\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                justify-content: center;\n                min-height: 100vh;\n                margin: 0;\n            }\n            .card {\n                background: #1e293b;\n                padding: 32px;\n                border-radius: 16px;\n                box-shadow: 0 10px 25px -5px rgba(0,0,0,0.3);\n                width: 100%;\n                max-width: 400px;\n                text-align: center;\n                box-sizing: border-box;\n            }\n            h1 {\n                font-size: 1.4rem;\n                margin: 0 0 8px 0;\n                color: #10b981;\n            }\n            .progress-container {\n                background: #334155;\n                height: 16px;\n                border-radius: 8px;\n                overflow: hidden;\n                margin: 20px 0;\n            }\n            .progress-bar {\n                background: #10b981;\n                height: 100%;\n                width: 0%;\n                transition: width 0.4s ease-out;\n            }\n            .status {\n                font-size: 0.9rem;\n                color: #94a3b8;\n                min-height: 40px;\n            }\n            button {\n                background: #10b981;\n                color: #0f172a;\n                border: none;\n                padding: 12px 24px;\n                border-radius: 8px;\n                font-weight: bold;\n                cursor: pointer;\n                font-size: 0.95rem;\n                transition: background 0.2s;\n            }\n            button:hover {\n                background: #059669;\n            }\n            button:disabled {\n                opacity: 0.5;\n                cursor: not-allowed;\n            }\n        \u003C\u002Fstyle>\n    \u003C\u002Fhead>\n    \u003Cbody>\n        \u003Cdiv class=\"card\">\n            \u003Ch1>Генерація PDF звіту\u003C\u002Fh1>\n            \u003Cdiv class=\"progress-container\">\n                \u003Cdiv class=\"progress-bar\" id=\"progressBar\">\u003C\u002Fdiv>\n            \u003C\u002Fdiv>\n            \u003Cdiv class=\"status\" id=\"statusText\">Натисніть кнопку нижче, щоб почати...\u003C\u002Fdiv>\n            \u003Cbutton id=\"startBtn\" onclick=\"startStream()\">Запустити генерацію\u003C\u002Fbutton>\n        \u003C\u002Fdiv>\n\n        \u003Cscript>\n            let eventSource = null;\n            const progressBar = document.getElementById(\"progressBar\");\n            const statusText = document.getElementById(\"statusText\");\n            const startBtn = document.getElementById(\"startBtn\");\n\n            function startStream() {\n                \u002F\u002F Деактивуємо кнопку на час генерації\n                startBtn.disabled = true;\n                progressBar.style.width = \"0%\";\n                statusText.textContent = \"Ініціалізація...\";\n\n                if (eventSource) {\n                    eventSource.close();\n                }\n\n                \u002F\u002F Відкриваємо з'єднання до SSE-ендпоінту\n                eventSource = new EventSource(\"\u002Fstream-progress\");\n\n                \u002F\u002F Обробляємо нові повідомлення від сервера\n                eventSource.onmessage = (event) => {\n                    const step = JSON.parse(event.data);\n\n                    \u002F\u002F Оновлюємо інтерфейс\n                    progressBar.style.width = step.progress + \"%\";\n                    statusText.textContent = step.message;\n\n                    \u002F\u002F Якщо досягли 100% — закриваємо потік\n                    if (step.progress >= 100) {\n                        eventSource.close();\n                        startBtn.disabled = false;\n                        statusText.innerHTML = '\u003Cspan style=\"color: #4ade80; font-weight: bold;\">Звіт успішно сформовано! 🎉\u003C\u002Fspan>';\n                    }\n                };\n\n                eventSource.onerror = (error) => {\n                    console.error(\"SSE error:\", error);\n                    statusText.textContent = \"Помилка з'єднання з сервером.\";\n                    eventSource.close();\n                    startBtn.disabled = false;\n                };\n            }\n        \u003C\u002Fscript>\n    \u003C\u002Fbody>\n\u003C\u002Fhtml>\n\"\"\"\n\n@app.get(\"\u002F\")\nasync def get_index():\n    return HTMLResponse(content=html_content)\n\n@app.get(\"\u002Fstream-progress\")\nasync def stream_progress():\n    # Асинхронний генератор подій\n    async def event_generator():\n        # Описуємо фази процесу\n        tasks = [\n            {\"progress\": 10, \"message\": \"Отримання списку задач із БД...\"},\n            {\"progress\": 35, \"message\": \"Розрахунок часу виконання та KPI...\"},\n            {\"progress\": 65, \"message\": \"Збірка PDF документа...\"},\n            {\"progress\": 90, \"message\": \"Завантаження звіту у хмару S3...\"},\n            {\"progress\": 100, \"message\": \"Генерацію завершено!\"}\n        ]\n\n        for task in tasks:\n            # Імітуємо виконання реальної роботи\n            await asyncio.sleep(1.2)\n\n            # Форматуємо відповідно до специфікації SSE: data: \u003Cpayload>\\n\\n\n            yield f\"data: {json.dumps(task)}\\n\\n\"\n\n    # Повертаємо потокову відповідь з типом text\u002Fevent-stream\n    return StreamingResponse(event_generator(), media_type=\"text\u002Fevent-stream\")\n","sse_app.py",[3569,8729,8730,8736,8743,8754,8765,8769,8782,8786,8791,8797,8801,8805,8809,8814,8818,8822,8826,8830,8834,8838,8842,8846,8850,8854,8858,8862,8866,8870,8875,8879,8884,8888,8892,8896,8901,8906,8910,8914,8918,8922,8926,8931,8935,8940,8944,8949,8953,8958,8963,8967,8972,8977,8982,8987,8992,8996,9000,9004,9008,9013,9017,9021,9025,9029,9033,9038,9042,9046,9050,9054,9058,9062,9066,9071,9075,9080,9085,9090,9094,9098,9102,9106,9111,9116,9121,9126,9130,9135,9140,9144,9148,9152,9157,9162,9167,9172,9176,9181,9186,9191,9196,9201,9205,9210,9215,9220,9224,9229,9234,9238,9243,9248,9253,9257,9262,9267,9272,9276,9281,9286,9291,9296,9301,9306,9311,9315,9320,9325,9330,9334,9339,9343,9347,9351,9355,9359,9363,9367,9377,9388,9398,9402,9413,9424,9429,9440,9445,9450,9475,9497,9519,9541,9563,9568,9572,9585,9590,9601,9605,9610,9632,9636,9641],{"__ignoreMap":3651},[3655,8731,8732,8734],{"class":3657,"line":3658},[3655,8733,3931],{"class":3930},[3655,8735,3935],{"class":3934},[3655,8737,8738,8740],{"class":3657,"line":3664},[3655,8739,3931],{"class":3930},[3655,8741,8742],{"class":3934}," json\n",[3655,8744,8745,8747,8749,8751],{"class":3657,"line":3670},[3655,8746,3947],{"class":3930},[3655,8748,3950],{"class":3934},[3655,8750,3931],{"class":3930},[3655,8752,8753],{"class":3934}," FastAPI\n",[3655,8755,8756,8758,8760,8762],{"class":3657,"line":3676},[3655,8757,3947],{"class":3930},[3655,8759,4810],{"class":3934},[3655,8761,3931],{"class":3930},[3655,8763,8764],{"class":3934}," HTMLResponse, StreamingResponse\n",[3655,8766,8767],{"class":3657,"line":3682},[3655,8768,3704],{"emptyLinePlaceholder":3703},[3655,8770,8771,8773,8775,8777,8780],{"class":3657,"line":3688},[3655,8772,4025],{"class":3934},[3655,8774,4028],{"class":3973},[3655,8776,3983],{"class":3934},[3655,8778,8779],{"class":3867},"\"SSE Progress Demo\"",[3655,8781,4006],{"class":3934},[3655,8783,8784],{"class":3657,"line":3694},[3655,8785,3704],{"emptyLinePlaceholder":3703},[3655,8787,8788],{"class":3657,"line":3700},[3655,8789,8790],{"class":3964},"# HTML-інтерфейс із прогрес-баром, що підключається до SSE\n",[3655,8792,8793,8795],{"class":3657,"line":3707},[3655,8794,4846],{"class":3934},[3655,8796,4849],{"class":3867},[3655,8798,8799],{"class":3657,"line":3713},[3655,8800,4854],{"class":3867},[3655,8802,8803],{"class":3657,"line":3719},[3655,8804,4859],{"class":3867},[3655,8806,8807],{"class":3657,"line":3725},[3655,8808,4864],{"class":3867},[3655,8810,8811],{"class":3657,"line":3731},[3655,8812,8813],{"class":3867},"        \u003Ctitle>SSE Progress Demo\u003C\u002Ftitle>\n",[3655,8815,8816],{"class":3657,"line":3737},[3655,8817,4874],{"class":3867},[3655,8819,8820],{"class":3657,"line":3743},[3655,8821,4879],{"class":3867},[3655,8823,8824],{"class":3657,"line":3748},[3655,8825,4884],{"class":3867},[3655,8827,8828],{"class":3657,"line":3754},[3655,8829,4889],{"class":3867},[3655,8831,8832],{"class":3657,"line":3760},[3655,8833,4894],{"class":3867},[3655,8835,8836],{"class":3657,"line":3766},[3655,8837,4899],{"class":3867},[3655,8839,8840],{"class":3657,"line":3772},[3655,8841,4904],{"class":3867},[3655,8843,8844],{"class":3657,"line":3777},[3655,8845,4909],{"class":3867},[3655,8847,8848],{"class":3657,"line":3783},[3655,8849,4914],{"class":3867},[3655,8851,8852],{"class":3657,"line":3789},[3655,8853,4919],{"class":3867},[3655,8855,8856],{"class":3657,"line":3795},[3655,8857,4924],{"class":3867},[3655,8859,8860],{"class":3657,"line":3800},[3655,8861,4929],{"class":3867},[3655,8863,8864],{"class":3657,"line":3806},[3655,8865,4934],{"class":3867},[3655,8867,8868],{"class":3657,"line":3811},[3655,8869,4939],{"class":3867},[3655,8871,8872],{"class":3657,"line":3817},[3655,8873,8874],{"class":3867},"            .card {\n",[3655,8876,8877],{"class":3657,"line":3823},[3655,8878,4949],{"class":3867},[3655,8880,8881],{"class":3657,"line":3829},[3655,8882,8883],{"class":3867},"                padding: 32px;\n",[3655,8885,8886],{"class":3657,"line":4967},[3655,8887,4959],{"class":3867},[3655,8889,8890],{"class":3657,"line":4973},[3655,8891,4964],{"class":3867},[3655,8893,8894],{"class":3657,"line":4979},[3655,8895,4970],{"class":3867},[3655,8897,8898],{"class":3657,"line":4985},[3655,8899,8900],{"class":3867},"                max-width: 400px;\n",[3655,8902,8903],{"class":3657,"line":4990},[3655,8904,8905],{"class":3867},"                text-align: center;\n",[3655,8907,8908],{"class":3657,"line":4996},[3655,8909,4982],{"class":3867},[3655,8911,8912],{"class":3657,"line":5002},[3655,8913,4939],{"class":3867},[3655,8915,8916],{"class":3657,"line":5008},[3655,8917,4993],{"class":3867},[3655,8919,8920],{"class":3657,"line":5014},[3655,8921,6595],{"class":3867},[3655,8923,8924],{"class":3657,"line":5019},[3655,8925,5005],{"class":3867},[3655,8927,8928],{"class":3657,"line":5025},[3655,8929,8930],{"class":3867},"                color: #10b981;\n",[3655,8932,8933],{"class":3657,"line":5031},[3655,8934,4939],{"class":3867},[3655,8936,8937],{"class":3657,"line":5037},[3655,8938,8939],{"class":3867},"            .progress-container {\n",[3655,8941,8942],{"class":3657,"line":5043},[3655,8943,6750],{"class":3867},[3655,8945,8946],{"class":3657,"line":5048},[3655,8947,8948],{"class":3867},"                height: 16px;\n",[3655,8950,8951],{"class":3657,"line":5054},[3655,8952,5097],{"class":3867},[3655,8954,8955],{"class":3657,"line":5059},[3655,8956,8957],{"class":3867},"                overflow: hidden;\n",[3655,8959,8960],{"class":3657,"line":5065},[3655,8961,8962],{"class":3867},"                margin: 20px 0;\n",[3655,8964,8965],{"class":3657,"line":5071},[3655,8966,4939],{"class":3867},[3655,8968,8969],{"class":3657,"line":5076},[3655,8970,8971],{"class":3867},"            .progress-bar {\n",[3655,8973,8974],{"class":3657,"line":5082},[3655,8975,8976],{"class":3867},"                background: #10b981;\n",[3655,8978,8979],{"class":3657,"line":5088},[3655,8980,8981],{"class":3867},"                height: 100%;\n",[3655,8983,8984],{"class":3657,"line":5094},[3655,8985,8986],{"class":3867},"                width: 0%;\n",[3655,8988,8989],{"class":3657,"line":5100},[3655,8990,8991],{"class":3867},"                transition: width 0.4s ease-out;\n",[3655,8993,8994],{"class":3657,"line":5106},[3655,8995,4939],{"class":3867},[3655,8997,8998],{"class":3657,"line":5111},[3655,8999,5022],{"class":3867},[3655,9001,9002],{"class":3657,"line":5117},[3655,9003,5306],{"class":3867},[3655,9005,9006],{"class":3657,"line":5123},[3655,9007,5034],{"class":3867},[3655,9009,9010],{"class":3657,"line":5128},[3655,9011,9012],{"class":3867},"                min-height: 40px;\n",[3655,9014,9015],{"class":3657,"line":5134},[3655,9016,4939],{"class":3867},[3655,9018,9019],{"class":3657,"line":5140},[3655,9020,5148],{"class":3867},[3655,9022,9023],{"class":3657,"line":5145},[3655,9024,8976],{"class":3867},[3655,9026,9027],{"class":3657,"line":5151},[3655,9028,6877],{"class":3867},[3655,9030,9031],{"class":3657,"line":5157},[3655,9032,5166],{"class":3867},[3655,9034,9035],{"class":3657,"line":5163},[3655,9036,9037],{"class":3867},"                padding: 12px 24px;\n",[3655,9039,9040],{"class":3657,"line":5169},[3655,9041,5097],{"class":3867},[3655,9043,9044],{"class":3657,"line":5175},[3655,9045,6895],{"class":3867},[3655,9047,9048],{"class":3657,"line":5180},[3655,9049,5189],{"class":3867},[3655,9051,9052],{"class":3657,"line":5186},[3655,9053,5120],{"class":3867},[3655,9055,9056],{"class":3657,"line":5192},[3655,9057,5195],{"class":3867},[3655,9059,9060],{"class":3657,"line":5198},[3655,9061,4939],{"class":3867},[3655,9063,9064],{"class":3657,"line":5203},[3655,9065,5206],{"class":3867},[3655,9067,9068],{"class":3657,"line":5209},[3655,9069,9070],{"class":3867},"                background: #059669;\n",[3655,9072,9073],{"class":3657,"line":5215},[3655,9074,4939],{"class":3867},[3655,9076,9077],{"class":3657,"line":5220},[3655,9078,9079],{"class":3867},"            button:disabled {\n",[3655,9081,9082],{"class":3657,"line":5226},[3655,9083,9084],{"class":3867},"                opacity: 0.5;\n",[3655,9086,9087],{"class":3657,"line":5232},[3655,9088,9089],{"class":3867},"                cursor: not-allowed;\n",[3655,9091,9092],{"class":3657,"line":5237},[3655,9093,4939],{"class":3867},[3655,9095,9096],{"class":3657,"line":5243},[3655,9097,5381],{"class":3867},[3655,9099,9100],{"class":3657,"line":5248},[3655,9101,5387],{"class":3867},[3655,9103,9104],{"class":3657,"line":5254},[3655,9105,5393],{"class":3867},[3655,9107,9108],{"class":3657,"line":5260},[3655,9109,9110],{"class":3867},"        \u003Cdiv class=\"card\">\n",[3655,9112,9113],{"class":3657,"line":5265},[3655,9114,9115],{"class":3867},"            \u003Ch1>Генерація PDF звіту\u003C\u002Fh1>\n",[3655,9117,9118],{"class":3657,"line":5270},[3655,9119,9120],{"class":3867},"            \u003Cdiv class=\"progress-container\">\n",[3655,9122,9123],{"class":3657,"line":5275},[3655,9124,9125],{"class":3867},"                \u003Cdiv class=\"progress-bar\" id=\"progressBar\">\u003C\u002Fdiv>\n",[3655,9127,9128],{"class":3657,"line":5280},[3655,9129,5447],{"class":3867},[3655,9131,9132],{"class":3657,"line":5286},[3655,9133,9134],{"class":3867},"            \u003Cdiv class=\"status\" id=\"statusText\">Натисніть кнопку нижче, щоб почати...\u003C\u002Fdiv>\n",[3655,9136,9137],{"class":3657,"line":5292},[3655,9138,9139],{"class":3867},"            \u003Cbutton id=\"startBtn\" onclick=\"startStream()\">Запустити генерацію\u003C\u002Fbutton>\n",[3655,9141,9142],{"class":3657,"line":5297},[3655,9143,5453],{"class":3867},[3655,9145,9146],{"class":3657,"line":5303},[3655,9147,3704],{"emptyLinePlaceholder":3703},[3655,9149,9150],{"class":3657,"line":5309},[3655,9151,5464],{"class":3867},[3655,9153,9154],{"class":3657,"line":5315},[3655,9155,9156],{"class":3867},"            let eventSource = null;\n",[3655,9158,9159],{"class":3657,"line":5320},[3655,9160,9161],{"class":3867},"            const progressBar = document.getElementById(\"progressBar\");\n",[3655,9163,9164],{"class":3657,"line":5326},[3655,9165,9166],{"class":3867},"            const statusText = document.getElementById(\"statusText\");\n",[3655,9168,9169],{"class":3657,"line":5332},[3655,9170,9171],{"class":3867},"            const startBtn = document.getElementById(\"startBtn\");\n",[3655,9173,9174],{"class":3657,"line":5338},[3655,9175,3704],{"emptyLinePlaceholder":3703},[3655,9177,9178],{"class":3657,"line":5344},[3655,9179,9180],{"class":3867},"            function startStream() {\n",[3655,9182,9183],{"class":3657,"line":5349},[3655,9184,9185],{"class":3867},"                \u002F\u002F Деактивуємо кнопку на час генерації\n",[3655,9187,9188],{"class":3657,"line":5355},[3655,9189,9190],{"class":3867},"                startBtn.disabled = true;\n",[3655,9192,9193],{"class":3657,"line":5361},[3655,9194,9195],{"class":3867},"                progressBar.style.width = \"0%\";\n",[3655,9197,9198],{"class":3657,"line":5367},[3655,9199,9200],{"class":3867},"                statusText.textContent = \"Ініціалізація...\";\n",[3655,9202,9203],{"class":3657,"line":5373},[3655,9204,3704],{"emptyLinePlaceholder":3703},[3655,9206,9207],{"class":3657,"line":5378},[3655,9208,9209],{"class":3867},"                if (eventSource) {\n",[3655,9211,9212],{"class":3657,"line":5384},[3655,9213,9214],{"class":3867},"                    eventSource.close();\n",[3655,9216,9217],{"class":3657,"line":5390},[3655,9218,9219],{"class":3867},"                }\n",[3655,9221,9222],{"class":3657,"line":5396},[3655,9223,3704],{"emptyLinePlaceholder":3703},[3655,9225,9226],{"class":3657,"line":5402},[3655,9227,9228],{"class":3867},"                \u002F\u002F Відкриваємо з'єднання до SSE-ендпоінту\n",[3655,9230,9231],{"class":3657,"line":5408},[3655,9232,9233],{"class":3867},"                eventSource = new EventSource(\"\u002Fstream-progress\");\n",[3655,9235,9236],{"class":3657,"line":5414},[3655,9237,3704],{"emptyLinePlaceholder":3703},[3655,9239,9240],{"class":3657,"line":5420},[3655,9241,9242],{"class":3867},"                \u002F\u002F Обробляємо нові повідомлення від сервера\n",[3655,9244,9245],{"class":3657,"line":5426},[3655,9246,9247],{"class":3867},"                eventSource.onmessage = (event) => {\n",[3655,9249,9250],{"class":3657,"line":5432},[3655,9251,9252],{"class":3867},"                    const step = JSON.parse(event.data);\n",[3655,9254,9255],{"class":3657,"line":5438},[3655,9256,3704],{"emptyLinePlaceholder":3703},[3655,9258,9259],{"class":3657,"line":5444},[3655,9260,9261],{"class":3867},"                    \u002F\u002F Оновлюємо інтерфейс\n",[3655,9263,9264],{"class":3657,"line":5450},[3655,9265,9266],{"class":3867},"                    progressBar.style.width = step.progress + \"%\";\n",[3655,9268,9269],{"class":3657,"line":5456},[3655,9270,9271],{"class":3867},"                    statusText.textContent = step.message;\n",[3655,9273,9274],{"class":3657,"line":5461},[3655,9275,3704],{"emptyLinePlaceholder":3703},[3655,9277,9278],{"class":3657,"line":5467},[3655,9279,9280],{"class":3867},"                    \u002F\u002F Якщо досягли 100% — закриваємо потік\n",[3655,9282,9283],{"class":3657,"line":5473},[3655,9284,9285],{"class":3867},"                    if (step.progress >= 100) {\n",[3655,9287,9288],{"class":3657,"line":5479},[3655,9289,9290],{"class":3867},"                        eventSource.close();\n",[3655,9292,9293],{"class":3657,"line":5485},[3655,9294,9295],{"class":3867},"                        startBtn.disabled = false;\n",[3655,9297,9298],{"class":3657,"line":5491},[3655,9299,9300],{"class":3867},"                        statusText.innerHTML = '\u003Cspan style=\"color: #4ade80; font-weight: bold;\">Звіт успішно сформовано! 🎉\u003C\u002Fspan>';\n",[3655,9302,9303],{"class":3657,"line":5497},[3655,9304,9305],{"class":3867},"                    }\n",[3655,9307,9308],{"class":3657,"line":5502},[3655,9309,9310],{"class":3867},"                };\n",[3655,9312,9313],{"class":3657,"line":5508},[3655,9314,3704],{"emptyLinePlaceholder":3703},[3655,9316,9317],{"class":3657,"line":5514},[3655,9318,9319],{"class":3867},"                eventSource.onerror = (error) => {\n",[3655,9321,9322],{"class":3657,"line":5520},[3655,9323,9324],{"class":3867},"                    console.error(\"SSE error:\", error);\n",[3655,9326,9327],{"class":3657,"line":5525},[3655,9328,9329],{"class":3867},"                    statusText.textContent = \"Помилка з'єднання з сервером.\";\n",[3655,9331,9332],{"class":3657,"line":5531},[3655,9333,9214],{"class":3867},[3655,9335,9336],{"class":3657,"line":5537},[3655,9337,9338],{"class":3867},"                    startBtn.disabled = false;\n",[3655,9340,9341],{"class":3657,"line":5543},[3655,9342,9310],{"class":3867},[3655,9344,9345],{"class":3657,"line":5549},[3655,9346,4939],{"class":3867},[3655,9348,9349],{"class":3657,"line":5555},[3655,9350,5708],{"class":3867},[3655,9352,9353],{"class":3657,"line":5561},[3655,9354,5714],{"class":3867},[3655,9356,9357],{"class":3657,"line":5566},[3655,9358,5720],{"class":3867},[3655,9360,9361],{"class":3657,"line":5571},[3655,9362,4849],{"class":3867},[3655,9364,9365],{"class":3657,"line":5577},[3655,9366,3704],{"emptyLinePlaceholder":3703},[3655,9368,9369,9371,9373,9375],{"class":3657,"line":5583},[3655,9370,5736],{"class":3864},[3655,9372,4058],{"class":3934},[3655,9374,5741],{"class":3867},[3655,9376,4006],{"class":3934},[3655,9378,9379,9381,9383,9386],{"class":3657,"line":5588},[3655,9380,4049],{"class":3989},[3655,9382,4052],{"class":3989},[3655,9384,9385],{"class":3864}," get_index",[3655,9387,5756],{"class":3934},[3655,9389,9390,9392,9394,9396],{"class":3657,"line":5593},[3655,9391,4281],{"class":3930},[3655,9393,5764],{"class":3934},[3655,9395,5767],{"class":3973},[3655,9397,5770],{"class":3934},[3655,9399,9400],{"class":3657,"line":5599},[3655,9401,3704],{"emptyLinePlaceholder":3703},[3655,9403,9404,9406,9408,9411],{"class":3657,"line":5605},[3655,9405,5736],{"class":3864},[3655,9407,4058],{"class":3934},[3655,9409,9410],{"class":3867},"\"\u002Fstream-progress\"",[3655,9412,4006],{"class":3934},[3655,9414,9415,9417,9419,9422],{"class":3657,"line":5611},[3655,9416,4049],{"class":3989},[3655,9418,4052],{"class":3989},[3655,9420,9421],{"class":3864}," stream_progress",[3655,9423,5756],{"class":3934},[3655,9425,9426],{"class":3657,"line":5616},[3655,9427,9428],{"class":3964},"    # Асинхронний генератор подій\n",[3655,9430,9431,9433,9435,9438],{"class":3657,"line":5622},[3655,9432,6102],{"class":3989},[3655,9434,4052],{"class":3989},[3655,9436,9437],{"class":3864}," event_generator",[3655,9439,5756],{"class":3934},[3655,9441,9442],{"class":3657,"line":5627},[3655,9443,9444],{"class":3964},"        # Описуємо фази процесу\n",[3655,9446,9447],{"class":3657,"line":5633},[3655,9448,9449],{"class":3934},"        tasks = [\n",[3655,9451,9452,9455,9458,9460,9463,9465,9467,9469,9472],{"class":3657,"line":5639},[3655,9453,9454],{"class":3934},"            {",[3655,9456,9457],{"class":3867},"\"progress\"",[3655,9459,4064],{"class":3934},[3655,9461,9462],{"class":4130},"10",[3655,9464,4071],{"class":3934},[3655,9466,4297],{"class":3867},[3655,9468,4064],{"class":3934},[3655,9470,9471],{"class":3867},"\"Отримання списку задач із БД...\"",[3655,9473,9474],{"class":3934},"},\n",[3655,9476,9477,9479,9481,9483,9486,9488,9490,9492,9495],{"class":3657,"line":5644},[3655,9478,9454],{"class":3934},[3655,9480,9457],{"class":3867},[3655,9482,4064],{"class":3934},[3655,9484,9485],{"class":4130},"35",[3655,9487,4071],{"class":3934},[3655,9489,4297],{"class":3867},[3655,9491,4064],{"class":3934},[3655,9493,9494],{"class":3867},"\"Розрахунок часу виконання та KPI...\"",[3655,9496,9474],{"class":3934},[3655,9498,9499,9501,9503,9505,9508,9510,9512,9514,9517],{"class":3657,"line":5649},[3655,9500,9454],{"class":3934},[3655,9502,9457],{"class":3867},[3655,9504,4064],{"class":3934},[3655,9506,9507],{"class":4130},"65",[3655,9509,4071],{"class":3934},[3655,9511,4297],{"class":3867},[3655,9513,4064],{"class":3934},[3655,9515,9516],{"class":3867},"\"Збірка PDF документа...\"",[3655,9518,9474],{"class":3934},[3655,9520,9521,9523,9525,9527,9530,9532,9534,9536,9539],{"class":3657,"line":5655},[3655,9522,9454],{"class":3934},[3655,9524,9457],{"class":3867},[3655,9526,4064],{"class":3934},[3655,9528,9529],{"class":4130},"90",[3655,9531,4071],{"class":3934},[3655,9533,4297],{"class":3867},[3655,9535,4064],{"class":3934},[3655,9537,9538],{"class":3867},"\"Завантаження звіту у хмару S3...\"",[3655,9540,9474],{"class":3934},[3655,9542,9543,9545,9547,9549,9552,9554,9556,9558,9561],{"class":3657,"line":5661},[3655,9544,9454],{"class":3934},[3655,9546,9457],{"class":3867},[3655,9548,4064],{"class":3934},[3655,9550,9551],{"class":4130},"100",[3655,9553,4071],{"class":3934},[3655,9555,4297],{"class":3867},[3655,9557,4064],{"class":3934},[3655,9559,9560],{"class":3867},"\"Генерацію завершено!\"",[3655,9562,4305],{"class":3934},[3655,9564,9565],{"class":3657,"line":5666},[3655,9566,9567],{"class":3934},"        ]\n",[3655,9569,9570],{"class":3657,"line":5672},[3655,9571,3704],{"emptyLinePlaceholder":3703},[3655,9573,9574,9577,9580,9582],{"class":3657,"line":5677},[3655,9575,9576],{"class":3930},"        for",[3655,9578,9579],{"class":3934}," task ",[3655,9581,6222],{"class":3930},[3655,9583,9584],{"class":3934}," tasks:\n",[3655,9586,9587],{"class":3657,"line":5682},[3655,9588,9589],{"class":3964},"            # Імітуємо виконання реальної роботи\n",[3655,9591,9592,9594,9596,9599],{"class":3657,"line":5687},[3655,9593,5879],{"class":3930},[3655,9595,4127],{"class":3934},[3655,9597,9598],{"class":4130},"1.2",[3655,9600,4006],{"class":3934},[3655,9602,9603],{"class":3657,"line":5693},[3655,9604,3704],{"emptyLinePlaceholder":3703},[3655,9606,9607],{"class":3657,"line":5699},[3655,9608,9609],{"class":3964},"            # Форматуємо відповідно до специфікації SSE: data: \u003Cpayload>\\n\\n\n",[3655,9611,9612,9615,9617,9620,9622,9625,9627,9629],{"class":3657,"line":5705},[3655,9613,9614],{"class":3930},"            yield",[3655,9616,6453],{"class":3989},[3655,9618,9619],{"class":3867},"\"data: ",[3655,9621,4095],{"class":3989},[3655,9623,9624],{"class":3934},"json.dumps(task)",[3655,9626,4100],{"class":3989},[3655,9628,8090],{"class":6501},[3655,9630,9631],{"class":3867},"\"\n",[3655,9633,9634],{"class":3657,"line":5711},[3655,9635,3704],{"emptyLinePlaceholder":3703},[3655,9637,9638],{"class":3657,"line":5717},[3655,9639,9640],{"class":3964},"    # Повертаємо потокову відповідь з типом text\u002Fevent-stream\n",[3655,9642,9643,9645,9648,9651,9653,9656],{"class":3657,"line":5723},[3655,9644,4281],{"class":3930},[3655,9646,9647],{"class":3934}," StreamingResponse(event_generator(), ",[3655,9649,9650],{"class":3973},"media_type",[3655,9652,3983],{"class":3934},[3655,9654,9655],{"class":3867},"\"text\u002Fevent-stream\"",[3655,9657,4006],{"class":3934},[3551,9659,9660],{},"Щоб перевірити роботу SSE:",[4310,9662,9664,9673,9681,9688],{"title":9663},"Запуск та перевірка SSE",[4314,9665,9667,4322,9670],{"className":9666},[3657],[3655,9668,4321],{"className":9669},[4320],[3564,9671,9672],{},"uvicorn sse_app:app --reload --port 8000",[4314,9674,9676,4355,9679,4360],{"className":9675},[3657],[3655,9677,4333],{"className":9678},[4332],[4357,9680,4359],{},[4314,9682,9684,9687],{"className":9683},[3657],[3655,9685,4333],{"className":9686},[4332],"     127.0.0.1:60233 - \"GET \u002F HTTP\u002F1.1\" 200 OK",[4314,9689,9691,9694],{"className":9690},[3657],[3655,9692,4333],{"className":9693},[4332],"     127.0.0.1:60234 - \"GET \u002Fstream-progress HTTP\u002F1.1\" 200 OK",[3551,9696,9697,9698,9700],{},"Відкрийте ",[3569,9699,4359],{}," у браузері, натисніть кнопку \"Запустити генерацію\" й спостерігайте за плавною анімацією прогрес-бару. На відміну від WebSockets, ми не налаштовували складне рукостискання, не створювали менеджерів з'єднань і працювали через звичайний протокол HTTP.",[3551,9702,9703,9704,9707],{},"| ",[3564,9705,9706],{},"Складність коду"," | Вища (вимагає ручного трекінгу підключень) | Дуже низька |",[3593,9709],{},[3596,9711,9713],{"id":9712},"_6-celery-redis-розподілена-черга-важких-завдань","6. Celery + Redis: Розподілена черга важких завдань",[3551,9715,9716,9717,9719],{},"Коли у додатку з'являються завдання, які вимагають значних ресурсів CPU (наприклад, обробка відео, стиснення великої кількості зображень, навчання ML-моделей) або тривають хвилинами й годинами (наприклад, парсинг великих сайтів), жоден вбудований інструмент на кшталт ",[3569,9718,3590],{}," не допоможе.",[3551,9721,9722,9723,9726,9727,7798,9729,3572],{},"Для надійної та масштабованої обробки таких завдань використовують архітектурний патерн ",[3564,9724,9725],{},"Task Queue"," (Черга завдань) на базі ",[3564,9728,4652],{},[3564,9730,9731],{},"Redis",[3611,9733,9735],{"id":9734},"чому-не-backgroundtasks","Чому не BackgroundTasks?",[3628,9737,9738,9744,9753],{},[3561,9739,9740,9743],{},[3564,9741,9742],{},"Процеси CPU-bound",": Python через наявність Global Interpreter Lock (GIL) не може ефективно паралелити CPU-bound завдання в межах одного процесу. Важкий розрахунок у фоновому потоці повністю заблокує обробку нових HTTP-запитів.",[3561,9745,9746,9749,9750,9752],{},[3564,9747,9748],{},"Гарантія доставки (Resilience)",": Якщо вебсервер перезапуститься або впаде, всі завдання в Celery збережуться у брокері (Redis) і будуть виконані після відновлення. З ",[3569,9751,3590],{}," вони зникнуть назавжди.",[3561,9754,9755,9758],{},[3564,9756,9757],{},"Масштабування (Scaling)",": Celery-воркери працюють як окремі процеси або навіть на окремих фізичних серверах. Ви можете легко масштабувати потужність обробки фонових задач незалежно від самого API.",[3593,9760],{},[3611,9762,9764],{"id":9763},"архітектура-celery","Архітектура Celery",[3551,9766,9767],{},"Celery працює за моделлю \"Producer-Consumer\" (Виробник-Споживач) і складається з чотирьох основних компонентів:",[3558,9769,9770,9776,9782,9788],{},[3561,9771,9772,9775],{},[3564,9773,9774],{},"Producer (Джерело \u002F FastAPI)",": Додаток, який створює завдання й відправляє їх у чергу (наприклад, користувач натиснув кнопку \"Згенерувати звіт\").",[3561,9777,9778,9781],{},[3564,9779,9780],{},"Message Broker (Брокер повідомлень \u002F Redis)",": Тимчасове сховище для завдань. FastAPI записує опис завдання (назву функції та аргументи) у брокер, а Celery-воркери забирають їх звідти. Найчастіше використовують Redis або RabbitMQ.",[3561,9783,9784,9787],{},[3564,9785,9786],{},"Worker (Обробник \u002F Celery Worker)",": Окремий системний процес Python, який постійно опитує брокер, забирає завдання та виконує їх.",[3561,9789,9790,9793],{},[3564,9791,9792],{},"Result Backend (Сховище результатів \u002F Redis)",": Сховище, куди воркери записують результати виконання завдань (статус, повернуте значення або інформацію про помилку). FastAPI може зробити запит до Result Backend за унікальним ID завдання, щоб дізнатися, чи виконано воно.",[3643,9795,9796],{},[3646,9797,9799],{"className":3648,"code":9798,"language":3650,"meta":3651,"style":3651},"@startuml\nskinparam style plain\nskinparam backgroundColor #ffffff\nskinparam ArrowColor #3b82f6\n\npackage \"Web Layer (FastAPI)\" #f1f5f9 {\n    component \"FastAPI App\" as fastapi #e3f2fd\n}\n\ndatabase \"Message Broker (Redis)\" as broker #fee2e2\n\npackage \"Worker Layer (Celery)\" #f1f5f9 {\n    component \"Celery Worker 1\" as worker1 #e8f5e9\n    component \"Celery Worker 2\" as worker2 #e8f5e9\n}\n\ndatabase \"Result Backend (Redis)\" as backend #fee2e2\n\nfastapi -down-> broker : 1. delay(task_args)\\n(Надсилає задачу в чергу)\nbroker -down-> worker1 : 2. Забирає задачу\\nна виконання\nbroker -down-> worker2 : 2. Забирає задачу\\nна виконання\nworker1 -right-> backend : 3. Записує результат\\n(Success\u002FFailed)\nfastapi -right-> backend : 4. Перевіряє статус\\nза ID задачі\n@enduml\n",[3569,9800,9801,9805,9809,9813,9817,9821,9826,9831,9835,9839,9844,9848,9853,9858,9863,9867,9871,9876,9880,9885,9890,9895,9900,9905],{"__ignoreMap":3651},[3655,9802,9803],{"class":3657,"line":3658},[3655,9804,3661],{},[3655,9806,9807],{"class":3657,"line":3664},[3655,9808,3667],{},[3655,9810,9811],{"class":3657,"line":3670},[3655,9812,3673],{},[3655,9814,9815],{"class":3657,"line":3676},[3655,9816,3685],{},[3655,9818,9819],{"class":3657,"line":3682},[3655,9820,3704],{"emptyLinePlaceholder":3703},[3655,9822,9823],{"class":3657,"line":3688},[3655,9824,9825],{},"package \"Web Layer (FastAPI)\" #f1f5f9 {\n",[3655,9827,9828],{"class":3657,"line":3694},[3655,9829,9830],{},"    component \"FastAPI App\" as fastapi #e3f2fd\n",[3655,9832,9833],{"class":3657,"line":3700},[3655,9834,4305],{},[3655,9836,9837],{"class":3657,"line":3707},[3655,9838,3704],{"emptyLinePlaceholder":3703},[3655,9840,9841],{"class":3657,"line":3713},[3655,9842,9843],{},"database \"Message Broker (Redis)\" as broker #fee2e2\n",[3655,9845,9846],{"class":3657,"line":3719},[3655,9847,3704],{"emptyLinePlaceholder":3703},[3655,9849,9850],{"class":3657,"line":3725},[3655,9851,9852],{},"package \"Worker Layer (Celery)\" #f1f5f9 {\n",[3655,9854,9855],{"class":3657,"line":3731},[3655,9856,9857],{},"    component \"Celery Worker 1\" as worker1 #e8f5e9\n",[3655,9859,9860],{"class":3657,"line":3737},[3655,9861,9862],{},"    component \"Celery Worker 2\" as worker2 #e8f5e9\n",[3655,9864,9865],{"class":3657,"line":3743},[3655,9866,4305],{},[3655,9868,9869],{"class":3657,"line":3748},[3655,9870,3704],{"emptyLinePlaceholder":3703},[3655,9872,9873],{"class":3657,"line":3754},[3655,9874,9875],{},"database \"Result Backend (Redis)\" as backend #fee2e2\n",[3655,9877,9878],{"class":3657,"line":3760},[3655,9879,3704],{"emptyLinePlaceholder":3703},[3655,9881,9882],{"class":3657,"line":3766},[3655,9883,9884],{},"fastapi -down-> broker : 1. delay(task_args)\\n(Надсилає задачу в чергу)\n",[3655,9886,9887],{"class":3657,"line":3772},[3655,9888,9889],{},"broker -down-> worker1 : 2. Забирає задачу\\nна виконання\n",[3655,9891,9892],{"class":3657,"line":3777},[3655,9893,9894],{},"broker -down-> worker2 : 2. Забирає задачу\\nна виконання\n",[3655,9896,9897],{"class":3657,"line":3783},[3655,9898,9899],{},"worker1 -right-> backend : 3. Записує результат\\n(Success\u002FFailed)\n",[3655,9901,9902],{"class":3657,"line":3789},[3655,9903,9904],{},"fastapi -right-> backend : 4. Перевіряє статус\\nза ID задачі\n",[3655,9906,9907],{"class":3657,"line":3795},[3655,9908,3832],{},[3593,9910],{},[3611,9912,9914],{"id":9913},"практична-реалізація-celery-redis-fastapi","Практична реалізація: Celery + Redis + FastAPI",[3551,9916,9917],{},"Створимо повноцінний автономний проект від А до Я. Наш проект складатиметься з двох файлів: один описуватиме фонові завдання Celery, а другий — API на FastAPI, яке запускає ці завдання та перевіряє їхній статус.",[3593,9919],{},[3611,9921,9923],{"id":9922},"глибоке-занурення-в-роботу-celery","Глибоке занурення в роботу Celery",[3551,9925,9926,9927,9930],{},"Щоб побудувати надійну production-ready систему на базі Celery, недостатньо просто викликати ",[3569,9928,9929],{},".delay()",". Потрібно розуміти внутрішні механізми керування завданнями, серіалізацію, обробку помилок та масштабування.",[7884,9932,9934],{"id":9933},"_1-серіалізація-та-безпека-pickle-vs-json","1. Серіалізація та безпека (Pickle vs JSON)",[3551,9936,9937],{},"Оскільки FastAPI додаток та Celery Worker працюють у різних процесах (і часто на різних серверах), вони не можуть обмінюватися живими об'єктами Python у пам'яті. Вхідні аргументи та результати виконання завдань мають бути перетворені на послідовність байтів (серіалізовані) для збереження у брокері (Redis).",[3551,9939,9940],{},"Celery підтримує кілька серіалізаторів:",[3628,9942,9943,9951],{},[3561,9944,9945,9950],{},[3564,9946,9947],{},[3569,9948,9949],{},"json",": Стандарт де-факто. Безпечний, легко читається, підтримується іншими мовами. Проте він підтримує лише базові типи даних (dict, list, str, int, float, bool). Спроба передати об'єкт datetime або Pydantic-модель призведе до помилки.",[3561,9952,9953,9958],{},[3564,9954,9955],{},[3569,9956,9957],{},"pickle",": Специфічний для Python серіалізатор. Може закодувати майже будь-який об'єкт Python.",[4458,9960,9961,9964,9966,9967,9969,9970,9972,9973,9975],{},[3564,9962,9963],{},"Критична небезпека вразливості:",[3569,9965,9957],{}," дозволяє виконувати довільний код під час десеріалізації. Якщо зловмисник отримає доступ до вашого брокера повідомлень (Redis) і запише туди підроблене завдання, зашифроване через ",[3569,9968,9957],{},", ваш Celery Worker виконає будь-який шкідливий код на сервері під час читання черги. З міркувань безпеки, починаючи з версії Celery 4.0, серіалізатор ",[3569,9971,9949],{}," встановлено за замовчуванням, а ",[3569,9974,9957],{}," повністю заблоковано, поки ви явно не дозволите його в налаштуваннях.",[7884,9977,9979],{"id":9978},"_2-життєвий-цикл-та-стани-завдання-task-lifecycle-states","2. Життєвий цикл та стани завдання (Task Lifecycle States)",[3551,9981,9982],{},"Коли завдання відправляється до черги, воно проходить через ряд внутрішніх станів:",[3643,9984,9985],{},[3646,9986,9988],{"className":3648,"code":9987,"language":3650,"meta":3651,"style":3651},"@startuml\nskinparam style plain\nskinparam backgroundColor #ffffff\nskinparam ArrowColor #3b82f6\n\n[*] --> PENDING : delay() викликано\\n(задача в черзі)\nPENDING --> STARTED : Worker взяв задачу\\nв роботу\nSTARTED --> SUCCESS : Завдання виконано\\nуспішно (повернуто результат)\nSTARTED --> FAILURE : Виникла помилка\\n(Uncaught Exception)\nSTARTED --> RETRY : Помилка зв'язку\\n(Перезапуск з countdown)\nRETRY --> PENDING : Повернення в чергу\nSUCCESS --> [*]\nFAILURE --> [*]\n@enduml\n",[3569,9989,9990,9994,9998,10002,10006,10010,10015,10020,10025,10030,10035,10040,10045,10050],{"__ignoreMap":3651},[3655,9991,9992],{"class":3657,"line":3658},[3655,9993,3661],{},[3655,9995,9996],{"class":3657,"line":3664},[3655,9997,3667],{},[3655,9999,10000],{"class":3657,"line":3670},[3655,10001,3673],{},[3655,10003,10004],{"class":3657,"line":3676},[3655,10005,3685],{},[3655,10007,10008],{"class":3657,"line":3682},[3655,10009,3704],{"emptyLinePlaceholder":3703},[3655,10011,10012],{"class":3657,"line":3688},[3655,10013,10014],{},"[*] --> PENDING : delay() викликано\\n(задача в черзі)\n",[3655,10016,10017],{"class":3657,"line":3694},[3655,10018,10019],{},"PENDING --> STARTED : Worker взяв задачу\\nв роботу\n",[3655,10021,10022],{"class":3657,"line":3700},[3655,10023,10024],{},"STARTED --> SUCCESS : Завдання виконано\\nуспішно (повернуто результат)\n",[3655,10026,10027],{"class":3657,"line":3707},[3655,10028,10029],{},"STARTED --> FAILURE : Виникла помилка\\n(Uncaught Exception)\n",[3655,10031,10032],{"class":3657,"line":3713},[3655,10033,10034],{},"STARTED --> RETRY : Помилка зв'язку\\n(Перезапуск з countdown)\n",[3655,10036,10037],{"class":3657,"line":3719},[3655,10038,10039],{},"RETRY --> PENDING : Повернення в чергу\n",[3655,10041,10042],{"class":3657,"line":3725},[3655,10043,10044],{},"SUCCESS --> [*]\n",[3655,10046,10047],{"class":3657,"line":3731},[3655,10048,10049],{},"FAILURE --> [*]\n",[3655,10051,10052],{"class":3657,"line":3737},[3655,10053,3832],{},[3628,10055,10056,10064,10076,10084,10092],{},[3561,10057,10058,10063],{},[3564,10059,10060],{},[3569,10061,10062],{},"PENDING",": Завдання очікує в черзі на обробку воркером.",[3561,10065,10066,10071,10072,10075],{},[3564,10067,10068],{},[3569,10069,10070],{},"STARTED",": Воркер розпочав виконання (вимагає увімкнення опції ",[3569,10073,10074],{},"track_started"," у конфігу).",[3561,10077,10078,10083],{},[3564,10079,10080],{},[3569,10081,10082],{},"RETRY",": Завдання впало з очікуваною помилкою та було відправлено на повторну спробу через певний проміжок часу.",[3561,10085,10086,10091],{},[3564,10087,10088],{},[3569,10089,10090],{},"SUCCESS",": Завдання успішно виконано. Результат записано в Result Backend.",[3561,10093,10094,10099],{},[3564,10095,10096],{},[3569,10097,10098],{},"FAILURE",": Під час виконання виник виняток (Exception). Інформація про помилку та трейсбек збережені у Result Backend.",[7884,10101,10103],{"id":10102},"_3-пули-конкурентності-воркерів-concurrency-pools","3. Пули конкурентності воркерів (Concurrency Pools)",[3551,10105,10106,10107,4656,10110,10113],{},"Коли ви запускаєте Celery Worker, ви можете вказати, як саме він має паралелити виконання завдань (за допомогою прапорця ",[3569,10108,10109],{},"-P",[3569,10111,10112],{},"--pool","):",[3628,10115,10116,10132,10140,10156],{},[3561,10117,10118,10123,10124,10127,10128,10131],{},[3564,10119,10120],{},[3569,10121,10122],{},"prefork",": Режим за замовчуванням. Створює пул процесів Python (використовує модуль ",[3569,10125,10126],{},"multiprocessing","). Ідеально підходить для ",[3564,10129,10130],{},"CPU-bound"," завдань, оскільки кожен процес має свій GIL і може повністю завантажити окреме ядро процесора.",[3561,10133,10134,10139],{},[3564,10135,10136],{},[3569,10137,10138],{},"solo",": Запуск в один потік без паралелізму. Використовується виключно для налагодження та тестування локально.",[3561,10141,10142,10151,10152,10155],{},[3564,10143,10144,10147,10148],{},[3569,10145,10146],{},"eventlet"," \u002F ",[3569,10149,10150],{},"gevent",": Корутинні пули (greenlet). Вони працюють як асинхронні легковагові потоки в межах одного процесу. Ідеально підходять для ",[3564,10153,10154],{},"I\u002FO-bound"," завдань (наприклад, надсилання 10 000 HTTP-запитів, розсилка SMS). Один такий воркер може обробляти тисячі завдань паралельно на одному ядрі CPU, але будь-яка CPU-bound операція або блокуючий системний виклик «заморозить» увесь воркер.",[3561,10157,10158,10163],{},[3564,10159,10160],{},[3569,10161,10162],{},"threads",": Пул стандартних системних потоків OS.",[7884,10165,10167],{"id":10166},"_4-обробка-помилок-та-повторні-спроби-retries","4. Обробка помилок та повторні спроби (Retries)",[3551,10169,10170,10171,7893],{},"У реальному житті зовнішні API падають, а бази даних бувають тимчасово недоступні. Celery надає потужний механізм автоматичних повторних спроб (Retry). Для цього потрібно зв'язати таск із об'єктом завдання через аргумент ",[3569,10172,10173],{},"bind=True",[3646,10175,10177],{"className":3921,"code":10176,"language":3923,"meta":3651,"style":3651},"import requests\nfrom celery_worker import celery_app\n\n@celery_app.task(\n    bind=True,\n    max_retries=5,\n    default_retry_delay=60, # очікування 1 хвилина перед ретраєм\n    autoretry_for=(requests.exceptions.RequestException,) # автоматичний ретрай при цих помилках\n)\ndef send_webhook_task(self, url: str, data: dict):\n    # self вказує на поточний екземпляр Task\n    try:\n        response = requests.post(url, json=data, timeout=10)\n        response.raise_for_status()\n    except requests.exceptions.HTTPError as exc:\n        if response.status_code == 400:\n            # Немає сенсу повторювати запит, якщо клієнт надіслав некоректні дані\n            raise\n        # Для помилок 5xx робимо ручний ретрай з експоненційною затримкою\n        # countdown збільшується з кожною спробою (self.request.retries)\n        raise self.retry(exc=exc, countdown=2 ** self.request.retries)\n",[3569,10178,10179,10186,10198,10202,10209,10222,10233,10248,10259,10263,10293,10298,10304,10323,10328,10341,10353,10358,10363,10368,10373],{"__ignoreMap":3651},[3655,10180,10181,10183],{"class":3657,"line":3658},[3655,10182,3931],{"class":3930},[3655,10184,10185],{"class":3934}," requests\n",[3655,10187,10188,10190,10193,10195],{"class":3657,"line":3664},[3655,10189,3947],{"class":3930},[3655,10191,10192],{"class":3934}," celery_worker ",[3655,10194,3931],{"class":3930},[3655,10196,10197],{"class":3934}," celery_app\n",[3655,10199,10200],{"class":3657,"line":3670},[3655,10201,3704],{"emptyLinePlaceholder":3703},[3655,10203,10204,10207],{"class":3657,"line":3676},[3655,10205,10206],{"class":3864},"@celery_app.task",[3655,10208,7621],{"class":3934},[3655,10210,10211,10214,10216,10219],{"class":3657,"line":3682},[3655,10212,10213],{"class":3973},"    bind",[3655,10215,3983],{"class":3934},[3655,10217,10218],{"class":3989},"True",[3655,10220,10221],{"class":3934},",\n",[3655,10223,10224,10227,10229,10231],{"class":3657,"line":3688},[3655,10225,10226],{"class":3973},"    max_retries",[3655,10228,3983],{"class":3934},[3655,10230,4131],{"class":4130},[3655,10232,10221],{"class":3934},[3655,10234,10235,10238,10240,10243,10245],{"class":3657,"line":3694},[3655,10236,10237],{"class":3973},"    default_retry_delay",[3655,10239,3983],{"class":3934},[3655,10241,10242],{"class":4130},"60",[3655,10244,4071],{"class":3934},[3655,10246,10247],{"class":3964},"# очікування 1 хвилина перед ретраєм\n",[3655,10249,10250,10253,10256],{"class":3657,"line":3700},[3655,10251,10252],{"class":3973},"    autoretry_for",[3655,10254,10255],{"class":3934},"=(requests.exceptions.RequestException,) ",[3655,10257,10258],{"class":3964},"# автоматичний ретрай при цих помилках\n",[3655,10260,10261],{"class":3657,"line":3707},[3655,10262,4006],{"class":3934},[3655,10264,10265,10267,10270,10272,10274,10276,10279,10281,10283,10285,10287,10289,10291],{"class":3657,"line":3713},[3655,10266,4433],{"class":3989},[3655,10268,10269],{"class":3864}," send_webhook_task",[3655,10271,4058],{"class":3934},[3655,10273,6073],{"class":3973},[3655,10275,4071],{"class":3934},[3655,10277,10278],{"class":3973},"url",[3655,10280,4064],{"class":3934},[3655,10282,4068],{"class":4067},[3655,10284,4071],{"class":3934},[3655,10286,5892],{"class":3973},[3655,10288,4064],{"class":3934},[3655,10290,7801],{"class":4067},[3655,10292,4081],{"class":3934},[3655,10294,10295],{"class":3657,"line":3719},[3655,10296,10297],{"class":3964},"    # self вказує на поточний екземпляр Task\n",[3655,10299,10300,10302],{"class":3657,"line":3725},[3655,10301,5830],{"class":3930},[3655,10303,5833],{"class":3934},[3655,10305,10306,10309,10311,10314,10317,10319,10321],{"class":3657,"line":3731},[3655,10307,10308],{"class":3934},"        response = requests.post(url, ",[3655,10310,9949],{"class":3973},[3655,10312,10313],{"class":3934},"=data, ",[3655,10315,10316],{"class":3973},"timeout",[3655,10318,3983],{"class":3934},[3655,10320,9462],{"class":4130},[3655,10322,4006],{"class":3934},[3655,10324,10325],{"class":3657,"line":3737},[3655,10326,10327],{"class":3934},"        response.raise_for_status()\n",[3655,10329,10330,10332,10335,10338],{"class":3657,"line":3743},[3655,10331,5910],{"class":3930},[3655,10333,10334],{"class":3934}," requests.exceptions.HTTPError ",[3655,10336,10337],{"class":3930},"as",[3655,10339,10340],{"class":3934}," exc:\n",[3655,10342,10343,10345,10348,10351],{"class":3657,"line":3748},[3655,10344,6144],{"class":3930},[3655,10346,10347],{"class":3934}," response.status_code == ",[3655,10349,10350],{"class":4130},"400",[3655,10352,5833],{"class":3934},[3655,10354,10355],{"class":3657,"line":3754},[3655,10356,10357],{"class":3964},"            # Немає сенсу повторювати запит, якщо клієнт надіслав некоректні дані\n",[3655,10359,10360],{"class":3657,"line":3760},[3655,10361,10362],{"class":3930},"            raise\n",[3655,10364,10365],{"class":3657,"line":3766},[3655,10366,10367],{"class":3964},"        # Для помилок 5xx робимо ручний ретрай з експоненційною затримкою\n",[3655,10369,10370],{"class":3657,"line":3772},[3655,10371,10372],{"class":3964},"        # countdown збільшується з кожною спробою (self.request.retries)\n",[3655,10374,10375,10378,10380,10383,10386,10389,10392,10394,10397,10400,10402],{"class":3657,"line":3777},[3655,10376,10377],{"class":3930},"        raise",[3655,10379,6156],{"class":3989},[3655,10381,10382],{"class":3934},".retry(",[3655,10384,10385],{"class":3973},"exc",[3655,10387,10388],{"class":3934},"=exc, ",[3655,10390,10391],{"class":3973},"countdown",[3655,10393,3983],{"class":3934},[3655,10395,10396],{"class":4130},"2",[3655,10398,10399],{"class":3934}," ** ",[3655,10401,6073],{"class":3989},[3655,10403,10404],{"class":3934},".request.retries)\n",[7884,10406,10408],{"id":10407},"_5-періодичні-завдання-celery-beat","5. Періодичні завдання: Celery Beat",[3551,10410,10411,10412,3572],{},"Якщо вам потрібно запускати завдання не за запитом користувача, а за розкладом (наприклад, кожну ніч о 03:00 очищати кошик, кожні 10 хвилин перевіряти курси валют), використовується планувальник ",[3564,10413,10414],{},"Celery Beat",[3551,10416,10417],{},"Celery Beat — це окремий сервіс (демон), який працює поруч з воркерами. Він читає конфігурацію розкладу й у потрібний момент відправляє звичайну задачу в чергу Redis, яку потім підхоплює будь-який вільний воркер.",[3551,10419,10420,10421,7893],{},"Приклад конфігурації періодичних завдань у ",[3569,10422,10423],{},"celery_worker.py",[3646,10425,10427],{"className":3921,"code":10426,"language":3923,"meta":3651,"style":3651},"from celery.schedules import crontab\n\ncelery_app.conf.beat_schedule = {\n    # Запуск задачі кожні 30 секунд\n    \"clear-temp-files-every-30-seconds\": {\n        \"task\": \"clear_temp_files\",\n        \"schedule\": 30.0,\n    },\n    # Запуск щодня о 3:30 ранку\n    \"generate-daily-reports\": {\n        \"task\": \"build_reports\",\n        \"schedule\": crontab(hour=3, minute=30),\n        \"args\": (\"daily\",), # позиційні аргументи для функції\n    },\n}\n",[3569,10428,10429,10441,10445,10450,10455,10463,10475,10487,10492,10497,10504,10515,10543,10560,10564],{"__ignoreMap":3651},[3655,10430,10431,10433,10436,10438],{"class":3657,"line":3658},[3655,10432,3947],{"class":3930},[3655,10434,10435],{"class":3934}," celery.schedules ",[3655,10437,3931],{"class":3930},[3655,10439,10440],{"class":3934}," crontab\n",[3655,10442,10443],{"class":3657,"line":3664},[3655,10444,3704],{"emptyLinePlaceholder":3703},[3655,10446,10447],{"class":3657,"line":3670},[3655,10448,10449],{"class":3934},"celery_app.conf.beat_schedule = {\n",[3655,10451,10452],{"class":3657,"line":3676},[3655,10453,10454],{"class":3964},"    # Запуск задачі кожні 30 секунд\n",[3655,10456,10457,10460],{"class":3657,"line":3682},[3655,10458,10459],{"class":3867},"    \"clear-temp-files-every-30-seconds\"",[3655,10461,10462],{"class":3934},": {\n",[3655,10464,10465,10468,10470,10473],{"class":3657,"line":3688},[3655,10466,10467],{"class":3867},"        \"task\"",[3655,10469,4064],{"class":3934},[3655,10471,10472],{"class":3867},"\"clear_temp_files\"",[3655,10474,10221],{"class":3934},[3655,10476,10477,10480,10482,10485],{"class":3657,"line":3694},[3655,10478,10479],{"class":3867},"        \"schedule\"",[3655,10481,4064],{"class":3934},[3655,10483,10484],{"class":4130},"30.0",[3655,10486,10221],{"class":3934},[3655,10488,10489],{"class":3657,"line":3700},[3655,10490,10491],{"class":3934},"    },\n",[3655,10493,10494],{"class":3657,"line":3707},[3655,10495,10496],{"class":3964},"    # Запуск щодня о 3:30 ранку\n",[3655,10498,10499,10502],{"class":3657,"line":3713},[3655,10500,10501],{"class":3867},"    \"generate-daily-reports\"",[3655,10503,10462],{"class":3934},[3655,10505,10506,10508,10510,10513],{"class":3657,"line":3719},[3655,10507,10467],{"class":3867},[3655,10509,4064],{"class":3934},[3655,10511,10512],{"class":3867},"\"build_reports\"",[3655,10514,10221],{"class":3934},[3655,10516,10517,10519,10522,10525,10527,10530,10532,10535,10537,10540],{"class":3657,"line":3725},[3655,10518,10479],{"class":3867},[3655,10520,10521],{"class":3934},": crontab(",[3655,10523,10524],{"class":3973},"hour",[3655,10526,3983],{"class":3934},[3655,10528,10529],{"class":4130},"3",[3655,10531,4071],{"class":3934},[3655,10533,10534],{"class":3973},"minute",[3655,10536,3983],{"class":3934},[3655,10538,10539],{"class":4130},"30",[3655,10541,10542],{"class":3934},"),\n",[3655,10544,10545,10548,10551,10554,10557],{"class":3657,"line":3731},[3655,10546,10547],{"class":3867},"        \"args\"",[3655,10549,10550],{"class":3934},": (",[3655,10552,10553],{"class":3867},"\"daily\"",[3655,10555,10556],{"class":3934},",), ",[3655,10558,10559],{"class":3964},"# позиційні аргументи для функції\n",[3655,10561,10562],{"class":3657,"line":3737},[3655,10563,10491],{"class":3934},[3655,10565,10566],{"class":3657,"line":3743},[3655,10567,4305],{"class":3934},[7884,10569,10571],{"id":10570},"_6-маршрутизація-завдань-та-кілька-черг-task-routing","6. Маршрутизація завдань та кілька черг (Task Routing)",[3551,10573,10574,10575,10578],{},"За замовчуванням усі завдання пишуться в одну загальну чергу Redis з назвою ",[3569,10576,10577],{},"celery",". Якщо ваш додаток робить і важкі завдання (генерація відео на 30 хвилин), і легкі швидкі завдання (надсилання SMS-коду авторизації за 1 секунду), виникне проблема: важкі завдання заб'ють усю чергу, а користувач чекатиме SMS-код 20 хвилин.",[3551,10580,10581],{},"Рішення — розділення завдань на різні черги:",[3646,10583,10585],{"className":3921,"code":10584,"language":3923,"meta":3651,"style":3651},"# Конфігурація маршрутизації в celery_worker.py\ncelery_app.conf.task_routes = {\n    # Легкі завдання йдуть в чергу 'high_priority'\n    \"send_sms_task\": {\"queue\": \"high_priority\"},\n    \"send_email_task\": {\"queue\": \"high_priority\"},\n    # Важкі завдання йдуть в чергу 'low_priority'\n    \"heavy_calculation\": {\"queue\": \"low_priority\"},\n}\n",[3569,10586,10587,10592,10597,10602,10620,10635,10640,10656],{"__ignoreMap":3651},[3655,10588,10589],{"class":3657,"line":3658},[3655,10590,10591],{"class":3964},"# Конфігурація маршрутизації в celery_worker.py\n",[3655,10593,10594],{"class":3657,"line":3664},[3655,10595,10596],{"class":3934},"celery_app.conf.task_routes = {\n",[3655,10598,10599],{"class":3657,"line":3670},[3655,10600,10601],{"class":3964},"    # Легкі завдання йдуть в чергу 'high_priority'\n",[3655,10603,10604,10607,10610,10613,10615,10618],{"class":3657,"line":3676},[3655,10605,10606],{"class":3867},"    \"send_sms_task\"",[3655,10608,10609],{"class":3934},": {",[3655,10611,10612],{"class":3867},"\"queue\"",[3655,10614,4064],{"class":3934},[3655,10616,10617],{"class":3867},"\"high_priority\"",[3655,10619,9474],{"class":3934},[3655,10621,10622,10625,10627,10629,10631,10633],{"class":3657,"line":3682},[3655,10623,10624],{"class":3867},"    \"send_email_task\"",[3655,10626,10609],{"class":3934},[3655,10628,10612],{"class":3867},[3655,10630,4064],{"class":3934},[3655,10632,10617],{"class":3867},[3655,10634,9474],{"class":3934},[3655,10636,10637],{"class":3657,"line":3688},[3655,10638,10639],{"class":3964},"    # Важкі завдання йдуть в чергу 'low_priority'\n",[3655,10641,10642,10645,10647,10649,10651,10654],{"class":3657,"line":3694},[3655,10643,10644],{"class":3867},"    \"heavy_calculation\"",[3655,10646,10609],{"class":3934},[3655,10648,10612],{"class":3867},[3655,10650,4064],{"class":3934},[3655,10652,10653],{"class":3867},"\"low_priority\"",[3655,10655,9474],{"class":3934},[3655,10657,10658],{"class":3657,"line":3700},[3655,10659,4305],{"class":3934},[3551,10661,10662],{},"Тепер ми можемо запустити окремі воркери для кожної черги на різних серверах:",[3628,10664,10665,10671],{},[3561,10666,10667,10668],{},"Воркер для швидких задач (швидкий відгук): ",[3569,10669,10670],{},"celery -A celery_worker.celery_app worker -Q high_priority --concurrency=8",[3561,10672,10673,10674],{},"Воркер для важких задач (використовує менше потоків, щоб не забити CPU): ",[3569,10675,10676],{},"celery -A celery_worker.celery_app worker -Q low_priority --concurrency=2",[3593,10678],{},[3611,10680,9914],{"id":10681},"практична-реалізація-celery-redis-fastapi-1",[3551,10683,10684],{},"Спочатку встановимо потрібні залежності. Для роботи з Celery та Redis нам знадобляться відповідні пакети.",[3847,10686,10687,10711,10732],{},[3850,10688,10689],{"label":3852},[3646,10690,10692],{"className":3855,"code":10691,"language":3857,"meta":3651,"style":3651},"pip install fastapi uvicorn celery redis\n",[3569,10693,10694],{"__ignoreMap":3651},[3655,10695,10696,10698,10700,10702,10705,10708],{"class":3657,"line":3658},[3655,10697,3852],{"class":3864},[3655,10699,3868],{"class":3867},[3655,10701,3871],{"class":3867},[3655,10703,10704],{"class":3867}," uvicorn",[3655,10706,10707],{"class":3867}," celery",[3655,10709,10710],{"class":3867}," redis\n",[3850,10712,10713],{"label":3877},[3646,10714,10716],{"className":3855,"code":10715,"language":3857,"meta":3651,"style":3651},"uv add fastapi uvicorn celery redis\n",[3569,10717,10718],{"__ignoreMap":3651},[3655,10719,10720,10722,10724,10726,10728,10730],{"class":3657,"line":3658},[3655,10721,3877],{"class":3864},[3655,10723,3889],{"class":3867},[3655,10725,3871],{"class":3867},[3655,10727,10704],{"class":3867},[3655,10729,10707],{"class":3867},[3655,10731,10710],{"class":3867},[3850,10733,10734],{"label":3896},[3646,10735,10737],{"className":3855,"code":10736,"language":3857,"meta":3651,"style":3651},"poetry add fastapi uvicorn celery redis\n",[3569,10738,10739],{"__ignoreMap":3651},[3655,10740,10741,10743,10745,10747,10749,10751],{"class":3657,"line":3658},[3655,10742,3896],{"class":3864},[3655,10744,3889],{"class":3867},[3655,10746,3871],{"class":3867},[3655,10748,10704],{"class":3867},[3655,10750,10707],{"class":3867},[3655,10752,10710],{"class":3867},[7884,10754,10756],{"id":10755},"крок-1-запуск-redis","Крок 1: Запуск Redis",[3551,10758,10759],{},"Найпростіший спосіб запустити брокер повідомлень Redis локально — використати Docker:",[4310,10761,10763,10772],{"title":10762},"Запуск Redis через Docker",[4314,10764,10766,4322,10769],{"className":10765},[3657],[3655,10767,4321],{"className":10768},[4320],[3564,10770,10771],{},"docker run -d -p 6379:6379 --name fastapi-redis redis:alpine",[4314,10773,10775],{"className":10774},[3657],[3655,10776,10778],{"className":10777},[4397],"8c7fdfa79a... (контейнер успішно запущено)",[7884,10780,10782],{"id":10781},"крок-2-опис-структури-файлів-проекту","Крок 2: Опис структури файлів проекту",[3551,10784,10785],{},"Створимо структуру проекту для демонстрації:",[10787,10788,10789,11020],"code-tree",{},[3646,10790,10792],{"className":3921,"code":10791,"filename":10423,"language":3923,"meta":3651,"style":3651},"import time\nfrom celery import Celery\n\n# Ініціалізуємо додаток Celery\n# Перший аргумент — ім'я поточного модуля\n# broker — URL брокера повідомлень (Redis база 0)\n# backend — URL сховища результатів (Redis база 0)\ncelery_app = Celery(\n    \"tasks\",\n    broker=\"redis:\u002F\u002Flocalhost:6379\u002F0\",\n    backend=\"redis:\u002F\u002Flocalhost:6379\u002F0\"\n)\n\n# Описуємо завдання, яке виконуватиметься у фоні\n@celery_app.task(name=\"heavy_calculation\")\ndef heavy_calculation_task(x: int, y: int) -> int:\n    print(f\"[Worker] Початок обчислення для {x} та {y}...\")\n\n    # Імітуємо важкі обчислення або довгий I\u002FO процес\n    time.sleep(8)\n\n    result = x + y\n    print(f\"[Worker] Обчислення завершено. Результат: {result}\")\n    return result\n",[3569,10793,10794,10801,10813,10817,10822,10827,10832,10837,10842,10849,10861,10871,10875,10879,10884,10900,10932,10963,10967,10972,10982,10986,10991,11013],{"__ignoreMap":3651},[3655,10795,10796,10798],{"class":3657,"line":3658},[3655,10797,3931],{"class":3930},[3655,10799,10800],{"class":3934}," time\n",[3655,10802,10803,10805,10808,10810],{"class":3657,"line":3664},[3655,10804,3947],{"class":3930},[3655,10806,10807],{"class":3934}," celery ",[3655,10809,3931],{"class":3930},[3655,10811,10812],{"class":3934}," Celery\n",[3655,10814,10815],{"class":3657,"line":3670},[3655,10816,3704],{"emptyLinePlaceholder":3703},[3655,10818,10819],{"class":3657,"line":3676},[3655,10820,10821],{"class":3964},"# Ініціалізуємо додаток Celery\n",[3655,10823,10824],{"class":3657,"line":3682},[3655,10825,10826],{"class":3964},"# Перший аргумент — ім'я поточного модуля\n",[3655,10828,10829],{"class":3657,"line":3688},[3655,10830,10831],{"class":3964},"# broker — URL брокера повідомлень (Redis база 0)\n",[3655,10833,10834],{"class":3657,"line":3694},[3655,10835,10836],{"class":3964},"# backend — URL сховища результатів (Redis база 0)\n",[3655,10838,10839],{"class":3657,"line":3700},[3655,10840,10841],{"class":3934},"celery_app = Celery(\n",[3655,10843,10844,10847],{"class":3657,"line":3707},[3655,10845,10846],{"class":3867},"    \"tasks\"",[3655,10848,10221],{"class":3934},[3655,10850,10851,10854,10856,10859],{"class":3657,"line":3713},[3655,10852,10853],{"class":3973},"    broker",[3655,10855,3983],{"class":3934},[3655,10857,10858],{"class":3867},"\"redis:\u002F\u002Flocalhost:6379\u002F0\"",[3655,10860,10221],{"class":3934},[3655,10862,10863,10866,10868],{"class":3657,"line":3719},[3655,10864,10865],{"class":3973},"    backend",[3655,10867,3983],{"class":3934},[3655,10869,10870],{"class":3867},"\"redis:\u002F\u002Flocalhost:6379\u002F0\"\n",[3655,10872,10873],{"class":3657,"line":3725},[3655,10874,4006],{"class":3934},[3655,10876,10877],{"class":3657,"line":3731},[3655,10878,3704],{"emptyLinePlaceholder":3703},[3655,10880,10881],{"class":3657,"line":3737},[3655,10882,10883],{"class":3964},"# Описуємо завдання, яке виконуватиметься у фоні\n",[3655,10885,10886,10888,10890,10893,10895,10898],{"class":3657,"line":3743},[3655,10887,10206],{"class":3864},[3655,10889,4058],{"class":3934},[3655,10891,10892],{"class":3973},"name",[3655,10894,3983],{"class":3934},[3655,10896,10897],{"class":3867},"\"heavy_calculation\"",[3655,10899,4006],{"class":3934},[3655,10901,10902,10904,10907,10909,10912,10914,10917,10919,10922,10924,10926,10928,10930],{"class":3657,"line":3748},[3655,10903,4433],{"class":3989},[3655,10905,10906],{"class":3864}," heavy_calculation_task",[3655,10908,4058],{"class":3934},[3655,10910,10911],{"class":3973},"x",[3655,10913,4064],{"class":3934},[3655,10915,10916],{"class":4067},"int",[3655,10918,4071],{"class":3934},[3655,10920,10921],{"class":3973},"y",[3655,10923,4064],{"class":3934},[3655,10925,10916],{"class":4067},[3655,10927,6442],{"class":3934},[3655,10929,10916],{"class":4067},[3655,10931,5833],{"class":3934},[3655,10933,10934,10937,10939,10941,10944,10946,10948,10950,10952,10954,10956,10958,10961],{"class":3657,"line":3754},[3655,10935,10936],{"class":3864},"    print",[3655,10938,4058],{"class":3934},[3655,10940,4089],{"class":3989},[3655,10942,10943],{"class":3867},"\"[Worker] Початок обчислення для ",[3655,10945,4095],{"class":3989},[3655,10947,10911],{"class":3934},[3655,10949,4100],{"class":3989},[3655,10951,7798],{"class":3867},[3655,10953,4095],{"class":3989},[3655,10955,10921],{"class":3934},[3655,10957,4100],{"class":3989},[3655,10959,10960],{"class":3867},"...\"",[3655,10962,4006],{"class":3934},[3655,10964,10965],{"class":3657,"line":3760},[3655,10966,3704],{"emptyLinePlaceholder":3703},[3655,10968,10969],{"class":3657,"line":3766},[3655,10970,10971],{"class":3964},"    # Імітуємо важкі обчислення або довгий I\u002FO процес\n",[3655,10973,10974,10977,10980],{"class":3657,"line":3772},[3655,10975,10976],{"class":3934},"    time.sleep(",[3655,10978,10979],{"class":4130},"8",[3655,10981,4006],{"class":3934},[3655,10983,10984],{"class":3657,"line":3777},[3655,10985,3704],{"emptyLinePlaceholder":3703},[3655,10987,10988],{"class":3657,"line":3783},[3655,10989,10990],{"class":3934},"    result = x + y\n",[3655,10992,10993,10995,10997,10999,11002,11004,11007,11009,11011],{"class":3657,"line":3789},[3655,10994,10936],{"class":3864},[3655,10996,4058],{"class":3934},[3655,10998,4089],{"class":3989},[3655,11000,11001],{"class":3867},"\"[Worker] Обчислення завершено. Результат: ",[3655,11003,4095],{"class":3989},[3655,11005,11006],{"class":3934},"result",[3655,11008,4100],{"class":3989},[3655,11010,3986],{"class":3867},[3655,11012,4006],{"class":3934},[3655,11014,11015,11017],{"class":3657,"line":3795},[3655,11016,4281],{"class":3930},[3655,11018,11019],{"class":3934}," result\n",[3646,11021,11024],{"className":3921,"code":11022,"filename":11023,"language":3923,"meta":3651,"style":3651},"from fastapi import FastAPI, HTTPException\nfrom celery.result import AsyncResult\nfrom celery_worker import heavy_calculation_task\n\napp = FastAPI(title=\"FastAPI + Celery Integration\")\n\n@app.post(\"\u002Fcalculate\", status_code=201)\nasync def start_calculation(x: int, y: int):\n    # Запускаємо задачу асинхронно через метод .delay()\n    # Цей виклик миттєво віддає керування назад та повертає об'єкт AsyncResult\n    task = heavy_calculation_task.delay(x, y)\n\n    return {\n        \"status\": \"Task submitted to queue\",\n        \"task_id\": task.id\n    }\n\n@app.get(\"\u002Ftask\u002F{task_id}\")\nasync def get_task_status(task_id: str):\n    # Отримуємо об'єкт задачі з Result Backend за її унікальним ID\n    task_result = AsyncResult(task_id)\n\n    # Перевіряємо поточний статус\n    # Статуси можуть бути: PENDING, STARTED, SUCCESS, FAILURE, RETRY\n    if task_result.status == \"PENDING\":\n        return {\n            \"task_id\": task_id,\n            \"status\": \"In Queue \u002F Processing\",\n            \"result\": None\n        }\n    elif task_result.status == \"FAILURE\":\n        return {\n            \"task_id\": task_id,\n            \"status\": \"Failed\",\n            \"error\": str(task_result.result) # містить виняток (exception)\n        }\n\n    # Якщо SUCCESS — повертаємо результат\n    return {\n        \"task_id\": task_id,\n        \"status\": task_result.status,\n        \"result\": task_result.result # Повернуте функцією heavy_calculation_task значення\n    }\n","celery_main.py",[3569,11025,11026,11037,11049,11060,11064,11077,11081,11102,11129,11134,11139,11144,11148,11154,11166,11174,11178,11182,11198,11218,11223,11228,11232,11237,11242,11254,11260,11268,11280,11290,11295,11307,11313,11319,11330,11345,11349,11353,11358,11364,11370,11377,11388],{"__ignoreMap":3651},[3655,11027,11028,11030,11032,11034],{"class":3657,"line":3658},[3655,11029,3947],{"class":3930},[3655,11031,3950],{"class":3934},[3655,11033,3931],{"class":3930},[3655,11035,11036],{"class":3934}," FastAPI, HTTPException\n",[3655,11038,11039,11041,11044,11046],{"class":3657,"line":3664},[3655,11040,3947],{"class":3930},[3655,11042,11043],{"class":3934}," celery.result ",[3655,11045,3931],{"class":3930},[3655,11047,11048],{"class":3934}," AsyncResult\n",[3655,11050,11051,11053,11055,11057],{"class":3657,"line":3670},[3655,11052,3947],{"class":3930},[3655,11054,10192],{"class":3934},[3655,11056,3931],{"class":3930},[3655,11058,11059],{"class":3934}," heavy_calculation_task\n",[3655,11061,11062],{"class":3657,"line":3676},[3655,11063,3704],{"emptyLinePlaceholder":3703},[3655,11065,11066,11068,11070,11072,11075],{"class":3657,"line":3682},[3655,11067,4025],{"class":3934},[3655,11069,4028],{"class":3973},[3655,11071,3983],{"class":3934},[3655,11073,11074],{"class":3867},"\"FastAPI + Celery Integration\"",[3655,11076,4006],{"class":3934},[3655,11078,11079],{"class":3657,"line":3688},[3655,11080,3704],{"emptyLinePlaceholder":3703},[3655,11082,11083,11085,11087,11090,11092,11095,11097,11100],{"class":3657,"line":3694},[3655,11084,4171],{"class":3864},[3655,11086,4058],{"class":3934},[3655,11088,11089],{"class":3867},"\"\u002Fcalculate\"",[3655,11091,4071],{"class":3934},[3655,11093,11094],{"class":3973},"status_code",[3655,11096,3983],{"class":3934},[3655,11098,11099],{"class":4130},"201",[3655,11101,4006],{"class":3934},[3655,11103,11104,11106,11108,11111,11113,11115,11117,11119,11121,11123,11125,11127],{"class":3657,"line":3700},[3655,11105,4049],{"class":3989},[3655,11107,4052],{"class":3989},[3655,11109,11110],{"class":3864}," start_calculation",[3655,11112,4058],{"class":3934},[3655,11114,10911],{"class":3973},[3655,11116,4064],{"class":3934},[3655,11118,10916],{"class":4067},[3655,11120,4071],{"class":3934},[3655,11122,10921],{"class":3973},[3655,11124,4064],{"class":3934},[3655,11126,10916],{"class":4067},[3655,11128,4081],{"class":3934},[3655,11130,11131],{"class":3657,"line":3707},[3655,11132,11133],{"class":3964},"    # Запускаємо задачу асинхронно через метод .delay()\n",[3655,11135,11136],{"class":3657,"line":3713},[3655,11137,11138],{"class":3964},"    # Цей виклик миттєво віддає керування назад та повертає об'єкт AsyncResult\n",[3655,11140,11141],{"class":3657,"line":3719},[3655,11142,11143],{"class":3934},"    task = heavy_calculation_task.delay(x, y)\n",[3655,11145,11146],{"class":3657,"line":3725},[3655,11147,3704],{"emptyLinePlaceholder":3703},[3655,11149,11150,11152],{"class":3657,"line":3731},[3655,11151,4281],{"class":3930},[3655,11153,8394],{"class":3934},[3655,11155,11156,11159,11161,11164],{"class":3657,"line":3737},[3655,11157,11158],{"class":3867},"        \"status\"",[3655,11160,4064],{"class":3934},[3655,11162,11163],{"class":3867},"\"Task submitted to queue\"",[3655,11165,10221],{"class":3934},[3655,11167,11168,11171],{"class":3657,"line":3743},[3655,11169,11170],{"class":3867},"        \"task_id\"",[3655,11172,11173],{"class":3934},": task.id\n",[3655,11175,11176],{"class":3657,"line":3748},[3655,11177,8608],{"class":3934},[3655,11179,11180],{"class":3657,"line":3754},[3655,11181,3704],{"emptyLinePlaceholder":3703},[3655,11183,11184,11186,11188,11191,11194,11196],{"class":3657,"line":3760},[3655,11185,5736],{"class":3864},[3655,11187,4058],{"class":3934},[3655,11189,11190],{"class":3867},"\"\u002Ftask\u002F",[3655,11192,11193],{"class":3989},"{task_id}",[3655,11195,3986],{"class":3867},[3655,11197,4006],{"class":3934},[3655,11199,11200,11202,11204,11207,11209,11212,11214,11216],{"class":3657,"line":3766},[3655,11201,4049],{"class":3989},[3655,11203,4052],{"class":3989},[3655,11205,11206],{"class":3864}," get_task_status",[3655,11208,4058],{"class":3934},[3655,11210,11211],{"class":3973},"task_id",[3655,11213,4064],{"class":3934},[3655,11215,4068],{"class":4067},[3655,11217,4081],{"class":3934},[3655,11219,11220],{"class":3657,"line":3772},[3655,11221,11222],{"class":3964},"    # Отримуємо об'єкт задачі з Result Backend за її унікальним ID\n",[3655,11224,11225],{"class":3657,"line":3777},[3655,11226,11227],{"class":3934},"    task_result = AsyncResult(task_id)\n",[3655,11229,11230],{"class":3657,"line":3783},[3655,11231,3704],{"emptyLinePlaceholder":3703},[3655,11233,11234],{"class":3657,"line":3789},[3655,11235,11236],{"class":3964},"    # Перевіряємо поточний статус\n",[3655,11238,11239],{"class":3657,"line":3795},[3655,11240,11241],{"class":3964},"    # Статуси можуть бути: PENDING, STARTED, SUCCESS, FAILURE, RETRY\n",[3655,11243,11244,11246,11249,11252],{"class":3657,"line":3800},[3655,11245,7563],{"class":3930},[3655,11247,11248],{"class":3934}," task_result.status == ",[3655,11250,11251],{"class":3867},"\"PENDING\"",[3655,11253,5833],{"class":3934},[3655,11255,11256,11258],{"class":3657,"line":3806},[3655,11257,7576],{"class":3930},[3655,11259,8394],{"class":3934},[3655,11261,11262,11265],{"class":3657,"line":3811},[3655,11263,11264],{"class":3867},"            \"task_id\"",[3655,11266,11267],{"class":3934},": task_id,\n",[3655,11269,11270,11273,11275,11278],{"class":3657,"line":3817},[3655,11271,11272],{"class":3867},"            \"status\"",[3655,11274,4064],{"class":3934},[3655,11276,11277],{"class":3867},"\"In Queue \u002F Processing\"",[3655,11279,10221],{"class":3934},[3655,11281,11282,11285,11287],{"class":3657,"line":3823},[3655,11283,11284],{"class":3867},"            \"result\"",[3655,11286,4064],{"class":3934},[3655,11288,11289],{"class":3989},"None\n",[3655,11291,11292],{"class":3657,"line":3829},[3655,11293,11294],{"class":3934},"        }\n",[3655,11296,11297,11300,11302,11305],{"class":3657,"line":4967},[3655,11298,11299],{"class":3930},"    elif",[3655,11301,11248],{"class":3934},[3655,11303,11304],{"class":3867},"\"FAILURE\"",[3655,11306,5833],{"class":3934},[3655,11308,11309,11311],{"class":3657,"line":4973},[3655,11310,7576],{"class":3930},[3655,11312,8394],{"class":3934},[3655,11314,11315,11317],{"class":3657,"line":4979},[3655,11316,11264],{"class":3867},[3655,11318,11267],{"class":3934},[3655,11320,11321,11323,11325,11328],{"class":3657,"line":4985},[3655,11322,11272],{"class":3867},[3655,11324,4064],{"class":3934},[3655,11326,11327],{"class":3867},"\"Failed\"",[3655,11329,10221],{"class":3934},[3655,11331,11332,11335,11337,11339,11342],{"class":3657,"line":4990},[3655,11333,11334],{"class":3867},"            \"error\"",[3655,11336,4064],{"class":3934},[3655,11338,4068],{"class":4067},[3655,11340,11341],{"class":3934},"(task_result.result) ",[3655,11343,11344],{"class":3964},"# містить виняток (exception)\n",[3655,11346,11347],{"class":3657,"line":4996},[3655,11348,11294],{"class":3934},[3655,11350,11351],{"class":3657,"line":5002},[3655,11352,3704],{"emptyLinePlaceholder":3703},[3655,11354,11355],{"class":3657,"line":5008},[3655,11356,11357],{"class":3964},"    # Якщо SUCCESS — повертаємо результат\n",[3655,11359,11360,11362],{"class":3657,"line":5014},[3655,11361,4281],{"class":3930},[3655,11363,8394],{"class":3934},[3655,11365,11366,11368],{"class":3657,"line":5019},[3655,11367,11170],{"class":3867},[3655,11369,11267],{"class":3934},[3655,11371,11372,11374],{"class":3657,"line":5025},[3655,11373,11158],{"class":3867},[3655,11375,11376],{"class":3934},": task_result.status,\n",[3655,11378,11379,11382,11385],{"class":3657,"line":5031},[3655,11380,11381],{"class":3867},"        \"result\"",[3655,11383,11384],{"class":3934},": task_result.result ",[3655,11386,11387],{"class":3964},"# Повернуте функцією heavy_calculation_task значення\n",[3655,11389,11390],{"class":3657,"line":5037},[3655,11391,8608],{"class":3934},[7884,11393,11395],{"id":11394},"крок-3-запуск-celery-worker","Крок 3: Запуск Celery Worker",[3551,11397,11398,11399,11401,11402,7893],{},"Воркер запускається через CLI утиліту ",[3569,11400,10577],{},". Переконайтеся, що ви знаходитесь у папці з файлом ",[3569,11403,10423],{},[4310,11405,11407,11416,11420,11424,11428,11432,11436,11440,11444,11448,11452,11455],{"title":11406},"Запуск Celery Worker",[4314,11408,11410,4322,11413],{"className":11409},[3657],[3655,11411,4321],{"className":11412},[4320],[3564,11414,11415],{},"celery -A celery_worker.celery_app worker --loglevel=info",[4314,11417,11419],{"className":11418},[3657],"-------------- celery@hostname v5.4.0 (singularity)",[4314,11421,11423],{"className":11422},[3657],"--- * ***  --- ",[4314,11425,11427],{"className":11426},[3657],"-- * - *-  --- Linux-x86_64",[4314,11429,11431],{"className":11430},[3657],"- ** ---------- [config]",[4314,11433,11435],{"className":11434},[3657],"- ** ---------- . broker:      redis:\u002F\u002Flocalhost:6379\u002F0",[4314,11437,11439],{"className":11438},[3657],"- ** ---------- . virtues:     celery_worker.celery_app",[4314,11441,11443],{"className":11442},[3657],"- ** ---------- . backend:    redis:\u002F\u002Flocalhost:6379\u002F0",[4314,11445,11447],{"className":11446},[3657],"-[tasks]",[4314,11449,11451],{"className":11450},[3657],"  . heavy_calculation",[4314,11453],{"className":11454},[3657],[4314,11456,11458,11461],{"className":11457},[3657],[3655,11459,4333],{"className":11460},[4397]," celery@hostname ready.",[7884,11463,11465],{"id":11464},"крок-4-запуск-fastapi","Крок 4: Запуск FastAPI",[3551,11467,11468],{},"В окремому вікні терміналу запустіть ваш вебсервер:",[4310,11470,11472,11481],{"title":11471},"Запуск FastAPI",[4314,11473,11475,4322,11478],{"className":11474},[3657],[3655,11476,4321],{"className":11477},[4320],[3564,11479,11480],{},"uvicorn celery_main:app --reload --port 8000",[4314,11482,11484,4355,11487],{"className":11483},[3657],[3655,11485,4333],{"className":11486},[4332],[4357,11488,4359],{},[3593,11490],{},[3611,11492,11494],{"id":11493},"тестування-інтеграції","Тестування інтеграції",[3551,11496,11497,11498,11501,11502,11505],{},"Надішлемо POST запит на ",[3569,11499,11500],{},"\u002Fcalculate"," через ",[3569,11503,11504],{},"curl"," або Swagger UI, щоб додати задачу до черги:",[4310,11507,11509,11518],{"title":11508},"Створення фонової задачі",[4314,11510,11512,4322,11515],{"className":11511},[3657],[3655,11513,4321],{"className":11514},[4320],[3564,11516,11517],{},"curl -X 'POST' 'http:\u002F\u002F127.0.0.1:8000\u002Fcalculate?x=15&y=27'",[4314,11519,11521],{"className":11520},[3657],"{\"status\":\"Task submitted to queue\",\"task_id\":\"d1e44f8e-d98c-4f7d-815d-318e8749d012\"}",[3551,11523,11524,11525,11527],{},"Ми миттєво отримали відповідь із унікальним ",[3569,11526,11211],{},". У терміналі Celery воркера з'явиться запис:",[4310,11529,11531,11535],{"title":11530},"Логи Celery Worker",[4314,11532,11534],{"className":11533},[3657],"[2026-07-16 10:20:00,105: INFO\u002FMainProcess] Task heavy_calculation[d1e44f8e...] received",[4314,11536,11538],{"className":11537},[3657],"[Worker] Початок обчислення для 15 та 27...",[3551,11540,11541],{},"Поки вокер спить свої 8 секунд, перевіримо статус задачі через GET запит:",[4310,11543,11545,11554],{"title":11544},"Перевірка статусу (В процесі)",[4314,11546,11548,4322,11551],{"className":11547},[3657],[3655,11549,4321],{"className":11550},[4320],[3564,11552,11553],{},"curl http:\u002F\u002F127.0.0.1:8000\u002Ftask\u002Fd1e44f8e-d98c-4f7d-815d-318e8749d012",[4314,11555,11557],{"className":11556},[3657],"{\"task_id\":\"d1e44f8e-d98c-4f7d-815d-318e8749d012\",\"status\":\"In Queue \u002F Processing\",\"result\":null}",[3551,11559,11560],{},"Через 8 секунд воркер закінчить обчислення:",[4310,11562,11564,11568],{"title":11563},"Логи Celery Worker (Завершення)",[4314,11565,11567],{"className":11566},[3657],"[Worker] Обчислення завершено. Результат: 42",[4314,11569,11571],{"className":11570},[3657],"[2026-07-16 10:20:08,120: INFO\u002FForkPoolWorker-1] Task heavy_calculation[d1e44f8e...] succeeded in 8.01s: 42",[3551,11573,11574],{},"Якщо знову надіслати запит на перевірку статусу, ми отримаємо фінальний результат:",[4310,11576,11578,11586],{"title":11577},"Перевірка статусу (Завершено успішно)",[4314,11579,11581,4322,11584],{"className":11580},[3657],[3655,11582,4321],{"className":11583},[4320],[3564,11585,11553],{},[4314,11587,11589],{"className":11588},[3657],"{\"task_id\":\"d1e44f8e-d98c-4f7d-815d-318e8749d012\",\"status\":\"SUCCESS\",\"result\":42}",[3593,11591],{},[3611,11593,11595],{"id":11594},"порівняльний-аналіз-celery-net-hangfire","Порівняльний аналіз: Celery ↔ .NET Hangfire",[3551,11597,11598,11599,11602,11603,4103,11606,4490],{},"Для розробників, які прийшли з екосистеми .NET, черги фонових задач часто асоціюються з ",[3564,11600,11601],{},"Hangfire"," або стандартними ",[3569,11604,11605],{},"IHostedService",[3569,11607,11608],{},"BackgroundService",[3551,11610,11611],{},"Порівняймо ці підходи:",[4501,11613,11614,11626],{},[4504,11615,11616],{},[4507,11617,11618,11620,11623],{},[4510,11619,4513],{"align":4512},[4510,11621,11622],{"align":4512},".NET Hangfire",[4510,11624,11625],{"align":4512},"Python Celery",[4524,11627,11628,11641,11654,11674,11687],{},[4507,11629,11630,11635,11638],{},[4529,11631,11632],{"align":4512},[3564,11633,11634],{},"Місце виконання",[4529,11636,11637],{"align":4512},"Зазвичай inside-process (ті самі потоки вебсервера IIS\u002FKestrel, хоча можна винести в окремий Console App)",[4529,11639,11640],{"align":4512},"Завжди outside-process (окремі процеси-воркери Celery)",[4507,11642,11643,11648,11651],{},[4529,11644,11645],{"align":4512},[3564,11646,11647],{},"Брокер (Storage)",[4529,11649,11650],{"align":4512},"SQL Server, PostgreSQL, Redis (потребує платну ліцензію для просунутих функцій)",[4529,11652,11653],{"align":4512},"Redis, RabbitMQ, SQlAlchemy (Redis\u002FRabbitMQ є стандартом де-факто)",[4507,11655,11656,11661,11667],{},[4529,11657,11658],{"align":4512},[3564,11659,11660],{},"Dashboard (Панель керування)",[4529,11662,11663,11664,4556],{"align":4512},"Вбудований безкоштовний дашборд \"з коробки\" (",[3569,11665,11666],{},"\u002Fhangfire",[4529,11668,11669,11670,11673],{"align":4512},"Окрема утиліта ",[3564,11671,11672],{},"Flower"," (потребує запуску додаткового сервісу)",[4507,11675,11676,11681,11684],{},[4529,11677,11678],{"align":4512},[3564,11679,11680],{},"Синхронізація з кодом",[4529,11682,11683],{"align":4512},"Прямий доступ до C# DI контейнера та класів додатку",[4529,11685,11686],{"align":4512},"Потрібно імпортувати модулі Python. Воркери мають містити весь код проекту",[4507,11688,11689,11694,11697],{},[4529,11690,11691],{"align":4512},[3564,11692,11693],{},"Cron планувальник (Scheduled Tasks)",[4529,11695,11696],{"align":4512},"Вбудована підтримка Recurring Tasks",[4529,11698,11699,11700],{"align":4512},"Окремий додатковий демон ",[3564,11701,10414],{},[4594,11703,11704,11707,11708,11711],{},[3564,11705,11706],{},"Ключова різниця архітектури:","\nУ .NET Hangfire дуже часто запускають безпосередньо всередині вебдодатка ASP.NET Core, де він використовує пули потоків вебсервера. Це зручно для розгортання, але небезпечно для стабільності API при високих навантаженнях.\nУ Python-світі Celery з самого початку розробляється як ",[3564,11709,11710],{},"ізольована система",". Вебсервер FastAPI та воркери Celery — це різні процеси, які можуть масштабуватися незалежно на різних контейнерах у Kubernetes.",[3593,11713],{},[3611,11715,11717],{"id":11716},"порівняння-асинхронних-черг-у-python-celery-vs-dramatiq-vs-arq","Порівняння асинхронних черг у Python: Celery vs Dramatiq vs ARQ",[3551,11719,11720],{},"Celery є класичним і найбільш поширеним інструментом, але в Python-спільноті є чудові альтернативи.",[4501,11722,11723,11735],{},[4504,11724,11725],{},[4507,11726,11727,11729,11731,11733],{},[4510,11728,7746],{"align":4512},[4510,11730,4652],{"align":4512},[4510,11732,4655],{"align":4512},[4510,11734,4659],{"align":4512},[4524,11736,11737,11753,11769,11785],{},[4507,11738,11739,11744,11747,11750],{},[4529,11740,11741],{"align":4512},[3564,11742,11743],{},"Складність",[4529,11745,11746],{"align":4512},"Висока (дуже багато конфігурацій, велика кодова база)",[4529,11748,11749],{"align":4512},"Середня (простіший API, менше магії)",[4529,11751,11752],{"align":4512},"Низька (мінімалістична async-first черга)",[4507,11754,11755,11760,11763,11766],{},[4529,11756,11757],{"align":4512},[3564,11758,11759],{},"Асинхронність",[4529,11761,11762],{"align":4512},"Синхронні воркери за замовчуванням (використовують мультипроцесинг\u002Fпотоки)",[4529,11764,11765],{"align":4512},"Багатопотокові воркери (thread-based)",[4529,11767,11768],{"align":4512},"Повністю асинхронна (asyncio-native)",[4507,11770,11771,11776,11779,11782],{},[4529,11772,11773],{"align":4512},[3564,11774,11775],{},"Брокери",[4529,11777,11778],{"align":4512},"Redis, RabbitMQ, SQS",[4529,11780,11781],{"align":4512},"RabbitMQ, Redis",[4529,11783,11784],{"align":4512},"Тільки Redis",[4507,11786,11787,11792,11795,11798],{},[4529,11788,11789],{"align":4512},[3564,11790,11791],{},"Швидкість старту",[4529,11793,11794],{"align":4512},"Потребує детального налаштування",[4529,11796,11797],{"align":4512},"Швидкий старт",[4529,11799,11800],{"align":4512},"Налаштовується за кілька хвилин",[3628,11802,11803,11808,11813],{},[3561,11804,11805,11807],{},[3564,11806,4652],{},": Обирайте для великих корпоративних проектів, де потрібні складні ланцюжки задач (Chains, Groups, Chords), моніторинг через Flower та підтримка багатьох типів брокерів.",[3561,11809,11810,11812],{},[3564,11811,4655],{},": Чудова альтернатива Celery, якщо вам потрібен надійний інструмент з меншим рівнем конфігураційного пекла.",[3561,11814,11815,11817,11818,7798,11821,11824],{},[3564,11816,4659],{},": Ідеальний вибір для FastAPI додатків, оскільки він повністю побудований на ",[3569,11819,11820],{},"asyncio",[3569,11822,11823],{},"async\u002Fawait",". Якщо ваші фонові задачі роблять виключно асинхронний I\u002FO (наприклад, асинхронні запити до сторонніх API) — ARQ покаже найкращу швидкість роботи при мінімальному споживанні пам'яті.",[3593,11826],{},[3596,11828,11830],{"id":11829},"_7-streaming-responses-ефективна-передача-великих-даних","7. Streaming Responses: Ефективна передача великих даних",[3551,11832,11833],{},"При розробці API розробники часто стикаються з необхідністю віддавати великі обсяги даних. Наприклад:",[3628,11835,11836,11839],{},[3561,11837,11838],{},"Величезні файли (відео, архіви, образи дисків).",[3561,11840,11841],{},"Результати важких вибірок з бази даних (експорт 500 000 користувачів у форматі CSV або Excel).",[3551,11843,11844,11845,11848,11849,11852],{},"Якщо використовувати класичну відповідь ",[3569,11846,11847],{},"Response"," або JSONResponse, вам доведеться завантажити ",[3564,11850,11851],{},"весь обсяг даних в оперативну пам'ять"," вебсервера, сформувати один гігантський рядок та віддати його клієнту.",[4458,11854,11855,11858],{},[3564,11856,11857],{},"Небезпека вичерпання пам'яті (Out Of Memory):","\nЯкщо ваш API одночасно викличуть 10 користувачів, і для кожного сервер спробує завантажити в пам'ять файл розміром 500 МБ, ваш додаток споживатиме понад 5 ГБ оперативної пам'яті. Якщо ліміт хостингу чи контейнера менший — операційна система просто вб'є процес вашого застосунку (OOM Kill), спричинивши Downtime для всіх інших клієнтів.",[3551,11860,11861,11862,11864],{},"Для запобігання цьому використовують ",[3564,11863,8719],{}," (Потокова відповідь). Сервер не завантажує дані повністю, а читає їх маленькими порціями (чанками, наприклад, по 64 КБ) і відразу відправляє клієнту через відкрите з'єднання. Пам'ять сервера при цьому залишається практично вільною.",[3611,11866,11868],{"id":11867},"практичний-приклад-генерація-csv-файлу-на-льоту","Практичний приклад: Генерація CSV файлу \"на льоту\"",[3551,11870,11871],{},"Створимо повний робочий приклад API, яке генерує великий звіт CSV без збереження файлу на диск та без забивання оперативної пам'яті. Ми використаємо асинхронний генератор подій.",[3646,11873,11876],{"className":3921,"code":11874,"filename":11875,"language":3923,"meta":3651,"style":3651},"import asyncio\nfrom fastapi import FastAPI\nfrom fastapi.responses import HTMLResponse, StreamingResponse\n\napp = FastAPI(title=\"Streaming Response Demo\")\n\nhtml_content = \"\"\"\n\u003C!DOCTYPE html>\n\u003Chtml>\n    \u003Chead>\n        \u003Ctitle>Streaming Demo\u003C\u002Ftitle>\n        \u003Cmeta charset=\"utf-8\">\n        \u003Cstyle>\n            body {\n                font-family: system-ui, -apple-system, sans-serif;\n                background: #0f172a;\n                color: #f8fafc;\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n                justify-content: center;\n                min-height: 100vh;\n                margin: 0;\n            }\n            .card {\n                background: #1e293b;\n                padding: 32px;\n                border-radius: 16px;\n                box-shadow: 0 10px 25px -5px rgba(0,0,0,0.3);\n                width: 100%;\n                max-width: 400px;\n                text-align: center;\n            }\n            h1 {\n                font-size: 1.5rem;\n                margin-bottom: 24px;\n                color: #38bdf8;\n            }\n            a {\n                display: inline-block;\n                background: #38bdf8;\n                color: #0f172a;\n                text-decoration: none;\n                padding: 12px 24px;\n                border-radius: 8px;\n                font-weight: bold;\n                transition: background 0.2s;\n            }\n            a:hover {\n                background: #0ea5e9;\n            }\n        \u003C\u002Fstyle>\n    \u003C\u002Fhead>\n    \u003Cbody>\n        \u003Cdiv class=\"card\">\n            \u003Ch1>Експорт великого звіту\u003C\u002Fh1>\n            \u003Cp style=\"color: #94a3b8; font-size: 0.9rem; margin-bottom: 24px;\">\n                Генерація файлу відбувається динамічно, порціями, без завантаження всього звіту в пам'ять сервера.\n            \u003C\u002Fp>\n            \u003Ca href=\"\u002Fdownload-report\" download>Завантажити CSV Звіт\u003C\u002Fa>\n        \u003C\u002Fdiv>\n    \u003C\u002Fbody>\n\u003C\u002Fhtml>\n\"\"\"\n\n@app.get(\"\u002F\")\nasync def index():\n    return HTMLResponse(html_content)\n\n@app.get(\"\u002Fdownload-report\")\nasync def download_report():\n    # Асинхронний генератор даних\n    async def csv_data_generator():\n        # Відправляємо заголовок таблиці\n        yield \"ID,Task Name,Status,Score\\n\"\n\n        # Імітуємо генерацію великої кількості рядків (наприклад, 100 000)\n        # У реальному проекті тут міг бути курсор з бази даних\n        for i in range(1, 1001):\n            # Імітуємо невелику затримку (наприклад, читання з диска чи БД)\n            # Якщо затримка непотрібна — приберіть sleep, але для демонстрації це круто\n            await asyncio.sleep(0.01)\n\n            # Віддаємо рядок\n            yield f\"{i},Task Number {i},COMPLETED,{i * 1.5}\\n\"\n\n    # Створюємо StreamingResponse\n    # Вказуємо media_type=\"text\u002Fcsv\"\n    # Додаємо заголовки, щоб браузер сприймав це як завантаження файлу (Attachment)\n    headers = {\n        \"Content-Disposition\": \"attachment; filename=large_report.csv\"\n    }\n\n    return StreamingResponse(\n        csv_data_generator(),\n        media_type=\"text\u002Fcsv\",\n        headers=headers\n    )\n","streaming_app.py",[3569,11877,11878,11884,11894,11904,11908,11921,11925,11931,11935,11939,11943,11948,11952,11956,11960,11964,11968,11972,11976,11980,11984,11988,11992,11996,12000,12004,12008,12012,12016,12020,12024,12028,12032,12036,12040,12044,12049,12054,12058,12063,12067,12072,12076,12081,12085,12089,12093,12097,12101,12106,12111,12115,12119,12123,12127,12131,12136,12141,12146,12151,12156,12160,12164,12168,12172,12176,12186,12197,12204,12208,12219,12230,12235,12246,12251,12263,12267,12272,12277,12300,12305,12310,12321,12325,12330,12371,12375,12380,12385,12390,12395,12405,12409,12413,12420,12425,12437,12445],{"__ignoreMap":3651},[3655,11879,11880,11882],{"class":3657,"line":3658},[3655,11881,3931],{"class":3930},[3655,11883,3935],{"class":3934},[3655,11885,11886,11888,11890,11892],{"class":3657,"line":3664},[3655,11887,3947],{"class":3930},[3655,11889,3950],{"class":3934},[3655,11891,3931],{"class":3930},[3655,11893,8753],{"class":3934},[3655,11895,11896,11898,11900,11902],{"class":3657,"line":3670},[3655,11897,3947],{"class":3930},[3655,11899,4810],{"class":3934},[3655,11901,3931],{"class":3930},[3655,11903,8764],{"class":3934},[3655,11905,11906],{"class":3657,"line":3676},[3655,11907,3704],{"emptyLinePlaceholder":3703},[3655,11909,11910,11912,11914,11916,11919],{"class":3657,"line":3682},[3655,11911,4025],{"class":3934},[3655,11913,4028],{"class":3973},[3655,11915,3983],{"class":3934},[3655,11917,11918],{"class":3867},"\"Streaming Response Demo\"",[3655,11920,4006],{"class":3934},[3655,11922,11923],{"class":3657,"line":3688},[3655,11924,3704],{"emptyLinePlaceholder":3703},[3655,11926,11927,11929],{"class":3657,"line":3694},[3655,11928,4846],{"class":3934},[3655,11930,4849],{"class":3867},[3655,11932,11933],{"class":3657,"line":3700},[3655,11934,4854],{"class":3867},[3655,11936,11937],{"class":3657,"line":3707},[3655,11938,4859],{"class":3867},[3655,11940,11941],{"class":3657,"line":3713},[3655,11942,4864],{"class":3867},[3655,11944,11945],{"class":3657,"line":3719},[3655,11946,11947],{"class":3867},"        \u003Ctitle>Streaming Demo\u003C\u002Ftitle>\n",[3655,11949,11950],{"class":3657,"line":3725},[3655,11951,4874],{"class":3867},[3655,11953,11954],{"class":3657,"line":3731},[3655,11955,4884],{"class":3867},[3655,11957,11958],{"class":3657,"line":3737},[3655,11959,4889],{"class":3867},[3655,11961,11962],{"class":3657,"line":3743},[3655,11963,4894],{"class":3867},[3655,11965,11966],{"class":3657,"line":3748},[3655,11967,4899],{"class":3867},[3655,11969,11970],{"class":3657,"line":3754},[3655,11971,4904],{"class":3867},[3655,11973,11974],{"class":3657,"line":3760},[3655,11975,4909],{"class":3867},[3655,11977,11978],{"class":3657,"line":3766},[3655,11979,4914],{"class":3867},[3655,11981,11982],{"class":3657,"line":3772},[3655,11983,4919],{"class":3867},[3655,11985,11986],{"class":3657,"line":3777},[3655,11987,4924],{"class":3867},[3655,11989,11990],{"class":3657,"line":3783},[3655,11991,4929],{"class":3867},[3655,11993,11994],{"class":3657,"line":3789},[3655,11995,4934],{"class":3867},[3655,11997,11998],{"class":3657,"line":3795},[3655,11999,4939],{"class":3867},[3655,12001,12002],{"class":3657,"line":3800},[3655,12003,8874],{"class":3867},[3655,12005,12006],{"class":3657,"line":3806},[3655,12007,4949],{"class":3867},[3655,12009,12010],{"class":3657,"line":3811},[3655,12011,8883],{"class":3867},[3655,12013,12014],{"class":3657,"line":3817},[3655,12015,4959],{"class":3867},[3655,12017,12018],{"class":3657,"line":3823},[3655,12019,4964],{"class":3867},[3655,12021,12022],{"class":3657,"line":3829},[3655,12023,4970],{"class":3867},[3655,12025,12026],{"class":3657,"line":4967},[3655,12027,8900],{"class":3867},[3655,12029,12030],{"class":3657,"line":4973},[3655,12031,8905],{"class":3867},[3655,12033,12034],{"class":3657,"line":4979},[3655,12035,4939],{"class":3867},[3655,12037,12038],{"class":3657,"line":4985},[3655,12039,4993],{"class":3867},[3655,12041,12042],{"class":3657,"line":4990},[3655,12043,4999],{"class":3867},[3655,12045,12046],{"class":3657,"line":4996},[3655,12047,12048],{"class":3867},"                margin-bottom: 24px;\n",[3655,12050,12051],{"class":3657,"line":5002},[3655,12052,12053],{"class":3867},"                color: #38bdf8;\n",[3655,12055,12056],{"class":3657,"line":5008},[3655,12057,4939],{"class":3867},[3655,12059,12060],{"class":3657,"line":5014},[3655,12061,12062],{"class":3867},"            a {\n",[3655,12064,12065],{"class":3657,"line":5019},[3655,12066,6640],{"class":3867},[3655,12068,12069],{"class":3657,"line":5025},[3655,12070,12071],{"class":3867},"                background: #38bdf8;\n",[3655,12073,12074],{"class":3657,"line":5031},[3655,12075,6877],{"class":3867},[3655,12077,12078],{"class":3657,"line":5037},[3655,12079,12080],{"class":3867},"                text-decoration: none;\n",[3655,12082,12083],{"class":3657,"line":5043},[3655,12084,9037],{"class":3867},[3655,12086,12087],{"class":3657,"line":5048},[3655,12088,5097],{"class":3867},[3655,12090,12091],{"class":3657,"line":5054},[3655,12092,6895],{"class":3867},[3655,12094,12095],{"class":3657,"line":5059},[3655,12096,5195],{"class":3867},[3655,12098,12099],{"class":3657,"line":5065},[3655,12100,4939],{"class":3867},[3655,12102,12103],{"class":3657,"line":5071},[3655,12104,12105],{"class":3867},"            a:hover {\n",[3655,12107,12108],{"class":3657,"line":5076},[3655,12109,12110],{"class":3867},"                background: #0ea5e9;\n",[3655,12112,12113],{"class":3657,"line":5082},[3655,12114,4939],{"class":3867},[3655,12116,12117],{"class":3657,"line":5088},[3655,12118,5381],{"class":3867},[3655,12120,12121],{"class":3657,"line":5094},[3655,12122,5387],{"class":3867},[3655,12124,12125],{"class":3657,"line":5100},[3655,12126,5393],{"class":3867},[3655,12128,12129],{"class":3657,"line":5106},[3655,12130,9110],{"class":3867},[3655,12132,12133],{"class":3657,"line":5111},[3655,12134,12135],{"class":3867},"            \u003Ch1>Експорт великого звіту\u003C\u002Fh1>\n",[3655,12137,12138],{"class":3657,"line":5117},[3655,12139,12140],{"class":3867},"            \u003Cp style=\"color: #94a3b8; font-size: 0.9rem; margin-bottom: 24px;\">\n",[3655,12142,12143],{"class":3657,"line":5123},[3655,12144,12145],{"class":3867},"                Генерація файлу відбувається динамічно, порціями, без завантаження всього звіту в пам'ять сервера.\n",[3655,12147,12148],{"class":3657,"line":5128},[3655,12149,12150],{"class":3867},"            \u003C\u002Fp>\n",[3655,12152,12153],{"class":3657,"line":5134},[3655,12154,12155],{"class":3867},"            \u003Ca href=\"\u002Fdownload-report\" download>Завантажити CSV Звіт\u003C\u002Fa>\n",[3655,12157,12158],{"class":3657,"line":5140},[3655,12159,5453],{"class":3867},[3655,12161,12162],{"class":3657,"line":5145},[3655,12163,5714],{"class":3867},[3655,12165,12166],{"class":3657,"line":5151},[3655,12167,5720],{"class":3867},[3655,12169,12170],{"class":3657,"line":5157},[3655,12171,4849],{"class":3867},[3655,12173,12174],{"class":3657,"line":5163},[3655,12175,3704],{"emptyLinePlaceholder":3703},[3655,12177,12178,12180,12182,12184],{"class":3657,"line":5169},[3655,12179,5736],{"class":3864},[3655,12181,4058],{"class":3934},[3655,12183,5741],{"class":3867},[3655,12185,4006],{"class":3934},[3655,12187,12188,12190,12192,12195],{"class":3657,"line":5175},[3655,12189,4049],{"class":3989},[3655,12191,4052],{"class":3989},[3655,12193,12194],{"class":3864}," index",[3655,12196,5756],{"class":3934},[3655,12198,12199,12201],{"class":3657,"line":5180},[3655,12200,4281],{"class":3930},[3655,12202,12203],{"class":3934}," HTMLResponse(html_content)\n",[3655,12205,12206],{"class":3657,"line":5186},[3655,12207,3704],{"emptyLinePlaceholder":3703},[3655,12209,12210,12212,12214,12217],{"class":3657,"line":5192},[3655,12211,5736],{"class":3864},[3655,12213,4058],{"class":3934},[3655,12215,12216],{"class":3867},"\"\u002Fdownload-report\"",[3655,12218,4006],{"class":3934},[3655,12220,12221,12223,12225,12228],{"class":3657,"line":5198},[3655,12222,4049],{"class":3989},[3655,12224,4052],{"class":3989},[3655,12226,12227],{"class":3864}," download_report",[3655,12229,5756],{"class":3934},[3655,12231,12232],{"class":3657,"line":5203},[3655,12233,12234],{"class":3964},"    # Асинхронний генератор даних\n",[3655,12236,12237,12239,12241,12244],{"class":3657,"line":5209},[3655,12238,6102],{"class":3989},[3655,12240,4052],{"class":3989},[3655,12242,12243],{"class":3864}," csv_data_generator",[3655,12245,5756],{"class":3934},[3655,12247,12248],{"class":3657,"line":5215},[3655,12249,12250],{"class":3964},"        # Відправляємо заголовок таблиці\n",[3655,12252,12253,12256,12259,12261],{"class":3657,"line":5220},[3655,12254,12255],{"class":3930},"        yield",[3655,12257,12258],{"class":3867}," \"ID,Task Name,Status,Score",[3655,12260,8083],{"class":6501},[3655,12262,9631],{"class":3867},[3655,12264,12265],{"class":3657,"line":5226},[3655,12266,3704],{"emptyLinePlaceholder":3703},[3655,12268,12269],{"class":3657,"line":5232},[3655,12270,12271],{"class":3964},"        # Імітуємо генерацію великої кількості рядків (наприклад, 100 000)\n",[3655,12273,12274],{"class":3657,"line":5237},[3655,12275,12276],{"class":3964},"        # У реальному проекті тут міг бути курсор з бази даних\n",[3655,12278,12279,12281,12284,12286,12289,12291,12293,12295,12298],{"class":3657,"line":5243},[3655,12280,9576],{"class":3930},[3655,12282,12283],{"class":3934}," i ",[3655,12285,6222],{"class":3930},[3655,12287,12288],{"class":3864}," range",[3655,12290,4058],{"class":3934},[3655,12292,7470],{"class":4130},[3655,12294,4071],{"class":3934},[3655,12296,12297],{"class":4130},"1001",[3655,12299,4081],{"class":3934},[3655,12301,12302],{"class":3657,"line":5248},[3655,12303,12304],{"class":3964},"            # Імітуємо невелику затримку (наприклад, читання з диска чи БД)\n",[3655,12306,12307],{"class":3657,"line":5254},[3655,12308,12309],{"class":3964},"            # Якщо затримка непотрібна — приберіть sleep, але для демонстрації це круто\n",[3655,12311,12312,12314,12316,12319],{"class":3657,"line":5260},[3655,12313,5879],{"class":3930},[3655,12315,4127],{"class":3934},[3655,12317,12318],{"class":4130},"0.01",[3655,12320,4006],{"class":3934},[3655,12322,12323],{"class":3657,"line":5265},[3655,12324,3704],{"emptyLinePlaceholder":3703},[3655,12326,12327],{"class":3657,"line":5270},[3655,12328,12329],{"class":3964},"            # Віддаємо рядок\n",[3655,12331,12332,12334,12336,12338,12340,12343,12345,12348,12350,12352,12354,12357,12359,12362,12365,12367,12369],{"class":3657,"line":5275},[3655,12333,9614],{"class":3930},[3655,12335,6453],{"class":3989},[3655,12337,3986],{"class":3867},[3655,12339,4095],{"class":3989},[3655,12341,12342],{"class":3934},"i",[3655,12344,4100],{"class":3989},[3655,12346,12347],{"class":3867},",Task Number ",[3655,12349,4095],{"class":3989},[3655,12351,12342],{"class":3934},[3655,12353,4100],{"class":3989},[3655,12355,12356],{"class":3867},",COMPLETED,",[3655,12358,4095],{"class":3989},[3655,12360,12361],{"class":3934},"i * ",[3655,12363,12364],{"class":4130},"1.5",[3655,12366,4100],{"class":3989},[3655,12368,8083],{"class":6501},[3655,12370,9631],{"class":3867},[3655,12372,12373],{"class":3657,"line":5280},[3655,12374,3704],{"emptyLinePlaceholder":3703},[3655,12376,12377],{"class":3657,"line":5286},[3655,12378,12379],{"class":3964},"    # Створюємо StreamingResponse\n",[3655,12381,12382],{"class":3657,"line":5292},[3655,12383,12384],{"class":3964},"    # Вказуємо media_type=\"text\u002Fcsv\"\n",[3655,12386,12387],{"class":3657,"line":5297},[3655,12388,12389],{"class":3964},"    # Додаємо заголовки, щоб браузер сприймав це як завантаження файлу (Attachment)\n",[3655,12391,12392],{"class":3657,"line":5303},[3655,12393,12394],{"class":3934},"    headers = {\n",[3655,12396,12397,12400,12402],{"class":3657,"line":5309},[3655,12398,12399],{"class":3867},"        \"Content-Disposition\"",[3655,12401,4064],{"class":3934},[3655,12403,12404],{"class":3867},"\"attachment; filename=large_report.csv\"\n",[3655,12406,12407],{"class":3657,"line":5315},[3655,12408,8608],{"class":3934},[3655,12410,12411],{"class":3657,"line":5320},[3655,12412,3704],{"emptyLinePlaceholder":3703},[3655,12414,12415,12417],{"class":3657,"line":5326},[3655,12416,4281],{"class":3930},[3655,12418,12419],{"class":3934}," StreamingResponse(\n",[3655,12421,12422],{"class":3657,"line":5332},[3655,12423,12424],{"class":3934},"        csv_data_generator(),\n",[3655,12426,12427,12430,12432,12435],{"class":3657,"line":5338},[3655,12428,12429],{"class":3973},"        media_type",[3655,12431,3983],{"class":3934},[3655,12433,12434],{"class":3867},"\"text\u002Fcsv\"",[3655,12436,10221],{"class":3934},[3655,12438,12439,12442],{"class":3657,"line":5344},[3655,12440,12441],{"class":3973},"        headers",[3655,12443,12444],{"class":3934},"=headers\n",[3655,12446,12447],{"class":3657,"line":5349},[3655,12448,12449],{"class":3934},"    )\n",[3551,12451,12452,12453,12456,12457,12459],{},"Запустіть застосунок: ",[3569,12454,12455],{},"uvicorn streaming_app:app --reload"," та відкрийте ",[3569,12458,4359],{},". При натисканні на посилання браузер почне завантаження файлу. Оскільки сервер надсилає дані частинами, завантаження почнеться миттєво, навіть якщо генерація всього файлу займає багато часу.",[3593,12461],{},[3596,12463,12465,12466],{"id":12464},"_8-запуск-синхронного-коду-в-асинхронному-fastapi-run_in_executor","8. Запуск синхронного коду в асинхронному FastAPI: ",[3569,12467,12468],{},"run_in_executor",[3551,12470,12471,12472,12479,12480,12482],{},"Як ви вже знаєте зі ",[12473,12474,12478],"a",{"href":12475,"rel":12476},"\u002F\u002F\u002FUsers\u002Farakviel\u002FWork\u002Fkostyl.dev\u002Fcontent\u002Fpython\u002Fasyncio",[12477],"nofollow","Статті 14 про asyncio",", в основі асинхронності Python лежить один системний потік, на якому працює Event Loop.\nЯкщо ви викликаєте блокуючу синхронну функцію безпосередньо всередині асинхронного ендпоінту (",[3569,12481,4437],{},"), ви заморожуєте Event Loop. Увесь додаток зависає для інших користувачів.",[3551,12484,12485,12486,12489],{},"Але що робити, якщо у вас є сторонні бібліотеки, які не мають асинхронного інтерфейсу (наприклад, робота з графікою через ",[3569,12487,12488],{},"Pillow",", старі клієнти баз даних, або важкі алгоритми обчислень)?",[3611,12491,12493,12494,7798,12497],{"id":12492},"рішення-asyncioto_thread-та-run_in_executor","Рішення: ",[3569,12495,12496],{},"asyncio.to_thread",[3569,12498,12468],{},[3551,12500,12501,12502,4490],{},"Для безпечного виконання синхронного коду в асинхронних додатках Event Loop надає можливість винести цю роботу в окремий пул потоків (",[3564,12503,12504],{},"ThreadPoolExecutor",[3551,12506,12507,12508,12513,12514,12517],{},"Починаючи з Python 3.9, для цього є дуже простий асинхронний метод: ",[3564,12509,12510],{},[3569,12511,12512],{},"asyncio.to_thread()",". Він під капотом забирає вашу синхронну функцію, переносить її виконання в окремий потік та повертає асинхронний ",[3569,12515,12516],{},"Awaitable"," об'єкт.",[3551,12519,12520],{},"Погляньмо на схему:",[3643,12522,12523],{},[3646,12524,12526],{"className":3648,"code":12525,"language":3650,"meta":3651,"style":3651},"@startuml\nskinparam style plain\nskinparam backgroundColor #ffffff\nskinparam ArrowColor #3b82f6\n\nbox \"Event Loop Thread\" #f1f5f9\n    participant \"Event Loop\" as loop\nend box\n\nbox \"Thread Pool (Worker Threads)\" #e8f5e9\n    participant \"Thread 1\" as t1\nend box\n\nloop -> loop : Обробка HTTP-запитів\nloop -> t1 : asyncio.to_thread(blocking_func, args)\\n(Виносить роботу в потік)\nactivate t1\nnote over loop : Event Loop вільний!\\nПродовжує обходить\\nінші HTTP запити.\nt1 -> t1 : Виконання блокуючого I\u002FO\\nабо важких обчислень\nt1 --> loop : Результат виконання\ndeactivate t1\nloop -> loop : Повернення HTTP відповіді\n@enduml\n",[3569,12527,12528,12532,12536,12540,12544,12548,12553,12558,12562,12566,12571,12576,12580,12584,12589,12594,12599,12604,12609,12614,12619,12624],{"__ignoreMap":3651},[3655,12529,12530],{"class":3657,"line":3658},[3655,12531,3661],{},[3655,12533,12534],{"class":3657,"line":3664},[3655,12535,3667],{},[3655,12537,12538],{"class":3657,"line":3670},[3655,12539,3673],{},[3655,12541,12542],{"class":3657,"line":3676},[3655,12543,3685],{},[3655,12545,12546],{"class":3657,"line":3682},[3655,12547,3704],{"emptyLinePlaceholder":3703},[3655,12549,12550],{"class":3657,"line":3688},[3655,12551,12552],{},"box \"Event Loop Thread\" #f1f5f9\n",[3655,12554,12555],{"class":3657,"line":3694},[3655,12556,12557],{},"    participant \"Event Loop\" as loop\n",[3655,12559,12560],{"class":3657,"line":3700},[3655,12561,3734],{},[3655,12563,12564],{"class":3657,"line":3707},[3655,12565,3704],{"emptyLinePlaceholder":3703},[3655,12567,12568],{"class":3657,"line":3713},[3655,12569,12570],{},"box \"Thread Pool (Worker Threads)\" #e8f5e9\n",[3655,12572,12573],{"class":3657,"line":3719},[3655,12574,12575],{},"    participant \"Thread 1\" as t1\n",[3655,12577,12578],{"class":3657,"line":3725},[3655,12579,3734],{},[3655,12581,12582],{"class":3657,"line":3731},[3655,12583,3704],{"emptyLinePlaceholder":3703},[3655,12585,12586],{"class":3657,"line":3737},[3655,12587,12588],{},"loop -> loop : Обробка HTTP-запитів\n",[3655,12590,12591],{"class":3657,"line":3743},[3655,12592,12593],{},"loop -> t1 : asyncio.to_thread(blocking_func, args)\\n(Виносить роботу в потік)\n",[3655,12595,12596],{"class":3657,"line":3748},[3655,12597,12598],{},"activate t1\n",[3655,12600,12601],{"class":3657,"line":3754},[3655,12602,12603],{},"note over loop : Event Loop вільний!\\nПродовжує обходить\\nінші HTTP запити.\n",[3655,12605,12606],{"class":3657,"line":3760},[3655,12607,12608],{},"t1 -> t1 : Виконання блокуючого I\u002FO\\nабо важких обчислень\n",[3655,12610,12611],{"class":3657,"line":3766},[3655,12612,12613],{},"t1 --> loop : Результат виконання\n",[3655,12615,12616],{"class":3657,"line":3772},[3655,12617,12618],{},"deactivate t1\n",[3655,12620,12621],{"class":3657,"line":3777},[3655,12622,12623],{},"loop -> loop : Повернення HTTP відповіді\n",[3655,12625,12626],{"class":3657,"line":3783},[3655,12627,3832],{},[3611,12629,12631],{"id":12630},"практичний-приклад-безпечний-запуск-синхронного-коду","Практичний приклад: Безпечний запуск синхронного коду",[3551,12633,12634,12635,12637],{},"Створимо API, яке демонструє роботу ",[3569,12636,12496],{}," для запуску важкої синхронної функції:",[3646,12639,12642],{"className":3921,"code":12640,"filename":12641,"language":3923,"meta":3651,"style":3651},"import asyncio\nimport time\nfrom fastapi import FastAPI\n\napp = FastAPI(title=\"Async Executor Demo\")\n\n# Блокуюча синхронна функція (наприклад, важка математика чи робота з диском)\ndef heavy_sync_computation(name: str, duration: int) -> str:\n    print(f\"[Thread] Початок обчислення '{name}' у фоновому потоці...\")\n    # time.sleep є синхронним і заблокував би Event Loop, якби його викликали прямо\n    time.sleep(duration)\n    print(f\"[Thread] Завершення обчислення '{name}'\")\n    return f\"Task '{name}' completed in {duration}s\"\n\n@app.get(\"\u002Fsync-blocking\")\nasync def run_blocking_sync():\n    # НЕПРАВИЛЬНО: Це заблокує сервер для ВСІХ користувачів на 5 секунд!\n    result = heavy_sync_computation(\"blocking\", 5)\n    return {\"result\": result}\n\n@app.get(\"\u002Fsync-safe\")\nasync def run_safe_sync():\n    # ПРАВИЛЬНО: Виносимо синхронну функцію в окремий потік\n    # Перший аргумент — сама функція (без дужок!), далі — її аргументи\n    result = await asyncio.to_thread(heavy_sync_computation, \"safe\", 5)\n    return {\"result\": result}\n\n# Низькорівневий варіант (для Python \u003C 3.9 або кастомних Executor-ів)\n@app.get(\"\u002Fsync-safe-lowlevel\")\nasync def run_safe_sync_lowlevel():\n    loop = asyncio.get_running_loop()\n\n    # None вказує на використання дефолтного ThreadPoolExecutor\n    # Якщо потрібно обмежити кількість потоків, можна передати свій concurrent.futures.ThreadPoolExecutor\n    result = await loop.run_in_executor(None, heavy_sync_computation, \"low-level\", 5)\n    return {\"result\": result}\n","sync_safe_app.py",[3569,12643,12644,12650,12656,12666,12670,12683,12687,12692,12722,12744,12749,12754,12775,12802,12806,12817,12828,12833,12847,12859,12863,12874,12885,12890,12895,12914,12924,12928,12933,12944,12955,12960,12964,12969,12974,12998],{"__ignoreMap":3651},[3655,12645,12646,12648],{"class":3657,"line":3658},[3655,12647,3931],{"class":3930},[3655,12649,3935],{"class":3934},[3655,12651,12652,12654],{"class":3657,"line":3664},[3655,12653,3931],{"class":3930},[3655,12655,10800],{"class":3934},[3655,12657,12658,12660,12662,12664],{"class":3657,"line":3670},[3655,12659,3947],{"class":3930},[3655,12661,3950],{"class":3934},[3655,12663,3931],{"class":3930},[3655,12665,8753],{"class":3934},[3655,12667,12668],{"class":3657,"line":3676},[3655,12669,3704],{"emptyLinePlaceholder":3703},[3655,12671,12672,12674,12676,12678,12681],{"class":3657,"line":3682},[3655,12673,4025],{"class":3934},[3655,12675,4028],{"class":3973},[3655,12677,3983],{"class":3934},[3655,12679,12680],{"class":3867},"\"Async Executor Demo\"",[3655,12682,4006],{"class":3934},[3655,12684,12685],{"class":3657,"line":3688},[3655,12686,3704],{"emptyLinePlaceholder":3703},[3655,12688,12689],{"class":3657,"line":3694},[3655,12690,12691],{"class":3964},"# Блокуюча синхронна функція (наприклад, важка математика чи робота з диском)\n",[3655,12693,12694,12696,12699,12701,12703,12705,12707,12709,12712,12714,12716,12718,12720],{"class":3657,"line":3700},[3655,12695,4433],{"class":3989},[3655,12697,12698],{"class":3864}," heavy_sync_computation",[3655,12700,4058],{"class":3934},[3655,12702,10892],{"class":3973},[3655,12704,4064],{"class":3934},[3655,12706,4068],{"class":4067},[3655,12708,4071],{"class":3934},[3655,12710,12711],{"class":3973},"duration",[3655,12713,4064],{"class":3934},[3655,12715,10916],{"class":4067},[3655,12717,6442],{"class":3934},[3655,12719,4068],{"class":4067},[3655,12721,5833],{"class":3934},[3655,12723,12724,12726,12728,12730,12733,12735,12737,12739,12742],{"class":3657,"line":3707},[3655,12725,10936],{"class":3864},[3655,12727,4058],{"class":3934},[3655,12729,4089],{"class":3989},[3655,12731,12732],{"class":3867},"\"[Thread] Початок обчислення '",[3655,12734,4095],{"class":3989},[3655,12736,10892],{"class":3934},[3655,12738,4100],{"class":3989},[3655,12740,12741],{"class":3867},"' у фоновому потоці...\"",[3655,12743,4006],{"class":3934},[3655,12745,12746],{"class":3657,"line":3713},[3655,12747,12748],{"class":3964},"    # time.sleep є синхронним і заблокував би Event Loop, якби його викликали прямо\n",[3655,12750,12751],{"class":3657,"line":3719},[3655,12752,12753],{"class":3934},"    time.sleep(duration)\n",[3655,12755,12756,12758,12760,12762,12765,12767,12769,12771,12773],{"class":3657,"line":3725},[3655,12757,10936],{"class":3864},[3655,12759,4058],{"class":3934},[3655,12761,4089],{"class":3989},[3655,12763,12764],{"class":3867},"\"[Thread] Завершення обчислення '",[3655,12766,4095],{"class":3989},[3655,12768,10892],{"class":3934},[3655,12770,4100],{"class":3989},[3655,12772,5897],{"class":3867},[3655,12774,4006],{"class":3934},[3655,12776,12777,12779,12781,12784,12786,12788,12790,12793,12795,12797,12799],{"class":3657,"line":3731},[3655,12778,4281],{"class":3930},[3655,12780,6453],{"class":3989},[3655,12782,12783],{"class":3867},"\"Task '",[3655,12785,4095],{"class":3989},[3655,12787,10892],{"class":3934},[3655,12789,4100],{"class":3989},[3655,12791,12792],{"class":3867},"' completed in ",[3655,12794,4095],{"class":3989},[3655,12796,12711],{"class":3934},[3655,12798,4100],{"class":3989},[3655,12800,12801],{"class":3867},"s\"\n",[3655,12803,12804],{"class":3657,"line":3737},[3655,12805,3704],{"emptyLinePlaceholder":3703},[3655,12807,12808,12810,12812,12815],{"class":3657,"line":3743},[3655,12809,5736],{"class":3864},[3655,12811,4058],{"class":3934},[3655,12813,12814],{"class":3867},"\"\u002Fsync-blocking\"",[3655,12816,4006],{"class":3934},[3655,12818,12819,12821,12823,12826],{"class":3657,"line":3748},[3655,12820,4049],{"class":3989},[3655,12822,4052],{"class":3989},[3655,12824,12825],{"class":3864}," run_blocking_sync",[3655,12827,5756],{"class":3934},[3655,12829,12830],{"class":3657,"line":3754},[3655,12831,12832],{"class":3964},"    # НЕПРАВИЛЬНО: Це заблокує сервер для ВСІХ користувачів на 5 секунд!\n",[3655,12834,12835,12838,12841,12843,12845],{"class":3657,"line":3760},[3655,12836,12837],{"class":3934},"    result = heavy_sync_computation(",[3655,12839,12840],{"class":3867},"\"blocking\"",[3655,12842,4071],{"class":3934},[3655,12844,4131],{"class":4130},[3655,12846,4006],{"class":3934},[3655,12848,12849,12851,12853,12856],{"class":3657,"line":3766},[3655,12850,4281],{"class":3930},[3655,12852,4284],{"class":3934},[3655,12854,12855],{"class":3867},"\"result\"",[3655,12857,12858],{"class":3934},": result}\n",[3655,12860,12861],{"class":3657,"line":3772},[3655,12862,3704],{"emptyLinePlaceholder":3703},[3655,12864,12865,12867,12869,12872],{"class":3657,"line":3777},[3655,12866,5736],{"class":3864},[3655,12868,4058],{"class":3934},[3655,12870,12871],{"class":3867},"\"\u002Fsync-safe\"",[3655,12873,4006],{"class":3934},[3655,12875,12876,12878,12880,12883],{"class":3657,"line":3783},[3655,12877,4049],{"class":3989},[3655,12879,4052],{"class":3989},[3655,12881,12882],{"class":3864}," run_safe_sync",[3655,12884,5756],{"class":3934},[3655,12886,12887],{"class":3657,"line":3789},[3655,12888,12889],{"class":3964},"    # ПРАВИЛЬНО: Виносимо синхронну функцію в окремий потік\n",[3655,12891,12892],{"class":3657,"line":3795},[3655,12893,12894],{"class":3964},"    # Перший аргумент — сама функція (без дужок!), далі — її аргументи\n",[3655,12896,12897,12900,12902,12905,12908,12910,12912],{"class":3657,"line":3800},[3655,12898,12899],{"class":3934},"    result = ",[3655,12901,5859],{"class":3930},[3655,12903,12904],{"class":3934}," asyncio.to_thread(heavy_sync_computation, ",[3655,12906,12907],{"class":3867},"\"safe\"",[3655,12909,4071],{"class":3934},[3655,12911,4131],{"class":4130},[3655,12913,4006],{"class":3934},[3655,12915,12916,12918,12920,12922],{"class":3657,"line":3806},[3655,12917,4281],{"class":3930},[3655,12919,4284],{"class":3934},[3655,12921,12855],{"class":3867},[3655,12923,12858],{"class":3934},[3655,12925,12926],{"class":3657,"line":3811},[3655,12927,3704],{"emptyLinePlaceholder":3703},[3655,12929,12930],{"class":3657,"line":3817},[3655,12931,12932],{"class":3964},"# Низькорівневий варіант (для Python \u003C 3.9 або кастомних Executor-ів)\n",[3655,12934,12935,12937,12939,12942],{"class":3657,"line":3823},[3655,12936,5736],{"class":3864},[3655,12938,4058],{"class":3934},[3655,12940,12941],{"class":3867},"\"\u002Fsync-safe-lowlevel\"",[3655,12943,4006],{"class":3934},[3655,12945,12946,12948,12950,12953],{"class":3657,"line":3829},[3655,12947,4049],{"class":3989},[3655,12949,4052],{"class":3989},[3655,12951,12952],{"class":3864}," run_safe_sync_lowlevel",[3655,12954,5756],{"class":3934},[3655,12956,12957],{"class":3657,"line":4967},[3655,12958,12959],{"class":3934},"    loop = asyncio.get_running_loop()\n",[3655,12961,12962],{"class":3657,"line":4973},[3655,12963,3704],{"emptyLinePlaceholder":3703},[3655,12965,12966],{"class":3657,"line":4979},[3655,12967,12968],{"class":3964},"    # None вказує на використання дефолтного ThreadPoolExecutor\n",[3655,12970,12971],{"class":3657,"line":4985},[3655,12972,12973],{"class":3964},"    # Якщо потрібно обмежити кількість потоків, можна передати свій concurrent.futures.ThreadPoolExecutor\n",[3655,12975,12976,12978,12980,12983,12986,12989,12992,12994,12996],{"class":3657,"line":4990},[3655,12977,12899],{"class":3934},[3655,12979,5859],{"class":3930},[3655,12981,12982],{"class":3934}," loop.run_in_executor(",[3655,12984,12985],{"class":3989},"None",[3655,12987,12988],{"class":3934},", heavy_sync_computation, ",[3655,12990,12991],{"class":3867},"\"low-level\"",[3655,12993,4071],{"class":3934},[3655,12995,4131],{"class":4130},[3655,12997,4006],{"class":3934},[3655,12999,13000,13002,13004,13006],{"class":3657,"line":4996},[3655,13001,4281],{"class":3930},[3655,13003,4284],{"class":3934},[3655,13005,12855],{"class":3867},[3655,13007,12858],{"class":3934},[3611,13009,13011],{"id":13010},"перевірка-поведінки-сервера","Перевірка поведінки сервера",[3551,13013,13014,13015,13018,13019,13022],{},"Запустіть цей скрипт: ",[3569,13016,13017],{},"uvicorn sync_safe_app:app --reload"," та спробуйте відкрити у двох різних вкладках браузера спочатку ",[3569,13020,13021],{},"\u002Fsync-safe"," кілька разів поспіль. Ви побачите, що запити виконуються паралельно (Event Loop не блокується, кожен запит обслуговується окремим потоком з пулу).",[3551,13024,13025,13026,13029,13030,13033],{},"Тепер спробуйте відкрити ",[3569,13027,13028],{},"\u002Fsync-blocking",". Ви помітите, що під час його виконання сервер повністю \"замерзає\" — ви навіть не зможете відкрити звичайну сторінку документації ",[3569,13031,13032],{},"\u002Fdocs",", поки не спливуть ці 5 секунд.",[3593,13035],{},[3596,13037,13039],{"id":13038},"_9-практичні-завдання-practice","9. Практичні завдання (Practice)",[3611,13041,13043],{"id":13042},"рівень-1-відправка-email-у-background-після-реєстрації","Рівень 1: Відправка email у background після реєстрації",[3551,13045,13046,13047,3572],{},"Реалізуйте асинхронну відправку вітального листа за допомогою FastAPI ",[3569,13048,3590],{},[3558,13050,13051,13058,13069],{},[3561,13052,13053,13054,13057],{},"Створіть ендпоінт ",[3569,13055,13056],{},"POST \u002Fregister",", який приймає email та пароль.",[3561,13059,13060,13061,13064,13065,13068],{},"Додайте фонову функцію ",[3569,13062,13063],{},"send_welcome_email(email: str)",", яка імітує відправку листа (використовуйте ",[3569,13066,13067],{},"asyncio.sleep(3)"," для імітації затримки SMTP).",[3561,13070,13071],{},"Перевірте, що відповідь клієнту повертається миттєво, а повідомлення про відправку з'являється в логах сервера через 3 секунди.",[3611,13073,13075],{"id":13074},"рівень-2-websocket-чат-для-коментарів-до-задачі","Рівень 2: WebSocket чат для коментарів до задачі",[3551,13077,13078],{},"Побудуйте інтерактивний чат обговорення конкретної задачі.",[3558,13080,13081,13091,13100],{},[3561,13082,13083,13084,13087,13088,13090],{},"Реалізуйте WebSocket ендпоінт ",[3569,13085,13086],{},"\u002Fws\u002Ftask\u002F{task_id}",", де ",[3569,13089,11211],{}," — це ідентифікатор задачі.",[3561,13092,13093,13094,13096,13097,13099],{},"Використайте ",[3569,13095,5995],{}," з розподілом по кімнатах (кімната — це ",[3569,13098,11211],{},"), щоб користувачі, які переглядають різні задачі, не бачили повідомлень один одного.",[3561,13101,13102],{},"Додайте просту HTML-сторінку для тестування, де користувач може вибрати ID задачі, написати коментар та побачити його в списку.",[3611,13104,13106],{"id":13105},"рівень-3-celery-для-pdf-звіту-та-sse-для-прогресу-складна-інтеграція","Рівень 3: Celery для PDF-звіту та SSE для прогресу (Складна інтеграція)",[3551,13108,13109],{},"Створіть інтегровану систему генерації великих звітів.",[3558,13111,13112,13125,13128],{},[3561,13113,13114,13115,4367,13117,13120,13121,13124],{},"Клієнт робить ",[3569,13116,4366],{},[3569,13118,13119],{},"\u002Freports\u002Fgenerate",", який запускає фонову задачу Celery для рендерингу PDF (імітуйте роботу через 5 кроків за допомогою ",[3569,13122,13123],{},"time.sleep(2)"," на кожному кроці).",[3561,13126,13127],{},"Завдання Celery на кожному кроці має оновлювати свій прогрес (наприклад, записуючи його в Redis або оновлюючи кастомний статус Celery).",[3561,13129,13130,13131,13134,13135,13137,13138,13141,13142,13145],{},"Ендпоінт ",[3569,13132,13133],{},"GET \u002Freports\u002Fstatus\u002F{task_id}"," має віддавати SSE потік (",[3569,13136,8719],{}," з типом ",[3569,13139,13140],{},"text\u002Fevent-stream","), який читає прогрес задачі з Celery (",[3569,13143,13144],{},"AsyncResult(task_id)",") кожну секунду і відправляє його клієнту, поки задача не завершиться.",[3593,13147],{},[3596,13149,13151],{"id":13150},"домашнє-завдання-taskforge-practice","Домашнє завдання (TaskForge Practice)",[3551,13153,13154,13155,7893],{},"Для успішного завершення цієї теми виконайте наступні зміни у вашому проекті ",[3564,13156,13157],{},"TaskForge",[3558,13159,13160,13181,13197],{},[3561,13161,13162,7893,13165],{},[3564,13163,13164],{},"WebSocket оновлення задач",[3628,13166,13167,13174],{},[3561,13168,13169,13170,13173],{},"Додайте WebSocket ендпоінт ",[3569,13171,13172],{},"\u002Fws\u002Ftasks",", який триматиме з'єднання відкритим.",[3561,13175,13176,13177,13180],{},"Коли будь-який користувач змінює статус задачі (наприклад, через ",[3569,13178,13179],{},"PATCH \u002Ftasks\u002F{id}","), сервер має сповістити всіх інших підключених користувачів про оновлення.",[3561,13182,13183,7893,13186],{},[3564,13184,13185],{},"ConnectionManager з кімнатами",[3628,13187,13188,13194],{},[3561,13189,13190,13191,4490],{},"Модернізуйте WebSocket-менеджер так, щоб він підтримував кімнати на основі проектів (",[3569,13192,13193],{},"\u002Fws\u002Fprojects\u002F{project_id}",[3561,13195,13196],{},"Користувачі мають отримувати оновлення про завдання лише у тих проектах, які вони зараз переглядають (тобто знаходяться у відповідній кімнаті).",[3561,13198,13199,7893,13202],{},[3564,13200,13201],{},"Background Tasks для нотифікацій",[3628,13203,13204,13210],{},[3561,13205,13206,13207,13209],{},"Додайте ",[3569,13208,3590],{}," до ендпоінту створення\u002Fпризначення завдання.",[3561,13211,13212],{},"Після призначення завдання конкретному користувачу (Assignee) система повинна у фоновому режимі відправити йому email-сповіщення (імітуйте функцію відправки).",[13214,13215,13216],"blockquote",{},[3551,13217,13218,4322,13221],{},[3564,13219,13220],{},"Git Commit:",[3569,13222,13223],{},"feat: add WebSocket notifications and background email tasks",[13225,13226,13227],"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 .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 .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}html pre.shiki code .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}html pre.shiki code .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}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 .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}html pre.shiki code .sjcCO, html code.shiki .sjcCO{--shiki-light:#EE0000;--shiki-default:#D7BA7D;--shiki-dark:#D7BA7D}html pre.shiki code .sKtos, html code.shiki .sKtos{--shiki-light:#800000;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .s-QsJ, html code.shiki .s-QsJ{--shiki-light:#0070C1;--shiki-default:#4FC1FF;--shiki-dark:#4FC1FF}",{"title":3651,"searchDepth":3664,"depth":3664,"links":13229},[13230,13234,13241,13243,13250,13259,13269,13272,13279,13284],{"id":3598,"depth":3664,"text":3599,"children":13231},[13232,13233],{"id":3613,"depth":3670,"text":3614},{"id":3835,"depth":3670,"text":3836},{"id":4429,"depth":3664,"text":13235,"children":13236},"2. Критично важлива деталь: def чи async def у фонових завданнях?",[13237,13239],{"id":4447,"depth":3670,"text":13238},"Сценарій 1: Фонова функція оголошена через async def",{"id":4477,"depth":3670,"text":13240},"Сценарій 2: Фонова функція оголошена через звичайний def",{"id":4610,"depth":3664,"text":13242},"3. Обмеження та недоліки BackgroundTasks",{"id":4665,"depth":3664,"text":4666,"children":13244},[13245,13246,13247,13248,13249],{"id":4678,"depth":3670,"text":4679},{"id":4719,"depth":3670,"text":4720},{"id":5971,"depth":3670,"text":5972},{"id":7473,"depth":3670,"text":7474},{"id":7729,"depth":3670,"text":7730},{"id":7845,"depth":3664,"text":7846,"children":13251},[13252,13253,13254,13255,13257,13258],{"id":7855,"depth":3670,"text":7856},{"id":7878,"depth":3670,"text":7879},{"id":8072,"depth":3670,"text":8073},{"id":8270,"depth":3670,"text":13256},"Клієнтський JavaScript API: EventSource",{"id":8631,"depth":3670,"text":8632},{"id":8712,"depth":3670,"text":8713},{"id":9712,"depth":3664,"text":9713,"children":13260},[13261,13262,13263,13264,13265,13266,13267,13268],{"id":9734,"depth":3670,"text":9735},{"id":9763,"depth":3670,"text":9764},{"id":9913,"depth":3670,"text":9914},{"id":9922,"depth":3670,"text":9923},{"id":10681,"depth":3670,"text":9914},{"id":11493,"depth":3670,"text":11494},{"id":11594,"depth":3670,"text":11595},{"id":11716,"depth":3670,"text":11717},{"id":11829,"depth":3664,"text":11830,"children":13270},[13271],{"id":11867,"depth":3670,"text":11868},{"id":12464,"depth":3664,"text":13273,"children":13274},"8. Запуск синхронного коду в асинхронному FastAPI: run_in_executor",[13275,13277,13278],{"id":12492,"depth":3670,"text":13276},"Рішення: asyncio.to_thread та run_in_executor",{"id":12630,"depth":3670,"text":12631},{"id":13010,"depth":3670,"text":13011},{"id":13038,"depth":3664,"text":13039,"children":13280},[13281,13282,13283],{"id":13042,"depth":3670,"text":13043},{"id":13074,"depth":3670,"text":13075},{"id":13105,"depth":3670,"text":13106},{"id":13150,"depth":3664,"text":13151},"Глибоке занурення в просунуті асинхронні можливості FastAPI. Навчимося виконувати фонові завдання, працювати з WebSockets та SSE, а також інтегрувати Celery для важких обчислень.","md",null,{},{"title":2662,"description":13285},"QQC5wBvEXAv2QsQQ0aS66OGg2IT9hHNTDpgFyzyep0Q",[13292,13294],{"title":2658,"path":2659,"stem":2660,"description":13293,"children":-1},"Глибоке занурення у тестування FastAPI застосунків. Перехід від концепцій xUnit до pytest, налаштування середовища, unit-тестування Pydantic-схем та параметризовані тести.",{"title":2666,"path":2667,"stem":2668,"description":13295,"children":-1},"Практичний посібник із запуску FastAPI у production-середовищі. Навчимося конфігурувати оточення через Pydantic Settings, оптимізувати Uvicorn\u002FGunicorn та проведемо паралелі з .NET.",1787230576450]