[{"data":1,"prerenderedAt":13565},["ShallowReactive",2],{"navigation_docs":3,"-javascript-async-programming-async-patterns":4573,"-javascript-async-programming-async-patterns-surround":13562},[4,1707,1980,2452,2633,2759,2966,3088,3138,3195,3229,3355,3432,3446,3585,3706,3783,4516,4569],{"title":5,"icon":6,"path":7,"stem":8,"children":9},"C#","i-devicon-csharp","\u002Fcsharp","01.csharp",[10,13,60,90,120,202,219,253,379,404,457,650,1364,1654,1703],{"title":11,"path":7,"stem":12},"C# та .NET","01.csharp\u002Findex",{"title":14,"icon":15,"path":16,"stem":17,"children":18,"page":59},"Fundamentals","i-lucide-book-open","\u002Fcsharp\u002Ffundamentals","01.csharp\u002F01.fundamentals",[19,23,27,31,35,39,43,47,51,55],{"title":20,"path":21,"stem":22},"Вступ до екосистеми .NET","\u002Fcsharp\u002Ffundamentals\u002Fintroduction-to-ecosystem","01.csharp\u002F01.fundamentals\u002F01.introduction-to-ecosystem",{"title":24,"path":25,"stem":26},"Структура програми на C#","\u002Fcsharp\u002Ffundamentals\u002Fprogram-structure","01.csharp\u002F01.fundamentals\u002F02.program-structure",{"title":28,"path":29,"stem":30},"Змінні та Типи Даних","\u002Fcsharp\u002Ffundamentals\u002Fvariables-data-types","01.csharp\u002F01.fundamentals\u002F03.variables-data-types",{"title":32,"path":33,"stem":34},"Масиви","\u002Fcsharp\u002Ffundamentals\u002Farrays","01.csharp\u002F01.fundamentals\u002F04.arrays",{"title":36,"path":37,"stem":38},"Strings & Text Handling","\u002Fcsharp\u002Ffundamentals\u002Fstrings-text-handling","01.csharp\u002F01.fundamentals\u002F05.strings-text-handling",{"title":40,"path":41,"stem":42},"Дати і Час","\u002Fcsharp\u002Ffundamentals\u002Fdates-time-handling","01.csharp\u002F01.fundamentals\u002F06.dates-time-handling",{"title":44,"path":45,"stem":46},"Потік Керування","\u002Fcsharp\u002Ffundamentals\u002Fcontrol-flow","01.csharp\u002F01.fundamentals\u002F07.control-flow",{"title":48,"path":49,"stem":50},"Методи","\u002Fcsharp\u002Ffundamentals\u002Fmethods","01.csharp\u002F01.fundamentals\u002F08.methods",{"title":52,"path":53,"stem":54},"Основи Відлагодження","\u002Fcsharp\u002Ffundamentals\u002Fdebugging-basics","01.csharp\u002F01.fundamentals\u002F09.debugging-basics",{"title":56,"path":57,"stem":58},"Інтерактивна Консоль (Classic)","\u002Fcsharp\u002Ffundamentals\u002Finteractive-console","01.csharp\u002F01.fundamentals\u002F10.interactive-console",false,{"title":61,"icon":62,"path":63,"stem":64,"children":65,"page":59},"OOP","i-lucide-box","\u002Fcsharp\u002Foop","01.csharp\u002F02.oop",[66,70,74,78,82,86],{"title":67,"path":68,"stem":69},"Package Management (Управління Пакетами)","\u002Fcsharp\u002Foop\u002Fpackage-management","01.csharp\u002F02.oop\u002F01.package-management",{"title":71,"path":72,"stem":73},"Класи та Об'єкти","\u002Fcsharp\u002Foop\u002Fclasses-objects","01.csharp\u002F02.oop\u002F02.classes-objects",{"title":75,"path":76,"stem":77},"Властивості та Поля","\u002Fcsharp\u002Foop\u002Fproperties-fields","01.csharp\u002F02.oop\u002F03.properties-fields",{"title":79,"path":80,"stem":81},"Стовпи ООП","\u002Fcsharp\u002Foop\u002Foop-pillars","01.csharp\u002F02.oop\u002F04.oop-pillars",{"title":83,"path":84,"stem":85},"Advanced Types","\u002Fcsharp\u002Foop\u002Fadvanced-types","01.csharp\u002F02.oop\u002F05.advanced-types",{"title":87,"path":88,"stem":89},"Namespaces (Простори Імен)","\u002Fcsharp\u002Foop\u002Fnamespaces","01.csharp\u002F02.oop\u002F06.namespaces",{"title":91,"icon":92,"path":93,"stem":94,"children":95,"page":59},"Advanced Core","i-lucide-zap","\u002Fcsharp\u002Fadvanced-core","01.csharp\u002F03.advanced-core",[96,100,104,108,112,116],{"title":97,"path":98,"stem":99},"Generics (Узагальнення)","\u002Fcsharp\u002Fadvanced-core\u002Fgenerics","01.csharp\u002F03.advanced-core\u002F01.generics",{"title":101,"path":102,"stem":103},"Делегати, Події та Лямбда-вирази","\u002Fcsharp\u002Fadvanced-core\u002Fdelegates-events-lambdas","01.csharp\u002F03.advanced-core\u002F02.delegates-events-lambdas",{"title":105,"path":106,"stem":107},"Interfaces Deep Dive (Інтерфейси: Поглиблений Розгляд)","\u002Fcsharp\u002Fadvanced-core\u002Finterfaces-deep-dive","01.csharp\u002F03.advanced-core\u002F03.interfaces-deep-dive",{"title":109,"path":110,"stem":111},"Обробка Винятків","\u002Fcsharp\u002Fadvanced-core\u002Fexception-handling","01.csharp\u002F03.advanced-core\u002F04.exception-handling",{"title":113,"path":114,"stem":115},"Pattern Matching","\u002Fcsharp\u002Fadvanced-core\u002Fpattern-matching","01.csharp\u002F03.advanced-core\u002F05.pattern-matching",{"title":117,"path":118,"stem":119},"Додаткові Можливості C#","\u002Fcsharp\u002Fadvanced-core\u002Fadditional-features","01.csharp\u002F03.advanced-core\u002F06.additional-features",{"title":121,"icon":122,"path":123,"stem":124,"children":125,"page":59},"Architecture Best Practices","i-lucide-building-2","\u002Fcsharp\u002Farchitecture-best-practices","01.csharp\u002F04.architecture-best-practices",[126,130,149,153,157,161,165,169],{"title":127,"path":128,"stem":129},"Software Design Principles (Частина 1)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fsoftware-design-principles","01.csharp\u002F04.architecture-best-practices\u002F01.software-design-principles",{"title":131,"icon":132,"path":133,"stem":134,"children":135,"page":59},"Design Patterns","i-lucide-folder","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns",[136],{"title":137,"icon":132,"path":138,"stem":139,"children":140,"page":59},"Creational","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational",[141,145],{"title":142,"path":143,"stem":144},"Singleton (Одинак)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational\u002Fsingleton","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational\u002F01.singleton",{"title":146,"path":147,"stem":148},"Builder (Будівельник)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational\u002Fbuilder","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational\u002F02.builder",{"title":150,"path":151,"stem":152},"Building Professional CLIs","\u002Fcsharp\u002Farchitecture-best-practices\u002Fbuilding-professional-clis","01.csharp\u002F04.architecture-best-practices\u002F03.building-professional-clis",{"title":154,"path":155,"stem":156},"Validation & Flow Control","\u002Fcsharp\u002Farchitecture-best-practices\u002Fvalidation-flow-control","01.csharp\u002F04.architecture-best-practices\u002F04.validation-flow-control",{"title":158,"path":159,"stem":160},"The Modern .NET Host (Microsoft.Extensions)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fmodern-dotnet-host","01.csharp\u002F04.architecture-best-practices\u002F05.modern-dotnet-host",{"title":162,"path":163,"stem":164},"Data Mapper: Repository та DAO патерни (Частина 1)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdata-mapper-part1","01.csharp\u002F04.architecture-best-practices\u002F06.data-mapper-part1",{"title":166,"path":167,"stem":168},"Data Mapper: Repository та DAO патерни (Частина 2)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdata-mapper-part2","01.csharp\u002F04.architecture-best-practices\u002F07.data-mapper-part2",{"title":170,"icon":132,"path":171,"stem":172,"children":173,"page":59},"Di Ioc","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc",[174,178,182,186,190,194,198],{"title":175,"path":176,"stem":177},"Проблема залежностей та Інверсія Контролю","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fthe-dependency-problem","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F01.the-dependency-problem",{"title":179,"path":180,"stem":181},"Будуємо власний Service Container","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fbuild-your-own-container","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F02.build-your-own-container",{"title":183,"path":184,"stem":185},"Service Locator: Паттерн та Анти-паттерн","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fservice-locator-pattern","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F03.service-locator-pattern",{"title":187,"path":188,"stem":189},"Паттерни Dependency Injection","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fdependency-injection-patterns","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F04.dependency-injection-patterns",{"title":191,"path":192,"stem":193},"Microsoft DI: IServiceCollection та IServiceProvider","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fmicrosoft-di-deep-dive","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F05.microsoft-di-deep-dive",{"title":195,"path":196,"stem":197},"Service Lifetimes та Scopes","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fservice-lifetimes-and-scopes","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F06.service-lifetimes-and-scopes",{"title":199,"path":200,"stem":201},"DI Анти-паттерни та Найкращі Практики","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fdi-anti-patterns-and-best-practices","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F07.di-anti-patterns-and-best-practices",{"title":203,"icon":132,"path":204,"stem":205,"children":206,"page":59},"Standard Library","\u002Fcsharp\u002Fstandard-library","01.csharp\u002F05.standard-library",[207,211,215],{"title":208,"path":209,"stem":210},"Collections (Колекції)","\u002Fcsharp\u002Fstandard-library\u002Fcollections","01.csharp\u002F05.standard-library\u002F01.collections",{"title":212,"path":213,"stem":214},"High Performance Types (Високопродуктивні Типи)","\u002Fcsharp\u002Fstandard-library\u002Fhigh-performance-types","01.csharp\u002F05.standard-library\u002F02.high-performance-types",{"title":216,"path":217,"stem":218},"LINQ (Language Integrated Query)","\u002Fcsharp\u002Fstandard-library\u002Flinq","01.csharp\u002F05.standard-library\u002F03.linq",{"title":220,"icon":221,"path":222,"stem":223,"children":224,"page":59},"System Internals Concurrency","i-lucide-server","\u002Fcsharp\u002Fsystem-internals-concurrency","01.csharp\u002F06.system-internals-concurrency",[225,229,233,237,241,245,249],{"title":226,"path":227,"stem":228},"Memory Management","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fmemory-management","01.csharp\u002F06.system-internals-concurrency\u002F01.memory-management",{"title":230,"path":231,"stem":232},"Reflection API: System.Type та Метадані","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Freflection-fundamentals","01.csharp\u002F06.system-internals-concurrency\u002F02.reflection-fundamentals",{"title":234,"path":235,"stem":236},"Attributes та Dynamic Language Runtime","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fattributes-dynamic","01.csharp\u002F06.system-internals-concurrency\u002F03.attributes-dynamic",{"title":238,"path":239,"stem":240},"Expression Trees: Швидка Альтернатива Рефлексії","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fexpression-trees-compiled","01.csharp\u002F06.system-internals-concurrency\u002F04.expression-trees-compiled",{"title":242,"path":243,"stem":244},"Source Generators: Compile-Time Code Generation","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fsource-generators","01.csharp\u002F06.system-internals-concurrency\u002F05.source-generators",{"title":246,"path":247,"stem":248},"Multithreading Fundamentals","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fmultithreading-fundamentals","01.csharp\u002F06.system-internals-concurrency\u002F06.multithreading-fundamentals",{"title":250,"path":251,"stem":252},"Synchronization Primitives","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fsynchronization-primitives","01.csharp\u002F06.system-internals-concurrency\u002F07.synchronization-primitives",{"title":254,"icon":255,"path":256,"stem":257,"children":258,"page":59},"System Programming Windows","i-lucide-cpu","\u002Fcsharp\u002Fsystem-programming-windows","01.csharp\u002F07.system-programming-windows",[259,263,267,271,275,279,283,287,291,295,299,303,307,311,315,319,323,327,331,335,339,343,347,351,355,359,363,367,371,375],{"title":260,"path":261,"stem":262},"Як Працює Операційна Система","\u002Fcsharp\u002Fsystem-programming-windows\u002Fhow-os-works","01.csharp\u002F07.system-programming-windows\u002F01.how-os-works",{"title":264,"path":265,"stem":266},"Процеси в .NET — API та Запуск","\u002Fcsharp\u002Fsystem-programming-windows\u002Fprocesses-in-dotnet","01.csharp\u002F07.system-programming-windows\u002F02.processes-in-dotnet",{"title":268,"path":269,"stem":270},"Процеси в .NET — IPC та Міжпроцесна Комунікація","\u002Fcsharp\u002Fsystem-programming-windows\u002F02a.processes-ipc","01.csharp\u002F07.system-programming-windows\u002F02a.processes-ipc",{"title":272,"path":273,"stem":274},"Application Domains та Збірки — AppDomain і AssemblyLoadContext","\u002Fcsharp\u002Fsystem-programming-windows\u002Fappdomains-assemblies","01.csharp\u002F07.system-programming-windows\u002F03.appdomains-assemblies",{"title":276,"path":277,"stem":278},"Application Domains та Збірки — Plug-in Система з Hot-Reload","\u002Fcsharp\u002Fsystem-programming-windows\u002F03a.appdomains-plugin-system","01.csharp\u002F07.system-programming-windows\u002F03a.appdomains-plugin-system",{"title":280,"path":281,"stem":282},"Потоки — Основи та API Thread","\u002Fcsharp\u002Fsystem-programming-windows\u002Fthread-fundamentals","01.csharp\u002F07.system-programming-windows\u002F04.thread-fundamentals",{"title":284,"path":285,"stem":286},"Потоки — Lifecycle, Пріоритети та Безпечне Завершення","\u002Fcsharp\u002Fsystem-programming-windows\u002F04a.thread-lifecycle-priorities","01.csharp\u002F07.system-programming-windows\u002F04a.thread-lifecycle-priorities",{"title":288,"path":289,"stem":290},"Проблеми Спільного Стану — Race Condition та Data Race","\u002Fcsharp\u002Fsystem-programming-windows\u002Fshared-state-problems","01.csharp\u002F07.system-programming-windows\u002F05.shared-state-problems",{"title":292,"path":293,"stem":294},"Проблеми Спільного Стану — Memory Model та volatile","\u002Fcsharp\u002Fsystem-programming-windows\u002F05a.shared-state-memory-model","01.csharp\u002F07.system-programming-windows\u002F05a.shared-state-memory-model",{"title":296,"path":297,"stem":298},"Синхронізація — Monitor, lock та еволюція примітивів","\u002Fcsharp\u002Fsystem-programming-windows\u002Fsynchronization-fundamentals","01.csharp\u002F07.system-programming-windows\u002F06.synchronization-fundamentals",{"title":300,"path":301,"stem":302},"Синхронізація — Наскрізний Приклад та Deadlock Detection","\u002Fcsharp\u002Fsystem-programming-windows\u002F06a.synchronization-walkthrough","01.csharp\u002F07.system-programming-windows\u002F06a.synchronization-walkthrough",{"title":304,"path":305,"stem":306},"Синхронізація — Mutex, Semaphore та Event-Based Primitives","\u002Fcsharp\u002Fsystem-programming-windows\u002Fsynchronization-advanced","01.csharp\u002F07.system-programming-windows\u002F07.synchronization-advanced",{"title":308,"path":309,"stem":310},"Синхронізація — Interlocked, Volatile та Lock-Free Структури","\u002Fcsharp\u002Fsystem-programming-windows\u002F07a.synchronization-advanced-walkthrough","01.csharp\u002F07.system-programming-windows\u002F07a.synchronization-advanced-walkthrough",{"title":312,"path":313,"stem":314},"Interlocked, CAS та Lock-Free Структури","\u002Fcsharp\u002Fsystem-programming-windows\u002Finterlocked-cas-lockfree","01.csharp\u002F07.system-programming-windows\u002F08.interlocked-cas-lockfree",{"title":316,"path":317,"stem":318},"Volatile, Memory Model та Spinning","\u002Fcsharp\u002Fsystem-programming-windows\u002F08a.volatile-memory-model","01.csharp\u002F07.system-programming-windows\u002F08a.volatile-memory-model",{"title":320,"path":321,"stem":322},"ThreadPool — Пул Потоків для Ефективного Виконання","\u002Fcsharp\u002Fsystem-programming-windows\u002Fthread-pool","01.csharp\u002F07.system-programming-windows\u002F09.thread-pool",{"title":324,"path":325,"stem":326},"ThreadPool — Просунуті Сценарії та Внутрішня Будова","\u002Fcsharp\u002Fsystem-programming-windows\u002F09a.thread-pool-advanced","01.csharp\u002F07.system-programming-windows\u002F09a.thread-pool-advanced",{"title":328,"path":329,"stem":330},"Concurrent та Immutable Collections","\u002Fcsharp\u002Fsystem-programming-windows\u002Fconcurrent-collections","01.csharp\u002F07.system-programming-windows\u002F10.concurrent-collections",{"title":332,"path":333,"stem":334},"TPL, Task та Композиція — Від Thread до Task","\u002Fcsharp\u002Fsystem-programming-windows\u002Ftpl-parallel-plinq","01.csharp\u002F07.system-programming-windows\u002F11.tpl-parallel-plinq",{"title":336,"path":337,"stem":338},"Parallel Class та PLINQ — Data Parallelism","\u002Fcsharp\u002Fsystem-programming-windows\u002F11a.tpl-parallel-plinq-advanced","01.csharp\u002F07.system-programming-windows\u002F11a.tpl-parallel-plinq-advanced",{"title":340,"path":341,"stem":342},"Async\u002FAwait — Фундамент Асинхронного Програмування","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-fundamentals","01.csharp\u002F07.system-programming-windows\u002F12.async-fundamentals",{"title":344,"path":345,"stem":346},"SynchronizationContext та ConfigureAwait — Контекст Виконання","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-context-configureawait","01.csharp\u002F07.system-programming-windows\u002F13.async-context-configureawait",{"title":348,"path":349,"stem":350},"Async — Просунуті Паттерни","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-advanced","01.csharp\u002F07.system-programming-windows\u002F14.async-advanced",{"title":352,"path":353,"stem":354},"System.Threading.Channels — Async Producer-Consumer","\u002Fcsharp\u002Fsystem-programming-windows\u002Fchannels","01.csharp\u002F07.system-programming-windows\u002F15.channels",{"title":356,"path":357,"stem":358},"Асинхронна Синхронізація","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-synchronization","01.csharp\u002F07.system-programming-windows\u002F16.async-synchronization",{"title":360,"path":361,"stem":362},"Unsafe Code та Вказівники","\u002Fcsharp\u002Fsystem-programming-windows\u002Funsafe-code","01.csharp\u002F07.system-programming-windows\u002F17.unsafe-code",{"title":364,"path":365,"stem":366},"P\u002FInvoke та Windows API — Міст між .NET та Native Code","\u002Fcsharp\u002Fsystem-programming-windows\u002Fpinvoke-winapi","01.csharp\u002F07.system-programming-windows\u002F18.pinvoke-winapi",{"title":368,"path":369,"stem":370},"Реєстр Windows — Центральна База Конфігурації Системи","\u002Fcsharp\u002Fsystem-programming-windows\u002Fwindows-registry","01.csharp\u002F07.system-programming-windows\u002F19.windows-registry",{"title":372,"path":373,"stem":374},"Windows Hooks, Hotkeys та Services — Глибока Інтеграція з ОС","\u002Fcsharp\u002Fsystem-programming-windows\u002Fwindows-hooks-services","01.csharp\u002F07.system-programming-windows\u002F20.windows-hooks-services",{"title":376,"path":377,"stem":378},"Системне Програмування C# (Windows) — 07.system-programming-windows","\u002Fcsharp\u002Fsystem-programming-windows\u002Fimplementation_plan","01.csharp\u002F07.system-programming-windows\u002Fimplementation_plan",{"title":380,"icon":132,"path":381,"stem":382,"children":383,"page":59},"Io","\u002Fcsharp\u002Fio","01.csharp\u002F08.io",[384,388,392,396,400],{"title":385,"path":386,"stem":387},"8.1.1. Основи роботи з файловою системою","\u002Fcsharp\u002Fio\u002Ffile-system-basics","01.csharp\u002F08.io\u002F01.file-system-basics",{"title":389,"path":390,"stem":391},"8.1.2. Потоки (Streams) та Серіалізація Даних","\u002Fcsharp\u002Fio\u002Fstreams-serialization","01.csharp\u002F08.io\u002F02.streams-serialization",{"title":393,"path":394,"stem":395},"8.2.1. JSON Serialization з System.Text.Json","\u002Fcsharp\u002Fio\u002Fjson-serialization","01.csharp\u002F08.io\u002F03.json-serialization",{"title":397,"path":398,"stem":399},"8.2.2. XML Serialization та LINQ to XML","\u002Fcsharp\u002Fio\u002Fxml-serialization","01.csharp\u002F08.io\u002F04.xml-serialization",{"title":401,"path":402,"stem":403},"8.2.3. Binary Serialization: MessagePack та Protocol Buffers","\u002Fcsharp\u002Fio\u002Fbinary-serialization","01.csharp\u002F08.io\u002F05.binary-serialization",{"title":405,"icon":132,"path":406,"stem":407,"children":408,"page":59},"Ado Net","\u002Fcsharp\u002Fado-net","01.csharp\u002F09.ado-net",[409,413,417,421,425,429,433,437,441,445,449,453],{"title":410,"path":411,"stem":412},"9.1. Введення в ADO.NET","\u002Fcsharp\u002Fado-net\u002Fintroduction-to-adonet","01.csharp\u002F09.ado-net\u002F01.introduction-to-adonet",{"title":414,"path":415,"stem":416},"9.2. Клас DbConnection — з'єднання з базою даних","\u002Fcsharp\u002Fado-net\u002Fconnection","01.csharp\u002F09.ado-net\u002F02.connection",{"title":418,"path":419,"stem":420},"9.3. Клас DbCommand — виконання SQL-запитів","\u002Fcsharp\u002Fado-net\u002Fcommand-and-queries","01.csharp\u002F09.ado-net\u002F03.command-and-queries",{"title":422,"path":423,"stem":424},"9.4. Клас DbDataReader — ефективне читання даних","\u002Fcsharp\u002Fado-net\u002Fdatareader","01.csharp\u002F09.ado-net\u002F04.datareader",{"title":426,"path":427,"stem":428},"9.5. Параметризовані запити та захист від SQL Injection","\u002Fcsharp\u002Fado-net\u002Fparameters-and-sql-injection","01.csharp\u002F09.ado-net\u002F05.parameters-and-sql-injection",{"title":430,"path":431,"stem":432},"9.6. Транзакції в ADO.NET","\u002Fcsharp\u002Fado-net\u002Ftransactions","01.csharp\u002F09.ado-net\u002F06.transactions",{"title":434,"path":435,"stem":436},"9.7. DbProviderFactory — провайдер-незалежний код","\u002Fcsharp\u002Fado-net\u002Fprovider-factory","01.csharp\u002F09.ado-net\u002F07.provider-factory",{"title":438,"path":439,"stem":440},"9.8. Асинхронний доступ до даних","\u002Fcsharp\u002Fado-net\u002Fasync-data-access","01.csharp\u002F09.ado-net\u002F08.async-data-access",{"title":442,"path":443,"stem":444},"9.9. Від'єднаний режим: DataSet, DataTable, DataRow","\u002Fcsharp\u002Fado-net\u002Fdisconnected-mode-dataset","01.csharp\u002F09.ado-net\u002F09.disconnected-mode-dataset",{"title":446,"path":447,"stem":448},"9.10. DataAdapter — міст між DataSet та базою даних","\u002Fcsharp\u002Fado-net\u002Fdata-adapter","01.csharp\u002F09.ado-net\u002F10.data-adapter",{"title":450,"path":451,"stem":452},"9.11. Data Mapper та Repository: Архітектура доступу до даних","\u002Fcsharp\u002Fado-net\u002Fdata-mapper-repository","01.csharp\u002F09.ado-net\u002F11.data-mapper-repository",{"title":454,"path":455,"stem":456},"9.12. Identity Map, Unit of Work та Specification Pattern","\u002Fcsharp\u002Fado-net\u002Fadvanced-patterns","01.csharp\u002F09.ado-net\u002F12.advanced-patterns",{"title":458,"icon":255,"path":459,"stem":460,"children":461,"page":59},"Ef Core","\u002Fcsharp\u002Fef-core","01.csharp\u002F10.ef-core",[462,466,470,474,478,482,486,490,494,498,502,506,510,514,518,522,526,532,538,542,546,550,554,558,562,566,570,574,578,582,586,590,594,598,602,606,610,614,618,622,626,630,634,638,642,646],{"title":463,"path":464,"stem":465},"Що таке ORM? Від SQL до об'єктів","\u002Fcsharp\u002Fef-core\u002Fwhat-is-orm","01.csharp\u002F10.ef-core\u002F01.what-is-orm",{"title":467,"path":468,"stem":469},"Перший проєкт — від нуля до CRUD","\u002Fcsharp\u002Fef-core\u002Ffirst-project","01.csharp\u002F10.ef-core\u002F02.first-project",{"title":471,"path":472,"stem":473},"DbContext — Серце EF Core","\u002Fcsharp\u002Fef-core\u002Fdbcontext-deep-dive","01.csharp\u002F10.ef-core\u002F03.dbcontext-deep-dive",{"title":475,"path":476,"stem":477},"Провайдери баз даних — Архітектура та Вибір СУБД","\u002Fcsharp\u002Fef-core\u002Fdatabase-providers","01.csharp\u002F10.ef-core\u002F04.database-providers",{"title":479,"path":480,"stem":481},"Конвенції EF Core — Магія без конфігурації","\u002Fcsharp\u002Fef-core\u002Fconventions","01.csharp\u002F10.ef-core\u002F05.conventions",{"title":483,"path":484,"stem":485},"Fluent API та Data Annotations — Явна конфігурація моделі","\u002Fcsharp\u002Fef-core\u002Ffluent-api-vs-annotations","01.csharp\u002F10.ef-core\u002F06.fluent-api-vs-annotations",{"title":487,"path":488,"stem":489},"Зв'язки — One-to-One та One-to-Many","\u002Fcsharp\u002Fef-core\u002Frelationships-basics","01.csharp\u002F10.ef-core\u002F07.relationships-basics",{"title":491,"path":492,"stem":493},"Зв'язки Advanced — Many-to-Many та Складні Сценарії","\u002Fcsharp\u002Fef-core\u002Frelationships-advanced","01.csharp\u002F10.ef-core\u002F08.relationships-advanced",{"title":495,"path":496,"stem":497},"Властивості — Типи, Конвертери, Компаратори (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fproperty-configuration-part1","01.csharp\u002F10.ef-core\u002F09.property-configuration-part1",{"title":499,"path":500,"stem":501},"Властивості — Value Comparers, Generators, Shadow Properties (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fproperty-configuration-part2","01.csharp\u002F10.ef-core\u002F09.property-configuration-part2",{"title":503,"path":504,"stem":505},"Складні типи — Owned Types та Complex Types (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fcomplex-types-owned-part1","01.csharp\u002F10.ef-core\u002F10.complex-types-owned-part1",{"title":507,"path":508,"stem":509},"Складні типи — Complex Types, Keyless Entities, Порівняння (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fcomplex-types-owned-part2","01.csharp\u002F10.ef-core\u002F10.complex-types-owned-part2",{"title":511,"path":512,"stem":513},"JSON Columns — Складні дані у JSON (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fjson-columns-part1","01.csharp\u002F10.ef-core\u002F11.json-columns-part1",{"title":515,"path":516,"stem":517},"JSON Columns — Value Comparers, Індекси, Провайдери (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fjson-columns-part2","01.csharp\u002F10.ef-core\u002F11.json-columns-part2",{"title":519,"path":520,"stem":521},"Успадкування — Абстрактні класи та TPH (Частина 1)","\u002Fcsharp\u002Fef-core\u002Finheritance-part1","01.csharp\u002F10.ef-core\u002F12.inheritance-part1",{"title":523,"path":524,"stem":525},"Успадкування — TPT, TPC та Порівняння Стратегій (Частина 2)","\u002Fcsharp\u002Fef-core\u002Finheritance-part2","01.csharp\u002F10.ef-core\u002F12.inheritance-part2",{"title":527,"path":528,"stem":529,"children":530},"Індекси, Обмеження та Схема (Частина 1)","\u002Fcsharp\u002Fef-core\u002Findexes-constraints-part1","01.csharp\u002F10.ef-core\u002F13.indexes-constraints-part1",[531],{"title":527,"path":528,"stem":529},{"title":533,"path":534,"stem":535,"children":536},"Індекси, Обмеження та Схема (Частина 2)","\u002Fcsharp\u002Fef-core\u002Findexes-constraints-part2","01.csharp\u002F10.ef-core\u002F13.indexes-constraints-part2",[537],{"title":533,"path":534,"stem":535},{"title":539,"path":540,"stem":541},"Seed Data — Початкові Дані (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fseeding-part1","01.csharp\u002F10.ef-core\u002F14.seeding-part1",{"title":543,"path":544,"stem":545},"Seed Data — SQL-скрипти, Bogus та Стратегії (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fseeding-part2","01.csharp\u002F10.ef-core\u002F14.seeding-part2",{"title":547,"path":548,"stem":549},"Global Query Filters — Глобальні Фільтри (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fglobal-query-filters-part1","01.csharp\u002F10.ef-core\u002F15.global-query-filters-part1",{"title":551,"path":552,"stem":553},"Global Query Filters — Підводні камені та Інтеграція (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fglobal-query-filters-part2","01.csharp\u002F10.ef-core\u002F15.global-query-filters-part2",{"title":555,"path":556,"stem":557},"LINQ-запити в EF Core (Частина 1)","\u002Fcsharp\u002Fef-core\u002Flinq-queries-part1","01.csharp\u002F10.ef-core\u002F16.linq-queries-part1",{"title":559,"path":560,"stem":561},"LINQ-запити в EF Core (Частина 2)","\u002Fcsharp\u002Fef-core\u002Flinq-queries-part2","01.csharp\u002F10.ef-core\u002F16.linq-queries-part2",{"title":563,"path":564,"stem":565},"Завантаження Пов'язаних Даних (Частина 1)","\u002Fcsharp\u002Fef-core\u002Floading-related-data-part1","01.csharp\u002F10.ef-core\u002F17.loading-related-data-part1",{"title":567,"path":568,"stem":569},"Завантаження Пов'язаних Даних (Частина 2)","\u002Fcsharp\u002Fef-core\u002Floading-related-data-part2","01.csharp\u002F10.ef-core\u002F17.loading-related-data-part2",{"title":571,"path":572,"stem":573},"Raw SQL, Views та Stored Procedures (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fraw-sql-part1","01.csharp\u002F10.ef-core\u002F18.raw-sql-part1",{"title":575,"path":576,"stem":577},"Raw SQL — Stored Procedures, DbFunction та Bulk Operations (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fraw-sql-part2","01.csharp\u002F10.ef-core\u002F18.raw-sql-part2",{"title":579,"path":580,"stem":581},"Продвинуті Запити — Compiled Queries, Bulk та Оптимізація (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fadvanced-queries-part1","01.csharp\u002F10.ef-core\u002F19.advanced-queries-part1",{"title":583,"path":584,"stem":585},"Продвинуті Запити — Query Tags, Bulk та Interceptors (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fadvanced-queries-part2","01.csharp\u002F10.ef-core\u002F19.advanced-queries-part2",{"title":587,"path":588,"stem":589},"Change Tracker — Відстеження Змін (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fchange-tracking-part1","01.csharp\u002F10.ef-core\u002F20.change-tracking-part1",{"title":591,"path":592,"stem":593},"Change Tracker — Графи Об'єктів та Disconnected (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fchange-tracking-part2","01.csharp\u002F10.ef-core\u002F20.change-tracking-part2",{"title":595,"path":596,"stem":597},"Збереження Даних та Транзакції (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fsaving-data-part1","01.csharp\u002F10.ef-core\u002F21.saving-data-part1",{"title":599,"path":600,"stem":601},"Збереження Даних — Concurrency та Outbox (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fsaving-data-part2","01.csharp\u002F10.ef-core\u002F21.saving-data-part2",{"title":603,"path":604,"stem":605},"Конкурентність та Блокування (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fconcurrency-part1","01.csharp\u002F10.ef-core\u002F22.concurrency-part1",{"title":607,"path":608,"stem":609},"Конкурентність — Дедлоки та Queue Processing (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fconcurrency-part2","01.csharp\u002F10.ef-core\u002F22.concurrency-part2",{"title":611,"path":612,"stem":613},"Міграції в EF Core — Основи (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fmigrations-basics-part1","01.csharp\u002F10.ef-core\u002F23.migrations-basics-part1",{"title":615,"path":616,"stem":617},"Міграції в EF Core — Основи (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fmigrations-basics-part2","01.csharp\u002F10.ef-core\u002F23.migrations-basics-part2",{"title":619,"path":620,"stem":621},"Міграції — Просунуті Сценарії (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fmigrations-advanced-part1","01.csharp\u002F10.ef-core\u002F24.migrations-advanced-part1",{"title":623,"path":624,"stem":625},"Міграції — Просунуті Сценарії (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fmigrations-advanced-part2","01.csharp\u002F10.ef-core\u002F24.migrations-advanced-part2",{"title":627,"path":628,"stem":629},"Управління Схемою та Database-First (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fschema-management-part1","01.csharp\u002F10.ef-core\u002F25.schema-management-part1",{"title":631,"path":632,"stem":633},"Управління Схемою та Database-First (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fschema-management-part2","01.csharp\u002F10.ef-core\u002F25.schema-management-part2",{"title":635,"path":636,"stem":637},"Продуктивність EF Core — Основи (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fperformance-fundamentals-part1","01.csharp\u002F10.ef-core\u002F26.performance-fundamentals-part1",{"title":639,"path":640,"stem":641},"Interceptors в EF Core (Частина 1)","\u002Fcsharp\u002Fef-core\u002Finterceptors-part1","01.csharp\u002F10.ef-core\u002F29.interceptors-part1",{"title":643,"path":644,"stem":645},"Interceptors в EF Core — Connection, Transaction та Materialization (Частина 2)","\u002Fcsharp\u002Fef-core\u002Finterceptors-part2","01.csharp\u002F10.ef-core\u002F29.interceptors-part2",{"title":647,"path":648,"stem":649},"План вивчення Entity Framework Core — Повний курс","\u002Fcsharp\u002Fef-core\u002Fimplementation_plan","01.csharp\u002F10.ef-core\u002Fimplementation_plan",{"title":651,"icon":652,"path":653,"stem":654,"children":655,"page":59},"ASP.NET","i-devicon-dotnetcore","\u002Fcsharp\u002Faspnet","01.csharp\u002F11.aspnet",[656,730,791,869,927,941,967,1057,1111,1182,1212,1289,1346],{"title":657,"icon":658,"path":659,"stem":660,"children":661,"page":59},"Minimal API","i-lucide-network","\u002Fcsharp\u002Faspnet\u002Fminimal-api","01.csharp\u002F11.aspnet\u002F01.minimal-api",[662,666,670,674,678,682,686,690,694,698,702,706,710,714,718,722,726],{"title":663,"path":664,"stem":665},"Вступ до ASP.NET та еволюція фреймворку","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fintroduction","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F01.introduction",{"title":667,"path":668,"stem":669},"Перший додаток на ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Ffirst-application","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F02.first-application",{"title":671,"path":672,"stem":673},"WebApplication, Builder та Dependency Injection","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fwebapplication-builder","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F03.webapplication-builder",{"title":675,"path":676,"stem":677},"Конвеєр запитів та Middleware","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frequest-pipeline-middleware","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F04.request-pipeline-middleware",{"title":679,"path":680,"stem":681},"Маршрутизація в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frouting-basics","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F05.routing-basics",{"title":683,"path":684,"stem":685},"Маршрутизація в ASP.NET Core: Розширені можливості","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frouting-advanced","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F06.routing-advanced",{"title":687,"path":688,"stem":689},"Статичні файли в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstatic-files","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F07.static-files",{"title":691,"path":692,"stem":693},"Статичні Активи: MapStaticAssets (ASP.NET Core 9.0)","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstatic-assets","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F08.static-assets",{"title":695,"path":696,"stem":697},"Конфігурація в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fconfiguration-fundamentals","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F09.configuration-fundamentals",{"title":699,"path":700,"stem":701},"Конфігурація: Паттерн Options","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fconfiguration-options","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F10.configuration-options",{"title":703,"path":704,"stem":705},"Логування в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Flogging-basics","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F11.logging-basics",{"title":707,"path":708,"stem":709},"Логування: Serilog та Middleware","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Flogging-advanced","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F12.logging-advanced",{"title":711,"path":712,"stem":713},"Управління станом: HttpContext.Items та Cookies","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstate-management","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F13.state-management",{"title":715,"path":716,"stem":717},"Стан сесії: Sessions","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fsession-state","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F14.session-state",{"title":719,"path":720,"stem":721},"Структура проєкту: від хаосу до архітектури","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fproject-structure","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F15.project-structure",{"title":723,"path":724,"stem":725},"Scalar у Minimal API: повний проєкт і Fluent OpenAPI","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fscalar-openapi-fluent","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F16.scalar-openapi-fluent",{"title":727,"path":728,"stem":729},"Swagger \u002F Swashbuckle у Minimal API: окремий класичний шлях","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fswagger-swashbuckle","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F17.swagger-swashbuckle",{"title":731,"icon":658,"path":732,"stem":733,"children":734,"page":59},"API","\u002Fcsharp\u002Faspnet\u002Fapi","01.csharp\u002F11.aspnet\u002F02.api",[735,739,743,747,751,755,759,763,767,771,775,779,783,787],{"title":736,"path":737,"stem":738},"Що таке API. Клієнт-серверна архітектура","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fwhat-is-api","01.csharp\u002F11.aspnet\u002F02.api\u002F01.what-is-api",{"title":740,"path":741,"stem":742},"Формати даних: JSON, XML, TOML та бінарні формати","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fdata-formats","01.csharp\u002F11.aspnet\u002F02.api\u002F02.data-formats",{"title":744,"path":745,"stem":746},"Парадигми API та концепція REST","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-paradigms-rest","01.csharp\u002F11.aspnet\u002F02.api\u002F03.api-paradigms-rest",{"title":748,"path":749,"stem":750},"HTTP-методи, статус-коди та заголовки","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fhttp-methods-status-codes","01.csharp\u002F11.aspnet\u002F02.api\u002F04.http-methods-status-codes",{"title":752,"path":753,"stem":754},"Організація HTTP API за принципами REST","\u002Fcsharp\u002Faspnet\u002Fapi\u002Frest-organizing","01.csharp\u002F11.aspnet\u002F02.api\u002F05.rest-organizing",{"title":756,"path":757,"stem":758},"Номенклатура URL та CRUD-операції","\u002Fcsharp\u002Faspnet\u002Fapi\u002Furl-nomenclature-crud","01.csharp\u002F11.aspnet\u002F02.api\u002F06.url-nomenclature-crud",{"title":760,"path":761,"stem":762},"Правила дизайну: іменування та стандарти","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-naming","01.csharp\u002F11.aspnet\u002F02.api\u002F07.api-design-naming",{"title":764,"path":765,"stem":766},"Валідація, ліміти та обробка помилок","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-validation","01.csharp\u002F11.aspnet\u002F02.api\u002F08.api-design-validation",{"title":768,"path":769,"stem":770},"Обробка помилок у Minimal API","\u002Fcsharp\u002Faspnet\u002Fapi\u002Ferror-handling-http","01.csharp\u002F11.aspnet\u002F02.api\u002F09.error-handling-http",{"title":772,"path":773,"stem":774},"Ідемпотентність та синхронізація стану","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fidempotency-sync","01.csharp\u002F11.aspnet\u002F02.api\u002F10.idempotency-sync",{"title":776,"path":777,"stem":778},"Пагінація та організація списків","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fpagination-lists","01.csharp\u002F11.aspnet\u002F02.api\u002F11.pagination-lists",{"title":780,"path":781,"stem":782},"Безпека API, кешування та інтернаціоналізація","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fsecurity-auth","01.csharp\u002F11.aspnet\u002F02.api\u002F12.security-auth",{"title":784,"path":785,"stem":786},"Процес проєктування API та документування","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-process","01.csharp\u002F11.aspnet\u002F02.api\u002F13.api-design-process",{"title":788,"path":789,"stem":790},"OpenAPI: контракт, специфікація та документація API","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fopenapi","01.csharp\u002F11.aspnet\u002F02.api\u002F14.openapi",{"title":792,"icon":793,"path":794,"stem":795,"children":796,"page":59},"Auth","i-lucide-shield-check","\u002Fcsharp\u002Faspnet\u002Fauth","01.csharp\u002F11.aspnet\u002F03.auth",[797,801,805,809,813,817,821,825,829,833,837,841,845,849,853,857,861,865],{"title":798,"path":799,"stem":800},"Основи аутентифікації та авторизації","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fauth-fundamentals","01.csharp\u002F11.aspnet\u002F03.auth\u002F01.auth-fundamentals",{"title":802,"path":803,"stem":804},"JWT-аутентифікація","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fjwt-authentication","01.csharp\u002F11.aspnet\u002F03.auth\u002F02.jwt-authentication",{"title":806,"path":807,"stem":808},"Авторизація: ролі, політики та resource-based доступ","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fauthorization-policies","01.csharp\u002F11.aspnet\u002F03.auth\u002F03.authorization-policies",{"title":810,"path":811,"stem":812},"Cookie-аутентифікація та ASP.NET Core Identity","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fcookie-auth-identity","01.csharp\u002F11.aspnet\u002F03.auth\u002F04.cookie-auth-identity",{"title":814,"path":815,"stem":816},"JWT + Refresh Tokens (HttpOnly Cookie)","\u002Fcsharp\u002Faspnet\u002Fauth\u002F04b.identity-auth-jwt","01.csharp\u002F11.aspnet\u002F03.auth\u002F04b.identity-auth-jwt",{"title":818,"path":819,"stem":820},"Identity: Підтвердження Email та Скидання Пароля","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-email-confirmation","01.csharp\u002F11.aspnet\u002F03.auth\u002F05.identity-email-confirmation",{"title":822,"path":823,"stem":824},"Identity: Двофакторна Аутентифікація (2FA)","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-two-factor","01.csharp\u002F11.aspnet\u002F03.auth\u002F06.identity-two-factor",{"title":826,"path":827,"stem":828},"Identity: Внутрішня Архітектура та Кастомізація","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-internals","01.csharp\u002F11.aspnet\u002F03.auth\u002F07.identity-internals",{"title":830,"path":831,"stem":832},"OAuth 2.0 та зовнішні провайдери","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foauth-external-providers","01.csharp\u002F11.aspnet\u002F03.auth\u002F08.oauth-external-providers",{"title":834,"path":835,"stem":836},"Безпека на практиці: CORS, HTTPS та захист від атак","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fsecurity-hardening","01.csharp\u002F11.aspnet\u002F03.auth\u002F09.security-hardening",{"title":838,"path":839,"stem":840},"Теорія OAuth 2.0: Поняття, Аналогії та Флоу","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foauth-theory","01.csharp\u002F11.aspnet\u002F03.auth\u002F10.oauth-theory",{"title":842,"path":843,"stem":844},"OIDC, OAuth 2.0 та Keycloak в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foidc-keycloak","01.csharp\u002F11.aspnet\u002F03.auth\u002F10.oidc-keycloak",{"title":846,"path":847,"stem":848},"API Keys аутентифікація в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fapi-keys","01.csharp\u002F11.aspnet\u002F03.auth\u002F11.api-keys",{"title":850,"path":851,"stem":852},"Rate Limiting та Throttling в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frate-limiting","01.csharp\u002F11.aspnet\u002F03.auth\u002F12.rate-limiting",{"title":854,"path":855,"stem":856},"Refresh Token Rotation в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frefresh-token-rotation","01.csharp\u002F11.aspnet\u002F03.auth\u002F13.refresh-token-rotation",{"title":858,"path":859,"stem":860},"Certificate Authentication та mTLS в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fcertificate-auth","01.csharp\u002F11.aspnet\u002F03.auth\u002F14.certificate-auth",{"title":862,"path":863,"stem":864},"RBAC, ABAC та ReBAC в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frbac-abac-rebac","01.csharp\u002F11.aspnet\u002F03.auth\u002F15.rbac-abac-rebac",{"title":866,"path":867,"stem":868},"Multi-tenancy та ізоляція даних в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fmulti-tenancy","01.csharp\u002F11.aspnet\u002F03.auth\u002F16.multi-tenancy",{"title":870,"icon":871,"path":872,"stem":873,"children":874,"page":59},"Нотифікації","i-lucide-bell","\u002Fcsharp\u002Faspnet\u002Fnotifications","01.csharp\u002F11.aspnet\u002F04.notifications",[875,879,883,887,891,895,899,903,907,911,915,919,923],{"title":876,"path":877,"stem":878},"In-App нотифікації через базу даних","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fin-app-database-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F01.in-app-database-notifications",{"title":880,"path":881,"stem":882},"Polling: Регулярний запит оновлень","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fpolling","01.csharp\u002F11.aspnet\u002F04.notifications\u002F02.polling",{"title":884,"path":885,"stem":886},"Server-Sent Events: Однострімовий push від сервера","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fserver-sent-events","01.csharp\u002F11.aspnet\u002F04.notifications\u002F03.server-sent-events",{"title":888,"path":889,"stem":890},"WebSockets: Двостороннє з'єднання в реальному часі","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fwebsockets","01.csharp\u002F11.aspnet\u002F04.notifications\u002F04.websockets",{"title":892,"path":893,"stem":894},"SignalR: Абстракція над транспортами реального часу","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fsignalr","01.csharp\u002F11.aspnet\u002F04.notifications\u002F05.signalr",{"title":896,"path":897,"stem":898},"Background Services: Фонові задачі в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fbackground-services","01.csharp\u002F11.aspnet\u002F04.notifications\u002F06.background-services",{"title":900,"path":901,"stem":902},"Web Push нотифікації","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fweb-push","01.csharp\u002F11.aspnet\u002F04.notifications\u002F07.web-push",{"title":904,"path":905,"stem":906},"Email нотифікації","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Femail-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F08.email-notifications",{"title":908,"path":909,"stem":910},"Порівняння підходів: Як вибрати правильну технологію нотифікацій","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fchoosing-the-right-approach","01.csharp\u002F11.aspnet\u002F04.notifications\u002F09.choosing-the-right-approach",{"title":912,"path":913,"stem":914},"Hangfire: Надійне планування фонових задач","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire","01.csharp\u002F11.aspnet\u002F04.notifications\u002F10.hangfire",{"title":916,"path":917,"stem":918},"Практика: Конвертація зображень у WebP через Hangfire","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire-image-webp","01.csharp\u002F11.aspnet\u002F04.notifications\u002F11.hangfire-image-webp",{"title":920,"path":921,"stem":922},"Практика: Підготовка відео до HLS-стрімінгу через Hangfire","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire-video-hls","01.csharp\u002F11.aspnet\u002F04.notifications\u002F12.hangfire-video-hls",{"title":924,"path":925,"stem":926},"Telegram-нотифікації: від одного повідомлення до масових розсилок і мульти-канального підходу","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Ftelegram-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F13.telegram-notifications",{"title":928,"icon":929,"path":930,"stem":931,"children":932,"page":59},"Інтернаціоналізація","i-lucide-languages","\u002Fcsharp\u002Faspnet\u002Fi18n","01.csharp\u002F11.aspnet\u002F05.i18n",[933,937],{"title":934,"path":935,"stem":936},"Інтернаціоналізація (i18n) у Minimal API: від A до Я","\u002Fcsharp\u002Faspnet\u002Fi18n\u002Finternationalization","01.csharp\u002F11.aspnet\u002F05.i18n\u002F01.internationalization",{"title":938,"path":939,"stem":940},"Humanizer: людиномовні рядки у .NET","\u002Fcsharp\u002Faspnet\u002Fi18n\u002Fhumanizer","01.csharp\u002F11.aspnet\u002F05.i18n\u002F02.humanizer",{"title":942,"icon":943,"path":944,"stem":945,"children":946,"page":59},"Кешування","i-lucide-layers","\u002Fcsharp\u002Faspnet\u002Fcaching","01.csharp\u002F11.aspnet\u002F06.caching",[947,951,955,959,963],{"title":948,"path":949,"stem":950},"Огляд кешування: чотири рівні і коли що обирати","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fcaching","01.csharp\u002F11.aspnet\u002F06.caching\u002F01.caching",{"title":952,"path":953,"stem":954},"IMemoryCache: кеш в оперативній пам'яті","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fmemory-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F02.memory-cache",{"title":956,"path":957,"stem":958},"IDistributedCache і Redis: розподілений кеш","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fdistributed-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F03.distributed-cache",{"title":960,"path":961,"stem":962},"Response Cache: HTTP-кешування через Cache-Control","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fresponse-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F04.response-cache",{"title":964,"path":965,"stem":966},"Output Cache: серверний кеш HTTP-відповідей (.NET 7+)","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Foutput-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F05.output-cache",{"title":968,"icon":969,"path":970,"stem":971,"children":972,"page":59},"Тестування","i-lucide-test-tube","\u002Fcsharp\u002Faspnet\u002Ftesting","01.csharp\u002F11.aspnet\u002F07.testing",[973,977,981,985,989,993,997,1001,1005,1009,1013,1017,1021,1025,1029,1033,1037,1041,1045,1049,1053],{"title":974,"path":975,"stem":976},"Що таке тестування? Від інтуїції до науки","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwhat-is-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F01.what-is-testing",{"title":978,"path":979,"stem":980},"Піраміда тестування — Стратегія, а не Догма","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-pyramid","01.csharp\u002F11.aspnet\u002F07.testing\u002F02.testing-pyramid",{"title":982,"path":983,"stem":984},"Дві Школи Тестування — Лондон проти Детройту","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-schools","01.csharp\u002F11.aspnet\u002F07.testing\u002F03.testing-schools",{"title":986,"path":987,"stem":988},"TDD та BDD — Тести як Дизайн-інструмент","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftdd-and-bdd","01.csharp\u002F11.aspnet\u002F07.testing\u002F04.tdd-and-bdd",{"title":990,"path":991,"stem":992},"Що саме тестувати — Техніки аналізу та Циклomatична складність","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwhat-to-test","01.csharp\u002F11.aspnet\u002F07.testing\u002F05.what-to-test",{"title":994,"path":995,"stem":996},"Тестові Фреймворки — Навіщо вони і що всередині","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftest-frameworks","01.csharp\u002F11.aspnet\u002F07.testing\u002F06.test-frameworks",{"title":998,"path":999,"stem":1000},"xUnit — Факти, Теорії та Lifecycle тестів","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fxunit-basics","01.csharp\u002F11.aspnet\u002F07.testing\u002F07.xunit-basics",{"title":1002,"path":1003,"stem":1004},"xUnit Advanced — Fixtures, Кастомізація та Розширення","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fxunit-advanced","01.csharp\u002F11.aspnet\u002F07.testing\u002F08.xunit-advanced",{"title":1006,"path":1007,"stem":1008},"Moq — Глибоке занурення в мокування","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fmocking-with-moq","01.csharp\u002F11.aspnet\u002F07.testing\u002F09.mocking-with-moq",{"title":1010,"path":1011,"stem":1012},"Тестування Баз Даних — EF Core, SQLite та Testcontainers","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fdatabase-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F10.database-testing",{"title":1014,"path":1015,"stem":1016},"Integration Testing — Частина 1 [Теорія та WebApplicationFactory]","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fintegration-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F11.integration-testing",{"title":1018,"path":1019,"stem":1020},"Інтеграційне тестування — Практика","\u002Fcsharp\u002Faspnet\u002Ftesting\u002F11a.integration-testing-practice","01.csharp\u002F11.aspnet\u002F07.testing\u002F11a.integration-testing-practice",{"title":1022,"path":1023,"stem":1024},"Integration Testing — Частина 2 [Просунуті Сценарії та Testcontainers]","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fintegration-testing-advanced","01.csharp\u002F11.aspnet\u002F07.testing\u002F12.integration-testing-advanced",{"title":1026,"path":1027,"stem":1028},"Професійний Postman: Колекції, Змінні та GitHub Інтеграція","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fpostman-professional","01.csharp\u002F11.aspnet\u002F07.testing\u002F13.postman-professional",{"title":1030,"path":1031,"stem":1032},"HttpClient у Тестах Частина 1: Архітектура та MockHttpMessageHandler","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fhttpclient-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F14.httpclient-testing",{"title":1034,"path":1035,"stem":1036},"HttpClient у Тестах Частина 2: WireMock.Net та Resilience","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwiremock-net","01.csharp\u002F11.aspnet\u002F07.testing\u002F15.wiremock-net",{"title":1038,"path":1039,"stem":1040},"Патерни та Анти-патерни Тестування: Test Smells","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-patterns","01.csharp\u002F11.aspnet\u002F07.testing\u002F16.testing-patterns",{"title":1042,"path":1043,"stem":1044},"Просунуті інструменти: Time, Snapshots та Властивості","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fadvanced-testing-tools","01.csharp\u002F11.aspnet\u002F07.testing\u002F17.advanced-testing-tools",{"title":1046,"path":1047,"stem":1048},"Тестування Архітектури з NetArchTest","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Farchitecture-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F18.architecture-testing",{"title":1050,"path":1051,"stem":1052},"Тестування Продуктивності: BenchmarkDotNet, NBomber та k6","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fperformance-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F19.performance-testing",{"title":1054,"path":1055,"stem":1056},"Залишок плану для курсу \"Тестування ASP.NET Minimal API\"","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fremaining_plan","01.csharp\u002F11.aspnet\u002F07.testing\u002Fremaining_plan",{"title":1058,"icon":1059,"path":1060,"stem":1061,"children":1062,"page":59},"Платежі","i-lucide-credit-card","\u002Fcsharp\u002Faspnet\u002Fpayments","01.csharp\u002F11.aspnet\u002F08.payments",[1063,1067,1071,1075,1079,1083,1087,1091,1095,1099,1103,1107],{"title":1064,"path":1065,"stem":1066},"Основи платіжної інфраструктури","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-fundamentals","01.csharp\u002F11.aspnet\u002F08.payments\u002F01.payment-fundamentals",{"title":1068,"path":1069,"stem":1070},"Методи оплати в Україні","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-methods-ukraine","01.csharp\u002F11.aspnet\u002F08.payments\u002F02.payment-methods-ukraine",{"title":1072,"path":1073,"stem":1074},"PCI DSS та безпека платежів","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpci-dss-security","01.csharp\u002F11.aspnet\u002F08.payments\u002F03.pci-dss-security",{"title":1076,"path":1077,"stem":1078},"Архітектура платіжної підсистеми","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-architecture","01.csharp\u002F11.aspnet\u002F08.payments\u002F04.payment-architecture",{"title":1080,"path":1081,"stem":1082},"Інтеграція LiqPay (ПриватБанк)","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fliqpay-integration","01.csharp\u002F11.aspnet\u002F08.payments\u002F05.liqpay-integration",{"title":1084,"path":1085,"stem":1086},"Інтеграція Monobank Acquiring API","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fmonobank-acquiring","01.csharp\u002F11.aspnet\u002F08.payments\u002F06.monobank-acquiring",{"title":1088,"path":1089,"stem":1090},"Інтеграція Stripe","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fstripe-integration","01.csharp\u002F11.aspnet\u002F08.payments\u002F07.stripe-integration",{"title":1092,"path":1093,"stem":1094},"Webhooks — глибоке занурення","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fwebhooks-deep-dive","01.csharp\u002F11.aspnet\u002F08.payments\u002F08.webhooks-deep-dive",{"title":1096,"path":1097,"stem":1098},"Підписки та рекурентні платежі","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fsubscriptions-recurring","01.csharp\u002F11.aspnet\u002F08.payments\u002F09.subscriptions-recurring",{"title":1100,"path":1101,"stem":1102},"Повернення коштів та диспути","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Frefunds-disputes","01.csharp\u002F11.aspnet\u002F08.payments\u002F10.refunds-disputes",{"title":1104,"path":1105,"stem":1106},"Тестування платіжних інтеграцій","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Ftesting-payments","01.csharp\u002F11.aspnet\u002F08.payments\u002F11.testing-payments",{"title":1108,"path":1109,"stem":1110},"Чекліст виходу в Production","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fproduction-checklist","01.csharp\u002F11.aspnet\u002F08.payments\u002F12.production-checklist",{"title":1112,"icon":1113,"items":1114,"path":1127,"stem":1128,"children":1129,"page":59},"Популярні бібліотеки","lucide:box",[1115,1116,1117,1118,1119,1120,1121,1122,1123,1124,1125,1126],"01.fluent-validation","02.mapster","03.erroror-result-pattern","04.serilog","05.mediatr","06.polly","07.health-checks","08.feature-management","09.fluent-email","10.quest-pdf","11.bogus","12.humanizer-guard","\u002Fcsharp\u002Faspnet\u002Flibraries","01.csharp\u002F11.aspnet\u002F09.libraries",[1130,1134,1138,1142,1146,1150,1154,1158,1162,1166,1170,1174,1178],{"title":1131,"path":1132,"stem":1133},"Валідація з FluentValidation в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffluent-validation","01.csharp\u002F11.aspnet\u002F09.libraries\u002F01.fluent-validation",{"title":1135,"path":1136,"stem":1137},"Маппінг об","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fmapster","01.csharp\u002F11.aspnet\u002F09.libraries\u002F02.mapster",{"title":1139,"path":1140,"stem":1141},"Обробка помилок з ErrorOr та Result Pattern в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ferroror-result-pattern","01.csharp\u002F11.aspnet\u002F09.libraries\u002F03.erroror-result-pattern",{"title":1143,"path":1144,"stem":1145},"Структуроване логування з Serilog в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fserilog","01.csharp\u002F11.aspnet\u002F09.libraries\u002F04.serilog",{"title":1147,"path":1148,"stem":1149},"CQRS та Mediator з MediatR в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fmediatr","01.csharp\u002F11.aspnet\u002F09.libraries\u002F05.mediatr",{"title":1151,"path":1152,"stem":1153},"Відмовостійкість з Polly в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fpolly","01.csharp\u002F11.aspnet\u002F09.libraries\u002F06.polly",{"title":1155,"path":1156,"stem":1157},"Health Checks в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fhealth-checks","01.csharp\u002F11.aspnet\u002F09.libraries\u002F07.health-checks",{"title":1159,"path":1160,"stem":1161},"Feature Management та Feature Flags в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffeature-management","01.csharp\u002F11.aspnet\u002F09.libraries\u002F08.feature-management",{"title":1163,"path":1164,"stem":1165},"Відправка Email з FluentEmail в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffluent-email","01.csharp\u002F11.aspnet\u002F09.libraries\u002F09.fluent-email",{"title":1167,"path":1168,"stem":1169},"Генерація PDF з QuestPDF в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fquest-pdf","01.csharp\u002F11.aspnet\u002F09.libraries\u002F10.quest-pdf",{"title":1171,"path":1172,"stem":1173},"Генерація тестових даних з Bogus в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fbogus","01.csharp\u002F11.aspnet\u002F09.libraries\u002F11.bogus",{"title":1175,"path":1176,"stem":1177},"Humanizer та Guard Clauses в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fhumanizer-guard","01.csharp\u002F11.aspnet\u002F09.libraries\u002F12.humanizer-guard",{"title":1179,"path":1180,"stem":1181},"План модуля 10.libraries — Популярні бібліотеки ASP.NET","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fplan","01.csharp\u002F11.aspnet\u002F09.libraries\u002Fplan",{"title":1183,"icon":1184,"path":1185,"stem":1186,"children":1187,"page":59},"Razor Pages","i-lucide-layout-template","\u002Fcsharp\u002Faspnet\u002Frazor-pages","01.csharp\u002F11.aspnet\u002F10.razor-pages",[1188,1192,1196,1200,1204,1208],{"title":1189,"path":1190,"stem":1191},"Від Minimal API до Razor Pages: концептуальний перехід","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Ffrom-minimal-api","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F01.from-minimal-api",{"title":1193,"path":1194,"stem":1195},"PageModel: логіка сторінки Razor Pages","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fpage-model","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F02.page-model",{"title":1197,"path":1198,"stem":1199},"Razor синтаксис: шаблонізатор у .cshtml","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Frazor-syntax","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F03.razor-syntax",{"title":1201,"path":1202,"stem":1203},"Tag Helpers: типізований HTML","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Ftag-helpers","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F04.tag-helpers",{"title":1205,"path":1206,"stem":1207},"Форми і валідація: повний цикл обробки даних","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fforms-validation","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F05.forms-validation",{"title":1209,"path":1210,"stem":1211},"Практичний проєкт: TaskManager на Razor Pages","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fproject-task-manager","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F06.project-task-manager",{"title":1213,"path":1214,"stem":1215,"children":1216,"page":59},"ASP.NET Core MVC","\u002Fcsharp\u002Faspnet\u002Fmvc","01.csharp\u002F11.aspnet\u002F11.mvc",[1217,1221,1225,1229,1233,1237,1241,1245,1249,1253,1257,1261,1265,1269,1273,1277,1281,1285],{"title":1218,"path":1219,"stem":1220},"Патерн MVC: архітектура, що змінила веб","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmvc-pattern","01.csharp\u002F11.aspnet\u002F11.mvc\u002F01.mvc-pattern",{"title":1222,"path":1223,"stem":1224},"Від Razor Pages до MVC: концептуальний перехід","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffrom-razor-pages","01.csharp\u002F11.aspnet\u002F11.mvc\u002F02.from-razor-pages",{"title":1226,"path":1227,"stem":1228},"Controllers та Actions: серце MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fcontrollers-actions","01.csharp\u002F11.aspnet\u002F11.mvc\u002F03.controllers-actions",{"title":1230,"path":1231,"stem":1232},"Маршрутизація в MVC: Convention vs Attribute Routing","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Frouting-mvc","01.csharp\u002F11.aspnet\u002F11.mvc\u002F04.routing-mvc",{"title":1234,"path":1235,"stem":1236},"Model Binding: від HTTP до C#","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmodel-binding","01.csharp\u002F11.aspnet\u002F11.mvc\u002F05.model-binding",{"title":1238,"path":1239,"stem":1240},"Views, ViewData, ViewBag, TempData і ViewModel","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fviews-viewdata-tempdata","01.csharp\u002F11.aspnet\u002F11.mvc\u002F06.views-viewdata-tempdata",{"title":1242,"path":1243,"stem":1244},"Filters: аспектно-орієнтоване програмування в MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffilters","01.csharp\u002F11.aspnet\u002F11.mvc\u002F07.filters",{"title":1246,"path":1247,"stem":1248},"Areas: структурування великих застосунків","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fareas","01.csharp\u002F11.aspnet\u002F11.mvc\u002F08.areas",{"title":1250,"path":1251,"stem":1252},"View Components: повторювані незалежні блоки UI","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fview-components","01.csharp\u002F11.aspnet\u002F11.mvc\u002F09.view-components",{"title":1254,"path":1255,"stem":1256},"Display та Editor Templates","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fdisplay-editor-templates","01.csharp\u002F11.aspnet\u002F11.mvc\u002F10.display-editor-templates",{"title":1258,"path":1259,"stem":1260},"Валідація: IValidatableObject та FluentValidation","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fvalidation-advanced","01.csharp\u002F11.aspnet\u002F11.mvc\u002F11.validation-advanced",{"title":1262,"path":1263,"stem":1264},"HTMX: інтерактивність через HTML-атрибути","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fhtmx","01.csharp\u002F11.aspnet\u002F11.mvc\u002F12.htmx",{"title":1266,"path":1267,"stem":1268},"HTMX у ASP.NET Core MVC: серверна інтеграція","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fajax-htmx-mvc","01.csharp\u002F11.aspnet\u002F11.mvc\u002F13.ajax-htmx-mvc",{"title":1270,"path":1271,"stem":1272},"Практичний проєкт: Каталог товарів з HTMX","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fhtmx-project","01.csharp\u002F11.aspnet\u002F11.mvc\u002F14.htmx-project",{"title":1274,"path":1275,"stem":1276},"Завантаження та обробка файлів","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffile-upload","01.csharp\u002F11.aspnet\u002F11.mvc\u002F15.file-upload",{"title":1278,"path":1279,"stem":1280},"Глобалізація та Локалізація MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fglobalization-localization","01.csharp\u002F11.aspnet\u002F11.mvc\u002F16.globalization-localization",{"title":1282,"path":1283,"stem":1284},"Підсумковий проєкт: Блог-платформа","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmvc-project","01.csharp\u002F11.aspnet\u002F11.mvc\u002F17.mvc-project",{"title":1286,"path":1287,"stem":1288},"План курсу: ASP.NET Core MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fplan","01.csharp\u002F11.aspnet\u002F11.mvc\u002Fplan",{"title":1290,"path":1291,"stem":1292,"children":1293,"page":59},"Web Api","\u002Fcsharp\u002Faspnet\u002Fweb-api","01.csharp\u002F11.aspnet\u002F12.web-api",[1294,1298,1302,1306,1310,1314,1318,1322,1326,1330,1334,1338,1342],{"title":1295,"path":1296,"stem":1297},"Від Minimal API до Controller-based API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Ffrom-minimal-api-to-controllers","01.csharp\u002F11.aspnet\u002F12.web-api\u002F01.from-minimal-api-to-controllers",{"title":1299,"path":1300,"stem":1301},"ControllerBase, ActionResult\u003CT> та Response Types","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fcontroller-base-actionresult","01.csharp\u002F11.aspnet\u002F12.web-api\u002F02.controller-base-actionresult",{"title":1303,"path":1304,"stem":1305},"Content Negotiation - JSON, XML та власні форматери","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fcontent-negotiation","01.csharp\u002F11.aspnet\u002F12.web-api\u002F03.content-negotiation",{"title":1307,"path":1308,"stem":1309},"Версіонування API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fapi-versioning","01.csharp\u002F11.aspnet\u002F12.web-api\u002F04.api-versioning",{"title":1311,"path":1312,"stem":1313},"ProblemDetails та структурована обробка помилок","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fproblemdetails-error-handling","01.csharp\u002F11.aspnet\u002F12.web-api\u002F05.problemdetails-error-handling",{"title":1315,"path":1316,"stem":1317},"Фільтри у Web API контексті","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Ffilters-for-api","01.csharp\u002F11.aspnet\u002F12.web-api\u002F06.filters-for-api",{"title":1319,"path":1320,"stem":1321},"Пагінація, фільтрація та сортування","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fpagination-filtering-sorting","01.csharp\u002F11.aspnet\u002F12.web-api\u002F07.pagination-filtering-sorting",{"title":1323,"path":1324,"stem":1325},"HATEOAS та Resource Expansion","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fhateoas-resource-expansion","01.csharp\u002F11.aspnet\u002F12.web-api\u002F08.hateoas-resource-expansion",{"title":1327,"path":1328,"stem":1329},"Гібридна архітектура - Minimal API + Controllers","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fminimal-api-vs-controllers-hybrid","01.csharp\u002F11.aspnet\u002F12.web-api\u002F09.minimal-api-vs-controllers-hybrid",{"title":1331,"path":1332,"stem":1333},"Документація API - Swashbuckle, NSwag та генерація клієнтів","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fapi-documentation-generation","01.csharp\u002F11.aspnet\u002F12.web-api\u002F10.api-documentation-generation",{"title":1335,"path":1336,"stem":1337},"Health Checks та моніторинг API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fhealth-checks-monitoring","01.csharp\u002F11.aspnet\u002F12.web-api\u002F11.health-checks-monitoring",{"title":1339,"path":1340,"stem":1341},"Підсумковий проєкт - Production-Ready REST API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fweb-api-project","01.csharp\u002F11.aspnet\u002F12.web-api\u002F12.web-api-project",{"title":1343,"path":1344,"stem":1345},"План курсу: ASP.NET Core Web API (Controllers)","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fplan","01.csharp\u002F11.aspnet\u002F12.web-api\u002Fplan",{"title":1347,"icon":1348,"path":1349,"stem":1350,"children":1351,"page":59},"Моніторинг","i-lucide-activity","\u002Fcsharp\u002Faspnet\u002Fmonitoring","01.csharp\u002F11.aspnet\u002F13.monitoring",[1352,1356,1360],{"title":1353,"path":1354,"stem":1355},"Спостережуваність: від console.log до production-систем","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fobservability-intro","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F01.observability-intro",{"title":1357,"path":1358,"stem":1359},"Health Checks: перший рівень observability","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fhealth-checks","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F02.health-checks",{"title":1361,"path":1362,"stem":1363},"Вбудовані метрики .NET 10 та System.Diagnostics.Metrics","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fdotnet-metrics","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F03.dotnet-metrics",{"title":1365,"icon":1366,"path":1367,"stem":1368,"children":1369,"page":59},"Desktop UI","i-lucide-app-window","\u002Fcsharp\u002Fdesktop-ui","01.csharp\u002F12.desktop-ui",[1370,1374,1378,1382,1386,1390,1394,1398,1402,1406,1410,1414,1418,1422,1426,1430,1434,1438,1442,1446,1450,1454,1458,1462,1466,1470,1474,1478,1482,1486,1490,1494,1498,1502,1506,1510,1514,1518,1522,1526,1530,1534,1538,1542,1546,1550,1554,1558,1562,1566,1570,1574,1578,1582,1586,1590,1594,1598,1602,1606,1610,1614,1618,1622,1626,1630,1634,1638,1642,1646,1650],{"title":1371,"path":1372,"stem":1373},"Що таке десктопна розробка?","\u002Fcsharp\u002Fdesktop-ui\u002Fwhat-is-desktop-dev","01.csharp\u002F12.desktop-ui\u002F01.what-is-desktop-dev",{"title":1375,"path":1376,"stem":1377},"Архітектура WPF — як влаштований графічний інтерфейс","\u002Fcsharp\u002Fdesktop-ui\u002Fwpf-architecture","01.csharp\u002F12.desktop-ui\u002F02.wpf-architecture",{"title":1379,"path":1380,"stem":1381},"Перший WPF-проєкт — від нуля до вікна","\u002Fcsharp\u002Fdesktop-ui\u002Ffirst-wpf-app","01.csharp\u002F12.desktop-ui\u002F03.first-wpf-app",{"title":1383,"path":1384,"stem":1385},"Перший Avalonia-проєкт: WPF для всіх платформ","\u002Fcsharp\u002Fdesktop-ui\u002F03a.first-avalonia-app","01.csharp\u002F12.desktop-ui\u002F03a.first-avalonia-app",{"title":1387,"path":1388,"stem":1389},"XAML: декларативний інтерфейс","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-basics","01.csharp\u002F12.desktop-ui\u002F04.xaml-basics",{"title":1391,"path":1392,"stem":1393},"Fluent UI у WPF — сучасний дизайн Windows 11","\u002Fcsharp\u002Fdesktop-ui\u002F04a.wpf-fluent-ui","01.csharp\u002F12.desktop-ui\u002F04a.wpf-fluent-ui",{"title":1395,"path":1396,"stem":1397},"WPF UI — сучасна бібліотека Fluent контролів","\u002Fcsharp\u002Fdesktop-ui\u002F04b.wpf-ui-library","01.csharp\u002F12.desktop-ui\u002F04b.wpf-ui-library",{"title":1399,"path":1400,"stem":1401},"HandyControl — велика бібліотека UI контролів для WPF","\u002Fcsharp\u002Fdesktop-ui\u002F04c.handycontrol-library","01.csharp\u002F12.desktop-ui\u002F04c.handycontrol-library",{"title":1403,"path":1404,"stem":1405},"Простори імен та ресурси XAML","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-namespaces-resources","01.csharp\u002F12.desktop-ui\u002F05.xaml-namespaces-resources",{"title":1407,"path":1408,"stem":1409},"XAML в Avalonia: ключові відмінності від WPF","\u002Fcsharp\u002Fdesktop-ui\u002F05a.avalonia-xaml-differences","01.csharp\u002F12.desktop-ui\u002F05a.avalonia-xaml-differences",{"title":1411,"path":1412,"stem":1413},"Розширення розмітки XAML (Markup Extensions)","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-markup-extensions","01.csharp\u002F12.desktop-ui\u002F06.xaml-markup-extensions",{"title":1415,"path":1416,"stem":1417},"Панелі Layout: StackPanel, WrapPanel, DockPanel","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-panels-part1","01.csharp\u002F12.desktop-ui\u002F07.layout-panels-part1",{"title":1419,"path":1420,"stem":1421},"Grid, Canvas, UniformGrid","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-panels-part2","01.csharp\u002F12.desktop-ui\u002F07.layout-panels-part2",{"title":1423,"path":1424,"stem":1425},"Просунуті техніки Layout","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-advanced","01.csharp\u002F12.desktop-ui\u002F08.layout-advanced",{"title":1427,"path":1428,"stem":1429},"Адаптивний Layout та найкращі практики","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-responsive","01.csharp\u002F12.desktop-ui\u002F09.layout-responsive",{"title":1431,"path":1432,"stem":1433},"Layout в Avalonia: відмінності та нові можливості","\u002Fcsharp\u002Fdesktop-ui\u002F09a.layout-avalonia","01.csharp\u002F12.desktop-ui\u002F09a.layout-avalonia",{"title":1435,"path":1436,"stem":1437},"Button, Image, ProgressBar та інші базові контроли","\u002Fcsharp\u002Fdesktop-ui\u002Fbasic-controls","01.csharp\u002F12.desktop-ui\u002F10.basic-controls",{"title":1439,"path":1440,"stem":1441},"Контроли в Avalonia: відмінності від WPF","\u002Fcsharp\u002Fdesktop-ui\u002F10a.controls-avalonia","01.csharp\u002F12.desktop-ui\u002F10a.controls-avalonia",{"title":1443,"path":1444,"stem":1445},"Текстові контроли — TextBlock, TextBox, RichTextBox","\u002Fcsharp\u002Fdesktop-ui\u002Ftext-controls","01.csharp\u002F12.desktop-ui\u002F11.text-controls",{"title":1447,"path":1448,"stem":1449},"Контроли вибору — CheckBox, RadioButton, ComboBox, ListBox, DatePicker","\u002Fcsharp\u002Fdesktop-ui\u002Fselection-controls","01.csharp\u002F12.desktop-ui\u002F12.selection-controls",{"title":1451,"path":1452,"stem":1453},"Content Model — GroupBox, Expander, TabControl, StatusBar","\u002Fcsharp\u002Fdesktop-ui\u002Fcontent-controls","01.csharp\u002F12.desktop-ui\u002F13.content-controls",{"title":1455,"path":1456,"stem":1457},"UI\u002FUX принципи десктопних застосунків","\u002Fcsharp\u002Fdesktop-ui\u002F13a.ui-ux-principles","01.csharp\u002F12.desktop-ui\u002F13a.ui-ux-principles",{"title":1459,"path":1460,"stem":1461},"Dependency Properties — Концепція та Value Resolution","\u002Fcsharp\u002Fdesktop-ui\u002Fdependency-properties-part1","01.csharp\u002F12.desktop-ui\u002F14.dependency-properties-part1",{"title":1463,"path":1464,"stem":1465},"Avalonia Property System — StyledProperty та DirectProperty","\u002Fcsharp\u002Fdesktop-ui\u002F14a.avalonia-property-system","01.csharp\u002F12.desktop-ui\u002F14a.avalonia-property-system",{"title":1467,"path":1468,"stem":1469},"Attached Properties — Властивості без меж","\u002Fcsharp\u002Fdesktop-ui\u002Fattached-properties","01.csharp\u002F12.desktop-ui\u002F15.attached-properties",{"title":1471,"path":1472,"stem":1473},"Routed Events — Маршрутизація подій у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Frouted-events","01.csharp\u002F12.desktop-ui\u002F16.routed-events",{"title":1475,"path":1476,"stem":1477},"Data Binding — Від Code-Behind до Декларативності","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-basics-part1","01.csharp\u002F12.desktop-ui\u002F17.data-binding-basics-part1",{"title":1479,"path":1480,"stem":1481},"INotifyPropertyChanged — Живе оновлення UI","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-basics-part2","01.csharp\u002F12.desktop-ui\u002F17.data-binding-basics-part2",{"title":1483,"path":1484,"stem":1485},"Compiled Bindings в Avalonia — Безпека на етапі компіляції","\u002Fcsharp\u002Fdesktop-ui\u002F17a.avalonia-compiled-bindings","01.csharp\u002F12.desktop-ui\u002F17a.avalonia-compiled-bindings",{"title":1487,"path":1488,"stem":1489},"Просунутий Data Binding — ElementName, RelativeSource, MultiBinding","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-advanced","01.csharp\u002F12.desktop-ui\u002F18.data-binding-advanced",{"title":1491,"path":1492,"stem":1493},"Value Converters — Перетворення типів даних у Data Binding","\u002Fcsharp\u002Fdesktop-ui\u002Fvalue-converters","01.csharp\u002F12.desktop-ui\u002F19.value-converters",{"title":1495,"path":1496,"stem":1497},"Data Templates — Візуалізація об'єктів у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-templates","01.csharp\u002F12.desktop-ui\u002F20.data-templates",{"title":1499,"path":1500,"stem":1501},"Collections Binding Part 1 — ObservableCollection та ItemsControl","\u002Fcsharp\u002Fdesktop-ui\u002Fcollections-binding-part1","01.csharp\u002F12.desktop-ui\u002F21.collections-binding-part1",{"title":1503,"path":1504,"stem":1505},"Collections Binding Part 2 — ICollectionView, Filtering, Sorting та Virtualization","\u002Fcsharp\u002Fdesktop-ui\u002Fcollections-binding-part2","01.csharp\u002F12.desktop-ui\u002F21.collections-binding-part2",{"title":1507,"path":1508,"stem":1509},"MVVM Pattern — Від Spaghetti Code до архітектури","\u002Fcsharp\u002Fdesktop-ui\u002Fmvvm-pattern","01.csharp\u002F12.desktop-ui\u002F22.mvvm-pattern",{"title":1511,"path":1512,"stem":1513},"ViewModel Implementation — Від BaseViewModel до валідації","\u002Fcsharp\u002Fdesktop-ui\u002Fviewmodel-implementation","01.csharp\u002F12.desktop-ui\u002F23.viewmodel-implementation",{"title":1515,"path":1516,"stem":1517},"Commands — Від event handlers до декларативних команд","\u002Fcsharp\u002Fdesktop-ui\u002Fcommands","01.csharp\u002F12.desktop-ui\u002F24.commands",{"title":1519,"path":1520,"stem":1521},"MVVM Toolkit — MVVM без boilerplate через Source Generators","\u002Fcsharp\u002Fdesktop-ui\u002Fmvvm-toolkit","01.csharp\u002F12.desktop-ui\u002F25.mvvm-toolkit",{"title":1523,"path":1524,"stem":1525},"Messenger Pattern — Комунікація між ViewModel без прямих посилань","\u002Fcsharp\u002Fdesktop-ui\u002Fmessenger-pattern","01.csharp\u002F12.desktop-ui\u002F26.messenger-pattern",{"title":1527,"path":1528,"stem":1529},"Стилі WPF — CSS для десктопу","\u002Fcsharp\u002Fdesktop-ui\u002Fstyles-basics","01.csharp\u002F12.desktop-ui\u002F27.styles-basics",{"title":1531,"path":1532,"stem":1533},"CSS-like стилі Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002F27a.avalonia-css-styling","01.csharp\u002F12.desktop-ui\u002F27a.avalonia-css-styling",{"title":1535,"path":1536,"stem":1537},"Control Templates — Частина 1. Концепція та TemplateBinding","\u002Fcsharp\u002Fdesktop-ui\u002Fcontrol-templates-part1","01.csharp\u002F12.desktop-ui\u002F28.control-templates-part1",{"title":1539,"path":1540,"stem":1541},"Control Templates — Частина 2. Named Parts та ContentPresenter","\u002Fcsharp\u002Fdesktop-ui\u002Fcontrol-templates-part2","01.csharp\u002F12.desktop-ui\u002F28.control-templates-part2",{"title":1543,"path":1544,"stem":1545},"Control Themes в Avalonia — нова ера стилізації","\u002Fcsharp\u002Fdesktop-ui\u002F28a.avalonia-control-themes","01.csharp\u002F12.desktop-ui\u002F28a.avalonia-control-themes",{"title":1547,"path":1548,"stem":1549},"Triggers та Visual State Manager у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Ftriggers-visual-states","01.csharp\u002F12.desktop-ui\u002F29.triggers-visual-states",{"title":1551,"path":1552,"stem":1553},"Pseudo-classes в Avalonia — замість WPF Triggers","\u002Fcsharp\u002Fdesktop-ui\u002F29a.avalonia-pseudo-classes","01.csharp\u002F12.desktop-ui\u002F29a.avalonia-pseudo-classes",{"title":1555,"path":1556,"stem":1557},"Теми та ресурсні словники у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fresources-themes","01.csharp\u002F12.desktop-ui\u002F30.resources-themes",{"title":1559,"path":1560,"stem":1561},"Avalonia Themes — Fluent Design та система тематизації","\u002Fcsharp\u002Fdesktop-ui\u002F30a.avalonia-themes-fluent","01.csharp\u002F12.desktop-ui\u002F30a.avalonia-themes-fluent",{"title":1563,"path":1564,"stem":1565},"Контроли колекцій — глибоке занурення","\u002Fcsharp\u002Fdesktop-ui\u002Fcollection-controls","01.csharp\u002F12.desktop-ui\u002F31.collection-controls",{"title":1567,"path":1568,"stem":1569},"DataGrid — колонки та базове відображення","\u002Fcsharp\u002Fdesktop-ui\u002Fdatagrid-part1","01.csharp\u002F12.desktop-ui\u002F32.datagrid-part1",{"title":1571,"path":1572,"stem":1573},"DataGrid — сортування, фільтрація, редагування","\u002Fcsharp\u002Fdesktop-ui\u002Fdatagrid-part2","01.csharp\u002F12.desktop-ui\u002F32.datagrid-part2",{"title":1575,"path":1576,"stem":1577},"TreeView та GridView","\u002Fcsharp\u002Fdesktop-ui\u002Ftreeview-listview","01.csharp\u002F12.desktop-ui\u002F33.treeview-listview",{"title":1579,"path":1580,"stem":1581},"Меню, Toolbar, ContextMenu, StatusBar","\u002Fcsharp\u002Fdesktop-ui\u002Fmenus-toolbars","01.csharp\u002F12.desktop-ui\u002F34.menus-toolbars",{"title":1583,"path":1584,"stem":1585},"Навігація та керування вікнами. Частина 1: вікна та сторінки","\u002Fcsharp\u002Fdesktop-ui\u002Fnavigation-windows-part1","01.csharp\u002F12.desktop-ui\u002F35.navigation-windows-part1",{"title":1587,"path":1588,"stem":1589},"Навігація та керування вікнами. Частина 2: MVVM-навігація","\u002Fcsharp\u002Fdesktop-ui\u002Fnavigation-windows-part2","01.csharp\u002F12.desktop-ui\u002F35.navigation-windows-part2",{"title":1591,"path":1592,"stem":1593},"Avalonia — Навігація та діалоги","\u002Fcsharp\u002Fdesktop-ui\u002F35a.avalonia-navigation-dialogs","01.csharp\u002F12.desktop-ui\u002F35a.avalonia-navigation-dialogs",{"title":1595,"path":1596,"stem":1597},"Діалоги та File Pickers у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fdialogs-file-pickers","01.csharp\u002F12.desktop-ui\u002F36.dialogs-file-pickers",{"title":1599,"path":1600,"stem":1601},"UserControl: компонентний підхід у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fuser-controls","01.csharp\u002F12.desktop-ui\u002F37.user-controls",{"title":1603,"path":1604,"stem":1605},"Custom Controls: Lookless Controls у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fcustom-controls","01.csharp\u002F12.desktop-ui\u002F38.custom-controls",{"title":1607,"path":1608,"stem":1609},"Avalonia TemplatedControl — Lookless Controls","\u002Fcsharp\u002Fdesktop-ui\u002F38a.avalonia-templated-controls","01.csharp\u002F12.desktop-ui\u002F38a.avalonia-templated-controls",{"title":1611,"path":1612,"stem":1613},"Анімації у WPF: Storyboard та Easing Functions","\u002Fcsharp\u002Fdesktop-ui\u002Fanimations-transitions","01.csharp\u002F12.desktop-ui\u002F39.animations-transitions",{"title":1615,"path":1616,"stem":1617},"Анімації в Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002F39a.avalonia-animations","01.csharp\u002F12.desktop-ui\u002F39a.avalonia-animations",{"title":1619,"path":1620,"stem":1621},"2D Графіка та Мультимедіа у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fmedia-graphics","01.csharp\u002F12.desktop-ui\u002F40.media-graphics",{"title":1623,"path":1624,"stem":1625},"Dependency Injection у WPF та Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002Fdi-integration","01.csharp\u002F12.desktop-ui\u002F41.di-integration",{"title":1627,"path":1628,"stem":1629},"SQLite та EF Core у десктопних додатках","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-persistence-part1","01.csharp\u002F12.desktop-ui\u002F42.data-persistence-part1",{"title":1631,"path":1632,"stem":1633},"Repository Pattern та Unit of Work","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-persistence-part2","01.csharp\u002F12.desktop-ui\u002F43.data-persistence-part2",{"title":1635,"path":1636,"stem":1637},"Тестування ViewModels","\u002Fcsharp\u002Fdesktop-ui\u002Fviewmodel-testing","01.csharp\u002F12.desktop-ui\u002F44.viewmodel-testing",{"title":1639,"path":1640,"stem":1641},"Avalonia Headless Testing — тестування UI без вікон","\u002Fcsharp\u002Fdesktop-ui\u002F44a.avalonia-headless-testing","01.csharp\u002F12.desktop-ui\u002F44a.avalonia-headless-testing",{"title":1643,"path":1644,"stem":1645},"Кросплатформна розробка з Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002Favalonia-cross-platform","01.csharp\u002F12.desktop-ui\u002F45.avalonia-cross-platform",{"title":1647,"path":1648,"stem":1649},"Пакування та розгортання Avalonia додатків","\u002Fcsharp\u002Fdesktop-ui\u002Favalonia-packaging-deployment","01.csharp\u002F12.desktop-ui\u002F46.avalonia-packaging-deployment",{"title":1651,"path":1652,"stem":1653},"Розгортання WPF застосунків","\u002Fcsharp\u002Fdesktop-ui\u002Fwpf-packaging-deployment","01.csharp\u002F12.desktop-ui\u002F47.wpf-packaging-deployment",{"title":1655,"icon":658,"path":1656,"stem":1657,"children":1658,"page":59},"Network Programming","\u002Fcsharp\u002Fnetwork-programming","01.csharp\u002F13.network-programming",[1659,1663,1667,1671,1675,1679,1683,1687,1691,1695,1699],{"title":1660,"path":1661,"stem":1662},"Основи комп'ютерних мереж","\u002Fcsharp\u002Fnetwork-programming\u002Ffoundations","01.csharp\u002F13.network-programming\u002F01.foundations",{"title":1664,"path":1665,"stem":1666},"Модель OSI та стек TCP\u002FIP","\u002Fcsharp\u002Fnetwork-programming\u002Fosi-model","01.csharp\u002F13.network-programming\u002F02.osi-model",{"title":1668,"path":1669,"stem":1670},"IP-протокол та адресація","\u002Fcsharp\u002Fnetwork-programming\u002Fip-addressing","01.csharp\u002F13.network-programming\u002F03.ip-addressing",{"title":1672,"path":1673,"stem":1674},"UDP — протокол без з'єднання","\u002Fcsharp\u002Fnetwork-programming\u002Fudp","01.csharp\u002F13.network-programming\u002F05.udp",{"title":1676,"path":1677,"stem":1678},"UDP Broadcast та Multicast","\u002Fcsharp\u002Fnetwork-programming\u002Fudp-broadcast-multicast","01.csharp\u002F13.network-programming\u002F06.udp-broadcast-multicast",{"title":1680,"path":1681,"stem":1682},"HTTP — протокол вебу","\u002Fcsharp\u002Fnetwork-programming\u002Fhttp-fundamentals","01.csharp\u002F13.network-programming\u002F07.http-fundamentals",{"title":1684,"path":1685,"stem":1686},"HttpListener — вбудований HTTP-сервер .NET","\u002Fcsharp\u002Fnetwork-programming\u002F07a.http-listener","01.csharp\u002F13.network-programming\u002F07a.http-listener",{"title":1688,"path":1689,"stem":1690},"HTTP Advanced — cookies, аутентифікація та HTTPS","\u002Fcsharp\u002Fnetwork-programming\u002Fhttp-advanced","01.csharp\u002F13.network-programming\u002F08.http-advanced",{"title":1692,"path":1693,"stem":1694},"SMTP та протоколи електронної пошти","\u002Fcsharp\u002Fnetwork-programming\u002Fsmtp","01.csharp\u002F13.network-programming\u002F09.smtp",{"title":1696,"path":1697,"stem":1698},"WebSocket — повнодуплексний протокол реального часу","\u002Fcsharp\u002Fnetwork-programming\u002Fwebsockets","01.csharp\u002F13.network-programming\u002F10.websockets",{"title":1700,"path":1701,"stem":1702},"TLS\u002FSSL — криптографічний захист мережевих з'єднань","\u002Fcsharp\u002Fnetwork-programming\u002Ftls-ssl","01.csharp\u002F13.network-programming\u002F11.tls-ssl",{"title":1704,"path":1705,"stem":1706},"C# & .NET: The Ultimate Roadmap","\u002Fcsharp\u002Froadmap","01.csharp\u002Froadmap",{"title":1708,"icon":1709,"path":1710,"stem":1711,"children":1712,"page":59},"C++","i-devicon-cplusplus","\u002Fcpp","02.cpp",[1713,1717,1721,1725,1729,1733,1737,1741,1745,1748,1752,1756,1760,1764,1768,1772,1776,1780,1784,1788,1792,1796,1800,1804,1808,1812,1816,1820,1824,1828,1832,1836,1840,1844,1848,1852,1856,1860,1864,1868,1872,1876,1880,1884,1888,1892,1896,1900,1904,1908,1912,1916,1920,1924,1928,1932,1936,1940,1944,1948,1952,1956,1960,1964,1968,1972,1976],{"title":1714,"path":1715,"stem":1716},"Вступ у програмування та алгоритми","\u002Fcpp\u002Fintro-algorithms","02.cpp\u002F01.intro-algorithms",{"title":1718,"path":1719,"stem":1720},"Code Style: угоди про оформлення коду","\u002Fcpp\u002Fcode-style","02.cpp\u002F02.code-style",{"title":1722,"path":1723,"stem":1724},"Середовище розробки та перший проєкт","\u002Fcpp\u002Fide-setup","02.cpp\u002F03.ide-setup",{"title":1726,"path":1727,"stem":1728},"Вивід даних на екран","\u002Fcpp\u002Fdata-output","02.cpp\u002F04.data-output",{"title":1730,"path":1731,"stem":1732},"Типи даних, змінні та константи","\u002Fcpp\u002Fdata-types-variables","02.cpp\u002F05.data-types-variables",{"title":1734,"path":1735,"stem":1736},"Ввід даних з клавіатури","\u002Fcpp\u002Fdata-input","02.cpp\u002F06.data-input",{"title":1738,"path":1739,"stem":1740},"Оператори, перетворення типів та логічні операції","\u002Fcpp\u002Foperators-type-conversion","02.cpp\u002F07.operators-type-conversion",{"title":1742,"path":1743,"stem":1744},"Цикли","\u002Fcpp\u002Floops","02.cpp\u002F08.loops",{"title":32,"path":1746,"stem":1747},"\u002Fcpp\u002Farrays","02.cpp\u002F09.arrays",{"title":1749,"path":1750,"stem":1751},"Алгоритми сортування та аналіз складності","\u002Fcpp\u002Fsorting","02.cpp\u002F10.sorting",{"title":1753,"path":1754,"stem":1755},"Алгоритми пошуку","\u002Fcpp\u002Fsearching","02.cpp\u002F11.searching",{"title":1757,"path":1758,"stem":1759},"Функції: основи","\u002Fcpp\u002Ffunctions-basics","02.cpp\u002F12.functions-basics",{"title":1761,"path":1762,"stem":1763},"Функції: прототипи, область видимості та додаткові можливості","\u002Fcpp\u002Ffunctions-scope","02.cpp\u002F13.functions-scope",{"title":1765,"path":1766,"stem":1767},"Функції: перевантаження та шаблони","\u002Fcpp\u002Ffunctions-overloading-templates","02.cpp\u002F14.functions-overloading-templates",{"title":1769,"path":1770,"stem":1771},"Вказівники: основи","\u002Fcpp\u002Fpointers-basics","02.cpp\u002F15.pointers-basics",{"title":1773,"path":1774,"stem":1775},"Посилання (References)","\u002Fcpp\u002Freferences","02.cpp\u002F16.references",{"title":1777,"path":1778,"stem":1779},"Вказівники, const і масиви","\u002Fcpp\u002Fpointers-const-arrays","02.cpp\u002F17.pointers-const-arrays",{"title":1781,"path":1782,"stem":1783},"Адресна арифметика","\u002Fcpp\u002Fpointer-arithmetic","02.cpp\u002F18.pointer-arithmetic",{"title":1785,"path":1786,"stem":1787},"Динамічна пам'ять","\u002Fcpp\u002Fdynamic-memory","02.cpp\u002F19.dynamic-memory",{"title":1789,"path":1790,"stem":1791},"Вказівники типу void","\u002Fcpp\u002Fvoid-pointers","02.cpp\u002F20.void-pointers",{"title":1793,"path":1794,"stem":1795},"Вказівники на вказівники","\u002Fcpp\u002Fpointers-to-pointers","02.cpp\u002F21.pointers-to-pointers",{"title":1797,"path":1798,"stem":1799},"Оператор доступу до членів через вказівник (->)","\u002Fcpp\u002Fmember-access-operator","02.cpp\u002F22.member-access-operator",{"title":1801,"path":1802,"stem":1803},"Цикл for-each (Range-based for)","\u002Fcpp\u002Fforeach-loop","02.cpp\u002F23.foreach-loop",{"title":1805,"path":1806,"stem":1807},"Вказівники на функції","\u002Fcpp\u002Ffunction-pointers","02.cpp\u002F24.function-pointers",{"title":1809,"path":1810,"stem":1811},"Лямбда-вирази","\u002Fcpp\u002Flambdas","02.cpp\u002F25.lambdas",{"title":1813,"path":1814,"stem":1815},"Лямбда-захоплення","\u002Fcpp\u002Flambda-captures","02.cpp\u002F26.lambda-captures",{"title":1817,"path":1818,"stem":1819},"Еліпсис","\u002Fcpp\u002Fellipsis","02.cpp\u002F27.ellipsis",{"title":1821,"path":1822,"stem":1823},"Безпечні альтернативи еліпсису","\u002Fcpp\u002F27a.ellipsis","02.cpp\u002F27a.ellipsis",{"title":1825,"path":1826,"stem":1827},"Аргументи командного рядка","\u002Fcpp\u002Fcommand-line-arguments","02.cpp\u002F28.command-line-arguments",{"title":1829,"path":1830,"stem":1831},"Перерахування (enum)","\u002Fcpp\u002Fenum","02.cpp\u002F29.enum",{"title":1833,"path":1834,"stem":1835},"Класи-перерахування (enum class)","\u002Fcpp\u002Fenum-class","02.cpp\u002F30.enum-class",{"title":1837,"path":1838,"stem":1839},"Псевдоніми типів (typedef і using)","\u002Fcpp\u002Ftype-aliases","02.cpp\u002F31.type-aliases",{"title":1841,"path":1842,"stem":1843},"Системи числення та двійкова арифметика","\u002Fcpp\u002Fnumber-systems","02.cpp\u002F32.number-systems",{"title":1845,"path":1846,"stem":1847},"Структури (struct): агрегування даних","\u002Fcpp\u002Fstruct","02.cpp\u002F33.struct",{"title":1849,"path":1850,"stem":1851},"Структури у функціях","\u002Fcpp\u002Fstruct-functions","02.cpp\u002F34.struct-functions",{"title":1853,"path":1854,"stem":1855},"Масиви структур і вкладені структури","\u002Fcpp\u002Fstruct-arrays","02.cpp\u002F35.struct-arrays",{"title":1857,"path":1858,"stem":1859},"Патерни struct та межі застосування","\u002Fcpp\u002Fstruct-patterns","02.cpp\u002F36.struct-patterns",{"title":1861,"path":1862,"stem":1863},"Символи та таблиця ASCII","\u002Fcpp\u002Fascii-characters","02.cpp\u002F37.ascii-characters",{"title":1865,"path":1866,"stem":1867},"Unicode та кодування UTF","\u002Fcpp\u002Funicode-utf","02.cpp\u002F38.unicode-utf",{"title":1869,"path":1870,"stem":1871},"C-style рядки","\u002Fcpp\u002Fc-strings","02.cpp\u002F39.c-strings",{"title":1873,"path":1874,"stem":1875},"Вступ до std::string","\u002Fcpp\u002Fstd-string-intro","02.cpp\u002F40.std-string-intro",{"title":1877,"path":1878,"stem":1879},"Довжина, ємність та доступ до символів std::string","\u002Fcpp\u002Fstd-string-capacity-access","02.cpp\u002F41.std-string-capacity-access",{"title":1881,"path":1882,"stem":1883},"Модифікація std::string: присвоювання, додавання, вставка, видалення та заміна","\u002Fcpp\u002Fstd-string-modification","02.cpp\u002F42.std-string-modification",{"title":1885,"path":1886,"stem":1887},"Пошук у std::string: find, npos та практичні патерни","\u002Fcpp\u002Fstd-string-search","02.cpp\u002F43.std-string-search",{"title":1889,"path":1890,"stem":1891},"std::string_view: невласницький погляд на рядок без копіювання","\u002Fcpp\u002Fstd-string-view","02.cpp\u002F44.std-string-view",{"title":1893,"path":1894,"stem":1895},"Об'єднання (union): один блок пам'яті, кілька інтерпретацій","\u002Fcpp\u002Funion","02.cpp\u002F45.union",{"title":1897,"path":1898,"stem":1899},"Організація коду: файли, препроцесор, простори імен","\u002Fcpp\u002Fmultifile-programs","02.cpp\u002F46.multifile-programs",{"title":1901,"path":1902,"stem":1903},"Робота з файлами: C-стиль (stdio.h)","\u002Fcpp\u002Fc-style-files","02.cpp\u002F47.c-style-files",{"title":1905,"path":1906,"stem":1907},"Робота з файлами: C++-стиль (fstream)","\u002Fcpp\u002Fcpp-style-files","02.cpp\u002F48.cpp-style-files",{"title":1909,"path":1910,"stem":1911},"Введення в ООП: від процедур до об'єктів","\u002Fcpp\u002Foop-intro","02.cpp\u002F49.oop-intro",{"title":1913,"path":1914,"stem":1915},"Класи, об'єкти та методи","\u002Fcpp\u002Fclasses-objects-methods","02.cpp\u002F50.classes-objects-methods",{"title":1917,"path":1918,"stem":1919},"Специфікатори доступу та інкапсуляція","\u002Fcpp\u002Faccess-specifiers-encapsulation","02.cpp\u002F51.access-specifiers-encapsulation",{"title":1921,"path":1922,"stem":1923},"Конструктори: гарантована ініціалізація об'єктів","\u002Fcpp\u002Fconstructors","02.cpp\u002F52.constructors",{"title":1925,"path":1926,"stem":1927},"Списки ініціалізації та делегуючі конструктори","\u002Fcpp\u002Finit-lists-delegating","02.cpp\u002F53.init-lists-delegating",{"title":1929,"path":1930,"stem":1931},"Деструктори та ідіома RAII","\u002Fcpp\u002Fdestructors-raii","02.cpp\u002F54.destructors-raii",{"title":1933,"path":1934,"stem":1935},"Прихований покажчик this","\u002Fcpp\u002Fthis-pointer","02.cpp\u002F55.this-pointer",{"title":1937,"path":1938,"stem":1939},"Розподіл класу на заголовковий файл та файл реалізації","\u002Fcpp\u002Fclass-header-source","02.cpp\u002F56.class-header-source",{"title":1941,"path":1942,"stem":1943},"Класи та const","\u002Fcpp\u002Fconst-classes","02.cpp\u002F57.const-classes",{"title":1945,"path":1946,"stem":1947},"Статичні члени класу","\u002Fcpp\u002Fstatic-members","02.cpp\u002F58.static-members",{"title":1949,"path":1950,"stem":1951},"Конструктор копіювання та запобігання копіюванню","\u002Fcpp\u002Fcopy-constructor","02.cpp\u002F59.copy-constructor",{"title":1953,"path":1954,"stem":1955},"Дружні функції та класи","\u002Fcpp\u002Ffriend-functions-classes","02.cpp\u002F60.friend-functions-classes",{"title":1957,"path":1958,"stem":1959},"Анонімні об'єкти та вкладені типи","\u002Fcpp\u002Fanonymous-objects-nested-types","02.cpp\u002F61.anonymous-objects-nested-types",{"title":1961,"path":1962,"stem":1963},"Вимірювання часу виконання: RAII-таймер","\u002Fcpp\u002Ftiming-raii-timer","02.cpp\u002F62.timing-raii-timer",{"title":1965,"path":1966,"stem":1967},"Перевантаження операторів: основи та арифметика","\u002Fcpp\u002Foperator-overloading-basics","02.cpp\u002F63.operator-overloading-basics",{"title":1969,"path":1970,"stem":1971},"Перевантаження операторів: методи класу та спеціальні оператори","\u002Fcpp\u002Foperator-overloading-methods","02.cpp\u002F64.operator-overloading-methods",{"title":1973,"path":1974,"stem":1975},"Приведення типів, explicit та delete","\u002Fcpp\u002Ftypecast-explicit-delete","02.cpp\u002F65.typecast-explicit-delete",{"title":1977,"path":1978,"stem":1979},"Глибоке копіювання та оператор присвоювання","\u002Fcpp\u002Fdeep-copy-assignment","02.cpp\u002F66.deep-copy-assignment",{"title":1981,"icon":1982,"path":1983,"stem":1984,"children":1985,"page":59},"JavaScript","i-devicon-javascript","\u002Fjavascript","03.javascript",[1986,2012,2066,2088,2392,2430,2448],{"title":1987,"icon":1988,"path":1989,"stem":1990,"children":1991,"page":59},"Events","i-lucide-mouse-pointer-click","\u002Fjavascript\u002Fevents","03.javascript\u002F01.events",[1992,1996,2000,2004,2008],{"title":1993,"path":1994,"stem":1995},"Вступ до подій браузера","\u002Fjavascript\u002Fevents\u002Fintro","03.javascript\u002F01.events\u002F01.intro",{"title":1997,"path":1998,"stem":1999},"Бульбашковий механізм (Bubbling) та занурення (Capturing)","\u002Fjavascript\u002Fevents\u002Fbubbling-capturing","03.javascript\u002F01.events\u002F02.bubbling-capturing",{"title":2001,"path":2002,"stem":2003},"Делегування подій (Event Delegation)","\u002Fjavascript\u002Fevents\u002Fdelegate-events","03.javascript\u002F01.events\u002F03.delegate-events",{"title":2005,"path":2006,"stem":2007},"Типові дії браузера та preventDefault()","\u002Fjavascript\u002Fevents\u002Fprevent-default","03.javascript\u002F01.events\u002F04.prevent-default",{"title":2009,"path":2010,"stem":2011},"Запуск користувацьких подій (Custom Events)","\u002Fjavascript\u002Fevents\u002Fcustom-events","03.javascript\u002F01.events\u002F05.custom-events",{"title":2013,"icon":2014,"path":2015,"stem":2016,"children":2017,"page":59},"Network","i-lucide-globe","\u002Fjavascript\u002Fnetwork","03.javascript\u002F02.network",[2018,2022,2026,2030,2034,2038,2042,2046,2050,2054,2058,2062],{"title":2019,"path":2020,"stem":2021},"Fetch API - Сучасний підхід до HTTP-запитів","\u002Fjavascript\u002Fnetwork\u002F01-fetch-api","03.javascript\u002F02.network\u002F01-fetch-api",{"title":2023,"path":2024,"stem":2025},"FormData - Робота з формами та файлами","\u002Fjavascript\u002Fnetwork\u002F02-formdata","03.javascript\u002F02.network\u002F02-formdata",{"title":2027,"path":2028,"stem":2029},"Відстеження прогресу завантаження","\u002Fjavascript\u002Fnetwork\u002F03-download-progress","03.javascript\u002F02.network\u002F03-download-progress",{"title":2031,"path":2032,"stem":2033},"Переривання fetch-запитів","\u002Fjavascript\u002Fnetwork\u002F04-abort-requests","03.javascript\u002F02.network\u002F04-abort-requests",{"title":2035,"path":2036,"stem":2037},"CORS - Запити між різними джерелами","\u002Fjavascript\u002Fnetwork\u002F05-cors","03.javascript\u002F02.network\u002F05-cors",{"title":2039,"path":2040,"stem":2041},"Fetch API - Повний довідник опцій","\u002Fjavascript\u002Fnetwork\u002F06-fetch-options","03.javascript\u002F02.network\u002F06-fetch-options",{"title":2043,"path":2044,"stem":2045},"URL Objects - Робота з посиланнями","\u002Fjavascript\u002Fnetwork\u002F07-url-objects","03.javascript\u002F02.network\u002F07-url-objects",{"title":2047,"path":2048,"stem":2049},"XMLHttpRequest - AJAX та низькорівневі запити","\u002Fjavascript\u002Fnetwork\u002F08-xmlhttprequest","03.javascript\u002F02.network\u002F08-xmlhttprequest",{"title":2051,"path":2052,"stem":2053},"Відновлюване завантаження файлів","\u002Fjavascript\u002Fnetwork\u002F09-resumable-upload","03.javascript\u002F02.network\u002F09-resumable-upload",{"title":2055,"path":2056,"stem":2057},"Cookies, document.cookie та світ після \"Cookiepocalypse\"","\u002Fjavascript\u002Fnetwork\u002F10-cookies","03.javascript\u002F02.network\u002F10-cookies",{"title":2059,"path":2060,"stem":2061},"js-cookie: Керування Cookies без Болю","\u002Fjavascript\u002Fnetwork\u002F11-js-cookie","03.javascript\u002F02.network\u002F11-js-cookie",{"title":2063,"path":2064,"stem":2065},"Axios: Потужний HTTP-клієнт для JavaScript","\u002Fjavascript\u002Fnetwork\u002F12-axios","03.javascript\u002F02.network\u002F12-axios",{"title":2067,"icon":2068,"path":2069,"stem":2070,"children":2071,"page":59},"Bom","i-lucide-monitor","\u002Fjavascript\u002Fbom","03.javascript\u002F03.bom",[2072,2076,2080,2084],{"title":2073,"path":2074,"stem":2075},"LocalStorage, SessionStorage та patterns збереження даних","\u002Fjavascript\u002Fbom\u002F01-localstorage","03.javascript\u002F03.bom\u002F01-localstorage",{"title":2077,"path":2078,"stem":2079},"Location Object - Керування адресою сторінки","\u002Fjavascript\u002Fbom\u002F02-location-object","03.javascript\u002F03.bom\u002F02-location-object",{"title":2081,"path":2082,"stem":2083},"History API - Керування історією браузера","\u002Fjavascript\u002Fbom\u002F03-history-api","03.javascript\u002F03.bom\u002F03-history-api",{"title":2085,"path":2086,"stem":2087},"Navigator Object - Ідентифікація та Можливості Пристрою","\u002Fjavascript\u002Fbom\u002F04-navigator-object","03.javascript\u002F03.bom\u002F04-navigator-object",{"title":2089,"icon":2090,"path":2091,"stem":2092,"children":2093},"React","i-devicon-react","\u002Fjavascript\u002Freact","03.javascript\u002F04.react\u002Findex",[2094,2095,2099,2103,2107,2111,2174,2209,2361],{"title":2089,"path":2091,"stem":2092},{"title":2096,"path":2097,"stem":2098},"Робота з Формами в React","\u002Fjavascript\u002Freact\u002Freact-forms","03.javascript\u002F04.react\u002F01.react-forms",{"title":2100,"path":2101,"stem":2102},"React Hook Form: Професійна Робота з Формами","\u002Fjavascript\u002Freact\u002Freact-hook-form","03.javascript\u002F04.react\u002F02.react-hook-form",{"title":2104,"path":2105,"stem":2106},"React Hook Form: Глибоке Розуміння Архітектури та Оптимізації","\u002Fjavascript\u002Freact\u002Freact-hook-form-new","03.javascript\u002F04.react\u002F02.react-hook-form-new",{"title":2108,"path":2109,"stem":2110},"Axios та React: Професійна Архітектура Запитів","\u002Fjavascript\u002Freact\u002Fdata-fetching-axios","03.javascript\u002F04.react\u002F03.data-fetching-axios",{"title":2112,"icon":132,"path":2113,"stem":2114,"children":2115},"Tanstack Query","\u002Fjavascript\u002Freact\u002Ftanstack-query","03.javascript\u002F04.react\u002F04.tanstack-query\u002Findex",[2116,2118,2122,2126,2130,2134,2138,2142,2146,2150,2154,2158,2162,2166,2170],{"title":2117,"path":2113,"stem":2114},"TanStack Query: Майстерність Керування Станом Сервера",{"title":2119,"path":2120,"stem":2121},"Парадигма Server State: Чому useEffect недостатньо","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-state-paradigm","03.javascript\u002F04.react\u002F04.tanstack-query\u002F01.server-state-paradigm",{"title":2123,"path":2124,"stem":2125},"Встановлення та Налаштування: Фундамент","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Finstallation-and-devtools","03.javascript\u002F04.react\u002F04.tanstack-query\u002F02.installation-and-devtools",{"title":2127,"path":2128,"stem":2129},"Основи Запитів та Магія Ключів","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fquery-basics-and-keys","03.javascript\u002F04.react\u002F04.tanstack-query\u002F03.query-basics-and-keys",{"title":2131,"path":2132,"stem":2133},"Синхронізація Даних: Життєвий Цикл Запиту","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fdata-synchronization","03.javascript\u002F04.react\u002F04.tanstack-query\u002F04.data-synchronization",{"title":2135,"path":2136,"stem":2137},"Мутації та Інвалідація: Зміна Даних","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fmutations-and-invalidation","03.javascript\u002F04.react\u002F04.tanstack-query\u002F05.mutations-and-invalidation",{"title":2139,"path":2140,"stem":2141},"Оптимістичні Оновлення: Швидше за Світло","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Foptimistic-updates","03.javascript\u002F04.react\u002F04.tanstack-query\u002F06.optimistic-updates",{"title":2143,"path":2144,"stem":2145},"Пагінація та Infinite Scroll","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fpagination-and-load-more","03.javascript\u002F04.react\u002F04.tanstack-query\u002F07.pagination-and-load-more",{"title":2147,"path":2148,"stem":2149},"Просунуті Патерни та Оптимізація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F04.tanstack-query\u002F08.advanced-patterns",{"title":2151,"path":2152,"stem":2153},"Архітектура та Best Practices","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Farchitecture-and-best-practices","03.javascript\u002F04.react\u002F04.tanstack-query\u002F09.architecture-and-best-practices",{"title":2155,"path":2156,"stem":2157},"Server-Side Rendering (SSR) та Гідратація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-side-rendering","03.javascript\u002F04.react\u002F04.tanstack-query\u002F10.server-side-rendering",{"title":2159,"path":2160,"stem":2161},"Стратегії Тестування","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Ftesting-strategies","03.javascript\u002F04.react\u002F04.tanstack-query\u002F11.testing-strategies",{"title":2163,"path":2164,"stem":2165},"Аутентифікація та Обробка Помилок","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fauthentication-and-errors","03.javascript\u002F04.react\u002F04.tanstack-query\u002F12.authentication-and-errors",{"title":2167,"path":2168,"stem":2169},"React Suspense та Майбутнє","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Freact-suspense","03.javascript\u002F04.react\u002F04.tanstack-query\u002F13.react-suspense",{"title":2171,"path":2172,"stem":2173},"Глибоке Занурення в Продуктивність","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fperformance-deep-dive","03.javascript\u002F04.react\u002F04.tanstack-query\u002F14.performance-deep-dive",{"title":2175,"icon":2090,"path":2176,"stem":2177,"children":2178},"React Router","\u002Fjavascript\u002Freact\u002Freact-router","03.javascript\u002F04.react\u002F05.react-router\u002Findex",[2179,2181,2185,2189,2193,2197,2201,2205],{"title":2180,"path":2176,"stem":2177},"React Router: Навігаційна система сучасного вебу",{"title":2182,"path":2183,"stem":2184},"Налаштування та Базовий Роутинг","\u002Fjavascript\u002Freact\u002Freact-router\u002Fsetup-and-basic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F01.setup-and-basic-routing",{"title":2186,"path":2187,"stem":2188},"Динамічна Навігація","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnavigation-and-links","03.javascript\u002F04.react\u002F05.react-router\u002F02.navigation-and-links",{"title":2190,"path":2191,"stem":2192},"Вкладені Маршрути та Макети","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnested-routes-and-layouts","03.javascript\u002F04.react\u002F05.react-router\u002F03.nested-routes-and-layouts",{"title":2194,"path":2195,"stem":2196},"Динамічні Маршрути та Параметри","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdynamic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F04.dynamic-routing",{"title":2198,"path":2199,"stem":2200},"Data APIs: Loaders та Actions","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdata-loading","03.javascript\u002F04.react\u002F05.react-router\u002F05.data-loading",{"title":2202,"path":2203,"stem":2204},"Просунуті Патерни","\u002Fjavascript\u002Freact\u002Freact-router\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F05.react-router\u002F06.advanced-patterns",{"title":2206,"path":2207,"stem":2208},"Legacy Routing: Компонентний підхід","\u002Fjavascript\u002Freact\u002Freact-router\u002Flegacy-routing","03.javascript\u002F04.react\u002F05.react-router\u002F07.legacy-routing",{"title":2210,"icon":132,"path":2211,"stem":2212,"children":2213},"Redux","\u002Fjavascript\u002Freact\u002Fredux","03.javascript\u002F04.react\u002F06.redux\u002Findex",[2214,2216,2232,2261,2270,2291,2307,2336],{"title":2215,"path":2211,"stem":2212},"Redux: Еволюція управління станом",{"title":14,"icon":15,"path":2217,"stem":2218,"children":2219,"page":59},"\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals",[2220,2224,2228],{"title":2221,"path":2222,"stem":2223},"Вступ до State Management","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fintro-state-management","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F01.intro-state-management",{"title":2225,"path":2226,"stem":2227},"Філософія Redux та Три Принципи","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fredux-philosophy","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F02.redux-philosophy",{"title":2229,"path":2230,"stem":2231},"Чисті функції та Іммутабельність","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fpure-functions-immutability","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F03.pure-functions-immutability",{"title":2233,"icon":132,"path":2234,"stem":2235,"children":2236,"page":59},"Classic Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux",[2237,2241,2245,2249,2253,2257],{"title":2238,"path":2239,"stem":2240},"Створення Store (Classic Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fstore-setup","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F01.store-setup",{"title":2242,"path":2243,"stem":2244},"Actions, Constants та Action Creators","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Factions-constants","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F02.actions-constants",{"title":2246,"path":2247,"stem":2248},"Логіка Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freducers","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F03.reducers",{"title":2250,"path":2251,"stem":2252},"Комбінування Reducers (Root Reducer)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fdata-flow","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F04.data-flow",{"title":2254,"path":2255,"stem":2256},"Підключення до 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":2258,"path":2259,"stem":2260},"Middleware та Асинхронність (Redux Thunk)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fmiddleware-thunk","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F06.middleware-thunk",{"title":2262,"icon":132,"path":2263,"stem":2264,"children":2265,"page":59},"Transition To Rtk","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk",[2266],{"title":2267,"path":2268,"stem":2269},"Проблеми класичного 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":2271,"icon":132,"path":2272,"stem":2273,"children":2274,"page":59},"Redux Toolkit","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit",[2275,2279,2283,2287],{"title":2276,"path":2277,"stem":2278},"Налаштування Store з configureStore","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fconfigure-store","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F01.configure-store",{"title":2280,"path":2281,"stem":2282},"createSlice: Революція в Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fcreate-slice","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F02.create-slice",{"title":2284,"path":2285,"stem":2286},"Асинхронність з createAsyncThunk","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fasync-thunks","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F03.async-thunks",{"title":2288,"path":2289,"stem":2290},"04. Entity Adapter: Керування нормалізованим станом","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fentity-adapter","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F04.entity-adapter",{"title":2292,"icon":92,"path":2293,"stem":2294,"children":2295,"page":59},"Advanced","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced",[2296,2300,2304],{"title":2297,"path":2298,"stem":2299},"Мемоізація та Селектори: Повний Гайд по Reselect","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Fselectors-reselect","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F01.selectors-reselect",{"title":2301,"path":2302,"stem":2303},"RTK Query: Архітектура Серверного Кешу","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Frtk-query-intro","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F02.rtk-query-intro",{"title":2151,"path":2305,"stem":2306},"\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Farchitecture-best-practices","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F03.architecture-best-practices",{"title":2308,"icon":132,"path":2309,"stem":2310,"children":2311,"page":59},"Project Kanban","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban",[2312,2316,2320,2324,2328,2332],{"title":2313,"path":2314,"stem":2315},"Проєкт: Kanban Board (Trello Clone)","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fproject-overview","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F01.project-overview",{"title":2317,"path":2318,"stem":2319},"Налаштування та Типізація","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fsetup-and-types","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F02.setup-and-types",{"title":2321,"path":2322,"stem":2323},"Board Slice: Серце Дошки","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fboard-slice","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F03.board-slice",{"title":2325,"path":2326,"stem":2327},"Логіка 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":2329,"path":2330,"stem":2331},"Інтеграція з RTK Query","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Frtk-query-integration","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F05.rtk-query-integration",{"title":2333,"path":2334,"stem":2335},"Optimistic Updates","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Foptimistic-updates","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F06.optimistic-updates",{"title":2337,"icon":132,"path":2338,"stem":2339,"children":2340,"page":59},"Testing","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting","03.javascript\u002F04.react\u002F06.redux\u002F07.testing",[2341,2345,2349,2353,2357],{"title":2342,"path":2343,"stem":2344},"Тестування Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Fintro-testing","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F01.intro-testing",{"title":2346,"path":2347,"stem":2348},"Тестування Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-reducers","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F02.testing-reducers",{"title":2350,"path":2351,"stem":2352},"Тестування Селекторів","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-selectors","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F03.testing-selectors",{"title":2354,"path":2355,"stem":2356},"Тестування Компонентів (Integration)","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-components","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F04.testing-components",{"title":2358,"path":2359,"stem":2360},"Тестування Async Thunks","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-thunks","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F05.testing-thunks",{"title":2362,"icon":132,"path":2363,"stem":2364,"children":2365},"Ui Libraries","\u002Fjavascript\u002Freact\u002Fui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002Findex",[2366,2368,2372,2376,2380,2384,2388],{"title":2367,"path":2363,"stem":2364},"UI Бібліотеки в React",{"title":2369,"path":2370,"stem":2371},"Вступ до UI Бібліотек: Навіщо Винаходити Велосипед Двічі?","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fintroduction-to-ui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002F01.introduction-to-ui-libraries",{"title":2373,"path":2374,"stem":2375},"Філософія shadcn\u002Fui: \"Not a Component Library\"","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-philosophy","03.javascript\u002F04.react\u002F07.ui-libraries\u002F02.shadcn-philosophy",{"title":2377,"path":2378,"stem":2379},"Установка та Налаштування shadcn\u002Fui","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-installation","03.javascript\u002F04.react\u002F07.ui-libraries\u002F03.shadcn-installation",{"title":2381,"path":2382,"stem":2383},"Базові Компоненти shadcn\u002Fui: Фундамент Інтерфейсу","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-basics","03.javascript\u002F04.react\u002F07.ui-libraries\u002F04.shadcn-components-basics",{"title":2385,"path":2386,"stem":2387},"Компоненти Форм: Побудова Інтерактивних Form","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-forms","03.javascript\u002F04.react\u002F07.ui-libraries\u002F05.shadcn-components-forms",{"title":2389,"path":2390,"stem":2391},"Складні Компоненти: Dialog, Dropdown, Table та Command","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-advanced","03.javascript\u002F04.react\u002F07.ui-libraries\u002F06.shadcn-components-advanced",{"title":2393,"icon":2394,"path":2395,"stem":2396,"children":2397,"page":59},"TypeScript","i-devicon-typescript","\u002Fjavascript\u002Ftypescript","03.javascript\u002F05.typescript",[2398,2402,2406,2410,2414,2418,2422,2426],{"title":2399,"path":2400,"stem":2401},"TypeScript: Броня для вашого коду","\u002Fjavascript\u002Ftypescript\u002Fintro-and-basic-types","03.javascript\u002F05.typescript\u002F01.intro-and-basic-types",{"title":2403,"path":2404,"stem":2405},"Майстерність Моделювання Даних: Інтерфейси та Просунуті Типи","\u002Fjavascript\u002Ftypescript\u002Finterfaces-and-advanced-types","03.javascript\u002F05.typescript\u002F02.interfaces-and-advanced-types",{"title":2407,"path":2408,"stem":2409},"Алхімія Типів: Generics та Utility Types","\u002Fjavascript\u002Ftypescript\u002Fgenerics-and-utilities","03.javascript\u002F05.typescript\u002F03.generics-and-utilities",{"title":2411,"path":2412,"stem":2413},"Архітектура та Шаблони: Класи в TypeScript","\u002Fjavascript\u002Ftypescript\u002Fclasses-and-oop","03.javascript\u002F05.typescript\u002F04.classes-and-oop",{"title":2415,"path":2416,"stem":2417},"Продакшн та Екосистема: Advanced Config & Workflow","\u002Fjavascript\u002Ftypescript\u002Fadvanced-patterns-and-config","03.javascript\u002F05.typescript\u002F05.advanced-patterns-and-config",{"title":2419,"path":2420,"stem":2421},"TypeScript у світі React","\u002Fjavascript\u002Ftypescript\u002Freact-basics","03.javascript\u002F05.typescript\u002F06.react-basics",{"title":2423,"path":2424,"stem":2425},"React + TypeScript: Продвинуті патерни","\u002Fjavascript\u002Ftypescript\u002Freact-advanced","03.javascript\u002F05.typescript\u002F07.react-advanced",{"title":2427,"path":2428,"stem":2429},"React + TypeScript: Екосистема та бібліотеки","\u002Fjavascript\u002Ftypescript\u002Freact-ecosystem","03.javascript\u002F05.typescript\u002F08.react-ecosystem",{"title":2431,"icon":2432,"path":2433,"stem":2434,"children":2435,"page":59},"Асинхронність","i-lucide-refresh-cw","\u002Fjavascript\u002Fasync-programming","03.javascript\u002F06.async-programming",[2436,2440,2444],{"title":2437,"path":2438,"stem":2439},"Event Loop: серце асинхронності в JavaScript","\u002Fjavascript\u002Fasync-programming\u002Fevent-loop-fundamentals","03.javascript\u002F06.async-programming\u002F01.event-loop-fundamentals",{"title":2441,"path":2442,"stem":2443},"Task Queue та Microtask Queue: пріоритети виконання","\u002Fjavascript\u002Fasync-programming\u002Ftask-queues","03.javascript\u002F06.async-programming\u002F02.task-queues",{"title":2445,"path":2446,"stem":2447},"Асинхронні патерни: від Callbacks до Async\u002FAwait","\u002Fjavascript\u002Fasync-programming\u002Fasync-patterns","03.javascript\u002F06.async-programming\u002F03.async-patterns",{"title":2449,"path":2450,"stem":2451},"Atomic Design","\u002Fjavascript\u002Fatomic-design","03.javascript\u002F2.atomic-design",{"title":2453,"icon":2454,"path":2455,"stem":2456,"children":2457,"page":59},"Java","i-devicon-java","\u002Fjava","04.java",[2458,2461,2464,2468,2472,2476,2480],{"title":162,"path":2459,"stem":2460},"\u002Fjava\u002Fdata-mapper-part1","04.java\u002F01.data-mapper-part1",{"title":166,"path":2462,"stem":2463},"\u002Fjava\u002Fdata-mapper-part2","04.java\u002F02.data-mapper-part2",{"title":2465,"path":2466,"stem":2467},"Service Layer: Організація бізнес-логіки","\u002Fjava\u002Fservice-layer","04.java\u002F03.service-layer",{"title":2469,"path":2470,"stem":2471},"Rich Domain Model та State Pattern","\u002Fjava\u002Frich-domain-model","04.java\u002F04.rich-domain-model",{"title":2473,"path":2474,"stem":2475},"Патерни для складної бізнес-логіки","\u002Fjava\u002Fbusiness-logic-patterns","04.java\u002F05.business-logic-patterns",{"title":2477,"path":2478,"stem":2479},"Обробка помилок та валідація","\u002Fjava\u002Ferror-handling-validation","04.java\u002F06.error-handling-validation",{"title":2481,"path":2482,"stem":2483,"children":2484,"page":59},"Проектування баз даних","\u002Fjava\u002Fpr2","04.java\u002Fpr2",[2485,2489,2493,2497,2501,2505,2509,2513,2517,2521,2525,2529,2533,2537,2541,2545,2549,2553,2557,2561,2565,2569,2573,2577,2581,2585,2589,2593,2597,2601,2605,2609,2613,2617,2621,2625,2629],{"title":2486,"path":2487,"stem":2488},"Концептуальне моделювання: Мистецтво розуміння предметної області","\u002Fjava\u002Fpr2\u002Fconceptual-modeling","04.java\u002Fpr2\u002F01.conceptual-modeling",{"title":2490,"path":2491,"stem":2492},"Логічне моделювання: Від бізнес-ідей до структур даних","\u002Fjava\u002Fpr2\u002Flogical-modeling","04.java\u002Fpr2\u002F02.logical-modeling",{"title":2494,"path":2495,"stem":2496},"Нормалізація: Гігієна даних та боротьба з аномаліями","\u002Fjava\u002Fpr2\u002Fnormalization","04.java\u002Fpr2\u002F03.normalization",{"title":2498,"path":2499,"stem":2500},"Фізична схема: Від абстракції до DDL","\u002Fjava\u002Fpr2\u002Fphysical-schema","04.java\u002Fpr2\u002F04.physical-schema",{"title":2502,"path":2503,"stem":2504},"Архітектурна класифікація таблиць","\u002Fjava\u002Fpr2\u002Ftable-classification","04.java\u002Fpr2\u002F05.table-classification",{"title":2506,"path":2507,"stem":2508},"Database Migrations: Версіонування схеми з Flyway","\u002Fjava\u002Fpr2\u002Fdatabase-migrations","04.java\u002Fpr2\u002F06.database-migrations",{"title":2510,"path":2511,"stem":2512},"А що, якби це була не реляційна БД?","\u002Fjava\u002Fpr2\u002Fbeyond-relational","04.java\u002Fpr2\u002F07.beyond-relational",{"title":2514,"path":2515,"stem":2516},"Object-Relational Impedance Mismatch: Два світи, що не хочуть дружити","\u002Fjava\u002Fpr2\u002Fimpedance-mismatch","04.java\u002Fpr2\u002F09.impedance-mismatch",{"title":2518,"path":2519,"stem":2520},"JDBC: Перший контакт із базою даних","\u002Fjava\u002Fpr2\u002Fjdbc-fundamentals","04.java\u002Fpr2\u002F10.jdbc-fundamentals",{"title":2522,"path":2523,"stem":2524},"Якість коду: Spotless, SpotBugs та SonarQube","\u002Fjava\u002Fpr2\u002F10a.code-quality","04.java\u002Fpr2\u002F10a.code-quality",{"title":2526,"path":2527,"stem":2528},"Connection Pool: Патерн Object Pool для JDBC-з'єднань","\u002Fjava\u002Fpr2\u002Fconnection-pool","04.java\u002Fpr2\u002F11.connection-pool",{"title":2530,"path":2531,"stem":2532},"Row Data Gateway: Об'єкт як обгортка рядка таблиці","\u002Fjava\u002Fpr2\u002Frow-data-gateway","04.java\u002Fpr2\u002F12.row-data-gateway",{"title":2534,"path":2535,"stem":2536},"Table Data Gateway: Фасад таблиці як архітектурний відступ","\u002Fjava\u002Fpr2\u002Ftable-data-gateway","04.java\u002Fpr2\u002F13.table-data-gateway",{"title":2538,"path":2539,"stem":2540},"Repository + Data Mapper: Правильна шарова архітектура з JDBC","\u002Fjava\u002Fpr2\u002Frepository-data-mapper","04.java\u002Fpr2\u002F14.repository-data-mapper",{"title":2542,"path":2543,"stem":2544},"Identity Map: Кешування сутностей у рамках сесії","\u002Fjava\u002Fpr2\u002Fidentity-map","04.java\u002Fpr2\u002F15.identity-map",{"title":2546,"path":2547,"stem":2548},"Unit of Work: Відстеження змін і координація JDBC-транзакцій","\u002Fjava\u002Fpr2\u002Funit-of-work","04.java\u002Fpr2\u002F16.unit-of-work",{"title":2550,"path":2551,"stem":2552},"Strategy: Замінювані SQL-стратегії для підтримки різних СУБД","\u002Fjava\u002Fpr2\u002Fstrategy-sql","04.java\u002Fpr2\u002F17.strategy-sql",{"title":2554,"path":2555,"stem":2556},"Proxy: Lazy Loading для One-To-Many колекцій","\u002Fjava\u002Fpr2\u002Fproxy-lazy-loading","04.java\u002Fpr2\u002F18.proxy-lazy-loading",{"title":2558,"path":2559,"stem":2560},"Generic Repository через Java Reflection: анотації та динамічний SQL","\u002Fjava\u002Fpr2\u002Fgeneric-repository-reflection","04.java\u002Fpr2\u002F19.generic-repository-reflection",{"title":2562,"path":2563,"stem":2564},"Specification Pattern: Композиція бізнес-правил для складних запитів","\u002Fjava\u002Fpr2\u002Fspecification-pattern","04.java\u002Fpr2\u002F20.specification-pattern",{"title":2566,"path":2567,"stem":2568},"Розширені можливості Specification Pattern: підзапити, агрегації та гібридний підхід","\u002Fjava\u002Fpr2\u002F20a.advanced-specifications","04.java\u002Fpr2\u002F20a.advanced-specifications",{"title":2570,"path":2571,"stem":2572},"Асинхронність у JDBC: Від блокуючих викликів до CompletableFuture","\u002Fjava\u002Fpr2\u002Fasynchronous-jdbc","04.java\u002Fpr2\u002F21.asynchronous-jdbc",{"title":2574,"path":2575,"stem":2576},"Інтеграційне тестування JDBC-репозиторіїв: Embedded H2 та патерн AAA","\u002Fjava\u002Fpr2\u002Fintegration-testing-h2","04.java\u002Fpr2\u002F22.integration-testing-h2",{"title":2578,"path":2579,"stem":2580},"Testcontainers: Тестування з реальною PostgreSQL у Docker-контейнерах","\u002Fjava\u002Fpr2\u002Fintegration-testing-testcontainers","04.java\u002Fpr2\u002F23.integration-testing-testcontainers",{"title":2582,"path":2583,"stem":2584},"Google Guice: Впровадження залежностей у JavaFX-проєкті","\u002Fjava\u002Fpr2\u002Fdependency-injection-guice","04.java\u002Fpr2\u002F24.dependency-injection-guice",{"title":2586,"path":2587,"stem":2588},"JavaFX: Основи побудови графічних інтерфейсів","\u002Fjava\u002Fpr2\u002Fjavafx-fundamentals","04.java\u002Fpr2\u002F25.javafx-fundamentals",{"title":2590,"path":2591,"stem":2592},"Properties та Bindings: Реактивність у JavaFX","\u002Fjava\u002Fpr2\u002Fjavafx-properties-bindings","04.java\u002Fpr2\u002F26.javafx-properties-bindings",{"title":2594,"path":2595,"stem":2596},"MVC vs MVP vs MVVM: Еволюція архітектурних патернів UI","\u002Fjava\u002Fpr2\u002Fui-architecture-patterns","04.java\u002Fpr2\u002F27.ui-architecture-patterns",{"title":2598,"path":2599,"stem":2600},"MVVM на практиці: Побудова ViewModel","\u002Fjava\u002Fpr2\u002Fmvvm-viewmodel-implementation","04.java\u002Fpr2\u002F28.mvvm-viewmodel-implementation",{"title":2602,"path":2603,"stem":2604},"View та Controller: Зв'язування з ViewModel через FXML","\u002Fjava\u002Fpr2\u002Fmvvm-view-controller","04.java\u002Fpr2\u002F29.mvvm-view-controller",{"title":2606,"path":2607,"stem":2608},"Інтеграція MVVM з Guice: Автоматична ін'єкція залежностей","\u002Fjava\u002Fpr2\u002Fmvvm-guice-integration","04.java\u002Fpr2\u002F30.mvvm-guice-integration",{"title":2610,"path":2611,"stem":2612},"Валідація та обробка помилок у MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-validation-error-handling","04.java\u002Fpr2\u002F31.mvvm-validation-error-handling",{"title":2614,"path":2615,"stem":2616},"Навігація та управління екранами у JavaFX MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-navigation-screen-management","04.java\u002Fpr2\u002F32.mvvm-navigation-screen-management",{"title":2618,"path":2619,"stem":2620},"Тестування JavaFX MVVM-додатків","\u002Fjava\u002Fpr2\u002Fmvvm-testing","04.java\u002Fpr2\u002F33.mvvm-testing",{"title":2622,"path":2623,"stem":2624},"Стилізація та теми у JavaFX: CSS та User Experience","\u002Fjava\u002Fpr2\u002Fjavafx-styling-themes","04.java\u002Fpr2\u002F34.javafx-styling-themes",{"title":2626,"path":2627,"stem":2628},"AtlantaFX: Сучасні теми для JavaFX додатків","\u002Fjava\u002Fpr2\u002Fatlantafx-modern-themes","04.java\u002Fpr2\u002F35.atlantafx-modern-themes",{"title":2630,"path":2631,"stem":2632},"Пакування та розповсюдження JavaFX-додатків","\u002Fjava\u002Fpr2\u002Fjar-packaging-distribution","04.java\u002Fpr2\u002F36.jar-packaging-distribution",{"title":2634,"icon":2635,"path":2636,"stem":2637,"children":2638,"page":59},"Python","i-devicon-python","\u002Fpython","05.python",[2639,2643,2646,2650,2654,2658,2662,2666,2670,2674,2678,2682,2686,2690,2694,2755],{"title":2640,"path":2641,"stem":2642},"Модулі, Пакети та Віртуальні Середовища","\u002Fpython\u002Fmodules-packages-venv","05.python\u002F00.modules-packages-venv",{"title":71,"path":2644,"stem":2645},"\u002Fpython\u002Fclasses-objects","05.python\u002F01.classes-objects",{"title":2647,"path":2648,"stem":2649},"Інкапсуляція, Керування Доступом та Властивості","\u002Fpython\u002Fencapsulation","05.python\u002F02.encapsulation",{"title":2651,"path":2652,"stem":2653},"Наслідування, MRO та суперсила super()","\u002Fpython\u002Finheritance-mro","05.python\u002F03.inheritance-mro",{"title":2655,"path":2656,"stem":2657},"Абстракція — ABC проти Статичних Протоколів (PEP 544)","\u002Fpython\u002Fabstraction-protocols","05.python\u002F04.abstraction-protocols",{"title":2659,"path":2660,"stem":2661},"Магічні методи (Dunder) та Емуляція протоколів","\u002Fpython\u002Fdunder-methods","05.python\u002F05.dunder-methods",{"title":2663,"path":2664,"stem":2665},"Декоратори та Керування життєвим циклом методів","\u002Fpython\u002Fdecorators-static-class","05.python\u002F06.decorators-static-class",{"title":2667,"path":2668,"stem":2669},"Дескриптори — Магія доступу до атрибутів","\u002Fpython\u002Fdescriptors","05.python\u002F07.descriptors",{"title":2671,"path":2672,"stem":2673},"Метакласи — Динамічне створення класів під капотом CPython","\u002Fpython\u002Fmetaclasses","05.python\u002F08.metaclasses",{"title":2675,"path":2676,"stem":2677},"Dataclasses, NamedTuple та сучасні контейнери Python","\u002Fpython\u002Fmodern-containers","05.python\u002F09.modern-containers",{"title":2679,"path":2680,"stem":2681},"GIL та модель конкурентності CPython — фундамент перед потоками і процесами","\u002Fpython\u002Fgil-concurrency-intro","05.python\u002F11.gil-concurrency-intro",{"title":2683,"path":2684,"stem":2685},"Threading — конкурентність для I\u002FO-bound задач","\u002Fpython\u002Fthreading","05.python\u002F12.threading",{"title":2687,"path":2688,"stem":2689},"Multiprocessing — справжній паралелізм для CPU-bound задач","\u002Fpython\u002Fmultiprocessing","05.python\u002F13.multiprocessing",{"title":2691,"path":2692,"stem":2693},"asyncio — кооперативна конкурентність та event loop","\u002Fpython\u002Fasyncio","05.python\u002F14.asyncio",{"title":2695,"icon":92,"path":2696,"stem":2697,"children":2698,"page":59},"FastAPI","\u002Fpython\u002Ffastapi","05.python\u002Ffastapi",[2699,2703,2707,2711,2715,2719,2723,2727,2731,2735,2739,2743,2747,2751],{"title":2700,"path":2701,"stem":2702},"Глибокий Typing та Pydantic v2 — від анотацій до валідації","\u002Fpython\u002Ffastapi\u002Ftyping-pydantic","05.python\u002Ffastapi\u002F15.typing-pydantic",{"title":2704,"path":2705,"stem":2706},"WSGI, ASGI та Python Web-екосистема","\u002Fpython\u002Ffastapi\u002Fwsgi-asgi-ecosystem","05.python\u002Ffastapi\u002F16.wsgi-asgi-ecosystem",{"title":2708,"path":2709,"stem":2710},"FastAPI: Перший додаток, Uvicorn та OpenAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-intro","05.python\u002Ffastapi\u002F17.fastapi-intro",{"title":2712,"path":2713,"stem":2714},"Маршрутизація, параметри запитів та APIRouter","\u002Fpython\u002Ffastapi\u002Ffastapi-routing-params","05.python\u002Ffastapi\u002F18.fastapi-routing-params",{"title":2716,"path":2717,"stem":2718},"Pydantic v2 у FastAPI — схеми, валідація та серіалізація","\u002Fpython\u002Ffastapi\u002Ffastapi-pydantic-schemas","05.python\u002Ffastapi\u002F19.fastapi-pydantic-schemas",{"title":2720,"path":2721,"stem":2722},"Dependency Injection — серце архітектури FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-dependency-injection","05.python\u002Ffastapi\u002F20.fastapi-dependency-injection",{"title":2724,"path":2725,"stem":2726},"Обробка помилок, Middleware та CORS у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-errors-middleware","05.python\u002Ffastapi\u002F21.fastapi-errors-middleware",{"title":2728,"path":2729,"stem":2730},"SQLAlchemy 2.0 — ORM, Core та Async Engine","\u002Fpython\u002Ffastapi\u002Fsqlalchemy-orm","05.python\u002Ffastapi\u002F22.sqlalchemy-orm",{"title":2732,"path":2733,"stem":2734},"Alembic — міграції бази даних","\u002Fpython\u002Ffastapi\u002Falembic-migrations","05.python\u002Ffastapi\u002F23.alembic-migrations",{"title":2736,"path":2737,"stem":2738},"Repository Pattern та Clean Architecture у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-repository-clean-arch","05.python\u002Ffastapi\u002F24.fastapi-repository-clean-arch",{"title":2740,"path":2741,"stem":2742},"Автентифікація та авторизація — JWT, OAuth2, RBAC","\u002Fpython\u002Ffastapi\u002Ffastapi-auth-security","05.python\u002Ffastapi\u002F25.fastapi-auth-security",{"title":2744,"path":2745,"stem":2746},"Тестування FastAPI — pytest, httpx, fixtures","\u002Fpython\u002Ffastapi\u002Ffastapi-testing","05.python\u002Ffastapi\u002F26.fastapi-testing",{"title":2748,"path":2749,"stem":2750},"Async на повну — Background Tasks, WebSockets, SSE та Celery","\u002Fpython\u002Ffastapi\u002Ffastapi-async-advanced","05.python\u002Ffastapi\u002F27.fastapi-async-advanced",{"title":2752,"path":2753,"stem":2754},"Deployment — Docker, CI\u002FCD, Monitoring","\u002Fpython\u002Ffastapi\u002Ffastapi-deployment","05.python\u002Ffastapi\u002F28.fastapi-deployment",{"title":2756,"path":2757,"stem":2758},"[object Object]","\u002Fpython\u002Foop-plan","05.python\u002Foop-plan",{"title":2760,"icon":2761,"path":2762,"stem":2763,"children":2764,"page":59},"Бази даних","i-lucide-database","\u002Fdatabases","06.databases",[2765,2795,2818,2855,2884,2902,2936,2948,2957],{"title":2766,"icon":2767,"path":2768,"stem":2769,"children":2770,"page":59},"Intro","i-lucide-play","\u002Fdatabases\u002Fintro","06.databases\u002F01.intro",[2771,2775,2779,2783,2787,2791],{"title":2772,"path":2773,"stem":2774},"Введення в теорію баз даних","\u002Fdatabases\u002Fintro\u002Fintroduction-to-databases","06.databases\u002F01.intro\u002F01.introduction-to-databases",{"title":2776,"path":2777,"stem":2778},"Реляційна модель даних","\u002Fdatabases\u002Fintro\u002Frelational-model-theory","06.databases\u002F01.intro\u002F02.relational-model-theory",{"title":2780,"path":2781,"stem":2782},"ER-моделювання","\u002Fdatabases\u002Fintro\u002Fer-modeling","06.databases\u002F01.intro\u002F03.er-modeling",{"title":2784,"path":2785,"stem":2786},"Логічне проектування БД","\u002Fdatabases\u002Fintro\u002Flogical-schema","06.databases\u002F01.intro\u002F04.logical-schema",{"title":2788,"path":2789,"stem":2790},"Класифікація таблиць","\u002Fdatabases\u002Fintro\u002Ftable-classification","06.databases\u002F01.intro\u002F05.table-classification",{"title":2792,"path":2793,"stem":2794},"PlantUML для баз даних","\u002Fdatabases\u002Fintro\u002Fplantuml-diagrams","06.databases\u002F01.intro\u002F06.plantuml-diagrams",{"title":2796,"icon":2761,"path":2797,"stem":2798,"children":2799,"page":59},"MS SQL Server Start","\u002Fdatabases\u002Fms-sql-server-start","06.databases\u002F02.ms-sql-server-start",[2800,2804,2810,2814],{"title":2801,"path":2802,"stem":2803},"Типи даних у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fdata-types","06.databases\u002F02.ms-sql-server-start\u002F01.data-types",{"title":2805,"path":2806,"stem":2807,"children":2808},"Індекси у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-indexes","06.databases\u002F02.ms-sql-server-start\u002F02.sql-indexes",[2809],{"title":2805,"path":2806,"stem":2807},{"title":2811,"path":2812,"stem":2813},"Системні бази даних MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsystem-databases","06.databases\u002F02.ms-sql-server-start\u002F03.system-databases",{"title":2815,"path":2816,"stem":2817},"Огляд мови SQL та запитів","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-queries-overview","06.databases\u002F02.ms-sql-server-start\u002F04.sql-queries-overview",{"title":2819,"icon":2761,"path":2820,"stem":2821,"children":2822,"page":59},"SQL","\u002Fdatabases\u002Fsql","06.databases\u002F03.sql",[2823,2827,2831,2835,2839,2843,2847,2851],{"title":2824,"path":2825,"stem":2826},"Налаштування демонстраційної бази даних","\u002Fdatabases\u002Fsql\u002Fsample-database-setup","06.databases\u002F03.sql\u002F00.sample-database-setup",{"title":2828,"path":2829,"stem":2830},"DDL - Створення таблиць (CREATE TABLE)","\u002Fdatabases\u002Fsql\u002Fddl-create-table","06.databases\u002F03.sql\u002F01.ddl-create-table",{"title":2832,"path":2833,"stem":2834},"DDL - Зміна та видалення таблиць (ALTER, DROP)","\u002Fdatabases\u002Fsql\u002Fddl-alter-drop-table","06.databases\u002F03.sql\u002F02.ddl-alter-drop-table",{"title":2836,"path":2837,"stem":2838},"SELECT запити - Основи","\u002Fdatabases\u002Fsql\u002Fselect-queries-fundamentals","06.databases\u002F03.sql\u002F03.select-queries-fundamentals",{"title":2840,"path":2841,"stem":2842},"SELECT запити - Розширені можливості","\u002Fdatabases\u002Fsql\u002Fselect-queries-advanced","06.databases\u002F03.sql\u002F04.select-queries-advanced",{"title":2844,"path":2845,"stem":2846},"INSERT запити - Додавання даних","\u002Fdatabases\u002Fsql\u002Finsert-queries","06.databases\u002F03.sql\u002F05.insert-queries",{"title":2848,"path":2849,"stem":2850},"UPDATE та DELETE запити","\u002Fdatabases\u002Fsql\u002Fupdate-delete-queries","06.databases\u002F03.sql\u002F06.update-delete-queries",{"title":2852,"path":2853,"stem":2854},"Транзакції в SQL","\u002Fdatabases\u002Fsql\u002Ftransactions","06.databases\u002F03.sql\u002F07.transactions",{"title":2856,"icon":2761,"path":2857,"stem":2858,"children":2859,"page":59},"Multi Table Databases","\u002Fdatabases\u002Fmulti-table-databases","06.databases\u002F04.multi-table-databases",[2860,2864,2868,2872,2876,2880],{"title":2861,"path":2862,"stem":2863},"Зв'язки та нормалізація БД","\u002Fdatabases\u002Fmulti-table-databases\u002Frelationships-and-normalization","06.databases\u002F04.multi-table-databases\u002F00.relationships-and-normalization",{"title":2865,"path":2866,"stem":2867},"INNER JOIN - З'єднання таблиць","\u002Fdatabases\u002Fmulti-table-databases\u002Finner-join","06.databases\u002F04.multi-table-databases\u002F01.inner-join",{"title":2869,"path":2870,"stem":2871},"OUTER JOINs - LEFT, RIGHT, FULL","\u002Fdatabases\u002Fmulti-table-databases\u002Fouter-joins","06.databases\u002F04.multi-table-databases\u002F02.outer-joins",{"title":2873,"path":2874,"stem":2875},"CROSS та SELF JOINs","\u002Fdatabases\u002Fmulti-table-databases\u002Fcross-self-joins","06.databases\u002F04.multi-table-databases\u002F03.cross-self-joins",{"title":2877,"path":2878,"stem":2879},"Підзапити (Subqueries)","\u002Fdatabases\u002Fmulti-table-databases\u002Fsubqueries","06.databases\u002F04.multi-table-databases\u002F04.subqueries",{"title":2881,"path":2882,"stem":2883},"Агрегації з JOIN","\u002Fdatabases\u002Fmulti-table-databases\u002Faggregations-with-joins","06.databases\u002F04.multi-table-databases\u002F05.aggregations-with-joins",{"title":2885,"icon":2886,"path":2887,"stem":2888,"children":2889,"page":59},"Aggregate Functions","i-lucide-calculator","\u002Fdatabases\u002Faggregate-functions","06.databases\u002F05.aggregate-functions",[2890,2894,2898],{"title":2891,"path":2892,"stem":2893},"Функції агрегування в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fintroduction-aggregate-functions","06.databases\u002F05.aggregate-functions\u002F01.introduction-aggregate-functions",{"title":2895,"path":2896,"stem":2897},"Групування даних в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fgrouping-data","06.databases\u002F05.aggregate-functions\u002F02.grouping-data",{"title":2899,"path":2900,"stem":2901},"Підзапити з агрегатними функціями","\u002Fdatabases\u002Faggregate-functions\u002Fsubqueries-aggregates","06.databases\u002F05.aggregate-functions\u002F03.subqueries-aggregates",{"title":2903,"icon":2904,"path":2905,"stem":2906,"children":2907,"page":59},"Тригери та зберігаємі процедури","i-lucide-database-zap","\u002Fdatabases\u002Ftriggers-stored-procedures","06.databases\u002F07.triggers-stored-procedures",[2908,2912,2916,2920,2924,2928,2932],{"title":2909,"path":2910,"stem":2911},"DML-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fdml-triggers","06.databases\u002F07.triggers-stored-procedures\u002F01.dml-triggers",{"title":2913,"path":2914,"stem":2915},"DDL-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fddl-triggers","06.databases\u002F07.triggers-stored-procedures\u002F02.ddl-triggers",{"title":2917,"path":2918,"stem":2919},"Transact-SQL розширення","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransact-sql-extensions","06.databases\u002F07.triggers-stored-procedures\u002F03.transact-sql-extensions",{"title":2921,"path":2922,"stem":2923},"Транзакції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransactions","06.databases\u002F07.triggers-stored-procedures\u002F04.transactions",{"title":2925,"path":2926,"stem":2927},"Зберігаємі процедури","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fstored-procedures","06.databases\u002F07.triggers-stored-procedures\u002F05.stored-procedures",{"title":2929,"path":2930,"stem":2931},"Користувацькі функції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fuser-defined-functions","06.databases\u002F07.triggers-stored-procedures\u002F06.user-defined-functions",{"title":2933,"path":2934,"stem":2935},"Безпека баз даних","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fsecurity","06.databases\u002F07.triggers-stored-procedures\u002F08.security",{"title":2933,"icon":793,"path":2937,"stem":2938,"children":2939,"page":59},"\u002Fdatabases\u002Fsecurity","06.databases\u002F08.security",[2940,2944],{"title":2941,"path":2942,"stem":2943},"Вступ до безпеки баз даних","\u002Fdatabases\u002Fsecurity\u002Fintroduction","06.databases\u002F08.security\u002F01.introduction",{"title":2945,"path":2946,"stem":2947},"Системні представлення та метадані","\u002Fdatabases\u002Fsecurity\u002Fsystem-views","06.databases\u002F08.security\u002F02.system-views",{"title":2949,"icon":2950,"path":2951,"stem":2952,"children":2953,"page":59},"Резервне копіювання та відновлення","i-lucide-database-backup","\u002Fdatabases\u002Fbackup-recovery","06.databases\u002F09.backup-recovery",[2954],{"title":2949,"path":2955,"stem":2956},"\u002Fdatabases\u002Fbackup-recovery\u002Fbackup-restore","06.databases\u002F09.backup-recovery\u002F01.backup-restore",{"title":2958,"icon":2959,"path":2960,"stem":2961,"children":2962,"page":59},"Повнотекстовий пошук","i-lucide-search","\u002Fdatabases\u002Ffull-text-search","06.databases\u002F10.full-text-search",[2963],{"title":2958,"path":2964,"stem":2965},"\u002Fdatabases\u002Ffull-text-search\u002Ffull-text-search","06.databases\u002F10.full-text-search\u002F01.full-text-search",{"title":2967,"icon":2968,"path":2969,"stem":2970,"children":2971,"page":59},"Tools","i-lucide-wrench","\u002Ftools","07.tools",[2972,3048],{"title":2973,"icon":2974,"path":2975,"stem":2976,"children":2977},"Docker","i-simple-icons-docker","\u002Ftools\u002Fdocker","07.tools\u002F01.docker\u002Findex",[2978,2980,2984,2988,2992,2996,3000,3004,3008,3012,3016,3020,3024,3028,3032,3036,3040,3044],{"title":2979,"path":2975,"stem":2976},"Docker: від нуля до production",{"title":2981,"path":2982,"stem":2983},"Контейнеризація — від проблеми до рішення","\u002Ftools\u002Fdocker\u002Fcontainerization-concept","07.tools\u002F01.docker\u002F01.containerization-concept",{"title":2985,"path":2986,"stem":2987},"Docker — що це і навіщо?","\u002Ftools\u002Fdocker\u002Fdocker-what-and-why","07.tools\u002F01.docker\u002F02.docker-what-and-why",{"title":2989,"path":2990,"stem":2991},"Архітектура Docker Engine","\u002Ftools\u002Fdocker\u002Fdocker-architecture","07.tools\u002F01.docker\u002F03.docker-architecture",{"title":2993,"path":2994,"stem":2995},"Встановлення Docker","\u002Ftools\u002Fdocker\u002Finstallation","07.tools\u002F01.docker\u002F04.installation",{"title":2997,"path":2998,"stem":2999},"Перший контейнер — docker run","\u002Ftools\u002Fdocker\u002Ffirst-container","07.tools\u002F01.docker\u002F05.first-container",{"title":3001,"path":3002,"stem":3003},"Життєвий цикл контейнера","\u002Ftools\u002Fdocker\u002Fcontainer-lifecycle","07.tools\u002F01.docker\u002F06.container-lifecycle",{"title":3005,"path":3006,"stem":3007},"Docker Images — фундаментальні концепції","\u002Ftools\u002Fdocker\u002Fdocker-images-fundamentals","07.tools\u002F01.docker\u002F07.docker-images-fundamentals",{"title":3009,"path":3010,"stem":3011},"Dockerfile — основи","\u002Ftools\u002Fdocker\u002Fdockerfile-basics","07.tools\u002F01.docker\u002F08.dockerfile-basics",{"title":3013,"path":3014,"stem":3015},"Dockerfile — просунуті техніки","\u002Ftools\u002Fdocker\u002Fdockerfile-advanced","07.tools\u002F01.docker\u002F09.dockerfile-advanced",{"title":3017,"path":3018,"stem":3019},"Build Context та кешування шарів","\u002Ftools\u002Fdocker\u002Fbuild-context-and-cache","07.tools\u002F01.docker\u002F10.build-context-and-cache",{"title":3021,"path":3022,"stem":3023},"Реєстри Docker-образів","\u002Ftools\u002Fdocker\u002Fimage-registries","07.tools\u002F01.docker\u002F11.image-registries",{"title":3025,"path":3026,"stem":3027},"Контейнеризація .NET додатків","\u002Ftools\u002Fdocker\u002Fdotnet-containerization","07.tools\u002F01.docker\u002F12.dotnet-containerization",{"title":3029,"path":3030,"stem":3031},"Томи та збереження даних","\u002Ftools\u002Fdocker\u002Fvolumes-and-data","07.tools\u002F01.docker\u002F13.volumes-and-data",{"title":3033,"path":3034,"stem":3035},"Основи мережі в Docker","\u002Ftools\u002Fdocker\u002Fnetworking-basics","07.tools\u002F01.docker\u002F14.networking-basics",{"title":3037,"path":3038,"stem":3039},"Змінні оточення та конфігурація","\u002Ftools\u002Fdocker\u002Fenvironment-and-configuration","07.tools\u002F01.docker\u002F15.environment-and-configuration",{"title":3041,"path":3042,"stem":3043},"Docker Compose — оркестрація контейнерів","\u002Ftools\u002Fdocker\u002Fdocker-compose-basics","07.tools\u002F01.docker\u002F16.docker-compose-basics",{"title":3045,"path":3046,"stem":3047},"Docker Compose — Multi-Service застосунки","\u002Ftools\u002Fdocker\u002Fcompose-multi-service","07.tools\u002F01.docker\u002F17.compose-multi-service",{"title":3049,"icon":3050,"path":3051,"stem":3052,"children":3053},"Kubernetes","simple-icons:kubernetes","\u002Ftools\u002Fkubernetes","07.tools\u002F02.kubernetes\u002Findex",[3054,3056,3060,3064,3068,3072,3076,3080,3084],{"title":3055,"path":3051,"stem":3052},"Kubernetes: від розробки до production",{"title":3057,"path":3058,"stem":3059},"Kubernetes — коли Docker Compose більше не вистачає","\u002Ftools\u002Fkubernetes\u002Fwhy-kubernetes","07.tools\u002F02.kubernetes\u002F01.why-kubernetes",{"title":3061,"path":3062,"stem":3063},"Архітектура Kubernetes — анатомія кластера","\u002Ftools\u002Fkubernetes\u002Fkubernetes-architecture","07.tools\u002F02.kubernetes\u002F02.kubernetes-architecture",{"title":3065,"path":3066,"stem":3067},"Локальне середовище — minikube, kind та k3s","\u002Ftools\u002Fkubernetes\u002Flocal-environment","07.tools\u002F02.kubernetes\u002F03.local-environment",{"title":3069,"path":3070,"stem":3071},"Pod — атомарна одиниця Kubernetes","\u002Ftools\u002Fkubernetes\u002Fpods-and-containers","07.tools\u002F02.kubernetes\u002F04.pods-and-containers",{"title":3073,"path":3074,"stem":3075},"Патерни використання Pod","\u002Ftools\u002Fkubernetes\u002Fpod-patterns","07.tools\u002F02.kubernetes\u002F05.pod-patterns",{"title":3077,"path":3078,"stem":3079},"Deployment — декларативне управління Pod","\u002Ftools\u002Fkubernetes\u002Fdeployment-basics","07.tools\u002F02.kubernetes\u002F06.deployment-basics",{"title":3081,"path":3082,"stem":3083},"Rolling Updates та управління життєвим циклом Deployment","\u002Ftools\u002Fkubernetes\u002Fdeployment-rolling-updates","07.tools\u002F02.kubernetes\u002F07.deployment-rolling-updates",{"title":3085,"path":3086,"stem":3087},"Service — мережева абстракція для Pod","\u002Ftools\u002Fkubernetes\u002Fservices-networking","07.tools\u002F02.kubernetes\u002F08.services-networking",{"title":3089,"icon":3090,"path":3091,"stem":3092,"children":3093,"page":59},"Software Engineering","i-lucide-code-2","\u002Fsoftware-engineering","09.software-engineering",[3094,3098,3102,3106,3110,3114,3118,3122,3126,3130,3134],{"title":3095,"path":3096,"stem":3097},"1. Аналіз предметної області. Експертні знання та складність","\u002Fsoftware-engineering\u002Fintro-subdomains","09.software-engineering\u002F01.intro-subdomains",{"title":3099,"path":3100,"stem":3101},"2. Обмежені контексти. Інтеграція обмежених контекстів","\u002Fsoftware-engineering\u002Fintegrating-limited-contexts","09.software-engineering\u002F02.integrating-limited-contexts",{"title":3103,"path":3104,"stem":3105},"3. Реалізація простої бізнес-логіки","\u002Fsoftware-engineering\u002Fsimple","09.software-engineering\u002F03.simple",{"title":3107,"path":3108,"stem":3109},"4. Опрацювання складної бізнес-логіки","\u002Fsoftware-engineering\u002Fcomplex-business-logic","09.software-engineering\u002F04.complex-business-logic",{"title":3111,"path":3112,"stem":3113},"5. Моделювання фактора часу. Подієво-орієнтована архітектура.","\u002Fsoftware-engineering\u002Fmodelling-the-time-factor","09.software-engineering\u002F05.modelling-the-time-factor",{"title":3115,"path":3116,"stem":3117},"6. Архітектурні патерни","\u002Fsoftware-engineering\u002Farchitectural-patterns","09.software-engineering\u002F06.architectural-patterns",{"title":3119,"path":3120,"stem":3121},"Паттерни взаємодії","\u002Fsoftware-engineering\u002Fpatterns-of-interaction","09.software-engineering\u002F07.patterns-of-interaction",{"title":3123,"path":3124,"stem":3125},"Евристика проєктування","\u002Fsoftware-engineering\u002Fdesign-heuristics","09.software-engineering\u002F08.design-heuristics",{"title":3127,"path":3128,"stem":3129},"Еволюція проєктних рішень","\u002Fsoftware-engineering\u002Fevolution-of-design-solutions","09.software-engineering\u002F09.evolution-of-design-solutions",{"title":3131,"path":3132,"stem":3133},"EventStorming","\u002Fsoftware-engineering\u002Feventstorming","09.software-engineering\u002F10.eventstorming",{"title":3135,"path":3136,"stem":3137},"DDD на практиці","\u002Fsoftware-engineering\u002Fddd-in-practice","09.software-engineering\u002F11.ddd-in-practice",{"title":3139,"icon":943,"path":3140,"stem":3141,"children":3142,"page":59},"DDD","\u002Fddd","10.ddd",[3143,3147,3151,3155,3159,3163,3167,3171,3175,3179,3183,3187,3191],{"title":3144,"path":3145,"stem":3146},"Аналіз предметної області","\u002Fddd\u002Fdomain-analysis","10.ddd\u002F01.domain-analysis",{"title":3148,"path":3149,"stem":3150},"Експертні знання про предметну область","\u002Fddd\u002Fdomain-expert-knowledge","10.ddd\u002F02.domain-expert-knowledge",{"title":3152,"path":3153,"stem":3154},"Як осмислити складність предметної області","\u002Fddd\u002Fmanaging-domain-complexity","10.ddd\u002F03.managing-domain-complexity",{"title":3156,"path":3157,"stem":3158},"Інтеграція обмежених контекстів","\u002Fddd\u002Fbounded-context-integration","10.ddd\u002F04.bounded-context-integration",{"title":3160,"path":3161,"stem":3162},"Реалізація простої бізнес-логіки","\u002Fddd\u002Fsimple-business-logic","10.ddd\u002F05.simple-business-logic",{"title":3164,"path":3165,"stem":3166},"Обробка складної бізнес-логіки","\u002Fddd\u002Fcomplex-business-logic","10.ddd\u002F06.complex-business-logic",{"title":3168,"path":3169,"stem":3170},"Моделювання фактора часу","\u002Fddd\u002Ftime-modeling","10.ddd\u002F07.time-modeling",{"title":3172,"path":3173,"stem":3174},"Глава 8. Архітектурні Патерни","\u002Fddd\u002Farchitectural-patterns","10.ddd\u002F08.architectural-patterns",{"title":3176,"path":3177,"stem":3178},"Глава 9. Патерни Взаємодії","\u002Fddd\u002Finteraction-patterns","10.ddd\u002F09.interaction-patterns",{"title":3180,"path":3181,"stem":3182},"Глава 10. Проектні Евристики","\u002Fddd\u002Fdesign-heuristics","10.ddd\u002F10.design-heuristics",{"title":3184,"path":3185,"stem":3186},"Глава 11. Еволюція Проектних Рішень","\u002Fddd\u002Fevolution-of-design-decisions","10.ddd\u002F11.evolution-of-design-decisions",{"title":3188,"path":3189,"stem":3190},"Глава 12. EventStorming","\u002Fddd\u002Fevent-storming","10.ddd\u002F12.event-storming",{"title":3192,"path":3193,"stem":3194},"Глава 13. DDD на Практиці","\u002Fddd\u002Fddd-in-practice","10.ddd\u002F13.ddd-in-practice",{"title":3196,"icon":3197,"path":3198,"stem":3199,"children":3200,"page":59},"Media Streaming","i-lucide-video","\u002Fmedia-streaming","11.media-streaming",[3201,3205,3209,3213,3217,3221,3225],{"title":3202,"path":3203,"stem":3204},"01. Магія Стрімінгу: Що відбувається, коли ви натискаєте \"Play\"","\u002Fmedia-streaming\u002Fintroduction","11.media-streaming\u002F01.introduction",{"title":3206,"path":3207,"stem":3208},"02. Анатомія Медіа: Кодеки, Контейнери та Стиснення","\u002Fmedia-streaming\u002Faudio-video-anatomy","11.media-streaming\u002F02.audio-video-anatomy",{"title":3210,"path":3211,"stem":3212},"03. The Gym: FFmpeg Deep Dive","\u002Fmedia-streaming\u002Fffmpeg-gym","11.media-streaming\u002F03.ffmpeg-gym",{"title":3214,"path":3215,"stem":3216},"04. HLS Protocol: HTTP Live Streaming у Деталях","\u002Fmedia-streaming\u002Fhls-protocol","11.media-streaming\u002F04.hls-protocol",{"title":3218,"path":3219,"stem":3220},"05. DASH Protocol: Відкритий Стандарт","\u002Fmedia-streaming\u002Fdash-protocol","11.media-streaming\u002F05.dash-protocol",{"title":3222,"path":3223,"stem":3224},"06. Масштабування: CDN та Adaptive Bitrate","\u002Fmedia-streaming\u002Fcdn-and-adaptive-bitrate","11.media-streaming\u002F06.cdn-and-adaptive-bitrate",{"title":3226,"path":3227,"stem":3228},"07. Війна із Затримкою (Latency)","\u002Fmedia-streaming\u002Frealtime-latency","11.media-streaming\u002F07.realtime-latency",{"title":3230,"icon":3231,"path":3232,"stem":3233,"children":3234,"page":59},"HTML & CSS","i-devicon-html5","\u002Fhtml-css","12.html-css",[3235,3239,3243,3247,3251,3255,3259,3263,3267,3271,3275,3279,3283,3287,3291,3295,3299,3303,3307,3311,3315,3319,3323,3327,3331,3335,3339,3343,3347,3351],{"title":3236,"path":3237,"stem":3238},"Вступ до HTML. Структура документа","\u002Fhtml-css\u002Fintro-html-structure","12.html-css\u002F01.intro-html-structure",{"title":3240,"path":3241,"stem":3242},"Форматування тексту в HTML","\u002Fhtml-css\u002Fhtml-text-formatting","12.html-css\u002F02.html-text-formatting",{"title":3244,"path":3245,"stem":3246},"Посилання та зображення в HTML","\u002Fhtml-css\u002Fhtml-links-images","12.html-css\u002F03.html-links-images",{"title":3248,"path":3249,"stem":3250},"Списки та таблиці в HTML","\u002Fhtml-css\u002Fhtml-lists-tables","12.html-css\u002F04.html-lists-tables",{"title":3252,"path":3253,"stem":3254},"Форми в HTML","\u002Fhtml-css\u002Fhtml-forms","12.html-css\u002F05.html-forms",{"title":3256,"path":3257,"stem":3258},"Семантичні елементи HTML5","\u002Fhtml-css\u002Fhtml-semantic-elements","12.html-css\u002F06.html-semantic-elements",{"title":3260,"path":3261,"stem":3262},"Мультимедіа та розширені елементи HTML","\u002Fhtml-css\u002Fhtml-multimedia-advanced","12.html-css\u002F07.html-multimedia-advanced",{"title":3264,"path":3265,"stem":3266},"Мікророзмітка та SEO в HTML","\u002Fhtml-css\u002Fhtml-microdata-seo","12.html-css\u002F08.html-microdata-seo",{"title":3268,"path":3269,"stem":3270},"Вступ до CSS. Селектори та специфічність","\u002Fhtml-css\u002Fcss-intro-selectors","12.html-css\u002F09.css-intro-selectors",{"title":3272,"path":3273,"stem":3274},"Блокова модель CSS. Відступи. Box Sizing","\u002Fhtml-css\u002Fcss-box-model","12.html-css\u002F10.css-box-model",{"title":3276,"path":3277,"stem":3278},"Розміри у CSS: повний довідник одиниць і ключових слів","\u002Fhtml-css\u002F10a.css-sizing","12.html-css\u002F10a.css-sizing",{"title":3280,"path":3281,"stem":3282},"Типографіка в CSS. Шрифти та текст","\u002Fhtml-css\u002Fcss-typography","12.html-css\u002F11.css-typography",{"title":3284,"path":3285,"stem":3286},"Кольори та фони в CSS","\u002Fhtml-css\u002Fcss-colors-backgrounds","12.html-css\u002F12.css-colors-backgrounds",{"title":3288,"path":3289,"stem":3290},"Тіні та фільтри в CSS","\u002Fhtml-css\u002F12b.css-shadows-filters","12.html-css\u002F12b.css-shadows-filters",{"title":3292,"path":3293,"stem":3294},"CSS Flexbox: Фундамент гнучких макетів","\u002Fhtml-css\u002Fcss-flexbox-fundamentals","12.html-css\u002F13.css-flexbox-fundamentals",{"title":3296,"path":3297,"stem":3298},"CSS Flexbox: Вирівнювання та Позиціонування","\u002Fhtml-css\u002Fcss-flexbox-alignment-sizing-and-patterns","12.html-css\u002F14.css-flexbox-alignment-sizing-and-patterns",{"title":3300,"path":3301,"stem":3302},"CSS Grid. Двовимірний макет. Частина 1","\u002Fhtml-css\u002Fcss-layout-grid","12.html-css\u002F15.css-layout-grid",{"title":3304,"path":3305,"stem":3306},"CSS Grid. Двовимірний макет. Частина 2","\u002Fhtml-css\u002Fcss-layout-grid-advanced","12.html-css\u002F16.css-layout-grid-advanced",{"title":3308,"path":3309,"stem":3310},"Позиціонування в CSS. Z-index. Stacking Context","\u002Fhtml-css\u002Fcss-positioning","12.html-css\u002F17.css-positioning",{"title":3312,"path":3313,"stem":3314},"CSS Анімації та Переходи","\u002Fhtml-css\u002Fcss-animations-transitions","12.html-css\u002F18.css-animations-transitions",{"title":3316,"path":3317,"stem":3318},"Адаптивний дизайн. Media Queries. Частина 1","\u002Fhtml-css\u002Fcss-responsive-media-queries","12.html-css\u002F19.css-responsive-media-queries",{"title":3320,"path":3321,"stem":3322},"Адаптивний дизайн. Частина 2: clamp(), Container Queries, @layer","\u002Fhtml-css\u002Fcss-responsive-advanced","12.html-css\u002F20.css-responsive-advanced",{"title":3324,"path":3325,"stem":3326},"CSS Custom Properties. Методології. Сучасний CSS","\u002Fhtml-css\u002Fcss-variables-methodologies","12.html-css\u002F21.css-variables-methodologies",{"title":3328,"path":3329,"stem":3330},"Сучасний CSS 2023–2025: Нові можливості","\u002Fhtml-css\u002Fcss-modern-features","12.html-css\u002F22.css-modern-features",{"title":3332,"path":3333,"stem":3334},"CSS Nesting, @layer, @scope та @property: нативний препроцесор","\u002Fhtml-css\u002F22a.css-nesting-modern-syntax","12.html-css\u002F22a.css-nesting-modern-syntax",{"title":3336,"path":3337,"stem":3338},"CSS для форм та інтерактивних станів","\u002Fhtml-css\u002Fcss-forms-interactive-states","12.html-css\u002F23.css-forms-interactive-states",{"title":3340,"path":3341,"stem":3342},"Доступність у CSS (CSS Accessibility)","\u002Fhtml-css\u002Fcss-accessibility","12.html-css\u002F24.css-accessibility",{"title":3344,"path":3345,"stem":3346},"CSS-функції та сучасні sizing primitives","\u002Fhtml-css\u002Fcss-functions-sizing","12.html-css\u002F25.css-functions-sizing",{"title":3348,"path":3349,"stem":3350},"Rendering Pipeline і CSS Performance","\u002Fhtml-css\u002Fcss-rendering-performance","12.html-css\u002F26.css-rendering-performance",{"title":3352,"path":3353,"stem":3354},"CSS Best Practices: типові ситуації та правильні рішення","\u002Fhtml-css\u002Fcss-best-practices","12.html-css\u002F27.css-best-practices",{"title":3356,"path":3357,"stem":3358,"children":3359,"page":59},"AWS","\u002Faws","13.aws",[3360,3364,3368,3372,3376,3380,3384,3388,3392,3396,3400,3404,3408,3412,3416,3420,3424,3428],{"title":3361,"path":3362,"stem":3363},"Реєстрація AWS акаунту та студентські програми","\u002Faws\u002Faccount-registration","13.aws\u002F00.account-registration",{"title":3365,"path":3366,"stem":3367},"Вступ до хмарних обчислень та AWS","\u002Faws\u002Fintroduction-to-cloud","13.aws\u002F01.introduction-to-cloud",{"title":3369,"path":3370,"stem":3371},"AWS IAM — Identity and Access Management","\u002Faws\u002Fiam","13.aws\u002F02.iam",{"title":3373,"path":3374,"stem":3375},"AWS IAM CLI — Довідник команд","\u002Faws\u002F02a.iam-doc","13.aws\u002F02a.iam-doc",{"title":3377,"path":3378,"stem":3379},"Docker та контейнеризація в AWS — ECR, ECS та Fargate","\u002Faws\u002Fdocker-ecs","13.aws\u002F03.docker-ecs",{"title":3381,"path":3382,"stem":3383},"AWS ECR \u002F ECS CLI — Довідник команд","\u002Faws\u002F03a.docker-ecs-doc","13.aws\u002F03a.docker-ecs-doc",{"title":3385,"path":3386,"stem":3387},"Amazon EC2 — Elastic Compute Cloud","\u002Faws\u002Fec2","13.aws\u002F04.ec2",{"title":3389,"path":3390,"stem":3391},"AWS EC2 CLI — Довідник команд","\u002Faws\u002F04a.ec2-doc","13.aws\u002F04a.ec2-doc",{"title":3393,"path":3394,"stem":3395},"Elastic Load Balancing та Auto Scaling","\u002Faws\u002Falb-asg","13.aws\u002F05.alb-asg",{"title":3397,"path":3398,"stem":3399},"Amazon S3 — Simple Storage Service","\u002Faws\u002Fs3","13.aws\u002F06.s3",{"title":3401,"path":3402,"stem":3403},"Amazon CloudFront — Content Delivery Network","\u002Faws\u002Fcloudfront","13.aws\u002F07.cloudfront",{"title":3405,"path":3406,"stem":3407},"Amazon RDS — Relational Database Service","\u002Faws\u002Frds","13.aws\u002F08.rds",{"title":3409,"path":3410,"stem":3411},"Amazon DynamoDB — NoSQL Database","\u002Faws\u002Fdynamodb","13.aws\u002F09.dynamodb",{"title":3413,"path":3414,"stem":3415},"AWS Lambda та Serverless Compute","\u002Faws\u002Flambda","13.aws\u002F10.lambda",{"title":3417,"path":3418,"stem":3419},"Amazon Bedrock - Foundation Models, RAG та Agents","\u002Faws\u002Fbedrock","13.aws\u002F22.bedrock",{"title":3421,"path":3422,"stem":3423},"Amazon Rekognition - Комп'ютерний зір","\u002Faws\u002Frekognition","13.aws\u002F23.rekognition",{"title":3425,"path":3426,"stem":3427},"Amazon Textract - Інтелектуальний аналіз документів","\u002Faws\u002Ftextract","13.aws\u002F24.textract",{"title":3429,"path":3430,"stem":3431},"Amazon Polly, Transcribe, Comprehend та Translate","\u002Faws\u002Faudio-nlp-services","13.aws\u002F25.audio-nlp-services",{"title":3433,"path":3434,"stem":3435,"children":3436,"page":59},"Ai Development","\u002Fai-development","14.ai-development",[3437],{"title":3438,"path":3439,"stem":3440,"children":3441,"page":59},"Foundations","\u002Fai-development\u002Ffoundations","14.ai-development\u002F00.foundations",[3442],{"title":3443,"path":3444,"stem":3445},"Модуль 0.1. Що таке Large Language Model (LLM)","\u002Fai-development\u002Ffoundations\u002Fwhat-is-llm","14.ai-development\u002F00.foundations\u002F01.what-is-llm",{"title":3447,"path":3448,"stem":3449,"children":3450,"page":59},"React Native","\u002Freact-native","15.react-native",[3451,3472],{"title":3452,"path":3453,"stem":3454,"children":3455,"page":59},"Version1","\u002Freact-native\u002Fversion1","15.react-native\u002Fversion1",[3456,3460,3464,3468],{"title":3457,"path":3458,"stem":3459},"Що таке React Native","\u002Freact-native\u002Fversion1\u002Fwhat-is-react-native","15.react-native\u002Fversion1\u002F01.what-is-react-native",{"title":3461,"path":3462,"stem":3463},"Як влаштований React Native «під капотом»","\u002Freact-native\u002Fversion1\u002Freact-native-architecture","15.react-native\u002Fversion1\u002F02.react-native-architecture",{"title":3465,"path":3466,"stem":3467},"Від React до React Native: ключові відмінності","\u002Freact-native\u002Fversion1\u002Freact-native-vs-react","15.react-native\u002Fversion1\u002F03.react-native-vs-react",{"title":3469,"path":3470,"stem":3471},"View та Text — фундаментальні будівельні блоки","\u002Freact-native\u002Fversion1\u002Fview-and-text","15.react-native\u002Fversion1\u002F04.view-and-text",{"title":3473,"path":3474,"stem":3475,"children":3476,"page":59},"Version2","\u002Freact-native\u002Fversion2","15.react-native\u002Fversion2",[3477,3481,3485,3489,3493,3497,3501,3505,3509,3513,3517,3521,3525,3529,3533,3537,3541,3545,3549,3553,3557,3561,3565,3569,3573,3577,3581],{"title":3478,"path":3479,"stem":3480},"React Native — навіщо він потрібен","\u002Freact-native\u002Fversion2\u002Fwhy-react-native","15.react-native\u002Fversion2\u002F01.why-react-native",{"title":3482,"path":3483,"stem":3484},"Налаштування середовища розробки","\u002Freact-native\u002Fversion2\u002Fenvironment-setup","15.react-native\u002Fversion2\u002F02.environment-setup",{"title":3486,"path":3487,"stem":3488},"Expo і класичний React Native — два шляхи одного фреймворку","\u002Freact-native\u002Fversion2\u002Fexpo-vs-cli-landscape","15.react-native\u002Fversion2\u002F03.expo-vs-cli-landscape",{"title":3490,"path":3491,"stem":3492},"Середовище Expo — перший запуск","\u002Freact-native\u002Fversion2\u002Fexpo-setup-and-tooling","15.react-native\u002Fversion2\u002F04.expo-setup-and-tooling",{"title":3494,"path":3495,"stem":3496},"Структура проєкту та перші UI-примітиви","\u002Freact-native\u002Fversion2\u002Fproject-structure-and-conventions","15.react-native\u002Fversion2\u002F05.project-structure-and-conventions",{"title":3498,"path":3499,"stem":3500},"Базові компоненти React Native","\u002Freact-native\u002Fversion2\u002Fcore-components","15.react-native\u002Fversion2\u002F06.core-components",{"title":3502,"path":3503,"stem":3504},"Flexbox і layout у React Native","\u002Freact-native\u002Fversion2\u002Fflexbox-and-layout","15.react-native\u002Fversion2\u002F07.flexbox-and-layout",{"title":3506,"path":3507,"stem":3508},"StyleSheet і теми (light \u002F dark)","\u002Freact-native\u002Fversion2\u002Fstylesheet-and-theming","15.react-native\u002Fversion2\u002F08.stylesheet-and-theming",{"title":3510,"path":3511,"stem":3512},"Списки та віртуалізація","\u002Freact-native\u002Fversion2\u002Flists-and-virtualization","15.react-native\u002Fversion2\u002F09.lists-and-virtualization",{"title":3514,"path":3515,"stem":3516},"Форми, ввід і валідація","\u002Freact-native\u002Fversion2\u002Fforms-input-validation","15.react-native\u002Fversion2\u002F10.forms-input-validation",{"title":3518,"path":3519,"stem":3520},"Основи Expo Router","\u002Freact-native\u002Fversion2\u002Fexpo-router-basics","15.react-native\u002Fversion2\u002F11.expo-router-basics",{"title":3522,"path":3523,"stem":3524},"Вкладені навігатори та модалки","\u002Freact-native\u002Fversion2\u002Fnested-navigators-and-modals","15.react-native\u002Fversion2\u002F12.nested-navigators-and-modals",{"title":3526,"path":3527,"stem":3528},"Deep linking і параметри маршрутів","\u002Freact-native\u002Fversion2\u002Fdeep-linking-and-params","15.react-native\u002Fversion2\u002F13.deep-linking-and-params",{"title":3530,"path":3531,"stem":3532},"Робота з мережею та життєвий цикл застосунку","\u002Freact-native\u002Fversion2\u002Fnetworking-and-app-lifecycle","15.react-native\u002Fversion2\u002F14.networking-and-app-lifecycle",{"title":3534,"path":3535,"stem":3536},"Redux Toolkit на мобільних платформах","\u002Freact-native\u002Fversion2\u002Fredux-toolkit-on-mobile","15.react-native\u002Fversion2\u002F15.redux-toolkit-on-mobile",{"title":3538,"path":3539,"stem":3540},"RTK Query на мобільних платформах","\u002Freact-native\u002Fversion2\u002Frtk-query-mobile","15.react-native\u002Fversion2\u002F16.rtk-query-mobile",{"title":3542,"path":3543,"stem":3544},"Автентифікація та Безпечне Зберігання","\u002Freact-native\u002Fversion2\u002Fauth-secure-storage","15.react-native\u002Fversion2\u002F18.auth-secure-storage",{"title":3546,"path":3547,"stem":3548},"Локальне сховище — AsyncStorage, MMKV, SQLite","\u002Freact-native\u002Fversion2\u002Flocal-storage-mmkv-sqlite","15.react-native\u002Fversion2\u002F19.local-storage-mmkv-sqlite",{"title":3550,"path":3551,"stem":3552},"Офлайн-First і синхронізація","\u002Freact-native\u002Fversion2\u002Foffline-first-sync","15.react-native\u002Fversion2\u002F20.offline-first-sync",{"title":3554,"path":3555,"stem":3556},"Камера, медіа та файлова система","\u002Freact-native\u002Fversion2\u002Fcamera-media-filesystem","15.react-native\u002Fversion2\u002F21.camera-media-filesystem",{"title":3558,"path":3559,"stem":3560},"Карти та геолокація","\u002Freact-native\u002Fversion2\u002Fmaps-and-location","15.react-native\u002Fversion2\u002F22.maps-and-location",{"title":3562,"path":3563,"stem":3564},"Жести та дотики","\u002Freact-native\u002Fversion2\u002Fgestures-and-touch","15.react-native\u002Fversion2\u002F23.gestures-and-touch",{"title":3566,"path":3567,"stem":3568},"Анімації з Reanimated","\u002Freact-native\u002Fversion2\u002Freanimated-animations","15.react-native\u002Fversion2\u002F24.reanimated-animations",{"title":3570,"path":3571,"stem":3572},"Push і локальні сповіщення","\u002Freact-native\u002Fversion2\u002Fpush-and-local-notifications","15.react-native\u002Fversion2\u002F25.push-and-local-notifications",{"title":3574,"path":3575,"stem":3576},"Інтернаціоналізація та доступність","\u002Freact-native\u002Fversion2\u002Faccessibility-and-i18n","15.react-native\u002Fversion2\u002F26.accessibility-and-i18n",{"title":3578,"path":3579,"stem":3580},"EAS Build та профілі збірки","\u002Freact-native\u002Fversion2\u002Feas-build-and-profiles","15.react-native\u002Fversion2\u002F29.eas-build-and-profiles",{"title":3582,"path":3583,"stem":3584},"Публікація в App Store та Google Play","\u002Freact-native\u002Fversion2\u002Fapp-store-play-release","15.react-native\u002Fversion2\u002F30.app-store-play-release",{"title":3586,"path":3587,"stem":3588,"children":3589,"page":59},"Ai Python","\u002Fai-python","16.ai-python",[3590,3599,3608,3617,3646,3672,3681],{"title":3591,"path":3592,"stem":3593,"children":3594,"page":59},"Intro To Ai","\u002Fai-python\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai",[3595],{"title":3596,"path":3597,"stem":3598},"Вступ до штучного інтелекту та машинного навчання","\u002Fai-python\u002Fintro-to-ai\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai\u002F01.intro-to-ai",{"title":3600,"path":3601,"stem":3602,"children":3603,"page":59},"Jupyter Notebook","\u002Fai-python\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook",[3604],{"title":3605,"path":3606,"stem":3607},"Знайомство з Jupyter Notebook та JupyterLab","\u002Fai-python\u002Fjupyter-notebook\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook\u002F02.jupyter-notebook",{"title":3609,"path":3610,"stem":3611,"children":3612,"page":59},"Numpy Pandas","\u002Fai-python\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas",[3613],{"title":3614,"path":3615,"stem":3616},"Робота з даними з використанням NumPy і pandas","\u002Fai-python\u002Fnumpy-pandas\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas\u002F03.numpy-pandas",{"title":3618,"path":3619,"stem":3620,"children":3621,"page":59},"Statistics Basics","\u002Fai-python\u002Fstatistics-basics","16.ai-python\u002F04.statistics-basics",[3622,3626,3630,3634,3638,3642],{"title":3623,"path":3624,"stem":3625},"Випадкові величини та їх типи","\u002Fai-python\u002Fstatistics-basics\u002Frandom-variables","16.ai-python\u002F04.statistics-basics\u002F01.random-variables",{"title":3627,"path":3628,"stem":3629},"Міри центральної тенденції","\u002Fai-python\u002Fstatistics-basics\u002Fcentral-tendency","16.ai-python\u002F04.statistics-basics\u002F02.central-tendency",{"title":3631,"path":3632,"stem":3633},"Міри варіації (розсіювання)","\u002Fai-python\u002Fstatistics-basics\u002Fvariability","16.ai-python\u002F04.statistics-basics\u002F03.variability",{"title":3635,"path":3636,"stem":3637},"Розподіли випадкових величин","\u002Fai-python\u002Fstatistics-basics\u002Fdistributions","16.ai-python\u002F04.statistics-basics\u002F04.distributions",{"title":3639,"path":3640,"stem":3641},"Кореляція та взаємозв'язки","\u002Fai-python\u002Fstatistics-basics\u002Fcorrelation","16.ai-python\u002F04.statistics-basics\u002F05.correlation",{"title":3643,"path":3644,"stem":3645},"Викиди та аномалії","\u002Fai-python\u002Fstatistics-basics\u002Foutliers","16.ai-python\u002F04.statistics-basics\u002F06.outliers",{"title":3647,"path":3648,"stem":3649,"children":3650},"Візуалізація даних за допомогою matplotlib","\u002Fai-python\u002Fdata-visualization","16.ai-python\u002F05.data-visualization\u002Findex",[3651,3652,3656,3660,3664,3668],{"title":3647,"path":3648,"stem":3649},{"title":3653,"path":3654,"stem":3655},"Основи matplotlib — Figure, Axes та перший графік","\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics","16.ai-python\u002F05.data-visualization\u002F01.matplotlib-basics",{"title":3657,"path":3658,"stem":3659},"Візуалізація розподілів — гістограми та box plots","\u002Fai-python\u002Fdata-visualization\u002Fdistributions","16.ai-python\u002F05.data-visualization\u002F02.distributions",{"title":3661,"path":3662,"stem":3663},"Візуалізація залежностей — scatter plots та кореляція","\u002Fai-python\u002Fdata-visualization\u002Frelationships","16.ai-python\u002F05.data-visualization\u002F03.relationships",{"title":3665,"path":3666,"stem":3667},"Візуалізація категоріальних даних — bar charts та pie charts","\u002Fai-python\u002Fdata-visualization\u002Fcategorical","16.ai-python\u002F05.data-visualization\u002F04.categorical",{"title":3669,"path":3670,"stem":3671},"Композиції та стилізація — subplots та багатопанельні дашборди","\u002Fai-python\u002Fdata-visualization\u002Fsubplots-styling","16.ai-python\u002F05.data-visualization\u002F05.subplots-styling",{"title":3673,"path":3674,"stem":3675,"children":3676,"page":59},"Linear Regression","\u002Fai-python\u002Flinear-regression","16.ai-python\u002F06.linear-regression",[3677],{"title":3678,"path":3679,"stem":3680},"Лінійна регресія — перша модель машинного навчання","\u002Fai-python\u002Flinear-regression\u002Flinear-regression","16.ai-python\u002F06.linear-regression\u002F06.linear-regression",{"title":3682,"path":3683,"stem":3684,"children":3685,"page":59},"Linear Regression Theory","\u002Fai-python\u002Flinear-regression-theory","16.ai-python\u002F07.linear-regression-theory",[3686,3690,3694,3698,3702],{"title":3687,"path":3688,"stem":3689},"Регресійна задача та лінійна регресія з однією змінною","\u002Fai-python\u002Flinear-regression-theory\u002Fregression-task","16.ai-python\u002F07.linear-regression-theory\u002F01.regression-task",{"title":3691,"path":3692,"stem":3693},"Метрики якості регресії — як оцінити модель","\u002Fai-python\u002Flinear-regression-theory\u002Fquality-metrics","16.ai-python\u002F07.linear-regression-theory\u002F02.quality-metrics",{"title":3695,"path":3696,"stem":3697},"Градієнтний спуск — як модель навчається","\u002Fai-python\u002Flinear-regression-theory\u002Fgradient-descent","16.ai-python\u002F07.linear-regression-theory\u002F03.gradient-descent",{"title":3699,"path":3700,"stem":3701},"Множинна лінійна регресія — модель з багатьма ознаками","\u002Fai-python\u002Flinear-regression-theory\u002Fmultiple-regression","16.ai-python\u002F07.linear-regression-theory\u002F04.multiple-regression",{"title":3703,"path":3704,"stem":3705},"Практичні завдання та резюме модуля","\u002Fai-python\u002Flinear-regression-theory\u002Fpractice","16.ai-python\u002F07.linear-regression-theory\u002F05.practice",{"title":3707,"icon":658,"path":3708,"stem":3709,"children":3710,"page":59},"Клієнт-серверна архітектура","\u002Fclient-server-architecture","17.client-server-architecture",[3711,3715,3719,3723,3727,3731,3735,3739,3743,3747,3751,3755,3759,3763,3767,3771,3775,3779],{"title":3712,"path":3713,"stem":3714},"Архітектура клієнт-серверних систем та основи Go","\u002Fclient-server-architecture\u002Fclient-server-architecture-and-go","17.client-server-architecture\u002F01.client-server-architecture-and-go",{"title":3716,"path":3717,"stem":3718},"Система типів та модель пам’яті мови Go","\u002Fclient-server-architecture\u002Ftype-system-and-memory-model","17.client-server-architecture\u002F02.type-system-and-memory-model",{"title":3720,"path":3721,"stem":3722},"Інтерфейси та модель конкурентності мови Go","\u002Fclient-server-architecture\u002Finterfaces-and-concurrency-model","17.client-server-architecture\u002F03.interfaces-and-concurrency-model",{"title":3724,"path":3725,"stem":3726},"Сокетне програмування та протокол TCP у Go","\u002Fclient-server-architecture\u002Ftcp-socket-programming","17.client-server-architecture\u002F04.tcp-socket-programming",{"title":3728,"path":3729,"stem":3730},"Протокол UDP та датаграмна передача даних","\u002Fclient-server-architecture\u002Fudp-datagram-transmission","17.client-server-architecture\u002F05.udp-datagram-transmission",{"title":3732,"path":3733,"stem":3734},"Криптографічний захист каналів зв","\u002Fclient-server-architecture\u002Ftls-cryptographic-channel-protection","17.client-server-architecture\u002F06.tls-cryptographic-channel-protection",{"title":3736,"path":3737,"stem":3738},"Прикладні мережеві протоколи DNS та SMTP","\u002Fclient-server-architecture\u002Fdns-smtp-application-protocols","17.client-server-architecture\u002F07.dns-smtp-application-protocols",{"title":3740,"path":3741,"stem":3742},"Протокол HTTP та стандартний вебсервер Go","\u002Fclient-server-architecture\u002Fhttp-protocol-and-web-server","17.client-server-architecture\u002F08.http-protocol-and-web-server",{"title":3744,"path":3745,"stem":3746},"Проєктування REST API та маршрутизація засобами Chi","\u002Fclient-server-architecture\u002Frest-api-design-and-chi-routing","17.client-server-architecture\u002F09.rest-api-design-and-chi-routing",{"title":3748,"path":3749,"stem":3750},"Лекція 10. Шарувата архітектура та конвеєри обробки запитів","\u002Fclient-server-architecture\u002Flayered-architecture-and-middleware-pipelines","17.client-server-architecture\u002F10.layered-architecture-and-middleware-pipelines",{"title":3752,"path":3753,"stem":3754},"Лекція 11. Архітектура та маршрутизація фреймворку Gin","\u002Fclient-server-architecture\u002Fgin-framework-architecture-and-routing","17.client-server-architecture\u002F11.gin-framework-architecture-and-routing",{"title":3756,"path":3757,"stem":3758},"Лекція 12. Валідація даних, безпека та документування у Gin","\u002Fclient-server-architecture\u002Fdata-validation-security-and-documentation-in-gin","17.client-server-architecture\u002F12.data-validation-security-and-documentation-in-gin",{"title":3760,"path":3761,"stem":3762},"Лекція 13. Взаємодія з реляційними СУБД та технології ORM","\u002Fclient-server-architecture\u002Frelational-databases-and-orm","17.client-server-architecture\u002F13.relational-databases-and-orm",{"title":3764,"path":3765,"stem":3766},"Потокова передача даних та протокол WebSocket","\u002Fclient-server-architecture\u002Fstreaming-data-and-websockets","17.client-server-architecture\u002F14.streaming-data-and-websockets",{"title":3768,"path":3769,"stem":3770},"Міжсервісна взаємодія на основі протоколу gRPC","\u002Fclient-server-architecture\u002Fgrpc-inter-service-communication","17.client-server-architecture\u002F15.grpc-inter-service-communication",{"title":3772,"path":3773,"stem":3774},"Асинхронний обмін повідомленнями та протоколи черг","\u002Fclient-server-architecture\u002Fasynchronous-message-exchange-and-queue-protocols","17.client-server-architecture\u002F16.asynchronous-message-exchange-and-queue-protocols",{"title":3776,"path":3777,"stem":3778},"Протоколи потокового медіа та технологія WebRTC","\u002Fclient-server-architecture\u002Fstreaming-media-protocols-and-webrtc","17.client-server-architecture\u002F17.streaming-media-protocols-and-webrtc",{"title":3780,"path":3781,"stem":3782},"Моніторинг, безпека та контейнеризація застосунків","\u002Fclient-server-architecture\u002Fmonitoring-security-and-containerization","17.client-server-architecture\u002F18.monitoring-security-and-containerization",{"title":3784,"icon":2014,"path":3785,"stem":3786,"children":3787,"page":59},"Розробка WEB-застосувань","\u002Fweb-development","18.web-development",[3788,3833,3871,3900,3929,3986,4036,4130,4196,4278,4311,4339,4381,4427,4470],{"title":3789,"icon":658,"path":3790,"stem":3791,"children":3792,"page":59},"Архітектура комп'ютерних мереж та мережеві протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols","18.web-development\u002F01.network-architecture-and-protocols",[3793,3797,3801,3805,3809,3813,3817,3821,3825,3829],{"title":3794,"path":3795,"stem":3796},"Еволюція веброзробки та модель клієнт-сервер","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fweb-evolution-client-server","18.web-development\u002F01.network-architecture-and-protocols\u002F01.web-evolution-client-server",{"title":3798,"path":3799,"stem":3800},"Еталонна модель OSI","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fosi-model","18.web-development\u002F01.network-architecture-and-protocols\u002F02.osi-model",{"title":3802,"path":3803,"stem":3804},"Стек протоколів TCP\u002FIP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-ip-stack","18.web-development\u002F01.network-architecture-and-protocols\u002F03.tcp-ip-stack",{"title":3806,"path":3807,"stem":3808},"IP-адресація, порти та сокети","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fip-addressing-ports-sockets","18.web-development\u002F01.network-architecture-and-protocols\u002F04.ip-addressing-ports-sockets",{"title":3810,"path":3811,"stem":3812},"Протоколи TCP та UDP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-udp-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F05.tcp-udp-protocols",{"title":3814,"path":3815,"stem":3816},"Система доменних імен DNS","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fdns-system","18.web-development\u002F01.network-architecture-and-protocols\u002F06.dns-system",{"title":3818,"path":3819,"stem":3820},"Протокол SMTP та поштові протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fsmtp-email-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F07.smtp-email-protocols",{"title":3822,"path":3823,"stem":3824},"Протокол WebSocket","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fwebsocket-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F08.websocket-protocol",{"title":3826,"path":3827,"stem":3828},"Протокол SSH","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fssh-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F09.ssh-protocol",{"title":3830,"path":3831,"stem":3832},"Огляд сучасних серверних технологій","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fmodern-backend-technologies","18.web-development\u002F01.network-architecture-and-protocols\u002F10.modern-backend-technologies",{"title":3834,"icon":3835,"path":3836,"stem":3837,"children":3838,"page":59},"Протокол HTTP та захищена передача даних HTTPS","i-lucide-lock","\u002Fweb-development\u002Fhttp-and-https","18.web-development\u002F02.http-and-https",[3839,3843,3847,3851,3855,3859,3863,3867],{"title":3840,"path":3841,"stem":3842},"Вступ до протоколу HTTP та еволюція веб-технологій","\u002Fweb-development\u002Fhttp-and-https\u002Fintroduction-and-evolution","18.web-development\u002F02.http-and-https\u002F01.introduction-and-evolution",{"title":3844,"path":3845,"stem":3846},"Анатомія HTTP-запиту","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-request-structure","18.web-development\u002F02.http-and-https\u002F02.http-request-structure",{"title":3848,"path":3849,"stem":3850},"Анатомія HTTP-відповіді","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-response-structure","18.web-development\u002F02.http-and-https\u002F03.http-response-structure",{"title":3852,"path":3853,"stem":3854},"Методи HTTP та їхня семантика","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-methods","18.web-development\u002F02.http-and-https\u002F04.http-methods",{"title":3856,"path":3857,"stem":3858},"Коди статусу HTTP та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-status-codes","18.web-development\u002F02.http-and-https\u002F05.http-status-codes",{"title":3860,"path":3861,"stem":3862},"HTTP-заголовки та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-headers","18.web-development\u002F02.http-and-https\u002F06.http-headers",{"title":3864,"path":3865,"stem":3866},"CORS та механізми безпеки HTTP","\u002Fweb-development\u002Fhttp-and-https\u002Fcors-and-security","18.web-development\u002F02.http-and-https\u002F07.cors-and-security",{"title":3868,"path":3869,"stem":3870},"HTTPS та криптографічні основи TLS","\u002Fweb-development\u002Fhttp-and-https\u002Fhttps-and-tls","18.web-development\u002F02.http-and-https\u002F08.https-and-tls",{"title":3872,"icon":2394,"path":3873,"stem":3874,"children":3875,"page":59},"Система типів мови TypeScript","\u002Fweb-development\u002Ftypescript-type-system","18.web-development\u002F03.typescript-type-system",[3876,3880,3884,3888,3892,3896],{"title":3877,"path":3878,"stem":3879},"Знайомство з TypeScript Compiler","\u002Fweb-development\u002Ftypescript-type-system\u002Fintroduction-compiler-config","18.web-development\u002F03.typescript-type-system\u002F01.introduction-compiler-config",{"title":3881,"path":3882,"stem":3883},"Примітивні типи даних: string, number, boolean","\u002Fweb-development\u002Ftypescript-type-system\u002Fprimitive-special-types","18.web-development\u002F03.typescript-type-system\u002F02.primitive-special-types",{"title":3885,"path":3886,"stem":3887},"Масиви, кортежі та об","\u002Fweb-development\u002Ftypescript-type-system\u002Farrays-tuples-objects","18.web-development\u002F03.typescript-type-system\u002F03.arrays-tuples-objects",{"title":3889,"path":3890,"stem":3891},"Union типи, Intersection типи та літеральні типи","\u002Fweb-development\u002Ftypescript-type-system\u002Funion-intersection-literals","18.web-development\u002F03.typescript-type-system\u002F04.union-intersection-literals",{"title":3893,"path":3894,"stem":3895},"Type Narrowing (звуження типів)","\u002Fweb-development\u002Ftypescript-type-system\u002Ftype-narrowing","18.web-development\u002F03.typescript-type-system\u002F05.type-narrowing",{"title":3897,"path":3898,"stem":3899},"Типізація функцій","\u002Fweb-development\u002Ftypescript-type-system\u002Ffunctions-typing","18.web-development\u002F03.typescript-type-system\u002F06.functions-typing",{"title":3901,"icon":2394,"path":3902,"stem":3903,"children":3904,"page":59},"Розширені засоби мови TypeScript","\u002Fweb-development\u002Ftypescript-advanced","18.web-development\u002F04.typescript-advanced",[3905,3909,3913,3917,3921,3925],{"title":3906,"path":3907,"stem":3908},"Interfaces та Classes","\u002Fweb-development\u002Ftypescript-advanced\u002Finterfaces-classes","18.web-development\u002F04.typescript-advanced\u002F01.interfaces-classes",{"title":3910,"path":3911,"stem":3912},"Основи Generic типів","\u002Fweb-development\u002Ftypescript-advanced\u002Fgenerics-fundamentals","18.web-development\u002F04.typescript-advanced\u002F02.generics-fundamentals",{"title":3914,"path":3915,"stem":3916},"Enums та Decorators","\u002Fweb-development\u002Ftypescript-advanced\u002Fenums-decorators","18.web-development\u002F04.typescript-advanced\u002F03.enums-decorators",{"title":3918,"path":3919,"stem":3920},"Utility Types","\u002Fweb-development\u002Ftypescript-advanced\u002Futility-types","18.web-development\u002F04.typescript-advanced\u002F04.utility-types",{"title":3922,"path":3923,"stem":3924},"Mapped та Conditional Types","\u002Fweb-development\u002Ftypescript-advanced\u002Fmapped-conditional-types","18.web-development\u002F04.typescript-advanced\u002F05.mapped-conditional-types",{"title":3926,"path":3927,"stem":3928},"Модулі та Strict Mode","\u002Fweb-development\u002Ftypescript-advanced\u002Fmodules-strict-mode","18.web-development\u002F04.typescript-advanced\u002F06.modules-strict-mode",{"title":3930,"icon":3931,"path":3932,"stem":3933,"children":3934,"page":59},"Платформа Node.js як середовище виконання","i-devicon-nodejs","\u002Fweb-development\u002Fnodejs-platform","18.web-development\u002F05.nodejs-platform",[3935,3939,3943,3947,3951,3955,3959,3963,3967,3971,3975,3978,3982],{"title":3936,"path":3937,"stem":3938},"Що таке Node.js та його архітектура","\u002Fweb-development\u002Fnodejs-platform\u002Fwhat-is-nodejs","18.web-development\u002F05.nodejs-platform\u002F01.what-is-nodejs",{"title":3940,"path":3941,"stem":3942},"Event Loop — серце Node.js","\u002Fweb-development\u002Fnodejs-platform\u002Fevent-loop","18.web-development\u002F05.nodejs-platform\u002F02.event-loop",{"title":3944,"path":3945,"stem":3946},"Модульні системи: CommonJS vs ES Modules","\u002Fweb-development\u002Fnodejs-platform\u002Fmodule-systems","18.web-development\u002F05.nodejs-platform\u002F03.module-systems",{"title":3948,"path":3949,"stem":3950},"npm та package.json","\u002Fweb-development\u002Fnodejs-platform\u002Fnpm-package-json","18.web-development\u002F05.nodejs-platform\u002F04.npm-package-json",{"title":3952,"path":3953,"stem":3954},"Глобальні об\\","\u002Fweb-development\u002Fnodejs-platform\u002Fglobal-objects","18.web-development\u002F05.nodejs-platform\u002F05.global-objects",{"title":3956,"path":3957,"stem":3958},"Вбудований модуль fs (File System)","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-fs","18.web-development\u002F05.nodejs-platform\u002F06.built-in-modules-fs",{"title":3960,"path":3961,"stem":3962},"Вбудований модуль path","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-path","18.web-development\u002F05.nodejs-platform\u002F07.built-in-modules-path",{"title":3964,"path":3965,"stem":3966},"Вбудований модуль http","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-http","18.web-development\u002F05.nodejs-platform\u002F08.built-in-modules-http",{"title":3968,"path":3969,"stem":3970},"Streams — потоки даних у Node.js","\u002Fweb-development\u002Fnodejs-platform\u002Fstreams","18.web-development\u002F05.nodejs-platform\u002F09.streams",{"title":3972,"path":3973,"stem":3974},"Вбудований модуль util (Utilities)","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-util","18.web-development\u002F05.nodejs-platform\u002F10.built-in-modules-util",{"title":3037,"path":3976,"stem":3977},"\u002Fweb-development\u002Fnodejs-platform\u002Fenvironment-variables","18.web-development\u002F05.nodejs-platform\u002F11.environment-variables",{"title":3979,"path":3980,"stem":3981},"Інструменти налагодження та розробки","\u002Fweb-development\u002Fnodejs-platform\u002Fdebugging-tools","18.web-development\u002F05.nodejs-platform\u002F12.debugging-tools",{"title":3983,"path":3984,"stem":3985},"Продуктивність та Best Practices","\u002Fweb-development\u002Fnodejs-platform\u002Fperformance-best-practices","18.web-development\u002F05.nodejs-platform\u002F13.performance-best-practices",{"title":3987,"icon":3988,"path":3989,"stem":3990,"children":3991,"page":59},"Асинхронне програмування у Node.js","i-lucide-clock","\u002Fweb-development\u002Fasync-programming-nodejs","18.web-development\u002F06.async-programming-nodejs",[3992,3996,4000,4004,4008,4012,4016,4020,4024,4028,4032],{"title":3993,"path":3994,"stem":3995},"Синхронний vs асинхронний код","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fsync-vs-async","18.web-development\u002F06.async-programming-nodejs\u002F01.sync-vs-async",{"title":3997,"path":3998,"stem":3999},"Callbacks — перша парадигма асинхронності","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fcallbacks","18.web-development\u002F06.async-programming-nodejs\u002F02.callbacks",{"title":4001,"path":4002,"stem":4003},"Promises — стандарт асинхронності","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fpromises","18.web-development\u002F06.async-programming-nodejs\u002F03.promises",{"title":4005,"path":4006,"stem":4007},"Promise комбінатори","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fpromise-combinators","18.web-development\u002F06.async-programming-nodejs\u002F04.promise-combinators",{"title":4009,"path":4010,"stem":4011},"Async\u002FAwait — синтаксичний цукор над Promises","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fasync-await","18.web-development\u002F06.async-programming-nodejs\u002F05.async-await",{"title":4013,"path":4014,"stem":4015},"Паралельне vs послідовне виконання","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fparallel-vs-sequential","18.web-development\u002F06.async-programming-nodejs\u002F06.parallel-vs-sequential",{"title":4017,"path":4018,"stem":4019},"EventEmitter — подієва модель Node.js","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fevent-emitter","18.web-development\u002F06.async-programming-nodejs\u002F07.event-emitter",{"title":4021,"path":4022,"stem":4023},"Worker Threads — багатопотоковість у Node.js","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fworker-threads","18.web-development\u002F06.async-programming-nodejs\u002F08.worker-threads",{"title":4025,"path":4026,"stem":4027},"Child Processes — запуск зовнішніх процесів","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fchild-processes","18.web-development\u002F06.async-programming-nodejs\u002F09.child-processes",{"title":4029,"path":4030,"stem":4031},"Обробка помилок у асинхронному коді","\u002Fweb-development\u002Fasync-programming-nodejs\u002Ferror-handling","18.web-development\u002F06.async-programming-nodejs\u002F10.error-handling",{"title":4033,"path":4034,"stem":4035},"Порівняння Node.js фреймворків","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fnodejs-frameworks","18.web-development\u002F06.async-programming-nodejs\u002F11.nodejs-frameworks",{"title":4037,"icon":4038,"path":4039,"stem":4040,"children":4041,"page":59},"Тема 7. Фреймворк NestJS. Контролери та маршрутизація","i-lucide-route","\u002Fweb-development\u002Fnestjs-controllers-routing","18.web-development\u002F07.nestjs-controllers-routing",[4042,4046,4050,4054,4058,4062,4066,4070,4074,4078,4082,4086,4090,4094,4098,4102,4106,4110,4114,4118,4122,4126],{"title":4043,"path":4044,"stem":4045},"Філософія та архітектура NestJS","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-philosophy","18.web-development\u002F07.nestjs-controllers-routing\u002F01.nestjs-philosophy",{"title":4047,"path":4048,"stem":4049},"Три стовпи архітектури: модулі, контролери, провайдери","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fthree-pillars","18.web-development\u002F07.nestjs-controllers-routing\u002F02.three-pillars",{"title":4051,"path":4052,"stem":4053},"Інверсія керування (IoC) та ін","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fioc-and-di","18.web-development\u002F07.nestjs-controllers-routing\u002F03.ioc-and-di",{"title":4055,"path":4056,"stem":4057},"Встановлення NestJS CLI та створення проєкту","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-cli-setup","18.web-development\u002F07.nestjs-controllers-routing\u002F04.nestjs-cli-setup",{"title":4059,"path":4060,"stem":4061},"Структура проєкту NestJS та конвенції","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fproject-structure","18.web-development\u002F07.nestjs-controllers-routing\u002F05.project-structure",{"title":4063,"path":4064,"stem":4065},"Контролери: основи маршрутизації","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcontrollers-basics","18.web-development\u002F07.nestjs-controllers-routing\u002F06.controllers-basics",{"title":4067,"path":4068,"stem":4069},"Декоратори маршрутизації HTTP-методів","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Froute-decorators","18.web-development\u002F07.nestjs-controllers-routing\u002F07.route-decorators",{"title":4071,"path":4072,"stem":4073},"Параметри маршруту та декоратор @Param","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Froute-parameters","18.web-development\u002F07.nestjs-controllers-routing\u002F08.route-parameters",{"title":4075,"path":4076,"stem":4077},"Query-параметри та декоратор @Query","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fquery-parameters","18.web-development\u002F07.nestjs-controllers-routing\u002F09.query-parameters",{"title":4079,"path":4080,"stem":4081},"Тіло запиту та декоратор @Body","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Frequest-body","18.web-development\u002F07.nestjs-controllers-routing\u002F10.request-body",{"title":4083,"path":4084,"stem":4085},"Робота з заголовками запиту та відповіді","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fheaders-decorators","18.web-development\u002F07.nestjs-controllers-routing\u002F11.headers-decorators",{"title":4087,"path":4088,"stem":4089},"Data Transfer Objects (DTO): визначення та призначення","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fdto-introduction","18.web-development\u002F07.nestjs-controllers-routing\u002F12.dto-introduction",{"title":4091,"path":4092,"stem":4093},"Об'єкти Request та Response","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Frequest-response-objects","18.web-development\u002F07.nestjs-controllers-routing\u002F13.request-response-objects",{"title":4095,"path":4096,"stem":4097},"HTTP-статус коди та декоратор @HttpCode","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fhttp-status-codes","18.web-development\u002F07.nestjs-controllers-routing\u002F14.http-status-codes",{"title":4099,"path":4100,"stem":4101},"Перенаправлення (Redirects) та декоратор @Redirect","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fredirects","18.web-development\u002F07.nestjs-controllers-routing\u002F15.redirects",{"title":4103,"path":4104,"stem":4105},"Асинхронні обробники та Observables","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fasync-handlers","18.web-development\u002F07.nestjs-controllers-routing\u002F16.async-handlers",{"title":4107,"path":4108,"stem":4109},"Маршрутизація за піддоменами та версіонування API","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fsub-domain-routing","18.web-development\u002F07.nestjs-controllers-routing\u002F17.sub-domain-routing",{"title":4111,"path":4112,"stem":4113},"Області видимості контролерів (Scopes)","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcontroller-scopes","18.web-development\u002F07.nestjs-controllers-routing\u002F18.controller-scopes",{"title":4115,"path":4116,"stem":4117},"Основні команди NestJS CLI","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-cli-commands","18.web-development\u002F07.nestjs-controllers-routing\u002F19.nestjs-cli-commands",{"title":4119,"path":4120,"stem":4121},"Практичний приклад: створення CRUD-контролера","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcrud-example","18.web-development\u002F07.nestjs-controllers-routing\u002F20.crud-example",{"title":4123,"path":4124,"stem":4125},"Тестування контролерів","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Ftesting-controllers","18.web-development\u002F07.nestjs-controllers-routing\u002F21.testing-controllers",{"title":4127,"path":4128,"stem":4129},"Best Practices для контролерів та маршрутизації","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fbest-practices","18.web-development\u002F07.nestjs-controllers-routing\u002F22.best-practices",{"title":4131,"icon":4132,"path":4133,"stem":4134,"children":4135,"page":59},"Тема 8. Провайдери, сервіси та модульна система NestJS","i-lucide-package","\u002Fweb-development\u002Fnestjs-providers-modules","18.web-development\u002F08.nestjs-providers-modules",[4136,4140,4144,4148,4152,4156,4160,4164,4168,4172,4176,4180,4184,4188,4192],{"title":4137,"path":4138,"stem":4139},"Концепція провайдерів у NestJS","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fproviders-concept","18.web-development\u002F08.nestjs-providers-modules\u002F01.providers-concept",{"title":4141,"path":4142,"stem":4143},"Сервіси: інкапсуляція бізнес-логіки","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fservices-business-logic","18.web-development\u002F08.nestjs-providers-modules\u002F02.services-business-logic",{"title":4145,"path":4146,"stem":4147},"Практика ін","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fdependency-injection-practice","18.web-development\u002F08.nestjs-providers-modules\u002F03.dependency-injection-practice",{"title":4149,"path":4150,"stem":4151},"Custom Providers: useValue, useClass, useFactory, useExisting","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fcustom-providers","18.web-development\u002F08.nestjs-providers-modules\u002F04.custom-providers",{"title":4153,"path":4154,"stem":4155},"Injection Tokens: рядкові та символьні токени","\u002Fweb-development\u002Fnestjs-providers-modules\u002Finjection-tokens","18.web-development\u002F08.nestjs-providers-modules\u002F05.injection-tokens",{"title":4157,"path":4158,"stem":4159},"Опціональні провайдери та декоратор @Optional","\u002Fweb-development\u002Fnestjs-providers-modules\u002Foptional-providers","18.web-development\u002F08.nestjs-providers-modules\u002F07.optional-providers",{"title":4161,"path":4162,"stem":4163},"Структура модулів: imports, controllers, providers, exports","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fmodules-structure","18.web-development\u002F08.nestjs-providers-modules\u002F08.modules-structure",{"title":4165,"path":4166,"stem":4167},"Feature Modules: ізоляція функціональності","\u002Fweb-development\u002Fnestjs-providers-modules\u002Ffeature-modules","18.web-development\u002F08.nestjs-providers-modules\u002F09.feature-modules",{"title":4169,"path":4170,"stem":4171},"Shared Modules: перевикористання провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fshared-modules","18.web-development\u002F08.nestjs-providers-modules\u002F10.shared-modules",{"title":4173,"path":4174,"stem":4175},"Global Modules та декоратор @Global","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fglobal-modules","18.web-development\u002F08.nestjs-providers-modules\u002F11.global-modules",{"title":4177,"path":4178,"stem":4179},"Dynamic Modules: конфігурація під час виконання","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fdynamic-modules","18.web-development\u002F08.nestjs-providers-modules\u002F12.dynamic-modules",{"title":4181,"path":4182,"stem":4183},"Циклічні залежності та forwardRef","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fcircular-dependencies","18.web-development\u002F08.nestjs-providers-modules\u002F13.circular-dependencies",{"title":4185,"path":4186,"stem":4187},"Lifecycle Hooks: хуки життєвого циклу","\u002Fweb-development\u002Fnestjs-providers-modules\u002Flifecycle-hooks","18.web-development\u002F08.nestjs-providers-modules\u002F14.lifecycle-hooks",{"title":4189,"path":4190,"stem":4191},"ModuleRef: динамічний доступ до провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fmodule-reference","18.web-development\u002F08.nestjs-providers-modules\u002F15.module-reference",{"title":4193,"path":4194,"stem":4195},"Тестування сервісів та провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Ftesting-services","18.web-development\u002F08.nestjs-providers-modules\u002F16.testing-services",{"title":4197,"icon":4198,"path":4199,"stem":4200,"children":4201,"page":59},"Тема 9. Валідація даних та конвеєр обробки запитів у NestJS","i-lucide-filter","\u002Fweb-development\u002Fnestjs-validation-pipeline","18.web-development\u002F09.nestjs-validation-pipeline",[4202,4206,4210,4214,4218,4222,4226,4230,4234,4238,4242,4246,4250,4254,4258,4262,4266,4270,4274],{"title":4203,"path":4204,"stem":4205},"Request Pipeline: конвеєр обробки запитів","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Frequest-pipeline","18.web-development\u002F09.nestjs-validation-pipeline\u002F01.request-pipeline",{"title":4207,"path":4208,"stem":4209},"Pipes: концепція трансформації та валідації","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fpipes-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F02.pipes-concept",{"title":4211,"path":4212,"stem":4213},"Вбудовані pipes: ParseIntPipe, ParseBoolPipe, ParseUUIDPipe","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fbuilt-in-pipes","18.web-development\u002F09.nestjs-validation-pipeline\u002F03.built-in-pipes",{"title":4215,"path":4216,"stem":4217},"ValidationPipe: автоматична валідація DTO","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fvalidation-pipe","18.web-development\u002F09.nestjs-validation-pipeline\u002F04.validation-pipe",{"title":4219,"path":4220,"stem":4221},"Декоратори class-validator для DTO","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fclass-validator-decorators","18.web-development\u002F09.nestjs-validation-pipeline\u002F05.class-validator-decorators",{"title":4223,"path":4224,"stem":4225},"Створення кастомних валідаторів","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-validators","18.web-development\u002F09.nestjs-validation-pipeline\u002F06.custom-validators",{"title":4227,"path":4228,"stem":4229},"Створення власних Pipes","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-pipes","18.web-development\u002F09.nestjs-validation-pipeline\u002F07.custom-pipes",{"title":4231,"path":4232,"stem":4233},"Основи Middleware","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fmiddleware-basics","18.web-development\u002F09.nestjs-validation-pipeline\u002F08.middleware-basics",{"title":4235,"path":4236,"stem":4237},"Практичні приклади Middleware","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fmiddleware-examples","18.web-development\u002F09.nestjs-validation-pipeline\u002F09.middleware-examples",{"title":4239,"path":4240,"stem":4241},"Guards: захисні перехоплювачі доступу","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fguards-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F10.guards-concept",{"title":4243,"path":4244,"stem":4245},"Створення кастомних Guards","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-guards","18.web-development\u002F09.nestjs-validation-pipeline\u002F11.custom-guards",{"title":4247,"path":4248,"stem":4249},"Interceptors: перехоплення та трансформація відповідей","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Finterceptors-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F12.interceptors-concept",{"title":4251,"path":4252,"stem":4253},"Практичні приклади Interceptors","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Finterceptor-examples","18.web-development\u002F09.nestjs-validation-pipeline\u002F13.interceptor-examples",{"title":4255,"path":4256,"stem":4257},"Exception Filters: обробка виключень","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fexception-filters","18.web-development\u002F09.nestjs-validation-pipeline\u002F14.exception-filters",{"title":4259,"path":4260,"stem":4261},"Custom Exception Filters: спеціалізовані фільтри","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-exception-filters","18.web-development\u002F09.nestjs-validation-pipeline\u002F15.custom-exception-filters",{"title":4263,"path":4264,"stem":4265},"Execution Context: контекст виконання","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fexecution-context","18.web-development\u002F09.nestjs-validation-pipeline\u002F16.execution-context",{"title":4267,"path":4268,"stem":4269},"Custom Decorators: власні декоратори","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-decorators","18.web-development\u002F09.nestjs-validation-pipeline\u002F17.custom-decorators",{"title":4271,"path":4272,"stem":4273},"Global Components: глобальні компоненти","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fglobal-components","18.web-development\u002F09.nestjs-validation-pipeline\u002F18.global-components",{"title":4275,"path":4276,"stem":4277},"Pipeline Best Practices: найкращі практики","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fpipeline-best-practices","18.web-development\u002F09.nestjs-validation-pipeline\u002F19.pipeline-best-practices",{"title":4279,"icon":2761,"path":4280,"stem":4281,"children":4282,"page":59},"Інтеграція реляційних баз даних засобами TypeORM","\u002Fweb-development\u002Ftypeorm-integration","18.web-development\u002F10.typeorm-integration",[4283,4287,4291,4295,4299,4303,4307],{"title":4284,"path":4285,"stem":4286},"Робота з базами даних у Node.js через нативні драйвери","\u002Fweb-development\u002Ftypeorm-integration\u002F01-nodejs-database-drivers","18.web-development\u002F10.typeorm-integration\u002F01-nodejs-database-drivers",{"title":4288,"path":4289,"stem":4290},"ORM та знайомство з TypeORM","\u002Fweb-development\u002Ftypeorm-integration\u002F02-orm-and-typeorm-intro","18.web-development\u002F10.typeorm-integration\u002F02-orm-and-typeorm-intro",{"title":4292,"path":4293,"stem":4294},"Налаштування TypeORM у NestJS проєкті","\u002Fweb-development\u002Ftypeorm-integration\u002F03-typeorm-setup-nestjs","18.web-development\u002F10.typeorm-integration\u002F03-typeorm-setup-nestjs",{"title":4296,"path":4297,"stem":4298},"Entity класи та декоратори TypeORM","\u002Fweb-development\u002Ftypeorm-integration\u002F04-entities-and-decorators","18.web-development\u002F10.typeorm-integration\u002F04-entities-and-decorators",{"title":4300,"path":4301,"stem":4302},"Repository Pattern та CRUD операції","\u002Fweb-development\u002Ftypeorm-integration\u002F05-repository-pattern-crud","18.web-development\u002F10.typeorm-integration\u002F05-repository-pattern-crud",{"title":4304,"path":4305,"stem":4306},"Пагінація та фільтрація даних","\u002Fweb-development\u002Ftypeorm-integration\u002F06-pagination-filtering","18.web-development\u002F10.typeorm-integration\u002F06-pagination-filtering",{"title":4308,"path":4309,"stem":4310},"QueryBuilder для складних запитів","\u002Fweb-development\u002Ftypeorm-integration\u002F07-query-builder","18.web-development\u002F10.typeorm-integration\u002F07-query-builder",{"title":4312,"icon":4313,"path":4314,"stem":4315,"children":4316,"page":59},"Зв'язки між сутностями, міграції та оптимізація запитів","i-lucide-git-branch","\u002Fweb-development\u002Fentity-relations-migrations","18.web-development\u002F11.entity-relations-migrations",[4317,4321,4325,4329,4333],{"title":4318,"path":4319,"stem":4320},"Зв'язки One-to-Many та Many-to-One","\u002Fweb-development\u002Fentity-relations-migrations\u002F01-one-to-many-many-to-one","18.web-development\u002F11.entity-relations-migrations\u002F01-one-to-many-many-to-one",{"title":4322,"path":4323,"stem":4324},"Зв'язки One-to-One та Many-to-Many","\u002Fweb-development\u002Fentity-relations-migrations\u002F02-one-to-one-many-to-many","18.web-development\u002F11.entity-relations-migrations\u002F02-one-to-one-many-to-many",{"title":4326,"path":4327,"stem":4328},"Керування міграціями бази даних","\u002Fweb-development\u002Fentity-relations-migrations\u002F03-migrations-management","18.web-development\u002F11.entity-relations-migrations\u002F03-migrations-management",{"title":4330,"path":4331,"stem":4332},"Транзакції у TypeORM","\u002Fweb-development\u002Fentity-relations-migrations\u002F04-transactions","18.web-development\u002F11.entity-relations-migrations\u002F04-transactions",{"title":4334,"path":4335,"stem":4336,"children":4337},"Індекси та оптимізація запитів","\u002Fweb-development\u002Fentity-relations-migrations\u002F05-indexes-optimization","18.web-development\u002F11.entity-relations-migrations\u002F05-indexes-optimization",[4338],{"title":4334,"path":4335,"stem":4336},{"title":4340,"icon":4341,"path":4342,"stem":4343,"children":4344,"page":59},"Механізми автентифікації у вебзастосунках","i-lucide-key","\u002Fweb-development\u002Fauthentication","18.web-development\u002F12.authentication",[4345,4349,4353,4357,4361,4365,4369,4373,4377],{"title":4346,"path":4347,"stem":4348},"Автентифікація vs Авторизація","\u002Fweb-development\u002Fauthentication\u002F01-authentication-vs-authorization","18.web-development\u002F12.authentication\u002F01-authentication-vs-authorization",{"title":4350,"path":4351,"stem":4352},"Стратегії автентифікації","\u002Fweb-development\u002Fauthentication\u002F02-authentication-strategies","18.web-development\u002F12.authentication\u002F02-authentication-strategies",{"title":4354,"path":4355,"stem":4356},"Автентифікація на основі сесій","\u002Fweb-development\u002Fauthentication\u002F03-session-based-authentication","18.web-development\u002F12.authentication\u002F03-session-based-authentication",{"title":4358,"path":4359,"stem":4360},"Структура JSON Web Token (JWT)","\u002Fweb-development\u002Fauthentication\u002F04-jwt-structure","18.web-development\u002F12.authentication\u002F04-jwt-structure",{"title":4362,"path":4363,"stem":4364},"Інтеграція JWT у NestJS","\u002Fweb-development\u002Fauthentication\u002F05-nestjs-jwt-integration","18.web-development\u002F12.authentication\u002F05-nestjs-jwt-integration",{"title":4366,"path":4367,"stem":4368},"Passport.js стратегії у NestJS","\u002Fweb-development\u002Fauthentication\u002F06-passport-strategies","18.web-development\u002F12.authentication\u002F06-passport-strategies",{"title":4370,"path":4371,"stem":4372},"Безпечне зберігання паролів: хешування та криптографічний захист","\u002Fweb-development\u002Fauthentication\u002F07-password-hashing","18.web-development\u002F12.authentication\u002F07-password-hashing",{"title":4374,"path":4375,"stem":4376},"Refresh Token та безпечне оновлення доступу","\u002Fweb-development\u002Fauthentication\u002F08-refresh-tokens","18.web-development\u002F12.authentication\u002F08-refresh-tokens",{"title":4378,"path":4379,"stem":4380},"OAuth 2.0 та OpenID Connect: делегована автентифікація","\u002Fweb-development\u002Fauthentication\u002F09-oauth2-openid","18.web-development\u002F12.authentication\u002F09-oauth2-openid",{"title":4382,"icon":4383,"path":4384,"stem":4385,"children":4386,"page":59},"Авторизація та безпека серверних застосунків","i-lucide-shield","\u002Fweb-development\u002Fauthorization-security","18.web-development\u002F13.authorization-security",[4387,4391,4395,4399,4403,4407,4411,4415,4419,4423],{"title":4388,"path":4389,"stem":4390},"Моделі авторизації","\u002Fweb-development\u002Fauthorization-security\u002F01-authorization-models","18.web-development\u002F13.authorization-security\u002F01-authorization-models",{"title":4392,"path":4393,"stem":4394},"Реалізація RBAC у NestJS","\u002Fweb-development\u002Fauthorization-security\u002F02-rbac-implementation","18.web-development\u002F13.authorization-security\u002F02-rbac-implementation",{"title":4396,"path":4397,"stem":4398},"Permission-Based Access Control","\u002Fweb-development\u002Fauthorization-security\u002F03-permission-based-access","18.web-development\u002F13.authorization-security\u002F03-permission-based-access",{"title":4400,"path":4401,"stem":4402},"ABAC та бібліотека CASL","\u002Fweb-development\u002Fauthorization-security\u002F04-abac-casl","18.web-development\u002F13.authorization-security\u002F04-abac-casl",{"title":4404,"path":4405,"stem":4406},"Кастомні декоратори та метадані","\u002Fweb-development\u002Fauthorization-security\u002F05-custom-decorators-metadata","18.web-development\u002F13.authorization-security\u002F05-custom-decorators-metadata",{"title":4408,"path":4409,"stem":4410},"Конфігурація CORS","\u002Fweb-development\u002Fauthorization-security\u002F06-cors-configuration","18.web-development\u002F13.authorization-security\u002F06-cors-configuration",{"title":4412,"path":4413,"stem":4414},"Захист через HTTP Security Headers (Helmet)","\u002Fweb-development\u002Fauthorization-security\u002F07-helmet-security-headers","18.web-development\u002F13.authorization-security\u002F07-helmet-security-headers",{"title":4416,"path":4417,"stem":4418},"Rate Limiting та Throttling","\u002Fweb-development\u002Fauthorization-security\u002F08-rate-limiting-throttling","18.web-development\u002F13.authorization-security\u002F08-rate-limiting-throttling",{"title":4420,"path":4421,"stem":4422},"Захист від поширених атак","\u002Fweb-development\u002Fauthorization-security\u002F09-common-attacks-protection","18.web-development\u002F13.authorization-security\u002F09-common-attacks-protection",{"title":4424,"path":4425,"stem":4426},"HTTPS у продакшені","\u002Fweb-development\u002Fauthorization-security\u002F10-https-production","18.web-development\u002F13.authorization-security\u002F10-https-production",{"title":4428,"icon":871,"path":4429,"stem":4430,"children":4431,"page":59},"Комунікація у реальному часі, нотифікації та фонові задачі","\u002Fweb-development\u002Frealtime-notifications-jobs","18.web-development\u002F14.realtime-notifications-jobs",[4432,4436,4440,4444,4448,4452,4455,4458,4462,4466],{"title":4433,"path":4434,"stem":4435},"Методи комунікації у реальному часі","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F01-realtime-communication-methods","18.web-development\u002F14.realtime-notifications-jobs\u002F01-realtime-communication-methods",{"title":4437,"path":4438,"stem":4439},"WebSocket Gateway у NestJS","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F02-websocket-gateway","18.web-development\u002F14.realtime-notifications-jobs\u002F02-websocket-gateway",{"title":4441,"path":4442,"stem":4443},"Lifecycle та Rooms у WebSocket","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F03-websocket-lifecycle-rooms","18.web-development\u002F14.realtime-notifications-jobs\u002F03-websocket-lifecycle-rooms",{"title":4445,"path":4446,"stem":4447},"Server-Sent Events (SSE)","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F04-server-sent-events","18.web-development\u002F14.realtime-notifications-jobs\u002F04-server-sent-events",{"title":4449,"path":4450,"stem":4451},"Архітектура системи нотифікацій","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F05-notification-system","18.web-development\u002F14.realtime-notifications-jobs\u002F05-notification-system",{"title":904,"path":4453,"stem":4454},"\u002Fweb-development\u002Frealtime-notifications-jobs\u002F06-email-notifications","18.web-development\u002F14.realtime-notifications-jobs\u002F06-email-notifications",{"title":900,"path":4456,"stem":4457},"\u002Fweb-development\u002Frealtime-notifications-jobs\u002F07-web-push-notifications","18.web-development\u002F14.realtime-notifications-jobs\u002F07-web-push-notifications",{"title":4459,"path":4460,"stem":4461},"Фонові задачі та черги","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F08-background-jobs-queues","18.web-development\u002F14.realtime-notifications-jobs\u002F08-background-jobs-queues",{"title":4463,"path":4464,"stem":4465},"Планувальники та Cron jobs","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F09-schedulers-cron","18.web-development\u002F14.realtime-notifications-jobs\u002F09-schedulers-cron",{"title":4467,"path":4468,"stem":4469},"Практичні сценарії застосування","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F10-practical-scenarios","18.web-development\u002F14.realtime-notifications-jobs\u002F10-practical-scenarios",{"title":4471,"icon":4472,"path":4473,"stem":4474,"children":4475,"page":59},"Тестування, документування та розгортання застосунків","i-lucide-rocket","\u002Fweb-development\u002Ftesting-documentation-deployment","18.web-development\u002F15.testing-documentation-deployment",[4476,4480,4484,4488,4492,4496,4500,4504,4508,4512],{"title":4477,"path":4478,"stem":4479},"Піраміда тестування та стратегія","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F01-testing-pyramid-strategy","18.web-development\u002F15.testing-documentation-deployment\u002F01-testing-pyramid-strategy",{"title":4481,"path":4482,"stem":4483},"Основи Jest у NestJS","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F02-jest-nestjs-basics","18.web-development\u002F15.testing-documentation-deployment\u002F02-jest-nestjs-basics",{"title":4485,"path":4486,"stem":4487},"Unit-тестування сервісів","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F03-unit-testing-services","18.web-development\u002F15.testing-documentation-deployment\u002F03-unit-testing-services",{"title":4489,"path":4490,"stem":4491},"E2E тестування та покриття коду","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F04-e2e-testing-coverage","18.web-development\u002F15.testing-documentation-deployment\u002F04-e2e-testing-coverage",{"title":4493,"path":4494,"stem":4495},"Swagger, OpenAPI, Scalar та Arazzo","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F05-swagger-openapi","18.web-development\u002F15.testing-documentation-deployment\u002F05-swagger-openapi",{"title":4497,"path":4498,"stem":4499},"Керування конфігурацією","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F06-configuration-management","18.web-development\u002F15.testing-documentation-deployment\u002F06-configuration-management",{"title":4501,"path":4502,"stem":4503},"Docker та контейнеризація","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F07-docker-containerization","18.web-development\u002F15.testing-documentation-deployment\u002F07-docker-containerization",{"title":4505,"path":4506,"stem":4507},"CI\u002FCD Pipelines","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F08-cicd-pipelines","18.web-development\u002F15.testing-documentation-deployment\u002F08-cicd-pipelines",{"title":4509,"path":4510,"stem":4511},"Логування та моніторинг","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F09-logging-monitoring","18.web-development\u002F15.testing-documentation-deployment\u002F09-logging-monitoring",{"title":4513,"path":4514,"stem":4515},"Серіалізація та компресія","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F10-serialization-compression","18.web-development\u002F15.testing-documentation-deployment\u002F10-serialization-compression",{"title":4517,"path":4518,"stem":4519,"children":4520,"page":59},"Tailwind","\u002Ftailwind","21.tailwind",[4521,4525,4529,4533,4537,4541,4545,4549,4553,4557,4561,4565],{"title":4522,"path":4523,"stem":4524},"Що таке Tailwind CSS і навіщо він потрібен","\u002Ftailwind\u002Ftailwind-intro-philosophy","21.tailwind\u002F01.tailwind-intro-philosophy",{"title":4526,"path":4527,"stem":4528},"Встановлення та налаштування Tailwind CSS v4","\u002Ftailwind\u002Ftailwind-installation-setup","21.tailwind\u002F02.tailwind-installation-setup",{"title":4530,"path":4531,"stem":4532},"Utility-класи: основи та система Tailwind","\u002Ftailwind\u002Ftailwind-utility-classes-core","21.tailwind\u002F03.tailwind-utility-classes-core",{"title":4534,"path":4535,"stem":4536},"Layout: Flexbox та Grid через Tailwind","\u002Ftailwind\u002Ftailwind-flexbox-grid","21.tailwind\u002F04.tailwind-flexbox-grid",{"title":4538,"path":4539,"stem":4540},"Кастомізація теми через @theme у Tailwind v4","\u002Ftailwind\u002Ftailwind-theme-customization","21.tailwind\u002F05.tailwind-theme-customization",{"title":4542,"path":4543,"stem":4544},"Варіанти: hover, focus, responsive, dark mode та нові v4","\u002Ftailwind\u002Ftailwind-variants-states","21.tailwind\u002F06.tailwind-variants-states",{"title":4546,"path":4547,"stem":4548},"Типографіка та система кольорів у Tailwind v4","\u002Ftailwind\u002Ftailwind-typography-colors","21.tailwind\u002F07.tailwind-typography-colors",{"title":4550,"path":4551,"stem":4552},"Компоненти та повторюваність: @apply, @utility та патерни","\u002Ftailwind\u002Ftailwind-components-patterns","21.tailwind\u002F08.tailwind-components-patterns",{"title":4554,"path":4555,"stem":4556},"Темна тема та система дизайн-токенів у Tailwind v4","\u002Ftailwind\u002Ftailwind-dark-mode-theming","21.tailwind\u002F09.tailwind-dark-mode-theming",{"title":4558,"path":4559,"stem":4560},"Довільні значення та контейнерні запити у Tailwind v4","\u002Ftailwind\u002Ftailwind-arbitrary-container-queries","21.tailwind\u002F10.tailwind-arbitrary-container-queries",{"title":4562,"path":4563,"stem":4564},"Анімації, трансформації та 3D у Tailwind v4","\u002Ftailwind\u002Ftailwind-animations-transforms","21.tailwind\u002F11.tailwind-animations-transforms",{"title":4566,"path":4567,"stem":4568},"Tailwind CLI, PostCSS та інтеграція з фреймворками","\u002Ftailwind\u002Ftailwind-cli-tooling","21.tailwind\u002F12.tailwind-cli-tooling",{"title":4570,"path":4571,"stem":4572},"Тестування компонентів діаграм","\u002Ftest-components","98.test-components",{"id":4574,"title":2445,"body":4575,"description":4599,"extension":13557,"links":13558,"meta":13559,"navigation":4759,"path":2446,"seo":13560,"stem":2447,"__hash__":13561},"docs\u002F03.javascript\u002F06.async-programming\u002F03.async-patterns.md",{"type":4576,"value":4577,"toc":13523},"minimark",[4578,4582,4587,4591,4690,4693,4697,4709,4714,4897,4902,4933,4937,4944,5216,5221,5233,5237,5244,5582,5587,5612,5616,5619,5962,5968,5974,5978,5987,6005,6009,6288,6293,6325,6329,6649,6654,6676,6680,6683,7687,7691,7698,7897,7903,8072,8328,8332,8342,8346,8644,8649,8678,8682,8798,8802,8836,8841,8976,8991,8995,9205,9212,9227,9511,9515,9704,9709,9854,9858,9861,9865,9868,10429,10434,10540,10544,10547,10805,10810,11055,11059,11065,11635,11640,11700,11704,11707,12345,12350,12357,12361,12364,12828,12832,12841,12845,13093,13097,13349,13353,13395,13399,13492,13519],[4579,4580,2445],"h1",{"id":4581},"асинхронні-патерни-від-callbacks-до-asyncawait",[4583,4584,4586],"h2",{"id":4585},"еволюція-асинхронності-в-javascript","Еволюція асинхронності в JavaScript",[4588,4589,4590],"p",{},"JavaScript пройшов довгий шлях у розвитку підходів до роботи з асинхронним кодом. Кожен новий патерн вирішував проблеми попереднього, поступово наближаючись до ідеалу — коду, який читається як синхронний, але працює асинхронно.",[4592,4593,4594],"mermaid",{},[4595,4596,4600],"pre",{"className":4597,"code":4598,"language":4592,"meta":4599,"style":4599},"language-mermaid shiki shiki-themes light-plus dark-plus dark-plus","timeline\n    title Історія асинхронності в JavaScript\n    \n    2009 : Callbacks\u003Cbr\u002F>Єдиний спосіб\n         : Node.js популяризує\u003Cbr\u002F>асинхронний підхід\n    \n    2012 : Promises\u002FA+ стандарт\u003Cbr\u002F>Бібліотеки Q, Bluebird\n    \n    2015 : ES6 (ES2015)\u003Cbr\u002F>Нативні Promise\u003Cbr\u002F>у специфікації\n    \n    2017 : ES8 (ES2017)\u003Cbr\u002F>async\u002Fawait\u003Cbr\u002F>Революція читабельності\n    \n    2020 : ES11 (ES2020)\u003Cbr\u002F>Promise.allSettled()\u003Cbr\u002F>Top-level await\n    \n    2024 : Сучасність\u003Cbr\u002F>Web APIs повністю\u003Cbr\u002F>побудовані на промісах\n","",[4601,4602,4603,4611,4617,4623,4629,4635,4640,4646,4651,4657,4662,4668,4673,4679,4684],"code",{"__ignoreMap":4599},[4604,4605,4608],"span",{"class":4606,"line":4607},"line",1,[4604,4609,4610],{},"timeline\n",[4604,4612,4614],{"class":4606,"line":4613},2,[4604,4615,4616],{},"    title Історія асинхронності в JavaScript\n",[4604,4618,4620],{"class":4606,"line":4619},3,[4604,4621,4622],{},"    \n",[4604,4624,4626],{"class":4606,"line":4625},4,[4604,4627,4628],{},"    2009 : Callbacks\u003Cbr\u002F>Єдиний спосіб\n",[4604,4630,4632],{"class":4606,"line":4631},5,[4604,4633,4634],{},"         : Node.js популяризує\u003Cbr\u002F>асинхронний підхід\n",[4604,4636,4638],{"class":4606,"line":4637},6,[4604,4639,4622],{},[4604,4641,4643],{"class":4606,"line":4642},7,[4604,4644,4645],{},"    2012 : Promises\u002FA+ стандарт\u003Cbr\u002F>Бібліотеки Q, Bluebird\n",[4604,4647,4649],{"class":4606,"line":4648},8,[4604,4650,4622],{},[4604,4652,4654],{"class":4606,"line":4653},9,[4604,4655,4656],{},"    2015 : ES6 (ES2015)\u003Cbr\u002F>Нативні Promise\u003Cbr\u002F>у специфікації\n",[4604,4658,4660],{"class":4606,"line":4659},10,[4604,4661,4622],{},[4604,4663,4665],{"class":4606,"line":4664},11,[4604,4666,4667],{},"    2017 : ES8 (ES2017)\u003Cbr\u002F>async\u002Fawait\u003Cbr\u002F>Революція читабельності\n",[4604,4669,4671],{"class":4606,"line":4670},12,[4604,4672,4622],{},[4604,4674,4676],{"class":4606,"line":4675},13,[4604,4677,4678],{},"    2020 : ES11 (ES2020)\u003Cbr\u002F>Promise.allSettled()\u003Cbr\u002F>Top-level await\n",[4604,4680,4682],{"class":4606,"line":4681},14,[4604,4683,4622],{},[4604,4685,4687],{"class":4606,"line":4686},15,[4604,4688,4689],{},"    2024 : Сучасність\u003Cbr\u002F>Web APIs повністю\u003Cbr\u002F>побудовані на промісах\n",[4588,4691,4692],{},"Розгляньмо кожен підхід детально, аналізуючи переваги, недоліки та сценарії використання.",[4583,4694,4696],{"id":4695},"callbacks-фундамент-асинхронності","Callbacks: фундамент асинхронності",[4588,4698,4699,4703,4704,4708],{},[4700,4701,4702],"strong",{},"Callback"," (",[4705,4706,4707],"em",{},"функція зворотного виклику",") — це функція, яка передається як аргумент іншій функції та викликається після завершення асинхронної операції.",[4710,4711,4713],"h3",{"id":4712},"базовий-приклад","Базовий приклад",[4595,4715,4719],{"className":4716,"code":4717,"language":4718,"meta":4599,"style":4599},"language-javascript shiki shiki-themes light-plus dark-plus dark-plus","\u002F\u002F Читання файлу у Node.js\nconst fs = require('fs')\n\nfs.readFile('data.txt', 'utf8', (error, data) => {\n    if (error) {\n        console.error('Помилка читання файлу:', error)\n        return\n    }\n\n    console.log('Вміст файлу:', data)\n})\n\nconsole.log('Файл читається...')\n","javascript",[4601,4720,4721,4727,4755,4761,4804,4817,4837,4842,4847,4851,4872,4877,4881],{"__ignoreMap":4599},[4604,4722,4723],{"class":4606,"line":4607},[4604,4724,4726],{"class":4725},"spJ8K","\u002F\u002F Читання файлу у Node.js\n",[4604,4728,4729,4733,4737,4741,4745,4748,4752],{"class":4606,"line":4613},[4604,4730,4732],{"class":4731},"su1O8","const",[4604,4734,4736],{"class":4735},"s-QsJ"," fs",[4604,4738,4740],{"class":4739},"sHH4Y"," = ",[4604,4742,4744],{"class":4743},"s8Opu","require",[4604,4746,4747],{"class":4739},"(",[4604,4749,4751],{"class":4750},"sbdoH","'fs'",[4604,4753,4754],{"class":4739},")\n",[4604,4756,4757],{"class":4606,"line":4619},[4604,4758,4760],{"emptyLinePlaceholder":4759},true,"\n",[4604,4762,4763,4767,4770,4773,4775,4778,4781,4784,4787,4790,4792,4795,4798,4801],{"class":4606,"line":4625},[4604,4764,4766],{"class":4765},"siwwj","fs",[4604,4768,4769],{"class":4739},".",[4604,4771,4772],{"class":4743},"readFile",[4604,4774,4747],{"class":4739},[4604,4776,4777],{"class":4750},"'data.txt'",[4604,4779,4780],{"class":4739},", ",[4604,4782,4783],{"class":4750},"'utf8'",[4604,4785,4786],{"class":4739},", (",[4604,4788,4789],{"class":4765},"error",[4604,4791,4780],{"class":4739},[4604,4793,4794],{"class":4765},"data",[4604,4796,4797],{"class":4739},") ",[4604,4799,4800],{"class":4731},"=>",[4604,4802,4803],{"class":4739}," {\n",[4604,4805,4806,4810,4812,4814],{"class":4606,"line":4631},[4604,4807,4809],{"class":4808},"s8xlr","    if",[4604,4811,4703],{"class":4739},[4604,4813,4789],{"class":4765},[4604,4815,4816],{"class":4739},") {\n",[4604,4818,4819,4822,4824,4826,4828,4831,4833,4835],{"class":4606,"line":4637},[4604,4820,4821],{"class":4765},"        console",[4604,4823,4769],{"class":4739},[4604,4825,4789],{"class":4743},[4604,4827,4747],{"class":4739},[4604,4829,4830],{"class":4750},"'Помилка читання файлу:'",[4604,4832,4780],{"class":4739},[4604,4834,4789],{"class":4765},[4604,4836,4754],{"class":4739},[4604,4838,4839],{"class":4606,"line":4642},[4604,4840,4841],{"class":4808},"        return\n",[4604,4843,4844],{"class":4606,"line":4648},[4604,4845,4846],{"class":4739},"    }\n",[4604,4848,4849],{"class":4606,"line":4653},[4604,4850,4760],{"emptyLinePlaceholder":4759},[4604,4852,4853,4856,4858,4861,4863,4866,4868,4870],{"class":4606,"line":4659},[4604,4854,4855],{"class":4765},"    console",[4604,4857,4769],{"class":4739},[4604,4859,4860],{"class":4743},"log",[4604,4862,4747],{"class":4739},[4604,4864,4865],{"class":4750},"'Вміст файлу:'",[4604,4867,4780],{"class":4739},[4604,4869,4794],{"class":4765},[4604,4871,4754],{"class":4739},[4604,4873,4874],{"class":4606,"line":4664},[4604,4875,4876],{"class":4739},"})\n",[4604,4878,4879],{"class":4606,"line":4670},[4604,4880,4760],{"emptyLinePlaceholder":4759},[4604,4882,4883,4886,4888,4890,4892,4895],{"class":4606,"line":4675},[4604,4884,4885],{"class":4765},"console",[4604,4887,4769],{"class":4739},[4604,4889,4860],{"class":4743},[4604,4891,4747],{"class":4739},[4604,4893,4894],{"class":4750},"'Файл читається...'",[4604,4896,4754],{"class":4739},[4588,4898,4899],{},[4700,4900,4901],{},"Порядок виконання:",[4903,4904,4905,4912,4918,4924],"ol",{},[4906,4907,4908,4911],"li",{},[4601,4909,4910],{},"fs.readFile()"," ініціює асинхронне читання файлу (делегує файловій системі)",[4906,4913,4914,4917],{},[4601,4915,4916],{},"console.log('Файл читається...')"," виконується одразу (синхронно)",[4906,4919,4920,4921],{},"Коли файл прочитаний, callback додається до ",[4700,4922,4923],{},"Macrotask Queue",[4906,4925,4926,4927,4929,4930,4932],{},"Event Loop викликає callback з результатом (",[4601,4928,4789],{}," або ",[4601,4931,4794],{},")",[4710,4934,4936],{"id":4935},"конвенція-error-first-callbacks","Конвенція Error-First Callbacks",[4588,4938,4939,4940,4943],{},"У Node.js та багатьох бібліотеках прийнято передавати ",[4700,4941,4942],{},"помилку першим аргументом",":",[4595,4945,4947],{"className":4716,"code":4946,"language":4718,"meta":4599,"style":4599},"function asyncOperation(params, callback) {\n    \u002F\u002F Симуляція асинхронної операції\n    setTimeout(() => {\n        const success = Math.random() > 0.5\n\n        if (success) {\n            callback(null, 'Результат операції') \u002F\u002F Помилки немає\n        } else {\n            callback(new Error('Операція не вдалася'), null)\n        }\n    }, 1000)\n}\n\n\u002F\u002F Використання\nasyncOperation({ id: 1 }, (error, result) => {\n    if (error) {\n        console.error('Сталася помилка:', error.message)\n        return\n    }\n\n    console.log('Успіх:', result)\n})\n",[4601,4948,4949,4969,4974,4986,5011,5015,5027,5047,5057,5081,5086,5096,5101,5105,5110,5140,5151,5176,5181,5186,5191,5211],{"__ignoreMap":4599},[4604,4950,4951,4954,4957,4959,4962,4964,4967],{"class":4606,"line":4607},[4604,4952,4953],{"class":4731},"function",[4604,4955,4956],{"class":4743}," asyncOperation",[4604,4958,4747],{"class":4739},[4604,4960,4961],{"class":4765},"params",[4604,4963,4780],{"class":4739},[4604,4965,4966],{"class":4765},"callback",[4604,4968,4816],{"class":4739},[4604,4970,4971],{"class":4606,"line":4613},[4604,4972,4973],{"class":4725},"    \u002F\u002F Симуляція асинхронної операції\n",[4604,4975,4976,4979,4982,4984],{"class":4606,"line":4619},[4604,4977,4978],{"class":4743},"    setTimeout",[4604,4980,4981],{"class":4739},"(() ",[4604,4983,4800],{"class":4731},[4604,4985,4803],{"class":4739},[4604,4987,4988,4991,4994,4996,4999,5001,5004,5007],{"class":4606,"line":4625},[4604,4989,4990],{"class":4731},"        const",[4604,4992,4993],{"class":4735}," success",[4604,4995,4740],{"class":4739},[4604,4997,4998],{"class":4765},"Math",[4604,5000,4769],{"class":4739},[4604,5002,5003],{"class":4743},"random",[4604,5005,5006],{"class":4739},"() > ",[4604,5008,5010],{"class":5009},"sJj4R","0.5\n",[4604,5012,5013],{"class":4606,"line":4631},[4604,5014,4760],{"emptyLinePlaceholder":4759},[4604,5016,5017,5020,5022,5025],{"class":4606,"line":4637},[4604,5018,5019],{"class":4808},"        if",[4604,5021,4703],{"class":4739},[4604,5023,5024],{"class":4765},"success",[4604,5026,4816],{"class":4739},[4604,5028,5029,5032,5034,5037,5039,5042,5044],{"class":4606,"line":4642},[4604,5030,5031],{"class":4743},"            callback",[4604,5033,4747],{"class":4739},[4604,5035,5036],{"class":4731},"null",[4604,5038,4780],{"class":4739},[4604,5040,5041],{"class":4750},"'Результат операції'",[4604,5043,4797],{"class":4739},[4604,5045,5046],{"class":4725},"\u002F\u002F Помилки немає\n",[4604,5048,5049,5052,5055],{"class":4606,"line":4648},[4604,5050,5051],{"class":4739},"        } ",[4604,5053,5054],{"class":4808},"else",[4604,5056,4803],{"class":4739},[4604,5058,5059,5061,5063,5066,5069,5071,5074,5077,5079],{"class":4606,"line":4653},[4604,5060,5031],{"class":4743},[4604,5062,4747],{"class":4739},[4604,5064,5065],{"class":4731},"new",[4604,5067,5068],{"class":4743}," Error",[4604,5070,4747],{"class":4739},[4604,5072,5073],{"class":4750},"'Операція не вдалася'",[4604,5075,5076],{"class":4739},"), ",[4604,5078,5036],{"class":4731},[4604,5080,4754],{"class":4739},[4604,5082,5083],{"class":4606,"line":4659},[4604,5084,5085],{"class":4739},"        }\n",[4604,5087,5088,5091,5094],{"class":4606,"line":4664},[4604,5089,5090],{"class":4739},"    }, ",[4604,5092,5093],{"class":5009},"1000",[4604,5095,4754],{"class":4739},[4604,5097,5098],{"class":4606,"line":4670},[4604,5099,5100],{"class":4739},"}\n",[4604,5102,5103],{"class":4606,"line":4675},[4604,5104,4760],{"emptyLinePlaceholder":4759},[4604,5106,5107],{"class":4606,"line":4681},[4604,5108,5109],{"class":4725},"\u002F\u002F Використання\n",[4604,5111,5112,5115,5118,5121,5124,5127,5129,5131,5134,5136,5138],{"class":4606,"line":4686},[4604,5113,5114],{"class":4743},"asyncOperation",[4604,5116,5117],{"class":4739},"({ ",[4604,5119,5120],{"class":4765},"id:",[4604,5122,5123],{"class":5009}," 1",[4604,5125,5126],{"class":4739}," }, (",[4604,5128,4789],{"class":4765},[4604,5130,4780],{"class":4739},[4604,5132,5133],{"class":4765},"result",[4604,5135,4797],{"class":4739},[4604,5137,4800],{"class":4731},[4604,5139,4803],{"class":4739},[4604,5141,5143,5145,5147,5149],{"class":4606,"line":5142},16,[4604,5144,4809],{"class":4808},[4604,5146,4703],{"class":4739},[4604,5148,4789],{"class":4765},[4604,5150,4816],{"class":4739},[4604,5152,5154,5156,5158,5160,5162,5165,5167,5169,5171,5174],{"class":4606,"line":5153},17,[4604,5155,4821],{"class":4765},[4604,5157,4769],{"class":4739},[4604,5159,4789],{"class":4743},[4604,5161,4747],{"class":4739},[4604,5163,5164],{"class":4750},"'Сталася помилка:'",[4604,5166,4780],{"class":4739},[4604,5168,4789],{"class":4765},[4604,5170,4769],{"class":4739},[4604,5172,5173],{"class":4765},"message",[4604,5175,4754],{"class":4739},[4604,5177,5179],{"class":4606,"line":5178},18,[4604,5180,4841],{"class":4808},[4604,5182,5184],{"class":4606,"line":5183},19,[4604,5185,4846],{"class":4739},[4604,5187,5189],{"class":4606,"line":5188},20,[4604,5190,4760],{"emptyLinePlaceholder":4759},[4604,5192,5194,5196,5198,5200,5202,5205,5207,5209],{"class":4606,"line":5193},21,[4604,5195,4855],{"class":4765},[4604,5197,4769],{"class":4739},[4604,5199,4860],{"class":4743},[4604,5201,4747],{"class":4739},[4604,5203,5204],{"class":4750},"'Успіх:'",[4604,5206,4780],{"class":4739},[4604,5208,5133],{"class":4765},[4604,5210,4754],{"class":4739},[4604,5212,5214],{"class":4606,"line":5213},22,[4604,5215,4876],{"class":4739},[4588,5217,5218],{},[4700,5219,5220],{},"Переваги конвенції:",[5222,5223,5224,5227,5230],"ul",{},[4906,5225,5226],{},"Уніфікований спосіб обробки помилок",[4906,5228,5229],{},"Неможливо забути перевірити помилку (вона завжди перший параметр)",[4906,5231,5232],{},"Легко інтегрується з проміс-обгортками",[4710,5234,5236],{"id":5235},"callback-hell-пекло-колбеків","Callback Hell (Пекло колбеків)",[4588,5238,5239,5240,5243],{},"Головна проблема callbacks — ",[4700,5241,5242],{},"вкладеність",". Коли потрібно виконати кілька асинхронних операцій послідовно, код перетворюється на нечитабельну піраміду:",[4595,5245,5247],{"className":4716,"code":5246,"language":4718,"meta":4599,"style":4599},"\u002F\u002F ❌ Приклад \"Callback Hell\"\ngetUser(userId, (userError, user) => {\n    if (userError) {\n        console.error(userError)\n        return\n    }\n\n    getOrders(user.id, (ordersError, orders) => {\n        if (ordersError) {\n            console.error(ordersError)\n            return\n        }\n\n        getOrderDetails(orders[0].id, (detailsError, details) => {\n            if (detailsError) {\n                console.error(detailsError)\n                return\n            }\n\n            getShippingInfo(details.trackingId, (shippingError, shipping) => {\n                if (shippingError) {\n                    console.error(shippingError)\n                    return\n                }\n\n                console.log('Інформація про доставку:', shipping)\n                \u002F\u002F І так далі... піраміда зростає\n            })\n        })\n    })\n})\n",[4601,5248,5249,5254,5280,5290,5304,5308,5312,5316,5346,5356,5371,5376,5380,5384,5420,5431,5446,5451,5456,5460,5490,5501,5516,5522,5528,5533,5553,5559,5565,5571,5577],{"__ignoreMap":4599},[4604,5250,5251],{"class":4606,"line":4607},[4604,5252,5253],{"class":4725},"\u002F\u002F ❌ Приклад \"Callback Hell\"\n",[4604,5255,5256,5259,5261,5264,5266,5269,5271,5274,5276,5278],{"class":4606,"line":4613},[4604,5257,5258],{"class":4743},"getUser",[4604,5260,4747],{"class":4739},[4604,5262,5263],{"class":4765},"userId",[4604,5265,4786],{"class":4739},[4604,5267,5268],{"class":4765},"userError",[4604,5270,4780],{"class":4739},[4604,5272,5273],{"class":4765},"user",[4604,5275,4797],{"class":4739},[4604,5277,4800],{"class":4731},[4604,5279,4803],{"class":4739},[4604,5281,5282,5284,5286,5288],{"class":4606,"line":4619},[4604,5283,4809],{"class":4808},[4604,5285,4703],{"class":4739},[4604,5287,5268],{"class":4765},[4604,5289,4816],{"class":4739},[4604,5291,5292,5294,5296,5298,5300,5302],{"class":4606,"line":4625},[4604,5293,4821],{"class":4765},[4604,5295,4769],{"class":4739},[4604,5297,4789],{"class":4743},[4604,5299,4747],{"class":4739},[4604,5301,5268],{"class":4765},[4604,5303,4754],{"class":4739},[4604,5305,5306],{"class":4606,"line":4631},[4604,5307,4841],{"class":4808},[4604,5309,5310],{"class":4606,"line":4637},[4604,5311,4846],{"class":4739},[4604,5313,5314],{"class":4606,"line":4642},[4604,5315,4760],{"emptyLinePlaceholder":4759},[4604,5317,5318,5321,5323,5325,5327,5330,5332,5335,5337,5340,5342,5344],{"class":4606,"line":4648},[4604,5319,5320],{"class":4743},"    getOrders",[4604,5322,4747],{"class":4739},[4604,5324,5273],{"class":4765},[4604,5326,4769],{"class":4739},[4604,5328,5329],{"class":4765},"id",[4604,5331,4786],{"class":4739},[4604,5333,5334],{"class":4765},"ordersError",[4604,5336,4780],{"class":4739},[4604,5338,5339],{"class":4765},"orders",[4604,5341,4797],{"class":4739},[4604,5343,4800],{"class":4731},[4604,5345,4803],{"class":4739},[4604,5347,5348,5350,5352,5354],{"class":4606,"line":4653},[4604,5349,5019],{"class":4808},[4604,5351,4703],{"class":4739},[4604,5353,5334],{"class":4765},[4604,5355,4816],{"class":4739},[4604,5357,5358,5361,5363,5365,5367,5369],{"class":4606,"line":4659},[4604,5359,5360],{"class":4765},"            console",[4604,5362,4769],{"class":4739},[4604,5364,4789],{"class":4743},[4604,5366,4747],{"class":4739},[4604,5368,5334],{"class":4765},[4604,5370,4754],{"class":4739},[4604,5372,5373],{"class":4606,"line":4664},[4604,5374,5375],{"class":4808},"            return\n",[4604,5377,5378],{"class":4606,"line":4670},[4604,5379,5085],{"class":4739},[4604,5381,5382],{"class":4606,"line":4675},[4604,5383,4760],{"emptyLinePlaceholder":4759},[4604,5385,5386,5389,5391,5393,5396,5399,5402,5404,5406,5409,5411,5414,5416,5418],{"class":4606,"line":4681},[4604,5387,5388],{"class":4743},"        getOrderDetails",[4604,5390,4747],{"class":4739},[4604,5392,5339],{"class":4765},[4604,5394,5395],{"class":4739},"[",[4604,5397,5398],{"class":5009},"0",[4604,5400,5401],{"class":4739},"].",[4604,5403,5329],{"class":4765},[4604,5405,4786],{"class":4739},[4604,5407,5408],{"class":4765},"detailsError",[4604,5410,4780],{"class":4739},[4604,5412,5413],{"class":4765},"details",[4604,5415,4797],{"class":4739},[4604,5417,4800],{"class":4731},[4604,5419,4803],{"class":4739},[4604,5421,5422,5425,5427,5429],{"class":4606,"line":4686},[4604,5423,5424],{"class":4808},"            if",[4604,5426,4703],{"class":4739},[4604,5428,5408],{"class":4765},[4604,5430,4816],{"class":4739},[4604,5432,5433,5436,5438,5440,5442,5444],{"class":4606,"line":5142},[4604,5434,5435],{"class":4765},"                console",[4604,5437,4769],{"class":4739},[4604,5439,4789],{"class":4743},[4604,5441,4747],{"class":4739},[4604,5443,5408],{"class":4765},[4604,5445,4754],{"class":4739},[4604,5447,5448],{"class":4606,"line":5153},[4604,5449,5450],{"class":4808},"                return\n",[4604,5452,5453],{"class":4606,"line":5178},[4604,5454,5455],{"class":4739},"            }\n",[4604,5457,5458],{"class":4606,"line":5183},[4604,5459,4760],{"emptyLinePlaceholder":4759},[4604,5461,5462,5465,5467,5469,5471,5474,5476,5479,5481,5484,5486,5488],{"class":4606,"line":5188},[4604,5463,5464],{"class":4743},"            getShippingInfo",[4604,5466,4747],{"class":4739},[4604,5468,5413],{"class":4765},[4604,5470,4769],{"class":4739},[4604,5472,5473],{"class":4765},"trackingId",[4604,5475,4786],{"class":4739},[4604,5477,5478],{"class":4765},"shippingError",[4604,5480,4780],{"class":4739},[4604,5482,5483],{"class":4765},"shipping",[4604,5485,4797],{"class":4739},[4604,5487,4800],{"class":4731},[4604,5489,4803],{"class":4739},[4604,5491,5492,5495,5497,5499],{"class":4606,"line":5193},[4604,5493,5494],{"class":4808},"                if",[4604,5496,4703],{"class":4739},[4604,5498,5478],{"class":4765},[4604,5500,4816],{"class":4739},[4604,5502,5503,5506,5508,5510,5512,5514],{"class":4606,"line":5213},[4604,5504,5505],{"class":4765},"                    console",[4604,5507,4769],{"class":4739},[4604,5509,4789],{"class":4743},[4604,5511,4747],{"class":4739},[4604,5513,5478],{"class":4765},[4604,5515,4754],{"class":4739},[4604,5517,5519],{"class":4606,"line":5518},23,[4604,5520,5521],{"class":4808},"                    return\n",[4604,5523,5525],{"class":4606,"line":5524},24,[4604,5526,5527],{"class":4739},"                }\n",[4604,5529,5531],{"class":4606,"line":5530},25,[4604,5532,4760],{"emptyLinePlaceholder":4759},[4604,5534,5536,5538,5540,5542,5544,5547,5549,5551],{"class":4606,"line":5535},26,[4604,5537,5435],{"class":4765},[4604,5539,4769],{"class":4739},[4604,5541,4860],{"class":4743},[4604,5543,4747],{"class":4739},[4604,5545,5546],{"class":4750},"'Інформація про доставку:'",[4604,5548,4780],{"class":4739},[4604,5550,5483],{"class":4765},[4604,5552,4754],{"class":4739},[4604,5554,5556],{"class":4606,"line":5555},27,[4604,5557,5558],{"class":4725},"                \u002F\u002F І так далі... піраміда зростає\n",[4604,5560,5562],{"class":4606,"line":5561},28,[4604,5563,5564],{"class":4739},"            })\n",[4604,5566,5568],{"class":4606,"line":5567},29,[4604,5569,5570],{"class":4739},"        })\n",[4604,5572,5574],{"class":4606,"line":5573},30,[4604,5575,5576],{"class":4739},"    })\n",[4604,5578,5580],{"class":4606,"line":5579},31,[4604,5581,4876],{"class":4739},[4588,5583,5584],{},[4700,5585,5586],{},"Проблеми цього підходу:",[5588,5589,5590,5596,5604,5608],"field-group",{},[5591,5592,5595],"field",{"name":5593,"type":5594},"Читабельність","Problem","Код \"тече\" вправо замість вниз. Важко відстежити логіку виконання.",[5591,5597,5599,5600,5603],{"name":5598,"type":5594},"Обробка помилок","Кожен рівень потребує окремої перевірки ",[4601,5601,5602],{},"if (error)",". Легко пропустити помилку.",[5591,5605,5607],{"name":5606,"type":5594},"Повторне використання","Важко виділити частину логіки у окрему функцію без передачі множини callbacks.",[5591,5609,5611],{"name":5610,"type":5594},"Композиція","Неможливо елегантно комбінувати асинхронні операції (паралельне виконання, обробка масиву тощо).",[4710,5613,5615],{"id":5614},"рішення-через-іменовані-функції","Рішення через іменовані функції",[4588,5617,5618],{},"Один зі способів покращити читабельність — винести кожен callback у іменовану функцію:",[4595,5620,5622],{"className":4716,"code":5621,"language":4718,"meta":4599,"style":4599},"\u002F\u002F ✅ Покращення через іменовані функції\nfunction handleShippingInfo(shippingError, shipping) {\n    if (shippingError) {\n        console.error(shippingError)\n        return\n    }\n    console.log('Інформація про доставку:', shipping)\n}\n\nfunction handleOrderDetails(detailsError, details) {\n    if (detailsError) {\n        console.error(detailsError)\n        return\n    }\n    getShippingInfo(details.trackingId, handleShippingInfo)\n}\n\nfunction handleOrders(ordersError, orders) {\n    if (ordersError) {\n        console.error(ordersError)\n        return\n    }\n    getOrderDetails(orders[0].id, handleOrderDetails)\n}\n\nfunction handleUser(userError, user) {\n    if (userError) {\n        console.error(userError)\n        return\n    }\n    getOrders(user.id, handleOrders)\n}\n\n\u002F\u002F Точка входу\ngetUser(userId, handleUser)\n",[4601,5623,5624,5629,5646,5656,5670,5674,5678,5696,5700,5704,5721,5731,5745,5749,5753,5773,5777,5781,5798,5808,5822,5826,5830,5854,5858,5862,5879,5889,5903,5907,5911,5930,5935,5940,5946],{"__ignoreMap":4599},[4604,5625,5626],{"class":4606,"line":4607},[4604,5627,5628],{"class":4725},"\u002F\u002F ✅ Покращення через іменовані функції\n",[4604,5630,5631,5633,5636,5638,5640,5642,5644],{"class":4606,"line":4613},[4604,5632,4953],{"class":4731},[4604,5634,5635],{"class":4743}," handleShippingInfo",[4604,5637,4747],{"class":4739},[4604,5639,5478],{"class":4765},[4604,5641,4780],{"class":4739},[4604,5643,5483],{"class":4765},[4604,5645,4816],{"class":4739},[4604,5647,5648,5650,5652,5654],{"class":4606,"line":4619},[4604,5649,4809],{"class":4808},[4604,5651,4703],{"class":4739},[4604,5653,5478],{"class":4765},[4604,5655,4816],{"class":4739},[4604,5657,5658,5660,5662,5664,5666,5668],{"class":4606,"line":4625},[4604,5659,4821],{"class":4765},[4604,5661,4769],{"class":4739},[4604,5663,4789],{"class":4743},[4604,5665,4747],{"class":4739},[4604,5667,5478],{"class":4765},[4604,5669,4754],{"class":4739},[4604,5671,5672],{"class":4606,"line":4631},[4604,5673,4841],{"class":4808},[4604,5675,5676],{"class":4606,"line":4637},[4604,5677,4846],{"class":4739},[4604,5679,5680,5682,5684,5686,5688,5690,5692,5694],{"class":4606,"line":4642},[4604,5681,4855],{"class":4765},[4604,5683,4769],{"class":4739},[4604,5685,4860],{"class":4743},[4604,5687,4747],{"class":4739},[4604,5689,5546],{"class":4750},[4604,5691,4780],{"class":4739},[4604,5693,5483],{"class":4765},[4604,5695,4754],{"class":4739},[4604,5697,5698],{"class":4606,"line":4648},[4604,5699,5100],{"class":4739},[4604,5701,5702],{"class":4606,"line":4653},[4604,5703,4760],{"emptyLinePlaceholder":4759},[4604,5705,5706,5708,5711,5713,5715,5717,5719],{"class":4606,"line":4659},[4604,5707,4953],{"class":4731},[4604,5709,5710],{"class":4743}," handleOrderDetails",[4604,5712,4747],{"class":4739},[4604,5714,5408],{"class":4765},[4604,5716,4780],{"class":4739},[4604,5718,5413],{"class":4765},[4604,5720,4816],{"class":4739},[4604,5722,5723,5725,5727,5729],{"class":4606,"line":4664},[4604,5724,4809],{"class":4808},[4604,5726,4703],{"class":4739},[4604,5728,5408],{"class":4765},[4604,5730,4816],{"class":4739},[4604,5732,5733,5735,5737,5739,5741,5743],{"class":4606,"line":4670},[4604,5734,4821],{"class":4765},[4604,5736,4769],{"class":4739},[4604,5738,4789],{"class":4743},[4604,5740,4747],{"class":4739},[4604,5742,5408],{"class":4765},[4604,5744,4754],{"class":4739},[4604,5746,5747],{"class":4606,"line":4675},[4604,5748,4841],{"class":4808},[4604,5750,5751],{"class":4606,"line":4681},[4604,5752,4846],{"class":4739},[4604,5754,5755,5758,5760,5762,5764,5766,5768,5771],{"class":4606,"line":4686},[4604,5756,5757],{"class":4743},"    getShippingInfo",[4604,5759,4747],{"class":4739},[4604,5761,5413],{"class":4765},[4604,5763,4769],{"class":4739},[4604,5765,5473],{"class":4765},[4604,5767,4780],{"class":4739},[4604,5769,5770],{"class":4765},"handleShippingInfo",[4604,5772,4754],{"class":4739},[4604,5774,5775],{"class":4606,"line":5142},[4604,5776,5100],{"class":4739},[4604,5778,5779],{"class":4606,"line":5153},[4604,5780,4760],{"emptyLinePlaceholder":4759},[4604,5782,5783,5785,5788,5790,5792,5794,5796],{"class":4606,"line":5178},[4604,5784,4953],{"class":4731},[4604,5786,5787],{"class":4743}," handleOrders",[4604,5789,4747],{"class":4739},[4604,5791,5334],{"class":4765},[4604,5793,4780],{"class":4739},[4604,5795,5339],{"class":4765},[4604,5797,4816],{"class":4739},[4604,5799,5800,5802,5804,5806],{"class":4606,"line":5183},[4604,5801,4809],{"class":4808},[4604,5803,4703],{"class":4739},[4604,5805,5334],{"class":4765},[4604,5807,4816],{"class":4739},[4604,5809,5810,5812,5814,5816,5818,5820],{"class":4606,"line":5188},[4604,5811,4821],{"class":4765},[4604,5813,4769],{"class":4739},[4604,5815,4789],{"class":4743},[4604,5817,4747],{"class":4739},[4604,5819,5334],{"class":4765},[4604,5821,4754],{"class":4739},[4604,5823,5824],{"class":4606,"line":5193},[4604,5825,4841],{"class":4808},[4604,5827,5828],{"class":4606,"line":5213},[4604,5829,4846],{"class":4739},[4604,5831,5832,5835,5837,5839,5841,5843,5845,5847,5849,5852],{"class":4606,"line":5518},[4604,5833,5834],{"class":4743},"    getOrderDetails",[4604,5836,4747],{"class":4739},[4604,5838,5339],{"class":4765},[4604,5840,5395],{"class":4739},[4604,5842,5398],{"class":5009},[4604,5844,5401],{"class":4739},[4604,5846,5329],{"class":4765},[4604,5848,4780],{"class":4739},[4604,5850,5851],{"class":4765},"handleOrderDetails",[4604,5853,4754],{"class":4739},[4604,5855,5856],{"class":4606,"line":5524},[4604,5857,5100],{"class":4739},[4604,5859,5860],{"class":4606,"line":5530},[4604,5861,4760],{"emptyLinePlaceholder":4759},[4604,5863,5864,5866,5869,5871,5873,5875,5877],{"class":4606,"line":5535},[4604,5865,4953],{"class":4731},[4604,5867,5868],{"class":4743}," handleUser",[4604,5870,4747],{"class":4739},[4604,5872,5268],{"class":4765},[4604,5874,4780],{"class":4739},[4604,5876,5273],{"class":4765},[4604,5878,4816],{"class":4739},[4604,5880,5881,5883,5885,5887],{"class":4606,"line":5555},[4604,5882,4809],{"class":4808},[4604,5884,4703],{"class":4739},[4604,5886,5268],{"class":4765},[4604,5888,4816],{"class":4739},[4604,5890,5891,5893,5895,5897,5899,5901],{"class":4606,"line":5561},[4604,5892,4821],{"class":4765},[4604,5894,4769],{"class":4739},[4604,5896,4789],{"class":4743},[4604,5898,4747],{"class":4739},[4604,5900,5268],{"class":4765},[4604,5902,4754],{"class":4739},[4604,5904,5905],{"class":4606,"line":5567},[4604,5906,4841],{"class":4808},[4604,5908,5909],{"class":4606,"line":5573},[4604,5910,4846],{"class":4739},[4604,5912,5913,5915,5917,5919,5921,5923,5925,5928],{"class":4606,"line":5579},[4604,5914,5320],{"class":4743},[4604,5916,4747],{"class":4739},[4604,5918,5273],{"class":4765},[4604,5920,4769],{"class":4739},[4604,5922,5329],{"class":4765},[4604,5924,4780],{"class":4739},[4604,5926,5927],{"class":4765},"handleOrders",[4604,5929,4754],{"class":4739},[4604,5931,5933],{"class":4606,"line":5932},32,[4604,5934,5100],{"class":4739},[4604,5936,5938],{"class":4606,"line":5937},33,[4604,5939,4760],{"emptyLinePlaceholder":4759},[4604,5941,5943],{"class":4606,"line":5942},34,[4604,5944,5945],{"class":4725},"\u002F\u002F Точка входу\n",[4604,5947,5949,5951,5953,5955,5957,5960],{"class":4606,"line":5948},35,[4604,5950,5258],{"class":4743},[4604,5952,4747],{"class":4739},[4604,5954,5263],{"class":4765},[4604,5956,4780],{"class":4739},[4604,5958,5959],{"class":4765},"handleUser",[4604,5961,4754],{"class":4739},[4588,5963,5964,5967],{},[4700,5965,5966],{},"Покращення:"," Код тепер читається зверху вниз. Кожна функція має одну відповідальність.",[4588,5969,5970,5973],{},[4700,5971,5972],{},"Але:"," Все одно залишаються проблеми з повторною обробкою помилок та складністю композиції операцій.",[4583,5975,5977],{"id":5976},"promises-революція-асинхронності","Promises: революція асинхронності",[4588,5979,5980,4703,5983,5986],{},[4700,5981,5982],{},"Promise",[4705,5984,5985],{},"обіцянка",") — це об'єкт, який представляє майбутній результат асинхронної операції. Проміс може знаходитися у трьох станах:",[5988,5989,5990,5995,6000],"card-group",{},[5991,5992,5994],"card",{"icon":3988,"title":5993},"⏳ Pending (Очікування)","Початковий стан. Операція ще не завершена.",[5991,5996,5999],{"icon":5997,"title":5998},"i-lucide-check-circle","✅ Fulfilled (Виконано)","Операція успішно завершена, результат доступний.",[5991,6001,6004],{"icon":6002,"title":6003},"i-lucide-x-circle","❌ Rejected (Відхилено)","Операція завершилася з помилкою.",[4710,6006,6008],{"id":6007},"створення-промісів","Створення промісів",[4595,6010,6012],{"className":4716,"code":6011,"language":4718,"meta":4599,"style":4599},"\u002F\u002F Базовий приклад\nconst promise = new Promise((resolve, reject) => {\n    \u002F\u002F Асинхронна операція\n    setTimeout(() => {\n        const success = Math.random() > 0.5\n\n        if (success) {\n            resolve('Операція успішна') \u002F\u002F Переводить проміс у стан Fulfilled\n        } else {\n            reject(new Error('Операція не вдалася')) \u002F\u002F Переводить у стан Rejected\n        }\n    }, 1000)\n})\n\n\u002F\u002F Обробка результату\npromise\n    .then((result) => {\n        console.log('Успіх:', result)\n    })\n    .catch((error) => {\n        console.error('Помилка:', error.message)\n    })\n    .finally(() => {\n        console.log('Операція завершена (успішно чи ні)')\n    })\n",[4601,6013,6014,6019,6051,6056,6066,6084,6088,6098,6113,6121,6142,6146,6154,6158,6162,6167,6172,6190,6208,6212,6229,6252,6256,6269,6284],{"__ignoreMap":4599},[4604,6015,6016],{"class":4606,"line":4607},[4604,6017,6018],{"class":4725},"\u002F\u002F Базовий приклад\n",[4604,6020,6021,6023,6026,6028,6030,6034,6037,6040,6042,6045,6047,6049],{"class":4606,"line":4613},[4604,6022,4732],{"class":4731},[4604,6024,6025],{"class":4735}," promise",[4604,6027,4740],{"class":4739},[4604,6029,5065],{"class":4731},[4604,6031,6033],{"class":6032},"sN1BT"," Promise",[4604,6035,6036],{"class":4739},"((",[4604,6038,6039],{"class":4765},"resolve",[4604,6041,4780],{"class":4739},[4604,6043,6044],{"class":4765},"reject",[4604,6046,4797],{"class":4739},[4604,6048,4800],{"class":4731},[4604,6050,4803],{"class":4739},[4604,6052,6053],{"class":4606,"line":4619},[4604,6054,6055],{"class":4725},"    \u002F\u002F Асинхронна операція\n",[4604,6057,6058,6060,6062,6064],{"class":4606,"line":4625},[4604,6059,4978],{"class":4743},[4604,6061,4981],{"class":4739},[4604,6063,4800],{"class":4731},[4604,6065,4803],{"class":4739},[4604,6067,6068,6070,6072,6074,6076,6078,6080,6082],{"class":4606,"line":4631},[4604,6069,4990],{"class":4731},[4604,6071,4993],{"class":4735},[4604,6073,4740],{"class":4739},[4604,6075,4998],{"class":4765},[4604,6077,4769],{"class":4739},[4604,6079,5003],{"class":4743},[4604,6081,5006],{"class":4739},[4604,6083,5010],{"class":5009},[4604,6085,6086],{"class":4606,"line":4637},[4604,6087,4760],{"emptyLinePlaceholder":4759},[4604,6089,6090,6092,6094,6096],{"class":4606,"line":4642},[4604,6091,5019],{"class":4808},[4604,6093,4703],{"class":4739},[4604,6095,5024],{"class":4765},[4604,6097,4816],{"class":4739},[4604,6099,6100,6103,6105,6108,6110],{"class":4606,"line":4648},[4604,6101,6102],{"class":4743},"            resolve",[4604,6104,4747],{"class":4739},[4604,6106,6107],{"class":4750},"'Операція успішна'",[4604,6109,4797],{"class":4739},[4604,6111,6112],{"class":4725},"\u002F\u002F Переводить проміс у стан Fulfilled\n",[4604,6114,6115,6117,6119],{"class":4606,"line":4653},[4604,6116,5051],{"class":4739},[4604,6118,5054],{"class":4808},[4604,6120,4803],{"class":4739},[4604,6122,6123,6126,6128,6130,6132,6134,6136,6139],{"class":4606,"line":4659},[4604,6124,6125],{"class":4743},"            reject",[4604,6127,4747],{"class":4739},[4604,6129,5065],{"class":4731},[4604,6131,5068],{"class":4743},[4604,6133,4747],{"class":4739},[4604,6135,5073],{"class":4750},[4604,6137,6138],{"class":4739},")) ",[4604,6140,6141],{"class":4725},"\u002F\u002F Переводить у стан Rejected\n",[4604,6143,6144],{"class":4606,"line":4664},[4604,6145,5085],{"class":4739},[4604,6147,6148,6150,6152],{"class":4606,"line":4670},[4604,6149,5090],{"class":4739},[4604,6151,5093],{"class":5009},[4604,6153,4754],{"class":4739},[4604,6155,6156],{"class":4606,"line":4675},[4604,6157,4876],{"class":4739},[4604,6159,6160],{"class":4606,"line":4681},[4604,6161,4760],{"emptyLinePlaceholder":4759},[4604,6163,6164],{"class":4606,"line":4686},[4604,6165,6166],{"class":4725},"\u002F\u002F Обробка результату\n",[4604,6168,6169],{"class":4606,"line":5142},[4604,6170,6171],{"class":4765},"promise\n",[4604,6173,6174,6177,6180,6182,6184,6186,6188],{"class":4606,"line":5153},[4604,6175,6176],{"class":4739},"    .",[4604,6178,6179],{"class":4743},"then",[4604,6181,6036],{"class":4739},[4604,6183,5133],{"class":4765},[4604,6185,4797],{"class":4739},[4604,6187,4800],{"class":4731},[4604,6189,4803],{"class":4739},[4604,6191,6192,6194,6196,6198,6200,6202,6204,6206],{"class":4606,"line":5178},[4604,6193,4821],{"class":4765},[4604,6195,4769],{"class":4739},[4604,6197,4860],{"class":4743},[4604,6199,4747],{"class":4739},[4604,6201,5204],{"class":4750},[4604,6203,4780],{"class":4739},[4604,6205,5133],{"class":4765},[4604,6207,4754],{"class":4739},[4604,6209,6210],{"class":4606,"line":5183},[4604,6211,5576],{"class":4739},[4604,6213,6214,6216,6219,6221,6223,6225,6227],{"class":4606,"line":5188},[4604,6215,6176],{"class":4739},[4604,6217,6218],{"class":4743},"catch",[4604,6220,6036],{"class":4739},[4604,6222,4789],{"class":4765},[4604,6224,4797],{"class":4739},[4604,6226,4800],{"class":4731},[4604,6228,4803],{"class":4739},[4604,6230,6231,6233,6235,6237,6239,6242,6244,6246,6248,6250],{"class":4606,"line":5193},[4604,6232,4821],{"class":4765},[4604,6234,4769],{"class":4739},[4604,6236,4789],{"class":4743},[4604,6238,4747],{"class":4739},[4604,6240,6241],{"class":4750},"'Помилка:'",[4604,6243,4780],{"class":4739},[4604,6245,4789],{"class":4765},[4604,6247,4769],{"class":4739},[4604,6249,5173],{"class":4765},[4604,6251,4754],{"class":4739},[4604,6253,6254],{"class":4606,"line":5213},[4604,6255,5576],{"class":4739},[4604,6257,6258,6260,6263,6265,6267],{"class":4606,"line":5518},[4604,6259,6176],{"class":4739},[4604,6261,6262],{"class":4743},"finally",[4604,6264,4981],{"class":4739},[4604,6266,4800],{"class":4731},[4604,6268,4803],{"class":4739},[4604,6270,6271,6273,6275,6277,6279,6282],{"class":4606,"line":5524},[4604,6272,4821],{"class":4765},[4604,6274,4769],{"class":4739},[4604,6276,4860],{"class":4743},[4604,6278,4747],{"class":4739},[4604,6280,6281],{"class":4750},"'Операція завершена (успішно чи ні)'",[4604,6283,4754],{"class":4739},[4604,6285,6286],{"class":4606,"line":5530},[4604,6287,5576],{"class":4739},[4588,6289,6290],{},[4700,6291,6292],{},"Ключові особливості:",[5222,6294,6295,6302,6309],{},[4906,6296,6297,6298,6301],{},"Проміс завжди знаходиться у ",[4700,6299,6300],{},"одному"," з трьох станів",[4906,6303,6304,6305,6308],{},"Стан змінюється ",[4700,6306,6307],{},"один раз"," (неможливо \"перевиконати\" проміс)",[4906,6310,6311,4780,6314,4780,6317,6320,6321,6324],{},[4601,6312,6313],{},".then()",[4601,6315,6316],{},".catch()",[4601,6318,6319],{},".finally()"," завжди повертають ",[4700,6322,6323],{},"новий"," проміс (ланцюжок)",[4710,6326,6328],{"id":6327},"переписуємо-callback-hell-через-проміси","Переписуємо Callback Hell через проміси",[4595,6330,6332],{"className":4716,"code":6331,"language":4718,"meta":4599,"style":4599},"\u002F\u002F ✅ Плоский ланцюжок промісів\ngetUser(userId)\n    .then((user) => {\n        console.log('Користувач:', user.name)\n        return getOrders(user.id) \u002F\u002F Повертаємо новий проміс\n    })\n    .then((orders) => {\n        console.log('Замовлення:', orders.length)\n        return getOrderDetails(orders[0].id)\n    })\n    .then((details) => {\n        console.log('Деталі:', details)\n        return getShippingInfo(details.trackingId)\n    })\n    .then((shipping) => {\n        console.log('Доставка:', shipping)\n    })\n    .catch((error) => {\n        \u002F\u002F Централізована обробка помилок на будь-якому етапі\n        console.error('Помилка у ланцюжку:', error)\n    })\n    .finally(() => {\n        console.log('Завершення обробки замовлення')\n    })\n",[4601,6333,6334,6339,6349,6365,6389,6410,6414,6430,6454,6475,6479,6495,6514,6531,6535,6551,6570,6574,6590,6595,6614,6618,6630,6645],{"__ignoreMap":4599},[4604,6335,6336],{"class":4606,"line":4607},[4604,6337,6338],{"class":4725},"\u002F\u002F ✅ Плоский ланцюжок промісів\n",[4604,6340,6341,6343,6345,6347],{"class":4606,"line":4613},[4604,6342,5258],{"class":4743},[4604,6344,4747],{"class":4739},[4604,6346,5263],{"class":4765},[4604,6348,4754],{"class":4739},[4604,6350,6351,6353,6355,6357,6359,6361,6363],{"class":4606,"line":4619},[4604,6352,6176],{"class":4739},[4604,6354,6179],{"class":4743},[4604,6356,6036],{"class":4739},[4604,6358,5273],{"class":4765},[4604,6360,4797],{"class":4739},[4604,6362,4800],{"class":4731},[4604,6364,4803],{"class":4739},[4604,6366,6367,6369,6371,6373,6375,6378,6380,6382,6384,6387],{"class":4606,"line":4625},[4604,6368,4821],{"class":4765},[4604,6370,4769],{"class":4739},[4604,6372,4860],{"class":4743},[4604,6374,4747],{"class":4739},[4604,6376,6377],{"class":4750},"'Користувач:'",[4604,6379,4780],{"class":4739},[4604,6381,5273],{"class":4765},[4604,6383,4769],{"class":4739},[4604,6385,6386],{"class":4765},"name",[4604,6388,4754],{"class":4739},[4604,6390,6391,6394,6397,6399,6401,6403,6405,6407],{"class":4606,"line":4631},[4604,6392,6393],{"class":4808},"        return",[4604,6395,6396],{"class":4743}," getOrders",[4604,6398,4747],{"class":4739},[4604,6400,5273],{"class":4765},[4604,6402,4769],{"class":4739},[4604,6404,5329],{"class":4765},[4604,6406,4797],{"class":4739},[4604,6408,6409],{"class":4725},"\u002F\u002F Повертаємо новий проміс\n",[4604,6411,6412],{"class":4606,"line":4637},[4604,6413,5576],{"class":4739},[4604,6415,6416,6418,6420,6422,6424,6426,6428],{"class":4606,"line":4642},[4604,6417,6176],{"class":4739},[4604,6419,6179],{"class":4743},[4604,6421,6036],{"class":4739},[4604,6423,5339],{"class":4765},[4604,6425,4797],{"class":4739},[4604,6427,4800],{"class":4731},[4604,6429,4803],{"class":4739},[4604,6431,6432,6434,6436,6438,6440,6443,6445,6447,6449,6452],{"class":4606,"line":4648},[4604,6433,4821],{"class":4765},[4604,6435,4769],{"class":4739},[4604,6437,4860],{"class":4743},[4604,6439,4747],{"class":4739},[4604,6441,6442],{"class":4750},"'Замовлення:'",[4604,6444,4780],{"class":4739},[4604,6446,5339],{"class":4765},[4604,6448,4769],{"class":4739},[4604,6450,6451],{"class":4765},"length",[4604,6453,4754],{"class":4739},[4604,6455,6456,6458,6461,6463,6465,6467,6469,6471,6473],{"class":4606,"line":4653},[4604,6457,6393],{"class":4808},[4604,6459,6460],{"class":4743}," getOrderDetails",[4604,6462,4747],{"class":4739},[4604,6464,5339],{"class":4765},[4604,6466,5395],{"class":4739},[4604,6468,5398],{"class":5009},[4604,6470,5401],{"class":4739},[4604,6472,5329],{"class":4765},[4604,6474,4754],{"class":4739},[4604,6476,6477],{"class":4606,"line":4659},[4604,6478,5576],{"class":4739},[4604,6480,6481,6483,6485,6487,6489,6491,6493],{"class":4606,"line":4664},[4604,6482,6176],{"class":4739},[4604,6484,6179],{"class":4743},[4604,6486,6036],{"class":4739},[4604,6488,5413],{"class":4765},[4604,6490,4797],{"class":4739},[4604,6492,4800],{"class":4731},[4604,6494,4803],{"class":4739},[4604,6496,6497,6499,6501,6503,6505,6508,6510,6512],{"class":4606,"line":4670},[4604,6498,4821],{"class":4765},[4604,6500,4769],{"class":4739},[4604,6502,4860],{"class":4743},[4604,6504,4747],{"class":4739},[4604,6506,6507],{"class":4750},"'Деталі:'",[4604,6509,4780],{"class":4739},[4604,6511,5413],{"class":4765},[4604,6513,4754],{"class":4739},[4604,6515,6516,6518,6521,6523,6525,6527,6529],{"class":4606,"line":4675},[4604,6517,6393],{"class":4808},[4604,6519,6520],{"class":4743}," getShippingInfo",[4604,6522,4747],{"class":4739},[4604,6524,5413],{"class":4765},[4604,6526,4769],{"class":4739},[4604,6528,5473],{"class":4765},[4604,6530,4754],{"class":4739},[4604,6532,6533],{"class":4606,"line":4681},[4604,6534,5576],{"class":4739},[4604,6536,6537,6539,6541,6543,6545,6547,6549],{"class":4606,"line":4686},[4604,6538,6176],{"class":4739},[4604,6540,6179],{"class":4743},[4604,6542,6036],{"class":4739},[4604,6544,5483],{"class":4765},[4604,6546,4797],{"class":4739},[4604,6548,4800],{"class":4731},[4604,6550,4803],{"class":4739},[4604,6552,6553,6555,6557,6559,6561,6564,6566,6568],{"class":4606,"line":5142},[4604,6554,4821],{"class":4765},[4604,6556,4769],{"class":4739},[4604,6558,4860],{"class":4743},[4604,6560,4747],{"class":4739},[4604,6562,6563],{"class":4750},"'Доставка:'",[4604,6565,4780],{"class":4739},[4604,6567,5483],{"class":4765},[4604,6569,4754],{"class":4739},[4604,6571,6572],{"class":4606,"line":5153},[4604,6573,5576],{"class":4739},[4604,6575,6576,6578,6580,6582,6584,6586,6588],{"class":4606,"line":5178},[4604,6577,6176],{"class":4739},[4604,6579,6218],{"class":4743},[4604,6581,6036],{"class":4739},[4604,6583,4789],{"class":4765},[4604,6585,4797],{"class":4739},[4604,6587,4800],{"class":4731},[4604,6589,4803],{"class":4739},[4604,6591,6592],{"class":4606,"line":5183},[4604,6593,6594],{"class":4725},"        \u002F\u002F Централізована обробка помилок на будь-якому етапі\n",[4604,6596,6597,6599,6601,6603,6605,6608,6610,6612],{"class":4606,"line":5188},[4604,6598,4821],{"class":4765},[4604,6600,4769],{"class":4739},[4604,6602,4789],{"class":4743},[4604,6604,4747],{"class":4739},[4604,6606,6607],{"class":4750},"'Помилка у ланцюжку:'",[4604,6609,4780],{"class":4739},[4604,6611,4789],{"class":4765},[4604,6613,4754],{"class":4739},[4604,6615,6616],{"class":4606,"line":5193},[4604,6617,5576],{"class":4739},[4604,6619,6620,6622,6624,6626,6628],{"class":4606,"line":5213},[4604,6621,6176],{"class":4739},[4604,6623,6262],{"class":4743},[4604,6625,4981],{"class":4739},[4604,6627,4800],{"class":4731},[4604,6629,4803],{"class":4739},[4604,6631,6632,6634,6636,6638,6640,6643],{"class":4606,"line":5518},[4604,6633,4821],{"class":4765},[4604,6635,4769],{"class":4739},[4604,6637,4860],{"class":4743},[4604,6639,4747],{"class":4739},[4604,6641,6642],{"class":4750},"'Завершення обробки замовлення'",[4604,6644,4754],{"class":4739},[4604,6646,6647],{"class":4606,"line":5524},[4604,6648,5576],{"class":4739},[4588,6650,6651],{},[4700,6652,6653],{},"Переваги:",[4903,6655,6656,6662,6671],{},[4906,6657,6658,6661],{},[4700,6659,6660],{},"Плоска структура"," — код читається зверху вниз",[4906,6663,6664,6667,6668,6670],{},[4700,6665,6666],{},"Централізована обробка помилок"," — один ",[4601,6669,6316],{}," для всього ланцюжка",[4906,6672,6673,6675],{},[4700,6674,5610],{}," — легко додавати нові етапи у ланцюжок",[4710,6677,6679],{"id":6678},"комбінування-промісів","Комбінування промісів",[4588,6681,6682],{},"Promise API надає потужні методи для роботи з множинними асинхронними операціями:",[6684,6685,6686,6927,7310,7496],"tabs",{},[6687,6688,6690,6697,6921],"tabs-item",{"label":6689},"Promise.all()",[4588,6691,6692,6693,6696],{},"Чекає завершення ",[4700,6694,6695],{},"всіх"," промісів. Якщо хоча б один відхиляється — відхиляє весь результат.",[4595,6698,6700],{"className":4716,"code":6699,"language":4718,"meta":4599,"style":4599},"\u002F\u002F Паралельне завантаження даних\nPromise.all([\n    fetch('\u002Fapi\u002Fuser\u002F1').then((r) => r.json()),\n    fetch('\u002Fapi\u002Fuser\u002F2').then((r) => r.json()),\n    fetch('\u002Fapi\u002Fuser\u002F3').then((r) => r.json()),\n])\n    .then(([user1, user2, user3]) => {\n        console.log('Всі користувачі завантажені:', user1, user2, user3)\n    })\n    .catch((error) => {\n        console.error('Помилка завантаження:', error)\n        \u002F\u002F Якщо хоча б один запит не вдався — потрапимо сюди\n    })\n",[4601,6701,6702,6707,6719,6754,6783,6812,6817,6846,6873,6877,6893,6912,6917],{"__ignoreMap":4599},[4604,6703,6704],{"class":4606,"line":4607},[4604,6705,6706],{"class":4725},"\u002F\u002F Паралельне завантаження даних\n",[4604,6708,6709,6711,6713,6716],{"class":4606,"line":4613},[4604,6710,5982],{"class":6032},[4604,6712,4769],{"class":4739},[4604,6714,6715],{"class":4743},"all",[4604,6717,6718],{"class":4739},"([\n",[4604,6720,6721,6724,6726,6729,6732,6734,6736,6739,6741,6743,6746,6748,6751],{"class":4606,"line":4619},[4604,6722,6723],{"class":4743},"    fetch",[4604,6725,4747],{"class":4739},[4604,6727,6728],{"class":4750},"'\u002Fapi\u002Fuser\u002F1'",[4604,6730,6731],{"class":4739},").",[4604,6733,6179],{"class":4743},[4604,6735,6036],{"class":4739},[4604,6737,6738],{"class":4765},"r",[4604,6740,4797],{"class":4739},[4604,6742,4800],{"class":4731},[4604,6744,6745],{"class":4765}," r",[4604,6747,4769],{"class":4739},[4604,6749,6750],{"class":4743},"json",[4604,6752,6753],{"class":4739},"()),\n",[4604,6755,6756,6758,6760,6763,6765,6767,6769,6771,6773,6775,6777,6779,6781],{"class":4606,"line":4625},[4604,6757,6723],{"class":4743},[4604,6759,4747],{"class":4739},[4604,6761,6762],{"class":4750},"'\u002Fapi\u002Fuser\u002F2'",[4604,6764,6731],{"class":4739},[4604,6766,6179],{"class":4743},[4604,6768,6036],{"class":4739},[4604,6770,6738],{"class":4765},[4604,6772,4797],{"class":4739},[4604,6774,4800],{"class":4731},[4604,6776,6745],{"class":4765},[4604,6778,4769],{"class":4739},[4604,6780,6750],{"class":4743},[4604,6782,6753],{"class":4739},[4604,6784,6785,6787,6789,6792,6794,6796,6798,6800,6802,6804,6806,6808,6810],{"class":4606,"line":4631},[4604,6786,6723],{"class":4743},[4604,6788,4747],{"class":4739},[4604,6790,6791],{"class":4750},"'\u002Fapi\u002Fuser\u002F3'",[4604,6793,6731],{"class":4739},[4604,6795,6179],{"class":4743},[4604,6797,6036],{"class":4739},[4604,6799,6738],{"class":4765},[4604,6801,4797],{"class":4739},[4604,6803,4800],{"class":4731},[4604,6805,6745],{"class":4765},[4604,6807,4769],{"class":4739},[4604,6809,6750],{"class":4743},[4604,6811,6753],{"class":4739},[4604,6813,6814],{"class":4606,"line":4637},[4604,6815,6816],{"class":4739},"])\n",[4604,6818,6819,6821,6823,6826,6829,6831,6834,6836,6839,6842,6844],{"class":4606,"line":4642},[4604,6820,6176],{"class":4739},[4604,6822,6179],{"class":4743},[4604,6824,6825],{"class":4739},"(([",[4604,6827,6828],{"class":4765},"user1",[4604,6830,4780],{"class":4739},[4604,6832,6833],{"class":4765},"user2",[4604,6835,4780],{"class":4739},[4604,6837,6838],{"class":4765},"user3",[4604,6840,6841],{"class":4739},"]) ",[4604,6843,4800],{"class":4731},[4604,6845,4803],{"class":4739},[4604,6847,6848,6850,6852,6854,6856,6859,6861,6863,6865,6867,6869,6871],{"class":4606,"line":4648},[4604,6849,4821],{"class":4765},[4604,6851,4769],{"class":4739},[4604,6853,4860],{"class":4743},[4604,6855,4747],{"class":4739},[4604,6857,6858],{"class":4750},"'Всі користувачі завантажені:'",[4604,6860,4780],{"class":4739},[4604,6862,6828],{"class":4765},[4604,6864,4780],{"class":4739},[4604,6866,6833],{"class":4765},[4604,6868,4780],{"class":4739},[4604,6870,6838],{"class":4765},[4604,6872,4754],{"class":4739},[4604,6874,6875],{"class":4606,"line":4653},[4604,6876,5576],{"class":4739},[4604,6878,6879,6881,6883,6885,6887,6889,6891],{"class":4606,"line":4659},[4604,6880,6176],{"class":4739},[4604,6882,6218],{"class":4743},[4604,6884,6036],{"class":4739},[4604,6886,4789],{"class":4765},[4604,6888,4797],{"class":4739},[4604,6890,4800],{"class":4731},[4604,6892,4803],{"class":4739},[4604,6894,6895,6897,6899,6901,6903,6906,6908,6910],{"class":4606,"line":4664},[4604,6896,4821],{"class":4765},[4604,6898,4769],{"class":4739},[4604,6900,4789],{"class":4743},[4604,6902,4747],{"class":4739},[4604,6904,6905],{"class":4750},"'Помилка завантаження:'",[4604,6907,4780],{"class":4739},[4604,6909,4789],{"class":4765},[4604,6911,4754],{"class":4739},[4604,6913,6914],{"class":4606,"line":4670},[4604,6915,6916],{"class":4725},"        \u002F\u002F Якщо хоча б один запит не вдався — потрапимо сюди\n",[4604,6918,6919],{"class":4606,"line":4675},[4604,6920,5576],{"class":4739},[4588,6922,6923,6926],{},[4700,6924,6925],{},"Коли використовувати:"," Всі операції критично важливі, і якщо одна не вдається — не має сенсу продовжувати.",[6687,6928,6930,6935,7199,7204,7305],{"label":6929},"Promise.allSettled()",[4588,6931,6692,6932,6934],{},[4700,6933,6695],{}," промісів незалежно від результату (виконано чи відхилено).",[4595,6936,6938],{"className":4716,"code":6937,"language":4718,"meta":4599,"style":4599},"Promise.allSettled([\n    fetch('\u002Fapi\u002Fuser\u002F1').then((r) => r.json()),\n    fetch('\u002Fapi\u002Fuser\u002F2').then((r) => r.json()), \u002F\u002F Припустимо, цей запит не вдасться\n    fetch('\u002Fapi\u002Fuser\u002F3').then((r) => r.json()),\n]).then((results) => {\n    results.forEach((result, index) => {\n        if (result.status === 'fulfilled') {\n            console.log(`User ${index + 1}:`, result.value)\n        } else {\n            console.error(`User ${index + 1} failed:`, result.reason)\n        }\n    })\n})\n",[4601,6939,6940,6951,6979,7011,7039,7057,7082,7103,7143,7151,7187,7191,7195],{"__ignoreMap":4599},[4604,6941,6942,6944,6946,6949],{"class":4606,"line":4607},[4604,6943,5982],{"class":6032},[4604,6945,4769],{"class":4739},[4604,6947,6948],{"class":4743},"allSettled",[4604,6950,6718],{"class":4739},[4604,6952,6953,6955,6957,6959,6961,6963,6965,6967,6969,6971,6973,6975,6977],{"class":4606,"line":4613},[4604,6954,6723],{"class":4743},[4604,6956,4747],{"class":4739},[4604,6958,6728],{"class":4750},[4604,6960,6731],{"class":4739},[4604,6962,6179],{"class":4743},[4604,6964,6036],{"class":4739},[4604,6966,6738],{"class":4765},[4604,6968,4797],{"class":4739},[4604,6970,4800],{"class":4731},[4604,6972,6745],{"class":4765},[4604,6974,4769],{"class":4739},[4604,6976,6750],{"class":4743},[4604,6978,6753],{"class":4739},[4604,6980,6981,6983,6985,6987,6989,6991,6993,6995,6997,6999,7001,7003,7005,7008],{"class":4606,"line":4619},[4604,6982,6723],{"class":4743},[4604,6984,4747],{"class":4739},[4604,6986,6762],{"class":4750},[4604,6988,6731],{"class":4739},[4604,6990,6179],{"class":4743},[4604,6992,6036],{"class":4739},[4604,6994,6738],{"class":4765},[4604,6996,4797],{"class":4739},[4604,6998,4800],{"class":4731},[4604,7000,6745],{"class":4765},[4604,7002,4769],{"class":4739},[4604,7004,6750],{"class":4743},[4604,7006,7007],{"class":4739},"()), ",[4604,7009,7010],{"class":4725},"\u002F\u002F Припустимо, цей запит не вдасться\n",[4604,7012,7013,7015,7017,7019,7021,7023,7025,7027,7029,7031,7033,7035,7037],{"class":4606,"line":4625},[4604,7014,6723],{"class":4743},[4604,7016,4747],{"class":4739},[4604,7018,6791],{"class":4750},[4604,7020,6731],{"class":4739},[4604,7022,6179],{"class":4743},[4604,7024,6036],{"class":4739},[4604,7026,6738],{"class":4765},[4604,7028,4797],{"class":4739},[4604,7030,4800],{"class":4731},[4604,7032,6745],{"class":4765},[4604,7034,4769],{"class":4739},[4604,7036,6750],{"class":4743},[4604,7038,6753],{"class":4739},[4604,7040,7041,7044,7046,7048,7051,7053,7055],{"class":4606,"line":4631},[4604,7042,7043],{"class":4739},"]).",[4604,7045,6179],{"class":4743},[4604,7047,6036],{"class":4739},[4604,7049,7050],{"class":4765},"results",[4604,7052,4797],{"class":4739},[4604,7054,4800],{"class":4731},[4604,7056,4803],{"class":4739},[4604,7058,7059,7062,7064,7067,7069,7071,7073,7076,7078,7080],{"class":4606,"line":4637},[4604,7060,7061],{"class":4765},"    results",[4604,7063,4769],{"class":4739},[4604,7065,7066],{"class":4743},"forEach",[4604,7068,6036],{"class":4739},[4604,7070,5133],{"class":4765},[4604,7072,4780],{"class":4739},[4604,7074,7075],{"class":4765},"index",[4604,7077,4797],{"class":4739},[4604,7079,4800],{"class":4731},[4604,7081,4803],{"class":4739},[4604,7083,7084,7086,7088,7090,7092,7095,7098,7101],{"class":4606,"line":4642},[4604,7085,5019],{"class":4808},[4604,7087,4703],{"class":4739},[4604,7089,5133],{"class":4765},[4604,7091,4769],{"class":4739},[4604,7093,7094],{"class":4765},"status",[4604,7096,7097],{"class":4739}," === ",[4604,7099,7100],{"class":4750},"'fulfilled'",[4604,7102,4816],{"class":4739},[4604,7104,7105,7107,7109,7111,7113,7116,7119,7121,7124,7126,7129,7132,7134,7136,7138,7141],{"class":4606,"line":4648},[4604,7106,5360],{"class":4765},[4604,7108,4769],{"class":4739},[4604,7110,4860],{"class":4743},[4604,7112,4747],{"class":4739},[4604,7114,7115],{"class":4750},"`User ",[4604,7117,7118],{"class":4731},"${",[4604,7120,7075],{"class":4765},[4604,7122,7123],{"class":4739}," +",[4604,7125,5123],{"class":5009},[4604,7127,7128],{"class":4731},"}",[4604,7130,7131],{"class":4750},":`",[4604,7133,4780],{"class":4739},[4604,7135,5133],{"class":4765},[4604,7137,4769],{"class":4739},[4604,7139,7140],{"class":4765},"value",[4604,7142,4754],{"class":4739},[4604,7144,7145,7147,7149],{"class":4606,"line":4653},[4604,7146,5051],{"class":4739},[4604,7148,5054],{"class":4808},[4604,7150,4803],{"class":4739},[4604,7152,7153,7155,7157,7159,7161,7163,7165,7167,7169,7171,7173,7176,7178,7180,7182,7185],{"class":4606,"line":4659},[4604,7154,5360],{"class":4765},[4604,7156,4769],{"class":4739},[4604,7158,4789],{"class":4743},[4604,7160,4747],{"class":4739},[4604,7162,7115],{"class":4750},[4604,7164,7118],{"class":4731},[4604,7166,7075],{"class":4765},[4604,7168,7123],{"class":4739},[4604,7170,5123],{"class":5009},[4604,7172,7128],{"class":4731},[4604,7174,7175],{"class":4750}," failed:`",[4604,7177,4780],{"class":4739},[4604,7179,5133],{"class":4765},[4604,7181,4769],{"class":4739},[4604,7183,7184],{"class":4765},"reason",[4604,7186,4754],{"class":4739},[4604,7188,7189],{"class":4606,"line":4664},[4604,7190,5085],{"class":4739},[4604,7192,7193],{"class":4606,"line":4670},[4604,7194,5576],{"class":4739},[4604,7196,7197],{"class":4606,"line":4675},[4604,7198,4876],{"class":4739},[4588,7200,7201],{},[4700,7202,7203],{},"Результат:",[4595,7205,7207],{"className":4716,"code":7206,"language":4718,"meta":4599,"style":4599},";[\n    { status: 'fulfilled', value: { id: 1, name: 'Alice' } },\n    { status: 'rejected', reason: Error('Network error') },\n    { status: 'fulfilled', value: { id: 3, name: 'Charlie' } },\n]\n",[4601,7208,7209,7214,7248,7272,7300],{"__ignoreMap":4599},[4604,7210,7211],{"class":4606,"line":4607},[4604,7212,7213],{"class":4739},";[\n",[4604,7215,7216,7219,7222,7225,7227,7230,7233,7235,7237,7239,7242,7245],{"class":4606,"line":4613},[4604,7217,7218],{"class":4739},"    { ",[4604,7220,7221],{"class":4765},"status:",[4604,7223,7224],{"class":4750}," 'fulfilled'",[4604,7226,4780],{"class":4739},[4604,7228,7229],{"class":4765},"value:",[4604,7231,7232],{"class":4739}," { ",[4604,7234,5120],{"class":4765},[4604,7236,5123],{"class":5009},[4604,7238,4780],{"class":4739},[4604,7240,7241],{"class":4765},"name:",[4604,7243,7244],{"class":4750}," 'Alice'",[4604,7246,7247],{"class":4739}," } },\n",[4604,7249,7250,7252,7254,7257,7259,7262,7264,7266,7269],{"class":4606,"line":4619},[4604,7251,7218],{"class":4739},[4604,7253,7221],{"class":4765},[4604,7255,7256],{"class":4750}," 'rejected'",[4604,7258,4780],{"class":4739},[4604,7260,7261],{"class":4765},"reason:",[4604,7263,5068],{"class":4743},[4604,7265,4747],{"class":4739},[4604,7267,7268],{"class":4750},"'Network error'",[4604,7270,7271],{"class":4739},") },\n",[4604,7273,7274,7276,7278,7280,7282,7284,7286,7288,7291,7293,7295,7298],{"class":4606,"line":4625},[4604,7275,7218],{"class":4739},[4604,7277,7221],{"class":4765},[4604,7279,7224],{"class":4750},[4604,7281,4780],{"class":4739},[4604,7283,7229],{"class":4765},[4604,7285,7232],{"class":4739},[4604,7287,5120],{"class":4765},[4604,7289,7290],{"class":5009}," 3",[4604,7292,4780],{"class":4739},[4604,7294,7241],{"class":4765},[4604,7296,7297],{"class":4750}," 'Charlie'",[4604,7299,7247],{"class":4739},[4604,7301,7302],{"class":4606,"line":4631},[4604,7303,7304],{"class":4739},"]\n",[4588,7306,7307,7309],{},[4700,7308,6925],{}," Потрібно отримати всі результати, навіть якщо частина операцій не вдалася.",[6687,7311,7313,7320,7491],{"label":7312},"Promise.race()",[4588,7314,7315,7316,7319],{},"Повертає результат ",[4700,7317,7318],{},"першого"," завершеного проміса (неважливо, успішно чи з помилкою).",[4595,7321,7323],{"className":4716,"code":7322,"language":4718,"meta":4599,"style":4599},"Promise.race([\n    fetch('\u002Fapi\u002Ffast-server\u002Fdata'),\n    fetch('\u002Fapi\u002Fslow-server\u002Fdata'),\n    new Promise((_, reject) => setTimeout(() => reject(new Error('Timeout')), 5000)),\n])\n    .then((data) => {\n        console.log('Отримано від найшвидшого сервера:', data)\n    })\n    .catch((error) => {\n        console.error('Найшвидша операція не вдалася:', error)\n    })\n",[4601,7324,7325,7336,7348,7359,7409,7413,7429,7448,7452,7468,7487],{"__ignoreMap":4599},[4604,7326,7327,7329,7331,7334],{"class":4606,"line":4607},[4604,7328,5982],{"class":6032},[4604,7330,4769],{"class":4739},[4604,7332,7333],{"class":4743},"race",[4604,7335,6718],{"class":4739},[4604,7337,7338,7340,7342,7345],{"class":4606,"line":4613},[4604,7339,6723],{"class":4743},[4604,7341,4747],{"class":4739},[4604,7343,7344],{"class":4750},"'\u002Fapi\u002Ffast-server\u002Fdata'",[4604,7346,7347],{"class":4739},"),\n",[4604,7349,7350,7352,7354,7357],{"class":4606,"line":4619},[4604,7351,6723],{"class":4743},[4604,7353,4747],{"class":4739},[4604,7355,7356],{"class":4750},"'\u002Fapi\u002Fslow-server\u002Fdata'",[4604,7358,7347],{"class":4739},[4604,7360,7361,7364,7366,7368,7371,7373,7375,7377,7379,7382,7384,7386,7389,7391,7393,7395,7397,7400,7403,7406],{"class":4606,"line":4625},[4604,7362,7363],{"class":4731},"    new",[4604,7365,6033],{"class":6032},[4604,7367,6036],{"class":4739},[4604,7369,7370],{"class":4765},"_",[4604,7372,4780],{"class":4739},[4604,7374,6044],{"class":4765},[4604,7376,4797],{"class":4739},[4604,7378,4800],{"class":4731},[4604,7380,7381],{"class":4743}," setTimeout",[4604,7383,4981],{"class":4739},[4604,7385,4800],{"class":4731},[4604,7387,7388],{"class":4743}," reject",[4604,7390,4747],{"class":4739},[4604,7392,5065],{"class":4731},[4604,7394,5068],{"class":4743},[4604,7396,4747],{"class":4739},[4604,7398,7399],{"class":4750},"'Timeout'",[4604,7401,7402],{"class":4739},")), ",[4604,7404,7405],{"class":5009},"5000",[4604,7407,7408],{"class":4739},")),\n",[4604,7410,7411],{"class":4606,"line":4631},[4604,7412,6816],{"class":4739},[4604,7414,7415,7417,7419,7421,7423,7425,7427],{"class":4606,"line":4637},[4604,7416,6176],{"class":4739},[4604,7418,6179],{"class":4743},[4604,7420,6036],{"class":4739},[4604,7422,4794],{"class":4765},[4604,7424,4797],{"class":4739},[4604,7426,4800],{"class":4731},[4604,7428,4803],{"class":4739},[4604,7430,7431,7433,7435,7437,7439,7442,7444,7446],{"class":4606,"line":4642},[4604,7432,4821],{"class":4765},[4604,7434,4769],{"class":4739},[4604,7436,4860],{"class":4743},[4604,7438,4747],{"class":4739},[4604,7440,7441],{"class":4750},"'Отримано від найшвидшого сервера:'",[4604,7443,4780],{"class":4739},[4604,7445,4794],{"class":4765},[4604,7447,4754],{"class":4739},[4604,7449,7450],{"class":4606,"line":4648},[4604,7451,5576],{"class":4739},[4604,7453,7454,7456,7458,7460,7462,7464,7466],{"class":4606,"line":4653},[4604,7455,6176],{"class":4739},[4604,7457,6218],{"class":4743},[4604,7459,6036],{"class":4739},[4604,7461,4789],{"class":4765},[4604,7463,4797],{"class":4739},[4604,7465,4800],{"class":4731},[4604,7467,4803],{"class":4739},[4604,7469,7470,7472,7474,7476,7478,7481,7483,7485],{"class":4606,"line":4659},[4604,7471,4821],{"class":4765},[4604,7473,4769],{"class":4739},[4604,7475,4789],{"class":4743},[4604,7477,4747],{"class":4739},[4604,7479,7480],{"class":4750},"'Найшвидша операція не вдалася:'",[4604,7482,4780],{"class":4739},[4604,7484,4789],{"class":4765},[4604,7486,4754],{"class":4739},[4604,7488,7489],{"class":4606,"line":4664},[4604,7490,5576],{"class":4739},[4588,7492,7493,7495],{},[4700,7494,6925],{}," Реалізація timeout, вибір найшвидшого джерела даних, скасування затримлених операцій.",[6687,7497,7499,7509,7682],{"label":7498},"Promise.any()",[4588,7500,7315,7501,7504,7505,7508],{},[4700,7502,7503],{},"першого успішного"," проміса. Відхиляє лише якщо ",[4700,7506,7507],{},"всі"," проміси відхилені.",[4595,7510,7512],{"className":4716,"code":7511,"language":4718,"meta":4599,"style":4599},"Promise.any([\n    fetch('\u002Fapi\u002Fserver1\u002Fdata').catch(() => Promise.reject('Server 1 offline')),\n    fetch('\u002Fapi\u002Fserver2\u002Fdata').catch(() => Promise.reject('Server 2 offline')),\n    fetch('\u002Fapi\u002Fserver3\u002Fdata'),\n])\n    .then((data) => {\n        console.log('Дані отримано від одного з серверів:', data)\n    })\n    .catch((errors) => {\n        console.error('Всі сервери недоступні:', errors) \u002F\u002F AggregateError\n    })\n",[4601,7513,7514,7525,7555,7585,7596,7600,7616,7635,7639,7656,7678],{"__ignoreMap":4599},[4604,7515,7516,7518,7520,7523],{"class":4606,"line":4607},[4604,7517,5982],{"class":6032},[4604,7519,4769],{"class":4739},[4604,7521,7522],{"class":4743},"any",[4604,7524,6718],{"class":4739},[4604,7526,7527,7529,7531,7534,7536,7538,7540,7542,7544,7546,7548,7550,7553],{"class":4606,"line":4613},[4604,7528,6723],{"class":4743},[4604,7530,4747],{"class":4739},[4604,7532,7533],{"class":4750},"'\u002Fapi\u002Fserver1\u002Fdata'",[4604,7535,6731],{"class":4739},[4604,7537,6218],{"class":4743},[4604,7539,4981],{"class":4739},[4604,7541,4800],{"class":4731},[4604,7543,6033],{"class":6032},[4604,7545,4769],{"class":4739},[4604,7547,6044],{"class":4743},[4604,7549,4747],{"class":4739},[4604,7551,7552],{"class":4750},"'Server 1 offline'",[4604,7554,7408],{"class":4739},[4604,7556,7557,7559,7561,7564,7566,7568,7570,7572,7574,7576,7578,7580,7583],{"class":4606,"line":4619},[4604,7558,6723],{"class":4743},[4604,7560,4747],{"class":4739},[4604,7562,7563],{"class":4750},"'\u002Fapi\u002Fserver2\u002Fdata'",[4604,7565,6731],{"class":4739},[4604,7567,6218],{"class":4743},[4604,7569,4981],{"class":4739},[4604,7571,4800],{"class":4731},[4604,7573,6033],{"class":6032},[4604,7575,4769],{"class":4739},[4604,7577,6044],{"class":4743},[4604,7579,4747],{"class":4739},[4604,7581,7582],{"class":4750},"'Server 2 offline'",[4604,7584,7408],{"class":4739},[4604,7586,7587,7589,7591,7594],{"class":4606,"line":4625},[4604,7588,6723],{"class":4743},[4604,7590,4747],{"class":4739},[4604,7592,7593],{"class":4750},"'\u002Fapi\u002Fserver3\u002Fdata'",[4604,7595,7347],{"class":4739},[4604,7597,7598],{"class":4606,"line":4631},[4604,7599,6816],{"class":4739},[4604,7601,7602,7604,7606,7608,7610,7612,7614],{"class":4606,"line":4637},[4604,7603,6176],{"class":4739},[4604,7605,6179],{"class":4743},[4604,7607,6036],{"class":4739},[4604,7609,4794],{"class":4765},[4604,7611,4797],{"class":4739},[4604,7613,4800],{"class":4731},[4604,7615,4803],{"class":4739},[4604,7617,7618,7620,7622,7624,7626,7629,7631,7633],{"class":4606,"line":4642},[4604,7619,4821],{"class":4765},[4604,7621,4769],{"class":4739},[4604,7623,4860],{"class":4743},[4604,7625,4747],{"class":4739},[4604,7627,7628],{"class":4750},"'Дані отримано від одного з серверів:'",[4604,7630,4780],{"class":4739},[4604,7632,4794],{"class":4765},[4604,7634,4754],{"class":4739},[4604,7636,7637],{"class":4606,"line":4648},[4604,7638,5576],{"class":4739},[4604,7640,7641,7643,7645,7647,7650,7652,7654],{"class":4606,"line":4653},[4604,7642,6176],{"class":4739},[4604,7644,6218],{"class":4743},[4604,7646,6036],{"class":4739},[4604,7648,7649],{"class":4765},"errors",[4604,7651,4797],{"class":4739},[4604,7653,4800],{"class":4731},[4604,7655,4803],{"class":4739},[4604,7657,7658,7660,7662,7664,7666,7669,7671,7673,7675],{"class":4606,"line":4659},[4604,7659,4821],{"class":4765},[4604,7661,4769],{"class":4739},[4604,7663,4789],{"class":4743},[4604,7665,4747],{"class":4739},[4604,7667,7668],{"class":4750},"'Всі сервери недоступні:'",[4604,7670,4780],{"class":4739},[4604,7672,7649],{"class":4765},[4604,7674,4797],{"class":4739},[4604,7676,7677],{"class":4725},"\u002F\u002F AggregateError\n",[4604,7679,7680],{"class":4606,"line":4664},[4604,7681,5576],{"class":4739},[4588,7683,7684,7686],{},[4700,7685,6925],{}," Резервні джерела даних (fallback mechanism), де достатньо успіху хоча б одного.",[4710,7688,7690],{"id":7689},"обробка-помилок-у-промісах","Обробка помилок у промісах",[4588,7692,7693,7694,7697],{},"Критично важливо правильно обробляти помилки, щоб уникнути \"неперехоплених\" (",[4705,7695,7696],{},"unhandled",") відхилень промісів.",[4595,7699,7701],{"className":4716,"code":7700,"language":4718,"meta":4599,"style":4599},"\u002F\u002F ❌ НЕПРАВИЛЬНО — помилка не обробляється\nfetch('\u002Fapi\u002Fdata')\n    .then((response) => response.json())\n    .then((data) => {\n        console.log(data)\n    })\n\u002F\u002F Якщо запит не вдасться — отримаємо \"Unhandled Promise Rejection\"\n\n\u002F\u002F ✅ ПРАВИЛЬНО — завжди додавайте .catch()\nfetch('\u002Fapi\u002Fdata')\n    .then((response) => response.json())\n    .then((data) => {\n        console.log(data)\n    })\n    .catch((error) => {\n        console.error('Помилка завантаження:', error)\n    })\n",[4601,7702,7703,7708,7720,7745,7761,7775,7779,7784,7788,7793,7803,7825,7841,7855,7859,7875,7893],{"__ignoreMap":4599},[4604,7704,7705],{"class":4606,"line":4607},[4604,7706,7707],{"class":4725},"\u002F\u002F ❌ НЕПРАВИЛЬНО — помилка не обробляється\n",[4604,7709,7710,7713,7715,7718],{"class":4606,"line":4613},[4604,7711,7712],{"class":4743},"fetch",[4604,7714,4747],{"class":4739},[4604,7716,7717],{"class":4750},"'\u002Fapi\u002Fdata'",[4604,7719,4754],{"class":4739},[4604,7721,7722,7724,7726,7728,7731,7733,7735,7738,7740,7742],{"class":4606,"line":4619},[4604,7723,6176],{"class":4739},[4604,7725,6179],{"class":4743},[4604,7727,6036],{"class":4739},[4604,7729,7730],{"class":4765},"response",[4604,7732,4797],{"class":4739},[4604,7734,4800],{"class":4731},[4604,7736,7737],{"class":4765}," response",[4604,7739,4769],{"class":4739},[4604,7741,6750],{"class":4743},[4604,7743,7744],{"class":4739},"())\n",[4604,7746,7747,7749,7751,7753,7755,7757,7759],{"class":4606,"line":4625},[4604,7748,6176],{"class":4739},[4604,7750,6179],{"class":4743},[4604,7752,6036],{"class":4739},[4604,7754,4794],{"class":4765},[4604,7756,4797],{"class":4739},[4604,7758,4800],{"class":4731},[4604,7760,4803],{"class":4739},[4604,7762,7763,7765,7767,7769,7771,7773],{"class":4606,"line":4631},[4604,7764,4821],{"class":4765},[4604,7766,4769],{"class":4739},[4604,7768,4860],{"class":4743},[4604,7770,4747],{"class":4739},[4604,7772,4794],{"class":4765},[4604,7774,4754],{"class":4739},[4604,7776,7777],{"class":4606,"line":4637},[4604,7778,5576],{"class":4739},[4604,7780,7781],{"class":4606,"line":4642},[4604,7782,7783],{"class":4725},"\u002F\u002F Якщо запит не вдасться — отримаємо \"Unhandled Promise Rejection\"\n",[4604,7785,7786],{"class":4606,"line":4648},[4604,7787,4760],{"emptyLinePlaceholder":4759},[4604,7789,7790],{"class":4606,"line":4653},[4604,7791,7792],{"class":4725},"\u002F\u002F ✅ ПРАВИЛЬНО — завжди додавайте .catch()\n",[4604,7794,7795,7797,7799,7801],{"class":4606,"line":4659},[4604,7796,7712],{"class":4743},[4604,7798,4747],{"class":4739},[4604,7800,7717],{"class":4750},[4604,7802,4754],{"class":4739},[4604,7804,7805,7807,7809,7811,7813,7815,7817,7819,7821,7823],{"class":4606,"line":4664},[4604,7806,6176],{"class":4739},[4604,7808,6179],{"class":4743},[4604,7810,6036],{"class":4739},[4604,7812,7730],{"class":4765},[4604,7814,4797],{"class":4739},[4604,7816,4800],{"class":4731},[4604,7818,7737],{"class":4765},[4604,7820,4769],{"class":4739},[4604,7822,6750],{"class":4743},[4604,7824,7744],{"class":4739},[4604,7826,7827,7829,7831,7833,7835,7837,7839],{"class":4606,"line":4670},[4604,7828,6176],{"class":4739},[4604,7830,6179],{"class":4743},[4604,7832,6036],{"class":4739},[4604,7834,4794],{"class":4765},[4604,7836,4797],{"class":4739},[4604,7838,4800],{"class":4731},[4604,7840,4803],{"class":4739},[4604,7842,7843,7845,7847,7849,7851,7853],{"class":4606,"line":4675},[4604,7844,4821],{"class":4765},[4604,7846,4769],{"class":4739},[4604,7848,4860],{"class":4743},[4604,7850,4747],{"class":4739},[4604,7852,4794],{"class":4765},[4604,7854,4754],{"class":4739},[4604,7856,7857],{"class":4606,"line":4681},[4604,7858,5576],{"class":4739},[4604,7860,7861,7863,7865,7867,7869,7871,7873],{"class":4606,"line":4686},[4604,7862,6176],{"class":4739},[4604,7864,6218],{"class":4743},[4604,7866,6036],{"class":4739},[4604,7868,4789],{"class":4765},[4604,7870,4797],{"class":4739},[4604,7872,4800],{"class":4731},[4604,7874,4803],{"class":4739},[4604,7876,7877,7879,7881,7883,7885,7887,7889,7891],{"class":4606,"line":5142},[4604,7878,4821],{"class":4765},[4604,7880,4769],{"class":4739},[4604,7882,4789],{"class":4743},[4604,7884,4747],{"class":4739},[4604,7886,6905],{"class":4750},[4604,7888,4780],{"class":4739},[4604,7890,4789],{"class":4765},[4604,7892,4754],{"class":4739},[4604,7894,7895],{"class":4606,"line":5153},[4604,7896,5576],{"class":4739},[4588,7898,7899,7902],{},[4700,7900,7901],{},"Важливо:"," Помилки \"спливають\" по ланцюжку промісів:",[4595,7904,7906],{"className":4716,"code":7905,"language":4718,"meta":4599,"style":4599},"fetchUser(id)\n    .then((user) => {\n        if (!user.active) {\n            throw new Error('Користувач неактивний') \u002F\u002F Помилка у .then()\n        }\n        return user\n    })\n    .then((user) => {\n        \u002F\u002F Цей .then() НЕ виконається через throw вище\n        return processUser(user)\n    })\n    .catch((error) => {\n        \u002F\u002F Сюди потраплять ВСІ помилки з попередніх .then()\n        console.error('Обробка не вдалася:', error.message)\n    })\n",[4601,7907,7908,7919,7935,7951,7971,7975,7982,7986,8002,8007,8020,8024,8040,8045,8068],{"__ignoreMap":4599},[4604,7909,7910,7913,7915,7917],{"class":4606,"line":4607},[4604,7911,7912],{"class":4743},"fetchUser",[4604,7914,4747],{"class":4739},[4604,7916,5329],{"class":4765},[4604,7918,4754],{"class":4739},[4604,7920,7921,7923,7925,7927,7929,7931,7933],{"class":4606,"line":4613},[4604,7922,6176],{"class":4739},[4604,7924,6179],{"class":4743},[4604,7926,6036],{"class":4739},[4604,7928,5273],{"class":4765},[4604,7930,4797],{"class":4739},[4604,7932,4800],{"class":4731},[4604,7934,4803],{"class":4739},[4604,7936,7937,7939,7942,7944,7946,7949],{"class":4606,"line":4619},[4604,7938,5019],{"class":4808},[4604,7940,7941],{"class":4739}," (!",[4604,7943,5273],{"class":4765},[4604,7945,4769],{"class":4739},[4604,7947,7948],{"class":4765},"active",[4604,7950,4816],{"class":4739},[4604,7952,7953,7956,7959,7961,7963,7966,7968],{"class":4606,"line":4625},[4604,7954,7955],{"class":4808},"            throw",[4604,7957,7958],{"class":4731}," new",[4604,7960,5068],{"class":4743},[4604,7962,4747],{"class":4739},[4604,7964,7965],{"class":4750},"'Користувач неактивний'",[4604,7967,4797],{"class":4739},[4604,7969,7970],{"class":4725},"\u002F\u002F Помилка у .then()\n",[4604,7972,7973],{"class":4606,"line":4631},[4604,7974,5085],{"class":4739},[4604,7976,7977,7979],{"class":4606,"line":4637},[4604,7978,6393],{"class":4808},[4604,7980,7981],{"class":4765}," user\n",[4604,7983,7984],{"class":4606,"line":4642},[4604,7985,5576],{"class":4739},[4604,7987,7988,7990,7992,7994,7996,7998,8000],{"class":4606,"line":4648},[4604,7989,6176],{"class":4739},[4604,7991,6179],{"class":4743},[4604,7993,6036],{"class":4739},[4604,7995,5273],{"class":4765},[4604,7997,4797],{"class":4739},[4604,7999,4800],{"class":4731},[4604,8001,4803],{"class":4739},[4604,8003,8004],{"class":4606,"line":4653},[4604,8005,8006],{"class":4725},"        \u002F\u002F Цей .then() НЕ виконається через throw вище\n",[4604,8008,8009,8011,8014,8016,8018],{"class":4606,"line":4659},[4604,8010,6393],{"class":4808},[4604,8012,8013],{"class":4743}," processUser",[4604,8015,4747],{"class":4739},[4604,8017,5273],{"class":4765},[4604,8019,4754],{"class":4739},[4604,8021,8022],{"class":4606,"line":4664},[4604,8023,5576],{"class":4739},[4604,8025,8026,8028,8030,8032,8034,8036,8038],{"class":4606,"line":4670},[4604,8027,6176],{"class":4739},[4604,8029,6218],{"class":4743},[4604,8031,6036],{"class":4739},[4604,8033,4789],{"class":4765},[4604,8035,4797],{"class":4739},[4604,8037,4800],{"class":4731},[4604,8039,4803],{"class":4739},[4604,8041,8042],{"class":4606,"line":4675},[4604,8043,8044],{"class":4725},"        \u002F\u002F Сюди потраплять ВСІ помилки з попередніх .then()\n",[4604,8046,8047,8049,8051,8053,8055,8058,8060,8062,8064,8066],{"class":4606,"line":4681},[4604,8048,4821],{"class":4765},[4604,8050,4769],{"class":4739},[4604,8052,4789],{"class":4743},[4604,8054,4747],{"class":4739},[4604,8056,8057],{"class":4750},"'Обробка не вдалася:'",[4604,8059,4780],{"class":4739},[4604,8061,4789],{"class":4765},[4604,8063,4769],{"class":4739},[4604,8065,5173],{"class":4765},[4604,8067,4754],{"class":4739},[4604,8069,8070],{"class":4606,"line":4686},[4604,8071,5576],{"class":4739},[8073,8074,8075,8080],"warning",{},[4588,8076,8077],{},[4700,8078,8079],{},"Типова помилка — \"проковтування\" помилок:",[4595,8081,8083],{"className":4716,"code":8082,"language":4718,"meta":4599,"style":4599},"\u002F\u002F ❌ Помилка буде проігнорована\npromise\n    .then((data) => {\n        \u002F\u002F ...\n    })\n    .catch((error) => {\n        console.log('Помилка:', error)\n        \u002F\u002F Не повертаємо та не кидаємо помилку далі\n    })\n    .then((data) => {\n        \u002F\u002F Цей .then() виконається навіть після помилки!\n        \u002F\u002F data буде undefined\n    })\n\n\u002F\u002F ✅ Правильно — пробросити помилку далі\npromise\n    .then((data) => {\n        \u002F\u002F ...\n    })\n    .catch((error) => {\n        console.log('Помилка:', error)\n        throw error \u002F\u002F Або return Promise.reject(error)\n    })\n    .then((data) => {\n        \u002F\u002F Цей .then() НЕ виконається\n    })\n    .catch((error) => {\n        \u002F\u002F Фінальна обробка помилки\n    })\n",[4601,8084,8085,8090,8094,8110,8115,8119,8135,8153,8158,8162,8178,8183,8188,8192,8196,8201,8205,8221,8225,8229,8245,8263,8274,8278,8294,8299,8303,8319,8324],{"__ignoreMap":4599},[4604,8086,8087],{"class":4606,"line":4607},[4604,8088,8089],{"class":4725},"\u002F\u002F ❌ Помилка буде проігнорована\n",[4604,8091,8092],{"class":4606,"line":4613},[4604,8093,6171],{"class":4765},[4604,8095,8096,8098,8100,8102,8104,8106,8108],{"class":4606,"line":4619},[4604,8097,6176],{"class":4739},[4604,8099,6179],{"class":4743},[4604,8101,6036],{"class":4739},[4604,8103,4794],{"class":4765},[4604,8105,4797],{"class":4739},[4604,8107,4800],{"class":4731},[4604,8109,4803],{"class":4739},[4604,8111,8112],{"class":4606,"line":4625},[4604,8113,8114],{"class":4725},"        \u002F\u002F ...\n",[4604,8116,8117],{"class":4606,"line":4631},[4604,8118,5576],{"class":4739},[4604,8120,8121,8123,8125,8127,8129,8131,8133],{"class":4606,"line":4637},[4604,8122,6176],{"class":4739},[4604,8124,6218],{"class":4743},[4604,8126,6036],{"class":4739},[4604,8128,4789],{"class":4765},[4604,8130,4797],{"class":4739},[4604,8132,4800],{"class":4731},[4604,8134,4803],{"class":4739},[4604,8136,8137,8139,8141,8143,8145,8147,8149,8151],{"class":4606,"line":4642},[4604,8138,4821],{"class":4765},[4604,8140,4769],{"class":4739},[4604,8142,4860],{"class":4743},[4604,8144,4747],{"class":4739},[4604,8146,6241],{"class":4750},[4604,8148,4780],{"class":4739},[4604,8150,4789],{"class":4765},[4604,8152,4754],{"class":4739},[4604,8154,8155],{"class":4606,"line":4648},[4604,8156,8157],{"class":4725},"        \u002F\u002F Не повертаємо та не кидаємо помилку далі\n",[4604,8159,8160],{"class":4606,"line":4653},[4604,8161,5576],{"class":4739},[4604,8163,8164,8166,8168,8170,8172,8174,8176],{"class":4606,"line":4659},[4604,8165,6176],{"class":4739},[4604,8167,6179],{"class":4743},[4604,8169,6036],{"class":4739},[4604,8171,4794],{"class":4765},[4604,8173,4797],{"class":4739},[4604,8175,4800],{"class":4731},[4604,8177,4803],{"class":4739},[4604,8179,8180],{"class":4606,"line":4664},[4604,8181,8182],{"class":4725},"        \u002F\u002F Цей .then() виконається навіть після помилки!\n",[4604,8184,8185],{"class":4606,"line":4670},[4604,8186,8187],{"class":4725},"        \u002F\u002F data буде undefined\n",[4604,8189,8190],{"class":4606,"line":4675},[4604,8191,5576],{"class":4739},[4604,8193,8194],{"class":4606,"line":4681},[4604,8195,4760],{"emptyLinePlaceholder":4759},[4604,8197,8198],{"class":4606,"line":4686},[4604,8199,8200],{"class":4725},"\u002F\u002F ✅ Правильно — пробросити помилку далі\n",[4604,8202,8203],{"class":4606,"line":5142},[4604,8204,6171],{"class":4765},[4604,8206,8207,8209,8211,8213,8215,8217,8219],{"class":4606,"line":5153},[4604,8208,6176],{"class":4739},[4604,8210,6179],{"class":4743},[4604,8212,6036],{"class":4739},[4604,8214,4794],{"class":4765},[4604,8216,4797],{"class":4739},[4604,8218,4800],{"class":4731},[4604,8220,4803],{"class":4739},[4604,8222,8223],{"class":4606,"line":5178},[4604,8224,8114],{"class":4725},[4604,8226,8227],{"class":4606,"line":5183},[4604,8228,5576],{"class":4739},[4604,8230,8231,8233,8235,8237,8239,8241,8243],{"class":4606,"line":5188},[4604,8232,6176],{"class":4739},[4604,8234,6218],{"class":4743},[4604,8236,6036],{"class":4739},[4604,8238,4789],{"class":4765},[4604,8240,4797],{"class":4739},[4604,8242,4800],{"class":4731},[4604,8244,4803],{"class":4739},[4604,8246,8247,8249,8251,8253,8255,8257,8259,8261],{"class":4606,"line":5193},[4604,8248,4821],{"class":4765},[4604,8250,4769],{"class":4739},[4604,8252,4860],{"class":4743},[4604,8254,4747],{"class":4739},[4604,8256,6241],{"class":4750},[4604,8258,4780],{"class":4739},[4604,8260,4789],{"class":4765},[4604,8262,4754],{"class":4739},[4604,8264,8265,8268,8271],{"class":4606,"line":5213},[4604,8266,8267],{"class":4808},"        throw",[4604,8269,8270],{"class":4765}," error",[4604,8272,8273],{"class":4725}," \u002F\u002F Або return Promise.reject(error)\n",[4604,8275,8276],{"class":4606,"line":5518},[4604,8277,5576],{"class":4739},[4604,8279,8280,8282,8284,8286,8288,8290,8292],{"class":4606,"line":5524},[4604,8281,6176],{"class":4739},[4604,8283,6179],{"class":4743},[4604,8285,6036],{"class":4739},[4604,8287,4794],{"class":4765},[4604,8289,4797],{"class":4739},[4604,8291,4800],{"class":4731},[4604,8293,4803],{"class":4739},[4604,8295,8296],{"class":4606,"line":5530},[4604,8297,8298],{"class":4725},"        \u002F\u002F Цей .then() НЕ виконається\n",[4604,8300,8301],{"class":4606,"line":5535},[4604,8302,5576],{"class":4739},[4604,8304,8305,8307,8309,8311,8313,8315,8317],{"class":4606,"line":5555},[4604,8306,6176],{"class":4739},[4604,8308,6218],{"class":4743},[4604,8310,6036],{"class":4739},[4604,8312,4789],{"class":4765},[4604,8314,4797],{"class":4739},[4604,8316,4800],{"class":4731},[4604,8318,4803],{"class":4739},[4604,8320,8321],{"class":4606,"line":5561},[4604,8322,8323],{"class":4725},"        \u002F\u002F Фінальна обробка помилки\n",[4604,8325,8326],{"class":4606,"line":5567},[4604,8327,5576],{"class":4739},[4583,8329,8331],{"id":8330},"asyncawait-синтаксичний-цукор-над-промісами","Async\u002FAwait: синтаксичний цукор над промісами",[4588,8333,8334,8337,8338,8341],{},[4700,8335,8336],{},"ES2017"," представив ",[4601,8339,8340],{},"async\u002Fawait"," — найсучасніший спосіб роботи з асинхронним кодом, який виглядає як синхронний.",[4710,8343,8345],{"id":8344},"базовий-синтаксис","Базовий синтаксис",[4595,8347,8349],{"className":4716,"code":8348,"language":4718,"meta":4599,"style":4599},"\u002F\u002F Функція, яка повертає проміс\nfunction fetchUser(id) {\n    return fetch(`\u002Fapi\u002Fusers\u002F${id}`).then((r) => r.json())\n}\n\n\u002F\u002F ❌ Підхід через .then()\nfunction getUserData(id) {\n    fetchUser(id)\n        .then((user) => {\n            console.log(user)\n            return fetchOrders(user.id)\n        })\n        .then((orders) => {\n            console.log(orders)\n        })\n}\n\n\u002F\u002F ✅ Підхід через async\u002Fawait\nasync function getUserData(id) {\n    const user = await fetchUser(id)\n    console.log(user)\n\n    const orders = await fetchOrders(user.id)\n    console.log(orders)\n}\n",[4601,8350,8351,8356,8369,8411,8415,8419,8424,8437,8448,8465,8479,8497,8501,8517,8531,8535,8539,8543,8548,8564,8585,8599,8603,8626,8640],{"__ignoreMap":4599},[4604,8352,8353],{"class":4606,"line":4607},[4604,8354,8355],{"class":4725},"\u002F\u002F Функція, яка повертає проміс\n",[4604,8357,8358,8360,8363,8365,8367],{"class":4606,"line":4613},[4604,8359,4953],{"class":4731},[4604,8361,8362],{"class":4743}," fetchUser",[4604,8364,4747],{"class":4739},[4604,8366,5329],{"class":4765},[4604,8368,4816],{"class":4739},[4604,8370,8371,8374,8377,8379,8382,8384,8386,8388,8391,8393,8395,8397,8399,8401,8403,8405,8407,8409],{"class":4606,"line":4619},[4604,8372,8373],{"class":4808},"    return",[4604,8375,8376],{"class":4743}," fetch",[4604,8378,4747],{"class":4739},[4604,8380,8381],{"class":4750},"`\u002Fapi\u002Fusers\u002F",[4604,8383,7118],{"class":4731},[4604,8385,5329],{"class":4765},[4604,8387,7128],{"class":4731},[4604,8389,8390],{"class":4750},"`",[4604,8392,6731],{"class":4739},[4604,8394,6179],{"class":4743},[4604,8396,6036],{"class":4739},[4604,8398,6738],{"class":4765},[4604,8400,4797],{"class":4739},[4604,8402,4800],{"class":4731},[4604,8404,6745],{"class":4765},[4604,8406,4769],{"class":4739},[4604,8408,6750],{"class":4743},[4604,8410,7744],{"class":4739},[4604,8412,8413],{"class":4606,"line":4625},[4604,8414,5100],{"class":4739},[4604,8416,8417],{"class":4606,"line":4631},[4604,8418,4760],{"emptyLinePlaceholder":4759},[4604,8420,8421],{"class":4606,"line":4637},[4604,8422,8423],{"class":4725},"\u002F\u002F ❌ Підхід через .then()\n",[4604,8425,8426,8428,8431,8433,8435],{"class":4606,"line":4642},[4604,8427,4953],{"class":4731},[4604,8429,8430],{"class":4743}," getUserData",[4604,8432,4747],{"class":4739},[4604,8434,5329],{"class":4765},[4604,8436,4816],{"class":4739},[4604,8438,8439,8442,8444,8446],{"class":4606,"line":4648},[4604,8440,8441],{"class":4743},"    fetchUser",[4604,8443,4747],{"class":4739},[4604,8445,5329],{"class":4765},[4604,8447,4754],{"class":4739},[4604,8449,8450,8453,8455,8457,8459,8461,8463],{"class":4606,"line":4653},[4604,8451,8452],{"class":4739},"        .",[4604,8454,6179],{"class":4743},[4604,8456,6036],{"class":4739},[4604,8458,5273],{"class":4765},[4604,8460,4797],{"class":4739},[4604,8462,4800],{"class":4731},[4604,8464,4803],{"class":4739},[4604,8466,8467,8469,8471,8473,8475,8477],{"class":4606,"line":4659},[4604,8468,5360],{"class":4765},[4604,8470,4769],{"class":4739},[4604,8472,4860],{"class":4743},[4604,8474,4747],{"class":4739},[4604,8476,5273],{"class":4765},[4604,8478,4754],{"class":4739},[4604,8480,8481,8484,8487,8489,8491,8493,8495],{"class":4606,"line":4664},[4604,8482,8483],{"class":4808},"            return",[4604,8485,8486],{"class":4743}," fetchOrders",[4604,8488,4747],{"class":4739},[4604,8490,5273],{"class":4765},[4604,8492,4769],{"class":4739},[4604,8494,5329],{"class":4765},[4604,8496,4754],{"class":4739},[4604,8498,8499],{"class":4606,"line":4670},[4604,8500,5570],{"class":4739},[4604,8502,8503,8505,8507,8509,8511,8513,8515],{"class":4606,"line":4675},[4604,8504,8452],{"class":4739},[4604,8506,6179],{"class":4743},[4604,8508,6036],{"class":4739},[4604,8510,5339],{"class":4765},[4604,8512,4797],{"class":4739},[4604,8514,4800],{"class":4731},[4604,8516,4803],{"class":4739},[4604,8518,8519,8521,8523,8525,8527,8529],{"class":4606,"line":4681},[4604,8520,5360],{"class":4765},[4604,8522,4769],{"class":4739},[4604,8524,4860],{"class":4743},[4604,8526,4747],{"class":4739},[4604,8528,5339],{"class":4765},[4604,8530,4754],{"class":4739},[4604,8532,8533],{"class":4606,"line":4686},[4604,8534,5570],{"class":4739},[4604,8536,8537],{"class":4606,"line":5142},[4604,8538,5100],{"class":4739},[4604,8540,8541],{"class":4606,"line":5153},[4604,8542,4760],{"emptyLinePlaceholder":4759},[4604,8544,8545],{"class":4606,"line":5178},[4604,8546,8547],{"class":4725},"\u002F\u002F ✅ Підхід через async\u002Fawait\n",[4604,8549,8550,8553,8556,8558,8560,8562],{"class":4606,"line":5183},[4604,8551,8552],{"class":4731},"async",[4604,8554,8555],{"class":4731}," function",[4604,8557,8430],{"class":4743},[4604,8559,4747],{"class":4739},[4604,8561,5329],{"class":4765},[4604,8563,4816],{"class":4739},[4604,8565,8566,8569,8572,8574,8577,8579,8581,8583],{"class":4606,"line":5188},[4604,8567,8568],{"class":4731},"    const",[4604,8570,8571],{"class":4735}," user",[4604,8573,4740],{"class":4739},[4604,8575,8576],{"class":4808},"await",[4604,8578,8362],{"class":4743},[4604,8580,4747],{"class":4739},[4604,8582,5329],{"class":4765},[4604,8584,4754],{"class":4739},[4604,8586,8587,8589,8591,8593,8595,8597],{"class":4606,"line":5193},[4604,8588,4855],{"class":4765},[4604,8590,4769],{"class":4739},[4604,8592,4860],{"class":4743},[4604,8594,4747],{"class":4739},[4604,8596,5273],{"class":4765},[4604,8598,4754],{"class":4739},[4604,8600,8601],{"class":4606,"line":5213},[4604,8602,4760],{"emptyLinePlaceholder":4759},[4604,8604,8605,8607,8610,8612,8614,8616,8618,8620,8622,8624],{"class":4606,"line":5518},[4604,8606,8568],{"class":4731},[4604,8608,8609],{"class":4735}," orders",[4604,8611,4740],{"class":4739},[4604,8613,8576],{"class":4808},[4604,8615,8486],{"class":4743},[4604,8617,4747],{"class":4739},[4604,8619,5273],{"class":4765},[4604,8621,4769],{"class":4739},[4604,8623,5329],{"class":4765},[4604,8625,4754],{"class":4739},[4604,8627,8628,8630,8632,8634,8636,8638],{"class":4606,"line":5524},[4604,8629,4855],{"class":4765},[4604,8631,4769],{"class":4739},[4604,8633,4860],{"class":4743},[4604,8635,4747],{"class":4739},[4604,8637,5339],{"class":4765},[4604,8639,4754],{"class":4739},[4604,8641,8642],{"class":4606,"line":5530},[4604,8643,5100],{"class":4739},[4588,8645,8646],{},[4700,8647,8648],{},"Ключові правила:",[4903,8650,8651,8660,8669],{},[4906,8652,8653,8655,8656,8659],{},[4601,8654,8552],{}," перед функцією перетворює її у ",[4700,8657,8658],{},"async function",", яка завжди повертає проміс",[4906,8661,8662,8664,8665,8668],{},[4601,8663,8576],{}," можна використовувати ",[4700,8666,8667],{},"лише всередині"," async функції",[4906,8670,8671,8673,8674,8677],{},[4601,8672,8576],{}," \"чекає\" на резолвінг проміса, але ",[4700,8675,8676],{},"не блокує"," Event Loop",[4710,8679,8681],{"id":8680},"як-це-працює-під-капотом","Як це працює під капотом?",[4595,8683,8685],{"className":4716,"code":8684,"language":4718,"meta":4599,"style":4599},"async function example() {\n    console.log('1')\n    const result = await Promise.resolve('2')\n    console.log(result)\n    console.log('3')\n}\n\nexample()\nconsole.log('4')\n",[4601,8686,8687,8699,8714,8738,8752,8767,8771,8775,8783],{"__ignoreMap":4599},[4604,8688,8689,8691,8693,8696],{"class":4606,"line":4607},[4604,8690,8552],{"class":4731},[4604,8692,8555],{"class":4731},[4604,8694,8695],{"class":4743}," example",[4604,8697,8698],{"class":4739},"() {\n",[4604,8700,8701,8703,8705,8707,8709,8712],{"class":4606,"line":4613},[4604,8702,4855],{"class":4765},[4604,8704,4769],{"class":4739},[4604,8706,4860],{"class":4743},[4604,8708,4747],{"class":4739},[4604,8710,8711],{"class":4750},"'1'",[4604,8713,4754],{"class":4739},[4604,8715,8716,8718,8721,8723,8725,8727,8729,8731,8733,8736],{"class":4606,"line":4619},[4604,8717,8568],{"class":4731},[4604,8719,8720],{"class":4735}," result",[4604,8722,4740],{"class":4739},[4604,8724,8576],{"class":4808},[4604,8726,6033],{"class":6032},[4604,8728,4769],{"class":4739},[4604,8730,6039],{"class":4743},[4604,8732,4747],{"class":4739},[4604,8734,8735],{"class":4750},"'2'",[4604,8737,4754],{"class":4739},[4604,8739,8740,8742,8744,8746,8748,8750],{"class":4606,"line":4625},[4604,8741,4855],{"class":4765},[4604,8743,4769],{"class":4739},[4604,8745,4860],{"class":4743},[4604,8747,4747],{"class":4739},[4604,8749,5133],{"class":4765},[4604,8751,4754],{"class":4739},[4604,8753,8754,8756,8758,8760,8762,8765],{"class":4606,"line":4631},[4604,8755,4855],{"class":4765},[4604,8757,4769],{"class":4739},[4604,8759,4860],{"class":4743},[4604,8761,4747],{"class":4739},[4604,8763,8764],{"class":4750},"'3'",[4604,8766,4754],{"class":4739},[4604,8768,8769],{"class":4606,"line":4637},[4604,8770,5100],{"class":4739},[4604,8772,8773],{"class":4606,"line":4642},[4604,8774,4760],{"emptyLinePlaceholder":4759},[4604,8776,8777,8780],{"class":4606,"line":4648},[4604,8778,8779],{"class":4743},"example",[4604,8781,8782],{"class":4739},"()\n",[4604,8784,8785,8787,8789,8791,8793,8796],{"class":4606,"line":4653},[4604,8786,4885],{"class":4765},[4604,8788,4769],{"class":4739},[4604,8790,4860],{"class":4743},[4604,8792,4747],{"class":4739},[4604,8794,8795],{"class":4750},"'4'",[4604,8797,4754],{"class":4739},[4588,8799,8800],{},[4700,8801,4901],{},[8803,8804,8806,8820,8824,8828,8832],"terminal-preview",{"title":8805},"node script.js",[8807,8808,8810,8815,8816],"div",{"className":8809},[4606],[4604,8811,8814],{"className":8812},[8813],"opacity-40","$"," ",[4700,8817,8805],{"className":8818},[8819],"font-bold",[8807,8821,8823],{"className":8822},[4606],"1",[8807,8825,8827],{"className":8826},[4606],"4",[8807,8829,8831],{"className":8830},[4606],"2",[8807,8833,8835],{"className":8834},[4606],"3",[4588,8837,8838],{},[4700,8839,8840],{},"Пояснення:",[4595,8842,8844],{"className":4716,"code":8843,"language":4718,"meta":4599,"style":4599},"\u002F\u002F Код вище приблизно еквівалентний:\nfunction example() {\n    console.log('1') \u002F\u002F Синхронна частина\n\n    return Promise.resolve('2').then((result) => {\n        \u002F\u002F Код після await перетворюється на .then()\n        console.log(result)\n        console.log('3')\n    })\n}\n\nexample()\nconsole.log('4') \u002F\u002F Виконується синхронно\n",[4601,8845,8846,8851,8859,8876,8880,8908,8913,8927,8941,8945,8949,8953,8959],{"__ignoreMap":4599},[4604,8847,8848],{"class":4606,"line":4607},[4604,8849,8850],{"class":4725},"\u002F\u002F Код вище приблизно еквівалентний:\n",[4604,8852,8853,8855,8857],{"class":4606,"line":4613},[4604,8854,4953],{"class":4731},[4604,8856,8695],{"class":4743},[4604,8858,8698],{"class":4739},[4604,8860,8861,8863,8865,8867,8869,8871,8873],{"class":4606,"line":4619},[4604,8862,4855],{"class":4765},[4604,8864,4769],{"class":4739},[4604,8866,4860],{"class":4743},[4604,8868,4747],{"class":4739},[4604,8870,8711],{"class":4750},[4604,8872,4797],{"class":4739},[4604,8874,8875],{"class":4725},"\u002F\u002F Синхронна частина\n",[4604,8877,8878],{"class":4606,"line":4625},[4604,8879,4760],{"emptyLinePlaceholder":4759},[4604,8881,8882,8884,8886,8888,8890,8892,8894,8896,8898,8900,8902,8904,8906],{"class":4606,"line":4631},[4604,8883,8373],{"class":4808},[4604,8885,6033],{"class":6032},[4604,8887,4769],{"class":4739},[4604,8889,6039],{"class":4743},[4604,8891,4747],{"class":4739},[4604,8893,8735],{"class":4750},[4604,8895,6731],{"class":4739},[4604,8897,6179],{"class":4743},[4604,8899,6036],{"class":4739},[4604,8901,5133],{"class":4765},[4604,8903,4797],{"class":4739},[4604,8905,4800],{"class":4731},[4604,8907,4803],{"class":4739},[4604,8909,8910],{"class":4606,"line":4637},[4604,8911,8912],{"class":4725},"        \u002F\u002F Код після await перетворюється на .then()\n",[4604,8914,8915,8917,8919,8921,8923,8925],{"class":4606,"line":4642},[4604,8916,4821],{"class":4765},[4604,8918,4769],{"class":4739},[4604,8920,4860],{"class":4743},[4604,8922,4747],{"class":4739},[4604,8924,5133],{"class":4765},[4604,8926,4754],{"class":4739},[4604,8928,8929,8931,8933,8935,8937,8939],{"class":4606,"line":4648},[4604,8930,4821],{"class":4765},[4604,8932,4769],{"class":4739},[4604,8934,4860],{"class":4743},[4604,8936,4747],{"class":4739},[4604,8938,8764],{"class":4750},[4604,8940,4754],{"class":4739},[4604,8942,8943],{"class":4606,"line":4653},[4604,8944,5576],{"class":4739},[4604,8946,8947],{"class":4606,"line":4659},[4604,8948,5100],{"class":4739},[4604,8950,8951],{"class":4606,"line":4664},[4604,8952,4760],{"emptyLinePlaceholder":4759},[4604,8954,8955,8957],{"class":4606,"line":4670},[4604,8956,8779],{"class":4743},[4604,8958,8782],{"class":4739},[4604,8960,8961,8963,8965,8967,8969,8971,8973],{"class":4606,"line":4675},[4604,8962,4885],{"class":4765},[4604,8964,4769],{"class":4739},[4604,8966,4860],{"class":4743},[4604,8968,4747],{"class":4739},[4604,8970,8795],{"class":4750},[4604,8972,4797],{"class":4739},[4604,8974,8975],{"class":4725},"\u002F\u002F Виконується синхронно\n",[4588,8977,8978,8815,8981,8983,8984,8987,8988,4769],{},[4700,8979,8980],{},"Висновок:",[4601,8982,8576],{}," не \"зупиняє\" виконання коду — він лише відкладає виконання ",[4700,8985,8986],{},"наступного"," коду у цій функції до ",[4700,8989,8990],{},"Microtask Queue",[4710,8992,8994],{"id":8993},"обробка-помилок-через-trycatch","Обробка помилок через try\u002Fcatch",[4595,8996,8998],{"className":4716,"code":8997,"language":4718,"meta":4599,"style":4599},"async function loadUserData(id) {\n    try {\n        const user = await fetchUser(id)\n        console.log('Користувач:', user)\n\n        const orders = await fetchOrders(user.id)\n        console.log('Замовлення:', orders)\n\n        return { user, orders }\n    } catch (error) {\n        \u002F\u002F Ловимо помилки з будь-якого await\n        console.error('Помилка завантаження даних:', error)\n\n        \u002F\u002F Можемо повернути fallback значення\n        return null\n    } finally {\n        console.log('Завершення завантаження')\n    }\n}\n",[4601,8999,9000,9015,9022,9040,9058,9062,9084,9102,9106,9121,9134,9139,9158,9162,9167,9174,9182,9197,9201],{"__ignoreMap":4599},[4604,9001,9002,9004,9006,9009,9011,9013],{"class":4606,"line":4607},[4604,9003,8552],{"class":4731},[4604,9005,8555],{"class":4731},[4604,9007,9008],{"class":4743}," loadUserData",[4604,9010,4747],{"class":4739},[4604,9012,5329],{"class":4765},[4604,9014,4816],{"class":4739},[4604,9016,9017,9020],{"class":4606,"line":4613},[4604,9018,9019],{"class":4808},"    try",[4604,9021,4803],{"class":4739},[4604,9023,9024,9026,9028,9030,9032,9034,9036,9038],{"class":4606,"line":4619},[4604,9025,4990],{"class":4731},[4604,9027,8571],{"class":4735},[4604,9029,4740],{"class":4739},[4604,9031,8576],{"class":4808},[4604,9033,8362],{"class":4743},[4604,9035,4747],{"class":4739},[4604,9037,5329],{"class":4765},[4604,9039,4754],{"class":4739},[4604,9041,9042,9044,9046,9048,9050,9052,9054,9056],{"class":4606,"line":4625},[4604,9043,4821],{"class":4765},[4604,9045,4769],{"class":4739},[4604,9047,4860],{"class":4743},[4604,9049,4747],{"class":4739},[4604,9051,6377],{"class":4750},[4604,9053,4780],{"class":4739},[4604,9055,5273],{"class":4765},[4604,9057,4754],{"class":4739},[4604,9059,9060],{"class":4606,"line":4631},[4604,9061,4760],{"emptyLinePlaceholder":4759},[4604,9063,9064,9066,9068,9070,9072,9074,9076,9078,9080,9082],{"class":4606,"line":4637},[4604,9065,4990],{"class":4731},[4604,9067,8609],{"class":4735},[4604,9069,4740],{"class":4739},[4604,9071,8576],{"class":4808},[4604,9073,8486],{"class":4743},[4604,9075,4747],{"class":4739},[4604,9077,5273],{"class":4765},[4604,9079,4769],{"class":4739},[4604,9081,5329],{"class":4765},[4604,9083,4754],{"class":4739},[4604,9085,9086,9088,9090,9092,9094,9096,9098,9100],{"class":4606,"line":4642},[4604,9087,4821],{"class":4765},[4604,9089,4769],{"class":4739},[4604,9091,4860],{"class":4743},[4604,9093,4747],{"class":4739},[4604,9095,6442],{"class":4750},[4604,9097,4780],{"class":4739},[4604,9099,5339],{"class":4765},[4604,9101,4754],{"class":4739},[4604,9103,9104],{"class":4606,"line":4648},[4604,9105,4760],{"emptyLinePlaceholder":4759},[4604,9107,9108,9110,9112,9114,9116,9118],{"class":4606,"line":4653},[4604,9109,6393],{"class":4808},[4604,9111,7232],{"class":4739},[4604,9113,5273],{"class":4765},[4604,9115,4780],{"class":4739},[4604,9117,5339],{"class":4765},[4604,9119,9120],{"class":4739}," }\n",[4604,9122,9123,9126,9128,9130,9132],{"class":4606,"line":4659},[4604,9124,9125],{"class":4739},"    } ",[4604,9127,6218],{"class":4808},[4604,9129,4703],{"class":4739},[4604,9131,4789],{"class":4765},[4604,9133,4816],{"class":4739},[4604,9135,9136],{"class":4606,"line":4664},[4604,9137,9138],{"class":4725},"        \u002F\u002F Ловимо помилки з будь-якого await\n",[4604,9140,9141,9143,9145,9147,9149,9152,9154,9156],{"class":4606,"line":4670},[4604,9142,4821],{"class":4765},[4604,9144,4769],{"class":4739},[4604,9146,4789],{"class":4743},[4604,9148,4747],{"class":4739},[4604,9150,9151],{"class":4750},"'Помилка завантаження даних:'",[4604,9153,4780],{"class":4739},[4604,9155,4789],{"class":4765},[4604,9157,4754],{"class":4739},[4604,9159,9160],{"class":4606,"line":4675},[4604,9161,4760],{"emptyLinePlaceholder":4759},[4604,9163,9164],{"class":4606,"line":4681},[4604,9165,9166],{"class":4725},"        \u002F\u002F Можемо повернути fallback значення\n",[4604,9168,9169,9171],{"class":4606,"line":4686},[4604,9170,6393],{"class":4808},[4604,9172,9173],{"class":4731}," null\n",[4604,9175,9176,9178,9180],{"class":4606,"line":5142},[4604,9177,9125],{"class":4739},[4604,9179,6262],{"class":4808},[4604,9181,4803],{"class":4739},[4604,9183,9184,9186,9188,9190,9192,9195],{"class":4606,"line":5153},[4604,9185,4821],{"class":4765},[4604,9187,4769],{"class":4739},[4604,9189,4860],{"class":4743},[4604,9191,4747],{"class":4739},[4604,9193,9194],{"class":4750},"'Завершення завантаження'",[4604,9196,4754],{"class":4739},[4604,9198,9199],{"class":4606,"line":5178},[4604,9200,4846],{"class":4739},[4604,9202,9203],{"class":4606,"line":5183},[4604,9204,5100],{"class":4739},[4588,9206,9207],{},[4700,9208,9209,9210,4943],{},"Переваги перед ",[4601,9211,6316],{},[5222,9213,9214,9221,9224],{},[4906,9215,9216,9217,9220],{},"Використовуємо знайомий синтаксис ",[4601,9218,9219],{},"try\u002Fcatch"," (як для синхронних помилок)",[4906,9222,9223],{},"Легше обробляти помилки локально на кожному етапі",[4906,9225,9226],{},"Чіткіша структура коду",[9228,9229,9230,9235],"tip",{},[4588,9231,9232],{},[4700,9233,9234],{},"Обробка конкретних помилок:",[4595,9236,9238],{"className":4716,"code":9237,"language":4718,"meta":4599,"style":4599},"async function smartFetch(url) {\n    try {\n        const response = await fetch(url)\n\n        if (!response.ok) {\n            throw new Error(`HTTP ${response.status}: ${response.statusText}`)\n        }\n\n        return await response.json()\n    } catch (error) {\n        if (error.name === 'TypeError') {\n            console.error('Мережева помилка:', error)\n        } else if (error.message.includes('HTTP 404')) {\n            console.error('Ресурс не знайдено')\n        } else {\n            console.error('Невідома помилка:', error)\n        }\n\n        throw error \u002F\u002F Пробросити далі, якщо потрібно\n    }\n}\n",[4601,9239,9240,9256,9262,9280,9284,9299,9341,9345,9349,9364,9376,9395,9414,9444,9459,9467,9486,9490,9494,9503,9507],{"__ignoreMap":4599},[4604,9241,9242,9244,9246,9249,9251,9254],{"class":4606,"line":4607},[4604,9243,8552],{"class":4731},[4604,9245,8555],{"class":4731},[4604,9247,9248],{"class":4743}," smartFetch",[4604,9250,4747],{"class":4739},[4604,9252,9253],{"class":4765},"url",[4604,9255,4816],{"class":4739},[4604,9257,9258,9260],{"class":4606,"line":4613},[4604,9259,9019],{"class":4808},[4604,9261,4803],{"class":4739},[4604,9263,9264,9266,9268,9270,9272,9274,9276,9278],{"class":4606,"line":4619},[4604,9265,4990],{"class":4731},[4604,9267,7737],{"class":4735},[4604,9269,4740],{"class":4739},[4604,9271,8576],{"class":4808},[4604,9273,8376],{"class":4743},[4604,9275,4747],{"class":4739},[4604,9277,9253],{"class":4765},[4604,9279,4754],{"class":4739},[4604,9281,9282],{"class":4606,"line":4625},[4604,9283,4760],{"emptyLinePlaceholder":4759},[4604,9285,9286,9288,9290,9292,9294,9297],{"class":4606,"line":4631},[4604,9287,5019],{"class":4808},[4604,9289,7941],{"class":4739},[4604,9291,7730],{"class":4765},[4604,9293,4769],{"class":4739},[4604,9295,9296],{"class":4765},"ok",[4604,9298,4816],{"class":4739},[4604,9300,9301,9303,9305,9307,9309,9312,9314,9316,9319,9321,9323,9326,9328,9330,9332,9335,9337,9339],{"class":4606,"line":4637},[4604,9302,7955],{"class":4808},[4604,9304,7958],{"class":4731},[4604,9306,5068],{"class":4743},[4604,9308,4747],{"class":4739},[4604,9310,9311],{"class":4750},"`HTTP ",[4604,9313,7118],{"class":4731},[4604,9315,7730],{"class":4765},[4604,9317,4769],{"class":9318},"sD7JJ",[4604,9320,7094],{"class":4765},[4604,9322,7128],{"class":4731},[4604,9324,9325],{"class":4750},": ",[4604,9327,7118],{"class":4731},[4604,9329,7730],{"class":4765},[4604,9331,4769],{"class":9318},[4604,9333,9334],{"class":4765},"statusText",[4604,9336,7128],{"class":4731},[4604,9338,8390],{"class":4750},[4604,9340,4754],{"class":4739},[4604,9342,9343],{"class":4606,"line":4642},[4604,9344,5085],{"class":4739},[4604,9346,9347],{"class":4606,"line":4648},[4604,9348,4760],{"emptyLinePlaceholder":4759},[4604,9350,9351,9353,9356,9358,9360,9362],{"class":4606,"line":4653},[4604,9352,6393],{"class":4808},[4604,9354,9355],{"class":4808}," await",[4604,9357,7737],{"class":4765},[4604,9359,4769],{"class":4739},[4604,9361,6750],{"class":4743},[4604,9363,8782],{"class":4739},[4604,9365,9366,9368,9370,9372,9374],{"class":4606,"line":4659},[4604,9367,9125],{"class":4739},[4604,9369,6218],{"class":4808},[4604,9371,4703],{"class":4739},[4604,9373,4789],{"class":4765},[4604,9375,4816],{"class":4739},[4604,9377,9378,9380,9382,9384,9386,9388,9390,9393],{"class":4606,"line":4664},[4604,9379,5019],{"class":4808},[4604,9381,4703],{"class":4739},[4604,9383,4789],{"class":4765},[4604,9385,4769],{"class":4739},[4604,9387,6386],{"class":4765},[4604,9389,7097],{"class":4739},[4604,9391,9392],{"class":4750},"'TypeError'",[4604,9394,4816],{"class":4739},[4604,9396,9397,9399,9401,9403,9405,9408,9410,9412],{"class":4606,"line":4670},[4604,9398,5360],{"class":4765},[4604,9400,4769],{"class":4739},[4604,9402,4789],{"class":4743},[4604,9404,4747],{"class":4739},[4604,9406,9407],{"class":4750},"'Мережева помилка:'",[4604,9409,4780],{"class":4739},[4604,9411,4789],{"class":4765},[4604,9413,4754],{"class":4739},[4604,9415,9416,9418,9420,9423,9425,9427,9429,9431,9433,9436,9438,9441],{"class":4606,"line":4675},[4604,9417,5051],{"class":4739},[4604,9419,5054],{"class":4808},[4604,9421,9422],{"class":4808}," if",[4604,9424,4703],{"class":4739},[4604,9426,4789],{"class":4765},[4604,9428,4769],{"class":4739},[4604,9430,5173],{"class":4765},[4604,9432,4769],{"class":4739},[4604,9434,9435],{"class":4743},"includes",[4604,9437,4747],{"class":4739},[4604,9439,9440],{"class":4750},"'HTTP 404'",[4604,9442,9443],{"class":4739},")) {\n",[4604,9445,9446,9448,9450,9452,9454,9457],{"class":4606,"line":4681},[4604,9447,5360],{"class":4765},[4604,9449,4769],{"class":4739},[4604,9451,4789],{"class":4743},[4604,9453,4747],{"class":4739},[4604,9455,9456],{"class":4750},"'Ресурс не знайдено'",[4604,9458,4754],{"class":4739},[4604,9460,9461,9463,9465],{"class":4606,"line":4686},[4604,9462,5051],{"class":4739},[4604,9464,5054],{"class":4808},[4604,9466,4803],{"class":4739},[4604,9468,9469,9471,9473,9475,9477,9480,9482,9484],{"class":4606,"line":5142},[4604,9470,5360],{"class":4765},[4604,9472,4769],{"class":4739},[4604,9474,4789],{"class":4743},[4604,9476,4747],{"class":4739},[4604,9478,9479],{"class":4750},"'Невідома помилка:'",[4604,9481,4780],{"class":4739},[4604,9483,4789],{"class":4765},[4604,9485,4754],{"class":4739},[4604,9487,9488],{"class":4606,"line":5153},[4604,9489,5085],{"class":4739},[4604,9491,9492],{"class":4606,"line":5178},[4604,9493,4760],{"emptyLinePlaceholder":4759},[4604,9495,9496,9498,9500],{"class":4606,"line":5183},[4604,9497,8267],{"class":4808},[4604,9499,8270],{"class":4765},[4604,9501,9502],{"class":4725}," \u002F\u002F Пробросити далі, якщо потрібно\n",[4604,9504,9505],{"class":4606,"line":5188},[4604,9506,4846],{"class":4739},[4604,9508,9509],{"class":4606,"line":5193},[4604,9510,5100],{"class":4739},[4710,9512,9514],{"id":9513},"паралельне-виконання-з-asyncawait","Паралельне виконання з async\u002Fawait",[4595,9516,9518],{"className":4716,"code":9517,"language":4718,"meta":4599,"style":4599},"\u002F\u002F ❌ НЕПРАВИЛЬНО — послідовне виконання (повільно)\nasync function loadData() {\n    const user1 = await fetchUser(1) \u002F\u002F Чекаємо 500 мс\n    const user2 = await fetchUser(2) \u002F\u002F Чекаємо ще 500 мс\n    const user3 = await fetchUser(3) \u002F\u002F Чекаємо ще 500 мс\n    \u002F\u002F Загальний час: 1500 мс\n}\n\n\u002F\u002F ✅ ПРАВИЛЬНО — паралельне виконання\nasync function loadData() {\n    const [user1, user2, user3] = await Promise.all([\n        fetchUser(1),\n        fetchUser(2),\n        fetchUser(3),\n    ])\n    \u002F\u002F Загальний час: ~500 мс (всі запити одночасно)\n}\n",[4601,9519,9520,9525,9536,9558,9580,9601,9606,9610,9614,9619,9629,9659,9670,9680,9690,9695,9700],{"__ignoreMap":4599},[4604,9521,9522],{"class":4606,"line":4607},[4604,9523,9524],{"class":4725},"\u002F\u002F ❌ НЕПРАВИЛЬНО — послідовне виконання (повільно)\n",[4604,9526,9527,9529,9531,9534],{"class":4606,"line":4613},[4604,9528,8552],{"class":4731},[4604,9530,8555],{"class":4731},[4604,9532,9533],{"class":4743}," loadData",[4604,9535,8698],{"class":4739},[4604,9537,9538,9540,9543,9545,9547,9549,9551,9553,9555],{"class":4606,"line":4619},[4604,9539,8568],{"class":4731},[4604,9541,9542],{"class":4735}," user1",[4604,9544,4740],{"class":4739},[4604,9546,8576],{"class":4808},[4604,9548,8362],{"class":4743},[4604,9550,4747],{"class":4739},[4604,9552,8823],{"class":5009},[4604,9554,4797],{"class":4739},[4604,9556,9557],{"class":4725},"\u002F\u002F Чекаємо 500 мс\n",[4604,9559,9560,9562,9565,9567,9569,9571,9573,9575,9577],{"class":4606,"line":4625},[4604,9561,8568],{"class":4731},[4604,9563,9564],{"class":4735}," user2",[4604,9566,4740],{"class":4739},[4604,9568,8576],{"class":4808},[4604,9570,8362],{"class":4743},[4604,9572,4747],{"class":4739},[4604,9574,8831],{"class":5009},[4604,9576,4797],{"class":4739},[4604,9578,9579],{"class":4725},"\u002F\u002F Чекаємо ще 500 мс\n",[4604,9581,9582,9584,9587,9589,9591,9593,9595,9597,9599],{"class":4606,"line":4631},[4604,9583,8568],{"class":4731},[4604,9585,9586],{"class":4735}," user3",[4604,9588,4740],{"class":4739},[4604,9590,8576],{"class":4808},[4604,9592,8362],{"class":4743},[4604,9594,4747],{"class":4739},[4604,9596,8835],{"class":5009},[4604,9598,4797],{"class":4739},[4604,9600,9579],{"class":4725},[4604,9602,9603],{"class":4606,"line":4637},[4604,9604,9605],{"class":4725},"    \u002F\u002F Загальний час: 1500 мс\n",[4604,9607,9608],{"class":4606,"line":4642},[4604,9609,5100],{"class":4739},[4604,9611,9612],{"class":4606,"line":4648},[4604,9613,4760],{"emptyLinePlaceholder":4759},[4604,9615,9616],{"class":4606,"line":4653},[4604,9617,9618],{"class":4725},"\u002F\u002F ✅ ПРАВИЛЬНО — паралельне виконання\n",[4604,9620,9621,9623,9625,9627],{"class":4606,"line":4659},[4604,9622,8552],{"class":4731},[4604,9624,8555],{"class":4731},[4604,9626,9533],{"class":4743},[4604,9628,8698],{"class":4739},[4604,9630,9631,9633,9636,9638,9640,9642,9644,9646,9649,9651,9653,9655,9657],{"class":4606,"line":4664},[4604,9632,8568],{"class":4731},[4604,9634,9635],{"class":4739}," [",[4604,9637,6828],{"class":4735},[4604,9639,4780],{"class":4739},[4604,9641,6833],{"class":4735},[4604,9643,4780],{"class":4739},[4604,9645,6838],{"class":4735},[4604,9647,9648],{"class":4739},"] = ",[4604,9650,8576],{"class":4808},[4604,9652,6033],{"class":6032},[4604,9654,4769],{"class":4739},[4604,9656,6715],{"class":4743},[4604,9658,6718],{"class":4739},[4604,9660,9661,9664,9666,9668],{"class":4606,"line":4670},[4604,9662,9663],{"class":4743},"        fetchUser",[4604,9665,4747],{"class":4739},[4604,9667,8823],{"class":5009},[4604,9669,7347],{"class":4739},[4604,9671,9672,9674,9676,9678],{"class":4606,"line":4675},[4604,9673,9663],{"class":4743},[4604,9675,4747],{"class":4739},[4604,9677,8831],{"class":5009},[4604,9679,7347],{"class":4739},[4604,9681,9682,9684,9686,9688],{"class":4606,"line":4681},[4604,9683,9663],{"class":4743},[4604,9685,4747],{"class":4739},[4604,9687,8835],{"class":5009},[4604,9689,7347],{"class":4739},[4604,9691,9692],{"class":4606,"line":4686},[4604,9693,9694],{"class":4739},"    ])\n",[4604,9696,9697],{"class":4606,"line":5142},[4604,9698,9699],{"class":4725},"    \u002F\u002F Загальний час: ~500 мс (всі запити одночасно)\n",[4604,9701,9702],{"class":4606,"line":5153},[4604,9703,5100],{"class":4739},[4588,9705,9706],{},[4700,9707,9708],{},"Альтернативний синтаксис:",[4595,9710,9712],{"className":4716,"code":9711,"language":4718,"meta":4599,"style":4599},"async function loadData() {\n    \u002F\u002F Запускаємо всі запити одразу (не чекаємо)\n    const promise1 = fetchUser(1)\n    const promise2 = fetchUser(2)\n    const promise3 = fetchUser(3)\n\n    \u002F\u002F Тепер чекаємо на всі результати\n    const user1 = await promise1\n    const user2 = await promise2\n    const user3 = await promise3\n\n    return { user1, user2, user3 }\n}\n",[4601,9713,9714,9724,9729,9746,9763,9780,9784,9789,9802,9815,9828,9832,9850],{"__ignoreMap":4599},[4604,9715,9716,9718,9720,9722],{"class":4606,"line":4607},[4604,9717,8552],{"class":4731},[4604,9719,8555],{"class":4731},[4604,9721,9533],{"class":4743},[4604,9723,8698],{"class":4739},[4604,9725,9726],{"class":4606,"line":4613},[4604,9727,9728],{"class":4725},"    \u002F\u002F Запускаємо всі запити одразу (не чекаємо)\n",[4604,9730,9731,9733,9736,9738,9740,9742,9744],{"class":4606,"line":4619},[4604,9732,8568],{"class":4731},[4604,9734,9735],{"class":4735}," promise1",[4604,9737,4740],{"class":4739},[4604,9739,7912],{"class":4743},[4604,9741,4747],{"class":4739},[4604,9743,8823],{"class":5009},[4604,9745,4754],{"class":4739},[4604,9747,9748,9750,9753,9755,9757,9759,9761],{"class":4606,"line":4625},[4604,9749,8568],{"class":4731},[4604,9751,9752],{"class":4735}," promise2",[4604,9754,4740],{"class":4739},[4604,9756,7912],{"class":4743},[4604,9758,4747],{"class":4739},[4604,9760,8831],{"class":5009},[4604,9762,4754],{"class":4739},[4604,9764,9765,9767,9770,9772,9774,9776,9778],{"class":4606,"line":4631},[4604,9766,8568],{"class":4731},[4604,9768,9769],{"class":4735}," promise3",[4604,9771,4740],{"class":4739},[4604,9773,7912],{"class":4743},[4604,9775,4747],{"class":4739},[4604,9777,8835],{"class":5009},[4604,9779,4754],{"class":4739},[4604,9781,9782],{"class":4606,"line":4637},[4604,9783,4760],{"emptyLinePlaceholder":4759},[4604,9785,9786],{"class":4606,"line":4642},[4604,9787,9788],{"class":4725},"    \u002F\u002F Тепер чекаємо на всі результати\n",[4604,9790,9791,9793,9795,9797,9799],{"class":4606,"line":4648},[4604,9792,8568],{"class":4731},[4604,9794,9542],{"class":4735},[4604,9796,4740],{"class":4739},[4604,9798,8576],{"class":4808},[4604,9800,9801],{"class":4765}," promise1\n",[4604,9803,9804,9806,9808,9810,9812],{"class":4606,"line":4653},[4604,9805,8568],{"class":4731},[4604,9807,9564],{"class":4735},[4604,9809,4740],{"class":4739},[4604,9811,8576],{"class":4808},[4604,9813,9814],{"class":4765}," promise2\n",[4604,9816,9817,9819,9821,9823,9825],{"class":4606,"line":4659},[4604,9818,8568],{"class":4731},[4604,9820,9586],{"class":4735},[4604,9822,4740],{"class":4739},[4604,9824,8576],{"class":4808},[4604,9826,9827],{"class":4765}," promise3\n",[4604,9829,9830],{"class":4606,"line":4664},[4604,9831,4760],{"emptyLinePlaceholder":4759},[4604,9833,9834,9836,9838,9840,9842,9844,9846,9848],{"class":4606,"line":4670},[4604,9835,8373],{"class":4808},[4604,9837,7232],{"class":4739},[4604,9839,6828],{"class":4765},[4604,9841,4780],{"class":4739},[4604,9843,6833],{"class":4765},[4604,9845,4780],{"class":4739},[4604,9847,6838],{"class":4765},[4604,9849,9120],{"class":4739},[4604,9851,9852],{"class":4606,"line":4675},[4604,9853,5100],{"class":4739},[4583,9855,9857],{"id":9856},"розширені-асинхронні-патерни","Розширені асинхронні патерни",[4588,9859,9860],{},"Після опанування базових підходів розгляньмо практичні патерни для реальних застосунків.",[4710,9862,9864],{"id":9863},"патерн-1-retry-повторні-спроби","Патерн 1: Retry (повторні спроби)",[4588,9866,9867],{},"Корисний для мережевих запитів, які можуть тимчасово не вдаватися.",[4595,9869,9871],{"className":4716,"code":9870,"language":4718,"meta":4599,"style":4599},"async function fetchWithRetry(url, options = {}, maxRetries = 3) {\n    let lastError\n\n    for (let attempt = 0; attempt \u003C maxRetries; attempt++) {\n        try {\n            console.log(`Спроба ${attempt + 1} з ${maxRetries}`)\n\n            const response = await fetch(url, options)\n\n            if (!response.ok) {\n                throw new Error(`HTTP ${response.status}`)\n            }\n\n            return await response.json()\n        } catch (error) {\n            lastError = error\n            console.error(`Спроба ${attempt + 1} не вдалася:`, error.message)\n\n            \u002F\u002F Якщо це остання спроба — кидаємо помилку\n            if (attempt === maxRetries - 1) {\n                throw new Error(\n                    `Не вдалося завантажити після ${maxRetries} спроб: ${lastError.message}`\n                )\n            }\n\n            \u002F\u002F Exponential backoff: чекаємо довше після кожної невдалої спроби\n            const delay = Math.pow(2, attempt) * 1000 \u002F\u002F 1s, 2s, 4s, 8s...\n            console.log(`Очікування ${delay \u002F 1000} секунд перед наступною спробою`)\n            await new Promise((resolve) => setTimeout(resolve, delay))\n        }\n    }\n}\n\n\u002F\u002F Використання\ntry {\n    const data = await fetchWithRetry('https:\u002F\u002Fapi.example.com\u002Fdata')\n    console.log('Дані отримано:', data)\n} catch (error) {\n    console.error('Всі спроби вичерпані:', error)\n}\n",[4601,9872,9873,9903,9911,9915,9950,9957,9993,9997,10020,10024,10038,10065,10069,10073,10087,10099,10109,10144,10148,10153,10172,10183,10211,10216,10220,10224,10229,10261,10292,10322,10326,10330,10334,10338,10342,10349,10370,10390,10404,10424],{"__ignoreMap":4599},[4604,9874,9875,9877,9879,9882,9884,9886,9888,9891,9894,9897,9899,9901],{"class":4606,"line":4607},[4604,9876,8552],{"class":4731},[4604,9878,8555],{"class":4731},[4604,9880,9881],{"class":4743}," fetchWithRetry",[4604,9883,4747],{"class":4739},[4604,9885,9253],{"class":4765},[4604,9887,4780],{"class":4739},[4604,9889,9890],{"class":4765},"options",[4604,9892,9893],{"class":4739}," = {}, ",[4604,9895,9896],{"class":4765},"maxRetries",[4604,9898,4740],{"class":4739},[4604,9900,8835],{"class":5009},[4604,9902,4816],{"class":4739},[4604,9904,9905,9908],{"class":4606,"line":4613},[4604,9906,9907],{"class":4731},"    let",[4604,9909,9910],{"class":4765}," lastError\n",[4604,9912,9913],{"class":4606,"line":4619},[4604,9914,4760],{"emptyLinePlaceholder":4759},[4604,9916,9917,9920,9922,9925,9928,9930,9932,9935,9938,9941,9943,9945,9947],{"class":4606,"line":4625},[4604,9918,9919],{"class":4808},"    for",[4604,9921,4703],{"class":4739},[4604,9923,9924],{"class":4731},"let",[4604,9926,9927],{"class":4765}," attempt",[4604,9929,4740],{"class":4739},[4604,9931,5398],{"class":5009},[4604,9933,9934],{"class":4739},"; ",[4604,9936,9937],{"class":4765},"attempt",[4604,9939,9940],{"class":4739}," \u003C ",[4604,9942,9896],{"class":4765},[4604,9944,9934],{"class":4739},[4604,9946,9937],{"class":4765},[4604,9948,9949],{"class":4739},"++) {\n",[4604,9951,9952,9955],{"class":4606,"line":4631},[4604,9953,9954],{"class":4808},"        try",[4604,9956,4803],{"class":4739},[4604,9958,9959,9961,9963,9965,9967,9970,9972,9974,9976,9978,9980,9983,9985,9987,9989,9991],{"class":4606,"line":4637},[4604,9960,5360],{"class":4765},[4604,9962,4769],{"class":4739},[4604,9964,4860],{"class":4743},[4604,9966,4747],{"class":4739},[4604,9968,9969],{"class":4750},"`Спроба ",[4604,9971,7118],{"class":4731},[4604,9973,9937],{"class":4765},[4604,9975,7123],{"class":4739},[4604,9977,5123],{"class":5009},[4604,9979,7128],{"class":4731},[4604,9981,9982],{"class":4750}," з ",[4604,9984,7118],{"class":4731},[4604,9986,9896],{"class":4765},[4604,9988,7128],{"class":4731},[4604,9990,8390],{"class":4750},[4604,9992,4754],{"class":4739},[4604,9994,9995],{"class":4606,"line":4642},[4604,9996,4760],{"emptyLinePlaceholder":4759},[4604,9998,9999,10002,10004,10006,10008,10010,10012,10014,10016,10018],{"class":4606,"line":4648},[4604,10000,10001],{"class":4731},"            const",[4604,10003,7737],{"class":4735},[4604,10005,4740],{"class":4739},[4604,10007,8576],{"class":4808},[4604,10009,8376],{"class":4743},[4604,10011,4747],{"class":4739},[4604,10013,9253],{"class":4765},[4604,10015,4780],{"class":4739},[4604,10017,9890],{"class":4765},[4604,10019,4754],{"class":4739},[4604,10021,10022],{"class":4606,"line":4653},[4604,10023,4760],{"emptyLinePlaceholder":4759},[4604,10025,10026,10028,10030,10032,10034,10036],{"class":4606,"line":4659},[4604,10027,5424],{"class":4808},[4604,10029,7941],{"class":4739},[4604,10031,7730],{"class":4765},[4604,10033,4769],{"class":4739},[4604,10035,9296],{"class":4765},[4604,10037,4816],{"class":4739},[4604,10039,10040,10043,10045,10047,10049,10051,10053,10055,10057,10059,10061,10063],{"class":4606,"line":4664},[4604,10041,10042],{"class":4808},"                throw",[4604,10044,7958],{"class":4731},[4604,10046,5068],{"class":4743},[4604,10048,4747],{"class":4739},[4604,10050,9311],{"class":4750},[4604,10052,7118],{"class":4731},[4604,10054,7730],{"class":4765},[4604,10056,4769],{"class":9318},[4604,10058,7094],{"class":4765},[4604,10060,7128],{"class":4731},[4604,10062,8390],{"class":4750},[4604,10064,4754],{"class":4739},[4604,10066,10067],{"class":4606,"line":4670},[4604,10068,5455],{"class":4739},[4604,10070,10071],{"class":4606,"line":4675},[4604,10072,4760],{"emptyLinePlaceholder":4759},[4604,10074,10075,10077,10079,10081,10083,10085],{"class":4606,"line":4681},[4604,10076,8483],{"class":4808},[4604,10078,9355],{"class":4808},[4604,10080,7737],{"class":4765},[4604,10082,4769],{"class":4739},[4604,10084,6750],{"class":4743},[4604,10086,8782],{"class":4739},[4604,10088,10089,10091,10093,10095,10097],{"class":4606,"line":4686},[4604,10090,5051],{"class":4739},[4604,10092,6218],{"class":4808},[4604,10094,4703],{"class":4739},[4604,10096,4789],{"class":4765},[4604,10098,4816],{"class":4739},[4604,10100,10101,10104,10106],{"class":4606,"line":5142},[4604,10102,10103],{"class":4765},"            lastError",[4604,10105,4740],{"class":4739},[4604,10107,10108],{"class":4765},"error\n",[4604,10110,10111,10113,10115,10117,10119,10121,10123,10125,10127,10129,10131,10134,10136,10138,10140,10142],{"class":4606,"line":5153},[4604,10112,5360],{"class":4765},[4604,10114,4769],{"class":4739},[4604,10116,4789],{"class":4743},[4604,10118,4747],{"class":4739},[4604,10120,9969],{"class":4750},[4604,10122,7118],{"class":4731},[4604,10124,9937],{"class":4765},[4604,10126,7123],{"class":4739},[4604,10128,5123],{"class":5009},[4604,10130,7128],{"class":4731},[4604,10132,10133],{"class":4750}," не вдалася:`",[4604,10135,4780],{"class":4739},[4604,10137,4789],{"class":4765},[4604,10139,4769],{"class":4739},[4604,10141,5173],{"class":4765},[4604,10143,4754],{"class":4739},[4604,10145,10146],{"class":4606,"line":5178},[4604,10147,4760],{"emptyLinePlaceholder":4759},[4604,10149,10150],{"class":4606,"line":5183},[4604,10151,10152],{"class":4725},"            \u002F\u002F Якщо це остання спроба — кидаємо помилку\n",[4604,10154,10155,10157,10159,10161,10163,10165,10168,10170],{"class":4606,"line":5188},[4604,10156,5424],{"class":4808},[4604,10158,4703],{"class":4739},[4604,10160,9937],{"class":4765},[4604,10162,7097],{"class":4739},[4604,10164,9896],{"class":4765},[4604,10166,10167],{"class":4739}," - ",[4604,10169,8823],{"class":5009},[4604,10171,4816],{"class":4739},[4604,10173,10174,10176,10178,10180],{"class":4606,"line":5193},[4604,10175,10042],{"class":4808},[4604,10177,7958],{"class":4731},[4604,10179,5068],{"class":4743},[4604,10181,10182],{"class":4739},"(\n",[4604,10184,10185,10188,10190,10192,10194,10197,10199,10202,10204,10206,10208],{"class":4606,"line":5213},[4604,10186,10187],{"class":4750},"                    `Не вдалося завантажити після ",[4604,10189,7118],{"class":4731},[4604,10191,9896],{"class":4765},[4604,10193,7128],{"class":4731},[4604,10195,10196],{"class":4750}," спроб: ",[4604,10198,7118],{"class":4731},[4604,10200,10201],{"class":4765},"lastError",[4604,10203,4769],{"class":9318},[4604,10205,5173],{"class":4765},[4604,10207,7128],{"class":4731},[4604,10209,10210],{"class":4750},"`\n",[4604,10212,10213],{"class":4606,"line":5518},[4604,10214,10215],{"class":4739},"                )\n",[4604,10217,10218],{"class":4606,"line":5524},[4604,10219,5455],{"class":4739},[4604,10221,10222],{"class":4606,"line":5530},[4604,10223,4760],{"emptyLinePlaceholder":4759},[4604,10225,10226],{"class":4606,"line":5535},[4604,10227,10228],{"class":4725},"            \u002F\u002F Exponential backoff: чекаємо довше після кожної невдалої спроби\n",[4604,10230,10231,10233,10236,10238,10240,10242,10245,10247,10249,10251,10253,10256,10258],{"class":4606,"line":5555},[4604,10232,10001],{"class":4731},[4604,10234,10235],{"class":4735}," delay",[4604,10237,4740],{"class":4739},[4604,10239,4998],{"class":4765},[4604,10241,4769],{"class":4739},[4604,10243,10244],{"class":4743},"pow",[4604,10246,4747],{"class":4739},[4604,10248,8831],{"class":5009},[4604,10250,4780],{"class":4739},[4604,10252,9937],{"class":4765},[4604,10254,10255],{"class":4739},") * ",[4604,10257,5093],{"class":5009},[4604,10259,10260],{"class":4725}," \u002F\u002F 1s, 2s, 4s, 8s...\n",[4604,10262,10263,10265,10267,10269,10271,10274,10276,10279,10282,10285,10287,10290],{"class":4606,"line":5561},[4604,10264,5360],{"class":4765},[4604,10266,4769],{"class":4739},[4604,10268,4860],{"class":4743},[4604,10270,4747],{"class":4739},[4604,10272,10273],{"class":4750},"`Очікування ",[4604,10275,7118],{"class":4731},[4604,10277,10278],{"class":4765},"delay",[4604,10280,10281],{"class":4739}," \u002F",[4604,10283,10284],{"class":5009}," 1000",[4604,10286,7128],{"class":4731},[4604,10288,10289],{"class":4750}," секунд перед наступною спробою`",[4604,10291,4754],{"class":4739},[4604,10293,10294,10297,10299,10301,10303,10305,10307,10309,10311,10313,10315,10317,10319],{"class":4606,"line":5567},[4604,10295,10296],{"class":4808},"            await",[4604,10298,7958],{"class":4731},[4604,10300,6033],{"class":6032},[4604,10302,6036],{"class":4739},[4604,10304,6039],{"class":4765},[4604,10306,4797],{"class":4739},[4604,10308,4800],{"class":4731},[4604,10310,7381],{"class":4743},[4604,10312,4747],{"class":4739},[4604,10314,6039],{"class":4765},[4604,10316,4780],{"class":4739},[4604,10318,10278],{"class":4765},[4604,10320,10321],{"class":4739},"))\n",[4604,10323,10324],{"class":4606,"line":5573},[4604,10325,5085],{"class":4739},[4604,10327,10328],{"class":4606,"line":5579},[4604,10329,4846],{"class":4739},[4604,10331,10332],{"class":4606,"line":5932},[4604,10333,5100],{"class":4739},[4604,10335,10336],{"class":4606,"line":5937},[4604,10337,4760],{"emptyLinePlaceholder":4759},[4604,10339,10340],{"class":4606,"line":5942},[4604,10341,5109],{"class":4725},[4604,10343,10344,10347],{"class":4606,"line":5948},[4604,10345,10346],{"class":4808},"try",[4604,10348,4803],{"class":4739},[4604,10350,10352,10354,10357,10359,10361,10363,10365,10368],{"class":4606,"line":10351},36,[4604,10353,8568],{"class":4731},[4604,10355,10356],{"class":4735}," data",[4604,10358,4740],{"class":4739},[4604,10360,8576],{"class":4808},[4604,10362,9881],{"class":4743},[4604,10364,4747],{"class":4739},[4604,10366,10367],{"class":4750},"'https:\u002F\u002Fapi.example.com\u002Fdata'",[4604,10369,4754],{"class":4739},[4604,10371,10373,10375,10377,10379,10381,10384,10386,10388],{"class":4606,"line":10372},37,[4604,10374,4855],{"class":4765},[4604,10376,4769],{"class":4739},[4604,10378,4860],{"class":4743},[4604,10380,4747],{"class":4739},[4604,10382,10383],{"class":4750},"'Дані отримано:'",[4604,10385,4780],{"class":4739},[4604,10387,4794],{"class":4765},[4604,10389,4754],{"class":4739},[4604,10391,10393,10396,10398,10400,10402],{"class":4606,"line":10392},38,[4604,10394,10395],{"class":4739},"} ",[4604,10397,6218],{"class":4808},[4604,10399,4703],{"class":4739},[4604,10401,4789],{"class":4765},[4604,10403,4816],{"class":4739},[4604,10405,10407,10409,10411,10413,10415,10418,10420,10422],{"class":4606,"line":10406},39,[4604,10408,4855],{"class":4765},[4604,10410,4769],{"class":4739},[4604,10412,4789],{"class":4743},[4604,10414,4747],{"class":4739},[4604,10416,10417],{"class":4750},"'Всі спроби вичерпані:'",[4604,10419,4780],{"class":4739},[4604,10421,4789],{"class":4765},[4604,10423,4754],{"class":4739},[4604,10425,10427],{"class":4606,"line":10426},40,[4604,10428,5100],{"class":4739},[4588,10430,10431],{},[4700,10432,10433],{},"Покращення — прогресивна затримка:",[4595,10435,10437],{"className":4716,"code":10436,"language":4718,"meta":4599,"style":4599},"\u002F\u002F Exponential backoff з jitter (випадкове відхилення)\nfunction calculateDelay(attempt, baseDelay = 1000) {\n    const exponentialDelay = Math.pow(2, attempt) * baseDelay\n    const jitter = Math.random() * 0.3 * exponentialDelay \u002F\u002F ±30%\n    return exponentialDelay + jitter\n}\n",[4601,10438,10439,10444,10466,10494,10524,10536],{"__ignoreMap":4599},[4604,10440,10441],{"class":4606,"line":4607},[4604,10442,10443],{"class":4725},"\u002F\u002F Exponential backoff з jitter (випадкове відхилення)\n",[4604,10445,10446,10448,10451,10453,10455,10457,10460,10462,10464],{"class":4606,"line":4613},[4604,10447,4953],{"class":4731},[4604,10449,10450],{"class":4743}," calculateDelay",[4604,10452,4747],{"class":4739},[4604,10454,9937],{"class":4765},[4604,10456,4780],{"class":4739},[4604,10458,10459],{"class":4765},"baseDelay",[4604,10461,4740],{"class":4739},[4604,10463,5093],{"class":5009},[4604,10465,4816],{"class":4739},[4604,10467,10468,10470,10473,10475,10477,10479,10481,10483,10485,10487,10489,10491],{"class":4606,"line":4619},[4604,10469,8568],{"class":4731},[4604,10471,10472],{"class":4735}," exponentialDelay",[4604,10474,4740],{"class":4739},[4604,10476,4998],{"class":4765},[4604,10478,4769],{"class":4739},[4604,10480,10244],{"class":4743},[4604,10482,4747],{"class":4739},[4604,10484,8831],{"class":5009},[4604,10486,4780],{"class":4739},[4604,10488,9937],{"class":4765},[4604,10490,10255],{"class":4739},[4604,10492,10493],{"class":4765},"baseDelay\n",[4604,10495,10496,10498,10501,10503,10505,10507,10509,10512,10515,10518,10521],{"class":4606,"line":4625},[4604,10497,8568],{"class":4731},[4604,10499,10500],{"class":4735}," jitter",[4604,10502,4740],{"class":4739},[4604,10504,4998],{"class":4765},[4604,10506,4769],{"class":4739},[4604,10508,5003],{"class":4743},[4604,10510,10511],{"class":4739},"() * ",[4604,10513,10514],{"class":5009},"0.3",[4604,10516,10517],{"class":4739}," * ",[4604,10519,10520],{"class":4765},"exponentialDelay",[4604,10522,10523],{"class":4725}," \u002F\u002F ±30%\n",[4604,10525,10526,10528,10530,10533],{"class":4606,"line":4631},[4604,10527,8373],{"class":4808},[4604,10529,10472],{"class":4765},[4604,10531,10532],{"class":4739}," + ",[4604,10534,10535],{"class":4765},"jitter\n",[4604,10537,10538],{"class":4606,"line":4637},[4604,10539,5100],{"class":4739},[4710,10541,10543],{"id":10542},"патерн-2-timeout-обмеження-часу-виконання","Патерн 2: Timeout (обмеження часу виконання)",[4588,10545,10546],{},"Гарантує, що операція не триватиме занадто довго.",[4595,10548,10550],{"className":4716,"code":10549,"language":4718,"meta":4599,"style":4599},"function withTimeout(promise, timeoutMs) {\n    return Promise.race([\n        promise,\n        new Promise((_, reject) =>\n            setTimeout(() => reject(new Error(`Timeout after ${timeoutMs}ms`)), timeoutMs)\n        ),\n    ])\n}\n\n\u002F\u002F Використання\ntry {\n    const data = await withTimeout(fetch('https:\u002F\u002Fslow-api.com\u002Fdata'), 5000)\n    console.log('Дані отримано вчасно:', data)\n} catch (error) {\n    if (error.message.includes('Timeout')) {\n        console.error('Запит завис — скасовано')\n    } else {\n        console.error('Інша помилка:', error)\n    }\n}\n",[4601,10551,10552,10571,10583,10591,10611,10648,10653,10657,10661,10665,10669,10675,10702,10721,10733,10755,10770,10778,10797,10801],{"__ignoreMap":4599},[4604,10553,10554,10556,10559,10561,10564,10566,10569],{"class":4606,"line":4607},[4604,10555,4953],{"class":4731},[4604,10557,10558],{"class":4743}," withTimeout",[4604,10560,4747],{"class":4739},[4604,10562,10563],{"class":4765},"promise",[4604,10565,4780],{"class":4739},[4604,10567,10568],{"class":4765},"timeoutMs",[4604,10570,4816],{"class":4739},[4604,10572,10573,10575,10577,10579,10581],{"class":4606,"line":4613},[4604,10574,8373],{"class":4808},[4604,10576,6033],{"class":6032},[4604,10578,4769],{"class":4739},[4604,10580,7333],{"class":4743},[4604,10582,6718],{"class":4739},[4604,10584,10585,10588],{"class":4606,"line":4619},[4604,10586,10587],{"class":4765},"        promise",[4604,10589,10590],{"class":4739},",\n",[4604,10592,10593,10596,10598,10600,10602,10604,10606,10608],{"class":4606,"line":4625},[4604,10594,10595],{"class":4731},"        new",[4604,10597,6033],{"class":6032},[4604,10599,6036],{"class":4739},[4604,10601,7370],{"class":4765},[4604,10603,4780],{"class":4739},[4604,10605,6044],{"class":4765},[4604,10607,4797],{"class":4739},[4604,10609,10610],{"class":4731},"=>\n",[4604,10612,10613,10616,10618,10620,10622,10624,10626,10628,10630,10633,10635,10637,10639,10642,10644,10646],{"class":4606,"line":4631},[4604,10614,10615],{"class":4743},"            setTimeout",[4604,10617,4981],{"class":4739},[4604,10619,4800],{"class":4731},[4604,10621,7388],{"class":4743},[4604,10623,4747],{"class":4739},[4604,10625,5065],{"class":4731},[4604,10627,5068],{"class":4743},[4604,10629,4747],{"class":4739},[4604,10631,10632],{"class":4750},"`Timeout after ",[4604,10634,7118],{"class":4731},[4604,10636,10568],{"class":4765},[4604,10638,7128],{"class":4731},[4604,10640,10641],{"class":4750},"ms`",[4604,10643,7402],{"class":4739},[4604,10645,10568],{"class":4765},[4604,10647,4754],{"class":4739},[4604,10649,10650],{"class":4606,"line":4637},[4604,10651,10652],{"class":4739},"        ),\n",[4604,10654,10655],{"class":4606,"line":4642},[4604,10656,9694],{"class":4739},[4604,10658,10659],{"class":4606,"line":4648},[4604,10660,5100],{"class":4739},[4604,10662,10663],{"class":4606,"line":4653},[4604,10664,4760],{"emptyLinePlaceholder":4759},[4604,10666,10667],{"class":4606,"line":4659},[4604,10668,5109],{"class":4725},[4604,10670,10671,10673],{"class":4606,"line":4664},[4604,10672,10346],{"class":4808},[4604,10674,4803],{"class":4739},[4604,10676,10677,10679,10681,10683,10685,10687,10689,10691,10693,10696,10698,10700],{"class":4606,"line":4670},[4604,10678,8568],{"class":4731},[4604,10680,10356],{"class":4735},[4604,10682,4740],{"class":4739},[4604,10684,8576],{"class":4808},[4604,10686,10558],{"class":4743},[4604,10688,4747],{"class":4739},[4604,10690,7712],{"class":4743},[4604,10692,4747],{"class":4739},[4604,10694,10695],{"class":4750},"'https:\u002F\u002Fslow-api.com\u002Fdata'",[4604,10697,5076],{"class":4739},[4604,10699,7405],{"class":5009},[4604,10701,4754],{"class":4739},[4604,10703,10704,10706,10708,10710,10712,10715,10717,10719],{"class":4606,"line":4675},[4604,10705,4855],{"class":4765},[4604,10707,4769],{"class":4739},[4604,10709,4860],{"class":4743},[4604,10711,4747],{"class":4739},[4604,10713,10714],{"class":4750},"'Дані отримано вчасно:'",[4604,10716,4780],{"class":4739},[4604,10718,4794],{"class":4765},[4604,10720,4754],{"class":4739},[4604,10722,10723,10725,10727,10729,10731],{"class":4606,"line":4681},[4604,10724,10395],{"class":4739},[4604,10726,6218],{"class":4808},[4604,10728,4703],{"class":4739},[4604,10730,4789],{"class":4765},[4604,10732,4816],{"class":4739},[4604,10734,10735,10737,10739,10741,10743,10745,10747,10749,10751,10753],{"class":4606,"line":4686},[4604,10736,4809],{"class":4808},[4604,10738,4703],{"class":4739},[4604,10740,4789],{"class":4765},[4604,10742,4769],{"class":4739},[4604,10744,5173],{"class":4765},[4604,10746,4769],{"class":4739},[4604,10748,9435],{"class":4743},[4604,10750,4747],{"class":4739},[4604,10752,7399],{"class":4750},[4604,10754,9443],{"class":4739},[4604,10756,10757,10759,10761,10763,10765,10768],{"class":4606,"line":5142},[4604,10758,4821],{"class":4765},[4604,10760,4769],{"class":4739},[4604,10762,4789],{"class":4743},[4604,10764,4747],{"class":4739},[4604,10766,10767],{"class":4750},"'Запит завис — скасовано'",[4604,10769,4754],{"class":4739},[4604,10771,10772,10774,10776],{"class":4606,"line":5153},[4604,10773,9125],{"class":4739},[4604,10775,5054],{"class":4808},[4604,10777,4803],{"class":4739},[4604,10779,10780,10782,10784,10786,10788,10791,10793,10795],{"class":4606,"line":5178},[4604,10781,4821],{"class":4765},[4604,10783,4769],{"class":4739},[4604,10785,4789],{"class":4743},[4604,10787,4747],{"class":4739},[4604,10789,10790],{"class":4750},"'Інша помилка:'",[4604,10792,4780],{"class":4739},[4604,10794,4789],{"class":4765},[4604,10796,4754],{"class":4739},[4604,10798,10799],{"class":4606,"line":5183},[4604,10800,4846],{"class":4739},[4604,10802,10803],{"class":4606,"line":5188},[4604,10804,5100],{"class":4739},[4588,10806,10807],{},[4700,10808,10809],{},"Варіант з AbortController (сучасний підхід):",[4595,10811,10813],{"className":4716,"code":10812,"language":4718,"meta":4599,"style":4599},"async function fetchWithTimeout(url, timeoutMs) {\n    const controller = new AbortController()\n\n    const timeoutId = setTimeout(() => {\n        controller.abort() \u002F\u002F Справжнє скасування запиту\n    }, timeoutMs)\n\n    try {\n        const response = await fetch(url, { signal: controller.signal })\n        clearTimeout(timeoutId)\n        return await response.json()\n    } catch (error) {\n        clearTimeout(timeoutId)\n\n        if (error.name === 'AbortError') {\n            throw new Error(`Запит скасовано після ${timeoutMs}ms`)\n        }\n\n        throw error\n    }\n}\n",[4601,10814,10815,10834,10850,10854,10872,10888,10896,10900,10906,10938,10950,10964,10976,10986,10990,11009,11032,11036,11040,11047,11051],{"__ignoreMap":4599},[4604,10816,10817,10819,10821,10824,10826,10828,10830,10832],{"class":4606,"line":4607},[4604,10818,8552],{"class":4731},[4604,10820,8555],{"class":4731},[4604,10822,10823],{"class":4743}," fetchWithTimeout",[4604,10825,4747],{"class":4739},[4604,10827,9253],{"class":4765},[4604,10829,4780],{"class":4739},[4604,10831,10568],{"class":4765},[4604,10833,4816],{"class":4739},[4604,10835,10836,10838,10841,10843,10845,10848],{"class":4606,"line":4613},[4604,10837,8568],{"class":4731},[4604,10839,10840],{"class":4735}," controller",[4604,10842,4740],{"class":4739},[4604,10844,5065],{"class":4731},[4604,10846,10847],{"class":4743}," AbortController",[4604,10849,8782],{"class":4739},[4604,10851,10852],{"class":4606,"line":4619},[4604,10853,4760],{"emptyLinePlaceholder":4759},[4604,10855,10856,10858,10861,10863,10866,10868,10870],{"class":4606,"line":4625},[4604,10857,8568],{"class":4731},[4604,10859,10860],{"class":4735}," timeoutId",[4604,10862,4740],{"class":4739},[4604,10864,10865],{"class":4743},"setTimeout",[4604,10867,4981],{"class":4739},[4604,10869,4800],{"class":4731},[4604,10871,4803],{"class":4739},[4604,10873,10874,10877,10879,10882,10885],{"class":4606,"line":4631},[4604,10875,10876],{"class":4765},"        controller",[4604,10878,4769],{"class":4739},[4604,10880,10881],{"class":4743},"abort",[4604,10883,10884],{"class":4739},"() ",[4604,10886,10887],{"class":4725},"\u002F\u002F Справжнє скасування запиту\n",[4604,10889,10890,10892,10894],{"class":4606,"line":4637},[4604,10891,5090],{"class":4739},[4604,10893,10568],{"class":4765},[4604,10895,4754],{"class":4739},[4604,10897,10898],{"class":4606,"line":4642},[4604,10899,4760],{"emptyLinePlaceholder":4759},[4604,10901,10902,10904],{"class":4606,"line":4648},[4604,10903,9019],{"class":4808},[4604,10905,4803],{"class":4739},[4604,10907,10908,10910,10912,10914,10916,10918,10920,10922,10925,10928,10930,10932,10935],{"class":4606,"line":4653},[4604,10909,4990],{"class":4731},[4604,10911,7737],{"class":4735},[4604,10913,4740],{"class":4739},[4604,10915,8576],{"class":4808},[4604,10917,8376],{"class":4743},[4604,10919,4747],{"class":4739},[4604,10921,9253],{"class":4765},[4604,10923,10924],{"class":4739},", { ",[4604,10926,10927],{"class":4765},"signal:",[4604,10929,10840],{"class":4765},[4604,10931,4769],{"class":4739},[4604,10933,10934],{"class":4765},"signal",[4604,10936,10937],{"class":4739}," })\n",[4604,10939,10940,10943,10945,10948],{"class":4606,"line":4659},[4604,10941,10942],{"class":4743},"        clearTimeout",[4604,10944,4747],{"class":4739},[4604,10946,10947],{"class":4765},"timeoutId",[4604,10949,4754],{"class":4739},[4604,10951,10952,10954,10956,10958,10960,10962],{"class":4606,"line":4664},[4604,10953,6393],{"class":4808},[4604,10955,9355],{"class":4808},[4604,10957,7737],{"class":4765},[4604,10959,4769],{"class":4739},[4604,10961,6750],{"class":4743},[4604,10963,8782],{"class":4739},[4604,10965,10966,10968,10970,10972,10974],{"class":4606,"line":4670},[4604,10967,9125],{"class":4739},[4604,10969,6218],{"class":4808},[4604,10971,4703],{"class":4739},[4604,10973,4789],{"class":4765},[4604,10975,4816],{"class":4739},[4604,10977,10978,10980,10982,10984],{"class":4606,"line":4675},[4604,10979,10942],{"class":4743},[4604,10981,4747],{"class":4739},[4604,10983,10947],{"class":4765},[4604,10985,4754],{"class":4739},[4604,10987,10988],{"class":4606,"line":4681},[4604,10989,4760],{"emptyLinePlaceholder":4759},[4604,10991,10992,10994,10996,10998,11000,11002,11004,11007],{"class":4606,"line":4686},[4604,10993,5019],{"class":4808},[4604,10995,4703],{"class":4739},[4604,10997,4789],{"class":4765},[4604,10999,4769],{"class":4739},[4604,11001,6386],{"class":4765},[4604,11003,7097],{"class":4739},[4604,11005,11006],{"class":4750},"'AbortError'",[4604,11008,4816],{"class":4739},[4604,11010,11011,11013,11015,11017,11019,11022,11024,11026,11028,11030],{"class":4606,"line":5142},[4604,11012,7955],{"class":4808},[4604,11014,7958],{"class":4731},[4604,11016,5068],{"class":4743},[4604,11018,4747],{"class":4739},[4604,11020,11021],{"class":4750},"`Запит скасовано після ",[4604,11023,7118],{"class":4731},[4604,11025,10568],{"class":4765},[4604,11027,7128],{"class":4731},[4604,11029,10641],{"class":4750},[4604,11031,4754],{"class":4739},[4604,11033,11034],{"class":4606,"line":5153},[4604,11035,5085],{"class":4739},[4604,11037,11038],{"class":4606,"line":5178},[4604,11039,4760],{"emptyLinePlaceholder":4759},[4604,11041,11042,11044],{"class":4606,"line":5183},[4604,11043,8267],{"class":4808},[4604,11045,11046],{"class":4765}," error\n",[4604,11048,11049],{"class":4606,"line":5188},[4604,11050,4846],{"class":4739},[4604,11052,11053],{"class":4606,"line":5193},[4604,11054,5100],{"class":4739},[4710,11056,11058],{"id":11057},"патерн-3-queue-послідовна-обробка-черги","Патерн 3: Queue (послідовна обробка черги)",[4588,11060,11061,11062,6731],{},"Виконання асинхронних операцій по черзі з контролем конкурентності (",[4705,11063,11064],{},"concurrency",[4595,11066,11068],{"className":4716,"code":11067,"language":4718,"meta":4599,"style":4599},"class AsyncQueue {\n    constructor(concurrency = 1) {\n        this.concurrency = concurrency \u002F\u002F Кількість одночасних операцій\n        this.running = 0\n        this.queue = []\n    }\n\n    async add(asyncFunction) {\n        \u002F\u002F Якщо досягнуто ліміт — чекаємо звільнення\n        while (this.running >= this.concurrency) {\n            await new Promise((resolve) => setTimeout(resolve, 10))\n        }\n\n        this.running++\n\n        try {\n            return await asyncFunction()\n        } finally {\n            this.running--\n            this.processQueue()\n        }\n    }\n\n    processQueue() {\n        if (this.queue.length > 0 && this.running \u003C this.concurrency) {\n            const next = this.queue.shift()\n            next()\n        }\n    }\n}\n\n\u002F\u002F Використання\nconst queue = new AsyncQueue(2) \u002F\u002F Максимум 2 одночасні операції\n\nconst tasks = Array.from({ length: 10 }, (_, i) => () =>\n    queue.add(async () => {\n        console.log(`Завдання ${i + 1} стартувало`)\n        await new Promise((resolve) => setTimeout(resolve, 1000))\n        console.log(`Завдання ${i + 1} завершено`)\n        return i\n    })\n)\n\n\u002F\u002F Запускаємо всі завдання\nawait Promise.all(tasks.map((task) => task()))\n",[4601,11069,11070,11080,11095,11111,11125,11137,11141,11145,11160,11165,11190,11219,11223,11227,11238,11242,11248,11259,11267,11279,11290,11294,11298,11302,11309,11349,11371,11378,11382,11386,11390,11394,11398,11420,11424,11467,11487,11515,11544,11571,11578,11583,11588,11593,11599],{"__ignoreMap":4599},[4604,11071,11072,11075,11078],{"class":4606,"line":4607},[4604,11073,11074],{"class":4731},"class",[4604,11076,11077],{"class":6032}," AsyncQueue",[4604,11079,4803],{"class":4739},[4604,11081,11082,11085,11087,11089,11091,11093],{"class":4606,"line":4613},[4604,11083,11084],{"class":4731},"    constructor",[4604,11086,4747],{"class":4739},[4604,11088,11064],{"class":4765},[4604,11090,4740],{"class":4739},[4604,11092,8823],{"class":5009},[4604,11094,4816],{"class":4739},[4604,11096,11097,11100,11102,11104,11106,11108],{"class":4606,"line":4619},[4604,11098,11099],{"class":4731},"        this",[4604,11101,4769],{"class":4739},[4604,11103,11064],{"class":4765},[4604,11105,4740],{"class":4739},[4604,11107,11064],{"class":4765},[4604,11109,11110],{"class":4725}," \u002F\u002F Кількість одночасних операцій\n",[4604,11112,11113,11115,11117,11120,11122],{"class":4606,"line":4625},[4604,11114,11099],{"class":4731},[4604,11116,4769],{"class":4739},[4604,11118,11119],{"class":4765},"running",[4604,11121,4740],{"class":4739},[4604,11123,11124],{"class":5009},"0\n",[4604,11126,11127,11129,11131,11134],{"class":4606,"line":4631},[4604,11128,11099],{"class":4731},[4604,11130,4769],{"class":4739},[4604,11132,11133],{"class":4765},"queue",[4604,11135,11136],{"class":4739}," = []\n",[4604,11138,11139],{"class":4606,"line":4637},[4604,11140,4846],{"class":4739},[4604,11142,11143],{"class":4606,"line":4642},[4604,11144,4760],{"emptyLinePlaceholder":4759},[4604,11146,11147,11150,11153,11155,11158],{"class":4606,"line":4648},[4604,11148,11149],{"class":4731},"    async",[4604,11151,11152],{"class":4743}," add",[4604,11154,4747],{"class":4739},[4604,11156,11157],{"class":4765},"asyncFunction",[4604,11159,4816],{"class":4739},[4604,11161,11162],{"class":4606,"line":4653},[4604,11163,11164],{"class":4725},"        \u002F\u002F Якщо досягнуто ліміт — чекаємо звільнення\n",[4604,11166,11167,11170,11172,11175,11177,11179,11182,11184,11186,11188],{"class":4606,"line":4659},[4604,11168,11169],{"class":4808},"        while",[4604,11171,4703],{"class":4739},[4604,11173,11174],{"class":4731},"this",[4604,11176,4769],{"class":4739},[4604,11178,11119],{"class":4765},[4604,11180,11181],{"class":4739}," >= ",[4604,11183,11174],{"class":4731},[4604,11185,4769],{"class":4739},[4604,11187,11064],{"class":4765},[4604,11189,4816],{"class":4739},[4604,11191,11192,11194,11196,11198,11200,11202,11204,11206,11208,11210,11212,11214,11217],{"class":4606,"line":4664},[4604,11193,10296],{"class":4808},[4604,11195,7958],{"class":4731},[4604,11197,6033],{"class":6032},[4604,11199,6036],{"class":4739},[4604,11201,6039],{"class":4765},[4604,11203,4797],{"class":4739},[4604,11205,4800],{"class":4731},[4604,11207,7381],{"class":4743},[4604,11209,4747],{"class":4739},[4604,11211,6039],{"class":4765},[4604,11213,4780],{"class":4739},[4604,11215,11216],{"class":5009},"10",[4604,11218,10321],{"class":4739},[4604,11220,11221],{"class":4606,"line":4670},[4604,11222,5085],{"class":4739},[4604,11224,11225],{"class":4606,"line":4675},[4604,11226,4760],{"emptyLinePlaceholder":4759},[4604,11228,11229,11231,11233,11235],{"class":4606,"line":4681},[4604,11230,11099],{"class":4731},[4604,11232,4769],{"class":4739},[4604,11234,11119],{"class":4765},[4604,11236,11237],{"class":4739},"++\n",[4604,11239,11240],{"class":4606,"line":4686},[4604,11241,4760],{"emptyLinePlaceholder":4759},[4604,11243,11244,11246],{"class":4606,"line":5142},[4604,11245,9954],{"class":4808},[4604,11247,4803],{"class":4739},[4604,11249,11250,11252,11254,11257],{"class":4606,"line":5153},[4604,11251,8483],{"class":4808},[4604,11253,9355],{"class":4808},[4604,11255,11256],{"class":4743}," asyncFunction",[4604,11258,8782],{"class":4739},[4604,11260,11261,11263,11265],{"class":4606,"line":5178},[4604,11262,5051],{"class":4739},[4604,11264,6262],{"class":4808},[4604,11266,4803],{"class":4739},[4604,11268,11269,11272,11274,11276],{"class":4606,"line":5183},[4604,11270,11271],{"class":4731},"            this",[4604,11273,4769],{"class":4739},[4604,11275,11119],{"class":4765},[4604,11277,11278],{"class":4739},"--\n",[4604,11280,11281,11283,11285,11288],{"class":4606,"line":5188},[4604,11282,11271],{"class":4731},[4604,11284,4769],{"class":4739},[4604,11286,11287],{"class":4743},"processQueue",[4604,11289,8782],{"class":4739},[4604,11291,11292],{"class":4606,"line":5193},[4604,11293,5085],{"class":4739},[4604,11295,11296],{"class":4606,"line":5213},[4604,11297,4846],{"class":4739},[4604,11299,11300],{"class":4606,"line":5518},[4604,11301,4760],{"emptyLinePlaceholder":4759},[4604,11303,11304,11307],{"class":4606,"line":5524},[4604,11305,11306],{"class":4743},"    processQueue",[4604,11308,8698],{"class":4739},[4604,11310,11311,11313,11315,11317,11319,11321,11323,11325,11328,11330,11333,11335,11337,11339,11341,11343,11345,11347],{"class":4606,"line":5530},[4604,11312,5019],{"class":4808},[4604,11314,4703],{"class":4739},[4604,11316,11174],{"class":4731},[4604,11318,4769],{"class":4739},[4604,11320,11133],{"class":4765},[4604,11322,4769],{"class":4739},[4604,11324,6451],{"class":4765},[4604,11326,11327],{"class":4739}," > ",[4604,11329,5398],{"class":5009},[4604,11331,11332],{"class":4739}," && ",[4604,11334,11174],{"class":4731},[4604,11336,4769],{"class":4739},[4604,11338,11119],{"class":4765},[4604,11340,9940],{"class":4739},[4604,11342,11174],{"class":4731},[4604,11344,4769],{"class":4739},[4604,11346,11064],{"class":4765},[4604,11348,4816],{"class":4739},[4604,11350,11351,11353,11356,11358,11360,11362,11364,11366,11369],{"class":4606,"line":5535},[4604,11352,10001],{"class":4731},[4604,11354,11355],{"class":4735}," next",[4604,11357,4740],{"class":4739},[4604,11359,11174],{"class":4731},[4604,11361,4769],{"class":4739},[4604,11363,11133],{"class":4765},[4604,11365,4769],{"class":4739},[4604,11367,11368],{"class":4743},"shift",[4604,11370,8782],{"class":4739},[4604,11372,11373,11376],{"class":4606,"line":5555},[4604,11374,11375],{"class":4743},"            next",[4604,11377,8782],{"class":4739},[4604,11379,11380],{"class":4606,"line":5561},[4604,11381,5085],{"class":4739},[4604,11383,11384],{"class":4606,"line":5567},[4604,11385,4846],{"class":4739},[4604,11387,11388],{"class":4606,"line":5573},[4604,11389,5100],{"class":4739},[4604,11391,11392],{"class":4606,"line":5579},[4604,11393,4760],{"emptyLinePlaceholder":4759},[4604,11395,11396],{"class":4606,"line":5932},[4604,11397,5109],{"class":4725},[4604,11399,11400,11402,11405,11407,11409,11411,11413,11415,11417],{"class":4606,"line":5937},[4604,11401,4732],{"class":4731},[4604,11403,11404],{"class":4735}," queue",[4604,11406,4740],{"class":4739},[4604,11408,5065],{"class":4731},[4604,11410,11077],{"class":4743},[4604,11412,4747],{"class":4739},[4604,11414,8831],{"class":5009},[4604,11416,4797],{"class":4739},[4604,11418,11419],{"class":4725},"\u002F\u002F Максимум 2 одночасні операції\n",[4604,11421,11422],{"class":4606,"line":5942},[4604,11423,4760],{"emptyLinePlaceholder":4759},[4604,11425,11426,11428,11431,11433,11436,11438,11441,11443,11446,11449,11451,11453,11455,11458,11460,11462,11465],{"class":4606,"line":5948},[4604,11427,4732],{"class":4731},[4604,11429,11430],{"class":4735}," tasks",[4604,11432,4740],{"class":4739},[4604,11434,11435],{"class":4765},"Array",[4604,11437,4769],{"class":4739},[4604,11439,11440],{"class":4743},"from",[4604,11442,5117],{"class":4739},[4604,11444,11445],{"class":4765},"length:",[4604,11447,11448],{"class":5009}," 10",[4604,11450,5126],{"class":4739},[4604,11452,7370],{"class":4765},[4604,11454,4780],{"class":4739},[4604,11456,11457],{"class":4765},"i",[4604,11459,4797],{"class":4739},[4604,11461,4800],{"class":4731},[4604,11463,11464],{"class":4739}," () ",[4604,11466,10610],{"class":4731},[4604,11468,11469,11472,11474,11477,11479,11481,11483,11485],{"class":4606,"line":10351},[4604,11470,11471],{"class":4765},"    queue",[4604,11473,4769],{"class":4739},[4604,11475,11476],{"class":4743},"add",[4604,11478,4747],{"class":4739},[4604,11480,8552],{"class":4731},[4604,11482,11464],{"class":4739},[4604,11484,4800],{"class":4731},[4604,11486,4803],{"class":4739},[4604,11488,11489,11491,11493,11495,11497,11500,11502,11504,11506,11508,11510,11513],{"class":4606,"line":10372},[4604,11490,4821],{"class":4765},[4604,11492,4769],{"class":4739},[4604,11494,4860],{"class":4743},[4604,11496,4747],{"class":4739},[4604,11498,11499],{"class":4750},"`Завдання ",[4604,11501,7118],{"class":4731},[4604,11503,11457],{"class":4765},[4604,11505,7123],{"class":4739},[4604,11507,5123],{"class":5009},[4604,11509,7128],{"class":4731},[4604,11511,11512],{"class":4750}," стартувало`",[4604,11514,4754],{"class":4739},[4604,11516,11517,11520,11522,11524,11526,11528,11530,11532,11534,11536,11538,11540,11542],{"class":4606,"line":10392},[4604,11518,11519],{"class":4808},"        await",[4604,11521,7958],{"class":4731},[4604,11523,6033],{"class":6032},[4604,11525,6036],{"class":4739},[4604,11527,6039],{"class":4765},[4604,11529,4797],{"class":4739},[4604,11531,4800],{"class":4731},[4604,11533,7381],{"class":4743},[4604,11535,4747],{"class":4739},[4604,11537,6039],{"class":4765},[4604,11539,4780],{"class":4739},[4604,11541,5093],{"class":5009},[4604,11543,10321],{"class":4739},[4604,11545,11546,11548,11550,11552,11554,11556,11558,11560,11562,11564,11566,11569],{"class":4606,"line":10406},[4604,11547,4821],{"class":4765},[4604,11549,4769],{"class":4739},[4604,11551,4860],{"class":4743},[4604,11553,4747],{"class":4739},[4604,11555,11499],{"class":4750},[4604,11557,7118],{"class":4731},[4604,11559,11457],{"class":4765},[4604,11561,7123],{"class":4739},[4604,11563,5123],{"class":5009},[4604,11565,7128],{"class":4731},[4604,11567,11568],{"class":4750}," завершено`",[4604,11570,4754],{"class":4739},[4604,11572,11573,11575],{"class":4606,"line":10426},[4604,11574,6393],{"class":4808},[4604,11576,11577],{"class":4765}," i\n",[4604,11579,11581],{"class":4606,"line":11580},41,[4604,11582,5576],{"class":4739},[4604,11584,11586],{"class":4606,"line":11585},42,[4604,11587,4754],{"class":4739},[4604,11589,11591],{"class":4606,"line":11590},43,[4604,11592,4760],{"emptyLinePlaceholder":4759},[4604,11594,11596],{"class":4606,"line":11595},44,[4604,11597,11598],{"class":4725},"\u002F\u002F Запускаємо всі завдання\n",[4604,11600,11602,11604,11606,11608,11610,11612,11615,11617,11620,11622,11625,11627,11629,11632],{"class":4606,"line":11601},45,[4604,11603,8576],{"class":4808},[4604,11605,6033],{"class":6032},[4604,11607,4769],{"class":4739},[4604,11609,6715],{"class":4743},[4604,11611,4747],{"class":4739},[4604,11613,11614],{"class":4765},"tasks",[4604,11616,4769],{"class":4739},[4604,11618,11619],{"class":4743},"map",[4604,11621,6036],{"class":4739},[4604,11623,11624],{"class":4765},"task",[4604,11626,4797],{"class":4739},[4604,11628,4800],{"class":4731},[4604,11630,11631],{"class":4743}," task",[4604,11633,11634],{"class":4739},"()))\n",[4588,11636,11637],{},[4700,11638,11639],{},"Вивід:",[8803,11641,11643,11652,11660,11667,11675,11682,11689,11696],{"title":11642},"node queue.js",[8807,11644,11646,8815,11649],{"className":11645},[4606],[4604,11647,8814],{"className":11648},[8813],[4700,11650,11642],{"className":11651},[8819],[8807,11653,11655],{"className":11654},[4606],[4604,11656,11659],{"className":11657},[11658],"text-blue-400","Завдання 1 стартувало",[8807,11661,11663],{"className":11662},[4606],[4604,11664,11666],{"className":11665},[11658],"Завдання 2 стартувало",[8807,11668,11670],{"className":11669},[4606],[4604,11671,11674],{"className":11672},[11673],"text-green-400","Завдання 1 завершено",[8807,11676,11678],{"className":11677},[4606],[4604,11679,11681],{"className":11680},[11658],"Завдання 3 стартувало",[8807,11683,11685],{"className":11684},[4606],[4604,11686,11688],{"className":11687},[11673],"Завдання 2 завершено",[8807,11690,11692],{"className":11691},[4606],[4604,11693,11695],{"className":11694},[11658],"Завдання 4 стартувало",[8807,11697,11699],{"className":11698},[4606],"...",[4710,11701,11703],{"id":11702},"патерн-4-cache-кешування-промісів","Патерн 4: Cache (кешування промісів)",[4588,11705,11706],{},"Запобігає дублюванню ідентичних запитів.",[4595,11708,11710],{"className":4716,"code":11709,"language":4718,"meta":4599,"style":4599},"class PromiseCache {\n    constructor(ttl = 60000) {\n        \u002F\u002F Time to live (час життя кешу)\n        this.cache = new Map()\n        this.ttl = ttl\n    }\n\n    async get(key, fetchFunction) {\n        \u002F\u002F Перевіряємо, чи є в кеші\n        if (this.cache.has(key)) {\n            const cached = this.cache.get(key)\n\n            \u002F\u002F Перевіряємо, чи не застарів кеш\n            if (Date.now() - cached.timestamp \u003C this.ttl) {\n                console.log(`Повернуто з кешу: ${key}`)\n                return cached.promise\n            }\n\n            \u002F\u002F Кеш застарів — видаляємо\n            this.cache.delete(key)\n        }\n\n        \u002F\u002F Виконуємо запит та зберігаємо проміс (не результат!)\n        console.log(`Виконується запит: ${key}`)\n        const promise = fetchFunction()\n\n        this.cache.set(key, {\n            promise,\n            timestamp: Date.now(),\n        })\n\n        try {\n            const result = await promise\n            return result\n        } catch (error) {\n            \u002F\u002F Якщо запит не вдався — видаляємо з кешу\n            this.cache.delete(key)\n            throw error\n        }\n    }\n\n    clear() {\n        this.cache.clear()\n    }\n}\n\n\u002F\u002F Використання\nconst cache = new PromiseCache(5000) \u002F\u002F Кеш на 5 секунд\n\nasync function getUser(id) {\n    return cache.get(`user:${id}`, () => fetch(`\u002Fapi\u002Fusers\u002F${id}`).then((r) => r.json()))\n}\n\n\u002F\u002F Перший виклик — робить запит\nawait getUser(1)\n\n\u002F\u002F Другий виклик протягом 5 секунд — повертає з кешу\nawait getUser(1)\n",[4601,11711,11712,11721,11737,11742,11760,11773,11777,11781,11800,11805,11828,11854,11858,11863,11898,11921,11932,11936,11940,11945,11964,11968,11972,11977,12000,12012,12016,12036,12043,12058,12062,12066,12072,12085,12092,12104,12109,12127,12133,12137,12141,12145,12152,12167,12171,12175,12180,12185,12208,12213,12229,12292,12297,12302,12308,12321,12326,12332],{"__ignoreMap":4599},[4604,11713,11714,11716,11719],{"class":4606,"line":4607},[4604,11715,11074],{"class":4731},[4604,11717,11718],{"class":6032}," PromiseCache",[4604,11720,4803],{"class":4739},[4604,11722,11723,11725,11727,11730,11732,11735],{"class":4606,"line":4613},[4604,11724,11084],{"class":4731},[4604,11726,4747],{"class":4739},[4604,11728,11729],{"class":4765},"ttl",[4604,11731,4740],{"class":4739},[4604,11733,11734],{"class":5009},"60000",[4604,11736,4816],{"class":4739},[4604,11738,11739],{"class":4606,"line":4619},[4604,11740,11741],{"class":4725},"        \u002F\u002F Time to live (час життя кешу)\n",[4604,11743,11744,11746,11748,11751,11753,11755,11758],{"class":4606,"line":4625},[4604,11745,11099],{"class":4731},[4604,11747,4769],{"class":4739},[4604,11749,11750],{"class":4765},"cache",[4604,11752,4740],{"class":4739},[4604,11754,5065],{"class":4731},[4604,11756,11757],{"class":4743}," Map",[4604,11759,8782],{"class":4739},[4604,11761,11762,11764,11766,11768,11770],{"class":4606,"line":4631},[4604,11763,11099],{"class":4731},[4604,11765,4769],{"class":4739},[4604,11767,11729],{"class":4765},[4604,11769,4740],{"class":4739},[4604,11771,11772],{"class":4765},"ttl\n",[4604,11774,11775],{"class":4606,"line":4637},[4604,11776,4846],{"class":4739},[4604,11778,11779],{"class":4606,"line":4642},[4604,11780,4760],{"emptyLinePlaceholder":4759},[4604,11782,11783,11785,11788,11790,11793,11795,11798],{"class":4606,"line":4648},[4604,11784,11149],{"class":4731},[4604,11786,11787],{"class":4743}," get",[4604,11789,4747],{"class":4739},[4604,11791,11792],{"class":4765},"key",[4604,11794,4780],{"class":4739},[4604,11796,11797],{"class":4765},"fetchFunction",[4604,11799,4816],{"class":4739},[4604,11801,11802],{"class":4606,"line":4653},[4604,11803,11804],{"class":4725},"        \u002F\u002F Перевіряємо, чи є в кеші\n",[4604,11806,11807,11809,11811,11813,11815,11817,11819,11822,11824,11826],{"class":4606,"line":4659},[4604,11808,5019],{"class":4808},[4604,11810,4703],{"class":4739},[4604,11812,11174],{"class":4731},[4604,11814,4769],{"class":4739},[4604,11816,11750],{"class":4765},[4604,11818,4769],{"class":4739},[4604,11820,11821],{"class":4743},"has",[4604,11823,4747],{"class":4739},[4604,11825,11792],{"class":4765},[4604,11827,9443],{"class":4739},[4604,11829,11830,11832,11835,11837,11839,11841,11843,11845,11848,11850,11852],{"class":4606,"line":4664},[4604,11831,10001],{"class":4731},[4604,11833,11834],{"class":4735}," cached",[4604,11836,4740],{"class":4739},[4604,11838,11174],{"class":4731},[4604,11840,4769],{"class":4739},[4604,11842,11750],{"class":4765},[4604,11844,4769],{"class":4739},[4604,11846,11847],{"class":4743},"get",[4604,11849,4747],{"class":4739},[4604,11851,11792],{"class":4765},[4604,11853,4754],{"class":4739},[4604,11855,11856],{"class":4606,"line":4670},[4604,11857,4760],{"emptyLinePlaceholder":4759},[4604,11859,11860],{"class":4606,"line":4675},[4604,11861,11862],{"class":4725},"            \u002F\u002F Перевіряємо, чи не застарів кеш\n",[4604,11864,11865,11867,11869,11872,11874,11877,11880,11883,11885,11888,11890,11892,11894,11896],{"class":4606,"line":4681},[4604,11866,5424],{"class":4808},[4604,11868,4703],{"class":4739},[4604,11870,11871],{"class":4765},"Date",[4604,11873,4769],{"class":4739},[4604,11875,11876],{"class":4743},"now",[4604,11878,11879],{"class":4739},"() - ",[4604,11881,11882],{"class":4765},"cached",[4604,11884,4769],{"class":4739},[4604,11886,11887],{"class":4765},"timestamp",[4604,11889,9940],{"class":4739},[4604,11891,11174],{"class":4731},[4604,11893,4769],{"class":4739},[4604,11895,11729],{"class":4765},[4604,11897,4816],{"class":4739},[4604,11899,11900,11902,11904,11906,11908,11911,11913,11915,11917,11919],{"class":4606,"line":4686},[4604,11901,5435],{"class":4765},[4604,11903,4769],{"class":4739},[4604,11905,4860],{"class":4743},[4604,11907,4747],{"class":4739},[4604,11909,11910],{"class":4750},"`Повернуто з кешу: ",[4604,11912,7118],{"class":4731},[4604,11914,11792],{"class":4765},[4604,11916,7128],{"class":4731},[4604,11918,8390],{"class":4750},[4604,11920,4754],{"class":4739},[4604,11922,11923,11926,11928,11930],{"class":4606,"line":5142},[4604,11924,11925],{"class":4808},"                return",[4604,11927,11834],{"class":4765},[4604,11929,4769],{"class":4739},[4604,11931,6171],{"class":4765},[4604,11933,11934],{"class":4606,"line":5153},[4604,11935,5455],{"class":4739},[4604,11937,11938],{"class":4606,"line":5178},[4604,11939,4760],{"emptyLinePlaceholder":4759},[4604,11941,11942],{"class":4606,"line":5183},[4604,11943,11944],{"class":4725},"            \u002F\u002F Кеш застарів — видаляємо\n",[4604,11946,11947,11949,11951,11953,11955,11958,11960,11962],{"class":4606,"line":5188},[4604,11948,11271],{"class":4731},[4604,11950,4769],{"class":4739},[4604,11952,11750],{"class":4765},[4604,11954,4769],{"class":4739},[4604,11956,11957],{"class":4743},"delete",[4604,11959,4747],{"class":4739},[4604,11961,11792],{"class":4765},[4604,11963,4754],{"class":4739},[4604,11965,11966],{"class":4606,"line":5193},[4604,11967,5085],{"class":4739},[4604,11969,11970],{"class":4606,"line":5213},[4604,11971,4760],{"emptyLinePlaceholder":4759},[4604,11973,11974],{"class":4606,"line":5518},[4604,11975,11976],{"class":4725},"        \u002F\u002F Виконуємо запит та зберігаємо проміс (не результат!)\n",[4604,11978,11979,11981,11983,11985,11987,11990,11992,11994,11996,11998],{"class":4606,"line":5524},[4604,11980,4821],{"class":4765},[4604,11982,4769],{"class":4739},[4604,11984,4860],{"class":4743},[4604,11986,4747],{"class":4739},[4604,11988,11989],{"class":4750},"`Виконується запит: ",[4604,11991,7118],{"class":4731},[4604,11993,11792],{"class":4765},[4604,11995,7128],{"class":4731},[4604,11997,8390],{"class":4750},[4604,11999,4754],{"class":4739},[4604,12001,12002,12004,12006,12008,12010],{"class":4606,"line":5530},[4604,12003,4990],{"class":4731},[4604,12005,6025],{"class":4735},[4604,12007,4740],{"class":4739},[4604,12009,11797],{"class":4743},[4604,12011,8782],{"class":4739},[4604,12013,12014],{"class":4606,"line":5535},[4604,12015,4760],{"emptyLinePlaceholder":4759},[4604,12017,12018,12020,12022,12024,12026,12029,12031,12033],{"class":4606,"line":5555},[4604,12019,11099],{"class":4731},[4604,12021,4769],{"class":4739},[4604,12023,11750],{"class":4765},[4604,12025,4769],{"class":4739},[4604,12027,12028],{"class":4743},"set",[4604,12030,4747],{"class":4739},[4604,12032,11792],{"class":4765},[4604,12034,12035],{"class":4739},", {\n",[4604,12037,12038,12041],{"class":4606,"line":5561},[4604,12039,12040],{"class":4765},"            promise",[4604,12042,10590],{"class":4739},[4604,12044,12045,12048,12051,12053,12055],{"class":4606,"line":5567},[4604,12046,12047],{"class":4765},"            timestamp:",[4604,12049,12050],{"class":4765}," Date",[4604,12052,4769],{"class":4739},[4604,12054,11876],{"class":4743},[4604,12056,12057],{"class":4739},"(),\n",[4604,12059,12060],{"class":4606,"line":5573},[4604,12061,5570],{"class":4739},[4604,12063,12064],{"class":4606,"line":5579},[4604,12065,4760],{"emptyLinePlaceholder":4759},[4604,12067,12068,12070],{"class":4606,"line":5932},[4604,12069,9954],{"class":4808},[4604,12071,4803],{"class":4739},[4604,12073,12074,12076,12078,12080,12082],{"class":4606,"line":5937},[4604,12075,10001],{"class":4731},[4604,12077,8720],{"class":4735},[4604,12079,4740],{"class":4739},[4604,12081,8576],{"class":4808},[4604,12083,12084],{"class":4765}," promise\n",[4604,12086,12087,12089],{"class":4606,"line":5942},[4604,12088,8483],{"class":4808},[4604,12090,12091],{"class":4765}," result\n",[4604,12093,12094,12096,12098,12100,12102],{"class":4606,"line":5948},[4604,12095,5051],{"class":4739},[4604,12097,6218],{"class":4808},[4604,12099,4703],{"class":4739},[4604,12101,4789],{"class":4765},[4604,12103,4816],{"class":4739},[4604,12105,12106],{"class":4606,"line":10351},[4604,12107,12108],{"class":4725},"            \u002F\u002F Якщо запит не вдався — видаляємо з кешу\n",[4604,12110,12111,12113,12115,12117,12119,12121,12123,12125],{"class":4606,"line":10372},[4604,12112,11271],{"class":4731},[4604,12114,4769],{"class":4739},[4604,12116,11750],{"class":4765},[4604,12118,4769],{"class":4739},[4604,12120,11957],{"class":4743},[4604,12122,4747],{"class":4739},[4604,12124,11792],{"class":4765},[4604,12126,4754],{"class":4739},[4604,12128,12129,12131],{"class":4606,"line":10392},[4604,12130,7955],{"class":4808},[4604,12132,11046],{"class":4765},[4604,12134,12135],{"class":4606,"line":10406},[4604,12136,5085],{"class":4739},[4604,12138,12139],{"class":4606,"line":10426},[4604,12140,4846],{"class":4739},[4604,12142,12143],{"class":4606,"line":11580},[4604,12144,4760],{"emptyLinePlaceholder":4759},[4604,12146,12147,12150],{"class":4606,"line":11585},[4604,12148,12149],{"class":4743},"    clear",[4604,12151,8698],{"class":4739},[4604,12153,12154,12156,12158,12160,12162,12165],{"class":4606,"line":11590},[4604,12155,11099],{"class":4731},[4604,12157,4769],{"class":4739},[4604,12159,11750],{"class":4765},[4604,12161,4769],{"class":4739},[4604,12163,12164],{"class":4743},"clear",[4604,12166,8782],{"class":4739},[4604,12168,12169],{"class":4606,"line":11595},[4604,12170,4846],{"class":4739},[4604,12172,12173],{"class":4606,"line":11601},[4604,12174,5100],{"class":4739},[4604,12176,12178],{"class":4606,"line":12177},46,[4604,12179,4760],{"emptyLinePlaceholder":4759},[4604,12181,12183],{"class":4606,"line":12182},47,[4604,12184,5109],{"class":4725},[4604,12186,12188,12190,12193,12195,12197,12199,12201,12203,12205],{"class":4606,"line":12187},48,[4604,12189,4732],{"class":4731},[4604,12191,12192],{"class":4735}," cache",[4604,12194,4740],{"class":4739},[4604,12196,5065],{"class":4731},[4604,12198,11718],{"class":4743},[4604,12200,4747],{"class":4739},[4604,12202,7405],{"class":5009},[4604,12204,4797],{"class":4739},[4604,12206,12207],{"class":4725},"\u002F\u002F Кеш на 5 секунд\n",[4604,12209,12211],{"class":4606,"line":12210},49,[4604,12212,4760],{"emptyLinePlaceholder":4759},[4604,12214,12216,12218,12220,12223,12225,12227],{"class":4606,"line":12215},50,[4604,12217,8552],{"class":4731},[4604,12219,8555],{"class":4731},[4604,12221,12222],{"class":4743}," getUser",[4604,12224,4747],{"class":4739},[4604,12226,5329],{"class":4765},[4604,12228,4816],{"class":4739},[4604,12230,12232,12234,12236,12238,12240,12242,12245,12247,12249,12251,12253,12256,12258,12260,12262,12264,12266,12268,12270,12272,12274,12276,12278,12280,12282,12284,12286,12288,12290],{"class":4606,"line":12231},51,[4604,12233,8373],{"class":4808},[4604,12235,12192],{"class":4765},[4604,12237,4769],{"class":4739},[4604,12239,11847],{"class":4743},[4604,12241,4747],{"class":4739},[4604,12243,12244],{"class":4750},"`user:",[4604,12246,7118],{"class":4731},[4604,12248,5329],{"class":4765},[4604,12250,7128],{"class":4731},[4604,12252,8390],{"class":4750},[4604,12254,12255],{"class":4739},", () ",[4604,12257,4800],{"class":4731},[4604,12259,8376],{"class":4743},[4604,12261,4747],{"class":4739},[4604,12263,8381],{"class":4750},[4604,12265,7118],{"class":4731},[4604,12267,5329],{"class":4765},[4604,12269,7128],{"class":4731},[4604,12271,8390],{"class":4750},[4604,12273,6731],{"class":4739},[4604,12275,6179],{"class":4743},[4604,12277,6036],{"class":4739},[4604,12279,6738],{"class":4765},[4604,12281,4797],{"class":4739},[4604,12283,4800],{"class":4731},[4604,12285,6745],{"class":4765},[4604,12287,4769],{"class":4739},[4604,12289,6750],{"class":4743},[4604,12291,11634],{"class":4739},[4604,12293,12295],{"class":4606,"line":12294},52,[4604,12296,5100],{"class":4739},[4604,12298,12300],{"class":4606,"line":12299},53,[4604,12301,4760],{"emptyLinePlaceholder":4759},[4604,12303,12305],{"class":4606,"line":12304},54,[4604,12306,12307],{"class":4725},"\u002F\u002F Перший виклик — робить запит\n",[4604,12309,12311,12313,12315,12317,12319],{"class":4606,"line":12310},55,[4604,12312,8576],{"class":4808},[4604,12314,12222],{"class":4743},[4604,12316,4747],{"class":4739},[4604,12318,8823],{"class":5009},[4604,12320,4754],{"class":4739},[4604,12322,12324],{"class":4606,"line":12323},56,[4604,12325,4760],{"emptyLinePlaceholder":4759},[4604,12327,12329],{"class":4606,"line":12328},57,[4604,12330,12331],{"class":4725},"\u002F\u002F Другий виклик протягом 5 секунд — повертає з кешу\n",[4604,12333,12335,12337,12339,12341,12343],{"class":4606,"line":12334},58,[4604,12336,8576],{"class":4808},[4604,12338,12222],{"class":4743},[4604,12340,4747],{"class":4739},[4604,12342,8823],{"class":5009},[4604,12344,4754],{"class":4739},[4588,12346,12347],{},[4700,12348,12349],{},"Чому кешуємо проміс, а не результат?",[4588,12351,12352,12353,12356],{},"Якщо два виклики ",[4601,12354,12355],{},"getUser(1)"," відбудуться одночасно, без кешування проміса обидва зроблять запит до API. Кешування проміса гарантує, що навіть паралельні виклики отримають один і той же проміс.",[4710,12358,12360],{"id":12359},"патерн-5-debouncethrottle-для-промісів","Патерн 5: Debounce\u002FThrottle для промісів",[4588,12362,12363],{},"Обмеження частоти викликів асинхронних функцій.",[4595,12365,12367],{"className":4716,"code":12366,"language":4718,"meta":4599,"style":4599},"function debounceAsync(fn, delay) {\n    let timeoutId\n    let pendingPromise\n\n    return function debounced(...args) {\n        clearTimeout(timeoutId)\n\n        if (!pendingPromise) {\n            pendingPromise = new Promise((resolve, reject) => {\n                timeoutId = setTimeout(async () => {\n                    try {\n                        const result = await fn.apply(this, args)\n                        resolve(result)\n                    } catch (error) {\n                        reject(error)\n                    } finally {\n                        pendingPromise = null\n                    }\n                }, delay)\n            })\n        }\n\n        return pendingPromise\n    }\n}\n\n\u002F\u002F Використання для пошуку\nconst searchAPI = debounceAsync(async (query) => {\n    const response = await fetch(`\u002Fapi\u002Fsearch?q=${query}`)\n    return response.json()\n}, 300)\n\n\u002F\u002F Обробник input\nsearchInput.addEventListener('input', async (e) => {\n    try {\n        const results = await searchAPI(e.target.value)\n        displayResults(results)\n    } catch (error) {\n        console.error('Помилка пошуку:', error)\n    }\n})\n",[4601,12368,12369,12387,12394,12401,12405,12422,12432,12436,12447,12472,12491,12498,12527,12538,12551,12562,12570,12580,12585,12594,12598,12602,12606,12612,12616,12620,12624,12629,12656,12683,12695,12705,12709,12714,12744,12750,12778,12789,12801,12820,12824],{"__ignoreMap":4599},[4604,12370,12371,12373,12376,12378,12381,12383,12385],{"class":4606,"line":4607},[4604,12372,4953],{"class":4731},[4604,12374,12375],{"class":4743}," debounceAsync",[4604,12377,4747],{"class":4739},[4604,12379,12380],{"class":4765},"fn",[4604,12382,4780],{"class":4739},[4604,12384,10278],{"class":4765},[4604,12386,4816],{"class":4739},[4604,12388,12389,12391],{"class":4606,"line":4613},[4604,12390,9907],{"class":4731},[4604,12392,12393],{"class":4765}," timeoutId\n",[4604,12395,12396,12398],{"class":4606,"line":4619},[4604,12397,9907],{"class":4731},[4604,12399,12400],{"class":4765}," pendingPromise\n",[4604,12402,12403],{"class":4606,"line":4625},[4604,12404,4760],{"emptyLinePlaceholder":4759},[4604,12406,12407,12409,12411,12414,12417,12420],{"class":4606,"line":4631},[4604,12408,8373],{"class":4808},[4604,12410,8555],{"class":4731},[4604,12412,12413],{"class":4743}," debounced",[4604,12415,12416],{"class":4739},"(...",[4604,12418,12419],{"class":4765},"args",[4604,12421,4816],{"class":4739},[4604,12423,12424,12426,12428,12430],{"class":4606,"line":4637},[4604,12425,10942],{"class":4743},[4604,12427,4747],{"class":4739},[4604,12429,10947],{"class":4765},[4604,12431,4754],{"class":4739},[4604,12433,12434],{"class":4606,"line":4642},[4604,12435,4760],{"emptyLinePlaceholder":4759},[4604,12437,12438,12440,12442,12445],{"class":4606,"line":4648},[4604,12439,5019],{"class":4808},[4604,12441,7941],{"class":4739},[4604,12443,12444],{"class":4765},"pendingPromise",[4604,12446,4816],{"class":4739},[4604,12448,12449,12452,12454,12456,12458,12460,12462,12464,12466,12468,12470],{"class":4606,"line":4653},[4604,12450,12451],{"class":4765},"            pendingPromise",[4604,12453,4740],{"class":4739},[4604,12455,5065],{"class":4731},[4604,12457,6033],{"class":6032},[4604,12459,6036],{"class":4739},[4604,12461,6039],{"class":4765},[4604,12463,4780],{"class":4739},[4604,12465,6044],{"class":4765},[4604,12467,4797],{"class":4739},[4604,12469,4800],{"class":4731},[4604,12471,4803],{"class":4739},[4604,12473,12474,12477,12479,12481,12483,12485,12487,12489],{"class":4606,"line":4659},[4604,12475,12476],{"class":4765},"                timeoutId",[4604,12478,4740],{"class":4739},[4604,12480,10865],{"class":4743},[4604,12482,4747],{"class":4739},[4604,12484,8552],{"class":4731},[4604,12486,11464],{"class":4739},[4604,12488,4800],{"class":4731},[4604,12490,4803],{"class":4739},[4604,12492,12493,12496],{"class":4606,"line":4664},[4604,12494,12495],{"class":4808},"                    try",[4604,12497,4803],{"class":4739},[4604,12499,12500,12503,12505,12507,12509,12512,12514,12517,12519,12521,12523,12525],{"class":4606,"line":4670},[4604,12501,12502],{"class":4731},"                        const",[4604,12504,8720],{"class":4735},[4604,12506,4740],{"class":4739},[4604,12508,8576],{"class":4808},[4604,12510,12511],{"class":4765}," fn",[4604,12513,4769],{"class":4739},[4604,12515,12516],{"class":4743},"apply",[4604,12518,4747],{"class":4739},[4604,12520,11174],{"class":4731},[4604,12522,4780],{"class":4739},[4604,12524,12419],{"class":4765},[4604,12526,4754],{"class":4739},[4604,12528,12529,12532,12534,12536],{"class":4606,"line":4675},[4604,12530,12531],{"class":4743},"                        resolve",[4604,12533,4747],{"class":4739},[4604,12535,5133],{"class":4765},[4604,12537,4754],{"class":4739},[4604,12539,12540,12543,12545,12547,12549],{"class":4606,"line":4681},[4604,12541,12542],{"class":4739},"                    } ",[4604,12544,6218],{"class":4808},[4604,12546,4703],{"class":4739},[4604,12548,4789],{"class":4765},[4604,12550,4816],{"class":4739},[4604,12552,12553,12556,12558,12560],{"class":4606,"line":4686},[4604,12554,12555],{"class":4743},"                        reject",[4604,12557,4747],{"class":4739},[4604,12559,4789],{"class":4765},[4604,12561,4754],{"class":4739},[4604,12563,12564,12566,12568],{"class":4606,"line":5142},[4604,12565,12542],{"class":4739},[4604,12567,6262],{"class":4808},[4604,12569,4803],{"class":4739},[4604,12571,12572,12575,12577],{"class":4606,"line":5153},[4604,12573,12574],{"class":4765},"                        pendingPromise",[4604,12576,4740],{"class":4739},[4604,12578,12579],{"class":4731},"null\n",[4604,12581,12582],{"class":4606,"line":5178},[4604,12583,12584],{"class":4739},"                    }\n",[4604,12586,12587,12590,12592],{"class":4606,"line":5183},[4604,12588,12589],{"class":4739},"                }, ",[4604,12591,10278],{"class":4765},[4604,12593,4754],{"class":4739},[4604,12595,12596],{"class":4606,"line":5188},[4604,12597,5564],{"class":4739},[4604,12599,12600],{"class":4606,"line":5193},[4604,12601,5085],{"class":4739},[4604,12603,12604],{"class":4606,"line":5213},[4604,12605,4760],{"emptyLinePlaceholder":4759},[4604,12607,12608,12610],{"class":4606,"line":5518},[4604,12609,6393],{"class":4808},[4604,12611,12400],{"class":4765},[4604,12613,12614],{"class":4606,"line":5524},[4604,12615,4846],{"class":4739},[4604,12617,12618],{"class":4606,"line":5530},[4604,12619,5100],{"class":4739},[4604,12621,12622],{"class":4606,"line":5535},[4604,12623,4760],{"emptyLinePlaceholder":4759},[4604,12625,12626],{"class":4606,"line":5555},[4604,12627,12628],{"class":4725},"\u002F\u002F Використання для пошуку\n",[4604,12630,12631,12633,12636,12638,12641,12643,12645,12647,12650,12652,12654],{"class":4606,"line":5561},[4604,12632,4732],{"class":4731},[4604,12634,12635],{"class":4735}," searchAPI",[4604,12637,4740],{"class":4739},[4604,12639,12640],{"class":4743},"debounceAsync",[4604,12642,4747],{"class":4739},[4604,12644,8552],{"class":4731},[4604,12646,4703],{"class":4739},[4604,12648,12649],{"class":4765},"query",[4604,12651,4797],{"class":4739},[4604,12653,4800],{"class":4731},[4604,12655,4803],{"class":4739},[4604,12657,12658,12660,12662,12664,12666,12668,12670,12673,12675,12677,12679,12681],{"class":4606,"line":5567},[4604,12659,8568],{"class":4731},[4604,12661,7737],{"class":4735},[4604,12663,4740],{"class":4739},[4604,12665,8576],{"class":4808},[4604,12667,8376],{"class":4743},[4604,12669,4747],{"class":4739},[4604,12671,12672],{"class":4750},"`\u002Fapi\u002Fsearch?q=",[4604,12674,7118],{"class":4731},[4604,12676,12649],{"class":4765},[4604,12678,7128],{"class":4731},[4604,12680,8390],{"class":4750},[4604,12682,4754],{"class":4739},[4604,12684,12685,12687,12689,12691,12693],{"class":4606,"line":5573},[4604,12686,8373],{"class":4808},[4604,12688,7737],{"class":4765},[4604,12690,4769],{"class":4739},[4604,12692,6750],{"class":4743},[4604,12694,8782],{"class":4739},[4604,12696,12697,12700,12703],{"class":4606,"line":5579},[4604,12698,12699],{"class":4739},"}, ",[4604,12701,12702],{"class":5009},"300",[4604,12704,4754],{"class":4739},[4604,12706,12707],{"class":4606,"line":5932},[4604,12708,4760],{"emptyLinePlaceholder":4759},[4604,12710,12711],{"class":4606,"line":5937},[4604,12712,12713],{"class":4725},"\u002F\u002F Обробник input\n",[4604,12715,12716,12719,12721,12724,12726,12729,12731,12733,12735,12738,12740,12742],{"class":4606,"line":5942},[4604,12717,12718],{"class":4765},"searchInput",[4604,12720,4769],{"class":4739},[4604,12722,12723],{"class":4743},"addEventListener",[4604,12725,4747],{"class":4739},[4604,12727,12728],{"class":4750},"'input'",[4604,12730,4780],{"class":4739},[4604,12732,8552],{"class":4731},[4604,12734,4703],{"class":4739},[4604,12736,12737],{"class":4765},"e",[4604,12739,4797],{"class":4739},[4604,12741,4800],{"class":4731},[4604,12743,4803],{"class":4739},[4604,12745,12746,12748],{"class":4606,"line":5948},[4604,12747,9019],{"class":4808},[4604,12749,4803],{"class":4739},[4604,12751,12752,12754,12757,12759,12761,12763,12765,12767,12769,12772,12774,12776],{"class":4606,"line":10351},[4604,12753,4990],{"class":4731},[4604,12755,12756],{"class":4735}," results",[4604,12758,4740],{"class":4739},[4604,12760,8576],{"class":4808},[4604,12762,12635],{"class":4743},[4604,12764,4747],{"class":4739},[4604,12766,12737],{"class":4765},[4604,12768,4769],{"class":4739},[4604,12770,12771],{"class":4765},"target",[4604,12773,4769],{"class":4739},[4604,12775,7140],{"class":4765},[4604,12777,4754],{"class":4739},[4604,12779,12780,12783,12785,12787],{"class":4606,"line":10372},[4604,12781,12782],{"class":4743},"        displayResults",[4604,12784,4747],{"class":4739},[4604,12786,7050],{"class":4765},[4604,12788,4754],{"class":4739},[4604,12790,12791,12793,12795,12797,12799],{"class":4606,"line":10392},[4604,12792,9125],{"class":4739},[4604,12794,6218],{"class":4808},[4604,12796,4703],{"class":4739},[4604,12798,4789],{"class":4765},[4604,12800,4816],{"class":4739},[4604,12802,12803,12805,12807,12809,12811,12814,12816,12818],{"class":4606,"line":10406},[4604,12804,4821],{"class":4765},[4604,12806,4769],{"class":4739},[4604,12808,4789],{"class":4743},[4604,12810,4747],{"class":4739},[4604,12812,12813],{"class":4750},"'Помилка пошуку:'",[4604,12815,4780],{"class":4739},[4604,12817,4789],{"class":4765},[4604,12819,4754],{"class":4739},[4604,12821,12822],{"class":4606,"line":10426},[4604,12823,4846],{"class":4739},[4604,12825,12826],{"class":4606,"line":11580},[4604,12827,4876],{"class":4739},[4583,12829,12831],{"id":12830},"race-conditions-та-їх-уникнення","Race Conditions та їх уникнення",[4588,12833,12834,4703,12837,12840],{},[4700,12835,12836],{},"Race condition",[4705,12838,12839],{},"стан гонки",") виникає, коли результат залежить від порядку виконання асинхронних операцій.",[4710,12842,12844],{"id":12843},"приклад-проблеми","Приклад проблеми",[4595,12846,12848],{"className":4716,"code":12847,"language":4718,"meta":4599,"style":4599},"let currentUserId = null\n\nasync function loadUserProfile(userId) {\n    currentUserId = userId\n\n    \u002F\u002F Симуляція затримки запиту\n    await new Promise((resolve) => setTimeout(resolve, Math.random() * 1000))\n\n    const user = await fetchUser(userId)\n\n    \u002F\u002F Проблема: currentUserId міг змінитися під час очікування\n    if (currentUserId === userId) {\n        displayUser(user)\n    } else {\n        console.log(`Проігноровано застарілий результат для userId=${userId}`)\n    }\n}\n\n\u002F\u002F Швидке переключення між користувачами\nloadUserProfile(1) \u002F\u002F Запит триватиме 800 мс\nsetTimeout(() => loadUserProfile(2), 100) \u002F\u002F Запит триватиме 200 мс\n\n\u002F\u002F Результат: користувач 2 відобразиться першим (300 мс),\n\u002F\u002F потім результат для користувача 1 буде проігнорований (800 мс)\n",[4601,12849,12850,12861,12865,12880,12890,12894,12899,12936,12940,12958,12962,12967,12982,12993,13001,13024,13028,13032,13036,13041,13055,13079,13083,13088],{"__ignoreMap":4599},[4604,12851,12852,12854,12857,12859],{"class":4606,"line":4607},[4604,12853,9924],{"class":4731},[4604,12855,12856],{"class":4765}," currentUserId",[4604,12858,4740],{"class":4739},[4604,12860,12579],{"class":4731},[4604,12862,12863],{"class":4606,"line":4613},[4604,12864,4760],{"emptyLinePlaceholder":4759},[4604,12866,12867,12869,12871,12874,12876,12878],{"class":4606,"line":4619},[4604,12868,8552],{"class":4731},[4604,12870,8555],{"class":4731},[4604,12872,12873],{"class":4743}," loadUserProfile",[4604,12875,4747],{"class":4739},[4604,12877,5263],{"class":4765},[4604,12879,4816],{"class":4739},[4604,12881,12882,12885,12887],{"class":4606,"line":4625},[4604,12883,12884],{"class":4765},"    currentUserId",[4604,12886,4740],{"class":4739},[4604,12888,12889],{"class":4765},"userId\n",[4604,12891,12892],{"class":4606,"line":4631},[4604,12893,4760],{"emptyLinePlaceholder":4759},[4604,12895,12896],{"class":4606,"line":4637},[4604,12897,12898],{"class":4725},"    \u002F\u002F Симуляція затримки запиту\n",[4604,12900,12901,12904,12906,12908,12910,12912,12914,12916,12918,12920,12922,12924,12926,12928,12930,12932,12934],{"class":4606,"line":4642},[4604,12902,12903],{"class":4808},"    await",[4604,12905,7958],{"class":4731},[4604,12907,6033],{"class":6032},[4604,12909,6036],{"class":4739},[4604,12911,6039],{"class":4765},[4604,12913,4797],{"class":4739},[4604,12915,4800],{"class":4731},[4604,12917,7381],{"class":4743},[4604,12919,4747],{"class":4739},[4604,12921,6039],{"class":4765},[4604,12923,4780],{"class":4739},[4604,12925,4998],{"class":4765},[4604,12927,4769],{"class":4739},[4604,12929,5003],{"class":4743},[4604,12931,10511],{"class":4739},[4604,12933,5093],{"class":5009},[4604,12935,10321],{"class":4739},[4604,12937,12938],{"class":4606,"line":4648},[4604,12939,4760],{"emptyLinePlaceholder":4759},[4604,12941,12942,12944,12946,12948,12950,12952,12954,12956],{"class":4606,"line":4653},[4604,12943,8568],{"class":4731},[4604,12945,8571],{"class":4735},[4604,12947,4740],{"class":4739},[4604,12949,8576],{"class":4808},[4604,12951,8362],{"class":4743},[4604,12953,4747],{"class":4739},[4604,12955,5263],{"class":4765},[4604,12957,4754],{"class":4739},[4604,12959,12960],{"class":4606,"line":4659},[4604,12961,4760],{"emptyLinePlaceholder":4759},[4604,12963,12964],{"class":4606,"line":4664},[4604,12965,12966],{"class":4725},"    \u002F\u002F Проблема: currentUserId міг змінитися під час очікування\n",[4604,12968,12969,12971,12973,12976,12978,12980],{"class":4606,"line":4670},[4604,12970,4809],{"class":4808},[4604,12972,4703],{"class":4739},[4604,12974,12975],{"class":4765},"currentUserId",[4604,12977,7097],{"class":4739},[4604,12979,5263],{"class":4765},[4604,12981,4816],{"class":4739},[4604,12983,12984,12987,12989,12991],{"class":4606,"line":4675},[4604,12985,12986],{"class":4743},"        displayUser",[4604,12988,4747],{"class":4739},[4604,12990,5273],{"class":4765},[4604,12992,4754],{"class":4739},[4604,12994,12995,12997,12999],{"class":4606,"line":4681},[4604,12996,9125],{"class":4739},[4604,12998,5054],{"class":4808},[4604,13000,4803],{"class":4739},[4604,13002,13003,13005,13007,13009,13011,13014,13016,13018,13020,13022],{"class":4606,"line":4686},[4604,13004,4821],{"class":4765},[4604,13006,4769],{"class":4739},[4604,13008,4860],{"class":4743},[4604,13010,4747],{"class":4739},[4604,13012,13013],{"class":4750},"`Проігноровано застарілий результат для userId=",[4604,13015,7118],{"class":4731},[4604,13017,5263],{"class":4765},[4604,13019,7128],{"class":4731},[4604,13021,8390],{"class":4750},[4604,13023,4754],{"class":4739},[4604,13025,13026],{"class":4606,"line":5142},[4604,13027,4846],{"class":4739},[4604,13029,13030],{"class":4606,"line":5153},[4604,13031,5100],{"class":4739},[4604,13033,13034],{"class":4606,"line":5178},[4604,13035,4760],{"emptyLinePlaceholder":4759},[4604,13037,13038],{"class":4606,"line":5183},[4604,13039,13040],{"class":4725},"\u002F\u002F Швидке переключення між користувачами\n",[4604,13042,13043,13046,13048,13050,13052],{"class":4606,"line":5188},[4604,13044,13045],{"class":4743},"loadUserProfile",[4604,13047,4747],{"class":4739},[4604,13049,8823],{"class":5009},[4604,13051,4797],{"class":4739},[4604,13053,13054],{"class":4725},"\u002F\u002F Запит триватиме 800 мс\n",[4604,13056,13057,13059,13061,13063,13065,13067,13069,13071,13074,13076],{"class":4606,"line":5193},[4604,13058,10865],{"class":4743},[4604,13060,4981],{"class":4739},[4604,13062,4800],{"class":4731},[4604,13064,12873],{"class":4743},[4604,13066,4747],{"class":4739},[4604,13068,8831],{"class":5009},[4604,13070,5076],{"class":4739},[4604,13072,13073],{"class":5009},"100",[4604,13075,4797],{"class":4739},[4604,13077,13078],{"class":4725},"\u002F\u002F Запит триватиме 200 мс\n",[4604,13080,13081],{"class":4606,"line":5213},[4604,13082,4760],{"emptyLinePlaceholder":4759},[4604,13084,13085],{"class":4606,"line":5518},[4604,13086,13087],{"class":4725},"\u002F\u002F Результат: користувач 2 відобразиться першим (300 мс),\n",[4604,13089,13090],{"class":4606,"line":5524},[4604,13091,13092],{"class":4725},"\u002F\u002F потім результат для користувача 1 буде проігнорований (800 мс)\n",[4710,13094,13096],{"id":13095},"рішення-через-abortcontroller","Рішення через AbortController",[4595,13098,13100],{"className":4716,"code":13099,"language":4718,"meta":4599,"style":4599},"let currentAbortController = null\n\nasync function loadUserProfile(userId) {\n    \u002F\u002F Скасовуємо попередній запит\n    if (currentAbortController) {\n        currentAbortController.abort()\n    }\n\n    currentAbortController = new AbortController()\n    const signal = currentAbortController.signal\n\n    try {\n        const user = await fetchUser(userId, { signal })\n\n        \u002F\u002F Перевіряємо, чи запит не був скасований\n        if (!signal.aborted) {\n            displayUser(user)\n        }\n    } catch (error) {\n        if (error.name === 'AbortError') {\n            console.log('Запит скасовано користувачем')\n        } else {\n            console.error('Помилка завантаження:', error)\n        }\n    }\n}\n",[4601,13101,13102,13113,13117,13131,13136,13147,13158,13162,13166,13179,13195,13199,13205,13227,13231,13236,13251,13262,13266,13278,13296,13311,13319,13337,13341,13345],{"__ignoreMap":4599},[4604,13103,13104,13106,13109,13111],{"class":4606,"line":4607},[4604,13105,9924],{"class":4731},[4604,13107,13108],{"class":4765}," currentAbortController",[4604,13110,4740],{"class":4739},[4604,13112,12579],{"class":4731},[4604,13114,13115],{"class":4606,"line":4613},[4604,13116,4760],{"emptyLinePlaceholder":4759},[4604,13118,13119,13121,13123,13125,13127,13129],{"class":4606,"line":4619},[4604,13120,8552],{"class":4731},[4604,13122,8555],{"class":4731},[4604,13124,12873],{"class":4743},[4604,13126,4747],{"class":4739},[4604,13128,5263],{"class":4765},[4604,13130,4816],{"class":4739},[4604,13132,13133],{"class":4606,"line":4625},[4604,13134,13135],{"class":4725},"    \u002F\u002F Скасовуємо попередній запит\n",[4604,13137,13138,13140,13142,13145],{"class":4606,"line":4631},[4604,13139,4809],{"class":4808},[4604,13141,4703],{"class":4739},[4604,13143,13144],{"class":4765},"currentAbortController",[4604,13146,4816],{"class":4739},[4604,13148,13149,13152,13154,13156],{"class":4606,"line":4637},[4604,13150,13151],{"class":4765},"        currentAbortController",[4604,13153,4769],{"class":4739},[4604,13155,10881],{"class":4743},[4604,13157,8782],{"class":4739},[4604,13159,13160],{"class":4606,"line":4642},[4604,13161,4846],{"class":4739},[4604,13163,13164],{"class":4606,"line":4648},[4604,13165,4760],{"emptyLinePlaceholder":4759},[4604,13167,13168,13171,13173,13175,13177],{"class":4606,"line":4653},[4604,13169,13170],{"class":4765},"    currentAbortController",[4604,13172,4740],{"class":4739},[4604,13174,5065],{"class":4731},[4604,13176,10847],{"class":4743},[4604,13178,8782],{"class":4739},[4604,13180,13181,13183,13186,13188,13190,13192],{"class":4606,"line":4659},[4604,13182,8568],{"class":4731},[4604,13184,13185],{"class":4735}," signal",[4604,13187,4740],{"class":4739},[4604,13189,13144],{"class":4765},[4604,13191,4769],{"class":4739},[4604,13193,13194],{"class":4765},"signal\n",[4604,13196,13197],{"class":4606,"line":4664},[4604,13198,4760],{"emptyLinePlaceholder":4759},[4604,13200,13201,13203],{"class":4606,"line":4670},[4604,13202,9019],{"class":4808},[4604,13204,4803],{"class":4739},[4604,13206,13207,13209,13211,13213,13215,13217,13219,13221,13223,13225],{"class":4606,"line":4675},[4604,13208,4990],{"class":4731},[4604,13210,8571],{"class":4735},[4604,13212,4740],{"class":4739},[4604,13214,8576],{"class":4808},[4604,13216,8362],{"class":4743},[4604,13218,4747],{"class":4739},[4604,13220,5263],{"class":4765},[4604,13222,10924],{"class":4739},[4604,13224,10934],{"class":4765},[4604,13226,10937],{"class":4739},[4604,13228,13229],{"class":4606,"line":4681},[4604,13230,4760],{"emptyLinePlaceholder":4759},[4604,13232,13233],{"class":4606,"line":4686},[4604,13234,13235],{"class":4725},"        \u002F\u002F Перевіряємо, чи запит не був скасований\n",[4604,13237,13238,13240,13242,13244,13246,13249],{"class":4606,"line":5142},[4604,13239,5019],{"class":4808},[4604,13241,7941],{"class":4739},[4604,13243,10934],{"class":4765},[4604,13245,4769],{"class":4739},[4604,13247,13248],{"class":4765},"aborted",[4604,13250,4816],{"class":4739},[4604,13252,13253,13256,13258,13260],{"class":4606,"line":5153},[4604,13254,13255],{"class":4743},"            displayUser",[4604,13257,4747],{"class":4739},[4604,13259,5273],{"class":4765},[4604,13261,4754],{"class":4739},[4604,13263,13264],{"class":4606,"line":5178},[4604,13265,5085],{"class":4739},[4604,13267,13268,13270,13272,13274,13276],{"class":4606,"line":5183},[4604,13269,9125],{"class":4739},[4604,13271,6218],{"class":4808},[4604,13273,4703],{"class":4739},[4604,13275,4789],{"class":4765},[4604,13277,4816],{"class":4739},[4604,13279,13280,13282,13284,13286,13288,13290,13292,13294],{"class":4606,"line":5188},[4604,13281,5019],{"class":4808},[4604,13283,4703],{"class":4739},[4604,13285,4789],{"class":4765},[4604,13287,4769],{"class":4739},[4604,13289,6386],{"class":4765},[4604,13291,7097],{"class":4739},[4604,13293,11006],{"class":4750},[4604,13295,4816],{"class":4739},[4604,13297,13298,13300,13302,13304,13306,13309],{"class":4606,"line":5193},[4604,13299,5360],{"class":4765},[4604,13301,4769],{"class":4739},[4604,13303,4860],{"class":4743},[4604,13305,4747],{"class":4739},[4604,13307,13308],{"class":4750},"'Запит скасовано користувачем'",[4604,13310,4754],{"class":4739},[4604,13312,13313,13315,13317],{"class":4606,"line":5213},[4604,13314,5051],{"class":4739},[4604,13316,5054],{"class":4808},[4604,13318,4803],{"class":4739},[4604,13320,13321,13323,13325,13327,13329,13331,13333,13335],{"class":4606,"line":5518},[4604,13322,5360],{"class":4765},[4604,13324,4769],{"class":4739},[4604,13326,4789],{"class":4743},[4604,13328,4747],{"class":4739},[4604,13330,6905],{"class":4750},[4604,13332,4780],{"class":4739},[4604,13334,4789],{"class":4765},[4604,13336,4754],{"class":4739},[4604,13338,13339],{"class":4606,"line":5524},[4604,13340,5085],{"class":4739},[4604,13342,13343],{"class":4606,"line":5530},[4604,13344,4846],{"class":4739},[4604,13346,13347],{"class":4606,"line":5535},[4604,13348,5100],{"class":4739},[4583,13350,13352],{"id":13351},"best-practices-узагальнені-рекомендації","Best Practices: узагальнені рекомендації",[5988,13354,13355,13365,13372,13376,13387,13391],{},[5991,13356,13358,13359,13361,13362,13364],{"icon":793,"title":13357},"✅ Завжди обробляйте помилки","Кожен проміс має мати ",[4601,13360,6316],{}," або бути обернений у ",[4601,13363,9219],{},". Неперехоплені помилки можуть призвести до збоїв.",[5991,13366,13368,13369,13371],{"icon":92,"title":13367},"⚡ Паралельність замість послідовності","Використовуйте ",[4601,13370,6689],{}," для незалежних операцій. Не змушуйте код чекати на операції, які можна виконати одночасно.",[5991,13373,13375],{"icon":2432,"title":13374},"🔄 Уникайте блокування Event Loop","Розбивайте важкі обчислення на шматки або виносіть у Web Workers. Асинхронність не допоможе, якщо код блокує стек.",[5991,13377,13380,13381,13383,13384,13386],{"icon":13378,"title":13379},"i-lucide-target","🎯 async\u002Fawait для читабельності","Віддавайте перевагу ",[4601,13382,8340],{}," замість ",[4601,13385,6313],{}," для послідовних операцій. Код стане простішим для розуміння та підтримки.",[5991,13388,13390],{"icon":6002,"title":13389},"🚫 Не змішуйте підходи","Не поєднуйте callbacks та проміси в одному коді без обгорток. Виберіть один підхід для всього проєкту.",[5991,13392,13394],{"icon":1348,"title":13393},"📊 Моніторинг продуктивності","Використовуйте Performance API для вимірювання часу виконання асинхронних операцій. Оптимізуйте критичні шляхи.",[4583,13396,13398],{"id":13397},"підсумок-вибір-правильного-підходу","Підсумок: вибір правильного підходу",[4592,13400,13401],{},[4595,13402,13404],{"className":4597,"code":13403,"language":4592,"meta":4599,"style":4599},"graph TD\n    Start([Потрібна асинхронна операція]) --> Question1{Підтримка\u003Cbr\u002F>старих браузерів?}\n    \n    Question1 -->|Так ES5| Callbacks[Callbacks\u003Cbr\u002F>Error-first convention]\n    Question1 -->|Ні ES6+| Question2{Множинні\u003Cbr\u002F>операції?}\n    \n    Question2 -->|Одна| AsyncAwait[async\u002Fawait\u003Cbr\u002F>Найчитабельніше]\n    Question2 -->|Багато паралельних| PromiseAll[Promise.all\u002FallSettled\u003Cbr\u002F>Ефективність]\n    Question2 -->|Конкурентність| Queue[AsyncQueue\u003Cbr\u002F>Контроль навантаження]\n    \n    Callbacks --> Legacy[Легаси код\u003Cbr\u002F>Node.js \u003C 8]\n    AsyncAwait --> Modern[Сучасні застосунки\u003Cbr\u002F>Рекомендовано]\n    PromiseAll --> Modern\n    Queue --> Advanced[Складні сценарії\u003Cbr\u002F>Rate limiting]\n    \n    style Modern fill:#10b981,stroke:#059669,color:#ffffff\n    style Advanced fill:#3b82f6,stroke:#1d4ed8,color:#ffffff\n    style Legacy fill:#64748b,stroke:#475569,color:#ffffff\n",[4601,13405,13406,13411,13416,13420,13425,13430,13434,13439,13444,13449,13453,13458,13463,13468,13473,13477,13482,13487],{"__ignoreMap":4599},[4604,13407,13408],{"class":4606,"line":4607},[4604,13409,13410],{},"graph TD\n",[4604,13412,13413],{"class":4606,"line":4613},[4604,13414,13415],{},"    Start([Потрібна асинхронна операція]) --> Question1{Підтримка\u003Cbr\u002F>старих браузерів?}\n",[4604,13417,13418],{"class":4606,"line":4619},[4604,13419,4622],{},[4604,13421,13422],{"class":4606,"line":4625},[4604,13423,13424],{},"    Question1 -->|Так ES5| Callbacks[Callbacks\u003Cbr\u002F>Error-first convention]\n",[4604,13426,13427],{"class":4606,"line":4631},[4604,13428,13429],{},"    Question1 -->|Ні ES6+| Question2{Множинні\u003Cbr\u002F>операції?}\n",[4604,13431,13432],{"class":4606,"line":4637},[4604,13433,4622],{},[4604,13435,13436],{"class":4606,"line":4642},[4604,13437,13438],{},"    Question2 -->|Одна| AsyncAwait[async\u002Fawait\u003Cbr\u002F>Найчитабельніше]\n",[4604,13440,13441],{"class":4606,"line":4648},[4604,13442,13443],{},"    Question2 -->|Багато паралельних| PromiseAll[Promise.all\u002FallSettled\u003Cbr\u002F>Ефективність]\n",[4604,13445,13446],{"class":4606,"line":4653},[4604,13447,13448],{},"    Question2 -->|Конкурентність| Queue[AsyncQueue\u003Cbr\u002F>Контроль навантаження]\n",[4604,13450,13451],{"class":4606,"line":4659},[4604,13452,4622],{},[4604,13454,13455],{"class":4606,"line":4664},[4604,13456,13457],{},"    Callbacks --> Legacy[Легаси код\u003Cbr\u002F>Node.js \u003C 8]\n",[4604,13459,13460],{"class":4606,"line":4670},[4604,13461,13462],{},"    AsyncAwait --> Modern[Сучасні застосунки\u003Cbr\u002F>Рекомендовано]\n",[4604,13464,13465],{"class":4606,"line":4675},[4604,13466,13467],{},"    PromiseAll --> Modern\n",[4604,13469,13470],{"class":4606,"line":4681},[4604,13471,13472],{},"    Queue --> Advanced[Складні сценарії\u003Cbr\u002F>Rate limiting]\n",[4604,13474,13475],{"class":4606,"line":4686},[4604,13476,4622],{},[4604,13478,13479],{"class":4606,"line":5142},[4604,13480,13481],{},"    style Modern fill:#10b981,stroke:#059669,color:#ffffff\n",[4604,13483,13484],{"class":4606,"line":5153},[4604,13485,13486],{},"    style Advanced fill:#3b82f6,stroke:#1d4ed8,color:#ffffff\n",[4604,13488,13489],{"class":4606,"line":5178},[4604,13490,13491],{},"    style Legacy fill:#64748b,stroke:#475569,color:#ffffff\n",[13493,13494,13495,13500,13516],"note",{},[4588,13496,13497],{},[4700,13498,13499],{},"Золоте правило асинхронності:",[13501,13502,13503],"blockquote",{},[4588,13504,13505,13506,13508,13509,13511,13512,4929,13514,4769],{},"Пишіть асинхронний код так, ніби він синхронний. Використовуйте ",[4601,13507,8340],{}," для послідовних операцій, ",[4601,13510,6689],{}," для паралельних, та завжди обробляйте помилки через ",[4601,13513,9219],{},[4601,13515,6316],{},[4588,13517,13518],{},"Event Loop подбає про решту — ваше завдання написати зрозумілий та передбачуваний код.",[13520,13521,13522],"style",{},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}html pre.shiki code .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .s-QsJ, html code.shiki .s-QsJ{--shiki-light:#0070C1;--shiki-default:#4FC1FF;--shiki-dark:#4FC1FF}html pre.shiki code .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}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 .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}html pre.shiki code .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}html pre.shiki code .sD7JJ, html code.shiki .sD7JJ{--shiki-light:#000000FF;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}",{"title":4599,"searchDepth":4613,"depth":4613,"links":13524},[13525,13526,13532,13538,13544,13551,13555,13556],{"id":4585,"depth":4613,"text":4586},{"id":4695,"depth":4613,"text":4696,"children":13527},[13528,13529,13530,13531],{"id":4712,"depth":4619,"text":4713},{"id":4935,"depth":4619,"text":4936},{"id":5235,"depth":4619,"text":5236},{"id":5614,"depth":4619,"text":5615},{"id":5976,"depth":4613,"text":5977,"children":13533},[13534,13535,13536,13537],{"id":6007,"depth":4619,"text":6008},{"id":6327,"depth":4619,"text":6328},{"id":6678,"depth":4619,"text":6679},{"id":7689,"depth":4619,"text":7690},{"id":8330,"depth":4613,"text":8331,"children":13539},[13540,13541,13542,13543],{"id":8344,"depth":4619,"text":8345},{"id":8680,"depth":4619,"text":8681},{"id":8993,"depth":4619,"text":8994},{"id":9513,"depth":4619,"text":9514},{"id":9856,"depth":4613,"text":9857,"children":13545},[13546,13547,13548,13549,13550],{"id":9863,"depth":4619,"text":9864},{"id":10542,"depth":4619,"text":10543},{"id":11057,"depth":4619,"text":11058},{"id":11702,"depth":4619,"text":11703},{"id":12359,"depth":4619,"text":12360},{"id":12830,"depth":4613,"text":12831,"children":13552},[13553,13554],{"id":12843,"depth":4619,"text":12844},{"id":13095,"depth":4619,"text":13096},{"id":13351,"depth":4613,"text":13352},{"id":13397,"depth":4613,"text":13398},"md",null,{},{"title":2445,"description":4599},"1AYVk_X9AvEiVGJj-LNcISDcZfQUhGheZppQv1Jkbug",[13563,13564],{"title":2441,"path":2442,"stem":2443,"description":4599,"children":-1},{"title":2449,"path":2450,"stem":2451,"description":4599,"children":-1},1789585716575]