[{"data":1,"prerenderedAt":19425},["ShallowReactive",2],{"navigation_docs":3,"-web-development-async-programming-nodejs-async-await":5074,"-web-development-async-programming-nodejs-async-await-surround":19420},[4,1707,2040,2512,2693,2819,3026,3148,3198,3255,3289,3415,3492,3506,3645,3939,4016,4749,4924,5017,5070],{"title":5,"icon":6,"path":7,"stem":8,"children":9},"C#","i-devicon-csharp","\u002Fcsharp","01.csharp",[10,13,60,90,120,202,219,253,379,404,457,650,1364,1654,1703],{"title":11,"path":7,"stem":12},"C# та .NET","01.csharp\u002Findex",{"title":14,"icon":15,"path":16,"stem":17,"children":18,"page":59},"Fundamentals","i-lucide-book-open","\u002Fcsharp\u002Ffundamentals","01.csharp\u002F01.fundamentals",[19,23,27,31,35,39,43,47,51,55],{"title":20,"path":21,"stem":22},"Вступ до екосистеми .NET","\u002Fcsharp\u002Ffundamentals\u002Fintroduction-to-ecosystem","01.csharp\u002F01.fundamentals\u002F01.introduction-to-ecosystem",{"title":24,"path":25,"stem":26},"Структура програми на C#","\u002Fcsharp\u002Ffundamentals\u002Fprogram-structure","01.csharp\u002F01.fundamentals\u002F02.program-structure",{"title":28,"path":29,"stem":30},"Змінні та Типи Даних","\u002Fcsharp\u002Ffundamentals\u002Fvariables-data-types","01.csharp\u002F01.fundamentals\u002F03.variables-data-types",{"title":32,"path":33,"stem":34},"Масиви","\u002Fcsharp\u002Ffundamentals\u002Farrays","01.csharp\u002F01.fundamentals\u002F04.arrays",{"title":36,"path":37,"stem":38},"Strings & Text Handling","\u002Fcsharp\u002Ffundamentals\u002Fstrings-text-handling","01.csharp\u002F01.fundamentals\u002F05.strings-text-handling",{"title":40,"path":41,"stem":42},"Дати і Час","\u002Fcsharp\u002Ffundamentals\u002Fdates-time-handling","01.csharp\u002F01.fundamentals\u002F06.dates-time-handling",{"title":44,"path":45,"stem":46},"Потік Керування","\u002Fcsharp\u002Ffundamentals\u002Fcontrol-flow","01.csharp\u002F01.fundamentals\u002F07.control-flow",{"title":48,"path":49,"stem":50},"Методи","\u002Fcsharp\u002Ffundamentals\u002Fmethods","01.csharp\u002F01.fundamentals\u002F08.methods",{"title":52,"path":53,"stem":54},"Основи Відлагодження","\u002Fcsharp\u002Ffundamentals\u002Fdebugging-basics","01.csharp\u002F01.fundamentals\u002F09.debugging-basics",{"title":56,"path":57,"stem":58},"Інтерактивна Консоль (Classic)","\u002Fcsharp\u002Ffundamentals\u002Finteractive-console","01.csharp\u002F01.fundamentals\u002F10.interactive-console",false,{"title":61,"icon":62,"path":63,"stem":64,"children":65,"page":59},"OOP","i-lucide-box","\u002Fcsharp\u002Foop","01.csharp\u002F02.oop",[66,70,74,78,82,86],{"title":67,"path":68,"stem":69},"Package Management (Управління Пакетами)","\u002Fcsharp\u002Foop\u002Fpackage-management","01.csharp\u002F02.oop\u002F01.package-management",{"title":71,"path":72,"stem":73},"Класи та Об'єкти","\u002Fcsharp\u002Foop\u002Fclasses-objects","01.csharp\u002F02.oop\u002F02.classes-objects",{"title":75,"path":76,"stem":77},"Властивості та Поля","\u002Fcsharp\u002Foop\u002Fproperties-fields","01.csharp\u002F02.oop\u002F03.properties-fields",{"title":79,"path":80,"stem":81},"Стовпи ООП","\u002Fcsharp\u002Foop\u002Foop-pillars","01.csharp\u002F02.oop\u002F04.oop-pillars",{"title":83,"path":84,"stem":85},"Advanced Types","\u002Fcsharp\u002Foop\u002Fadvanced-types","01.csharp\u002F02.oop\u002F05.advanced-types",{"title":87,"path":88,"stem":89},"Namespaces (Простори Імен)","\u002Fcsharp\u002Foop\u002Fnamespaces","01.csharp\u002F02.oop\u002F06.namespaces",{"title":91,"icon":92,"path":93,"stem":94,"children":95,"page":59},"Advanced Core","i-lucide-zap","\u002Fcsharp\u002Fadvanced-core","01.csharp\u002F03.advanced-core",[96,100,104,108,112,116],{"title":97,"path":98,"stem":99},"Generics (Узагальнення)","\u002Fcsharp\u002Fadvanced-core\u002Fgenerics","01.csharp\u002F03.advanced-core\u002F01.generics",{"title":101,"path":102,"stem":103},"Делегати, Події та Лямбда-вирази","\u002Fcsharp\u002Fadvanced-core\u002Fdelegates-events-lambdas","01.csharp\u002F03.advanced-core\u002F02.delegates-events-lambdas",{"title":105,"path":106,"stem":107},"Interfaces Deep Dive (Інтерфейси: Поглиблений Розгляд)","\u002Fcsharp\u002Fadvanced-core\u002Finterfaces-deep-dive","01.csharp\u002F03.advanced-core\u002F03.interfaces-deep-dive",{"title":109,"path":110,"stem":111},"Обробка Винятків","\u002Fcsharp\u002Fadvanced-core\u002Fexception-handling","01.csharp\u002F03.advanced-core\u002F04.exception-handling",{"title":113,"path":114,"stem":115},"Pattern Matching","\u002Fcsharp\u002Fadvanced-core\u002Fpattern-matching","01.csharp\u002F03.advanced-core\u002F05.pattern-matching",{"title":117,"path":118,"stem":119},"Додаткові Можливості C#","\u002Fcsharp\u002Fadvanced-core\u002Fadditional-features","01.csharp\u002F03.advanced-core\u002F06.additional-features",{"title":121,"icon":122,"path":123,"stem":124,"children":125,"page":59},"Architecture Best Practices","i-lucide-building-2","\u002Fcsharp\u002Farchitecture-best-practices","01.csharp\u002F04.architecture-best-practices",[126,130,149,153,157,161,165,169],{"title":127,"path":128,"stem":129},"Software Design Principles (Частина 1)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fsoftware-design-principles","01.csharp\u002F04.architecture-best-practices\u002F01.software-design-principles",{"title":131,"icon":132,"path":133,"stem":134,"children":135,"page":59},"Design Patterns","i-lucide-folder","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns",[136],{"title":137,"icon":132,"path":138,"stem":139,"children":140,"page":59},"Creational","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational",[141,145],{"title":142,"path":143,"stem":144},"Singleton (Одинак)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational\u002Fsingleton","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational\u002F01.singleton",{"title":146,"path":147,"stem":148},"Builder (Будівельник)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational\u002Fbuilder","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational\u002F02.builder",{"title":150,"path":151,"stem":152},"Building Professional CLIs","\u002Fcsharp\u002Farchitecture-best-practices\u002Fbuilding-professional-clis","01.csharp\u002F04.architecture-best-practices\u002F03.building-professional-clis",{"title":154,"path":155,"stem":156},"Validation & Flow Control","\u002Fcsharp\u002Farchitecture-best-practices\u002Fvalidation-flow-control","01.csharp\u002F04.architecture-best-practices\u002F04.validation-flow-control",{"title":158,"path":159,"stem":160},"The Modern .NET Host (Microsoft.Extensions)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fmodern-dotnet-host","01.csharp\u002F04.architecture-best-practices\u002F05.modern-dotnet-host",{"title":162,"path":163,"stem":164},"Data Mapper: Repository та DAO патерни (Частина 1)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdata-mapper-part1","01.csharp\u002F04.architecture-best-practices\u002F06.data-mapper-part1",{"title":166,"path":167,"stem":168},"Data Mapper: Repository та DAO патерни (Частина 2)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdata-mapper-part2","01.csharp\u002F04.architecture-best-practices\u002F07.data-mapper-part2",{"title":170,"icon":132,"path":171,"stem":172,"children":173,"page":59},"Di Ioc","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc",[174,178,182,186,190,194,198],{"title":175,"path":176,"stem":177},"Проблема залежностей та Інверсія Контролю","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fthe-dependency-problem","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F01.the-dependency-problem",{"title":179,"path":180,"stem":181},"Будуємо власний Service Container","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fbuild-your-own-container","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F02.build-your-own-container",{"title":183,"path":184,"stem":185},"Service Locator: Паттерн та Анти-паттерн","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fservice-locator-pattern","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F03.service-locator-pattern",{"title":187,"path":188,"stem":189},"Паттерни Dependency Injection","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fdependency-injection-patterns","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F04.dependency-injection-patterns",{"title":191,"path":192,"stem":193},"Microsoft DI: IServiceCollection та IServiceProvider","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fmicrosoft-di-deep-dive","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F05.microsoft-di-deep-dive",{"title":195,"path":196,"stem":197},"Service Lifetimes та Scopes","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fservice-lifetimes-and-scopes","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F06.service-lifetimes-and-scopes",{"title":199,"path":200,"stem":201},"DI Анти-паттерни та Найкращі Практики","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fdi-anti-patterns-and-best-practices","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F07.di-anti-patterns-and-best-practices",{"title":203,"icon":132,"path":204,"stem":205,"children":206,"page":59},"Standard Library","\u002Fcsharp\u002Fstandard-library","01.csharp\u002F05.standard-library",[207,211,215],{"title":208,"path":209,"stem":210},"Collections (Колекції)","\u002Fcsharp\u002Fstandard-library\u002Fcollections","01.csharp\u002F05.standard-library\u002F01.collections",{"title":212,"path":213,"stem":214},"High Performance Types (Високопродуктивні Типи)","\u002Fcsharp\u002Fstandard-library\u002Fhigh-performance-types","01.csharp\u002F05.standard-library\u002F02.high-performance-types",{"title":216,"path":217,"stem":218},"LINQ (Language Integrated Query)","\u002Fcsharp\u002Fstandard-library\u002Flinq","01.csharp\u002F05.standard-library\u002F03.linq",{"title":220,"icon":221,"path":222,"stem":223,"children":224,"page":59},"System Internals Concurrency","i-lucide-server","\u002Fcsharp\u002Fsystem-internals-concurrency","01.csharp\u002F06.system-internals-concurrency",[225,229,233,237,241,245,249],{"title":226,"path":227,"stem":228},"Memory Management","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fmemory-management","01.csharp\u002F06.system-internals-concurrency\u002F01.memory-management",{"title":230,"path":231,"stem":232},"Reflection API: System.Type та Метадані","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Freflection-fundamentals","01.csharp\u002F06.system-internals-concurrency\u002F02.reflection-fundamentals",{"title":234,"path":235,"stem":236},"Attributes та Dynamic Language Runtime","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fattributes-dynamic","01.csharp\u002F06.system-internals-concurrency\u002F03.attributes-dynamic",{"title":238,"path":239,"stem":240},"Expression Trees: Швидка Альтернатива Рефлексії","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fexpression-trees-compiled","01.csharp\u002F06.system-internals-concurrency\u002F04.expression-trees-compiled",{"title":242,"path":243,"stem":244},"Source Generators: Compile-Time Code Generation","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fsource-generators","01.csharp\u002F06.system-internals-concurrency\u002F05.source-generators",{"title":246,"path":247,"stem":248},"Multithreading Fundamentals","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fmultithreading-fundamentals","01.csharp\u002F06.system-internals-concurrency\u002F06.multithreading-fundamentals",{"title":250,"path":251,"stem":252},"Synchronization Primitives","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fsynchronization-primitives","01.csharp\u002F06.system-internals-concurrency\u002F07.synchronization-primitives",{"title":254,"icon":255,"path":256,"stem":257,"children":258,"page":59},"System Programming Windows","i-lucide-cpu","\u002Fcsharp\u002Fsystem-programming-windows","01.csharp\u002F07.system-programming-windows",[259,263,267,271,275,279,283,287,291,295,299,303,307,311,315,319,323,327,331,335,339,343,347,351,355,359,363,367,371,375],{"title":260,"path":261,"stem":262},"Як Працює Операційна Система","\u002Fcsharp\u002Fsystem-programming-windows\u002Fhow-os-works","01.csharp\u002F07.system-programming-windows\u002F01.how-os-works",{"title":264,"path":265,"stem":266},"Процеси в .NET — API та Запуск","\u002Fcsharp\u002Fsystem-programming-windows\u002Fprocesses-in-dotnet","01.csharp\u002F07.system-programming-windows\u002F02.processes-in-dotnet",{"title":268,"path":269,"stem":270},"Процеси в .NET — IPC та Міжпроцесна Комунікація","\u002Fcsharp\u002Fsystem-programming-windows\u002F02a.processes-ipc","01.csharp\u002F07.system-programming-windows\u002F02a.processes-ipc",{"title":272,"path":273,"stem":274},"Application Domains та Збірки — AppDomain і AssemblyLoadContext","\u002Fcsharp\u002Fsystem-programming-windows\u002Fappdomains-assemblies","01.csharp\u002F07.system-programming-windows\u002F03.appdomains-assemblies",{"title":276,"path":277,"stem":278},"Application Domains та Збірки — Plug-in Система з Hot-Reload","\u002Fcsharp\u002Fsystem-programming-windows\u002F03a.appdomains-plugin-system","01.csharp\u002F07.system-programming-windows\u002F03a.appdomains-plugin-system",{"title":280,"path":281,"stem":282},"Потоки — Основи та API Thread","\u002Fcsharp\u002Fsystem-programming-windows\u002Fthread-fundamentals","01.csharp\u002F07.system-programming-windows\u002F04.thread-fundamentals",{"title":284,"path":285,"stem":286},"Потоки — Lifecycle, Пріоритети та Безпечне Завершення","\u002Fcsharp\u002Fsystem-programming-windows\u002F04a.thread-lifecycle-priorities","01.csharp\u002F07.system-programming-windows\u002F04a.thread-lifecycle-priorities",{"title":288,"path":289,"stem":290},"Проблеми Спільного Стану — Race Condition та Data Race","\u002Fcsharp\u002Fsystem-programming-windows\u002Fshared-state-problems","01.csharp\u002F07.system-programming-windows\u002F05.shared-state-problems",{"title":292,"path":293,"stem":294},"Проблеми Спільного Стану — Memory Model та volatile","\u002Fcsharp\u002Fsystem-programming-windows\u002F05a.shared-state-memory-model","01.csharp\u002F07.system-programming-windows\u002F05a.shared-state-memory-model",{"title":296,"path":297,"stem":298},"Синхронізація — Monitor, lock та еволюція примітивів","\u002Fcsharp\u002Fsystem-programming-windows\u002Fsynchronization-fundamentals","01.csharp\u002F07.system-programming-windows\u002F06.synchronization-fundamentals",{"title":300,"path":301,"stem":302},"Синхронізація — Наскрізний Приклад та Deadlock Detection","\u002Fcsharp\u002Fsystem-programming-windows\u002F06a.synchronization-walkthrough","01.csharp\u002F07.system-programming-windows\u002F06a.synchronization-walkthrough",{"title":304,"path":305,"stem":306},"Синхронізація — Mutex, Semaphore та Event-Based Primitives","\u002Fcsharp\u002Fsystem-programming-windows\u002Fsynchronization-advanced","01.csharp\u002F07.system-programming-windows\u002F07.synchronization-advanced",{"title":308,"path":309,"stem":310},"Синхронізація — Interlocked, Volatile та Lock-Free Структури","\u002Fcsharp\u002Fsystem-programming-windows\u002F07a.synchronization-advanced-walkthrough","01.csharp\u002F07.system-programming-windows\u002F07a.synchronization-advanced-walkthrough",{"title":312,"path":313,"stem":314},"Interlocked, CAS та Lock-Free Структури","\u002Fcsharp\u002Fsystem-programming-windows\u002Finterlocked-cas-lockfree","01.csharp\u002F07.system-programming-windows\u002F08.interlocked-cas-lockfree",{"title":316,"path":317,"stem":318},"Volatile, Memory Model та Spinning","\u002Fcsharp\u002Fsystem-programming-windows\u002F08a.volatile-memory-model","01.csharp\u002F07.system-programming-windows\u002F08a.volatile-memory-model",{"title":320,"path":321,"stem":322},"ThreadPool — Пул Потоків для Ефективного Виконання","\u002Fcsharp\u002Fsystem-programming-windows\u002Fthread-pool","01.csharp\u002F07.system-programming-windows\u002F09.thread-pool",{"title":324,"path":325,"stem":326},"ThreadPool — Просунуті Сценарії та Внутрішня Будова","\u002Fcsharp\u002Fsystem-programming-windows\u002F09a.thread-pool-advanced","01.csharp\u002F07.system-programming-windows\u002F09a.thread-pool-advanced",{"title":328,"path":329,"stem":330},"Concurrent та Immutable Collections","\u002Fcsharp\u002Fsystem-programming-windows\u002Fconcurrent-collections","01.csharp\u002F07.system-programming-windows\u002F10.concurrent-collections",{"title":332,"path":333,"stem":334},"TPL, Task та Композиція — Від Thread до Task","\u002Fcsharp\u002Fsystem-programming-windows\u002Ftpl-parallel-plinq","01.csharp\u002F07.system-programming-windows\u002F11.tpl-parallel-plinq",{"title":336,"path":337,"stem":338},"Parallel Class та PLINQ — Data Parallelism","\u002Fcsharp\u002Fsystem-programming-windows\u002F11a.tpl-parallel-plinq-advanced","01.csharp\u002F07.system-programming-windows\u002F11a.tpl-parallel-plinq-advanced",{"title":340,"path":341,"stem":342},"Async\u002FAwait — Фундамент Асинхронного Програмування","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-fundamentals","01.csharp\u002F07.system-programming-windows\u002F12.async-fundamentals",{"title":344,"path":345,"stem":346},"SynchronizationContext та ConfigureAwait — Контекст Виконання","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-context-configureawait","01.csharp\u002F07.system-programming-windows\u002F13.async-context-configureawait",{"title":348,"path":349,"stem":350},"Async — Просунуті Паттерни","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-advanced","01.csharp\u002F07.system-programming-windows\u002F14.async-advanced",{"title":352,"path":353,"stem":354},"System.Threading.Channels — Async Producer-Consumer","\u002Fcsharp\u002Fsystem-programming-windows\u002Fchannels","01.csharp\u002F07.system-programming-windows\u002F15.channels",{"title":356,"path":357,"stem":358},"Асинхронна Синхронізація","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-synchronization","01.csharp\u002F07.system-programming-windows\u002F16.async-synchronization",{"title":360,"path":361,"stem":362},"Unsafe Code та Вказівники","\u002Fcsharp\u002Fsystem-programming-windows\u002Funsafe-code","01.csharp\u002F07.system-programming-windows\u002F17.unsafe-code",{"title":364,"path":365,"stem":366},"P\u002FInvoke та Windows API — Міст між .NET та Native Code","\u002Fcsharp\u002Fsystem-programming-windows\u002Fpinvoke-winapi","01.csharp\u002F07.system-programming-windows\u002F18.pinvoke-winapi",{"title":368,"path":369,"stem":370},"Реєстр Windows — Центральна База Конфігурації Системи","\u002Fcsharp\u002Fsystem-programming-windows\u002Fwindows-registry","01.csharp\u002F07.system-programming-windows\u002F19.windows-registry",{"title":372,"path":373,"stem":374},"Windows Hooks, Hotkeys та Services — Глибока Інтеграція з ОС","\u002Fcsharp\u002Fsystem-programming-windows\u002Fwindows-hooks-services","01.csharp\u002F07.system-programming-windows\u002F20.windows-hooks-services",{"title":376,"path":377,"stem":378},"Системне Програмування C# (Windows) — 07.system-programming-windows","\u002Fcsharp\u002Fsystem-programming-windows\u002Fimplementation_plan","01.csharp\u002F07.system-programming-windows\u002Fimplementation_plan",{"title":380,"icon":132,"path":381,"stem":382,"children":383,"page":59},"Io","\u002Fcsharp\u002Fio","01.csharp\u002F08.io",[384,388,392,396,400],{"title":385,"path":386,"stem":387},"8.1.1. Основи роботи з файловою системою","\u002Fcsharp\u002Fio\u002Ffile-system-basics","01.csharp\u002F08.io\u002F01.file-system-basics",{"title":389,"path":390,"stem":391},"8.1.2. Потоки (Streams) та Серіалізація Даних","\u002Fcsharp\u002Fio\u002Fstreams-serialization","01.csharp\u002F08.io\u002F02.streams-serialization",{"title":393,"path":394,"stem":395},"8.2.1. JSON Serialization з System.Text.Json","\u002Fcsharp\u002Fio\u002Fjson-serialization","01.csharp\u002F08.io\u002F03.json-serialization",{"title":397,"path":398,"stem":399},"8.2.2. XML Serialization та LINQ to XML","\u002Fcsharp\u002Fio\u002Fxml-serialization","01.csharp\u002F08.io\u002F04.xml-serialization",{"title":401,"path":402,"stem":403},"8.2.3. Binary Serialization: MessagePack та Protocol Buffers","\u002Fcsharp\u002Fio\u002Fbinary-serialization","01.csharp\u002F08.io\u002F05.binary-serialization",{"title":405,"icon":132,"path":406,"stem":407,"children":408,"page":59},"Ado Net","\u002Fcsharp\u002Fado-net","01.csharp\u002F09.ado-net",[409,413,417,421,425,429,433,437,441,445,449,453],{"title":410,"path":411,"stem":412},"9.1. Введення в ADO.NET","\u002Fcsharp\u002Fado-net\u002Fintroduction-to-adonet","01.csharp\u002F09.ado-net\u002F01.introduction-to-adonet",{"title":414,"path":415,"stem":416},"9.2. Клас DbConnection — з'єднання з базою даних","\u002Fcsharp\u002Fado-net\u002Fconnection","01.csharp\u002F09.ado-net\u002F02.connection",{"title":418,"path":419,"stem":420},"9.3. Клас DbCommand — виконання SQL-запитів","\u002Fcsharp\u002Fado-net\u002Fcommand-and-queries","01.csharp\u002F09.ado-net\u002F03.command-and-queries",{"title":422,"path":423,"stem":424},"9.4. Клас DbDataReader — ефективне читання даних","\u002Fcsharp\u002Fado-net\u002Fdatareader","01.csharp\u002F09.ado-net\u002F04.datareader",{"title":426,"path":427,"stem":428},"9.5. Параметризовані запити та захист від SQL Injection","\u002Fcsharp\u002Fado-net\u002Fparameters-and-sql-injection","01.csharp\u002F09.ado-net\u002F05.parameters-and-sql-injection",{"title":430,"path":431,"stem":432},"9.6. Транзакції в ADO.NET","\u002Fcsharp\u002Fado-net\u002Ftransactions","01.csharp\u002F09.ado-net\u002F06.transactions",{"title":434,"path":435,"stem":436},"9.7. DbProviderFactory — провайдер-незалежний код","\u002Fcsharp\u002Fado-net\u002Fprovider-factory","01.csharp\u002F09.ado-net\u002F07.provider-factory",{"title":438,"path":439,"stem":440},"9.8. Асинхронний доступ до даних","\u002Fcsharp\u002Fado-net\u002Fasync-data-access","01.csharp\u002F09.ado-net\u002F08.async-data-access",{"title":442,"path":443,"stem":444},"9.9. Від'єднаний режим: DataSet, DataTable, DataRow","\u002Fcsharp\u002Fado-net\u002Fdisconnected-mode-dataset","01.csharp\u002F09.ado-net\u002F09.disconnected-mode-dataset",{"title":446,"path":447,"stem":448},"9.10. DataAdapter — міст між DataSet та базою даних","\u002Fcsharp\u002Fado-net\u002Fdata-adapter","01.csharp\u002F09.ado-net\u002F10.data-adapter",{"title":450,"path":451,"stem":452},"9.11. Data Mapper та Repository: Архітектура доступу до даних","\u002Fcsharp\u002Fado-net\u002Fdata-mapper-repository","01.csharp\u002F09.ado-net\u002F11.data-mapper-repository",{"title":454,"path":455,"stem":456},"9.12. Identity Map, Unit of Work та Specification Pattern","\u002Fcsharp\u002Fado-net\u002Fadvanced-patterns","01.csharp\u002F09.ado-net\u002F12.advanced-patterns",{"title":458,"icon":255,"path":459,"stem":460,"children":461,"page":59},"Ef Core","\u002Fcsharp\u002Fef-core","01.csharp\u002F10.ef-core",[462,466,470,474,478,482,486,490,494,498,502,506,510,514,518,522,526,532,538,542,546,550,554,558,562,566,570,574,578,582,586,590,594,598,602,606,610,614,618,622,626,630,634,638,642,646],{"title":463,"path":464,"stem":465},"Що таке ORM? Від SQL до об'єктів","\u002Fcsharp\u002Fef-core\u002Fwhat-is-orm","01.csharp\u002F10.ef-core\u002F01.what-is-orm",{"title":467,"path":468,"stem":469},"Перший проєкт — від нуля до CRUD","\u002Fcsharp\u002Fef-core\u002Ffirst-project","01.csharp\u002F10.ef-core\u002F02.first-project",{"title":471,"path":472,"stem":473},"DbContext — Серце EF Core","\u002Fcsharp\u002Fef-core\u002Fdbcontext-deep-dive","01.csharp\u002F10.ef-core\u002F03.dbcontext-deep-dive",{"title":475,"path":476,"stem":477},"Провайдери баз даних — Архітектура та Вибір СУБД","\u002Fcsharp\u002Fef-core\u002Fdatabase-providers","01.csharp\u002F10.ef-core\u002F04.database-providers",{"title":479,"path":480,"stem":481},"Конвенції EF Core — Магія без конфігурації","\u002Fcsharp\u002Fef-core\u002Fconventions","01.csharp\u002F10.ef-core\u002F05.conventions",{"title":483,"path":484,"stem":485},"Fluent API та Data Annotations — Явна конфігурація моделі","\u002Fcsharp\u002Fef-core\u002Ffluent-api-vs-annotations","01.csharp\u002F10.ef-core\u002F06.fluent-api-vs-annotations",{"title":487,"path":488,"stem":489},"Зв'язки — One-to-One та One-to-Many","\u002Fcsharp\u002Fef-core\u002Frelationships-basics","01.csharp\u002F10.ef-core\u002F07.relationships-basics",{"title":491,"path":492,"stem":493},"Зв'язки Advanced — Many-to-Many та Складні Сценарії","\u002Fcsharp\u002Fef-core\u002Frelationships-advanced","01.csharp\u002F10.ef-core\u002F08.relationships-advanced",{"title":495,"path":496,"stem":497},"Властивості — Типи, Конвертери, Компаратори (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fproperty-configuration-part1","01.csharp\u002F10.ef-core\u002F09.property-configuration-part1",{"title":499,"path":500,"stem":501},"Властивості — Value Comparers, Generators, Shadow Properties (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fproperty-configuration-part2","01.csharp\u002F10.ef-core\u002F09.property-configuration-part2",{"title":503,"path":504,"stem":505},"Складні типи — Owned Types та Complex Types (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fcomplex-types-owned-part1","01.csharp\u002F10.ef-core\u002F10.complex-types-owned-part1",{"title":507,"path":508,"stem":509},"Складні типи — Complex Types, Keyless Entities, Порівняння (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fcomplex-types-owned-part2","01.csharp\u002F10.ef-core\u002F10.complex-types-owned-part2",{"title":511,"path":512,"stem":513},"JSON Columns — Складні дані у JSON (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fjson-columns-part1","01.csharp\u002F10.ef-core\u002F11.json-columns-part1",{"title":515,"path":516,"stem":517},"JSON Columns — Value Comparers, Індекси, Провайдери (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fjson-columns-part2","01.csharp\u002F10.ef-core\u002F11.json-columns-part2",{"title":519,"path":520,"stem":521},"Успадкування — Абстрактні класи та TPH (Частина 1)","\u002Fcsharp\u002Fef-core\u002Finheritance-part1","01.csharp\u002F10.ef-core\u002F12.inheritance-part1",{"title":523,"path":524,"stem":525},"Успадкування — TPT, TPC та Порівняння Стратегій (Частина 2)","\u002Fcsharp\u002Fef-core\u002Finheritance-part2","01.csharp\u002F10.ef-core\u002F12.inheritance-part2",{"title":527,"path":528,"stem":529,"children":530},"Індекси, Обмеження та Схема (Частина 1)","\u002Fcsharp\u002Fef-core\u002Findexes-constraints-part1","01.csharp\u002F10.ef-core\u002F13.indexes-constraints-part1",[531],{"title":527,"path":528,"stem":529},{"title":533,"path":534,"stem":535,"children":536},"Індекси, Обмеження та Схема (Частина 2)","\u002Fcsharp\u002Fef-core\u002Findexes-constraints-part2","01.csharp\u002F10.ef-core\u002F13.indexes-constraints-part2",[537],{"title":533,"path":534,"stem":535},{"title":539,"path":540,"stem":541},"Seed Data — Початкові Дані (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fseeding-part1","01.csharp\u002F10.ef-core\u002F14.seeding-part1",{"title":543,"path":544,"stem":545},"Seed Data — SQL-скрипти, Bogus та Стратегії (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fseeding-part2","01.csharp\u002F10.ef-core\u002F14.seeding-part2",{"title":547,"path":548,"stem":549},"Global Query Filters — Глобальні Фільтри (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fglobal-query-filters-part1","01.csharp\u002F10.ef-core\u002F15.global-query-filters-part1",{"title":551,"path":552,"stem":553},"Global Query Filters — Підводні камені та Інтеграція (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fglobal-query-filters-part2","01.csharp\u002F10.ef-core\u002F15.global-query-filters-part2",{"title":555,"path":556,"stem":557},"LINQ-запити в EF Core (Частина 1)","\u002Fcsharp\u002Fef-core\u002Flinq-queries-part1","01.csharp\u002F10.ef-core\u002F16.linq-queries-part1",{"title":559,"path":560,"stem":561},"LINQ-запити в EF Core (Частина 2)","\u002Fcsharp\u002Fef-core\u002Flinq-queries-part2","01.csharp\u002F10.ef-core\u002F16.linq-queries-part2",{"title":563,"path":564,"stem":565},"Завантаження Пов'язаних Даних (Частина 1)","\u002Fcsharp\u002Fef-core\u002Floading-related-data-part1","01.csharp\u002F10.ef-core\u002F17.loading-related-data-part1",{"title":567,"path":568,"stem":569},"Завантаження Пов'язаних Даних (Частина 2)","\u002Fcsharp\u002Fef-core\u002Floading-related-data-part2","01.csharp\u002F10.ef-core\u002F17.loading-related-data-part2",{"title":571,"path":572,"stem":573},"Raw SQL, Views та Stored Procedures (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fraw-sql-part1","01.csharp\u002F10.ef-core\u002F18.raw-sql-part1",{"title":575,"path":576,"stem":577},"Raw SQL — Stored Procedures, DbFunction та Bulk Operations (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fraw-sql-part2","01.csharp\u002F10.ef-core\u002F18.raw-sql-part2",{"title":579,"path":580,"stem":581},"Продвинуті Запити — Compiled Queries, Bulk та Оптимізація (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fadvanced-queries-part1","01.csharp\u002F10.ef-core\u002F19.advanced-queries-part1",{"title":583,"path":584,"stem":585},"Продвинуті Запити — Query Tags, Bulk та Interceptors (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fadvanced-queries-part2","01.csharp\u002F10.ef-core\u002F19.advanced-queries-part2",{"title":587,"path":588,"stem":589},"Change Tracker — Відстеження Змін (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fchange-tracking-part1","01.csharp\u002F10.ef-core\u002F20.change-tracking-part1",{"title":591,"path":592,"stem":593},"Change Tracker — Графи Об'єктів та Disconnected (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fchange-tracking-part2","01.csharp\u002F10.ef-core\u002F20.change-tracking-part2",{"title":595,"path":596,"stem":597},"Збереження Даних та Транзакції (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fsaving-data-part1","01.csharp\u002F10.ef-core\u002F21.saving-data-part1",{"title":599,"path":600,"stem":601},"Збереження Даних — Concurrency та Outbox (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fsaving-data-part2","01.csharp\u002F10.ef-core\u002F21.saving-data-part2",{"title":603,"path":604,"stem":605},"Конкурентність та Блокування (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fconcurrency-part1","01.csharp\u002F10.ef-core\u002F22.concurrency-part1",{"title":607,"path":608,"stem":609},"Конкурентність — Дедлоки та Queue Processing (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fconcurrency-part2","01.csharp\u002F10.ef-core\u002F22.concurrency-part2",{"title":611,"path":612,"stem":613},"Міграції в EF Core — Основи (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fmigrations-basics-part1","01.csharp\u002F10.ef-core\u002F23.migrations-basics-part1",{"title":615,"path":616,"stem":617},"Міграції в EF Core — Основи (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fmigrations-basics-part2","01.csharp\u002F10.ef-core\u002F23.migrations-basics-part2",{"title":619,"path":620,"stem":621},"Міграції — Просунуті Сценарії (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fmigrations-advanced-part1","01.csharp\u002F10.ef-core\u002F24.migrations-advanced-part1",{"title":623,"path":624,"stem":625},"Міграції — Просунуті Сценарії (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fmigrations-advanced-part2","01.csharp\u002F10.ef-core\u002F24.migrations-advanced-part2",{"title":627,"path":628,"stem":629},"Управління Схемою та Database-First (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fschema-management-part1","01.csharp\u002F10.ef-core\u002F25.schema-management-part1",{"title":631,"path":632,"stem":633},"Управління Схемою та Database-First (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fschema-management-part2","01.csharp\u002F10.ef-core\u002F25.schema-management-part2",{"title":635,"path":636,"stem":637},"Продуктивність EF Core — Основи (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fperformance-fundamentals-part1","01.csharp\u002F10.ef-core\u002F26.performance-fundamentals-part1",{"title":639,"path":640,"stem":641},"Interceptors в EF Core (Частина 1)","\u002Fcsharp\u002Fef-core\u002Finterceptors-part1","01.csharp\u002F10.ef-core\u002F29.interceptors-part1",{"title":643,"path":644,"stem":645},"Interceptors в EF Core — Connection, Transaction та Materialization (Частина 2)","\u002Fcsharp\u002Fef-core\u002Finterceptors-part2","01.csharp\u002F10.ef-core\u002F29.interceptors-part2",{"title":647,"path":648,"stem":649},"План вивчення Entity Framework Core — Повний курс","\u002Fcsharp\u002Fef-core\u002Fimplementation_plan","01.csharp\u002F10.ef-core\u002Fimplementation_plan",{"title":651,"icon":652,"path":653,"stem":654,"children":655,"page":59},"ASP.NET","i-devicon-dotnetcore","\u002Fcsharp\u002Faspnet","01.csharp\u002F11.aspnet",[656,730,791,869,927,941,967,1057,1111,1182,1212,1289,1346],{"title":657,"icon":658,"path":659,"stem":660,"children":661,"page":59},"Minimal API","i-lucide-network","\u002Fcsharp\u002Faspnet\u002Fminimal-api","01.csharp\u002F11.aspnet\u002F01.minimal-api",[662,666,670,674,678,682,686,690,694,698,702,706,710,714,718,722,726],{"title":663,"path":664,"stem":665},"Вступ до ASP.NET та еволюція фреймворку","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fintroduction","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F01.introduction",{"title":667,"path":668,"stem":669},"Перший додаток на ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Ffirst-application","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F02.first-application",{"title":671,"path":672,"stem":673},"WebApplication, Builder та Dependency Injection","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fwebapplication-builder","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F03.webapplication-builder",{"title":675,"path":676,"stem":677},"Конвеєр запитів та Middleware","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frequest-pipeline-middleware","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F04.request-pipeline-middleware",{"title":679,"path":680,"stem":681},"Маршрутизація в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frouting-basics","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F05.routing-basics",{"title":683,"path":684,"stem":685},"Маршрутизація в ASP.NET Core: Розширені можливості","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frouting-advanced","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F06.routing-advanced",{"title":687,"path":688,"stem":689},"Статичні файли в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstatic-files","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F07.static-files",{"title":691,"path":692,"stem":693},"Статичні Активи: MapStaticAssets (ASP.NET Core 9.0)","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstatic-assets","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F08.static-assets",{"title":695,"path":696,"stem":697},"Конфігурація в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fconfiguration-fundamentals","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F09.configuration-fundamentals",{"title":699,"path":700,"stem":701},"Конфігурація: Паттерн Options","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fconfiguration-options","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F10.configuration-options",{"title":703,"path":704,"stem":705},"Логування в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Flogging-basics","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F11.logging-basics",{"title":707,"path":708,"stem":709},"Логування: Serilog та Middleware","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Flogging-advanced","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F12.logging-advanced",{"title":711,"path":712,"stem":713},"Управління станом: HttpContext.Items та Cookies","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstate-management","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F13.state-management",{"title":715,"path":716,"stem":717},"Стан сесії: Sessions","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fsession-state","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F14.session-state",{"title":719,"path":720,"stem":721},"Структура проєкту: від хаосу до архітектури","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fproject-structure","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F15.project-structure",{"title":723,"path":724,"stem":725},"Scalar у Minimal API: повний проєкт і Fluent OpenAPI","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fscalar-openapi-fluent","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F16.scalar-openapi-fluent",{"title":727,"path":728,"stem":729},"Swagger \u002F Swashbuckle у Minimal API: окремий класичний шлях","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fswagger-swashbuckle","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F17.swagger-swashbuckle",{"title":731,"icon":658,"path":732,"stem":733,"children":734,"page":59},"API","\u002Fcsharp\u002Faspnet\u002Fapi","01.csharp\u002F11.aspnet\u002F02.api",[735,739,743,747,751,755,759,763,767,771,775,779,783,787],{"title":736,"path":737,"stem":738},"Що таке API. Клієнт-серверна архітектура","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fwhat-is-api","01.csharp\u002F11.aspnet\u002F02.api\u002F01.what-is-api",{"title":740,"path":741,"stem":742},"Формати даних: JSON, XML, TOML та бінарні формати","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fdata-formats","01.csharp\u002F11.aspnet\u002F02.api\u002F02.data-formats",{"title":744,"path":745,"stem":746},"Парадигми API та концепція REST","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-paradigms-rest","01.csharp\u002F11.aspnet\u002F02.api\u002F03.api-paradigms-rest",{"title":748,"path":749,"stem":750},"HTTP-методи, статус-коди та заголовки","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fhttp-methods-status-codes","01.csharp\u002F11.aspnet\u002F02.api\u002F04.http-methods-status-codes",{"title":752,"path":753,"stem":754},"Організація HTTP API за принципами REST","\u002Fcsharp\u002Faspnet\u002Fapi\u002Frest-organizing","01.csharp\u002F11.aspnet\u002F02.api\u002F05.rest-organizing",{"title":756,"path":757,"stem":758},"Номенклатура URL та CRUD-операції","\u002Fcsharp\u002Faspnet\u002Fapi\u002Furl-nomenclature-crud","01.csharp\u002F11.aspnet\u002F02.api\u002F06.url-nomenclature-crud",{"title":760,"path":761,"stem":762},"Правила дизайну: іменування та стандарти","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-naming","01.csharp\u002F11.aspnet\u002F02.api\u002F07.api-design-naming",{"title":764,"path":765,"stem":766},"Валідація, ліміти та обробка помилок","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-validation","01.csharp\u002F11.aspnet\u002F02.api\u002F08.api-design-validation",{"title":768,"path":769,"stem":770},"Обробка помилок у Minimal API","\u002Fcsharp\u002Faspnet\u002Fapi\u002Ferror-handling-http","01.csharp\u002F11.aspnet\u002F02.api\u002F09.error-handling-http",{"title":772,"path":773,"stem":774},"Ідемпотентність та синхронізація стану","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fidempotency-sync","01.csharp\u002F11.aspnet\u002F02.api\u002F10.idempotency-sync",{"title":776,"path":777,"stem":778},"Пагінація та організація списків","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fpagination-lists","01.csharp\u002F11.aspnet\u002F02.api\u002F11.pagination-lists",{"title":780,"path":781,"stem":782},"Безпека API, кешування та інтернаціоналізація","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fsecurity-auth","01.csharp\u002F11.aspnet\u002F02.api\u002F12.security-auth",{"title":784,"path":785,"stem":786},"Процес проєктування API та документування","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-process","01.csharp\u002F11.aspnet\u002F02.api\u002F13.api-design-process",{"title":788,"path":789,"stem":790},"OpenAPI: контракт, специфікація та документація API","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fopenapi","01.csharp\u002F11.aspnet\u002F02.api\u002F14.openapi",{"title":792,"icon":793,"path":794,"stem":795,"children":796,"page":59},"Auth","i-lucide-shield-check","\u002Fcsharp\u002Faspnet\u002Fauth","01.csharp\u002F11.aspnet\u002F03.auth",[797,801,805,809,813,817,821,825,829,833,837,841,845,849,853,857,861,865],{"title":798,"path":799,"stem":800},"Основи аутентифікації та авторизації","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fauth-fundamentals","01.csharp\u002F11.aspnet\u002F03.auth\u002F01.auth-fundamentals",{"title":802,"path":803,"stem":804},"JWT-аутентифікація","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fjwt-authentication","01.csharp\u002F11.aspnet\u002F03.auth\u002F02.jwt-authentication",{"title":806,"path":807,"stem":808},"Авторизація: ролі, політики та resource-based доступ","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fauthorization-policies","01.csharp\u002F11.aspnet\u002F03.auth\u002F03.authorization-policies",{"title":810,"path":811,"stem":812},"Cookie-аутентифікація та ASP.NET Core Identity","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fcookie-auth-identity","01.csharp\u002F11.aspnet\u002F03.auth\u002F04.cookie-auth-identity",{"title":814,"path":815,"stem":816},"JWT + Refresh Tokens (HttpOnly Cookie)","\u002Fcsharp\u002Faspnet\u002Fauth\u002F04b.identity-auth-jwt","01.csharp\u002F11.aspnet\u002F03.auth\u002F04b.identity-auth-jwt",{"title":818,"path":819,"stem":820},"Identity: Підтвердження Email та Скидання Пароля","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-email-confirmation","01.csharp\u002F11.aspnet\u002F03.auth\u002F05.identity-email-confirmation",{"title":822,"path":823,"stem":824},"Identity: Двофакторна Аутентифікація (2FA)","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-two-factor","01.csharp\u002F11.aspnet\u002F03.auth\u002F06.identity-two-factor",{"title":826,"path":827,"stem":828},"Identity: Внутрішня Архітектура та Кастомізація","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-internals","01.csharp\u002F11.aspnet\u002F03.auth\u002F07.identity-internals",{"title":830,"path":831,"stem":832},"OAuth 2.0 та зовнішні провайдери","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foauth-external-providers","01.csharp\u002F11.aspnet\u002F03.auth\u002F08.oauth-external-providers",{"title":834,"path":835,"stem":836},"Безпека на практиці: CORS, HTTPS та захист від атак","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fsecurity-hardening","01.csharp\u002F11.aspnet\u002F03.auth\u002F09.security-hardening",{"title":838,"path":839,"stem":840},"Теорія OAuth 2.0: Поняття, Аналогії та Флоу","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foauth-theory","01.csharp\u002F11.aspnet\u002F03.auth\u002F10.oauth-theory",{"title":842,"path":843,"stem":844},"OIDC, OAuth 2.0 та Keycloak в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foidc-keycloak","01.csharp\u002F11.aspnet\u002F03.auth\u002F10.oidc-keycloak",{"title":846,"path":847,"stem":848},"API Keys аутентифікація в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fapi-keys","01.csharp\u002F11.aspnet\u002F03.auth\u002F11.api-keys",{"title":850,"path":851,"stem":852},"Rate Limiting та Throttling в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frate-limiting","01.csharp\u002F11.aspnet\u002F03.auth\u002F12.rate-limiting",{"title":854,"path":855,"stem":856},"Refresh Token Rotation в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frefresh-token-rotation","01.csharp\u002F11.aspnet\u002F03.auth\u002F13.refresh-token-rotation",{"title":858,"path":859,"stem":860},"Certificate Authentication та mTLS в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fcertificate-auth","01.csharp\u002F11.aspnet\u002F03.auth\u002F14.certificate-auth",{"title":862,"path":863,"stem":864},"RBAC, ABAC та ReBAC в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frbac-abac-rebac","01.csharp\u002F11.aspnet\u002F03.auth\u002F15.rbac-abac-rebac",{"title":866,"path":867,"stem":868},"Multi-tenancy та ізоляція даних в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fmulti-tenancy","01.csharp\u002F11.aspnet\u002F03.auth\u002F16.multi-tenancy",{"title":870,"icon":871,"path":872,"stem":873,"children":874,"page":59},"Нотифікації","i-lucide-bell","\u002Fcsharp\u002Faspnet\u002Fnotifications","01.csharp\u002F11.aspnet\u002F04.notifications",[875,879,883,887,891,895,899,903,907,911,915,919,923],{"title":876,"path":877,"stem":878},"In-App нотифікації через базу даних","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fin-app-database-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F01.in-app-database-notifications",{"title":880,"path":881,"stem":882},"Polling: Регулярний запит оновлень","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fpolling","01.csharp\u002F11.aspnet\u002F04.notifications\u002F02.polling",{"title":884,"path":885,"stem":886},"Server-Sent Events: Однострімовий push від сервера","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fserver-sent-events","01.csharp\u002F11.aspnet\u002F04.notifications\u002F03.server-sent-events",{"title":888,"path":889,"stem":890},"WebSockets: Двостороннє з'єднання в реальному часі","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fwebsockets","01.csharp\u002F11.aspnet\u002F04.notifications\u002F04.websockets",{"title":892,"path":893,"stem":894},"SignalR: Абстракція над транспортами реального часу","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fsignalr","01.csharp\u002F11.aspnet\u002F04.notifications\u002F05.signalr",{"title":896,"path":897,"stem":898},"Background Services: Фонові задачі в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fbackground-services","01.csharp\u002F11.aspnet\u002F04.notifications\u002F06.background-services",{"title":900,"path":901,"stem":902},"Web Push нотифікації","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fweb-push","01.csharp\u002F11.aspnet\u002F04.notifications\u002F07.web-push",{"title":904,"path":905,"stem":906},"Email нотифікації","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Femail-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F08.email-notifications",{"title":908,"path":909,"stem":910},"Порівняння підходів: Як вибрати правильну технологію нотифікацій","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fchoosing-the-right-approach","01.csharp\u002F11.aspnet\u002F04.notifications\u002F09.choosing-the-right-approach",{"title":912,"path":913,"stem":914},"Hangfire: Надійне планування фонових задач","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire","01.csharp\u002F11.aspnet\u002F04.notifications\u002F10.hangfire",{"title":916,"path":917,"stem":918},"Практика: Конвертація зображень у WebP через Hangfire","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire-image-webp","01.csharp\u002F11.aspnet\u002F04.notifications\u002F11.hangfire-image-webp",{"title":920,"path":921,"stem":922},"Практика: Підготовка відео до HLS-стрімінгу через Hangfire","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire-video-hls","01.csharp\u002F11.aspnet\u002F04.notifications\u002F12.hangfire-video-hls",{"title":924,"path":925,"stem":926},"Telegram-нотифікації: від одного повідомлення до масових розсилок і мульти-канального підходу","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Ftelegram-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F13.telegram-notifications",{"title":928,"icon":929,"path":930,"stem":931,"children":932,"page":59},"Інтернаціоналізація","i-lucide-languages","\u002Fcsharp\u002Faspnet\u002Fi18n","01.csharp\u002F11.aspnet\u002F05.i18n",[933,937],{"title":934,"path":935,"stem":936},"Інтернаціоналізація (i18n) у Minimal API: від A до Я","\u002Fcsharp\u002Faspnet\u002Fi18n\u002Finternationalization","01.csharp\u002F11.aspnet\u002F05.i18n\u002F01.internationalization",{"title":938,"path":939,"stem":940},"Humanizer: людиномовні рядки у .NET","\u002Fcsharp\u002Faspnet\u002Fi18n\u002Fhumanizer","01.csharp\u002F11.aspnet\u002F05.i18n\u002F02.humanizer",{"title":942,"icon":943,"path":944,"stem":945,"children":946,"page":59},"Кешування","i-lucide-layers","\u002Fcsharp\u002Faspnet\u002Fcaching","01.csharp\u002F11.aspnet\u002F06.caching",[947,951,955,959,963],{"title":948,"path":949,"stem":950},"Огляд кешування: чотири рівні і коли що обирати","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fcaching","01.csharp\u002F11.aspnet\u002F06.caching\u002F01.caching",{"title":952,"path":953,"stem":954},"IMemoryCache: кеш в оперативній пам'яті","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fmemory-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F02.memory-cache",{"title":956,"path":957,"stem":958},"IDistributedCache і Redis: розподілений кеш","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fdistributed-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F03.distributed-cache",{"title":960,"path":961,"stem":962},"Response Cache: HTTP-кешування через Cache-Control","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fresponse-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F04.response-cache",{"title":964,"path":965,"stem":966},"Output Cache: серверний кеш HTTP-відповідей (.NET 7+)","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Foutput-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F05.output-cache",{"title":968,"icon":969,"path":970,"stem":971,"children":972,"page":59},"Тестування","i-lucide-test-tube","\u002Fcsharp\u002Faspnet\u002Ftesting","01.csharp\u002F11.aspnet\u002F07.testing",[973,977,981,985,989,993,997,1001,1005,1009,1013,1017,1021,1025,1029,1033,1037,1041,1045,1049,1053],{"title":974,"path":975,"stem":976},"Що таке тестування? Від інтуїції до науки","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwhat-is-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F01.what-is-testing",{"title":978,"path":979,"stem":980},"Піраміда тестування — Стратегія, а не Догма","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-pyramid","01.csharp\u002F11.aspnet\u002F07.testing\u002F02.testing-pyramid",{"title":982,"path":983,"stem":984},"Дві Школи Тестування — Лондон проти Детройту","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-schools","01.csharp\u002F11.aspnet\u002F07.testing\u002F03.testing-schools",{"title":986,"path":987,"stem":988},"TDD та BDD — Тести як Дизайн-інструмент","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftdd-and-bdd","01.csharp\u002F11.aspnet\u002F07.testing\u002F04.tdd-and-bdd",{"title":990,"path":991,"stem":992},"Що саме тестувати — Техніки аналізу та Циклomatична складність","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwhat-to-test","01.csharp\u002F11.aspnet\u002F07.testing\u002F05.what-to-test",{"title":994,"path":995,"stem":996},"Тестові Фреймворки — Навіщо вони і що всередині","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftest-frameworks","01.csharp\u002F11.aspnet\u002F07.testing\u002F06.test-frameworks",{"title":998,"path":999,"stem":1000},"xUnit — Факти, Теорії та Lifecycle тестів","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fxunit-basics","01.csharp\u002F11.aspnet\u002F07.testing\u002F07.xunit-basics",{"title":1002,"path":1003,"stem":1004},"xUnit Advanced — Fixtures, Кастомізація та Розширення","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fxunit-advanced","01.csharp\u002F11.aspnet\u002F07.testing\u002F08.xunit-advanced",{"title":1006,"path":1007,"stem":1008},"Moq — Глибоке занурення в мокування","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fmocking-with-moq","01.csharp\u002F11.aspnet\u002F07.testing\u002F09.mocking-with-moq",{"title":1010,"path":1011,"stem":1012},"Тестування Баз Даних — EF Core, SQLite та Testcontainers","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fdatabase-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F10.database-testing",{"title":1014,"path":1015,"stem":1016},"Integration Testing — Частина 1 [Теорія та WebApplicationFactory]","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fintegration-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F11.integration-testing",{"title":1018,"path":1019,"stem":1020},"Інтеграційне тестування — Практика","\u002Fcsharp\u002Faspnet\u002Ftesting\u002F11a.integration-testing-practice","01.csharp\u002F11.aspnet\u002F07.testing\u002F11a.integration-testing-practice",{"title":1022,"path":1023,"stem":1024},"Integration Testing — Частина 2 [Просунуті Сценарії та Testcontainers]","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fintegration-testing-advanced","01.csharp\u002F11.aspnet\u002F07.testing\u002F12.integration-testing-advanced",{"title":1026,"path":1027,"stem":1028},"Професійний Postman: Колекції, Змінні та GitHub Інтеграція","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fpostman-professional","01.csharp\u002F11.aspnet\u002F07.testing\u002F13.postman-professional",{"title":1030,"path":1031,"stem":1032},"HttpClient у Тестах Частина 1: Архітектура та MockHttpMessageHandler","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fhttpclient-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F14.httpclient-testing",{"title":1034,"path":1035,"stem":1036},"HttpClient у Тестах Частина 2: WireMock.Net та Resilience","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwiremock-net","01.csharp\u002F11.aspnet\u002F07.testing\u002F15.wiremock-net",{"title":1038,"path":1039,"stem":1040},"Патерни та Анти-патерни Тестування: Test Smells","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-patterns","01.csharp\u002F11.aspnet\u002F07.testing\u002F16.testing-patterns",{"title":1042,"path":1043,"stem":1044},"Просунуті інструменти: Time, Snapshots та Властивості","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fadvanced-testing-tools","01.csharp\u002F11.aspnet\u002F07.testing\u002F17.advanced-testing-tools",{"title":1046,"path":1047,"stem":1048},"Тестування Архітектури з NetArchTest","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Farchitecture-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F18.architecture-testing",{"title":1050,"path":1051,"stem":1052},"Тестування Продуктивності: BenchmarkDotNet, NBomber та k6","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fperformance-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F19.performance-testing",{"title":1054,"path":1055,"stem":1056},"Залишок плану для курсу \"Тестування ASP.NET Minimal API\"","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fremaining_plan","01.csharp\u002F11.aspnet\u002F07.testing\u002Fremaining_plan",{"title":1058,"icon":1059,"path":1060,"stem":1061,"children":1062,"page":59},"Платежі","i-lucide-credit-card","\u002Fcsharp\u002Faspnet\u002Fpayments","01.csharp\u002F11.aspnet\u002F08.payments",[1063,1067,1071,1075,1079,1083,1087,1091,1095,1099,1103,1107],{"title":1064,"path":1065,"stem":1066},"Основи платіжної інфраструктури","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-fundamentals","01.csharp\u002F11.aspnet\u002F08.payments\u002F01.payment-fundamentals",{"title":1068,"path":1069,"stem":1070},"Методи оплати в Україні","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-methods-ukraine","01.csharp\u002F11.aspnet\u002F08.payments\u002F02.payment-methods-ukraine",{"title":1072,"path":1073,"stem":1074},"PCI DSS та безпека платежів","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpci-dss-security","01.csharp\u002F11.aspnet\u002F08.payments\u002F03.pci-dss-security",{"title":1076,"path":1077,"stem":1078},"Архітектура платіжної підсистеми","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-architecture","01.csharp\u002F11.aspnet\u002F08.payments\u002F04.payment-architecture",{"title":1080,"path":1081,"stem":1082},"Інтеграція LiqPay (ПриватБанк)","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fliqpay-integration","01.csharp\u002F11.aspnet\u002F08.payments\u002F05.liqpay-integration",{"title":1084,"path":1085,"stem":1086},"Інтеграція Monobank Acquiring API","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fmonobank-acquiring","01.csharp\u002F11.aspnet\u002F08.payments\u002F06.monobank-acquiring",{"title":1088,"path":1089,"stem":1090},"Інтеграція Stripe","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fstripe-integration","01.csharp\u002F11.aspnet\u002F08.payments\u002F07.stripe-integration",{"title":1092,"path":1093,"stem":1094},"Webhooks — глибоке занурення","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fwebhooks-deep-dive","01.csharp\u002F11.aspnet\u002F08.payments\u002F08.webhooks-deep-dive",{"title":1096,"path":1097,"stem":1098},"Підписки та рекурентні платежі","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fsubscriptions-recurring","01.csharp\u002F11.aspnet\u002F08.payments\u002F09.subscriptions-recurring",{"title":1100,"path":1101,"stem":1102},"Повернення коштів та диспути","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Frefunds-disputes","01.csharp\u002F11.aspnet\u002F08.payments\u002F10.refunds-disputes",{"title":1104,"path":1105,"stem":1106},"Тестування платіжних інтеграцій","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Ftesting-payments","01.csharp\u002F11.aspnet\u002F08.payments\u002F11.testing-payments",{"title":1108,"path":1109,"stem":1110},"Чекліст виходу в Production","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fproduction-checklist","01.csharp\u002F11.aspnet\u002F08.payments\u002F12.production-checklist",{"title":1112,"icon":1113,"items":1114,"path":1127,"stem":1128,"children":1129,"page":59},"Популярні бібліотеки","lucide:box",[1115,1116,1117,1118,1119,1120,1121,1122,1123,1124,1125,1126],"01.fluent-validation","02.mapster","03.erroror-result-pattern","04.serilog","05.mediatr","06.polly","07.health-checks","08.feature-management","09.fluent-email","10.quest-pdf","11.bogus","12.humanizer-guard","\u002Fcsharp\u002Faspnet\u002Flibraries","01.csharp\u002F11.aspnet\u002F09.libraries",[1130,1134,1138,1142,1146,1150,1154,1158,1162,1166,1170,1174,1178],{"title":1131,"path":1132,"stem":1133},"Валідація з FluentValidation в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffluent-validation","01.csharp\u002F11.aspnet\u002F09.libraries\u002F01.fluent-validation",{"title":1135,"path":1136,"stem":1137},"Маппінг об","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fmapster","01.csharp\u002F11.aspnet\u002F09.libraries\u002F02.mapster",{"title":1139,"path":1140,"stem":1141},"Обробка помилок з ErrorOr та Result Pattern в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ferroror-result-pattern","01.csharp\u002F11.aspnet\u002F09.libraries\u002F03.erroror-result-pattern",{"title":1143,"path":1144,"stem":1145},"Структуроване логування з Serilog в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fserilog","01.csharp\u002F11.aspnet\u002F09.libraries\u002F04.serilog",{"title":1147,"path":1148,"stem":1149},"CQRS та Mediator з MediatR в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fmediatr","01.csharp\u002F11.aspnet\u002F09.libraries\u002F05.mediatr",{"title":1151,"path":1152,"stem":1153},"Відмовостійкість з Polly в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fpolly","01.csharp\u002F11.aspnet\u002F09.libraries\u002F06.polly",{"title":1155,"path":1156,"stem":1157},"Health Checks в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fhealth-checks","01.csharp\u002F11.aspnet\u002F09.libraries\u002F07.health-checks",{"title":1159,"path":1160,"stem":1161},"Feature Management та Feature Flags в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffeature-management","01.csharp\u002F11.aspnet\u002F09.libraries\u002F08.feature-management",{"title":1163,"path":1164,"stem":1165},"Відправка Email з FluentEmail в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffluent-email","01.csharp\u002F11.aspnet\u002F09.libraries\u002F09.fluent-email",{"title":1167,"path":1168,"stem":1169},"Генерація PDF з QuestPDF в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fquest-pdf","01.csharp\u002F11.aspnet\u002F09.libraries\u002F10.quest-pdf",{"title":1171,"path":1172,"stem":1173},"Генерація тестових даних з Bogus в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fbogus","01.csharp\u002F11.aspnet\u002F09.libraries\u002F11.bogus",{"title":1175,"path":1176,"stem":1177},"Humanizer та Guard Clauses в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fhumanizer-guard","01.csharp\u002F11.aspnet\u002F09.libraries\u002F12.humanizer-guard",{"title":1179,"path":1180,"stem":1181},"План модуля 10.libraries — Популярні бібліотеки ASP.NET","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fplan","01.csharp\u002F11.aspnet\u002F09.libraries\u002Fplan",{"title":1183,"icon":1184,"path":1185,"stem":1186,"children":1187,"page":59},"Razor Pages","i-lucide-layout-template","\u002Fcsharp\u002Faspnet\u002Frazor-pages","01.csharp\u002F11.aspnet\u002F10.razor-pages",[1188,1192,1196,1200,1204,1208],{"title":1189,"path":1190,"stem":1191},"Від Minimal API до Razor Pages: концептуальний перехід","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Ffrom-minimal-api","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F01.from-minimal-api",{"title":1193,"path":1194,"stem":1195},"PageModel: логіка сторінки Razor Pages","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fpage-model","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F02.page-model",{"title":1197,"path":1198,"stem":1199},"Razor синтаксис: шаблонізатор у .cshtml","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Frazor-syntax","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F03.razor-syntax",{"title":1201,"path":1202,"stem":1203},"Tag Helpers: типізований HTML","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Ftag-helpers","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F04.tag-helpers",{"title":1205,"path":1206,"stem":1207},"Форми і валідація: повний цикл обробки даних","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fforms-validation","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F05.forms-validation",{"title":1209,"path":1210,"stem":1211},"Практичний проєкт: TaskManager на Razor Pages","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fproject-task-manager","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F06.project-task-manager",{"title":1213,"path":1214,"stem":1215,"children":1216,"page":59},"ASP.NET Core MVC","\u002Fcsharp\u002Faspnet\u002Fmvc","01.csharp\u002F11.aspnet\u002F11.mvc",[1217,1221,1225,1229,1233,1237,1241,1245,1249,1253,1257,1261,1265,1269,1273,1277,1281,1285],{"title":1218,"path":1219,"stem":1220},"Патерн MVC: архітектура, що змінила веб","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmvc-pattern","01.csharp\u002F11.aspnet\u002F11.mvc\u002F01.mvc-pattern",{"title":1222,"path":1223,"stem":1224},"Від Razor Pages до MVC: концептуальний перехід","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffrom-razor-pages","01.csharp\u002F11.aspnet\u002F11.mvc\u002F02.from-razor-pages",{"title":1226,"path":1227,"stem":1228},"Controllers та Actions: серце MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fcontrollers-actions","01.csharp\u002F11.aspnet\u002F11.mvc\u002F03.controllers-actions",{"title":1230,"path":1231,"stem":1232},"Маршрутизація в MVC: Convention vs Attribute Routing","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Frouting-mvc","01.csharp\u002F11.aspnet\u002F11.mvc\u002F04.routing-mvc",{"title":1234,"path":1235,"stem":1236},"Model Binding: від HTTP до C#","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmodel-binding","01.csharp\u002F11.aspnet\u002F11.mvc\u002F05.model-binding",{"title":1238,"path":1239,"stem":1240},"Views, ViewData, ViewBag, TempData і ViewModel","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fviews-viewdata-tempdata","01.csharp\u002F11.aspnet\u002F11.mvc\u002F06.views-viewdata-tempdata",{"title":1242,"path":1243,"stem":1244},"Filters: аспектно-орієнтоване програмування в MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffilters","01.csharp\u002F11.aspnet\u002F11.mvc\u002F07.filters",{"title":1246,"path":1247,"stem":1248},"Areas: структурування великих застосунків","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fareas","01.csharp\u002F11.aspnet\u002F11.mvc\u002F08.areas",{"title":1250,"path":1251,"stem":1252},"View Components: повторювані незалежні блоки UI","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fview-components","01.csharp\u002F11.aspnet\u002F11.mvc\u002F09.view-components",{"title":1254,"path":1255,"stem":1256},"Display та Editor Templates","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fdisplay-editor-templates","01.csharp\u002F11.aspnet\u002F11.mvc\u002F10.display-editor-templates",{"title":1258,"path":1259,"stem":1260},"Валідація: IValidatableObject та FluentValidation","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fvalidation-advanced","01.csharp\u002F11.aspnet\u002F11.mvc\u002F11.validation-advanced",{"title":1262,"path":1263,"stem":1264},"HTMX: інтерактивність через HTML-атрибути","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fhtmx","01.csharp\u002F11.aspnet\u002F11.mvc\u002F12.htmx",{"title":1266,"path":1267,"stem":1268},"HTMX у ASP.NET Core MVC: серверна інтеграція","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fajax-htmx-mvc","01.csharp\u002F11.aspnet\u002F11.mvc\u002F13.ajax-htmx-mvc",{"title":1270,"path":1271,"stem":1272},"Практичний проєкт: Каталог товарів з HTMX","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fhtmx-project","01.csharp\u002F11.aspnet\u002F11.mvc\u002F14.htmx-project",{"title":1274,"path":1275,"stem":1276},"Завантаження та обробка файлів","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffile-upload","01.csharp\u002F11.aspnet\u002F11.mvc\u002F15.file-upload",{"title":1278,"path":1279,"stem":1280},"Глобалізація та Локалізація MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fglobalization-localization","01.csharp\u002F11.aspnet\u002F11.mvc\u002F16.globalization-localization",{"title":1282,"path":1283,"stem":1284},"Підсумковий проєкт: Блог-платформа","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmvc-project","01.csharp\u002F11.aspnet\u002F11.mvc\u002F17.mvc-project",{"title":1286,"path":1287,"stem":1288},"План курсу: ASP.NET Core MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fplan","01.csharp\u002F11.aspnet\u002F11.mvc\u002Fplan",{"title":1290,"path":1291,"stem":1292,"children":1293,"page":59},"Web Api","\u002Fcsharp\u002Faspnet\u002Fweb-api","01.csharp\u002F11.aspnet\u002F12.web-api",[1294,1298,1302,1306,1310,1314,1318,1322,1326,1330,1334,1338,1342],{"title":1295,"path":1296,"stem":1297},"Від Minimal API до Controller-based API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Ffrom-minimal-api-to-controllers","01.csharp\u002F11.aspnet\u002F12.web-api\u002F01.from-minimal-api-to-controllers",{"title":1299,"path":1300,"stem":1301},"ControllerBase, ActionResult\u003CT> та Response Types","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fcontroller-base-actionresult","01.csharp\u002F11.aspnet\u002F12.web-api\u002F02.controller-base-actionresult",{"title":1303,"path":1304,"stem":1305},"Content Negotiation - JSON, XML та власні форматери","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fcontent-negotiation","01.csharp\u002F11.aspnet\u002F12.web-api\u002F03.content-negotiation",{"title":1307,"path":1308,"stem":1309},"Версіонування API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fapi-versioning","01.csharp\u002F11.aspnet\u002F12.web-api\u002F04.api-versioning",{"title":1311,"path":1312,"stem":1313},"ProblemDetails та структурована обробка помилок","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fproblemdetails-error-handling","01.csharp\u002F11.aspnet\u002F12.web-api\u002F05.problemdetails-error-handling",{"title":1315,"path":1316,"stem":1317},"Фільтри у Web API контексті","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Ffilters-for-api","01.csharp\u002F11.aspnet\u002F12.web-api\u002F06.filters-for-api",{"title":1319,"path":1320,"stem":1321},"Пагінація, фільтрація та сортування","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fpagination-filtering-sorting","01.csharp\u002F11.aspnet\u002F12.web-api\u002F07.pagination-filtering-sorting",{"title":1323,"path":1324,"stem":1325},"HATEOAS та Resource Expansion","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fhateoas-resource-expansion","01.csharp\u002F11.aspnet\u002F12.web-api\u002F08.hateoas-resource-expansion",{"title":1327,"path":1328,"stem":1329},"Гібридна архітектура - Minimal API + Controllers","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fminimal-api-vs-controllers-hybrid","01.csharp\u002F11.aspnet\u002F12.web-api\u002F09.minimal-api-vs-controllers-hybrid",{"title":1331,"path":1332,"stem":1333},"Документація API - Swashbuckle, NSwag та генерація клієнтів","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fapi-documentation-generation","01.csharp\u002F11.aspnet\u002F12.web-api\u002F10.api-documentation-generation",{"title":1335,"path":1336,"stem":1337},"Health Checks та моніторинг API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fhealth-checks-monitoring","01.csharp\u002F11.aspnet\u002F12.web-api\u002F11.health-checks-monitoring",{"title":1339,"path":1340,"stem":1341},"Підсумковий проєкт - Production-Ready REST API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fweb-api-project","01.csharp\u002F11.aspnet\u002F12.web-api\u002F12.web-api-project",{"title":1343,"path":1344,"stem":1345},"План курсу: ASP.NET Core Web API (Controllers)","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fplan","01.csharp\u002F11.aspnet\u002F12.web-api\u002Fplan",{"title":1347,"icon":1348,"path":1349,"stem":1350,"children":1351,"page":59},"Моніторинг","i-lucide-activity","\u002Fcsharp\u002Faspnet\u002Fmonitoring","01.csharp\u002F11.aspnet\u002F13.monitoring",[1352,1356,1360],{"title":1353,"path":1354,"stem":1355},"Спостережуваність: від console.log до production-систем","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fobservability-intro","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F01.observability-intro",{"title":1357,"path":1358,"stem":1359},"Health Checks: перший рівень observability","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fhealth-checks","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F02.health-checks",{"title":1361,"path":1362,"stem":1363},"Вбудовані метрики .NET 10 та System.Diagnostics.Metrics","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fdotnet-metrics","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F03.dotnet-metrics",{"title":1365,"icon":1366,"path":1367,"stem":1368,"children":1369,"page":59},"Desktop UI","i-lucide-app-window","\u002Fcsharp\u002Fdesktop-ui","01.csharp\u002F12.desktop-ui",[1370,1374,1378,1382,1386,1390,1394,1398,1402,1406,1410,1414,1418,1422,1426,1430,1434,1438,1442,1446,1450,1454,1458,1462,1466,1470,1474,1478,1482,1486,1490,1494,1498,1502,1506,1510,1514,1518,1522,1526,1530,1534,1538,1542,1546,1550,1554,1558,1562,1566,1570,1574,1578,1582,1586,1590,1594,1598,1602,1606,1610,1614,1618,1622,1626,1630,1634,1638,1642,1646,1650],{"title":1371,"path":1372,"stem":1373},"Що таке десктопна розробка?","\u002Fcsharp\u002Fdesktop-ui\u002Fwhat-is-desktop-dev","01.csharp\u002F12.desktop-ui\u002F01.what-is-desktop-dev",{"title":1375,"path":1376,"stem":1377},"Архітектура WPF — як влаштований графічний інтерфейс","\u002Fcsharp\u002Fdesktop-ui\u002Fwpf-architecture","01.csharp\u002F12.desktop-ui\u002F02.wpf-architecture",{"title":1379,"path":1380,"stem":1381},"Перший WPF-проєкт — від нуля до вікна","\u002Fcsharp\u002Fdesktop-ui\u002Ffirst-wpf-app","01.csharp\u002F12.desktop-ui\u002F03.first-wpf-app",{"title":1383,"path":1384,"stem":1385},"Перший Avalonia-проєкт: WPF для всіх платформ","\u002Fcsharp\u002Fdesktop-ui\u002F03a.first-avalonia-app","01.csharp\u002F12.desktop-ui\u002F03a.first-avalonia-app",{"title":1387,"path":1388,"stem":1389},"XAML: декларативний інтерфейс","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-basics","01.csharp\u002F12.desktop-ui\u002F04.xaml-basics",{"title":1391,"path":1392,"stem":1393},"Fluent UI у WPF — сучасний дизайн Windows 11","\u002Fcsharp\u002Fdesktop-ui\u002F04a.wpf-fluent-ui","01.csharp\u002F12.desktop-ui\u002F04a.wpf-fluent-ui",{"title":1395,"path":1396,"stem":1397},"WPF UI — сучасна бібліотека Fluent контролів","\u002Fcsharp\u002Fdesktop-ui\u002F04b.wpf-ui-library","01.csharp\u002F12.desktop-ui\u002F04b.wpf-ui-library",{"title":1399,"path":1400,"stem":1401},"HandyControl — велика бібліотека UI контролів для WPF","\u002Fcsharp\u002Fdesktop-ui\u002F04c.handycontrol-library","01.csharp\u002F12.desktop-ui\u002F04c.handycontrol-library",{"title":1403,"path":1404,"stem":1405},"Простори імен та ресурси XAML","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-namespaces-resources","01.csharp\u002F12.desktop-ui\u002F05.xaml-namespaces-resources",{"title":1407,"path":1408,"stem":1409},"XAML в Avalonia: ключові відмінності від WPF","\u002Fcsharp\u002Fdesktop-ui\u002F05a.avalonia-xaml-differences","01.csharp\u002F12.desktop-ui\u002F05a.avalonia-xaml-differences",{"title":1411,"path":1412,"stem":1413},"Розширення розмітки XAML (Markup Extensions)","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-markup-extensions","01.csharp\u002F12.desktop-ui\u002F06.xaml-markup-extensions",{"title":1415,"path":1416,"stem":1417},"Панелі Layout: StackPanel, WrapPanel, DockPanel","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-panels-part1","01.csharp\u002F12.desktop-ui\u002F07.layout-panels-part1",{"title":1419,"path":1420,"stem":1421},"Grid, Canvas, UniformGrid","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-panels-part2","01.csharp\u002F12.desktop-ui\u002F07.layout-panels-part2",{"title":1423,"path":1424,"stem":1425},"Просунуті техніки Layout","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-advanced","01.csharp\u002F12.desktop-ui\u002F08.layout-advanced",{"title":1427,"path":1428,"stem":1429},"Адаптивний Layout та найкращі практики","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-responsive","01.csharp\u002F12.desktop-ui\u002F09.layout-responsive",{"title":1431,"path":1432,"stem":1433},"Layout в Avalonia: відмінності та нові можливості","\u002Fcsharp\u002Fdesktop-ui\u002F09a.layout-avalonia","01.csharp\u002F12.desktop-ui\u002F09a.layout-avalonia",{"title":1435,"path":1436,"stem":1437},"Button, Image, ProgressBar та інші базові контроли","\u002Fcsharp\u002Fdesktop-ui\u002Fbasic-controls","01.csharp\u002F12.desktop-ui\u002F10.basic-controls",{"title":1439,"path":1440,"stem":1441},"Контроли в Avalonia: відмінності від WPF","\u002Fcsharp\u002Fdesktop-ui\u002F10a.controls-avalonia","01.csharp\u002F12.desktop-ui\u002F10a.controls-avalonia",{"title":1443,"path":1444,"stem":1445},"Текстові контроли — TextBlock, TextBox, RichTextBox","\u002Fcsharp\u002Fdesktop-ui\u002Ftext-controls","01.csharp\u002F12.desktop-ui\u002F11.text-controls",{"title":1447,"path":1448,"stem":1449},"Контроли вибору — CheckBox, RadioButton, ComboBox, ListBox, DatePicker","\u002Fcsharp\u002Fdesktop-ui\u002Fselection-controls","01.csharp\u002F12.desktop-ui\u002F12.selection-controls",{"title":1451,"path":1452,"stem":1453},"Content Model — GroupBox, Expander, TabControl, StatusBar","\u002Fcsharp\u002Fdesktop-ui\u002Fcontent-controls","01.csharp\u002F12.desktop-ui\u002F13.content-controls",{"title":1455,"path":1456,"stem":1457},"UI\u002FUX принципи десктопних застосунків","\u002Fcsharp\u002Fdesktop-ui\u002F13a.ui-ux-principles","01.csharp\u002F12.desktop-ui\u002F13a.ui-ux-principles",{"title":1459,"path":1460,"stem":1461},"Dependency Properties — Концепція та Value Resolution","\u002Fcsharp\u002Fdesktop-ui\u002Fdependency-properties-part1","01.csharp\u002F12.desktop-ui\u002F14.dependency-properties-part1",{"title":1463,"path":1464,"stem":1465},"Avalonia Property System — StyledProperty та DirectProperty","\u002Fcsharp\u002Fdesktop-ui\u002F14a.avalonia-property-system","01.csharp\u002F12.desktop-ui\u002F14a.avalonia-property-system",{"title":1467,"path":1468,"stem":1469},"Attached Properties — Властивості без меж","\u002Fcsharp\u002Fdesktop-ui\u002Fattached-properties","01.csharp\u002F12.desktop-ui\u002F15.attached-properties",{"title":1471,"path":1472,"stem":1473},"Routed Events — Маршрутизація подій у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Frouted-events","01.csharp\u002F12.desktop-ui\u002F16.routed-events",{"title":1475,"path":1476,"stem":1477},"Data Binding — Від Code-Behind до Декларативності","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-basics-part1","01.csharp\u002F12.desktop-ui\u002F17.data-binding-basics-part1",{"title":1479,"path":1480,"stem":1481},"INotifyPropertyChanged — Живе оновлення UI","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-basics-part2","01.csharp\u002F12.desktop-ui\u002F17.data-binding-basics-part2",{"title":1483,"path":1484,"stem":1485},"Compiled Bindings в Avalonia — Безпека на етапі компіляції","\u002Fcsharp\u002Fdesktop-ui\u002F17a.avalonia-compiled-bindings","01.csharp\u002F12.desktop-ui\u002F17a.avalonia-compiled-bindings",{"title":1487,"path":1488,"stem":1489},"Просунутий Data Binding — ElementName, RelativeSource, MultiBinding","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-advanced","01.csharp\u002F12.desktop-ui\u002F18.data-binding-advanced",{"title":1491,"path":1492,"stem":1493},"Value Converters — Перетворення типів даних у Data Binding","\u002Fcsharp\u002Fdesktop-ui\u002Fvalue-converters","01.csharp\u002F12.desktop-ui\u002F19.value-converters",{"title":1495,"path":1496,"stem":1497},"Data Templates — Візуалізація об'єктів у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-templates","01.csharp\u002F12.desktop-ui\u002F20.data-templates",{"title":1499,"path":1500,"stem":1501},"Collections Binding Part 1 — ObservableCollection та ItemsControl","\u002Fcsharp\u002Fdesktop-ui\u002Fcollections-binding-part1","01.csharp\u002F12.desktop-ui\u002F21.collections-binding-part1",{"title":1503,"path":1504,"stem":1505},"Collections Binding Part 2 — ICollectionView, Filtering, Sorting та Virtualization","\u002Fcsharp\u002Fdesktop-ui\u002Fcollections-binding-part2","01.csharp\u002F12.desktop-ui\u002F21.collections-binding-part2",{"title":1507,"path":1508,"stem":1509},"MVVM Pattern — Від Spaghetti Code до архітектури","\u002Fcsharp\u002Fdesktop-ui\u002Fmvvm-pattern","01.csharp\u002F12.desktop-ui\u002F22.mvvm-pattern",{"title":1511,"path":1512,"stem":1513},"ViewModel Implementation — Від BaseViewModel до валідації","\u002Fcsharp\u002Fdesktop-ui\u002Fviewmodel-implementation","01.csharp\u002F12.desktop-ui\u002F23.viewmodel-implementation",{"title":1515,"path":1516,"stem":1517},"Commands — Від event handlers до декларативних команд","\u002Fcsharp\u002Fdesktop-ui\u002Fcommands","01.csharp\u002F12.desktop-ui\u002F24.commands",{"title":1519,"path":1520,"stem":1521},"MVVM Toolkit — MVVM без boilerplate через Source Generators","\u002Fcsharp\u002Fdesktop-ui\u002Fmvvm-toolkit","01.csharp\u002F12.desktop-ui\u002F25.mvvm-toolkit",{"title":1523,"path":1524,"stem":1525},"Messenger Pattern — Комунікація між ViewModel без прямих посилань","\u002Fcsharp\u002Fdesktop-ui\u002Fmessenger-pattern","01.csharp\u002F12.desktop-ui\u002F26.messenger-pattern",{"title":1527,"path":1528,"stem":1529},"Стилі WPF — CSS для десктопу","\u002Fcsharp\u002Fdesktop-ui\u002Fstyles-basics","01.csharp\u002F12.desktop-ui\u002F27.styles-basics",{"title":1531,"path":1532,"stem":1533},"CSS-like стилі Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002F27a.avalonia-css-styling","01.csharp\u002F12.desktop-ui\u002F27a.avalonia-css-styling",{"title":1535,"path":1536,"stem":1537},"Control Templates — Частина 1. Концепція та TemplateBinding","\u002Fcsharp\u002Fdesktop-ui\u002Fcontrol-templates-part1","01.csharp\u002F12.desktop-ui\u002F28.control-templates-part1",{"title":1539,"path":1540,"stem":1541},"Control Templates — Частина 2. Named Parts та ContentPresenter","\u002Fcsharp\u002Fdesktop-ui\u002Fcontrol-templates-part2","01.csharp\u002F12.desktop-ui\u002F28.control-templates-part2",{"title":1543,"path":1544,"stem":1545},"Control Themes в Avalonia — нова ера стилізації","\u002Fcsharp\u002Fdesktop-ui\u002F28a.avalonia-control-themes","01.csharp\u002F12.desktop-ui\u002F28a.avalonia-control-themes",{"title":1547,"path":1548,"stem":1549},"Triggers та Visual State Manager у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Ftriggers-visual-states","01.csharp\u002F12.desktop-ui\u002F29.triggers-visual-states",{"title":1551,"path":1552,"stem":1553},"Pseudo-classes в Avalonia — замість WPF Triggers","\u002Fcsharp\u002Fdesktop-ui\u002F29a.avalonia-pseudo-classes","01.csharp\u002F12.desktop-ui\u002F29a.avalonia-pseudo-classes",{"title":1555,"path":1556,"stem":1557},"Теми та ресурсні словники у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fresources-themes","01.csharp\u002F12.desktop-ui\u002F30.resources-themes",{"title":1559,"path":1560,"stem":1561},"Avalonia Themes — Fluent Design та система тематизації","\u002Fcsharp\u002Fdesktop-ui\u002F30a.avalonia-themes-fluent","01.csharp\u002F12.desktop-ui\u002F30a.avalonia-themes-fluent",{"title":1563,"path":1564,"stem":1565},"Контроли колекцій — глибоке занурення","\u002Fcsharp\u002Fdesktop-ui\u002Fcollection-controls","01.csharp\u002F12.desktop-ui\u002F31.collection-controls",{"title":1567,"path":1568,"stem":1569},"DataGrid — колонки та базове відображення","\u002Fcsharp\u002Fdesktop-ui\u002Fdatagrid-part1","01.csharp\u002F12.desktop-ui\u002F32.datagrid-part1",{"title":1571,"path":1572,"stem":1573},"DataGrid — сортування, фільтрація, редагування","\u002Fcsharp\u002Fdesktop-ui\u002Fdatagrid-part2","01.csharp\u002F12.desktop-ui\u002F32.datagrid-part2",{"title":1575,"path":1576,"stem":1577},"TreeView та GridView","\u002Fcsharp\u002Fdesktop-ui\u002Ftreeview-listview","01.csharp\u002F12.desktop-ui\u002F33.treeview-listview",{"title":1579,"path":1580,"stem":1581},"Меню, Toolbar, ContextMenu, StatusBar","\u002Fcsharp\u002Fdesktop-ui\u002Fmenus-toolbars","01.csharp\u002F12.desktop-ui\u002F34.menus-toolbars",{"title":1583,"path":1584,"stem":1585},"Навігація та керування вікнами. Частина 1: вікна та сторінки","\u002Fcsharp\u002Fdesktop-ui\u002Fnavigation-windows-part1","01.csharp\u002F12.desktop-ui\u002F35.navigation-windows-part1",{"title":1587,"path":1588,"stem":1589},"Навігація та керування вікнами. Частина 2: MVVM-навігація","\u002Fcsharp\u002Fdesktop-ui\u002Fnavigation-windows-part2","01.csharp\u002F12.desktop-ui\u002F35.navigation-windows-part2",{"title":1591,"path":1592,"stem":1593},"Avalonia — Навігація та діалоги","\u002Fcsharp\u002Fdesktop-ui\u002F35a.avalonia-navigation-dialogs","01.csharp\u002F12.desktop-ui\u002F35a.avalonia-navigation-dialogs",{"title":1595,"path":1596,"stem":1597},"Діалоги та File Pickers у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fdialogs-file-pickers","01.csharp\u002F12.desktop-ui\u002F36.dialogs-file-pickers",{"title":1599,"path":1600,"stem":1601},"UserControl: компонентний підхід у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fuser-controls","01.csharp\u002F12.desktop-ui\u002F37.user-controls",{"title":1603,"path":1604,"stem":1605},"Custom Controls: Lookless Controls у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fcustom-controls","01.csharp\u002F12.desktop-ui\u002F38.custom-controls",{"title":1607,"path":1608,"stem":1609},"Avalonia TemplatedControl — Lookless Controls","\u002Fcsharp\u002Fdesktop-ui\u002F38a.avalonia-templated-controls","01.csharp\u002F12.desktop-ui\u002F38a.avalonia-templated-controls",{"title":1611,"path":1612,"stem":1613},"Анімації у WPF: Storyboard та Easing Functions","\u002Fcsharp\u002Fdesktop-ui\u002Fanimations-transitions","01.csharp\u002F12.desktop-ui\u002F39.animations-transitions",{"title":1615,"path":1616,"stem":1617},"Анімації в Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002F39a.avalonia-animations","01.csharp\u002F12.desktop-ui\u002F39a.avalonia-animations",{"title":1619,"path":1620,"stem":1621},"2D Графіка та Мультимедіа у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fmedia-graphics","01.csharp\u002F12.desktop-ui\u002F40.media-graphics",{"title":1623,"path":1624,"stem":1625},"Dependency Injection у WPF та Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002Fdi-integration","01.csharp\u002F12.desktop-ui\u002F41.di-integration",{"title":1627,"path":1628,"stem":1629},"SQLite та EF Core у десктопних додатках","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-persistence-part1","01.csharp\u002F12.desktop-ui\u002F42.data-persistence-part1",{"title":1631,"path":1632,"stem":1633},"Repository Pattern та Unit of Work","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-persistence-part2","01.csharp\u002F12.desktop-ui\u002F43.data-persistence-part2",{"title":1635,"path":1636,"stem":1637},"Тестування ViewModels","\u002Fcsharp\u002Fdesktop-ui\u002Fviewmodel-testing","01.csharp\u002F12.desktop-ui\u002F44.viewmodel-testing",{"title":1639,"path":1640,"stem":1641},"Avalonia Headless Testing — тестування UI без вікон","\u002Fcsharp\u002Fdesktop-ui\u002F44a.avalonia-headless-testing","01.csharp\u002F12.desktop-ui\u002F44a.avalonia-headless-testing",{"title":1643,"path":1644,"stem":1645},"Кросплатформна розробка з Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002Favalonia-cross-platform","01.csharp\u002F12.desktop-ui\u002F45.avalonia-cross-platform",{"title":1647,"path":1648,"stem":1649},"Пакування та розгортання Avalonia додатків","\u002Fcsharp\u002Fdesktop-ui\u002Favalonia-packaging-deployment","01.csharp\u002F12.desktop-ui\u002F46.avalonia-packaging-deployment",{"title":1651,"path":1652,"stem":1653},"Розгортання WPF застосунків","\u002Fcsharp\u002Fdesktop-ui\u002Fwpf-packaging-deployment","01.csharp\u002F12.desktop-ui\u002F47.wpf-packaging-deployment",{"title":1655,"icon":658,"path":1656,"stem":1657,"children":1658,"page":59},"Network Programming","\u002Fcsharp\u002Fnetwork-programming","01.csharp\u002F13.network-programming",[1659,1663,1667,1671,1675,1679,1683,1687,1691,1695,1699],{"title":1660,"path":1661,"stem":1662},"Основи комп'ютерних мереж","\u002Fcsharp\u002Fnetwork-programming\u002Ffoundations","01.csharp\u002F13.network-programming\u002F01.foundations",{"title":1664,"path":1665,"stem":1666},"Модель OSI та стек TCP\u002FIP","\u002Fcsharp\u002Fnetwork-programming\u002Fosi-model","01.csharp\u002F13.network-programming\u002F02.osi-model",{"title":1668,"path":1669,"stem":1670},"IP-протокол та адресація","\u002Fcsharp\u002Fnetwork-programming\u002Fip-addressing","01.csharp\u002F13.network-programming\u002F03.ip-addressing",{"title":1672,"path":1673,"stem":1674},"UDP — протокол без з'єднання","\u002Fcsharp\u002Fnetwork-programming\u002Fudp","01.csharp\u002F13.network-programming\u002F05.udp",{"title":1676,"path":1677,"stem":1678},"UDP Broadcast та Multicast","\u002Fcsharp\u002Fnetwork-programming\u002Fudp-broadcast-multicast","01.csharp\u002F13.network-programming\u002F06.udp-broadcast-multicast",{"title":1680,"path":1681,"stem":1682},"HTTP — протокол вебу","\u002Fcsharp\u002Fnetwork-programming\u002Fhttp-fundamentals","01.csharp\u002F13.network-programming\u002F07.http-fundamentals",{"title":1684,"path":1685,"stem":1686},"HttpListener — вбудований HTTP-сервер .NET","\u002Fcsharp\u002Fnetwork-programming\u002F07a.http-listener","01.csharp\u002F13.network-programming\u002F07a.http-listener",{"title":1688,"path":1689,"stem":1690},"HTTP Advanced — cookies, аутентифікація та HTTPS","\u002Fcsharp\u002Fnetwork-programming\u002Fhttp-advanced","01.csharp\u002F13.network-programming\u002F08.http-advanced",{"title":1692,"path":1693,"stem":1694},"SMTP та протоколи електронної пошти","\u002Fcsharp\u002Fnetwork-programming\u002Fsmtp","01.csharp\u002F13.network-programming\u002F09.smtp",{"title":1696,"path":1697,"stem":1698},"WebSocket — повнодуплексний протокол реального часу","\u002Fcsharp\u002Fnetwork-programming\u002Fwebsockets","01.csharp\u002F13.network-programming\u002F10.websockets",{"title":1700,"path":1701,"stem":1702},"TLS\u002FSSL — криптографічний захист мережевих з'єднань","\u002Fcsharp\u002Fnetwork-programming\u002Ftls-ssl","01.csharp\u002F13.network-programming\u002F11.tls-ssl",{"title":1704,"path":1705,"stem":1706},"C# & .NET: The Ultimate Roadmap","\u002Fcsharp\u002Froadmap","01.csharp\u002Froadmap",{"title":1708,"icon":1709,"path":1710,"stem":1711,"children":1712,"page":59},"C++","i-devicon-cplusplus","\u002Fcpp","02.cpp",[1713,1717,1721,1725,1729,1733,1737,1741,1745,1748,1752,1756,1760,1764,1768,1772,1776,1780,1784,1788,1792,1796,1800,1804,1808,1812,1816,1820,1824,1828,1832,1836,1840,1844,1848,1852,1856,1860,1864,1868,1872,1876,1880,1884,1888,1892,1896,1900,1904,1908,1912,1916,1920,1924,1928,1932,1936,1940,1944,1948,1952,1956,1960,1964,1968,1972,1976,1980,1984,1988,1992,1996,2000,2004,2008,2012,2016,2020,2024,2028,2032,2036],{"title":1714,"path":1715,"stem":1716},"Вступ у програмування та алгоритми","\u002Fcpp\u002Fintro-algorithms","02.cpp\u002F01.intro-algorithms",{"title":1718,"path":1719,"stem":1720},"Code Style: угоди про оформлення коду","\u002Fcpp\u002Fcode-style","02.cpp\u002F02.code-style",{"title":1722,"path":1723,"stem":1724},"Середовище розробки та перший проєкт","\u002Fcpp\u002Fide-setup","02.cpp\u002F03.ide-setup",{"title":1726,"path":1727,"stem":1728},"Вивід даних на екран","\u002Fcpp\u002Fdata-output","02.cpp\u002F04.data-output",{"title":1730,"path":1731,"stem":1732},"Типи даних, змінні та константи","\u002Fcpp\u002Fdata-types-variables","02.cpp\u002F05.data-types-variables",{"title":1734,"path":1735,"stem":1736},"Ввід даних з клавіатури","\u002Fcpp\u002Fdata-input","02.cpp\u002F06.data-input",{"title":1738,"path":1739,"stem":1740},"Оператори, перетворення типів та логічні операції","\u002Fcpp\u002Foperators-type-conversion","02.cpp\u002F07.operators-type-conversion",{"title":1742,"path":1743,"stem":1744},"Цикли","\u002Fcpp\u002Floops","02.cpp\u002F08.loops",{"title":32,"path":1746,"stem":1747},"\u002Fcpp\u002Farrays","02.cpp\u002F09.arrays",{"title":1749,"path":1750,"stem":1751},"Алгоритми сортування та аналіз складності","\u002Fcpp\u002Fsorting","02.cpp\u002F10.sorting",{"title":1753,"path":1754,"stem":1755},"Алгоритми пошуку","\u002Fcpp\u002Fsearching","02.cpp\u002F11.searching",{"title":1757,"path":1758,"stem":1759},"Функції: основи","\u002Fcpp\u002Ffunctions-basics","02.cpp\u002F12.functions-basics",{"title":1761,"path":1762,"stem":1763},"Функції: прототипи, область видимості та додаткові можливості","\u002Fcpp\u002Ffunctions-scope","02.cpp\u002F13.functions-scope",{"title":1765,"path":1766,"stem":1767},"Функції: перевантаження та шаблони","\u002Fcpp\u002Ffunctions-overloading-templates","02.cpp\u002F14.functions-overloading-templates",{"title":1769,"path":1770,"stem":1771},"Вказівники: основи","\u002Fcpp\u002Fpointers-basics","02.cpp\u002F15.pointers-basics",{"title":1773,"path":1774,"stem":1775},"Посилання (References)","\u002Fcpp\u002Freferences","02.cpp\u002F16.references",{"title":1777,"path":1778,"stem":1779},"Вказівники, const і масиви","\u002Fcpp\u002Fpointers-const-arrays","02.cpp\u002F17.pointers-const-arrays",{"title":1781,"path":1782,"stem":1783},"Адресна арифметика","\u002Fcpp\u002Fpointer-arithmetic","02.cpp\u002F18.pointer-arithmetic",{"title":1785,"path":1786,"stem":1787},"Динамічна пам'ять","\u002Fcpp\u002Fdynamic-memory","02.cpp\u002F19.dynamic-memory",{"title":1789,"path":1790,"stem":1791},"Вказівники типу void","\u002Fcpp\u002Fvoid-pointers","02.cpp\u002F20.void-pointers",{"title":1793,"path":1794,"stem":1795},"Вказівники на вказівники","\u002Fcpp\u002Fpointers-to-pointers","02.cpp\u002F21.pointers-to-pointers",{"title":1797,"path":1798,"stem":1799},"Оператор доступу до членів через вказівник (->)","\u002Fcpp\u002Fmember-access-operator","02.cpp\u002F22.member-access-operator",{"title":1801,"path":1802,"stem":1803},"Цикл for-each (Range-based for)","\u002Fcpp\u002Fforeach-loop","02.cpp\u002F23.foreach-loop",{"title":1805,"path":1806,"stem":1807},"Вказівники на функції","\u002Fcpp\u002Ffunction-pointers","02.cpp\u002F24.function-pointers",{"title":1809,"path":1810,"stem":1811},"Лямбда-вирази","\u002Fcpp\u002Flambdas","02.cpp\u002F25.lambdas",{"title":1813,"path":1814,"stem":1815},"Лямбда-захоплення","\u002Fcpp\u002Flambda-captures","02.cpp\u002F26.lambda-captures",{"title":1817,"path":1818,"stem":1819},"Еліпсис","\u002Fcpp\u002Fellipsis","02.cpp\u002F27.ellipsis",{"title":1821,"path":1822,"stem":1823},"Безпечні альтернативи еліпсису","\u002Fcpp\u002F27a.ellipsis","02.cpp\u002F27a.ellipsis",{"title":1825,"path":1826,"stem":1827},"Аргументи командного рядка","\u002Fcpp\u002Fcommand-line-arguments","02.cpp\u002F28.command-line-arguments",{"title":1829,"path":1830,"stem":1831},"Перерахування (enum)","\u002Fcpp\u002Fenum","02.cpp\u002F29.enum",{"title":1833,"path":1834,"stem":1835},"Класи-перерахування (enum class)","\u002Fcpp\u002Fenum-class","02.cpp\u002F30.enum-class",{"title":1837,"path":1838,"stem":1839},"Псевдоніми типів (typedef і using)","\u002Fcpp\u002Ftype-aliases","02.cpp\u002F31.type-aliases",{"title":1841,"path":1842,"stem":1843},"Системи числення та двійкова арифметика","\u002Fcpp\u002Fnumber-systems","02.cpp\u002F32.number-systems",{"title":1845,"path":1846,"stem":1847},"Структури (struct): агрегування даних","\u002Fcpp\u002Fstruct","02.cpp\u002F33.struct",{"title":1849,"path":1850,"stem":1851},"Структури у функціях","\u002Fcpp\u002Fstruct-functions","02.cpp\u002F34.struct-functions",{"title":1853,"path":1854,"stem":1855},"Масиви структур і вкладені структури","\u002Fcpp\u002Fstruct-arrays","02.cpp\u002F35.struct-arrays",{"title":1857,"path":1858,"stem":1859},"Патерни struct та межі застосування","\u002Fcpp\u002Fstruct-patterns","02.cpp\u002F36.struct-patterns",{"title":1861,"path":1862,"stem":1863},"Символи та таблиця ASCII","\u002Fcpp\u002Fascii-characters","02.cpp\u002F37.ascii-characters",{"title":1865,"path":1866,"stem":1867},"Unicode та кодування UTF","\u002Fcpp\u002Funicode-utf","02.cpp\u002F38.unicode-utf",{"title":1869,"path":1870,"stem":1871},"C-style рядки","\u002Fcpp\u002Fc-strings","02.cpp\u002F39.c-strings",{"title":1873,"path":1874,"stem":1875},"Вступ до std::string","\u002Fcpp\u002Fstd-string-intro","02.cpp\u002F40.std-string-intro",{"title":1877,"path":1878,"stem":1879},"Довжина, ємність та доступ до символів std::string","\u002Fcpp\u002Fstd-string-capacity-access","02.cpp\u002F41.std-string-capacity-access",{"title":1881,"path":1882,"stem":1883},"Модифікація std::string: присвоювання, додавання, вставка, видалення та заміна","\u002Fcpp\u002Fstd-string-modification","02.cpp\u002F42.std-string-modification",{"title":1885,"path":1886,"stem":1887},"Пошук у std::string: find, npos та практичні патерни","\u002Fcpp\u002Fstd-string-search","02.cpp\u002F43.std-string-search",{"title":1889,"path":1890,"stem":1891},"std::string_view: невласницький погляд на рядок без копіювання","\u002Fcpp\u002Fstd-string-view","02.cpp\u002F44.std-string-view",{"title":1893,"path":1894,"stem":1895},"Об'єднання (union): один блок пам'яті, кілька інтерпретацій","\u002Fcpp\u002Funion","02.cpp\u002F45.union",{"title":1897,"path":1898,"stem":1899},"Організація коду: файли, препроцесор, простори імен","\u002Fcpp\u002Fmultifile-programs","02.cpp\u002F46.multifile-programs",{"title":1901,"path":1902,"stem":1903},"Робота з файлами: C-стиль (stdio.h)","\u002Fcpp\u002Fc-style-files","02.cpp\u002F47.c-style-files",{"title":1905,"path":1906,"stem":1907},"Робота з файлами: C++-стиль (fstream)","\u002Fcpp\u002Fcpp-style-files","02.cpp\u002F48.cpp-style-files",{"title":1909,"path":1910,"stem":1911},"Введення в ООП: від процедур до об'єктів","\u002Fcpp\u002Foop-intro","02.cpp\u002F49.oop-intro",{"title":1913,"path":1914,"stem":1915},"Класи, об'єкти та методи","\u002Fcpp\u002Fclasses-objects-methods","02.cpp\u002F50.classes-objects-methods",{"title":1917,"path":1918,"stem":1919},"Специфікатори доступу та інкапсуляція","\u002Fcpp\u002Faccess-specifiers-encapsulation","02.cpp\u002F51.access-specifiers-encapsulation",{"title":1921,"path":1922,"stem":1923},"Конструктори: гарантована ініціалізація об'єктів","\u002Fcpp\u002Fconstructors","02.cpp\u002F52.constructors",{"title":1925,"path":1926,"stem":1927},"Списки ініціалізації та делегуючі конструктори","\u002Fcpp\u002Finit-lists-delegating","02.cpp\u002F53.init-lists-delegating",{"title":1929,"path":1930,"stem":1931},"Деструктори та ідіома RAII","\u002Fcpp\u002Fdestructors-raii","02.cpp\u002F54.destructors-raii",{"title":1933,"path":1934,"stem":1935},"Прихований покажчик this","\u002Fcpp\u002Fthis-pointer","02.cpp\u002F55.this-pointer",{"title":1937,"path":1938,"stem":1939},"Розподіл класу на заголовковий файл та файл реалізації","\u002Fcpp\u002Fclass-header-source","02.cpp\u002F56.class-header-source",{"title":1941,"path":1942,"stem":1943},"Класи та const","\u002Fcpp\u002Fconst-classes","02.cpp\u002F57.const-classes",{"title":1945,"path":1946,"stem":1947},"Статичні члени класу","\u002Fcpp\u002Fstatic-members","02.cpp\u002F58.static-members",{"title":1949,"path":1950,"stem":1951},"Конструктор копіювання та запобігання копіюванню","\u002Fcpp\u002Fcopy-constructor","02.cpp\u002F59.copy-constructor",{"title":1953,"path":1954,"stem":1955},"Дружні функції та класи","\u002Fcpp\u002Ffriend-functions-classes","02.cpp\u002F60.friend-functions-classes",{"title":1957,"path":1958,"stem":1959},"Анонімні об'єкти та вкладені типи","\u002Fcpp\u002Fanonymous-objects-nested-types","02.cpp\u002F61.anonymous-objects-nested-types",{"title":1961,"path":1962,"stem":1963},"Вимірювання часу виконання: RAII-таймер","\u002Fcpp\u002Ftiming-raii-timer","02.cpp\u002F62.timing-raii-timer",{"title":1965,"path":1966,"stem":1967},"Перевантаження операторів: основи та арифметика","\u002Fcpp\u002Foperator-overloading-basics","02.cpp\u002F63.operator-overloading-basics",{"title":1969,"path":1970,"stem":1971},"Перевантаження операторів: методи класу та спеціальні оператори","\u002Fcpp\u002Foperator-overloading-methods","02.cpp\u002F64.operator-overloading-methods",{"title":1973,"path":1974,"stem":1975},"Приведення типів, explicit та delete","\u002Fcpp\u002Ftypecast-explicit-delete","02.cpp\u002F65.typecast-explicit-delete",{"title":1977,"path":1978,"stem":1979},"Глибоке копіювання та оператор присвоювання","\u002Fcpp\u002Fdeep-copy-assignment","02.cpp\u002F66.deep-copy-assignment",{"title":1981,"path":1982,"stem":1983},"Зв'язки між об'єктами: композиція та агрегація","\u002Fcpp\u002Fcomposition-aggregation","02.cpp\u002F67.composition-aggregation",{"title":1985,"path":1986,"stem":1987},"Асоціація та залежність між об","\u002Fcpp\u002Fassociation-dependency","02.cpp\u002F68.association-dependency",{"title":1989,"path":1990,"stem":1991},"Контейнерні класи та `std::initializer_list`","\u002Fcpp\u002Fcontainer-classes-initializer-list","02.cpp\u002F69.container-classes-initializer-list",{"title":1993,"path":1994,"stem":1995},"Конструктори, деструктори та порядок ініціалізації в ієрархіях","\u002Fcpp\u002Finheritance-constructors-destructors","02.cpp\u002F71.inheritance-constructors-destructors",{"title":1997,"path":1998,"stem":1999},"Специфікатор `protected` та види наслідування","\u002Fcpp\u002Finheritance-access-specifiers","02.cpp\u002F72.inheritance-access-specifiers",{"title":2001,"path":2002,"stem":2003},"Перевизначення методів та приховування імен","\u002Fcpp\u002Fmethod-overriding-hiding","02.cpp\u002F73.method-overriding-hiding",{"title":2005,"path":2006,"stem":2007},"Множинне наслідування та проблема ромба","\u002Fcpp\u002Fmultiple-inheritance-diamond","02.cpp\u002F74.multiple-inheritance-diamond",{"title":2009,"path":2010,"stem":2011},"Вказівники на базовий клас та віртуальні функції","\u002Fcpp\u002Fvirtual-functions-polymorphism","02.cpp\u002F75.virtual-functions-polymorphism",{"title":2013,"path":2014,"stem":2015},"Специфікатори override, final та віртуальні деструктори","\u002Fcpp\u002Foverride-final-virtual-destructors","02.cpp\u002F76.override-final-virtual-destructors",{"title":2017,"path":2018,"stem":2019},"Внутрішні механізми поліморфізму: vtable, vptr та зв'язування","\u002Fcpp\u002Fvirtual-table-binding","02.cpp\u002F77.virtual-table-binding",{"title":2021,"path":2022,"stem":2023},"Абстрактні класи та чисті віртуальні функції","\u002Fcpp\u002Fabstract-classes-interfaces","02.cpp\u002F78.abstract-classes-interfaces",{"title":2025,"path":2026,"stem":2027},"Зрізка об'єктів, віртуальне наслідування та поліморфний вивід","\u002Fcpp\u002Fslicing-virtual-base-io","02.cpp\u002F79.slicing-virtual-base-io",{"title":2029,"path":2030,"stem":2031},"Динамічне приведення типів (`dynamic_cast`) та RTTI","\u002Fcpp\u002Fdynamic-cast-rtti","02.cpp\u002F80.dynamic-cast-rtti",{"title":2033,"path":2034,"stem":2035},"Шаблони функцій: узагальнене програмування","\u002Fcpp\u002Ffunction-templates","02.cpp\u002F81.function-templates",{"title":2037,"path":2038,"stem":2039},"Шаблони класів та NTTP-параметри","\u002Fcpp\u002Fclass-templates-nttp","02.cpp\u002F82.class-templates-nttp",{"title":2041,"icon":2042,"path":2043,"stem":2044,"children":2045,"page":59},"JavaScript","i-devicon-javascript","\u002Fjavascript","03.javascript",[2046,2072,2126,2148,2452,2490,2508],{"title":2047,"icon":2048,"path":2049,"stem":2050,"children":2051,"page":59},"Events","i-lucide-mouse-pointer-click","\u002Fjavascript\u002Fevents","03.javascript\u002F01.events",[2052,2056,2060,2064,2068],{"title":2053,"path":2054,"stem":2055},"Вступ до подій браузера","\u002Fjavascript\u002Fevents\u002Fintro","03.javascript\u002F01.events\u002F01.intro",{"title":2057,"path":2058,"stem":2059},"Бульбашковий механізм (Bubbling) та занурення (Capturing)","\u002Fjavascript\u002Fevents\u002Fbubbling-capturing","03.javascript\u002F01.events\u002F02.bubbling-capturing",{"title":2061,"path":2062,"stem":2063},"Делегування подій (Event Delegation)","\u002Fjavascript\u002Fevents\u002Fdelegate-events","03.javascript\u002F01.events\u002F03.delegate-events",{"title":2065,"path":2066,"stem":2067},"Типові дії браузера та preventDefault()","\u002Fjavascript\u002Fevents\u002Fprevent-default","03.javascript\u002F01.events\u002F04.prevent-default",{"title":2069,"path":2070,"stem":2071},"Запуск користувацьких подій (Custom Events)","\u002Fjavascript\u002Fevents\u002Fcustom-events","03.javascript\u002F01.events\u002F05.custom-events",{"title":2073,"icon":2074,"path":2075,"stem":2076,"children":2077,"page":59},"Network","i-lucide-globe","\u002Fjavascript\u002Fnetwork","03.javascript\u002F02.network",[2078,2082,2086,2090,2094,2098,2102,2106,2110,2114,2118,2122],{"title":2079,"path":2080,"stem":2081},"Fetch API - Сучасний підхід до HTTP-запитів","\u002Fjavascript\u002Fnetwork\u002F01-fetch-api","03.javascript\u002F02.network\u002F01-fetch-api",{"title":2083,"path":2084,"stem":2085},"FormData - Робота з формами та файлами","\u002Fjavascript\u002Fnetwork\u002F02-formdata","03.javascript\u002F02.network\u002F02-formdata",{"title":2087,"path":2088,"stem":2089},"Відстеження прогресу завантаження","\u002Fjavascript\u002Fnetwork\u002F03-download-progress","03.javascript\u002F02.network\u002F03-download-progress",{"title":2091,"path":2092,"stem":2093},"Переривання fetch-запитів","\u002Fjavascript\u002Fnetwork\u002F04-abort-requests","03.javascript\u002F02.network\u002F04-abort-requests",{"title":2095,"path":2096,"stem":2097},"CORS - Запити між різними джерелами","\u002Fjavascript\u002Fnetwork\u002F05-cors","03.javascript\u002F02.network\u002F05-cors",{"title":2099,"path":2100,"stem":2101},"Fetch API - Повний довідник опцій","\u002Fjavascript\u002Fnetwork\u002F06-fetch-options","03.javascript\u002F02.network\u002F06-fetch-options",{"title":2103,"path":2104,"stem":2105},"URL Objects - Робота з посиланнями","\u002Fjavascript\u002Fnetwork\u002F07-url-objects","03.javascript\u002F02.network\u002F07-url-objects",{"title":2107,"path":2108,"stem":2109},"XMLHttpRequest - AJAX та низькорівневі запити","\u002Fjavascript\u002Fnetwork\u002F08-xmlhttprequest","03.javascript\u002F02.network\u002F08-xmlhttprequest",{"title":2111,"path":2112,"stem":2113},"Відновлюване завантаження файлів","\u002Fjavascript\u002Fnetwork\u002F09-resumable-upload","03.javascript\u002F02.network\u002F09-resumable-upload",{"title":2115,"path":2116,"stem":2117},"Cookies, document.cookie та світ після \"Cookiepocalypse\"","\u002Fjavascript\u002Fnetwork\u002F10-cookies","03.javascript\u002F02.network\u002F10-cookies",{"title":2119,"path":2120,"stem":2121},"js-cookie: Керування Cookies без Болю","\u002Fjavascript\u002Fnetwork\u002F11-js-cookie","03.javascript\u002F02.network\u002F11-js-cookie",{"title":2123,"path":2124,"stem":2125},"Axios: Потужний HTTP-клієнт для JavaScript","\u002Fjavascript\u002Fnetwork\u002F12-axios","03.javascript\u002F02.network\u002F12-axios",{"title":2127,"icon":2128,"path":2129,"stem":2130,"children":2131,"page":59},"Bom","i-lucide-monitor","\u002Fjavascript\u002Fbom","03.javascript\u002F03.bom",[2132,2136,2140,2144],{"title":2133,"path":2134,"stem":2135},"LocalStorage, SessionStorage та patterns збереження даних","\u002Fjavascript\u002Fbom\u002F01-localstorage","03.javascript\u002F03.bom\u002F01-localstorage",{"title":2137,"path":2138,"stem":2139},"Location Object - Керування адресою сторінки","\u002Fjavascript\u002Fbom\u002F02-location-object","03.javascript\u002F03.bom\u002F02-location-object",{"title":2141,"path":2142,"stem":2143},"History API - Керування історією браузера","\u002Fjavascript\u002Fbom\u002F03-history-api","03.javascript\u002F03.bom\u002F03-history-api",{"title":2145,"path":2146,"stem":2147},"Navigator Object - Ідентифікація та Можливості Пристрою","\u002Fjavascript\u002Fbom\u002F04-navigator-object","03.javascript\u002F03.bom\u002F04-navigator-object",{"title":2149,"icon":2150,"path":2151,"stem":2152,"children":2153},"React","i-devicon-react","\u002Fjavascript\u002Freact","03.javascript\u002F04.react\u002Findex",[2154,2155,2159,2163,2167,2171,2234,2269,2421],{"title":2149,"path":2151,"stem":2152},{"title":2156,"path":2157,"stem":2158},"Робота з Формами в React","\u002Fjavascript\u002Freact\u002Freact-forms","03.javascript\u002F04.react\u002F01.react-forms",{"title":2160,"path":2161,"stem":2162},"React Hook Form: Професійна Робота з Формами","\u002Fjavascript\u002Freact\u002Freact-hook-form","03.javascript\u002F04.react\u002F02.react-hook-form",{"title":2164,"path":2165,"stem":2166},"React Hook Form: Глибоке Розуміння Архітектури та Оптимізації","\u002Fjavascript\u002Freact\u002Freact-hook-form-new","03.javascript\u002F04.react\u002F02.react-hook-form-new",{"title":2168,"path":2169,"stem":2170},"Axios та React: Професійна Архітектура Запитів","\u002Fjavascript\u002Freact\u002Fdata-fetching-axios","03.javascript\u002F04.react\u002F03.data-fetching-axios",{"title":2172,"icon":132,"path":2173,"stem":2174,"children":2175},"Tanstack Query","\u002Fjavascript\u002Freact\u002Ftanstack-query","03.javascript\u002F04.react\u002F04.tanstack-query\u002Findex",[2176,2178,2182,2186,2190,2194,2198,2202,2206,2210,2214,2218,2222,2226,2230],{"title":2177,"path":2173,"stem":2174},"TanStack Query: Майстерність Керування Станом Сервера",{"title":2179,"path":2180,"stem":2181},"Парадигма Server State: Чому useEffect недостатньо","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-state-paradigm","03.javascript\u002F04.react\u002F04.tanstack-query\u002F01.server-state-paradigm",{"title":2183,"path":2184,"stem":2185},"Встановлення та Налаштування: Фундамент","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Finstallation-and-devtools","03.javascript\u002F04.react\u002F04.tanstack-query\u002F02.installation-and-devtools",{"title":2187,"path":2188,"stem":2189},"Основи Запитів та Магія Ключів","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fquery-basics-and-keys","03.javascript\u002F04.react\u002F04.tanstack-query\u002F03.query-basics-and-keys",{"title":2191,"path":2192,"stem":2193},"Синхронізація Даних: Життєвий Цикл Запиту","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fdata-synchronization","03.javascript\u002F04.react\u002F04.tanstack-query\u002F04.data-synchronization",{"title":2195,"path":2196,"stem":2197},"Мутації та Інвалідація: Зміна Даних","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fmutations-and-invalidation","03.javascript\u002F04.react\u002F04.tanstack-query\u002F05.mutations-and-invalidation",{"title":2199,"path":2200,"stem":2201},"Оптимістичні Оновлення: Швидше за Світло","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Foptimistic-updates","03.javascript\u002F04.react\u002F04.tanstack-query\u002F06.optimistic-updates",{"title":2203,"path":2204,"stem":2205},"Пагінація та Infinite Scroll","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fpagination-and-load-more","03.javascript\u002F04.react\u002F04.tanstack-query\u002F07.pagination-and-load-more",{"title":2207,"path":2208,"stem":2209},"Просунуті Патерни та Оптимізація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F04.tanstack-query\u002F08.advanced-patterns",{"title":2211,"path":2212,"stem":2213},"Архітектура та Best Practices","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Farchitecture-and-best-practices","03.javascript\u002F04.react\u002F04.tanstack-query\u002F09.architecture-and-best-practices",{"title":2215,"path":2216,"stem":2217},"Server-Side Rendering (SSR) та Гідратація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-side-rendering","03.javascript\u002F04.react\u002F04.tanstack-query\u002F10.server-side-rendering",{"title":2219,"path":2220,"stem":2221},"Стратегії Тестування","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Ftesting-strategies","03.javascript\u002F04.react\u002F04.tanstack-query\u002F11.testing-strategies",{"title":2223,"path":2224,"stem":2225},"Аутентифікація та Обробка Помилок","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fauthentication-and-errors","03.javascript\u002F04.react\u002F04.tanstack-query\u002F12.authentication-and-errors",{"title":2227,"path":2228,"stem":2229},"React Suspense та Майбутнє","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Freact-suspense","03.javascript\u002F04.react\u002F04.tanstack-query\u002F13.react-suspense",{"title":2231,"path":2232,"stem":2233},"Глибоке Занурення в Продуктивність","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fperformance-deep-dive","03.javascript\u002F04.react\u002F04.tanstack-query\u002F14.performance-deep-dive",{"title":2235,"icon":2150,"path":2236,"stem":2237,"children":2238},"React Router","\u002Fjavascript\u002Freact\u002Freact-router","03.javascript\u002F04.react\u002F05.react-router\u002Findex",[2239,2241,2245,2249,2253,2257,2261,2265],{"title":2240,"path":2236,"stem":2237},"React Router: Навігаційна система сучасного вебу",{"title":2242,"path":2243,"stem":2244},"Налаштування та Базовий Роутинг","\u002Fjavascript\u002Freact\u002Freact-router\u002Fsetup-and-basic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F01.setup-and-basic-routing",{"title":2246,"path":2247,"stem":2248},"Динамічна Навігація","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnavigation-and-links","03.javascript\u002F04.react\u002F05.react-router\u002F02.navigation-and-links",{"title":2250,"path":2251,"stem":2252},"Вкладені Маршрути та Макети","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnested-routes-and-layouts","03.javascript\u002F04.react\u002F05.react-router\u002F03.nested-routes-and-layouts",{"title":2254,"path":2255,"stem":2256},"Динамічні Маршрути та Параметри","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdynamic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F04.dynamic-routing",{"title":2258,"path":2259,"stem":2260},"Data APIs: Loaders та Actions","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdata-loading","03.javascript\u002F04.react\u002F05.react-router\u002F05.data-loading",{"title":2262,"path":2263,"stem":2264},"Просунуті Патерни","\u002Fjavascript\u002Freact\u002Freact-router\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F05.react-router\u002F06.advanced-patterns",{"title":2266,"path":2267,"stem":2268},"Legacy Routing: Компонентний підхід","\u002Fjavascript\u002Freact\u002Freact-router\u002Flegacy-routing","03.javascript\u002F04.react\u002F05.react-router\u002F07.legacy-routing",{"title":2270,"icon":132,"path":2271,"stem":2272,"children":2273},"Redux","\u002Fjavascript\u002Freact\u002Fredux","03.javascript\u002F04.react\u002F06.redux\u002Findex",[2274,2276,2292,2321,2330,2351,2367,2396],{"title":2275,"path":2271,"stem":2272},"Redux: Еволюція управління станом",{"title":14,"icon":15,"path":2277,"stem":2278,"children":2279,"page":59},"\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals",[2280,2284,2288],{"title":2281,"path":2282,"stem":2283},"Вступ до State Management","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fintro-state-management","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F01.intro-state-management",{"title":2285,"path":2286,"stem":2287},"Філософія Redux та Три Принципи","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fredux-philosophy","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F02.redux-philosophy",{"title":2289,"path":2290,"stem":2291},"Чисті функції та Іммутабельність","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fpure-functions-immutability","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F03.pure-functions-immutability",{"title":2293,"icon":132,"path":2294,"stem":2295,"children":2296,"page":59},"Classic Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux",[2297,2301,2305,2309,2313,2317],{"title":2298,"path":2299,"stem":2300},"Створення Store (Classic Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fstore-setup","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F01.store-setup",{"title":2302,"path":2303,"stem":2304},"Actions, Constants та Action Creators","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Factions-constants","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F02.actions-constants",{"title":2306,"path":2307,"stem":2308},"Логіка Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freducers","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F03.reducers",{"title":2310,"path":2311,"stem":2312},"Комбінування Reducers (Root Reducer)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fdata-flow","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F04.data-flow",{"title":2314,"path":2315,"stem":2316},"Підключення до React (React-Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freact-redux-connection","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F05.react-redux-connection",{"title":2318,"path":2319,"stem":2320},"Middleware та Асинхронність (Redux Thunk)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fmiddleware-thunk","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F06.middleware-thunk",{"title":2322,"icon":132,"path":2323,"stem":2324,"children":2325,"page":59},"Transition To Rtk","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk",[2326],{"title":2327,"path":2328,"stem":2329},"Проблеми класичного Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk\u002Fproblems-with-classic","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk\u002F01.problems-with-classic",{"title":2331,"icon":132,"path":2332,"stem":2333,"children":2334,"page":59},"Redux Toolkit","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit",[2335,2339,2343,2347],{"title":2336,"path":2337,"stem":2338},"Налаштування Store з configureStore","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fconfigure-store","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F01.configure-store",{"title":2340,"path":2341,"stem":2342},"createSlice: Революція в Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fcreate-slice","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F02.create-slice",{"title":2344,"path":2345,"stem":2346},"Асинхронність з createAsyncThunk","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fasync-thunks","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F03.async-thunks",{"title":2348,"path":2349,"stem":2350},"04. Entity Adapter: Керування нормалізованим станом","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fentity-adapter","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F04.entity-adapter",{"title":2352,"icon":92,"path":2353,"stem":2354,"children":2355,"page":59},"Advanced","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced",[2356,2360,2364],{"title":2357,"path":2358,"stem":2359},"Мемоізація та Селектори: Повний Гайд по Reselect","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Fselectors-reselect","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F01.selectors-reselect",{"title":2361,"path":2362,"stem":2363},"RTK Query: Архітектура Серверного Кешу","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Frtk-query-intro","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F02.rtk-query-intro",{"title":2211,"path":2365,"stem":2366},"\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Farchitecture-best-practices","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F03.architecture-best-practices",{"title":2368,"icon":132,"path":2369,"stem":2370,"children":2371,"page":59},"Project Kanban","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban",[2372,2376,2380,2384,2388,2392],{"title":2373,"path":2374,"stem":2375},"Проєкт: Kanban Board (Trello Clone)","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fproject-overview","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F01.project-overview",{"title":2377,"path":2378,"stem":2379},"Налаштування та Типізація","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fsetup-and-types","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F02.setup-and-types",{"title":2381,"path":2382,"stem":2383},"Board Slice: Серце Дошки","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fboard-slice","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F03.board-slice",{"title":2385,"path":2386,"stem":2387},"Логіка Drag & Drop","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fdrag-and-drop-logic","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F04.drag-and-drop-logic",{"title":2389,"path":2390,"stem":2391},"Інтеграція з RTK Query","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Frtk-query-integration","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F05.rtk-query-integration",{"title":2393,"path":2394,"stem":2395},"Optimistic Updates","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Foptimistic-updates","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F06.optimistic-updates",{"title":2397,"icon":132,"path":2398,"stem":2399,"children":2400,"page":59},"Testing","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting","03.javascript\u002F04.react\u002F06.redux\u002F07.testing",[2401,2405,2409,2413,2417],{"title":2402,"path":2403,"stem":2404},"Тестування Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Fintro-testing","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F01.intro-testing",{"title":2406,"path":2407,"stem":2408},"Тестування Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-reducers","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F02.testing-reducers",{"title":2410,"path":2411,"stem":2412},"Тестування Селекторів","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-selectors","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F03.testing-selectors",{"title":2414,"path":2415,"stem":2416},"Тестування Компонентів (Integration)","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-components","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F04.testing-components",{"title":2418,"path":2419,"stem":2420},"Тестування Async Thunks","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-thunks","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F05.testing-thunks",{"title":2422,"icon":132,"path":2423,"stem":2424,"children":2425},"Ui Libraries","\u002Fjavascript\u002Freact\u002Fui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002Findex",[2426,2428,2432,2436,2440,2444,2448],{"title":2427,"path":2423,"stem":2424},"UI Бібліотеки в React",{"title":2429,"path":2430,"stem":2431},"Вступ до UI Бібліотек: Навіщо Винаходити Велосипед Двічі?","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fintroduction-to-ui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002F01.introduction-to-ui-libraries",{"title":2433,"path":2434,"stem":2435},"Філософія shadcn\u002Fui: \"Not a Component Library\"","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-philosophy","03.javascript\u002F04.react\u002F07.ui-libraries\u002F02.shadcn-philosophy",{"title":2437,"path":2438,"stem":2439},"Установка та Налаштування shadcn\u002Fui","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-installation","03.javascript\u002F04.react\u002F07.ui-libraries\u002F03.shadcn-installation",{"title":2441,"path":2442,"stem":2443},"Базові Компоненти shadcn\u002Fui: Фундамент Інтерфейсу","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-basics","03.javascript\u002F04.react\u002F07.ui-libraries\u002F04.shadcn-components-basics",{"title":2445,"path":2446,"stem":2447},"Компоненти Форм: Побудова Інтерактивних Form","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-forms","03.javascript\u002F04.react\u002F07.ui-libraries\u002F05.shadcn-components-forms",{"title":2449,"path":2450,"stem":2451},"Складні Компоненти: Dialog, Dropdown, Table та Command","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-advanced","03.javascript\u002F04.react\u002F07.ui-libraries\u002F06.shadcn-components-advanced",{"title":2453,"icon":2454,"path":2455,"stem":2456,"children":2457,"page":59},"TypeScript","i-devicon-typescript","\u002Fjavascript\u002Ftypescript","03.javascript\u002F05.typescript",[2458,2462,2466,2470,2474,2478,2482,2486],{"title":2459,"path":2460,"stem":2461},"TypeScript: Броня для вашого коду","\u002Fjavascript\u002Ftypescript\u002Fintro-and-basic-types","03.javascript\u002F05.typescript\u002F01.intro-and-basic-types",{"title":2463,"path":2464,"stem":2465},"Майстерність Моделювання Даних: Інтерфейси та Просунуті Типи","\u002Fjavascript\u002Ftypescript\u002Finterfaces-and-advanced-types","03.javascript\u002F05.typescript\u002F02.interfaces-and-advanced-types",{"title":2467,"path":2468,"stem":2469},"Алхімія Типів: Generics та Utility Types","\u002Fjavascript\u002Ftypescript\u002Fgenerics-and-utilities","03.javascript\u002F05.typescript\u002F03.generics-and-utilities",{"title":2471,"path":2472,"stem":2473},"Архітектура та Шаблони: Класи в TypeScript","\u002Fjavascript\u002Ftypescript\u002Fclasses-and-oop","03.javascript\u002F05.typescript\u002F04.classes-and-oop",{"title":2475,"path":2476,"stem":2477},"Продакшн та Екосистема: Advanced Config & Workflow","\u002Fjavascript\u002Ftypescript\u002Fadvanced-patterns-and-config","03.javascript\u002F05.typescript\u002F05.advanced-patterns-and-config",{"title":2479,"path":2480,"stem":2481},"TypeScript у світі React","\u002Fjavascript\u002Ftypescript\u002Freact-basics","03.javascript\u002F05.typescript\u002F06.react-basics",{"title":2483,"path":2484,"stem":2485},"React + TypeScript: Продвинуті патерни","\u002Fjavascript\u002Ftypescript\u002Freact-advanced","03.javascript\u002F05.typescript\u002F07.react-advanced",{"title":2487,"path":2488,"stem":2489},"React + TypeScript: Екосистема та бібліотеки","\u002Fjavascript\u002Ftypescript\u002Freact-ecosystem","03.javascript\u002F05.typescript\u002F08.react-ecosystem",{"title":2491,"icon":2492,"path":2493,"stem":2494,"children":2495,"page":59},"Асинхронність","i-lucide-refresh-cw","\u002Fjavascript\u002Fasync-programming","03.javascript\u002F06.async-programming",[2496,2500,2504],{"title":2497,"path":2498,"stem":2499},"Event Loop: серце асинхронності в JavaScript","\u002Fjavascript\u002Fasync-programming\u002Fevent-loop-fundamentals","03.javascript\u002F06.async-programming\u002F01.event-loop-fundamentals",{"title":2501,"path":2502,"stem":2503},"Task Queue та Microtask Queue: пріоритети виконання","\u002Fjavascript\u002Fasync-programming\u002Ftask-queues","03.javascript\u002F06.async-programming\u002F02.task-queues",{"title":2505,"path":2506,"stem":2507},"Асинхронні патерни: від Callbacks до Async\u002FAwait","\u002Fjavascript\u002Fasync-programming\u002Fasync-patterns","03.javascript\u002F06.async-programming\u002F03.async-patterns",{"title":2509,"path":2510,"stem":2511},"Atomic Design","\u002Fjavascript\u002Fatomic-design","03.javascript\u002F2.atomic-design",{"title":2513,"icon":2514,"path":2515,"stem":2516,"children":2517,"page":59},"Java","i-devicon-java","\u002Fjava","04.java",[2518,2521,2524,2528,2532,2536,2540],{"title":162,"path":2519,"stem":2520},"\u002Fjava\u002Fdata-mapper-part1","04.java\u002F01.data-mapper-part1",{"title":166,"path":2522,"stem":2523},"\u002Fjava\u002Fdata-mapper-part2","04.java\u002F02.data-mapper-part2",{"title":2525,"path":2526,"stem":2527},"Service Layer: Організація бізнес-логіки","\u002Fjava\u002Fservice-layer","04.java\u002F03.service-layer",{"title":2529,"path":2530,"stem":2531},"Rich Domain Model та State Pattern","\u002Fjava\u002Frich-domain-model","04.java\u002F04.rich-domain-model",{"title":2533,"path":2534,"stem":2535},"Патерни для складної бізнес-логіки","\u002Fjava\u002Fbusiness-logic-patterns","04.java\u002F05.business-logic-patterns",{"title":2537,"path":2538,"stem":2539},"Обробка помилок та валідація","\u002Fjava\u002Ferror-handling-validation","04.java\u002F06.error-handling-validation",{"title":2541,"path":2542,"stem":2543,"children":2544,"page":59},"Проектування баз даних","\u002Fjava\u002Fpr2","04.java\u002Fpr2",[2545,2549,2553,2557,2561,2565,2569,2573,2577,2581,2585,2589,2593,2597,2601,2605,2609,2613,2617,2621,2625,2629,2633,2637,2641,2645,2649,2653,2657,2661,2665,2669,2673,2677,2681,2685,2689],{"title":2546,"path":2547,"stem":2548},"Концептуальне моделювання: Мистецтво розуміння предметної області","\u002Fjava\u002Fpr2\u002Fconceptual-modeling","04.java\u002Fpr2\u002F01.conceptual-modeling",{"title":2550,"path":2551,"stem":2552},"Логічне моделювання: Від бізнес-ідей до структур даних","\u002Fjava\u002Fpr2\u002Flogical-modeling","04.java\u002Fpr2\u002F02.logical-modeling",{"title":2554,"path":2555,"stem":2556},"Нормалізація: Гігієна даних та боротьба з аномаліями","\u002Fjava\u002Fpr2\u002Fnormalization","04.java\u002Fpr2\u002F03.normalization",{"title":2558,"path":2559,"stem":2560},"Фізична схема: Від абстракції до DDL","\u002Fjava\u002Fpr2\u002Fphysical-schema","04.java\u002Fpr2\u002F04.physical-schema",{"title":2562,"path":2563,"stem":2564},"Архітектурна класифікація таблиць","\u002Fjava\u002Fpr2\u002Ftable-classification","04.java\u002Fpr2\u002F05.table-classification",{"title":2566,"path":2567,"stem":2568},"Database Migrations: Версіонування схеми з Flyway","\u002Fjava\u002Fpr2\u002Fdatabase-migrations","04.java\u002Fpr2\u002F06.database-migrations",{"title":2570,"path":2571,"stem":2572},"А що, якби це була не реляційна БД?","\u002Fjava\u002Fpr2\u002Fbeyond-relational","04.java\u002Fpr2\u002F07.beyond-relational",{"title":2574,"path":2575,"stem":2576},"Object-Relational Impedance Mismatch: Два світи, що не хочуть дружити","\u002Fjava\u002Fpr2\u002Fimpedance-mismatch","04.java\u002Fpr2\u002F09.impedance-mismatch",{"title":2578,"path":2579,"stem":2580},"JDBC: Перший контакт із базою даних","\u002Fjava\u002Fpr2\u002Fjdbc-fundamentals","04.java\u002Fpr2\u002F10.jdbc-fundamentals",{"title":2582,"path":2583,"stem":2584},"Якість коду: Spotless, SpotBugs та SonarQube","\u002Fjava\u002Fpr2\u002F10a.code-quality","04.java\u002Fpr2\u002F10a.code-quality",{"title":2586,"path":2587,"stem":2588},"Connection Pool: Патерн Object Pool для JDBC-з'єднань","\u002Fjava\u002Fpr2\u002Fconnection-pool","04.java\u002Fpr2\u002F11.connection-pool",{"title":2590,"path":2591,"stem":2592},"Row Data Gateway: Об'єкт як обгортка рядка таблиці","\u002Fjava\u002Fpr2\u002Frow-data-gateway","04.java\u002Fpr2\u002F12.row-data-gateway",{"title":2594,"path":2595,"stem":2596},"Table Data Gateway: Фасад таблиці як архітектурний відступ","\u002Fjava\u002Fpr2\u002Ftable-data-gateway","04.java\u002Fpr2\u002F13.table-data-gateway",{"title":2598,"path":2599,"stem":2600},"Repository + Data Mapper: Правильна шарова архітектура з JDBC","\u002Fjava\u002Fpr2\u002Frepository-data-mapper","04.java\u002Fpr2\u002F14.repository-data-mapper",{"title":2602,"path":2603,"stem":2604},"Identity Map: Кешування сутностей у рамках сесії","\u002Fjava\u002Fpr2\u002Fidentity-map","04.java\u002Fpr2\u002F15.identity-map",{"title":2606,"path":2607,"stem":2608},"Unit of Work: Відстеження змін і координація JDBC-транзакцій","\u002Fjava\u002Fpr2\u002Funit-of-work","04.java\u002Fpr2\u002F16.unit-of-work",{"title":2610,"path":2611,"stem":2612},"Strategy: Замінювані SQL-стратегії для підтримки різних СУБД","\u002Fjava\u002Fpr2\u002Fstrategy-sql","04.java\u002Fpr2\u002F17.strategy-sql",{"title":2614,"path":2615,"stem":2616},"Proxy: Lazy Loading для One-To-Many колекцій","\u002Fjava\u002Fpr2\u002Fproxy-lazy-loading","04.java\u002Fpr2\u002F18.proxy-lazy-loading",{"title":2618,"path":2619,"stem":2620},"Generic Repository через Java Reflection: анотації та динамічний SQL","\u002Fjava\u002Fpr2\u002Fgeneric-repository-reflection","04.java\u002Fpr2\u002F19.generic-repository-reflection",{"title":2622,"path":2623,"stem":2624},"Specification Pattern: Композиція бізнес-правил для складних запитів","\u002Fjava\u002Fpr2\u002Fspecification-pattern","04.java\u002Fpr2\u002F20.specification-pattern",{"title":2626,"path":2627,"stem":2628},"Розширені можливості Specification Pattern: підзапити, агрегації та гібридний підхід","\u002Fjava\u002Fpr2\u002F20a.advanced-specifications","04.java\u002Fpr2\u002F20a.advanced-specifications",{"title":2630,"path":2631,"stem":2632},"Асинхронність у JDBC: Від блокуючих викликів до CompletableFuture","\u002Fjava\u002Fpr2\u002Fasynchronous-jdbc","04.java\u002Fpr2\u002F21.asynchronous-jdbc",{"title":2634,"path":2635,"stem":2636},"Інтеграційне тестування JDBC-репозиторіїв: Embedded H2 та патерн AAA","\u002Fjava\u002Fpr2\u002Fintegration-testing-h2","04.java\u002Fpr2\u002F22.integration-testing-h2",{"title":2638,"path":2639,"stem":2640},"Testcontainers: Тестування з реальною PostgreSQL у Docker-контейнерах","\u002Fjava\u002Fpr2\u002Fintegration-testing-testcontainers","04.java\u002Fpr2\u002F23.integration-testing-testcontainers",{"title":2642,"path":2643,"stem":2644},"Google Guice: Впровадження залежностей у JavaFX-проєкті","\u002Fjava\u002Fpr2\u002Fdependency-injection-guice","04.java\u002Fpr2\u002F24.dependency-injection-guice",{"title":2646,"path":2647,"stem":2648},"JavaFX: Основи побудови графічних інтерфейсів","\u002Fjava\u002Fpr2\u002Fjavafx-fundamentals","04.java\u002Fpr2\u002F25.javafx-fundamentals",{"title":2650,"path":2651,"stem":2652},"Properties та Bindings: Реактивність у JavaFX","\u002Fjava\u002Fpr2\u002Fjavafx-properties-bindings","04.java\u002Fpr2\u002F26.javafx-properties-bindings",{"title":2654,"path":2655,"stem":2656},"MVC vs MVP vs MVVM: Еволюція архітектурних патернів UI","\u002Fjava\u002Fpr2\u002Fui-architecture-patterns","04.java\u002Fpr2\u002F27.ui-architecture-patterns",{"title":2658,"path":2659,"stem":2660},"MVVM на практиці: Побудова ViewModel","\u002Fjava\u002Fpr2\u002Fmvvm-viewmodel-implementation","04.java\u002Fpr2\u002F28.mvvm-viewmodel-implementation",{"title":2662,"path":2663,"stem":2664},"View та Controller: Зв'язування з ViewModel через FXML","\u002Fjava\u002Fpr2\u002Fmvvm-view-controller","04.java\u002Fpr2\u002F29.mvvm-view-controller",{"title":2666,"path":2667,"stem":2668},"Інтеграція MVVM з Guice: Автоматична ін'єкція залежностей","\u002Fjava\u002Fpr2\u002Fmvvm-guice-integration","04.java\u002Fpr2\u002F30.mvvm-guice-integration",{"title":2670,"path":2671,"stem":2672},"Валідація та обробка помилок у MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-validation-error-handling","04.java\u002Fpr2\u002F31.mvvm-validation-error-handling",{"title":2674,"path":2675,"stem":2676},"Навігація та управління екранами у JavaFX MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-navigation-screen-management","04.java\u002Fpr2\u002F32.mvvm-navigation-screen-management",{"title":2678,"path":2679,"stem":2680},"Тестування JavaFX MVVM-додатків","\u002Fjava\u002Fpr2\u002Fmvvm-testing","04.java\u002Fpr2\u002F33.mvvm-testing",{"title":2682,"path":2683,"stem":2684},"Стилізація та теми у JavaFX: CSS та User Experience","\u002Fjava\u002Fpr2\u002Fjavafx-styling-themes","04.java\u002Fpr2\u002F34.javafx-styling-themes",{"title":2686,"path":2687,"stem":2688},"AtlantaFX: Сучасні теми для JavaFX додатків","\u002Fjava\u002Fpr2\u002Fatlantafx-modern-themes","04.java\u002Fpr2\u002F35.atlantafx-modern-themes",{"title":2690,"path":2691,"stem":2692},"Пакування та розповсюдження JavaFX-додатків","\u002Fjava\u002Fpr2\u002Fjar-packaging-distribution","04.java\u002Fpr2\u002F36.jar-packaging-distribution",{"title":2694,"icon":2695,"path":2696,"stem":2697,"children":2698,"page":59},"Python","i-devicon-python","\u002Fpython","05.python",[2699,2703,2706,2710,2714,2718,2722,2726,2730,2734,2738,2742,2746,2750,2754,2815],{"title":2700,"path":2701,"stem":2702},"Модулі, Пакети та Віртуальні Середовища","\u002Fpython\u002Fmodules-packages-venv","05.python\u002F00.modules-packages-venv",{"title":71,"path":2704,"stem":2705},"\u002Fpython\u002Fclasses-objects","05.python\u002F01.classes-objects",{"title":2707,"path":2708,"stem":2709},"Інкапсуляція, Керування Доступом та Властивості","\u002Fpython\u002Fencapsulation","05.python\u002F02.encapsulation",{"title":2711,"path":2712,"stem":2713},"Наслідування, MRO та суперсила super()","\u002Fpython\u002Finheritance-mro","05.python\u002F03.inheritance-mro",{"title":2715,"path":2716,"stem":2717},"Абстракція — ABC проти Статичних Протоколів (PEP 544)","\u002Fpython\u002Fabstraction-protocols","05.python\u002F04.abstraction-protocols",{"title":2719,"path":2720,"stem":2721},"Магічні методи (Dunder) та Емуляція протоколів","\u002Fpython\u002Fdunder-methods","05.python\u002F05.dunder-methods",{"title":2723,"path":2724,"stem":2725},"Декоратори та Керування життєвим циклом методів","\u002Fpython\u002Fdecorators-static-class","05.python\u002F06.decorators-static-class",{"title":2727,"path":2728,"stem":2729},"Дескриптори — Магія доступу до атрибутів","\u002Fpython\u002Fdescriptors","05.python\u002F07.descriptors",{"title":2731,"path":2732,"stem":2733},"Метакласи — Динамічне створення класів під капотом CPython","\u002Fpython\u002Fmetaclasses","05.python\u002F08.metaclasses",{"title":2735,"path":2736,"stem":2737},"Dataclasses, NamedTuple та сучасні контейнери Python","\u002Fpython\u002Fmodern-containers","05.python\u002F09.modern-containers",{"title":2739,"path":2740,"stem":2741},"GIL та модель конкурентності CPython — фундамент перед потоками і процесами","\u002Fpython\u002Fgil-concurrency-intro","05.python\u002F11.gil-concurrency-intro",{"title":2743,"path":2744,"stem":2745},"Threading — конкурентність для I\u002FO-bound задач","\u002Fpython\u002Fthreading","05.python\u002F12.threading",{"title":2747,"path":2748,"stem":2749},"Multiprocessing — справжній паралелізм для CPU-bound задач","\u002Fpython\u002Fmultiprocessing","05.python\u002F13.multiprocessing",{"title":2751,"path":2752,"stem":2753},"asyncio — кооперативна конкурентність та event loop","\u002Fpython\u002Fasyncio","05.python\u002F14.asyncio",{"title":2755,"icon":92,"path":2756,"stem":2757,"children":2758,"page":59},"FastAPI","\u002Fpython\u002Ffastapi","05.python\u002Ffastapi",[2759,2763,2767,2771,2775,2779,2783,2787,2791,2795,2799,2803,2807,2811],{"title":2760,"path":2761,"stem":2762},"Глибокий Typing та Pydantic v2 — від анотацій до валідації","\u002Fpython\u002Ffastapi\u002Ftyping-pydantic","05.python\u002Ffastapi\u002F15.typing-pydantic",{"title":2764,"path":2765,"stem":2766},"WSGI, ASGI та Python Web-екосистема","\u002Fpython\u002Ffastapi\u002Fwsgi-asgi-ecosystem","05.python\u002Ffastapi\u002F16.wsgi-asgi-ecosystem",{"title":2768,"path":2769,"stem":2770},"FastAPI: Перший додаток, Uvicorn та OpenAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-intro","05.python\u002Ffastapi\u002F17.fastapi-intro",{"title":2772,"path":2773,"stem":2774},"Маршрутизація, параметри запитів та APIRouter","\u002Fpython\u002Ffastapi\u002Ffastapi-routing-params","05.python\u002Ffastapi\u002F18.fastapi-routing-params",{"title":2776,"path":2777,"stem":2778},"Pydantic v2 у FastAPI — схеми, валідація та серіалізація","\u002Fpython\u002Ffastapi\u002Ffastapi-pydantic-schemas","05.python\u002Ffastapi\u002F19.fastapi-pydantic-schemas",{"title":2780,"path":2781,"stem":2782},"Dependency Injection — серце архітектури FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-dependency-injection","05.python\u002Ffastapi\u002F20.fastapi-dependency-injection",{"title":2784,"path":2785,"stem":2786},"Обробка помилок, Middleware та CORS у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-errors-middleware","05.python\u002Ffastapi\u002F21.fastapi-errors-middleware",{"title":2788,"path":2789,"stem":2790},"SQLAlchemy 2.0 — ORM, Core та Async Engine","\u002Fpython\u002Ffastapi\u002Fsqlalchemy-orm","05.python\u002Ffastapi\u002F22.sqlalchemy-orm",{"title":2792,"path":2793,"stem":2794},"Alembic — міграції бази даних","\u002Fpython\u002Ffastapi\u002Falembic-migrations","05.python\u002Ffastapi\u002F23.alembic-migrations",{"title":2796,"path":2797,"stem":2798},"Repository Pattern та Clean Architecture у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-repository-clean-arch","05.python\u002Ffastapi\u002F24.fastapi-repository-clean-arch",{"title":2800,"path":2801,"stem":2802},"Автентифікація та авторизація — JWT, OAuth2, RBAC","\u002Fpython\u002Ffastapi\u002Ffastapi-auth-security","05.python\u002Ffastapi\u002F25.fastapi-auth-security",{"title":2804,"path":2805,"stem":2806},"Тестування FastAPI — pytest, httpx, fixtures","\u002Fpython\u002Ffastapi\u002Ffastapi-testing","05.python\u002Ffastapi\u002F26.fastapi-testing",{"title":2808,"path":2809,"stem":2810},"Async на повну — Background Tasks, WebSockets, SSE та Celery","\u002Fpython\u002Ffastapi\u002Ffastapi-async-advanced","05.python\u002Ffastapi\u002F27.fastapi-async-advanced",{"title":2812,"path":2813,"stem":2814},"Deployment — Docker, CI\u002FCD, Monitoring","\u002Fpython\u002Ffastapi\u002Ffastapi-deployment","05.python\u002Ffastapi\u002F28.fastapi-deployment",{"title":2816,"path":2817,"stem":2818},"[object Object]","\u002Fpython\u002Foop-plan","05.python\u002Foop-plan",{"title":2820,"icon":2821,"path":2822,"stem":2823,"children":2824,"page":59},"Бази даних","i-lucide-database","\u002Fdatabases","06.databases",[2825,2855,2878,2915,2944,2962,2996,3008,3017],{"title":2826,"icon":2827,"path":2828,"stem":2829,"children":2830,"page":59},"Intro","i-lucide-play","\u002Fdatabases\u002Fintro","06.databases\u002F01.intro",[2831,2835,2839,2843,2847,2851],{"title":2832,"path":2833,"stem":2834},"Введення в теорію баз даних","\u002Fdatabases\u002Fintro\u002Fintroduction-to-databases","06.databases\u002F01.intro\u002F01.introduction-to-databases",{"title":2836,"path":2837,"stem":2838},"Реляційна модель даних","\u002Fdatabases\u002Fintro\u002Frelational-model-theory","06.databases\u002F01.intro\u002F02.relational-model-theory",{"title":2840,"path":2841,"stem":2842},"ER-моделювання","\u002Fdatabases\u002Fintro\u002Fer-modeling","06.databases\u002F01.intro\u002F03.er-modeling",{"title":2844,"path":2845,"stem":2846},"Логічне проектування БД","\u002Fdatabases\u002Fintro\u002Flogical-schema","06.databases\u002F01.intro\u002F04.logical-schema",{"title":2848,"path":2849,"stem":2850},"Класифікація таблиць","\u002Fdatabases\u002Fintro\u002Ftable-classification","06.databases\u002F01.intro\u002F05.table-classification",{"title":2852,"path":2853,"stem":2854},"PlantUML для баз даних","\u002Fdatabases\u002Fintro\u002Fplantuml-diagrams","06.databases\u002F01.intro\u002F06.plantuml-diagrams",{"title":2856,"icon":2821,"path":2857,"stem":2858,"children":2859,"page":59},"MS SQL Server Start","\u002Fdatabases\u002Fms-sql-server-start","06.databases\u002F02.ms-sql-server-start",[2860,2864,2870,2874],{"title":2861,"path":2862,"stem":2863},"Типи даних у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fdata-types","06.databases\u002F02.ms-sql-server-start\u002F01.data-types",{"title":2865,"path":2866,"stem":2867,"children":2868},"Індекси у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-indexes","06.databases\u002F02.ms-sql-server-start\u002F02.sql-indexes",[2869],{"title":2865,"path":2866,"stem":2867},{"title":2871,"path":2872,"stem":2873},"Системні бази даних MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsystem-databases","06.databases\u002F02.ms-sql-server-start\u002F03.system-databases",{"title":2875,"path":2876,"stem":2877},"Огляд мови SQL та запитів","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-queries-overview","06.databases\u002F02.ms-sql-server-start\u002F04.sql-queries-overview",{"title":2879,"icon":2821,"path":2880,"stem":2881,"children":2882,"page":59},"SQL","\u002Fdatabases\u002Fsql","06.databases\u002F03.sql",[2883,2887,2891,2895,2899,2903,2907,2911],{"title":2884,"path":2885,"stem":2886},"Налаштування демонстраційної бази даних","\u002Fdatabases\u002Fsql\u002Fsample-database-setup","06.databases\u002F03.sql\u002F00.sample-database-setup",{"title":2888,"path":2889,"stem":2890},"DDL - Створення таблиць (CREATE TABLE)","\u002Fdatabases\u002Fsql\u002Fddl-create-table","06.databases\u002F03.sql\u002F01.ddl-create-table",{"title":2892,"path":2893,"stem":2894},"DDL - Зміна та видалення таблиць (ALTER, DROP)","\u002Fdatabases\u002Fsql\u002Fddl-alter-drop-table","06.databases\u002F03.sql\u002F02.ddl-alter-drop-table",{"title":2896,"path":2897,"stem":2898},"SELECT запити - Основи","\u002Fdatabases\u002Fsql\u002Fselect-queries-fundamentals","06.databases\u002F03.sql\u002F03.select-queries-fundamentals",{"title":2900,"path":2901,"stem":2902},"SELECT запити - Розширені можливості","\u002Fdatabases\u002Fsql\u002Fselect-queries-advanced","06.databases\u002F03.sql\u002F04.select-queries-advanced",{"title":2904,"path":2905,"stem":2906},"INSERT запити - Додавання даних","\u002Fdatabases\u002Fsql\u002Finsert-queries","06.databases\u002F03.sql\u002F05.insert-queries",{"title":2908,"path":2909,"stem":2910},"UPDATE та DELETE запити","\u002Fdatabases\u002Fsql\u002Fupdate-delete-queries","06.databases\u002F03.sql\u002F06.update-delete-queries",{"title":2912,"path":2913,"stem":2914},"Транзакції в SQL","\u002Fdatabases\u002Fsql\u002Ftransactions","06.databases\u002F03.sql\u002F07.transactions",{"title":2916,"icon":2821,"path":2917,"stem":2918,"children":2919,"page":59},"Multi Table Databases","\u002Fdatabases\u002Fmulti-table-databases","06.databases\u002F04.multi-table-databases",[2920,2924,2928,2932,2936,2940],{"title":2921,"path":2922,"stem":2923},"Зв'язки та нормалізація БД","\u002Fdatabases\u002Fmulti-table-databases\u002Frelationships-and-normalization","06.databases\u002F04.multi-table-databases\u002F00.relationships-and-normalization",{"title":2925,"path":2926,"stem":2927},"INNER JOIN - З'єднання таблиць","\u002Fdatabases\u002Fmulti-table-databases\u002Finner-join","06.databases\u002F04.multi-table-databases\u002F01.inner-join",{"title":2929,"path":2930,"stem":2931},"OUTER JOINs - LEFT, RIGHT, FULL","\u002Fdatabases\u002Fmulti-table-databases\u002Fouter-joins","06.databases\u002F04.multi-table-databases\u002F02.outer-joins",{"title":2933,"path":2934,"stem":2935},"CROSS та SELF JOINs","\u002Fdatabases\u002Fmulti-table-databases\u002Fcross-self-joins","06.databases\u002F04.multi-table-databases\u002F03.cross-self-joins",{"title":2937,"path":2938,"stem":2939},"Підзапити (Subqueries)","\u002Fdatabases\u002Fmulti-table-databases\u002Fsubqueries","06.databases\u002F04.multi-table-databases\u002F04.subqueries",{"title":2941,"path":2942,"stem":2943},"Агрегації з JOIN","\u002Fdatabases\u002Fmulti-table-databases\u002Faggregations-with-joins","06.databases\u002F04.multi-table-databases\u002F05.aggregations-with-joins",{"title":2945,"icon":2946,"path":2947,"stem":2948,"children":2949,"page":59},"Aggregate Functions","i-lucide-calculator","\u002Fdatabases\u002Faggregate-functions","06.databases\u002F05.aggregate-functions",[2950,2954,2958],{"title":2951,"path":2952,"stem":2953},"Функції агрегування в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fintroduction-aggregate-functions","06.databases\u002F05.aggregate-functions\u002F01.introduction-aggregate-functions",{"title":2955,"path":2956,"stem":2957},"Групування даних в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fgrouping-data","06.databases\u002F05.aggregate-functions\u002F02.grouping-data",{"title":2959,"path":2960,"stem":2961},"Підзапити з агрегатними функціями","\u002Fdatabases\u002Faggregate-functions\u002Fsubqueries-aggregates","06.databases\u002F05.aggregate-functions\u002F03.subqueries-aggregates",{"title":2963,"icon":2964,"path":2965,"stem":2966,"children":2967,"page":59},"Тригери та зберігаємі процедури","i-lucide-database-zap","\u002Fdatabases\u002Ftriggers-stored-procedures","06.databases\u002F07.triggers-stored-procedures",[2968,2972,2976,2980,2984,2988,2992],{"title":2969,"path":2970,"stem":2971},"DML-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fdml-triggers","06.databases\u002F07.triggers-stored-procedures\u002F01.dml-triggers",{"title":2973,"path":2974,"stem":2975},"DDL-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fddl-triggers","06.databases\u002F07.triggers-stored-procedures\u002F02.ddl-triggers",{"title":2977,"path":2978,"stem":2979},"Transact-SQL розширення","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransact-sql-extensions","06.databases\u002F07.triggers-stored-procedures\u002F03.transact-sql-extensions",{"title":2981,"path":2982,"stem":2983},"Транзакції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransactions","06.databases\u002F07.triggers-stored-procedures\u002F04.transactions",{"title":2985,"path":2986,"stem":2987},"Зберігаємі процедури","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fstored-procedures","06.databases\u002F07.triggers-stored-procedures\u002F05.stored-procedures",{"title":2989,"path":2990,"stem":2991},"Користувацькі функції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fuser-defined-functions","06.databases\u002F07.triggers-stored-procedures\u002F06.user-defined-functions",{"title":2993,"path":2994,"stem":2995},"Безпека баз даних","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fsecurity","06.databases\u002F07.triggers-stored-procedures\u002F08.security",{"title":2993,"icon":793,"path":2997,"stem":2998,"children":2999,"page":59},"\u002Fdatabases\u002Fsecurity","06.databases\u002F08.security",[3000,3004],{"title":3001,"path":3002,"stem":3003},"Вступ до безпеки баз даних","\u002Fdatabases\u002Fsecurity\u002Fintroduction","06.databases\u002F08.security\u002F01.introduction",{"title":3005,"path":3006,"stem":3007},"Системні представлення та метадані","\u002Fdatabases\u002Fsecurity\u002Fsystem-views","06.databases\u002F08.security\u002F02.system-views",{"title":3009,"icon":3010,"path":3011,"stem":3012,"children":3013,"page":59},"Резервне копіювання та відновлення","i-lucide-database-backup","\u002Fdatabases\u002Fbackup-recovery","06.databases\u002F09.backup-recovery",[3014],{"title":3009,"path":3015,"stem":3016},"\u002Fdatabases\u002Fbackup-recovery\u002Fbackup-restore","06.databases\u002F09.backup-recovery\u002F01.backup-restore",{"title":3018,"icon":3019,"path":3020,"stem":3021,"children":3022,"page":59},"Повнотекстовий пошук","i-lucide-search","\u002Fdatabases\u002Ffull-text-search","06.databases\u002F10.full-text-search",[3023],{"title":3018,"path":3024,"stem":3025},"\u002Fdatabases\u002Ffull-text-search\u002Ffull-text-search","06.databases\u002F10.full-text-search\u002F01.full-text-search",{"title":3027,"icon":3028,"path":3029,"stem":3030,"children":3031,"page":59},"Tools","i-lucide-wrench","\u002Ftools","07.tools",[3032,3108],{"title":3033,"icon":3034,"path":3035,"stem":3036,"children":3037},"Docker","i-simple-icons-docker","\u002Ftools\u002Fdocker","07.tools\u002F01.docker\u002Findex",[3038,3040,3044,3048,3052,3056,3060,3064,3068,3072,3076,3080,3084,3088,3092,3096,3100,3104],{"title":3039,"path":3035,"stem":3036},"Docker: від нуля до production",{"title":3041,"path":3042,"stem":3043},"Контейнеризація — від проблеми до рішення","\u002Ftools\u002Fdocker\u002Fcontainerization-concept","07.tools\u002F01.docker\u002F01.containerization-concept",{"title":3045,"path":3046,"stem":3047},"Docker — що це і навіщо?","\u002Ftools\u002Fdocker\u002Fdocker-what-and-why","07.tools\u002F01.docker\u002F02.docker-what-and-why",{"title":3049,"path":3050,"stem":3051},"Архітектура Docker Engine","\u002Ftools\u002Fdocker\u002Fdocker-architecture","07.tools\u002F01.docker\u002F03.docker-architecture",{"title":3053,"path":3054,"stem":3055},"Встановлення Docker","\u002Ftools\u002Fdocker\u002Finstallation","07.tools\u002F01.docker\u002F04.installation",{"title":3057,"path":3058,"stem":3059},"Перший контейнер — docker run","\u002Ftools\u002Fdocker\u002Ffirst-container","07.tools\u002F01.docker\u002F05.first-container",{"title":3061,"path":3062,"stem":3063},"Життєвий цикл контейнера","\u002Ftools\u002Fdocker\u002Fcontainer-lifecycle","07.tools\u002F01.docker\u002F06.container-lifecycle",{"title":3065,"path":3066,"stem":3067},"Docker Images — фундаментальні концепції","\u002Ftools\u002Fdocker\u002Fdocker-images-fundamentals","07.tools\u002F01.docker\u002F07.docker-images-fundamentals",{"title":3069,"path":3070,"stem":3071},"Dockerfile — основи","\u002Ftools\u002Fdocker\u002Fdockerfile-basics","07.tools\u002F01.docker\u002F08.dockerfile-basics",{"title":3073,"path":3074,"stem":3075},"Dockerfile — просунуті техніки","\u002Ftools\u002Fdocker\u002Fdockerfile-advanced","07.tools\u002F01.docker\u002F09.dockerfile-advanced",{"title":3077,"path":3078,"stem":3079},"Build Context та кешування шарів","\u002Ftools\u002Fdocker\u002Fbuild-context-and-cache","07.tools\u002F01.docker\u002F10.build-context-and-cache",{"title":3081,"path":3082,"stem":3083},"Реєстри Docker-образів","\u002Ftools\u002Fdocker\u002Fimage-registries","07.tools\u002F01.docker\u002F11.image-registries",{"title":3085,"path":3086,"stem":3087},"Контейнеризація .NET додатків","\u002Ftools\u002Fdocker\u002Fdotnet-containerization","07.tools\u002F01.docker\u002F12.dotnet-containerization",{"title":3089,"path":3090,"stem":3091},"Томи та збереження даних","\u002Ftools\u002Fdocker\u002Fvolumes-and-data","07.tools\u002F01.docker\u002F13.volumes-and-data",{"title":3093,"path":3094,"stem":3095},"Основи мережі в Docker","\u002Ftools\u002Fdocker\u002Fnetworking-basics","07.tools\u002F01.docker\u002F14.networking-basics",{"title":3097,"path":3098,"stem":3099},"Змінні оточення та конфігурація","\u002Ftools\u002Fdocker\u002Fenvironment-and-configuration","07.tools\u002F01.docker\u002F15.environment-and-configuration",{"title":3101,"path":3102,"stem":3103},"Docker Compose — оркестрація контейнерів","\u002Ftools\u002Fdocker\u002Fdocker-compose-basics","07.tools\u002F01.docker\u002F16.docker-compose-basics",{"title":3105,"path":3106,"stem":3107},"Docker Compose — Multi-Service застосунки","\u002Ftools\u002Fdocker\u002Fcompose-multi-service","07.tools\u002F01.docker\u002F17.compose-multi-service",{"title":3109,"icon":3110,"path":3111,"stem":3112,"children":3113},"Kubernetes","simple-icons:kubernetes","\u002Ftools\u002Fkubernetes","07.tools\u002F02.kubernetes\u002Findex",[3114,3116,3120,3124,3128,3132,3136,3140,3144],{"title":3115,"path":3111,"stem":3112},"Kubernetes: від розробки до production",{"title":3117,"path":3118,"stem":3119},"Kubernetes — коли Docker Compose більше не вистачає","\u002Ftools\u002Fkubernetes\u002Fwhy-kubernetes","07.tools\u002F02.kubernetes\u002F01.why-kubernetes",{"title":3121,"path":3122,"stem":3123},"Архітектура Kubernetes — анатомія кластера","\u002Ftools\u002Fkubernetes\u002Fkubernetes-architecture","07.tools\u002F02.kubernetes\u002F02.kubernetes-architecture",{"title":3125,"path":3126,"stem":3127},"Локальне середовище — minikube, kind та k3s","\u002Ftools\u002Fkubernetes\u002Flocal-environment","07.tools\u002F02.kubernetes\u002F03.local-environment",{"title":3129,"path":3130,"stem":3131},"Pod — атомарна одиниця Kubernetes","\u002Ftools\u002Fkubernetes\u002Fpods-and-containers","07.tools\u002F02.kubernetes\u002F04.pods-and-containers",{"title":3133,"path":3134,"stem":3135},"Патерни використання Pod","\u002Ftools\u002Fkubernetes\u002Fpod-patterns","07.tools\u002F02.kubernetes\u002F05.pod-patterns",{"title":3137,"path":3138,"stem":3139},"Deployment — декларативне управління Pod","\u002Ftools\u002Fkubernetes\u002Fdeployment-basics","07.tools\u002F02.kubernetes\u002F06.deployment-basics",{"title":3141,"path":3142,"stem":3143},"Rolling Updates та управління життєвим циклом Deployment","\u002Ftools\u002Fkubernetes\u002Fdeployment-rolling-updates","07.tools\u002F02.kubernetes\u002F07.deployment-rolling-updates",{"title":3145,"path":3146,"stem":3147},"Service — мережева абстракція для Pod","\u002Ftools\u002Fkubernetes\u002Fservices-networking","07.tools\u002F02.kubernetes\u002F08.services-networking",{"title":3149,"icon":3150,"path":3151,"stem":3152,"children":3153,"page":59},"Software Engineering","i-lucide-code-2","\u002Fsoftware-engineering","09.software-engineering",[3154,3158,3162,3166,3170,3174,3178,3182,3186,3190,3194],{"title":3155,"path":3156,"stem":3157},"1. Аналіз предметної області. Експертні знання та складність","\u002Fsoftware-engineering\u002Fintro-subdomains","09.software-engineering\u002F01.intro-subdomains",{"title":3159,"path":3160,"stem":3161},"2. Обмежені контексти. Інтеграція обмежених контекстів","\u002Fsoftware-engineering\u002Fintegrating-limited-contexts","09.software-engineering\u002F02.integrating-limited-contexts",{"title":3163,"path":3164,"stem":3165},"3. Реалізація простої бізнес-логіки","\u002Fsoftware-engineering\u002Fsimple","09.software-engineering\u002F03.simple",{"title":3167,"path":3168,"stem":3169},"4. Опрацювання складної бізнес-логіки","\u002Fsoftware-engineering\u002Fcomplex-business-logic","09.software-engineering\u002F04.complex-business-logic",{"title":3171,"path":3172,"stem":3173},"5. Моделювання фактора часу. Подієво-орієнтована архітектура.","\u002Fsoftware-engineering\u002Fmodelling-the-time-factor","09.software-engineering\u002F05.modelling-the-time-factor",{"title":3175,"path":3176,"stem":3177},"6. Архітектурні патерни","\u002Fsoftware-engineering\u002Farchitectural-patterns","09.software-engineering\u002F06.architectural-patterns",{"title":3179,"path":3180,"stem":3181},"Паттерни взаємодії","\u002Fsoftware-engineering\u002Fpatterns-of-interaction","09.software-engineering\u002F07.patterns-of-interaction",{"title":3183,"path":3184,"stem":3185},"Евристика проєктування","\u002Fsoftware-engineering\u002Fdesign-heuristics","09.software-engineering\u002F08.design-heuristics",{"title":3187,"path":3188,"stem":3189},"Еволюція проєктних рішень","\u002Fsoftware-engineering\u002Fevolution-of-design-solutions","09.software-engineering\u002F09.evolution-of-design-solutions",{"title":3191,"path":3192,"stem":3193},"EventStorming","\u002Fsoftware-engineering\u002Feventstorming","09.software-engineering\u002F10.eventstorming",{"title":3195,"path":3196,"stem":3197},"DDD на практиці","\u002Fsoftware-engineering\u002Fddd-in-practice","09.software-engineering\u002F11.ddd-in-practice",{"title":3199,"icon":943,"path":3200,"stem":3201,"children":3202,"page":59},"DDD","\u002Fddd","10.ddd",[3203,3207,3211,3215,3219,3223,3227,3231,3235,3239,3243,3247,3251],{"title":3204,"path":3205,"stem":3206},"Аналіз предметної області","\u002Fddd\u002Fdomain-analysis","10.ddd\u002F01.domain-analysis",{"title":3208,"path":3209,"stem":3210},"Експертні знання про предметну область","\u002Fddd\u002Fdomain-expert-knowledge","10.ddd\u002F02.domain-expert-knowledge",{"title":3212,"path":3213,"stem":3214},"Як осмислити складність предметної області","\u002Fddd\u002Fmanaging-domain-complexity","10.ddd\u002F03.managing-domain-complexity",{"title":3216,"path":3217,"stem":3218},"Інтеграція обмежених контекстів","\u002Fddd\u002Fbounded-context-integration","10.ddd\u002F04.bounded-context-integration",{"title":3220,"path":3221,"stem":3222},"Реалізація простої бізнес-логіки","\u002Fddd\u002Fsimple-business-logic","10.ddd\u002F05.simple-business-logic",{"title":3224,"path":3225,"stem":3226},"Обробка складної бізнес-логіки","\u002Fddd\u002Fcomplex-business-logic","10.ddd\u002F06.complex-business-logic",{"title":3228,"path":3229,"stem":3230},"Моделювання фактора часу","\u002Fddd\u002Ftime-modeling","10.ddd\u002F07.time-modeling",{"title":3232,"path":3233,"stem":3234},"Глава 8. Архітектурні Патерни","\u002Fddd\u002Farchitectural-patterns","10.ddd\u002F08.architectural-patterns",{"title":3236,"path":3237,"stem":3238},"Глава 9. Патерни Взаємодії","\u002Fddd\u002Finteraction-patterns","10.ddd\u002F09.interaction-patterns",{"title":3240,"path":3241,"stem":3242},"Глава 10. Проектні Евристики","\u002Fddd\u002Fdesign-heuristics","10.ddd\u002F10.design-heuristics",{"title":3244,"path":3245,"stem":3246},"Глава 11. Еволюція Проектних Рішень","\u002Fddd\u002Fevolution-of-design-decisions","10.ddd\u002F11.evolution-of-design-decisions",{"title":3248,"path":3249,"stem":3250},"Глава 12. EventStorming","\u002Fddd\u002Fevent-storming","10.ddd\u002F12.event-storming",{"title":3252,"path":3253,"stem":3254},"Глава 13. DDD на Практиці","\u002Fddd\u002Fddd-in-practice","10.ddd\u002F13.ddd-in-practice",{"title":3256,"icon":3257,"path":3258,"stem":3259,"children":3260,"page":59},"Media Streaming","i-lucide-video","\u002Fmedia-streaming","11.media-streaming",[3261,3265,3269,3273,3277,3281,3285],{"title":3262,"path":3263,"stem":3264},"01. Магія Стрімінгу: Що відбувається, коли ви натискаєте \"Play\"","\u002Fmedia-streaming\u002Fintroduction","11.media-streaming\u002F01.introduction",{"title":3266,"path":3267,"stem":3268},"02. Анатомія Медіа: Кодеки, Контейнери та Стиснення","\u002Fmedia-streaming\u002Faudio-video-anatomy","11.media-streaming\u002F02.audio-video-anatomy",{"title":3270,"path":3271,"stem":3272},"03. The Gym: FFmpeg Deep Dive","\u002Fmedia-streaming\u002Fffmpeg-gym","11.media-streaming\u002F03.ffmpeg-gym",{"title":3274,"path":3275,"stem":3276},"04. HLS Protocol: HTTP Live Streaming у Деталях","\u002Fmedia-streaming\u002Fhls-protocol","11.media-streaming\u002F04.hls-protocol",{"title":3278,"path":3279,"stem":3280},"05. DASH Protocol: Відкритий Стандарт","\u002Fmedia-streaming\u002Fdash-protocol","11.media-streaming\u002F05.dash-protocol",{"title":3282,"path":3283,"stem":3284},"06. Масштабування: CDN та Adaptive Bitrate","\u002Fmedia-streaming\u002Fcdn-and-adaptive-bitrate","11.media-streaming\u002F06.cdn-and-adaptive-bitrate",{"title":3286,"path":3287,"stem":3288},"07. Війна із Затримкою (Latency)","\u002Fmedia-streaming\u002Frealtime-latency","11.media-streaming\u002F07.realtime-latency",{"title":3290,"icon":3291,"path":3292,"stem":3293,"children":3294,"page":59},"HTML & CSS","i-devicon-html5","\u002Fhtml-css","12.html-css",[3295,3299,3303,3307,3311,3315,3319,3323,3327,3331,3335,3339,3343,3347,3351,3355,3359,3363,3367,3371,3375,3379,3383,3387,3391,3395,3399,3403,3407,3411],{"title":3296,"path":3297,"stem":3298},"Вступ до HTML. Структура документа","\u002Fhtml-css\u002Fintro-html-structure","12.html-css\u002F01.intro-html-structure",{"title":3300,"path":3301,"stem":3302},"Форматування тексту в HTML","\u002Fhtml-css\u002Fhtml-text-formatting","12.html-css\u002F02.html-text-formatting",{"title":3304,"path":3305,"stem":3306},"Посилання та зображення в HTML","\u002Fhtml-css\u002Fhtml-links-images","12.html-css\u002F03.html-links-images",{"title":3308,"path":3309,"stem":3310},"Списки та таблиці в HTML","\u002Fhtml-css\u002Fhtml-lists-tables","12.html-css\u002F04.html-lists-tables",{"title":3312,"path":3313,"stem":3314},"Форми в HTML","\u002Fhtml-css\u002Fhtml-forms","12.html-css\u002F05.html-forms",{"title":3316,"path":3317,"stem":3318},"Семантичні елементи HTML5","\u002Fhtml-css\u002Fhtml-semantic-elements","12.html-css\u002F06.html-semantic-elements",{"title":3320,"path":3321,"stem":3322},"Мультимедіа та розширені елементи HTML","\u002Fhtml-css\u002Fhtml-multimedia-advanced","12.html-css\u002F07.html-multimedia-advanced",{"title":3324,"path":3325,"stem":3326},"Мікророзмітка та SEO в HTML","\u002Fhtml-css\u002Fhtml-microdata-seo","12.html-css\u002F08.html-microdata-seo",{"title":3328,"path":3329,"stem":3330},"Вступ до CSS. Селектори та специфічність","\u002Fhtml-css\u002Fcss-intro-selectors","12.html-css\u002F09.css-intro-selectors",{"title":3332,"path":3333,"stem":3334},"Блокова модель CSS. Відступи. Box Sizing","\u002Fhtml-css\u002Fcss-box-model","12.html-css\u002F10.css-box-model",{"title":3336,"path":3337,"stem":3338},"Розміри у CSS: повний довідник одиниць і ключових слів","\u002Fhtml-css\u002F10a.css-sizing","12.html-css\u002F10a.css-sizing",{"title":3340,"path":3341,"stem":3342},"Типографіка в CSS. Шрифти та текст","\u002Fhtml-css\u002Fcss-typography","12.html-css\u002F11.css-typography",{"title":3344,"path":3345,"stem":3346},"Кольори та фони в CSS","\u002Fhtml-css\u002Fcss-colors-backgrounds","12.html-css\u002F12.css-colors-backgrounds",{"title":3348,"path":3349,"stem":3350},"Тіні та фільтри в CSS","\u002Fhtml-css\u002F12b.css-shadows-filters","12.html-css\u002F12b.css-shadows-filters",{"title":3352,"path":3353,"stem":3354},"CSS Flexbox: Фундамент гнучких макетів","\u002Fhtml-css\u002Fcss-flexbox-fundamentals","12.html-css\u002F13.css-flexbox-fundamentals",{"title":3356,"path":3357,"stem":3358},"CSS Flexbox: Вирівнювання та Позиціонування","\u002Fhtml-css\u002Fcss-flexbox-alignment-sizing-and-patterns","12.html-css\u002F14.css-flexbox-alignment-sizing-and-patterns",{"title":3360,"path":3361,"stem":3362},"CSS Grid. Двовимірний макет. Частина 1","\u002Fhtml-css\u002Fcss-layout-grid","12.html-css\u002F15.css-layout-grid",{"title":3364,"path":3365,"stem":3366},"CSS Grid. Двовимірний макет. Частина 2","\u002Fhtml-css\u002Fcss-layout-grid-advanced","12.html-css\u002F16.css-layout-grid-advanced",{"title":3368,"path":3369,"stem":3370},"Позиціонування в CSS. Z-index. Stacking Context","\u002Fhtml-css\u002Fcss-positioning","12.html-css\u002F17.css-positioning",{"title":3372,"path":3373,"stem":3374},"CSS Анімації та Переходи","\u002Fhtml-css\u002Fcss-animations-transitions","12.html-css\u002F18.css-animations-transitions",{"title":3376,"path":3377,"stem":3378},"Адаптивний дизайн. Media Queries. Частина 1","\u002Fhtml-css\u002Fcss-responsive-media-queries","12.html-css\u002F19.css-responsive-media-queries",{"title":3380,"path":3381,"stem":3382},"Адаптивний дизайн. Частина 2: clamp(), Container Queries, @layer","\u002Fhtml-css\u002Fcss-responsive-advanced","12.html-css\u002F20.css-responsive-advanced",{"title":3384,"path":3385,"stem":3386},"CSS Custom Properties. Методології. Сучасний CSS","\u002Fhtml-css\u002Fcss-variables-methodologies","12.html-css\u002F21.css-variables-methodologies",{"title":3388,"path":3389,"stem":3390},"Сучасний CSS 2023–2025: Нові можливості","\u002Fhtml-css\u002Fcss-modern-features","12.html-css\u002F22.css-modern-features",{"title":3392,"path":3393,"stem":3394},"CSS Nesting, @layer, @scope та @property: нативний препроцесор","\u002Fhtml-css\u002F22a.css-nesting-modern-syntax","12.html-css\u002F22a.css-nesting-modern-syntax",{"title":3396,"path":3397,"stem":3398},"CSS для форм та інтерактивних станів","\u002Fhtml-css\u002Fcss-forms-interactive-states","12.html-css\u002F23.css-forms-interactive-states",{"title":3400,"path":3401,"stem":3402},"Доступність у CSS (CSS Accessibility)","\u002Fhtml-css\u002Fcss-accessibility","12.html-css\u002F24.css-accessibility",{"title":3404,"path":3405,"stem":3406},"CSS-функції та сучасні sizing primitives","\u002Fhtml-css\u002Fcss-functions-sizing","12.html-css\u002F25.css-functions-sizing",{"title":3408,"path":3409,"stem":3410},"Rendering Pipeline і CSS Performance","\u002Fhtml-css\u002Fcss-rendering-performance","12.html-css\u002F26.css-rendering-performance",{"title":3412,"path":3413,"stem":3414},"CSS Best Practices: типові ситуації та правильні рішення","\u002Fhtml-css\u002Fcss-best-practices","12.html-css\u002F27.css-best-practices",{"title":3416,"path":3417,"stem":3418,"children":3419,"page":59},"AWS","\u002Faws","13.aws",[3420,3424,3428,3432,3436,3440,3444,3448,3452,3456,3460,3464,3468,3472,3476,3480,3484,3488],{"title":3421,"path":3422,"stem":3423},"Реєстрація AWS акаунту та студентські програми","\u002Faws\u002Faccount-registration","13.aws\u002F00.account-registration",{"title":3425,"path":3426,"stem":3427},"Вступ до хмарних обчислень та AWS","\u002Faws\u002Fintroduction-to-cloud","13.aws\u002F01.introduction-to-cloud",{"title":3429,"path":3430,"stem":3431},"AWS IAM — Identity and Access Management","\u002Faws\u002Fiam","13.aws\u002F02.iam",{"title":3433,"path":3434,"stem":3435},"AWS IAM CLI — Довідник команд","\u002Faws\u002F02a.iam-doc","13.aws\u002F02a.iam-doc",{"title":3437,"path":3438,"stem":3439},"Docker та контейнеризація в AWS — ECR, ECS та Fargate","\u002Faws\u002Fdocker-ecs","13.aws\u002F03.docker-ecs",{"title":3441,"path":3442,"stem":3443},"AWS ECR \u002F ECS CLI — Довідник команд","\u002Faws\u002F03a.docker-ecs-doc","13.aws\u002F03a.docker-ecs-doc",{"title":3445,"path":3446,"stem":3447},"Amazon EC2 — Elastic Compute Cloud","\u002Faws\u002Fec2","13.aws\u002F04.ec2",{"title":3449,"path":3450,"stem":3451},"AWS EC2 CLI — Довідник команд","\u002Faws\u002F04a.ec2-doc","13.aws\u002F04a.ec2-doc",{"title":3453,"path":3454,"stem":3455},"Elastic Load Balancing та Auto Scaling","\u002Faws\u002Falb-asg","13.aws\u002F05.alb-asg",{"title":3457,"path":3458,"stem":3459},"Amazon S3 — Simple Storage Service","\u002Faws\u002Fs3","13.aws\u002F06.s3",{"title":3461,"path":3462,"stem":3463},"Amazon CloudFront — Content Delivery Network","\u002Faws\u002Fcloudfront","13.aws\u002F07.cloudfront",{"title":3465,"path":3466,"stem":3467},"Amazon RDS — Relational Database Service","\u002Faws\u002Frds","13.aws\u002F08.rds",{"title":3469,"path":3470,"stem":3471},"Amazon DynamoDB — NoSQL Database","\u002Faws\u002Fdynamodb","13.aws\u002F09.dynamodb",{"title":3473,"path":3474,"stem":3475},"AWS Lambda та Serverless Compute","\u002Faws\u002Flambda","13.aws\u002F10.lambda",{"title":3477,"path":3478,"stem":3479},"Amazon Bedrock - Foundation Models, RAG та Agents","\u002Faws\u002Fbedrock","13.aws\u002F22.bedrock",{"title":3481,"path":3482,"stem":3483},"Amazon Rekognition - Комп'ютерний зір","\u002Faws\u002Frekognition","13.aws\u002F23.rekognition",{"title":3485,"path":3486,"stem":3487},"Amazon Textract - Інтелектуальний аналіз документів","\u002Faws\u002Ftextract","13.aws\u002F24.textract",{"title":3489,"path":3490,"stem":3491},"Amazon Polly, Transcribe, Comprehend та Translate","\u002Faws\u002Faudio-nlp-services","13.aws\u002F25.audio-nlp-services",{"title":3493,"path":3494,"stem":3495,"children":3496,"page":59},"Ai Development","\u002Fai-development","14.ai-development",[3497],{"title":3498,"path":3499,"stem":3500,"children":3501,"page":59},"Foundations","\u002Fai-development\u002Ffoundations","14.ai-development\u002F00.foundations",[3502],{"title":3503,"path":3504,"stem":3505},"Модуль 0.1. Що таке Large Language Model (LLM)","\u002Fai-development\u002Ffoundations\u002Fwhat-is-llm","14.ai-development\u002F00.foundations\u002F01.what-is-llm",{"title":3507,"path":3508,"stem":3509,"children":3510,"page":59},"React Native","\u002Freact-native","15.react-native",[3511,3532],{"title":3512,"path":3513,"stem":3514,"children":3515,"page":59},"Version1","\u002Freact-native\u002Fversion1","15.react-native\u002Fversion1",[3516,3520,3524,3528],{"title":3517,"path":3518,"stem":3519},"Що таке React Native","\u002Freact-native\u002Fversion1\u002Fwhat-is-react-native","15.react-native\u002Fversion1\u002F01.what-is-react-native",{"title":3521,"path":3522,"stem":3523},"Як влаштований React Native «під капотом»","\u002Freact-native\u002Fversion1\u002Freact-native-architecture","15.react-native\u002Fversion1\u002F02.react-native-architecture",{"title":3525,"path":3526,"stem":3527},"Від React до React Native: ключові відмінності","\u002Freact-native\u002Fversion1\u002Freact-native-vs-react","15.react-native\u002Fversion1\u002F03.react-native-vs-react",{"title":3529,"path":3530,"stem":3531},"View та Text — фундаментальні будівельні блоки","\u002Freact-native\u002Fversion1\u002Fview-and-text","15.react-native\u002Fversion1\u002F04.view-and-text",{"title":3533,"path":3534,"stem":3535,"children":3536,"page":59},"Version2","\u002Freact-native\u002Fversion2","15.react-native\u002Fversion2",[3537,3541,3545,3549,3553,3557,3561,3565,3569,3573,3577,3581,3585,3589,3593,3597,3601,3605,3609,3613,3617,3621,3625,3629,3633,3637,3641],{"title":3538,"path":3539,"stem":3540},"React Native — навіщо він потрібен","\u002Freact-native\u002Fversion2\u002Fwhy-react-native","15.react-native\u002Fversion2\u002F01.why-react-native",{"title":3542,"path":3543,"stem":3544},"Налаштування середовища розробки","\u002Freact-native\u002Fversion2\u002Fenvironment-setup","15.react-native\u002Fversion2\u002F02.environment-setup",{"title":3546,"path":3547,"stem":3548},"Expo і класичний React Native — два шляхи одного фреймворку","\u002Freact-native\u002Fversion2\u002Fexpo-vs-cli-landscape","15.react-native\u002Fversion2\u002F03.expo-vs-cli-landscape",{"title":3550,"path":3551,"stem":3552},"Середовище Expo — перший запуск","\u002Freact-native\u002Fversion2\u002Fexpo-setup-and-tooling","15.react-native\u002Fversion2\u002F04.expo-setup-and-tooling",{"title":3554,"path":3555,"stem":3556},"Структура проєкту та перші UI-примітиви","\u002Freact-native\u002Fversion2\u002Fproject-structure-and-conventions","15.react-native\u002Fversion2\u002F05.project-structure-and-conventions",{"title":3558,"path":3559,"stem":3560},"Базові компоненти React Native","\u002Freact-native\u002Fversion2\u002Fcore-components","15.react-native\u002Fversion2\u002F06.core-components",{"title":3562,"path":3563,"stem":3564},"Flexbox і layout у React Native","\u002Freact-native\u002Fversion2\u002Fflexbox-and-layout","15.react-native\u002Fversion2\u002F07.flexbox-and-layout",{"title":3566,"path":3567,"stem":3568},"StyleSheet і теми (light \u002F dark)","\u002Freact-native\u002Fversion2\u002Fstylesheet-and-theming","15.react-native\u002Fversion2\u002F08.stylesheet-and-theming",{"title":3570,"path":3571,"stem":3572},"Списки та віртуалізація","\u002Freact-native\u002Fversion2\u002Flists-and-virtualization","15.react-native\u002Fversion2\u002F09.lists-and-virtualization",{"title":3574,"path":3575,"stem":3576},"Форми, ввід і валідація","\u002Freact-native\u002Fversion2\u002Fforms-input-validation","15.react-native\u002Fversion2\u002F10.forms-input-validation",{"title":3578,"path":3579,"stem":3580},"Основи Expo Router","\u002Freact-native\u002Fversion2\u002Fexpo-router-basics","15.react-native\u002Fversion2\u002F11.expo-router-basics",{"title":3582,"path":3583,"stem":3584},"Вкладені навігатори та модалки","\u002Freact-native\u002Fversion2\u002Fnested-navigators-and-modals","15.react-native\u002Fversion2\u002F12.nested-navigators-and-modals",{"title":3586,"path":3587,"stem":3588},"Deep linking і параметри маршрутів","\u002Freact-native\u002Fversion2\u002Fdeep-linking-and-params","15.react-native\u002Fversion2\u002F13.deep-linking-and-params",{"title":3590,"path":3591,"stem":3592},"Робота з мережею та життєвий цикл застосунку","\u002Freact-native\u002Fversion2\u002Fnetworking-and-app-lifecycle","15.react-native\u002Fversion2\u002F14.networking-and-app-lifecycle",{"title":3594,"path":3595,"stem":3596},"Redux Toolkit на мобільних платформах","\u002Freact-native\u002Fversion2\u002Fredux-toolkit-on-mobile","15.react-native\u002Fversion2\u002F15.redux-toolkit-on-mobile",{"title":3598,"path":3599,"stem":3600},"RTK Query на мобільних платформах","\u002Freact-native\u002Fversion2\u002Frtk-query-mobile","15.react-native\u002Fversion2\u002F16.rtk-query-mobile",{"title":3602,"path":3603,"stem":3604},"Автентифікація та Безпечне Зберігання","\u002Freact-native\u002Fversion2\u002Fauth-secure-storage","15.react-native\u002Fversion2\u002F18.auth-secure-storage",{"title":3606,"path":3607,"stem":3608},"Локальне сховище — AsyncStorage, MMKV, SQLite","\u002Freact-native\u002Fversion2\u002Flocal-storage-mmkv-sqlite","15.react-native\u002Fversion2\u002F19.local-storage-mmkv-sqlite",{"title":3610,"path":3611,"stem":3612},"Офлайн-First і синхронізація","\u002Freact-native\u002Fversion2\u002Foffline-first-sync","15.react-native\u002Fversion2\u002F20.offline-first-sync",{"title":3614,"path":3615,"stem":3616},"Камера, медіа та файлова система","\u002Freact-native\u002Fversion2\u002Fcamera-media-filesystem","15.react-native\u002Fversion2\u002F21.camera-media-filesystem",{"title":3618,"path":3619,"stem":3620},"Карти та геолокація","\u002Freact-native\u002Fversion2\u002Fmaps-and-location","15.react-native\u002Fversion2\u002F22.maps-and-location",{"title":3622,"path":3623,"stem":3624},"Жести та дотики","\u002Freact-native\u002Fversion2\u002Fgestures-and-touch","15.react-native\u002Fversion2\u002F23.gestures-and-touch",{"title":3626,"path":3627,"stem":3628},"Анімації з Reanimated","\u002Freact-native\u002Fversion2\u002Freanimated-animations","15.react-native\u002Fversion2\u002F24.reanimated-animations",{"title":3630,"path":3631,"stem":3632},"Push і локальні сповіщення","\u002Freact-native\u002Fversion2\u002Fpush-and-local-notifications","15.react-native\u002Fversion2\u002F25.push-and-local-notifications",{"title":3634,"path":3635,"stem":3636},"Інтернаціоналізація та доступність","\u002Freact-native\u002Fversion2\u002Faccessibility-and-i18n","15.react-native\u002Fversion2\u002F26.accessibility-and-i18n",{"title":3638,"path":3639,"stem":3640},"EAS Build та профілі збірки","\u002Freact-native\u002Fversion2\u002Feas-build-and-profiles","15.react-native\u002Fversion2\u002F29.eas-build-and-profiles",{"title":3642,"path":3643,"stem":3644},"Публікація в App Store та Google Play","\u002Freact-native\u002Fversion2\u002Fapp-store-play-release","15.react-native\u002Fversion2\u002F30.app-store-play-release",{"title":3646,"path":3647,"stem":3648,"children":3649,"page":59},"Ai Python","\u002Fai-python","16.ai-python",[3650,3659,3668,3677,3706,3732,3757,3790,3807,3820,3829,3842,3851,3872,3885,3906],{"title":3651,"path":3652,"stem":3653,"children":3654,"page":59},"Intro To Ai","\u002Fai-python\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai",[3655],{"title":3656,"path":3657,"stem":3658},"Вступ до штучного інтелекту та машинного навчання","\u002Fai-python\u002Fintro-to-ai\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai\u002F01.intro-to-ai",{"title":3660,"path":3661,"stem":3662,"children":3663,"page":59},"Jupyter Notebook","\u002Fai-python\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook",[3664],{"title":3665,"path":3666,"stem":3667},"Знайомство з Jupyter Notebook та JupyterLab","\u002Fai-python\u002Fjupyter-notebook\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook\u002F02.jupyter-notebook",{"title":3669,"path":3670,"stem":3671,"children":3672,"page":59},"Numpy Pandas","\u002Fai-python\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas",[3673],{"title":3674,"path":3675,"stem":3676},"Робота з даними з використанням NumPy і pandas","\u002Fai-python\u002Fnumpy-pandas\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas\u002F03.numpy-pandas",{"title":3678,"path":3679,"stem":3680,"children":3681,"page":59},"Statistics Basics","\u002Fai-python\u002Fstatistics-basics","16.ai-python\u002F04.statistics-basics",[3682,3686,3690,3694,3698,3702],{"title":3683,"path":3684,"stem":3685},"Випадкові величини та їх типи","\u002Fai-python\u002Fstatistics-basics\u002Frandom-variables","16.ai-python\u002F04.statistics-basics\u002F01.random-variables",{"title":3687,"path":3688,"stem":3689},"Міри центральної тенденції","\u002Fai-python\u002Fstatistics-basics\u002Fcentral-tendency","16.ai-python\u002F04.statistics-basics\u002F02.central-tendency",{"title":3691,"path":3692,"stem":3693},"Міри варіації (розсіювання)","\u002Fai-python\u002Fstatistics-basics\u002Fvariability","16.ai-python\u002F04.statistics-basics\u002F03.variability",{"title":3695,"path":3696,"stem":3697},"Розподіли випадкових величин","\u002Fai-python\u002Fstatistics-basics\u002Fdistributions","16.ai-python\u002F04.statistics-basics\u002F04.distributions",{"title":3699,"path":3700,"stem":3701},"Кореляція та взаємозв'язки","\u002Fai-python\u002Fstatistics-basics\u002Fcorrelation","16.ai-python\u002F04.statistics-basics\u002F05.correlation",{"title":3703,"path":3704,"stem":3705},"Викиди та аномалії","\u002Fai-python\u002Fstatistics-basics\u002Foutliers","16.ai-python\u002F04.statistics-basics\u002F06.outliers",{"title":3707,"path":3708,"stem":3709,"children":3710},"Візуалізація даних за допомогою matplotlib","\u002Fai-python\u002Fdata-visualization","16.ai-python\u002F05.data-visualization\u002Findex",[3711,3712,3716,3720,3724,3728],{"title":3707,"path":3708,"stem":3709},{"title":3713,"path":3714,"stem":3715},"Основи matplotlib — Figure, Axes та перший графік","\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics","16.ai-python\u002F05.data-visualization\u002F01.matplotlib-basics",{"title":3717,"path":3718,"stem":3719},"Візуалізація розподілів — гістограми та box plots","\u002Fai-python\u002Fdata-visualization\u002Fdistributions","16.ai-python\u002F05.data-visualization\u002F02.distributions",{"title":3721,"path":3722,"stem":3723},"Візуалізація залежностей — scatter plots та кореляція","\u002Fai-python\u002Fdata-visualization\u002Frelationships","16.ai-python\u002F05.data-visualization\u002F03.relationships",{"title":3725,"path":3726,"stem":3727},"Візуалізація категоріальних даних — bar charts та pie charts","\u002Fai-python\u002Fdata-visualization\u002Fcategorical","16.ai-python\u002F05.data-visualization\u002F04.categorical",{"title":3729,"path":3730,"stem":3731},"Композиції та стилізація — subplots та багатопанельні дашборди","\u002Fai-python\u002Fdata-visualization\u002Fsubplots-styling","16.ai-python\u002F05.data-visualization\u002F05.subplots-styling",{"title":3733,"path":3734,"stem":3735,"children":3736,"page":59},"Linear Regression","\u002Fai-python\u002Flinear-regression","16.ai-python\u002F06.linear-regression",[3737,3741,3745,3749,3753],{"title":3738,"path":3739,"stem":3740},"Регресійна задача та лінійна регресія з однією змінною","\u002Fai-python\u002Flinear-regression\u002Fregression-task","16.ai-python\u002F06.linear-regression\u002F01.regression-task",{"title":3742,"path":3743,"stem":3744},"Метрики якості регресії — як оцінити модель","\u002Fai-python\u002Flinear-regression\u002Fquality-metrics","16.ai-python\u002F06.linear-regression\u002F02.quality-metrics",{"title":3746,"path":3747,"stem":3748},"Градієнтний спуск — як модель навчається","\u002Fai-python\u002Flinear-regression\u002Fgradient-descent","16.ai-python\u002F06.linear-regression\u002F03.gradient-descent",{"title":3750,"path":3751,"stem":3752},"Множинна лінійна регресія — модель з багатьма ознаками","\u002Fai-python\u002Flinear-regression\u002Fmultiple-regression","16.ai-python\u002F06.linear-regression\u002F04.multiple-regression",{"title":3754,"path":3755,"stem":3756},"Практичні завдання та резюме модуля","\u002Fai-python\u002Flinear-regression\u002Fpractice","16.ai-python\u002F06.linear-regression\u002F05.practice",{"title":3758,"path":3759,"stem":3760,"children":3761,"page":59},"Practical Regression","\u002Fai-python\u002Fpractical-regression","16.ai-python\u002F07.practical-regression",[3762,3766,3770,3774,3778,3782,3786],{"title":3763,"path":3764,"stem":3765},"Знайомство з scikit-learn","\u002Fai-python\u002Fpractical-regression\u002Fintro-scikit-learn","16.ai-python\u002F07.practical-regression\u002F01.intro-scikit-learn",{"title":3767,"path":3768,"stem":3769},"Exploratory Data Analysis датасету Housing Prices","\u002Fai-python\u002Fpractical-regression\u002Fhousing-dataset-eda","16.ai-python\u002F07.practical-regression\u002F02.housing-dataset-eda",{"title":3771,"path":3772,"stem":3773},"Попередня обробка даних (Data Preprocessing)","\u002Fai-python\u002Fpractical-regression\u002Fdata-preprocessing","16.ai-python\u002F07.practical-regression\u002F03.data-preprocessing",{"title":3775,"path":3776,"stem":3777},"Train\u002FTest Split та перша повноцінна модель","\u002Fai-python\u002Fpractical-regression\u002Ftrain-test-split","16.ai-python\u002F07.practical-regression\u002F04.train-test-split",{"title":3779,"path":3780,"stem":3781},"Перенавчання та недонавчання","\u002Fai-python\u002Fpractical-regression\u002Foverfitting-underfitting","16.ai-python\u002F07.practical-regression\u002F05.overfitting-underfitting",{"title":3783,"path":3784,"stem":3785},"Крос-валідація (Cross-Validation)","\u002Fai-python\u002Fpractical-regression\u002Fcross-validation","16.ai-python\u002F07.practical-regression\u002F06.cross-validation",{"title":3787,"path":3788,"stem":3789},"Гіперпараметри та їх оптимізація","\u002Fai-python\u002Fpractical-regression\u002Fhyperparameter-tuning","16.ai-python\u002F07.practical-regression\u002F07.hyperparameter-tuning",{"title":3791,"path":3792,"stem":3793,"children":3794,"page":59},"Polynomial Regression","\u002Fai-python\u002Fpolynomial-regression","16.ai-python\u002F08.polynomial-regression",[3795,3799,3803],{"title":3796,"path":3797,"stem":3798},"Нелінійні залежності та поліноміальна регресія","\u002Fai-python\u002Fpolynomial-regression\u002Fnonlinear-patterns","16.ai-python\u002F08.polynomial-regression\u002F01.nonlinear-patterns",{"title":3800,"path":3801,"stem":3802},"Регуляризація в регресії — Ridge та Lasso","\u002Fai-python\u002Fpolynomial-regression\u002Fregularization-methods","16.ai-python\u002F08.polynomial-regression\u002F02.regularization-methods",{"title":3804,"path":3805,"stem":3806},"Практика — поліноміальна регресія та регуляризація на Housing Prices","\u002Fai-python\u002Fpolynomial-regression\u002Fhousing-prices-practice","16.ai-python\u002F08.polynomial-regression\u002F03.housing-prices-practice",{"title":3808,"path":3809,"stem":3810,"children":3811,"page":59},"Decision Trees Random Forest","\u002Fai-python\u002Fdecision-trees-random-forest","16.ai-python\u002F09.decision-trees-random-forest",[3812,3816],{"title":3813,"path":3814,"stem":3815},"Дерева рішень — інтерпретабельні моделі машинного навчання","\u002Fai-python\u002Fdecision-trees-random-forest\u002Fdecision-trees","16.ai-python\u002F09.decision-trees-random-forest\u002F01.decision-trees",{"title":3817,"path":3818,"stem":3819},"Random Forest — ансамблі дерев рішень","\u002Fai-python\u002Fdecision-trees-random-forest\u002Frandom-forest","16.ai-python\u002F09.decision-trees-random-forest\u002F02.random-forest",{"title":3821,"path":3822,"stem":3823,"children":3824,"page":59},"Gradient Boosting","\u002Fai-python\u002Fgradient-boosting","16.ai-python\u002F10.gradient-boosting",[3825],{"title":3826,"path":3827,"stem":3828},"Градієнтний бустинг та XGBoost — послідовне виправлення помилок","\u002Fai-python\u002Fgradient-boosting\u002Fgradient-boosting-xgboost","16.ai-python\u002F10.gradient-boosting\u002F01.gradient-boosting-xgboost",{"title":3830,"path":3831,"stem":3832,"children":3833,"page":59},"Logistic Regression Classification","\u002Fai-python\u002Flogistic-regression-classification","16.ai-python\u002F11.logistic-regression-classification",[3834,3838],{"title":3835,"path":3836,"stem":3837},"Вступ до класифікації та логістична регресія","\u002Fai-python\u002Flogistic-regression-classification\u002Fclassification-basics","16.ai-python\u002F11.logistic-regression-classification\u002F01.classification-basics",{"title":3839,"path":3840,"stem":3841},"Метрики якості класифікації — Confusion Matrix, Precision, Recall, F1","\u002Fai-python\u002Flogistic-regression-classification\u002Fclassification-metrics","16.ai-python\u002F11.logistic-regression-classification\u002F02.classification-metrics",{"title":3843,"path":3844,"stem":3845,"children":3846,"page":59},"Neural Networks Basics","\u002Fai-python\u002Fneural-networks-basics","16.ai-python\u002F12.neural-networks-basics",[3847],{"title":3848,"path":3849,"stem":3850},"Вступ до нейронних мереж — від персептрона до багатошарових мереж","\u002Fai-python\u002Fneural-networks-basics\u002Fperceptron-to-mlp","16.ai-python\u002F12.neural-networks-basics\u002F01.perceptron-to-mlp",{"title":3852,"path":3853,"stem":3854,"children":3855,"page":59},"Pytorch Intro","\u002Fai-python\u002Fpytorch-intro","16.ai-python\u002F13.pytorch-intro",[3856,3860,3864,3868],{"title":3857,"path":3858,"stem":3859},"Тензори та автоматичне диференціювання в PyTorch","\u002Fai-python\u002Fpytorch-intro\u002Ftensors-and-autograd","16.ai-python\u002F13.pytorch-intro\u002F01.tensors-and-autograd",{"title":3861,"path":3862,"stem":3863},"Побудова та тренування нейронних мереж у PyTorch","\u002Fai-python\u002Fpytorch-intro\u002Fbuilding-and-training","16.ai-python\u002F13.pytorch-intro\u002F02.building-and-training",{"title":3865,"path":3866,"stem":3867},"Робота з даними та регуляризація в PyTorch","\u002Fai-python\u002Fpytorch-intro\u002Fdata-and-regularization","16.ai-python\u002F13.pytorch-intro\u002F03.data-and-regularization",{"title":3869,"path":3870,"stem":3871},"Просунуті теми PyTorch — GPU, оптимізація та deployment","\u002Fai-python\u002Fpytorch-intro\u002Fadvanced-topics","16.ai-python\u002F13.pytorch-intro\u002F04.advanced-topics",{"title":3873,"path":3874,"stem":3875,"children":3876,"page":59},"Activation Functions Heart Disease","\u002Fai-python\u002Factivation-functions-heart-disease","16.ai-python\u002F14.activation-functions-heart-disease",[3877,3881],{"title":3878,"path":3879,"stem":3880},"Функції активації та побудова нейронної мережі для передбачення вад серця","\u002Fai-python\u002Factivation-functions-heart-disease\u002Fheart-disease-prediction","16.ai-python\u002F14.activation-functions-heart-disease\u002F01.heart-disease-prediction",{"title":3882,"path":3883,"stem":3884},"Бонус — Повний приклад Student Performance Prediction","\u002Fai-python\u002Factivation-functions-heart-disease\u002Fstudent-performance-bonus","16.ai-python\u002F14.activation-functions-heart-disease\u002F02.student-performance-bonus",{"title":3886,"path":3887,"stem":3888,"children":3889,"page":59},"Cnn Image Classification","\u002Fai-python\u002Fcnn-image-classification","16.ai-python\u002F15.cnn-image-classification",[3890,3894,3898,3902],{"title":3891,"path":3892,"stem":3893},"Основи згорткових нейронних мереж — чому не MLP?","\u002Fai-python\u002Fcnn-image-classification\u002Fcnn-fundamentals","16.ai-python\u002F15.cnn-image-classification\u002F01.cnn-fundamentals",{"title":3895,"path":3896,"stem":3897},"Практична імплементація CNN для класифікації MNIST","\u002Fai-python\u002Fcnn-image-classification\u002Fmnist-classification","16.ai-python\u002F15.cnn-image-classification\u002F02.mnist-classification",{"title":3899,"path":3900,"stem":3901},"Глибші CNN та аугментація даних для CIFAR-10","\u002Fai-python\u002Fcnn-image-classification\u002Fcifar10-and-data-augmentation","16.ai-python\u002F15.cnn-image-classification\u002F03.cifar10-and-data-augmentation",{"title":3903,"path":3904,"stem":3905},"Transfer Learning та візуалізація внутрішніх представлень CNN","\u002Fai-python\u002Fcnn-image-classification\u002Ftransfer-learning-and-visualization","16.ai-python\u002F15.cnn-image-classification\u002F04.transfer-learning-and-visualization",{"title":3907,"path":3908,"stem":3909,"children":3910,"page":59},"Batching Normalization Deep Networks","\u002Fai-python\u002Fbatching-normalization-deep-networks","16.ai-python\u002F16.batching-normalization-deep-networks",[3911,3915,3919,3923,3927,3931,3935],{"title":3912,"path":3913,"stem":3914},"Mini-batch Gradient Descent та ефективна обробка даних","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Fmini-batch-gradient-descent","16.ai-python\u002F16.batching-normalization-deep-networks\u002F01.mini-batch-gradient-descent",{"title":3916,"path":3917,"stem":3918},"Ініціалізація ваг — фундамент стабільного навчання","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Fweight-initialization","16.ai-python\u002F16.batching-normalization-deep-networks\u002F02.weight-initialization",{"title":3920,"path":3921,"stem":3922},"Batch Normalization — прорив у глибокому навчанні","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Fbatch-normalization","16.ai-python\u002F16.batching-normalization-deep-networks\u002F03.batch-normalization",{"title":3924,"path":3925,"stem":3926},"Dropout та комбіновані стратегії регуляризації","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Fdropout-and-regularization","16.ai-python\u002F16.batching-normalization-deep-networks\u002F04.dropout-and-regularization",{"title":3928,"path":3929,"stem":3930},"Проєктування глибоких мереж — від теорії до практики","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Fdeep-networks-architectures","16.ai-python\u002F16.batching-normalization-deep-networks\u002F05.deep-networks-architectures",{"title":3932,"path":3933,"stem":3934},"Планування learning rate — коли та як зменшувати крок навчання","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Flearning-rate-scheduling","16.ai-python\u002F16.batching-normalization-deep-networks\u002F06.learning-rate-scheduling",{"title":3936,"path":3937,"stem":3938},"Підсумковий проєкт — побудова сучасного класифікатора зображень","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Ffinal-project-deep-classifier","16.ai-python\u002F16.batching-normalization-deep-networks\u002F07.final-project-deep-classifier",{"title":3940,"icon":658,"path":3941,"stem":3942,"children":3943,"page":59},"Клієнт-серверна архітектура","\u002Fclient-server-architecture","17.client-server-architecture",[3944,3948,3952,3956,3960,3964,3968,3972,3976,3980,3984,3988,3992,3996,4000,4004,4008,4012],{"title":3945,"path":3946,"stem":3947},"Архітектура клієнт-серверних систем та основи Go","\u002Fclient-server-architecture\u002Fclient-server-architecture-and-go","17.client-server-architecture\u002F01.client-server-architecture-and-go",{"title":3949,"path":3950,"stem":3951},"Система типів та модель пам’яті мови Go","\u002Fclient-server-architecture\u002Ftype-system-and-memory-model","17.client-server-architecture\u002F02.type-system-and-memory-model",{"title":3953,"path":3954,"stem":3955},"Інтерфейси та модель конкурентності мови Go","\u002Fclient-server-architecture\u002Finterfaces-and-concurrency-model","17.client-server-architecture\u002F03.interfaces-and-concurrency-model",{"title":3957,"path":3958,"stem":3959},"Сокетне програмування та протокол TCP у Go","\u002Fclient-server-architecture\u002Ftcp-socket-programming","17.client-server-architecture\u002F04.tcp-socket-programming",{"title":3961,"path":3962,"stem":3963},"Протокол UDP та датаграмна передача даних","\u002Fclient-server-architecture\u002Fudp-datagram-transmission","17.client-server-architecture\u002F05.udp-datagram-transmission",{"title":3965,"path":3966,"stem":3967},"Криптографічний захист каналів зв","\u002Fclient-server-architecture\u002Ftls-cryptographic-channel-protection","17.client-server-architecture\u002F06.tls-cryptographic-channel-protection",{"title":3969,"path":3970,"stem":3971},"Прикладні мережеві протоколи DNS та SMTP","\u002Fclient-server-architecture\u002Fdns-smtp-application-protocols","17.client-server-architecture\u002F07.dns-smtp-application-protocols",{"title":3973,"path":3974,"stem":3975},"Протокол HTTP та стандартний вебсервер Go","\u002Fclient-server-architecture\u002Fhttp-protocol-and-web-server","17.client-server-architecture\u002F08.http-protocol-and-web-server",{"title":3977,"path":3978,"stem":3979},"Проєктування REST API та маршрутизація засобами Chi","\u002Fclient-server-architecture\u002Frest-api-design-and-chi-routing","17.client-server-architecture\u002F09.rest-api-design-and-chi-routing",{"title":3981,"path":3982,"stem":3983},"Лекція 10. Шарувата архітектура та конвеєри обробки запитів","\u002Fclient-server-architecture\u002Flayered-architecture-and-middleware-pipelines","17.client-server-architecture\u002F10.layered-architecture-and-middleware-pipelines",{"title":3985,"path":3986,"stem":3987},"Лекція 11. Архітектура та маршрутизація фреймворку Gin","\u002Fclient-server-architecture\u002Fgin-framework-architecture-and-routing","17.client-server-architecture\u002F11.gin-framework-architecture-and-routing",{"title":3989,"path":3990,"stem":3991},"Лекція 12. Валідація даних, безпека та документування у Gin","\u002Fclient-server-architecture\u002Fdata-validation-security-and-documentation-in-gin","17.client-server-architecture\u002F12.data-validation-security-and-documentation-in-gin",{"title":3993,"path":3994,"stem":3995},"Лекція 13. Взаємодія з реляційними СУБД та технології ORM","\u002Fclient-server-architecture\u002Frelational-databases-and-orm","17.client-server-architecture\u002F13.relational-databases-and-orm",{"title":3997,"path":3998,"stem":3999},"Потокова передача даних та протокол WebSocket","\u002Fclient-server-architecture\u002Fstreaming-data-and-websockets","17.client-server-architecture\u002F14.streaming-data-and-websockets",{"title":4001,"path":4002,"stem":4003},"Міжсервісна взаємодія на основі протоколу gRPC","\u002Fclient-server-architecture\u002Fgrpc-inter-service-communication","17.client-server-architecture\u002F15.grpc-inter-service-communication",{"title":4005,"path":4006,"stem":4007},"Асинхронний обмін повідомленнями та протоколи черг","\u002Fclient-server-architecture\u002Fasynchronous-message-exchange-and-queue-protocols","17.client-server-architecture\u002F16.asynchronous-message-exchange-and-queue-protocols",{"title":4009,"path":4010,"stem":4011},"Протоколи потокового медіа та технологія WebRTC","\u002Fclient-server-architecture\u002Fstreaming-media-protocols-and-webrtc","17.client-server-architecture\u002F17.streaming-media-protocols-and-webrtc",{"title":4013,"path":4014,"stem":4015},"Моніторинг, безпека та контейнеризація застосунків","\u002Fclient-server-architecture\u002Fmonitoring-security-and-containerization","17.client-server-architecture\u002F18.monitoring-security-and-containerization",{"title":4017,"icon":2074,"path":4018,"stem":4019,"children":4020,"page":59},"Розробка WEB-застосувань","\u002Fweb-development","18.web-development",[4021,4066,4104,4133,4162,4219,4269,4363,4429,4511,4544,4572,4614,4660,4703],{"title":4022,"icon":658,"path":4023,"stem":4024,"children":4025,"page":59},"Архітектура комп'ютерних мереж та мережеві протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols","18.web-development\u002F01.network-architecture-and-protocols",[4026,4030,4034,4038,4042,4046,4050,4054,4058,4062],{"title":4027,"path":4028,"stem":4029},"Еволюція веброзробки та модель клієнт-сервер","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fweb-evolution-client-server","18.web-development\u002F01.network-architecture-and-protocols\u002F01.web-evolution-client-server",{"title":4031,"path":4032,"stem":4033},"Еталонна модель OSI","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fosi-model","18.web-development\u002F01.network-architecture-and-protocols\u002F02.osi-model",{"title":4035,"path":4036,"stem":4037},"Стек протоколів TCP\u002FIP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-ip-stack","18.web-development\u002F01.network-architecture-and-protocols\u002F03.tcp-ip-stack",{"title":4039,"path":4040,"stem":4041},"IP-адресація, порти та сокети","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fip-addressing-ports-sockets","18.web-development\u002F01.network-architecture-and-protocols\u002F04.ip-addressing-ports-sockets",{"title":4043,"path":4044,"stem":4045},"Протоколи TCP та UDP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-udp-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F05.tcp-udp-protocols",{"title":4047,"path":4048,"stem":4049},"Система доменних імен DNS","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fdns-system","18.web-development\u002F01.network-architecture-and-protocols\u002F06.dns-system",{"title":4051,"path":4052,"stem":4053},"Протокол SMTP та поштові протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fsmtp-email-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F07.smtp-email-protocols",{"title":4055,"path":4056,"stem":4057},"Протокол WebSocket","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fwebsocket-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F08.websocket-protocol",{"title":4059,"path":4060,"stem":4061},"Протокол SSH","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fssh-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F09.ssh-protocol",{"title":4063,"path":4064,"stem":4065},"Огляд сучасних серверних технологій","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fmodern-backend-technologies","18.web-development\u002F01.network-architecture-and-protocols\u002F10.modern-backend-technologies",{"title":4067,"icon":4068,"path":4069,"stem":4070,"children":4071,"page":59},"Протокол HTTP та захищена передача даних HTTPS","i-lucide-lock","\u002Fweb-development\u002Fhttp-and-https","18.web-development\u002F02.http-and-https",[4072,4076,4080,4084,4088,4092,4096,4100],{"title":4073,"path":4074,"stem":4075},"Вступ до протоколу HTTP та еволюція веб-технологій","\u002Fweb-development\u002Fhttp-and-https\u002Fintroduction-and-evolution","18.web-development\u002F02.http-and-https\u002F01.introduction-and-evolution",{"title":4077,"path":4078,"stem":4079},"Анатомія HTTP-запиту","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-request-structure","18.web-development\u002F02.http-and-https\u002F02.http-request-structure",{"title":4081,"path":4082,"stem":4083},"Анатомія HTTP-відповіді","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-response-structure","18.web-development\u002F02.http-and-https\u002F03.http-response-structure",{"title":4085,"path":4086,"stem":4087},"Методи HTTP та їхня семантика","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-methods","18.web-development\u002F02.http-and-https\u002F04.http-methods",{"title":4089,"path":4090,"stem":4091},"Коди статусу HTTP та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-status-codes","18.web-development\u002F02.http-and-https\u002F05.http-status-codes",{"title":4093,"path":4094,"stem":4095},"HTTP-заголовки та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-headers","18.web-development\u002F02.http-and-https\u002F06.http-headers",{"title":4097,"path":4098,"stem":4099},"CORS та механізми безпеки HTTP","\u002Fweb-development\u002Fhttp-and-https\u002Fcors-and-security","18.web-development\u002F02.http-and-https\u002F07.cors-and-security",{"title":4101,"path":4102,"stem":4103},"HTTPS та криптографічні основи TLS","\u002Fweb-development\u002Fhttp-and-https\u002Fhttps-and-tls","18.web-development\u002F02.http-and-https\u002F08.https-and-tls",{"title":4105,"icon":2454,"path":4106,"stem":4107,"children":4108,"page":59},"Система типів мови TypeScript","\u002Fweb-development\u002Ftypescript-type-system","18.web-development\u002F03.typescript-type-system",[4109,4113,4117,4121,4125,4129],{"title":4110,"path":4111,"stem":4112},"Знайомство з TypeScript Compiler","\u002Fweb-development\u002Ftypescript-type-system\u002Fintroduction-compiler-config","18.web-development\u002F03.typescript-type-system\u002F01.introduction-compiler-config",{"title":4114,"path":4115,"stem":4116},"Примітивні типи даних: string, number, boolean","\u002Fweb-development\u002Ftypescript-type-system\u002Fprimitive-special-types","18.web-development\u002F03.typescript-type-system\u002F02.primitive-special-types",{"title":4118,"path":4119,"stem":4120},"Масиви, кортежі та об","\u002Fweb-development\u002Ftypescript-type-system\u002Farrays-tuples-objects","18.web-development\u002F03.typescript-type-system\u002F03.arrays-tuples-objects",{"title":4122,"path":4123,"stem":4124},"Псевдоніми типів, Union типи, Intersection типи та літеральні типи","\u002Fweb-development\u002Ftypescript-type-system\u002Funion-intersection-literals","18.web-development\u002F03.typescript-type-system\u002F04.union-intersection-literals",{"title":4126,"path":4127,"stem":4128},"Type Narrowing (звуження типів)","\u002Fweb-development\u002Ftypescript-type-system\u002Ftype-narrowing","18.web-development\u002F03.typescript-type-system\u002F05.type-narrowing",{"title":4130,"path":4131,"stem":4132},"Типізація функцій","\u002Fweb-development\u002Ftypescript-type-system\u002Ffunctions-typing","18.web-development\u002F03.typescript-type-system\u002F06.functions-typing",{"title":4134,"icon":2454,"path":4135,"stem":4136,"children":4137,"page":59},"Розширені засоби мови TypeScript","\u002Fweb-development\u002Ftypescript-advanced","18.web-development\u002F04.typescript-advanced",[4138,4142,4146,4150,4154,4158],{"title":4139,"path":4140,"stem":4141},"Interfaces та Classes","\u002Fweb-development\u002Ftypescript-advanced\u002Finterfaces-classes","18.web-development\u002F04.typescript-advanced\u002F01.interfaces-classes",{"title":4143,"path":4144,"stem":4145},"Основи Generic типів","\u002Fweb-development\u002Ftypescript-advanced\u002Fgenerics-fundamentals","18.web-development\u002F04.typescript-advanced\u002F02.generics-fundamentals",{"title":4147,"path":4148,"stem":4149},"Enums та Decorators","\u002Fweb-development\u002Ftypescript-advanced\u002Fenums-decorators","18.web-development\u002F04.typescript-advanced\u002F03.enums-decorators",{"title":4151,"path":4152,"stem":4153},"Utility Types","\u002Fweb-development\u002Ftypescript-advanced\u002Futility-types","18.web-development\u002F04.typescript-advanced\u002F04.utility-types",{"title":4155,"path":4156,"stem":4157},"Mapped та Conditional Types","\u002Fweb-development\u002Ftypescript-advanced\u002Fmapped-conditional-types","18.web-development\u002F04.typescript-advanced\u002F05.mapped-conditional-types",{"title":4159,"path":4160,"stem":4161},"Модулі та Strict Mode","\u002Fweb-development\u002Ftypescript-advanced\u002Fmodules-strict-mode","18.web-development\u002F04.typescript-advanced\u002F06.modules-strict-mode",{"title":4163,"icon":4164,"path":4165,"stem":4166,"children":4167,"page":59},"Платформа Node.js як середовище виконання","i-devicon-nodejs","\u002Fweb-development\u002Fnodejs-platform","18.web-development\u002F05.nodejs-platform",[4168,4172,4176,4180,4184,4188,4192,4196,4200,4204,4208,4211,4215],{"title":4169,"path":4170,"stem":4171},"Що таке Node.js та його архітектура","\u002Fweb-development\u002Fnodejs-platform\u002Fwhat-is-nodejs","18.web-development\u002F05.nodejs-platform\u002F01.what-is-nodejs",{"title":4173,"path":4174,"stem":4175},"Event Loop — серце Node.js","\u002Fweb-development\u002Fnodejs-platform\u002Fevent-loop","18.web-development\u002F05.nodejs-platform\u002F02.event-loop",{"title":4177,"path":4178,"stem":4179},"Модульні системи: CommonJS vs ES Modules","\u002Fweb-development\u002Fnodejs-platform\u002Fmodule-systems","18.web-development\u002F05.nodejs-platform\u002F03.module-systems",{"title":4181,"path":4182,"stem":4183},"npm та package.json","\u002Fweb-development\u002Fnodejs-platform\u002Fnpm-package-json","18.web-development\u002F05.nodejs-platform\u002F04.npm-package-json",{"title":4185,"path":4186,"stem":4187},"Глобальні об\\","\u002Fweb-development\u002Fnodejs-platform\u002Fglobal-objects","18.web-development\u002F05.nodejs-platform\u002F05.global-objects",{"title":4189,"path":4190,"stem":4191},"Вбудований модуль fs (File System)","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-fs","18.web-development\u002F05.nodejs-platform\u002F06.built-in-modules-fs",{"title":4193,"path":4194,"stem":4195},"Вбудований модуль path","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-path","18.web-development\u002F05.nodejs-platform\u002F07.built-in-modules-path",{"title":4197,"path":4198,"stem":4199},"Вбудований модуль http","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-http","18.web-development\u002F05.nodejs-platform\u002F08.built-in-modules-http",{"title":4201,"path":4202,"stem":4203},"Streams — потоки даних у Node.js","\u002Fweb-development\u002Fnodejs-platform\u002Fstreams","18.web-development\u002F05.nodejs-platform\u002F09.streams",{"title":4205,"path":4206,"stem":4207},"Вбудований модуль util (Utilities)","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-util","18.web-development\u002F05.nodejs-platform\u002F10.built-in-modules-util",{"title":3097,"path":4209,"stem":4210},"\u002Fweb-development\u002Fnodejs-platform\u002Fenvironment-variables","18.web-development\u002F05.nodejs-platform\u002F11.environment-variables",{"title":4212,"path":4213,"stem":4214},"Інструменти налагодження та розробки","\u002Fweb-development\u002Fnodejs-platform\u002Fdebugging-tools","18.web-development\u002F05.nodejs-platform\u002F12.debugging-tools",{"title":4216,"path":4217,"stem":4218},"Продуктивність та Best Practices","\u002Fweb-development\u002Fnodejs-platform\u002Fperformance-best-practices","18.web-development\u002F05.nodejs-platform\u002F13.performance-best-practices",{"title":4220,"icon":4221,"path":4222,"stem":4223,"children":4224,"page":59},"Асинхронне програмування у Node.js","i-lucide-clock","\u002Fweb-development\u002Fasync-programming-nodejs","18.web-development\u002F06.async-programming-nodejs",[4225,4229,4233,4237,4241,4245,4249,4253,4257,4261,4265],{"title":4226,"path":4227,"stem":4228},"Синхронний vs асинхронний код","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fsync-vs-async","18.web-development\u002F06.async-programming-nodejs\u002F01.sync-vs-async",{"title":4230,"path":4231,"stem":4232},"Callbacks — перша парадигма асинхронності","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fcallbacks","18.web-development\u002F06.async-programming-nodejs\u002F02.callbacks",{"title":4234,"path":4235,"stem":4236},"Promises — стандарт асинхронності","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fpromises","18.web-development\u002F06.async-programming-nodejs\u002F03.promises",{"title":4238,"path":4239,"stem":4240},"Promise комбінатори","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fpromise-combinators","18.web-development\u002F06.async-programming-nodejs\u002F04.promise-combinators",{"title":4242,"path":4243,"stem":4244},"Async\u002FAwait — синтаксичний цукор над Promises","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fasync-await","18.web-development\u002F06.async-programming-nodejs\u002F05.async-await",{"title":4246,"path":4247,"stem":4248},"Паралельне vs послідовне виконання","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fparallel-vs-sequential","18.web-development\u002F06.async-programming-nodejs\u002F06.parallel-vs-sequential",{"title":4250,"path":4251,"stem":4252},"EventEmitter — подієва модель Node.js","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fevent-emitter","18.web-development\u002F06.async-programming-nodejs\u002F07.event-emitter",{"title":4254,"path":4255,"stem":4256},"Worker Threads — багатопотоковість у Node.js","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fworker-threads","18.web-development\u002F06.async-programming-nodejs\u002F08.worker-threads",{"title":4258,"path":4259,"stem":4260},"Child Processes — запуск зовнішніх процесів","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fchild-processes","18.web-development\u002F06.async-programming-nodejs\u002F09.child-processes",{"title":4262,"path":4263,"stem":4264},"Обробка помилок у асинхронному коді","\u002Fweb-development\u002Fasync-programming-nodejs\u002Ferror-handling","18.web-development\u002F06.async-programming-nodejs\u002F10.error-handling",{"title":4266,"path":4267,"stem":4268},"Порівняння Node.js фреймворків","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fnodejs-frameworks","18.web-development\u002F06.async-programming-nodejs\u002F11.nodejs-frameworks",{"title":4270,"icon":4271,"path":4272,"stem":4273,"children":4274,"page":59},"Тема 7. Фреймворк NestJS. Контролери та маршрутизація","i-lucide-route","\u002Fweb-development\u002Fnestjs-controllers-routing","18.web-development\u002F07.nestjs-controllers-routing",[4275,4279,4283,4287,4291,4295,4299,4303,4307,4311,4315,4319,4323,4327,4331,4335,4339,4343,4347,4351,4355,4359],{"title":4276,"path":4277,"stem":4278},"Філософія та архітектура NestJS","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-philosophy","18.web-development\u002F07.nestjs-controllers-routing\u002F01.nestjs-philosophy",{"title":4280,"path":4281,"stem":4282},"Три стовпи архітектури: модулі, контролери, провайдери","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fthree-pillars","18.web-development\u002F07.nestjs-controllers-routing\u002F02.three-pillars",{"title":4284,"path":4285,"stem":4286},"Інверсія керування (IoC) та ін","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fioc-and-di","18.web-development\u002F07.nestjs-controllers-routing\u002F03.ioc-and-di",{"title":4288,"path":4289,"stem":4290},"Встановлення NestJS CLI та створення проєкту","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-cli-setup","18.web-development\u002F07.nestjs-controllers-routing\u002F04.nestjs-cli-setup",{"title":4292,"path":4293,"stem":4294},"Структура проєкту NestJS та конвенції","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fproject-structure","18.web-development\u002F07.nestjs-controllers-routing\u002F05.project-structure",{"title":4296,"path":4297,"stem":4298},"Контролери: основи маршрутизації","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcontrollers-basics","18.web-development\u002F07.nestjs-controllers-routing\u002F06.controllers-basics",{"title":4300,"path":4301,"stem":4302},"Декоратори маршрутизації HTTP-методів","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Froute-decorators","18.web-development\u002F07.nestjs-controllers-routing\u002F07.route-decorators",{"title":4304,"path":4305,"stem":4306},"Параметри маршруту та декоратор @Param","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Froute-parameters","18.web-development\u002F07.nestjs-controllers-routing\u002F08.route-parameters",{"title":4308,"path":4309,"stem":4310},"Query-параметри та декоратор @Query","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fquery-parameters","18.web-development\u002F07.nestjs-controllers-routing\u002F09.query-parameters",{"title":4312,"path":4313,"stem":4314},"Тіло запиту та декоратор @Body","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Frequest-body","18.web-development\u002F07.nestjs-controllers-routing\u002F10.request-body",{"title":4316,"path":4317,"stem":4318},"Робота з заголовками запиту та відповіді","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fheaders-decorators","18.web-development\u002F07.nestjs-controllers-routing\u002F11.headers-decorators",{"title":4320,"path":4321,"stem":4322},"Data Transfer Objects (DTO): визначення та призначення","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fdto-introduction","18.web-development\u002F07.nestjs-controllers-routing\u002F12.dto-introduction",{"title":4324,"path":4325,"stem":4326},"Об'єкти Request та Response","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Frequest-response-objects","18.web-development\u002F07.nestjs-controllers-routing\u002F13.request-response-objects",{"title":4328,"path":4329,"stem":4330},"HTTP-статус коди та декоратор @HttpCode","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fhttp-status-codes","18.web-development\u002F07.nestjs-controllers-routing\u002F14.http-status-codes",{"title":4332,"path":4333,"stem":4334},"Перенаправлення (Redirects) та декоратор @Redirect","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fredirects","18.web-development\u002F07.nestjs-controllers-routing\u002F15.redirects",{"title":4336,"path":4337,"stem":4338},"Асинхронні обробники та Observables","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fasync-handlers","18.web-development\u002F07.nestjs-controllers-routing\u002F16.async-handlers",{"title":4340,"path":4341,"stem":4342},"Маршрутизація за піддоменами та версіонування API","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fsub-domain-routing","18.web-development\u002F07.nestjs-controllers-routing\u002F17.sub-domain-routing",{"title":4344,"path":4345,"stem":4346},"Області видимості контролерів (Scopes)","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcontroller-scopes","18.web-development\u002F07.nestjs-controllers-routing\u002F18.controller-scopes",{"title":4348,"path":4349,"stem":4350},"Основні команди NestJS CLI","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-cli-commands","18.web-development\u002F07.nestjs-controllers-routing\u002F19.nestjs-cli-commands",{"title":4352,"path":4353,"stem":4354},"Практичний приклад: створення CRUD-контролера","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcrud-example","18.web-development\u002F07.nestjs-controllers-routing\u002F20.crud-example",{"title":4356,"path":4357,"stem":4358},"Тестування контролерів","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Ftesting-controllers","18.web-development\u002F07.nestjs-controllers-routing\u002F21.testing-controllers",{"title":4360,"path":4361,"stem":4362},"Best Practices для контролерів та маршрутизації","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fbest-practices","18.web-development\u002F07.nestjs-controllers-routing\u002F22.best-practices",{"title":4364,"icon":4365,"path":4366,"stem":4367,"children":4368,"page":59},"Тема 8. Провайдери, сервіси та модульна система NestJS","i-lucide-package","\u002Fweb-development\u002Fnestjs-providers-modules","18.web-development\u002F08.nestjs-providers-modules",[4369,4373,4377,4381,4385,4389,4393,4397,4401,4405,4409,4413,4417,4421,4425],{"title":4370,"path":4371,"stem":4372},"Концепція провайдерів у NestJS","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fproviders-concept","18.web-development\u002F08.nestjs-providers-modules\u002F01.providers-concept",{"title":4374,"path":4375,"stem":4376},"Сервіси: інкапсуляція бізнес-логіки","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fservices-business-logic","18.web-development\u002F08.nestjs-providers-modules\u002F02.services-business-logic",{"title":4378,"path":4379,"stem":4380},"Практика ін","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fdependency-injection-practice","18.web-development\u002F08.nestjs-providers-modules\u002F03.dependency-injection-practice",{"title":4382,"path":4383,"stem":4384},"Custom Providers: useValue, useClass, useFactory, useExisting","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fcustom-providers","18.web-development\u002F08.nestjs-providers-modules\u002F04.custom-providers",{"title":4386,"path":4387,"stem":4388},"Injection Tokens: рядкові та символьні токени","\u002Fweb-development\u002Fnestjs-providers-modules\u002Finjection-tokens","18.web-development\u002F08.nestjs-providers-modules\u002F05.injection-tokens",{"title":4390,"path":4391,"stem":4392},"Опціональні провайдери та декоратор @Optional","\u002Fweb-development\u002Fnestjs-providers-modules\u002Foptional-providers","18.web-development\u002F08.nestjs-providers-modules\u002F07.optional-providers",{"title":4394,"path":4395,"stem":4396},"Структура модулів: imports, controllers, providers, exports","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fmodules-structure","18.web-development\u002F08.nestjs-providers-modules\u002F08.modules-structure",{"title":4398,"path":4399,"stem":4400},"Feature Modules: ізоляція функціональності","\u002Fweb-development\u002Fnestjs-providers-modules\u002Ffeature-modules","18.web-development\u002F08.nestjs-providers-modules\u002F09.feature-modules",{"title":4402,"path":4403,"stem":4404},"Shared Modules: перевикористання провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fshared-modules","18.web-development\u002F08.nestjs-providers-modules\u002F10.shared-modules",{"title":4406,"path":4407,"stem":4408},"Global Modules та декоратор @Global","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fglobal-modules","18.web-development\u002F08.nestjs-providers-modules\u002F11.global-modules",{"title":4410,"path":4411,"stem":4412},"Dynamic Modules: конфігурація під час виконання","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fdynamic-modules","18.web-development\u002F08.nestjs-providers-modules\u002F12.dynamic-modules",{"title":4414,"path":4415,"stem":4416},"Циклічні залежності та forwardRef","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fcircular-dependencies","18.web-development\u002F08.nestjs-providers-modules\u002F13.circular-dependencies",{"title":4418,"path":4419,"stem":4420},"Lifecycle Hooks: хуки життєвого циклу","\u002Fweb-development\u002Fnestjs-providers-modules\u002Flifecycle-hooks","18.web-development\u002F08.nestjs-providers-modules\u002F14.lifecycle-hooks",{"title":4422,"path":4423,"stem":4424},"ModuleRef: динамічний доступ до провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fmodule-reference","18.web-development\u002F08.nestjs-providers-modules\u002F15.module-reference",{"title":4426,"path":4427,"stem":4428},"Тестування сервісів та провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Ftesting-services","18.web-development\u002F08.nestjs-providers-modules\u002F16.testing-services",{"title":4430,"icon":4431,"path":4432,"stem":4433,"children":4434,"page":59},"Тема 9. Валідація даних та конвеєр обробки запитів у NestJS","i-lucide-filter","\u002Fweb-development\u002Fnestjs-validation-pipeline","18.web-development\u002F09.nestjs-validation-pipeline",[4435,4439,4443,4447,4451,4455,4459,4463,4467,4471,4475,4479,4483,4487,4491,4495,4499,4503,4507],{"title":4436,"path":4437,"stem":4438},"Request Pipeline: конвеєр обробки запитів","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Frequest-pipeline","18.web-development\u002F09.nestjs-validation-pipeline\u002F01.request-pipeline",{"title":4440,"path":4441,"stem":4442},"Pipes: концепція трансформації та валідації","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fpipes-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F02.pipes-concept",{"title":4444,"path":4445,"stem":4446},"Вбудовані pipes: ParseIntPipe, ParseBoolPipe, ParseUUIDPipe","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fbuilt-in-pipes","18.web-development\u002F09.nestjs-validation-pipeline\u002F03.built-in-pipes",{"title":4448,"path":4449,"stem":4450},"ValidationPipe: автоматична валідація DTO","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fvalidation-pipe","18.web-development\u002F09.nestjs-validation-pipeline\u002F04.validation-pipe",{"title":4452,"path":4453,"stem":4454},"Декоратори class-validator для DTO","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fclass-validator-decorators","18.web-development\u002F09.nestjs-validation-pipeline\u002F05.class-validator-decorators",{"title":4456,"path":4457,"stem":4458},"Створення кастомних валідаторів","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-validators","18.web-development\u002F09.nestjs-validation-pipeline\u002F06.custom-validators",{"title":4460,"path":4461,"stem":4462},"Створення власних Pipes","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-pipes","18.web-development\u002F09.nestjs-validation-pipeline\u002F07.custom-pipes",{"title":4464,"path":4465,"stem":4466},"Основи Middleware","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fmiddleware-basics","18.web-development\u002F09.nestjs-validation-pipeline\u002F08.middleware-basics",{"title":4468,"path":4469,"stem":4470},"Практичні приклади Middleware","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fmiddleware-examples","18.web-development\u002F09.nestjs-validation-pipeline\u002F09.middleware-examples",{"title":4472,"path":4473,"stem":4474},"Guards: захисні перехоплювачі доступу","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fguards-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F10.guards-concept",{"title":4476,"path":4477,"stem":4478},"Створення кастомних Guards","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-guards","18.web-development\u002F09.nestjs-validation-pipeline\u002F11.custom-guards",{"title":4480,"path":4481,"stem":4482},"Interceptors: перехоплення та трансформація відповідей","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Finterceptors-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F12.interceptors-concept",{"title":4484,"path":4485,"stem":4486},"Практичні приклади Interceptors","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Finterceptor-examples","18.web-development\u002F09.nestjs-validation-pipeline\u002F13.interceptor-examples",{"title":4488,"path":4489,"stem":4490},"Exception Filters: обробка виключень","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fexception-filters","18.web-development\u002F09.nestjs-validation-pipeline\u002F14.exception-filters",{"title":4492,"path":4493,"stem":4494},"Custom Exception Filters: спеціалізовані фільтри","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-exception-filters","18.web-development\u002F09.nestjs-validation-pipeline\u002F15.custom-exception-filters",{"title":4496,"path":4497,"stem":4498},"Execution Context: контекст виконання","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fexecution-context","18.web-development\u002F09.nestjs-validation-pipeline\u002F16.execution-context",{"title":4500,"path":4501,"stem":4502},"Custom Decorators: власні декоратори","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-decorators","18.web-development\u002F09.nestjs-validation-pipeline\u002F17.custom-decorators",{"title":4504,"path":4505,"stem":4506},"Global Components: глобальні компоненти","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fglobal-components","18.web-development\u002F09.nestjs-validation-pipeline\u002F18.global-components",{"title":4508,"path":4509,"stem":4510},"Pipeline Best Practices: найкращі практики","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fpipeline-best-practices","18.web-development\u002F09.nestjs-validation-pipeline\u002F19.pipeline-best-practices",{"title":4512,"icon":2821,"path":4513,"stem":4514,"children":4515,"page":59},"Інтеграція реляційних баз даних засобами TypeORM","\u002Fweb-development\u002Ftypeorm-integration","18.web-development\u002F10.typeorm-integration",[4516,4520,4524,4528,4532,4536,4540],{"title":4517,"path":4518,"stem":4519},"Робота з базами даних у Node.js через нативні драйвери","\u002Fweb-development\u002Ftypeorm-integration\u002F01-nodejs-database-drivers","18.web-development\u002F10.typeorm-integration\u002F01-nodejs-database-drivers",{"title":4521,"path":4522,"stem":4523},"ORM та знайомство з TypeORM","\u002Fweb-development\u002Ftypeorm-integration\u002F02-orm-and-typeorm-intro","18.web-development\u002F10.typeorm-integration\u002F02-orm-and-typeorm-intro",{"title":4525,"path":4526,"stem":4527},"Налаштування TypeORM у NestJS проєкті","\u002Fweb-development\u002Ftypeorm-integration\u002F03-typeorm-setup-nestjs","18.web-development\u002F10.typeorm-integration\u002F03-typeorm-setup-nestjs",{"title":4529,"path":4530,"stem":4531},"Entity класи та декоратори TypeORM","\u002Fweb-development\u002Ftypeorm-integration\u002F04-entities-and-decorators","18.web-development\u002F10.typeorm-integration\u002F04-entities-and-decorators",{"title":4533,"path":4534,"stem":4535},"Repository Pattern та CRUD операції","\u002Fweb-development\u002Ftypeorm-integration\u002F05-repository-pattern-crud","18.web-development\u002F10.typeorm-integration\u002F05-repository-pattern-crud",{"title":4537,"path":4538,"stem":4539},"Пагінація та фільтрація даних","\u002Fweb-development\u002Ftypeorm-integration\u002F06-pagination-filtering","18.web-development\u002F10.typeorm-integration\u002F06-pagination-filtering",{"title":4541,"path":4542,"stem":4543},"QueryBuilder для складних запитів","\u002Fweb-development\u002Ftypeorm-integration\u002F07-query-builder","18.web-development\u002F10.typeorm-integration\u002F07-query-builder",{"title":4545,"icon":4546,"path":4547,"stem":4548,"children":4549,"page":59},"Зв'язки між сутностями, міграції та оптимізація запитів","i-lucide-git-branch","\u002Fweb-development\u002Fentity-relations-migrations","18.web-development\u002F11.entity-relations-migrations",[4550,4554,4558,4562,4566],{"title":4551,"path":4552,"stem":4553},"Зв'язки One-to-Many та Many-to-One","\u002Fweb-development\u002Fentity-relations-migrations\u002F01-one-to-many-many-to-one","18.web-development\u002F11.entity-relations-migrations\u002F01-one-to-many-many-to-one",{"title":4555,"path":4556,"stem":4557},"Зв'язки One-to-One та Many-to-Many","\u002Fweb-development\u002Fentity-relations-migrations\u002F02-one-to-one-many-to-many","18.web-development\u002F11.entity-relations-migrations\u002F02-one-to-one-many-to-many",{"title":4559,"path":4560,"stem":4561},"Керування міграціями бази даних","\u002Fweb-development\u002Fentity-relations-migrations\u002F03-migrations-management","18.web-development\u002F11.entity-relations-migrations\u002F03-migrations-management",{"title":4563,"path":4564,"stem":4565},"Транзакції у TypeORM","\u002Fweb-development\u002Fentity-relations-migrations\u002F04-transactions","18.web-development\u002F11.entity-relations-migrations\u002F04-transactions",{"title":4567,"path":4568,"stem":4569,"children":4570},"Індекси та оптимізація запитів","\u002Fweb-development\u002Fentity-relations-migrations\u002F05-indexes-optimization","18.web-development\u002F11.entity-relations-migrations\u002F05-indexes-optimization",[4571],{"title":4567,"path":4568,"stem":4569},{"title":4573,"icon":4574,"path":4575,"stem":4576,"children":4577,"page":59},"Механізми автентифікації у вебзастосунках","i-lucide-key","\u002Fweb-development\u002Fauthentication","18.web-development\u002F12.authentication",[4578,4582,4586,4590,4594,4598,4602,4606,4610],{"title":4579,"path":4580,"stem":4581},"Автентифікація vs Авторизація","\u002Fweb-development\u002Fauthentication\u002F01-authentication-vs-authorization","18.web-development\u002F12.authentication\u002F01-authentication-vs-authorization",{"title":4583,"path":4584,"stem":4585},"Стратегії автентифікації","\u002Fweb-development\u002Fauthentication\u002F02-authentication-strategies","18.web-development\u002F12.authentication\u002F02-authentication-strategies",{"title":4587,"path":4588,"stem":4589},"Автентифікація на основі сесій","\u002Fweb-development\u002Fauthentication\u002F03-session-based-authentication","18.web-development\u002F12.authentication\u002F03-session-based-authentication",{"title":4591,"path":4592,"stem":4593},"Структура JSON Web Token (JWT)","\u002Fweb-development\u002Fauthentication\u002F04-jwt-structure","18.web-development\u002F12.authentication\u002F04-jwt-structure",{"title":4595,"path":4596,"stem":4597},"Інтеграція JWT у NestJS","\u002Fweb-development\u002Fauthentication\u002F05-nestjs-jwt-integration","18.web-development\u002F12.authentication\u002F05-nestjs-jwt-integration",{"title":4599,"path":4600,"stem":4601},"Passport.js стратегії у NestJS","\u002Fweb-development\u002Fauthentication\u002F06-passport-strategies","18.web-development\u002F12.authentication\u002F06-passport-strategies",{"title":4603,"path":4604,"stem":4605},"Безпечне зберігання паролів: хешування та криптографічний захист","\u002Fweb-development\u002Fauthentication\u002F07-password-hashing","18.web-development\u002F12.authentication\u002F07-password-hashing",{"title":4607,"path":4608,"stem":4609},"Refresh Token та безпечне оновлення доступу","\u002Fweb-development\u002Fauthentication\u002F08-refresh-tokens","18.web-development\u002F12.authentication\u002F08-refresh-tokens",{"title":4611,"path":4612,"stem":4613},"OAuth 2.0 та OpenID Connect: делегована автентифікація","\u002Fweb-development\u002Fauthentication\u002F09-oauth2-openid","18.web-development\u002F12.authentication\u002F09-oauth2-openid",{"title":4615,"icon":4616,"path":4617,"stem":4618,"children":4619,"page":59},"Авторизація та безпека серверних застосунків","i-lucide-shield","\u002Fweb-development\u002Fauthorization-security","18.web-development\u002F13.authorization-security",[4620,4624,4628,4632,4636,4640,4644,4648,4652,4656],{"title":4621,"path":4622,"stem":4623},"Моделі авторизації","\u002Fweb-development\u002Fauthorization-security\u002F01-authorization-models","18.web-development\u002F13.authorization-security\u002F01-authorization-models",{"title":4625,"path":4626,"stem":4627},"Реалізація RBAC у NestJS","\u002Fweb-development\u002Fauthorization-security\u002F02-rbac-implementation","18.web-development\u002F13.authorization-security\u002F02-rbac-implementation",{"title":4629,"path":4630,"stem":4631},"Permission-Based Access Control","\u002Fweb-development\u002Fauthorization-security\u002F03-permission-based-access","18.web-development\u002F13.authorization-security\u002F03-permission-based-access",{"title":4633,"path":4634,"stem":4635},"ABAC та бібліотека CASL","\u002Fweb-development\u002Fauthorization-security\u002F04-abac-casl","18.web-development\u002F13.authorization-security\u002F04-abac-casl",{"title":4637,"path":4638,"stem":4639},"Кастомні декоратори та метадані","\u002Fweb-development\u002Fauthorization-security\u002F05-custom-decorators-metadata","18.web-development\u002F13.authorization-security\u002F05-custom-decorators-metadata",{"title":4641,"path":4642,"stem":4643},"Конфігурація CORS","\u002Fweb-development\u002Fauthorization-security\u002F06-cors-configuration","18.web-development\u002F13.authorization-security\u002F06-cors-configuration",{"title":4645,"path":4646,"stem":4647},"Захист через HTTP Security Headers (Helmet)","\u002Fweb-development\u002Fauthorization-security\u002F07-helmet-security-headers","18.web-development\u002F13.authorization-security\u002F07-helmet-security-headers",{"title":4649,"path":4650,"stem":4651},"Rate Limiting та Throttling","\u002Fweb-development\u002Fauthorization-security\u002F08-rate-limiting-throttling","18.web-development\u002F13.authorization-security\u002F08-rate-limiting-throttling",{"title":4653,"path":4654,"stem":4655},"Захист від поширених атак","\u002Fweb-development\u002Fauthorization-security\u002F09-common-attacks-protection","18.web-development\u002F13.authorization-security\u002F09-common-attacks-protection",{"title":4657,"path":4658,"stem":4659},"HTTPS у продакшені","\u002Fweb-development\u002Fauthorization-security\u002F10-https-production","18.web-development\u002F13.authorization-security\u002F10-https-production",{"title":4661,"icon":871,"path":4662,"stem":4663,"children":4664,"page":59},"Комунікація у реальному часі, нотифікації та фонові задачі","\u002Fweb-development\u002Frealtime-notifications-jobs","18.web-development\u002F14.realtime-notifications-jobs",[4665,4669,4673,4677,4681,4685,4688,4691,4695,4699],{"title":4666,"path":4667,"stem":4668},"Методи комунікації у реальному часі","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F01-realtime-communication-methods","18.web-development\u002F14.realtime-notifications-jobs\u002F01-realtime-communication-methods",{"title":4670,"path":4671,"stem":4672},"WebSocket Gateway у NestJS","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F02-websocket-gateway","18.web-development\u002F14.realtime-notifications-jobs\u002F02-websocket-gateway",{"title":4674,"path":4675,"stem":4676},"Lifecycle та Rooms у WebSocket","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F03-websocket-lifecycle-rooms","18.web-development\u002F14.realtime-notifications-jobs\u002F03-websocket-lifecycle-rooms",{"title":4678,"path":4679,"stem":4680},"Server-Sent Events (SSE)","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F04-server-sent-events","18.web-development\u002F14.realtime-notifications-jobs\u002F04-server-sent-events",{"title":4682,"path":4683,"stem":4684},"Архітектура системи нотифікацій","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F05-notification-system","18.web-development\u002F14.realtime-notifications-jobs\u002F05-notification-system",{"title":904,"path":4686,"stem":4687},"\u002Fweb-development\u002Frealtime-notifications-jobs\u002F06-email-notifications","18.web-development\u002F14.realtime-notifications-jobs\u002F06-email-notifications",{"title":900,"path":4689,"stem":4690},"\u002Fweb-development\u002Frealtime-notifications-jobs\u002F07-web-push-notifications","18.web-development\u002F14.realtime-notifications-jobs\u002F07-web-push-notifications",{"title":4692,"path":4693,"stem":4694},"Фонові задачі та черги","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F08-background-jobs-queues","18.web-development\u002F14.realtime-notifications-jobs\u002F08-background-jobs-queues",{"title":4696,"path":4697,"stem":4698},"Планувальники та Cron jobs","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F09-schedulers-cron","18.web-development\u002F14.realtime-notifications-jobs\u002F09-schedulers-cron",{"title":4700,"path":4701,"stem":4702},"Практичні сценарії застосування","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F10-practical-scenarios","18.web-development\u002F14.realtime-notifications-jobs\u002F10-practical-scenarios",{"title":4704,"icon":4705,"path":4706,"stem":4707,"children":4708,"page":59},"Тестування, документування та розгортання застосунків","i-lucide-rocket","\u002Fweb-development\u002Ftesting-documentation-deployment","18.web-development\u002F15.testing-documentation-deployment",[4709,4713,4717,4721,4725,4729,4733,4737,4741,4745],{"title":4710,"path":4711,"stem":4712},"Піраміда тестування та стратегія","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F01-testing-pyramid-strategy","18.web-development\u002F15.testing-documentation-deployment\u002F01-testing-pyramid-strategy",{"title":4714,"path":4715,"stem":4716},"Основи Jest у NestJS","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F02-jest-nestjs-basics","18.web-development\u002F15.testing-documentation-deployment\u002F02-jest-nestjs-basics",{"title":4718,"path":4719,"stem":4720},"Unit-тестування сервісів","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F03-unit-testing-services","18.web-development\u002F15.testing-documentation-deployment\u002F03-unit-testing-services",{"title":4722,"path":4723,"stem":4724},"E2E тестування та покриття коду","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F04-e2e-testing-coverage","18.web-development\u002F15.testing-documentation-deployment\u002F04-e2e-testing-coverage",{"title":4726,"path":4727,"stem":4728},"Swagger, OpenAPI, Scalar та Arazzo","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F05-swagger-openapi","18.web-development\u002F15.testing-documentation-deployment\u002F05-swagger-openapi",{"title":4730,"path":4731,"stem":4732},"Керування конфігурацією","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F06-configuration-management","18.web-development\u002F15.testing-documentation-deployment\u002F06-configuration-management",{"title":4734,"path":4735,"stem":4736},"Docker та контейнеризація","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F07-docker-containerization","18.web-development\u002F15.testing-documentation-deployment\u002F07-docker-containerization",{"title":4738,"path":4739,"stem":4740},"CI\u002FCD Pipelines","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F08-cicd-pipelines","18.web-development\u002F15.testing-documentation-deployment\u002F08-cicd-pipelines",{"title":4742,"path":4743,"stem":4744},"Логування та моніторинг","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F09-logging-monitoring","18.web-development\u002F15.testing-documentation-deployment\u002F09-logging-monitoring",{"title":4746,"path":4747,"stem":4748},"Серіалізація та компресія","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F10-serialization-compression","18.web-development\u002F15.testing-documentation-deployment\u002F10-serialization-compression",{"title":4750,"icon":4751,"path":4752,"stem":4753,"children":4754,"page":59},"AI Core: мислення AI","i-lucide-brain","\u002Fai-core","19.ai-core",[4755,4796,4845,4883],{"title":4756,"icon":4705,"path":4757,"stem":4758,"children":4759,"page":59},"Вхід у професію AI Native Developer","\u002Fai-core\u002Fai-native-developer","19.ai-core\u002F01.ai-native-developer",[4760,4764,4768,4772,4776,4780,4784,4788,4792],{"title":4761,"path":4762,"stem":4763},"Вступ до професії розробника цифрових продуктів","\u002Fai-core\u002Fai-native-developer\u002Fdigital-products","19.ai-core\u002F01.ai-native-developer\u002F01.digital-products",{"title":4765,"path":4766,"stem":4767},"Професія розробника програмного забезпечення","\u002Fai-core\u002Fai-native-developer\u002Fsoftware-developer","19.ai-core\u002F01.ai-native-developer\u002F02.software-developer",{"title":4769,"path":4770,"stem":4771},"Професія AI Native Developer","\u002Fai-core\u002Fai-native-developer\u002Fai-native-developer","19.ai-core\u002F01.ai-native-developer\u002F03.ai-native-developer",{"title":4773,"path":4774,"stem":4775},"Вплив AI на розробку програмного забезпечення","\u002Fai-core\u002Fai-native-developer\u002Fai-impact-on-development","19.ai-core\u002F01.ai-native-developer\u002F04.ai-impact-on-development",{"title":4777,"path":4778,"stem":4779},"Життєвий цикл цифрового продукту","\u002Fai-core\u002Fai-native-developer\u002Fproduct-lifecycle","19.ai-core\u002F01.ai-native-developer\u002F05.product-lifecycle",{"title":4781,"path":4782,"stem":4783},"Застосування AI на етапах створення цифрового продукту","\u002Fai-core\u002Fai-native-developer\u002Fai-in-product-creation","19.ai-core\u002F01.ai-native-developer\u002F06.ai-in-product-creation",{"title":4785,"path":4786,"stem":4787},"Розподіл завдань між людиною та AI","\u002Fai-core\u002Fai-native-developer\u002Fhuman-vs-ai-tasks","19.ai-core\u002F01.ai-native-developer\u002F07.human-vs-ai-tasks",{"title":4789,"path":4790,"stem":4791},"Компетенції AI Native Developer","\u002Fai-core\u002Fai-native-developer\u002Fcompetencies","19.ai-core\u002F01.ai-native-developer\u002F08.competencies",{"title":4793,"path":4794,"stem":4795},"Карта професійного розвитку AI Native Developer","\u002Fai-core\u002Fai-native-developer\u002Fcareer-roadmap","19.ai-core\u002F01.ai-native-developer\u002F09.career-roadmap",{"title":4797,"icon":255,"path":4798,"stem":4799,"children":4800,"page":59},"Штучний інтелект і машинне навчання","\u002Fai-core\u002Fai-and-machine-learning","19.ai-core\u002F02.ai-and-machine-learning",[4801,4805,4809,4813,4817,4821,4825,4829,4833,4837,4841],{"title":4802,"path":4803,"stem":4804},"Штучний інтелект","\u002Fai-core\u002Fai-and-machine-learning\u002Fwhat-is-ai","19.ai-core\u002F02.ai-and-machine-learning\u002F01.what-is-ai",{"title":4806,"path":4807,"stem":4808},"Відмінність AI від інших програмних систем","\u002Fai-core\u002Fai-and-machine-learning\u002Fai-vs-automation","19.ai-core\u002F02.ai-and-machine-learning\u002F02.ai-vs-automation",{"title":4810,"path":4811,"stem":4812},"Завдання штучного інтелекту","\u002Fai-core\u002Fai-and-machine-learning\u002Fai-tasks","19.ai-core\u002F02.ai-and-machine-learning\u002F03.ai-tasks",{"title":4814,"path":4815,"stem":4816},"Machine Learning","\u002Fai-core\u002Fai-and-machine-learning\u002Fmachine-learning","19.ai-core\u002F02.ai-and-machine-learning\u002F04.machine-learning",{"title":4818,"path":4819,"stem":4820},"Machine Learning Workflow","\u002Fai-core\u002Fai-and-machine-learning\u002Fml-workflow","19.ai-core\u002F02.ai-and-machine-learning\u002F05.ml-workflow",{"title":4822,"path":4823,"stem":4824},"Типи машинного навчання","\u002Fai-core\u002Fai-and-machine-learning\u002Fml-types","19.ai-core\u002F02.ai-and-machine-learning\u002F06.ml-types",{"title":4826,"path":4827,"stem":4828},"Generative AI","\u002Fai-core\u002Fai-and-machine-learning\u002Fgenerative-ai","19.ai-core\u002F02.ai-and-machine-learning\u002F07.generative-ai",{"title":4830,"path":4831,"stem":4832},"Типи контенту, створюваного AI","\u002Fai-core\u002Fai-and-machine-learning\u002Fai-content-types","19.ai-core\u002F02.ai-and-machine-learning\u002F08.ai-content-types",{"title":4834,"path":4835,"stem":4836},"Великі мовні моделі","\u002Fai-core\u002Fai-and-machine-learning\u002Flarge-language-models","19.ai-core\u002F02.ai-and-machine-learning\u002F09.large-language-models",{"title":4838,"path":4839,"stem":4840},"Можливості та обмеження Generative AI","\u002Fai-core\u002Fai-and-machine-learning\u002Fcapabilities-and-limitations","19.ai-core\u002F02.ai-and-machine-learning\u002F10.capabilities-and-limitations",{"title":4842,"path":4843,"stem":4844},"Сучасні AI-асистенти","\u002Fai-core\u002Fai-and-machine-learning\u002Fmodern-ai-assistants","19.ai-core\u002F02.ai-and-machine-learning\u002F11.modern-ai-assistants",{"title":4846,"icon":4847,"path":4848,"stem":4849,"children":4850,"page":59},"Постановка завдань для AI: принципи створення промптів","i-lucide-message-square-text","\u002Fai-core\u002Fprompt-engineering","19.ai-core\u002F03.prompt-engineering",[4851,4855,4859,4863,4867,4871,4875,4879],{"title":4852,"path":4853,"stem":4854},"Промпт як інструмент","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-as-tool","19.ai-core\u002F03.prompt-engineering\u002F01.prompt-as-tool",{"title":4856,"path":4857,"stem":4858},"Принципи створення промптів","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-principles","19.ai-core\u002F03.prompt-engineering\u002F02.prompt-principles",{"title":4860,"path":4861,"stem":4862},"Структура промпта","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-structure","19.ai-core\u002F03.prompt-engineering\u002F03.prompt-structure",{"title":4864,"path":4865,"stem":4866},"Види промптів за типом задачі","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-types","19.ai-core\u002F03.prompt-engineering\u002F04.prompt-types",{"title":4868,"path":4869,"stem":4870},"Прийоми посилення промпта","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-enhancement","19.ai-core\u002F03.prompt-engineering\u002F05.prompt-enhancement",{"title":4872,"path":4873,"stem":4874},"Розбір і покращення промпта","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-analysis","19.ai-core\u002F03.prompt-engineering\u002F06.prompt-analysis",{"title":4876,"path":4877,"stem":4878},"Типові помилки під час створення промптів","\u002Fai-core\u002Fprompt-engineering\u002Fcommon-mistakes","19.ai-core\u002F03.prompt-engineering\u002F07.common-mistakes",{"title":4880,"path":4881,"stem":4882},"Практикум: особиста бібліотека промптів","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-library","19.ai-core\u002F03.prompt-engineering\u002F08.prompt-library",{"title":4884,"icon":793,"path":4885,"stem":4886,"children":4887,"page":59},"Перевірка результатів, безпека та AI Native Workflow","\u002Fai-core\u002Fverification-security-workflow","19.ai-core\u002F04.verification-security-workflow",[4888,4892,4896,4900,4904,4908,4912,4916,4920],{"title":4889,"path":4890,"stem":4891},"Межі можливостей AI","\u002Fai-core\u002Fverification-security-workflow\u002Fai-limitations","19.ai-core\u002F04.verification-security-workflow\u002F01.ai-limitations",{"title":4893,"path":4894,"stem":4895},"Галюцинації AI","\u002Fai-core\u002Fverification-security-workflow\u002Fai-hallucinations","19.ai-core\u002F04.verification-security-workflow\u002F02.ai-hallucinations",{"title":4897,"path":4898,"stem":4899},"Критичне мислення під час роботи з AI","\u002Fai-core\u002Fverification-security-workflow\u002Fcritical-thinking","19.ai-core\u002F04.verification-security-workflow\u002F03.critical-thinking",{"title":4901,"path":4902,"stem":4903},"Перевірка результатів роботи AI","\u002Fai-core\u002Fverification-security-workflow\u002Fresult-verification","19.ai-core\u002F04.verification-security-workflow\u002F04.result-verification",{"title":4905,"path":4906,"stem":4907},"Захист даних під час роботи з AI","\u002Fai-core\u002Fverification-security-workflow\u002Fdata-protection","19.ai-core\u002F04.verification-security-workflow\u002F05.data-protection",{"title":4909,"path":4910,"stem":4911},"Авторське право та навчальна доброчесність","\u002Fai-core\u002Fverification-security-workflow\u002Fcopyright-integrity","19.ai-core\u002F04.verification-security-workflow\u002F06.copyright-integrity",{"title":4913,"path":4914,"stem":4915},"Відповідальне використання AI","\u002Fai-core\u002Fverification-security-workflow\u002Fresponsible-use","19.ai-core\u002F04.verification-security-workflow\u002F07.responsible-use",{"title":4917,"path":4918,"stem":4919},"AI Native Workflow","\u002Fai-core\u002Fverification-security-workflow\u002Fai-native-workflow","19.ai-core\u002F04.verification-security-workflow\u002F08.ai-native-workflow",{"title":4921,"path":4922,"stem":4923},"Застосування AI Native Workflow під час створення цифрового продукту","\u002Fai-core\u002Fverification-security-workflow\u002Fworkflow-in-practice","19.ai-core\u002F04.verification-security-workflow\u002F09.workflow-in-practice",{"title":4925,"icon":4926,"path":4927,"stem":4928,"children":4929,"page":59},"AI Developer: Vibe Coding Sprint","i-lucide-code-xml","\u002Fai-developer","20.ai-developer",[4930,4956,4978,4999],{"title":4931,"icon":4932,"path":4933,"stem":4934,"children":4935,"page":59},"Проєктування і чорнова версія","i-lucide-pencil-ruler","\u002Fai-developer\u002Fdraft-creation","20.ai-developer\u002F01.draft-creation",[4936,4940,4944,4948,4952],{"title":4937,"path":4938,"stem":4939},"Парадигма Vibe Coding Workflow","\u002Fai-developer\u002Fdraft-creation\u002Fvibe-coding-workflow","20.ai-developer\u002F01.draft-creation\u002F01.vibe-coding-workflow",{"title":4941,"path":4942,"stem":4943},"AI-середовище швидкої розробки","\u002Fai-developer\u002Fdraft-creation\u002Fai-ide-environment","20.ai-developer\u002F01.draft-creation\u002F02.ai-ide-environment",{"title":4945,"path":4946,"stem":4947},"Користувацьке завдання та межі першої версії","\u002Fai-developer\u002Fdraft-creation\u002Fproduct-scope-and-mvp","20.ai-developer\u002F01.draft-creation\u002F03.product-scope-and-mvp",{"title":4949,"path":4950,"stem":4951},"Архітектура інтерфейсу та стани застосунку","\u002Fai-developer\u002Fdraft-creation\u002Fapplication-architecture-and-states","20.ai-developer\u002F01.draft-creation\u002F04.application-architecture-and-states",{"title":4953,"path":4954,"stem":4955},"Генерація та фіксація чорнової версії","\u002Fai-developer\u002Fdraft-creation\u002Fgenerating-draft-version","20.ai-developer\u002F01.draft-creation\u002F05.generating-draft-version",{"title":4957,"icon":4958,"path":4959,"stem":4960,"children":4961,"page":59},"Перша робоча версія","i-lucide-play-circle","\u002Fai-developer\u002Ffirst-working-version","20.ai-developer\u002F02.first-working-version",[4962,4966,4970,4974],{"title":4963,"path":4964,"stem":4965},"Уточнення контексту проєкту для AI","\u002Fai-developer\u002Ffirst-working-version\u002Frefining-project-context","20.ai-developer\u002F02.first-working-version\u002F01.refining-project-context",{"title":4967,"path":4968,"stem":4969},"Стратегія завдань для AI-розробки","\u002Fai-developer\u002Ffirst-working-version\u002Fai-prompting-strategy","20.ai-developer\u002F02.first-working-version\u002F02.ai-prompting-strategy",{"title":4971,"path":4972,"stem":4973},"Доопрацювання до першої робочої версії","\u002Fai-developer\u002Ffirst-working-version\u002Frefining-to-working-version","20.ai-developer\u002F02.first-working-version\u002F03.refining-to-working-version",{"title":4975,"path":4976,"stem":4977},"Перевірка першої робочої версії","\u002Fai-developer\u002Ffirst-working-version\u002Ftesting-first-working-version","20.ai-developer\u002F02.first-working-version\u002F04.testing-first-working-version",{"title":4979,"icon":3028,"path":4980,"stem":4981,"children":4982,"page":59},"Ітерації, дебагінг та відновлення","\u002Fai-developer\u002Fiteration-debugging-recovery","20.ai-developer\u002F03.iteration-debugging-recovery",[4983,4987,4991,4995],{"title":4984,"path":4985,"stem":4986},"Управління точковими змінами продукту","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fchange-management","20.ai-developer\u002F03.iteration-debugging-recovery\u002F01.change-management",{"title":4988,"path":4989,"stem":4990},"Надійність інтерфейсу та обробка помилок","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fscenario-reliability-and-errors","20.ai-developer\u002F03.iteration-debugging-recovery\u002F02.scenario-reliability-and-errors",{"title":4992,"path":4993,"stem":4994},"Керування контекстом і збереження версій","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fproject-context-and-versions","20.ai-developer\u002F03.iteration-debugging-recovery\u002F03.project-context-and-versions",{"title":4996,"path":4997,"stem":4998},"Збої AI-розробки, ліміти та аварійне відновлення","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fai-breakdowns-and-recovery","20.ai-developer\u002F03.iteration-debugging-recovery\u002F04.ai-breakdowns-and-recovery",{"title":5000,"icon":5001,"path":5002,"stem":5003,"children":5004,"page":59},"Перевірка та завершення продукту","i-lucide-check-check","\u002Fai-developer\u002Fverification-and-completion","20.ai-developer\u002F04.verification-and-completion",[5005,5009,5013],{"title":5006,"path":5007,"stem":5008},"Комплексний аудит та підсумкове тестування","\u002Fai-developer\u002Fverification-and-completion\u002Ffinal-product-testing","20.ai-developer\u002F04.verification-and-completion\u002F01.final-product-testing",{"title":5010,"path":5011,"stem":5012},"Підготовка підсумкової версії коду","\u002Fai-developer\u002Fverification-and-completion\u002Fpreparing-release-version","20.ai-developer\u002F04.verification-and-completion\u002F02.preparing-release-version",{"title":5014,"path":5015,"stem":5016},"Демонстрація, публікація та критерії оцінювання","\u002Fai-developer\u002Fverification-and-completion\u002Fproduct-showcase-and-publishing","20.ai-developer\u002F04.verification-and-completion\u002F03.product-showcase-and-publishing",{"title":5018,"path":5019,"stem":5020,"children":5021,"page":59},"Tailwind","\u002Ftailwind","21.tailwind",[5022,5026,5030,5034,5038,5042,5046,5050,5054,5058,5062,5066],{"title":5023,"path":5024,"stem":5025},"Що таке Tailwind CSS і навіщо він потрібен","\u002Ftailwind\u002Ftailwind-intro-philosophy","21.tailwind\u002F01.tailwind-intro-philosophy",{"title":5027,"path":5028,"stem":5029},"Встановлення та налаштування Tailwind CSS v4","\u002Ftailwind\u002Ftailwind-installation-setup","21.tailwind\u002F02.tailwind-installation-setup",{"title":5031,"path":5032,"stem":5033},"Utility-класи: основи та система Tailwind","\u002Ftailwind\u002Ftailwind-utility-classes-core","21.tailwind\u002F03.tailwind-utility-classes-core",{"title":5035,"path":5036,"stem":5037},"Layout: Flexbox та Grid через Tailwind","\u002Ftailwind\u002Ftailwind-flexbox-grid","21.tailwind\u002F04.tailwind-flexbox-grid",{"title":5039,"path":5040,"stem":5041},"Кастомізація теми через @theme у Tailwind v4","\u002Ftailwind\u002Ftailwind-theme-customization","21.tailwind\u002F05.tailwind-theme-customization",{"title":5043,"path":5044,"stem":5045},"Варіанти: hover, focus, responsive, dark mode та нові v4","\u002Ftailwind\u002Ftailwind-variants-states","21.tailwind\u002F06.tailwind-variants-states",{"title":5047,"path":5048,"stem":5049},"Типографіка та система кольорів у Tailwind v4","\u002Ftailwind\u002Ftailwind-typography-colors","21.tailwind\u002F07.tailwind-typography-colors",{"title":5051,"path":5052,"stem":5053},"Компоненти та повторюваність: @apply, @utility та патерни","\u002Ftailwind\u002Ftailwind-components-patterns","21.tailwind\u002F08.tailwind-components-patterns",{"title":5055,"path":5056,"stem":5057},"Темна тема та система дизайн-токенів у Tailwind v4","\u002Ftailwind\u002Ftailwind-dark-mode-theming","21.tailwind\u002F09.tailwind-dark-mode-theming",{"title":5059,"path":5060,"stem":5061},"Довільні значення та контейнерні запити у Tailwind v4","\u002Ftailwind\u002Ftailwind-arbitrary-container-queries","21.tailwind\u002F10.tailwind-arbitrary-container-queries",{"title":5063,"path":5064,"stem":5065},"Анімації, трансформації та 3D у Tailwind v4","\u002Ftailwind\u002Ftailwind-animations-transforms","21.tailwind\u002F11.tailwind-animations-transforms",{"title":5067,"path":5068,"stem":5069},"Tailwind CLI, PostCSS та інтеграція з фреймворками","\u002Ftailwind\u002Ftailwind-cli-tooling","21.tailwind\u002F12.tailwind-cli-tooling",{"title":5071,"path":5072,"stem":5073},"Тестування компонентів діаграм","\u002Ftest-components","98.test-components",{"id":5075,"title":4242,"body":5076,"description":19414,"extension":19415,"links":19416,"meta":19417,"navigation":5286,"path":4243,"seo":19418,"stem":4244,"__hash__":19419},"docs\u002F18.web-development\u002F06.async-programming-nodejs\u002F05.async-await.md",{"type":5077,"value":5078,"toc":19336},"minimark",[5079,5083,5195,5200,5204,5229,5232,6305,6313,6331,6338,6347,6352,6531,6537,6574,6577,6843,6847,6852,7184,7195,7202,7220,7393,7399,7451,7455,8108,8114,8131,8139,8155,8159,8462,8472,8901,8907,8934,8942,8954,9354,9363,9381,9385,9388,9966,9969,9976,9996,10132,10141,10280,10291,10295,10470,10628,10632,10635,11033,11045,11062,11066,11584,11593,11600,11612,11683,11708,11840,11844,11875,11879,12248,12531,12545,12610,12614,12619,12904,12910,12917,13065,13068,13081,13087,13265,13272,13282,13533,13542,13546,13777,13781,14210,14213,14220,14502,14511,14517,14621,14625,14671,14677,14692,14698,14774,14777,14878,14891,14908,14914,14922,14925,15502,15505,15512,15517,15974,15987,15994,15997,16623,16626,16637,16641,16648,17242,17245,17249,17255,17756,17759,17763,17766,18819,18826,18830,19063,19067,19073,19190,19246,19250,19320,19323,19332],[5080,5081,4242],"h1",{"id":5082},"asyncawait-синтаксичний-цукор-над-promises",[5084,5085,5086,5139],"card-group",{},[5087,5088,5091],"card",{"icon":5089,"title":5090},"i-lucide-target","🎯 Мета лекції",[5092,5093,5094,5103,5110,5117,5128,5134],"ul",{},[5095,5096,5097,5098,5102],"li",{},"Опанувати синтаксис ",[5099,5100,5101],"code",{},"async\u002Fawait"," як елегантну альтернативу ланцюжкам промісів.",[5095,5104,5105,5106,5109],{},"Зрозуміти концепцію функції ",[5099,5107,5108],{},"async"," як функції, що завжди повертає проміс.",[5095,5111,5112,5113,5116],{},"Навчитися використовувати оператор ",[5099,5114,5115],{},"await"," для призупинення виконання до завершення асинхронної операції.",[5095,5118,5119,5120,5123,5124,5127],{},"Дослідити переваги обробки помилок через ",[5099,5121,5122],{},"try\u002Fcatch"," замість ",[5099,5125,5126],{},".catch()",".",[5095,5129,5130,5131,5133],{},"Оволодіти технікою top-level ",[5099,5132,5115],{}," у модулях ES (ES2022).",[5095,5135,5136,5137,5127],{},"Навчитися уникати типових помилок та антипаттернів при роботі з ",[5099,5138,5101],{},[5087,5140,5142],{"icon":4574,"title":5141},"🔑 Ключові терміни",[5092,5143,5144,5162,5171,5183],{},[5095,5145,5146,5155,5156,5158,5159,5161],{},[5147,5148,5149,5150,5154],"strong",{},"Async функція (",[5151,5152,5153],"em",{},"async function","):"," функція, оголошена з ключовим словом ",[5099,5157,5108],{},", що автоматично повертає проміс та дозволяє використання оператора ",[5099,5160,5115],{}," всередині свого тіла.",[5095,5163,5164,5167,5168,5170],{},[5147,5165,5166],{},"Await оператор:"," оператор, що призупиняє виконання ",[5099,5169,5108],{}," функції до моменту виконання промісу, повертаючи його результат синхронно.",[5095,5172,5173,5179,5180,5182],{},[5147,5174,5175,5176,5154],{},"Синтаксичний цукор (",[5151,5177,5178],{},"syntactic sugar"," синтаксична конструкція, що робить код більш читабельним, але не додає нової функціональності — ",[5099,5181,5101],{}," є цукром над промісами.",[5095,5184,5185,5188,5189,5191,5192,5194],{},[5147,5186,5187],{},"Top-level await:"," можливість використання ",[5099,5190,5115],{}," поза ",[5099,5193,5108],{}," функціями на верхньому рівні ES-модулів (з ES2022).",[5196,5197,5199],"h2",{"id":5198},"еволюція-асинхронного-синтаксису-від-callback-до-asyncawait","Еволюція асинхронного синтаксису: від callback до async\u002Fawait",[5201,5202,5203],"p",{},"Протягом еволюції JavaScript асинхронний код пройшов три основні етапи:",[5205,5206,5207,5213,5223],"ol",{},[5095,5208,5209,5212],{},[5147,5210,5211],{},"Callback (1990-ті — 2010-ті):"," функції зворотного виклику, що призводили до callback hell.",[5095,5214,5215,5218,5219,5222],{},[5147,5216,5217],{},"Promises (ES2015):"," об'єкти-обгортки з ланцюжками ",[5099,5220,5221],{},".then()",", що усували вкладеність.",[5095,5224,5225,5228],{},[5147,5226,5227],{},"Async\u002FAwait (ES2017):"," синтаксичний цукор над промісами, що робить асинхронний код схожим на синхронний.",[5201,5230,5231],{},"Розглянемо еволюцію одного й того ж коду через всі три підходи:",[5233,5234,5235,5692,6008],"code-group",{},[5236,5237,5243],"pre",{"className":5238,"code":5239,"filename":5240,"language":5241,"meta":5242,"style":5242},"language-typescript shiki shiki-themes light-plus dark-plus dark-plus","import { readFile, writeFile } from 'node:fs';\n\nreadFile('.\u002Fuser.json', 'utf-8', (err1, userData) => {\n  if (err1) {\n    console.error('Помилка читання користувача:', err1);\n    return;\n  }\n  \n  const user = JSON.parse(userData);\n  \n  readFile(`.\u002Fposts\u002F${user.id}.json`, 'utf-8', (err2, postsData) => {\n    if (err2) {\n      console.error('Помилка читання постів:', err2);\n      return;\n    }\n    \n    const posts = JSON.parse(postsData);\n    const summary = { user, postCount: posts.length };\n    \n    writeFile('.\u002Fsummary.json', JSON.stringify(summary), (err3) => {\n      if (err3) {\n        console.error('Помилка запису:', err3);\n        return;\n      }\n      console.log('Звіт створено');\n    });\n  });\n});\n","Callback Hell","typescript","",[5099,5244,5245,5281,5288,5326,5340,5363,5371,5377,5383,5410,5415,5464,5476,5497,5505,5511,5517,5540,5568,5573,5610,5622,5643,5651,5657,5674,5680,5686],{"__ignoreMap":5242},[5246,5247,5250,5254,5258,5262,5265,5268,5271,5274,5278],"span",{"class":5248,"line":5249},"line",1,[5246,5251,5253],{"class":5252},"s8xlr","import",[5246,5255,5257],{"class":5256},"sHH4Y"," { ",[5246,5259,5261],{"class":5260},"siwwj","readFile",[5246,5263,5264],{"class":5256},", ",[5246,5266,5267],{"class":5260},"writeFile",[5246,5269,5270],{"class":5256}," } ",[5246,5272,5273],{"class":5252},"from",[5246,5275,5277],{"class":5276},"sbdoH"," 'node:fs'",[5246,5279,5280],{"class":5256},";\n",[5246,5282,5284],{"class":5248,"line":5283},2,[5246,5285,5287],{"emptyLinePlaceholder":5286},true,"\n",[5246,5289,5291,5294,5297,5300,5302,5305,5308,5311,5313,5316,5319,5323],{"class":5248,"line":5290},3,[5246,5292,5261],{"class":5293},"s8Opu",[5246,5295,5296],{"class":5256},"(",[5246,5298,5299],{"class":5276},"'.\u002Fuser.json'",[5246,5301,5264],{"class":5256},[5246,5303,5304],{"class":5276},"'utf-8'",[5246,5306,5307],{"class":5256},", (",[5246,5309,5310],{"class":5260},"err1",[5246,5312,5264],{"class":5256},[5246,5314,5315],{"class":5260},"userData",[5246,5317,5318],{"class":5256},") ",[5246,5320,5322],{"class":5321},"su1O8","=>",[5246,5324,5325],{"class":5256}," {\n",[5246,5327,5329,5332,5335,5337],{"class":5248,"line":5328},4,[5246,5330,5331],{"class":5252},"  if",[5246,5333,5334],{"class":5256}," (",[5246,5336,5310],{"class":5260},[5246,5338,5339],{"class":5256},") {\n",[5246,5341,5343,5346,5348,5351,5353,5356,5358,5360],{"class":5248,"line":5342},5,[5246,5344,5345],{"class":5260},"    console",[5246,5347,5127],{"class":5256},[5246,5349,5350],{"class":5293},"error",[5246,5352,5296],{"class":5256},[5246,5354,5355],{"class":5276},"'Помилка читання користувача:'",[5246,5357,5264],{"class":5256},[5246,5359,5310],{"class":5260},[5246,5361,5362],{"class":5256},");\n",[5246,5364,5366,5369],{"class":5248,"line":5365},6,[5246,5367,5368],{"class":5252},"    return",[5246,5370,5280],{"class":5256},[5246,5372,5374],{"class":5248,"line":5373},7,[5246,5375,5376],{"class":5256},"  }\n",[5246,5378,5380],{"class":5248,"line":5379},8,[5246,5381,5382],{"class":5256},"  \n",[5246,5384,5386,5389,5393,5396,5399,5401,5404,5406,5408],{"class":5248,"line":5385},9,[5246,5387,5388],{"class":5321},"  const",[5246,5390,5392],{"class":5391},"s-QsJ"," user",[5246,5394,5395],{"class":5256}," = ",[5246,5397,5398],{"class":5391},"JSON",[5246,5400,5127],{"class":5256},[5246,5402,5403],{"class":5293},"parse",[5246,5405,5296],{"class":5256},[5246,5407,5315],{"class":5260},[5246,5409,5362],{"class":5256},[5246,5411,5413],{"class":5248,"line":5412},10,[5246,5414,5382],{"class":5256},[5246,5416,5418,5421,5423,5426,5429,5432,5435,5438,5441,5444,5446,5448,5450,5453,5455,5458,5460,5462],{"class":5248,"line":5417},11,[5246,5419,5420],{"class":5293},"  readFile",[5246,5422,5296],{"class":5256},[5246,5424,5425],{"class":5276},"`.\u002Fposts\u002F",[5246,5427,5428],{"class":5321},"${",[5246,5430,5431],{"class":5260},"user",[5246,5433,5127],{"class":5434},"sD7JJ",[5246,5436,5437],{"class":5260},"id",[5246,5439,5440],{"class":5321},"}",[5246,5442,5443],{"class":5276},".json`",[5246,5445,5264],{"class":5256},[5246,5447,5304],{"class":5276},[5246,5449,5307],{"class":5256},[5246,5451,5452],{"class":5260},"err2",[5246,5454,5264],{"class":5256},[5246,5456,5457],{"class":5260},"postsData",[5246,5459,5318],{"class":5256},[5246,5461,5322],{"class":5321},[5246,5463,5325],{"class":5256},[5246,5465,5467,5470,5472,5474],{"class":5248,"line":5466},12,[5246,5468,5469],{"class":5252},"    if",[5246,5471,5334],{"class":5256},[5246,5473,5452],{"class":5260},[5246,5475,5339],{"class":5256},[5246,5477,5479,5482,5484,5486,5488,5491,5493,5495],{"class":5248,"line":5478},13,[5246,5480,5481],{"class":5260},"      console",[5246,5483,5127],{"class":5256},[5246,5485,5350],{"class":5293},[5246,5487,5296],{"class":5256},[5246,5489,5490],{"class":5276},"'Помилка читання постів:'",[5246,5492,5264],{"class":5256},[5246,5494,5452],{"class":5260},[5246,5496,5362],{"class":5256},[5246,5498,5500,5503],{"class":5248,"line":5499},14,[5246,5501,5502],{"class":5252},"      return",[5246,5504,5280],{"class":5256},[5246,5506,5508],{"class":5248,"line":5507},15,[5246,5509,5510],{"class":5256},"    }\n",[5246,5512,5514],{"class":5248,"line":5513},16,[5246,5515,5516],{"class":5256},"    \n",[5246,5518,5520,5523,5526,5528,5530,5532,5534,5536,5538],{"class":5248,"line":5519},17,[5246,5521,5522],{"class":5321},"    const",[5246,5524,5525],{"class":5391}," posts",[5246,5527,5395],{"class":5256},[5246,5529,5398],{"class":5391},[5246,5531,5127],{"class":5256},[5246,5533,5403],{"class":5293},[5246,5535,5296],{"class":5256},[5246,5537,5457],{"class":5260},[5246,5539,5362],{"class":5256},[5246,5541,5543,5545,5548,5551,5553,5555,5558,5560,5562,5565],{"class":5248,"line":5542},18,[5246,5544,5522],{"class":5321},[5246,5546,5547],{"class":5391}," summary",[5246,5549,5550],{"class":5256}," = { ",[5246,5552,5431],{"class":5260},[5246,5554,5264],{"class":5256},[5246,5556,5557],{"class":5260},"postCount:",[5246,5559,5525],{"class":5260},[5246,5561,5127],{"class":5256},[5246,5563,5564],{"class":5260},"length",[5246,5566,5567],{"class":5256}," };\n",[5246,5569,5571],{"class":5248,"line":5570},19,[5246,5572,5516],{"class":5256},[5246,5574,5576,5579,5581,5584,5586,5588,5590,5593,5595,5598,5601,5604,5606,5608],{"class":5248,"line":5575},20,[5246,5577,5578],{"class":5293},"    writeFile",[5246,5580,5296],{"class":5256},[5246,5582,5583],{"class":5276},"'.\u002Fsummary.json'",[5246,5585,5264],{"class":5256},[5246,5587,5398],{"class":5391},[5246,5589,5127],{"class":5256},[5246,5591,5592],{"class":5293},"stringify",[5246,5594,5296],{"class":5256},[5246,5596,5597],{"class":5260},"summary",[5246,5599,5600],{"class":5256},"), (",[5246,5602,5603],{"class":5260},"err3",[5246,5605,5318],{"class":5256},[5246,5607,5322],{"class":5321},[5246,5609,5325],{"class":5256},[5246,5611,5613,5616,5618,5620],{"class":5248,"line":5612},21,[5246,5614,5615],{"class":5252},"      if",[5246,5617,5334],{"class":5256},[5246,5619,5603],{"class":5260},[5246,5621,5339],{"class":5256},[5246,5623,5625,5628,5630,5632,5634,5637,5639,5641],{"class":5248,"line":5624},22,[5246,5626,5627],{"class":5260},"        console",[5246,5629,5127],{"class":5256},[5246,5631,5350],{"class":5293},[5246,5633,5296],{"class":5256},[5246,5635,5636],{"class":5276},"'Помилка запису:'",[5246,5638,5264],{"class":5256},[5246,5640,5603],{"class":5260},[5246,5642,5362],{"class":5256},[5246,5644,5646,5649],{"class":5248,"line":5645},23,[5246,5647,5648],{"class":5252},"        return",[5246,5650,5280],{"class":5256},[5246,5652,5654],{"class":5248,"line":5653},24,[5246,5655,5656],{"class":5256},"      }\n",[5246,5658,5660,5662,5664,5667,5669,5672],{"class":5248,"line":5659},25,[5246,5661,5481],{"class":5260},[5246,5663,5127],{"class":5256},[5246,5665,5666],{"class":5293},"log",[5246,5668,5296],{"class":5256},[5246,5670,5671],{"class":5276},"'Звіт створено'",[5246,5673,5362],{"class":5256},[5246,5675,5677],{"class":5248,"line":5676},26,[5246,5678,5679],{"class":5256},"    });\n",[5246,5681,5683],{"class":5248,"line":5682},27,[5246,5684,5685],{"class":5256},"  });\n",[5246,5687,5689],{"class":5248,"line":5688},28,[5246,5690,5691],{"class":5256},"});\n",[5236,5693,5696],{"className":5238,"code":5694,"filename":5695,"language":5241,"meta":5242,"style":5242},"import { readFile, writeFile } from 'node:fs\u002Fpromises';\n\nreadFile('.\u002Fuser.json', 'utf-8')\n  .then((userData) => {\n    const user = JSON.parse(userData);\n    return readFile(`.\u002Fposts\u002F${user.id}.json`, 'utf-8')\n      .then((postsData) => ({ user, postsData }));\n  })\n  .then(({ user, postsData }) => {\n    const posts = JSON.parse(postsData);\n    const summary = { user, postCount: posts.length };\n    return writeFile('.\u002Fsummary.json', JSON.stringify(summary));\n  })\n  .then(() => {\n    console.log('Звіт створено');\n  })\n  .catch((error) => {\n    console.error('Помилка:', error.message);\n  });\n","Promise Chains",[5099,5697,5698,5719,5723,5738,5757,5777,5806,5833,5838,5860,5880,5902,5928,5932,5945,5959,5963,5980,6004],{"__ignoreMap":5242},[5246,5699,5700,5702,5704,5706,5708,5710,5712,5714,5717],{"class":5248,"line":5249},[5246,5701,5253],{"class":5252},[5246,5703,5257],{"class":5256},[5246,5705,5261],{"class":5260},[5246,5707,5264],{"class":5256},[5246,5709,5267],{"class":5260},[5246,5711,5270],{"class":5256},[5246,5713,5273],{"class":5252},[5246,5715,5716],{"class":5276}," 'node:fs\u002Fpromises'",[5246,5718,5280],{"class":5256},[5246,5720,5721],{"class":5248,"line":5283},[5246,5722,5287],{"emptyLinePlaceholder":5286},[5246,5724,5725,5727,5729,5731,5733,5735],{"class":5248,"line":5290},[5246,5726,5261],{"class":5293},[5246,5728,5296],{"class":5256},[5246,5730,5299],{"class":5276},[5246,5732,5264],{"class":5256},[5246,5734,5304],{"class":5276},[5246,5736,5737],{"class":5256},")\n",[5246,5739,5740,5743,5746,5749,5751,5753,5755],{"class":5248,"line":5328},[5246,5741,5742],{"class":5256},"  .",[5246,5744,5745],{"class":5293},"then",[5246,5747,5748],{"class":5256},"((",[5246,5750,5315],{"class":5260},[5246,5752,5318],{"class":5256},[5246,5754,5322],{"class":5321},[5246,5756,5325],{"class":5256},[5246,5758,5759,5761,5763,5765,5767,5769,5771,5773,5775],{"class":5248,"line":5342},[5246,5760,5522],{"class":5321},[5246,5762,5392],{"class":5391},[5246,5764,5395],{"class":5256},[5246,5766,5398],{"class":5391},[5246,5768,5127],{"class":5256},[5246,5770,5403],{"class":5293},[5246,5772,5296],{"class":5256},[5246,5774,5315],{"class":5260},[5246,5776,5362],{"class":5256},[5246,5778,5779,5781,5784,5786,5788,5790,5792,5794,5796,5798,5800,5802,5804],{"class":5248,"line":5365},[5246,5780,5368],{"class":5252},[5246,5782,5783],{"class":5293}," readFile",[5246,5785,5296],{"class":5256},[5246,5787,5425],{"class":5276},[5246,5789,5428],{"class":5321},[5246,5791,5431],{"class":5260},[5246,5793,5127],{"class":5434},[5246,5795,5437],{"class":5260},[5246,5797,5440],{"class":5321},[5246,5799,5443],{"class":5276},[5246,5801,5264],{"class":5256},[5246,5803,5304],{"class":5276},[5246,5805,5737],{"class":5256},[5246,5807,5808,5811,5813,5815,5817,5819,5821,5824,5826,5828,5830],{"class":5248,"line":5373},[5246,5809,5810],{"class":5256},"      .",[5246,5812,5745],{"class":5293},[5246,5814,5748],{"class":5256},[5246,5816,5457],{"class":5260},[5246,5818,5318],{"class":5256},[5246,5820,5322],{"class":5321},[5246,5822,5823],{"class":5256}," ({ ",[5246,5825,5431],{"class":5260},[5246,5827,5264],{"class":5256},[5246,5829,5457],{"class":5260},[5246,5831,5832],{"class":5256}," }));\n",[5246,5834,5835],{"class":5248,"line":5379},[5246,5836,5837],{"class":5256},"  })\n",[5246,5839,5840,5842,5844,5847,5849,5851,5853,5856,5858],{"class":5248,"line":5385},[5246,5841,5742],{"class":5256},[5246,5843,5745],{"class":5293},[5246,5845,5846],{"class":5256},"(({ ",[5246,5848,5431],{"class":5260},[5246,5850,5264],{"class":5256},[5246,5852,5457],{"class":5260},[5246,5854,5855],{"class":5256}," }) ",[5246,5857,5322],{"class":5321},[5246,5859,5325],{"class":5256},[5246,5861,5862,5864,5866,5868,5870,5872,5874,5876,5878],{"class":5248,"line":5412},[5246,5863,5522],{"class":5321},[5246,5865,5525],{"class":5391},[5246,5867,5395],{"class":5256},[5246,5869,5398],{"class":5391},[5246,5871,5127],{"class":5256},[5246,5873,5403],{"class":5293},[5246,5875,5296],{"class":5256},[5246,5877,5457],{"class":5260},[5246,5879,5362],{"class":5256},[5246,5881,5882,5884,5886,5888,5890,5892,5894,5896,5898,5900],{"class":5248,"line":5417},[5246,5883,5522],{"class":5321},[5246,5885,5547],{"class":5391},[5246,5887,5550],{"class":5256},[5246,5889,5431],{"class":5260},[5246,5891,5264],{"class":5256},[5246,5893,5557],{"class":5260},[5246,5895,5525],{"class":5260},[5246,5897,5127],{"class":5256},[5246,5899,5564],{"class":5260},[5246,5901,5567],{"class":5256},[5246,5903,5904,5906,5909,5911,5913,5915,5917,5919,5921,5923,5925],{"class":5248,"line":5466},[5246,5905,5368],{"class":5252},[5246,5907,5908],{"class":5293}," writeFile",[5246,5910,5296],{"class":5256},[5246,5912,5583],{"class":5276},[5246,5914,5264],{"class":5256},[5246,5916,5398],{"class":5391},[5246,5918,5127],{"class":5256},[5246,5920,5592],{"class":5293},[5246,5922,5296],{"class":5256},[5246,5924,5597],{"class":5260},[5246,5926,5927],{"class":5256},"));\n",[5246,5929,5930],{"class":5248,"line":5478},[5246,5931,5837],{"class":5256},[5246,5933,5934,5936,5938,5941,5943],{"class":5248,"line":5499},[5246,5935,5742],{"class":5256},[5246,5937,5745],{"class":5293},[5246,5939,5940],{"class":5256},"(() ",[5246,5942,5322],{"class":5321},[5246,5944,5325],{"class":5256},[5246,5946,5947,5949,5951,5953,5955,5957],{"class":5248,"line":5507},[5246,5948,5345],{"class":5260},[5246,5950,5127],{"class":5256},[5246,5952,5666],{"class":5293},[5246,5954,5296],{"class":5256},[5246,5956,5671],{"class":5276},[5246,5958,5362],{"class":5256},[5246,5960,5961],{"class":5248,"line":5513},[5246,5962,5837],{"class":5256},[5246,5964,5965,5967,5970,5972,5974,5976,5978],{"class":5248,"line":5519},[5246,5966,5742],{"class":5256},[5246,5968,5969],{"class":5293},"catch",[5246,5971,5748],{"class":5256},[5246,5973,5350],{"class":5260},[5246,5975,5318],{"class":5256},[5246,5977,5322],{"class":5321},[5246,5979,5325],{"class":5256},[5246,5981,5982,5984,5986,5988,5990,5993,5995,5997,5999,6002],{"class":5248,"line":5542},[5246,5983,5345],{"class":5260},[5246,5985,5127],{"class":5256},[5246,5987,5350],{"class":5293},[5246,5989,5296],{"class":5256},[5246,5991,5992],{"class":5276},"'Помилка:'",[5246,5994,5264],{"class":5256},[5246,5996,5350],{"class":5260},[5246,5998,5127],{"class":5256},[5246,6000,6001],{"class":5260},"message",[5246,6003,5362],{"class":5256},[5246,6005,6006],{"class":5248,"line":5570},[5246,6007,5685],{"class":5256},[5236,6009,6012],{"className":5238,"code":6010,"filename":6011,"language":5241,"meta":5242,"style":5242},"import { readFile, writeFile } from 'node:fs\u002Fpromises';\n\nasync function createSummary(): Promise\u003Cvoid> {\n  try {\n    const userData = await readFile('.\u002Fuser.json', 'utf-8');\n    const user = JSON.parse(userData);\n    \n    const postsData = await readFile(`.\u002Fposts\u002F${user.id}.json`, 'utf-8');\n    const posts = JSON.parse(postsData);\n    \n    const summary = { user, postCount: posts.length };\n    await writeFile('.\u002Fsummary.json', JSON.stringify(summary));\n    \n    console.log('Звіт створено');\n  } catch (error) {\n    console.error('Помилка:', (error as Error).message);\n  }\n}\n\ncreateSummary();\n","Async\u002FAwait",[5099,6013,6014,6034,6038,6064,6071,6094,6114,6118,6153,6173,6177,6199,6224,6228,6242,6255,6284,6288,6293,6297],{"__ignoreMap":5242},[5246,6015,6016,6018,6020,6022,6024,6026,6028,6030,6032],{"class":5248,"line":5249},[5246,6017,5253],{"class":5252},[5246,6019,5257],{"class":5256},[5246,6021,5261],{"class":5260},[5246,6023,5264],{"class":5256},[5246,6025,5267],{"class":5260},[5246,6027,5270],{"class":5256},[5246,6029,5273],{"class":5252},[5246,6031,5716],{"class":5276},[5246,6033,5280],{"class":5256},[5246,6035,6036],{"class":5248,"line":5283},[5246,6037,5287],{"emptyLinePlaceholder":5286},[5246,6039,6040,6042,6045,6048,6051,6055,6058,6061],{"class":5248,"line":5290},[5246,6041,5108],{"class":5321},[5246,6043,6044],{"class":5321}," function",[5246,6046,6047],{"class":5293}," createSummary",[5246,6049,6050],{"class":5256},"(): ",[5246,6052,6054],{"class":6053},"sN1BT","Promise",[5246,6056,6057],{"class":5256},"\u003C",[5246,6059,6060],{"class":6053},"void",[5246,6062,6063],{"class":5256},"> {\n",[5246,6065,6066,6069],{"class":5248,"line":5328},[5246,6067,6068],{"class":5252},"  try",[5246,6070,5325],{"class":5256},[5246,6072,6073,6075,6078,6080,6082,6084,6086,6088,6090,6092],{"class":5248,"line":5342},[5246,6074,5522],{"class":5321},[5246,6076,6077],{"class":5391}," userData",[5246,6079,5395],{"class":5256},[5246,6081,5115],{"class":5252},[5246,6083,5783],{"class":5293},[5246,6085,5296],{"class":5256},[5246,6087,5299],{"class":5276},[5246,6089,5264],{"class":5256},[5246,6091,5304],{"class":5276},[5246,6093,5362],{"class":5256},[5246,6095,6096,6098,6100,6102,6104,6106,6108,6110,6112],{"class":5248,"line":5365},[5246,6097,5522],{"class":5321},[5246,6099,5392],{"class":5391},[5246,6101,5395],{"class":5256},[5246,6103,5398],{"class":5391},[5246,6105,5127],{"class":5256},[5246,6107,5403],{"class":5293},[5246,6109,5296],{"class":5256},[5246,6111,5315],{"class":5260},[5246,6113,5362],{"class":5256},[5246,6115,6116],{"class":5248,"line":5373},[5246,6117,5516],{"class":5256},[5246,6119,6120,6122,6125,6127,6129,6131,6133,6135,6137,6139,6141,6143,6145,6147,6149,6151],{"class":5248,"line":5379},[5246,6121,5522],{"class":5321},[5246,6123,6124],{"class":5391}," postsData",[5246,6126,5395],{"class":5256},[5246,6128,5115],{"class":5252},[5246,6130,5783],{"class":5293},[5246,6132,5296],{"class":5256},[5246,6134,5425],{"class":5276},[5246,6136,5428],{"class":5321},[5246,6138,5431],{"class":5260},[5246,6140,5127],{"class":5434},[5246,6142,5437],{"class":5260},[5246,6144,5440],{"class":5321},[5246,6146,5443],{"class":5276},[5246,6148,5264],{"class":5256},[5246,6150,5304],{"class":5276},[5246,6152,5362],{"class":5256},[5246,6154,6155,6157,6159,6161,6163,6165,6167,6169,6171],{"class":5248,"line":5385},[5246,6156,5522],{"class":5321},[5246,6158,5525],{"class":5391},[5246,6160,5395],{"class":5256},[5246,6162,5398],{"class":5391},[5246,6164,5127],{"class":5256},[5246,6166,5403],{"class":5293},[5246,6168,5296],{"class":5256},[5246,6170,5457],{"class":5260},[5246,6172,5362],{"class":5256},[5246,6174,6175],{"class":5248,"line":5412},[5246,6176,5516],{"class":5256},[5246,6178,6179,6181,6183,6185,6187,6189,6191,6193,6195,6197],{"class":5248,"line":5417},[5246,6180,5522],{"class":5321},[5246,6182,5547],{"class":5391},[5246,6184,5550],{"class":5256},[5246,6186,5431],{"class":5260},[5246,6188,5264],{"class":5256},[5246,6190,5557],{"class":5260},[5246,6192,5525],{"class":5260},[5246,6194,5127],{"class":5256},[5246,6196,5564],{"class":5260},[5246,6198,5567],{"class":5256},[5246,6200,6201,6204,6206,6208,6210,6212,6214,6216,6218,6220,6222],{"class":5248,"line":5466},[5246,6202,6203],{"class":5252},"    await",[5246,6205,5908],{"class":5293},[5246,6207,5296],{"class":5256},[5246,6209,5583],{"class":5276},[5246,6211,5264],{"class":5256},[5246,6213,5398],{"class":5391},[5246,6215,5127],{"class":5256},[5246,6217,5592],{"class":5293},[5246,6219,5296],{"class":5256},[5246,6221,5597],{"class":5260},[5246,6223,5927],{"class":5256},[5246,6225,6226],{"class":5248,"line":5478},[5246,6227,5516],{"class":5256},[5246,6229,6230,6232,6234,6236,6238,6240],{"class":5248,"line":5499},[5246,6231,5345],{"class":5260},[5246,6233,5127],{"class":5256},[5246,6235,5666],{"class":5293},[5246,6237,5296],{"class":5256},[5246,6239,5671],{"class":5276},[5246,6241,5362],{"class":5256},[5246,6243,6244,6247,6249,6251,6253],{"class":5248,"line":5507},[5246,6245,6246],{"class":5256},"  } ",[5246,6248,5969],{"class":5252},[5246,6250,5334],{"class":5256},[5246,6252,5350],{"class":5260},[5246,6254,5339],{"class":5256},[5246,6256,6257,6259,6261,6263,6265,6267,6269,6271,6274,6277,6280,6282],{"class":5248,"line":5513},[5246,6258,5345],{"class":5260},[5246,6260,5127],{"class":5256},[5246,6262,5350],{"class":5293},[5246,6264,5296],{"class":5256},[5246,6266,5992],{"class":5276},[5246,6268,5307],{"class":5256},[5246,6270,5350],{"class":5260},[5246,6272,6273],{"class":5252}," as",[5246,6275,6276],{"class":6053}," Error",[5246,6278,6279],{"class":5256},").",[5246,6281,6001],{"class":5260},[5246,6283,5362],{"class":5256},[5246,6285,6286],{"class":5248,"line":5519},[5246,6287,5376],{"class":5256},[5246,6289,6290],{"class":5248,"line":5542},[5246,6291,6292],{"class":5256},"}\n",[5246,6294,6295],{"class":5248,"line":5570},[5246,6296,5287],{"emptyLinePlaceholder":5286},[5246,6298,6299,6302],{"class":5248,"line":5575},[5246,6300,6301],{"class":5293},"createSummary",[5246,6303,6304],{"class":5256},"();\n",[5201,6306,6307,6308,6310,6311,5127],{},"Порівнюючи три варіанти, очевидно, що ",[5099,6309,5101],{}," синтаксис найбільш читабельний — код виглядає майже як синхронний, але виконується асинхронно. Кожна операція чітко відокремлена, відсутня вкладеність, помилки обробляються у єдиному блоці ",[5099,6312,5969],{},[6314,6315,6316,6317,6319,6320,6323,6324,6326,6327,6330],"note",{},"Критично важливо розуміти: ",[5099,6318,5101],{}," ",[5147,6321,6322],{},"НЕ змінює"," асинхронної природи JavaScript. Під капотом весь код досі працює через проміси та Event Loop. ",[5099,6325,5101],{}," є лише ",[5147,6328,6329],{},"синтаксичним цукром",", що робить код більш лінійним та зрозумілим.",[5196,6332,6334,6335,6337],{"id":6333},"ключове-слово-async-функції-що-повертають-проміси","Ключове слово ",[5099,6336,5108],{},": функції, що повертають проміси",[5201,6339,6334,6340,6342,6343,6346],{},[5099,6341,5108],{}," перед оголошенням функції змінює її поведінку фундаментальним чином: ",[5147,6344,6345],{},"функція завжди повертає проміс",", навіть якщо у тілі функції явно повертається звичайне значення.",[6348,6349,6351],"h3",{"id":6350},"базовий-приклад","Базовий приклад",[5236,6353,6355],{"className":5238,"code":6354,"language":5241,"meta":5242,"style":5242},"\u002F\u002F Звичайна функція\nfunction regularFunction(): number {\n  return 42;\n}\n\nconsole.log(regularFunction()); \u002F\u002F 42 (число)\n\n\u002F\u002F Async функція\nasync function asyncFunction(): Promise\u003Cnumber> {\n  return 42;\n}\n\nconsole.log(asyncFunction()); \u002F\u002F Promise { 42 } (проміс)\n\n\u002F\u002F Отримання значення з async функції\nasyncFunction().then((value) => {\n  console.log(value); \u002F\u002F 42\n});\n",[5099,6356,6357,6363,6378,6389,6393,6397,6417,6421,6426,6445,6453,6457,6461,6479,6483,6488,6508,6527],{"__ignoreMap":5242},[5246,6358,6359],{"class":5248,"line":5249},[5246,6360,6362],{"class":6361},"spJ8K","\u002F\u002F Звичайна функція\n",[5246,6364,6365,6368,6371,6373,6376],{"class":5248,"line":5283},[5246,6366,6367],{"class":5321},"function",[5246,6369,6370],{"class":5293}," regularFunction",[5246,6372,6050],{"class":5256},[5246,6374,6375],{"class":6053},"number",[5246,6377,5325],{"class":5256},[5246,6379,6380,6383,6387],{"class":5248,"line":5290},[5246,6381,6382],{"class":5252},"  return",[5246,6384,6386],{"class":6385},"sJj4R"," 42",[5246,6388,5280],{"class":5256},[5246,6390,6391],{"class":5248,"line":5328},[5246,6392,6292],{"class":5256},[5246,6394,6395],{"class":5248,"line":5342},[5246,6396,5287],{"emptyLinePlaceholder":5286},[5246,6398,6399,6402,6404,6406,6408,6411,6414],{"class":5248,"line":5365},[5246,6400,6401],{"class":5260},"console",[5246,6403,5127],{"class":5256},[5246,6405,5666],{"class":5293},[5246,6407,5296],{"class":5256},[5246,6409,6410],{"class":5293},"regularFunction",[5246,6412,6413],{"class":5256},"()); ",[5246,6415,6416],{"class":6361},"\u002F\u002F 42 (число)\n",[5246,6418,6419],{"class":5248,"line":5373},[5246,6420,5287],{"emptyLinePlaceholder":5286},[5246,6422,6423],{"class":5248,"line":5379},[5246,6424,6425],{"class":6361},"\u002F\u002F Async функція\n",[5246,6427,6428,6430,6432,6435,6437,6439,6441,6443],{"class":5248,"line":5385},[5246,6429,5108],{"class":5321},[5246,6431,6044],{"class":5321},[5246,6433,6434],{"class":5293}," asyncFunction",[5246,6436,6050],{"class":5256},[5246,6438,6054],{"class":6053},[5246,6440,6057],{"class":5256},[5246,6442,6375],{"class":6053},[5246,6444,6063],{"class":5256},[5246,6446,6447,6449,6451],{"class":5248,"line":5412},[5246,6448,6382],{"class":5252},[5246,6450,6386],{"class":6385},[5246,6452,5280],{"class":5256},[5246,6454,6455],{"class":5248,"line":5417},[5246,6456,6292],{"class":5256},[5246,6458,6459],{"class":5248,"line":5466},[5246,6460,5287],{"emptyLinePlaceholder":5286},[5246,6462,6463,6465,6467,6469,6471,6474,6476],{"class":5248,"line":5478},[5246,6464,6401],{"class":5260},[5246,6466,5127],{"class":5256},[5246,6468,5666],{"class":5293},[5246,6470,5296],{"class":5256},[5246,6472,6473],{"class":5293},"asyncFunction",[5246,6475,6413],{"class":5256},[5246,6477,6478],{"class":6361},"\u002F\u002F Promise { 42 } (проміс)\n",[5246,6480,6481],{"class":5248,"line":5499},[5246,6482,5287],{"emptyLinePlaceholder":5286},[5246,6484,6485],{"class":5248,"line":5507},[5246,6486,6487],{"class":6361},"\u002F\u002F Отримання значення з async функції\n",[5246,6489,6490,6492,6495,6497,6499,6502,6504,6506],{"class":5248,"line":5513},[5246,6491,6473],{"class":5293},[5246,6493,6494],{"class":5256},"().",[5246,6496,5745],{"class":5293},[5246,6498,5748],{"class":5256},[5246,6500,6501],{"class":5260},"value",[5246,6503,5318],{"class":5256},[5246,6505,5322],{"class":5321},[5246,6507,5325],{"class":5256},[5246,6509,6510,6513,6515,6517,6519,6521,6524],{"class":5248,"line":5519},[5246,6511,6512],{"class":5260},"  console",[5246,6514,5127],{"class":5256},[5246,6516,5666],{"class":5293},[5246,6518,5296],{"class":5256},[5246,6520,6501],{"class":5260},[5246,6522,6523],{"class":5256},"); ",[5246,6525,6526],{"class":6361},"\u002F\u002F 42\n",[5246,6528,6529],{"class":5248,"line":5542},[5246,6530,5691],{"class":5256},[5201,6532,6533,6534,6536],{},"Правила роботи ",[5099,6535,5108],{}," функцій:",[5205,6538,6539,6555,6566],{},[5095,6540,6541,6544,6545,6547,6548,6551,6552,5127],{},[5147,6542,6543],{},"Повернення значення:"," якщо ",[5099,6546,5108],{}," функція повертає значення ",[5099,6549,6550],{},"x",", воно автоматично обгортається у ",[5099,6553,6554],{},"Promise.resolve(x)",[5095,6556,6557,6544,6560,6562,6563,5127],{},[5147,6558,6559],{},"Викидання виключення:",[5099,6561,5108],{}," функція викидає виключення, воно обгортається у ",[5099,6564,6565],{},"Promise.reject(error)",[5095,6567,6568,6544,6571,6573],{},[5147,6569,6570],{},"Повернення промісу:",[5099,6572,5108],{}," функція повертає проміс, він повертається без додаткової обгортки.",[5201,6575,6576],{},"Розглянемо детальніше:",[5236,6578,6580],{"className":5238,"code":6579,"language":5241,"meta":5242,"style":5242},"\u002F\u002F Приклад 1: Повернення значення\nasync function getValue(): Promise\u003Cstring> {\n  return 'Hello, async!';\n}\n\u002F\u002F Еквівалентно:\n\u002F\u002F function getValue(): Promise\u003Cstring> {\n\u002F\u002F   return Promise.resolve('Hello, async!');\n\u002F\u002F }\n\ngetValue().then(console.log); \u002F\u002F \"Hello, async!\"\n\n\u002F\u002F Приклад 2: Викидання виключення\nasync function throwError(): Promise\u003Cnever> {\n  throw new Error('Щось пішло не так');\n}\n\u002F\u002F Еквівалентно:\n\u002F\u002F function throwError(): Promise\u003Cnever> {\n\u002F\u002F   return Promise.reject(new Error('Щось пішло не так'));\n\u002F\u002F }\n\nthrowError().catch(console.error); \u002F\u002F Error: Щось пішло не так\n\n\u002F\u002F Приклад 3: Повернення промісу\nasync function returnPromise(): Promise\u003Cnumber> {\n  return Promise.resolve(100);\n}\n\u002F\u002F Проміс НЕ обгортається додатково — повертається як є\n\nreturnPromise().then(console.log); \u002F\u002F 100\n",[5099,6581,6582,6587,6607,6616,6620,6625,6630,6635,6640,6644,6666,6670,6675,6695,6712,6716,6720,6725,6730,6734,6738,6760,6764,6769,6788,6807,6811,6816,6820],{"__ignoreMap":5242},[5246,6583,6584],{"class":5248,"line":5249},[5246,6585,6586],{"class":6361},"\u002F\u002F Приклад 1: Повернення значення\n",[5246,6588,6589,6591,6593,6596,6598,6600,6602,6605],{"class":5248,"line":5283},[5246,6590,5108],{"class":5321},[5246,6592,6044],{"class":5321},[5246,6594,6595],{"class":5293}," getValue",[5246,6597,6050],{"class":5256},[5246,6599,6054],{"class":6053},[5246,6601,6057],{"class":5256},[5246,6603,6604],{"class":6053},"string",[5246,6606,6063],{"class":5256},[5246,6608,6609,6611,6614],{"class":5248,"line":5290},[5246,6610,6382],{"class":5252},[5246,6612,6613],{"class":5276}," 'Hello, async!'",[5246,6615,5280],{"class":5256},[5246,6617,6618],{"class":5248,"line":5328},[5246,6619,6292],{"class":5256},[5246,6621,6622],{"class":5248,"line":5342},[5246,6623,6624],{"class":6361},"\u002F\u002F Еквівалентно:\n",[5246,6626,6627],{"class":5248,"line":5365},[5246,6628,6629],{"class":6361},"\u002F\u002F function getValue(): Promise\u003Cstring> {\n",[5246,6631,6632],{"class":5248,"line":5373},[5246,6633,6634],{"class":6361},"\u002F\u002F   return Promise.resolve('Hello, async!');\n",[5246,6636,6637],{"class":5248,"line":5379},[5246,6638,6639],{"class":6361},"\u002F\u002F }\n",[5246,6641,6642],{"class":5248,"line":5385},[5246,6643,5287],{"emptyLinePlaceholder":5286},[5246,6645,6646,6649,6651,6653,6655,6657,6659,6661,6663],{"class":5248,"line":5412},[5246,6647,6648],{"class":5293},"getValue",[5246,6650,6494],{"class":5256},[5246,6652,5745],{"class":5293},[5246,6654,5296],{"class":5256},[5246,6656,6401],{"class":5260},[5246,6658,5127],{"class":5256},[5246,6660,5666],{"class":5260},[5246,6662,6523],{"class":5256},[5246,6664,6665],{"class":6361},"\u002F\u002F \"Hello, async!\"\n",[5246,6667,6668],{"class":5248,"line":5417},[5246,6669,5287],{"emptyLinePlaceholder":5286},[5246,6671,6672],{"class":5248,"line":5466},[5246,6673,6674],{"class":6361},"\u002F\u002F Приклад 2: Викидання виключення\n",[5246,6676,6677,6679,6681,6684,6686,6688,6690,6693],{"class":5248,"line":5478},[5246,6678,5108],{"class":5321},[5246,6680,6044],{"class":5321},[5246,6682,6683],{"class":5293}," throwError",[5246,6685,6050],{"class":5256},[5246,6687,6054],{"class":6053},[5246,6689,6057],{"class":5256},[5246,6691,6692],{"class":6053},"never",[5246,6694,6063],{"class":5256},[5246,6696,6697,6700,6703,6705,6707,6710],{"class":5248,"line":5499},[5246,6698,6699],{"class":5252},"  throw",[5246,6701,6702],{"class":5321}," new",[5246,6704,6276],{"class":5293},[5246,6706,5296],{"class":5256},[5246,6708,6709],{"class":5276},"'Щось пішло не так'",[5246,6711,5362],{"class":5256},[5246,6713,6714],{"class":5248,"line":5507},[5246,6715,6292],{"class":5256},[5246,6717,6718],{"class":5248,"line":5513},[5246,6719,6624],{"class":6361},[5246,6721,6722],{"class":5248,"line":5519},[5246,6723,6724],{"class":6361},"\u002F\u002F function throwError(): Promise\u003Cnever> {\n",[5246,6726,6727],{"class":5248,"line":5542},[5246,6728,6729],{"class":6361},"\u002F\u002F   return Promise.reject(new Error('Щось пішло не так'));\n",[5246,6731,6732],{"class":5248,"line":5570},[5246,6733,6639],{"class":6361},[5246,6735,6736],{"class":5248,"line":5575},[5246,6737,5287],{"emptyLinePlaceholder":5286},[5246,6739,6740,6743,6745,6747,6749,6751,6753,6755,6757],{"class":5248,"line":5612},[5246,6741,6742],{"class":5293},"throwError",[5246,6744,6494],{"class":5256},[5246,6746,5969],{"class":5293},[5246,6748,5296],{"class":5256},[5246,6750,6401],{"class":5260},[5246,6752,5127],{"class":5256},[5246,6754,5350],{"class":5260},[5246,6756,6523],{"class":5256},[5246,6758,6759],{"class":6361},"\u002F\u002F Error: Щось пішло не так\n",[5246,6761,6762],{"class":5248,"line":5624},[5246,6763,5287],{"emptyLinePlaceholder":5286},[5246,6765,6766],{"class":5248,"line":5645},[5246,6767,6768],{"class":6361},"\u002F\u002F Приклад 3: Повернення промісу\n",[5246,6770,6771,6773,6775,6778,6780,6782,6784,6786],{"class":5248,"line":5653},[5246,6772,5108],{"class":5321},[5246,6774,6044],{"class":5321},[5246,6776,6777],{"class":5293}," returnPromise",[5246,6779,6050],{"class":5256},[5246,6781,6054],{"class":6053},[5246,6783,6057],{"class":5256},[5246,6785,6375],{"class":6053},[5246,6787,6063],{"class":5256},[5246,6789,6790,6792,6795,6797,6800,6802,6805],{"class":5248,"line":5659},[5246,6791,6382],{"class":5252},[5246,6793,6794],{"class":6053}," Promise",[5246,6796,5127],{"class":5256},[5246,6798,6799],{"class":5293},"resolve",[5246,6801,5296],{"class":5256},[5246,6803,6804],{"class":6385},"100",[5246,6806,5362],{"class":5256},[5246,6808,6809],{"class":5248,"line":5676},[5246,6810,6292],{"class":5256},[5246,6812,6813],{"class":5248,"line":5682},[5246,6814,6815],{"class":6361},"\u002F\u002F Проміс НЕ обгортається додатково — повертається як є\n",[5246,6817,6818],{"class":5248,"line":5688},[5246,6819,5287],{"emptyLinePlaceholder":5286},[5246,6821,6823,6826,6828,6830,6832,6834,6836,6838,6840],{"class":5248,"line":6822},29,[5246,6824,6825],{"class":5293},"returnPromise",[5246,6827,6494],{"class":5256},[5246,6829,5745],{"class":5293},[5246,6831,5296],{"class":5256},[5246,6833,6401],{"class":5260},[5246,6835,5127],{"class":5256},[5246,6837,5666],{"class":5260},[5246,6839,6523],{"class":5256},[5246,6841,6842],{"class":6361},"\u002F\u002F 100\n",[6348,6844,6846],{"id":6845},"варіанти-оголошення-async-функцій","Варіанти оголошення async функцій",[5201,6848,6334,6849,6851],{},[5099,6850,5108],{}," може використовуватися з різними формами оголошення функцій:",[5236,6853,6855],{"className":5238,"code":6854,"language":5241,"meta":5242,"style":5242},"\u002F\u002F 1. Оголошення функції (Function Declaration)\nasync function fetchData(): Promise\u003Cstring> {\n  return 'data';\n}\n\n\u002F\u002F 2. Функціональний вираз (Function Expression)\nconst fetchData2 = async function(): Promise\u003Cstring> {\n  return 'data';\n};\n\n\u002F\u002F 3. Стрілкова функція (Arrow Function)\nconst fetchData3 = async (): Promise\u003Cstring> => {\n  return 'data';\n};\n\n\u002F\u002F 4. Метод об'єкта\nconst api = {\n  async fetchUser(id: number): Promise\u003Cany> {\n    return { id, name: 'Користувач' };\n  },\n};\n\n\u002F\u002F 5. Метод класу\nclass UserService {\n  async getUser(id: number): Promise\u003Cany> {\n    return { id, name: 'Користувач' };\n  }\n  \n  \u002F\u002F Статичний async метод\n  static async initialize(): Promise\u003Cvoid> {\n    console.log('Ініціалізація сервісу...');\n  }\n}\n",[5099,6856,6857,6862,6881,6890,6894,6898,6903,6927,6935,6940,6944,6949,6976,6984,6988,6992,6997,7007,7036,7054,7059,7063,7067,7072,7082,7107,7123,7127,7131,7136,7158,7174,7179],{"__ignoreMap":5242},[5246,6858,6859],{"class":5248,"line":5249},[5246,6860,6861],{"class":6361},"\u002F\u002F 1. Оголошення функції (Function Declaration)\n",[5246,6863,6864,6866,6868,6871,6873,6875,6877,6879],{"class":5248,"line":5283},[5246,6865,5108],{"class":5321},[5246,6867,6044],{"class":5321},[5246,6869,6870],{"class":5293}," fetchData",[5246,6872,6050],{"class":5256},[5246,6874,6054],{"class":6053},[5246,6876,6057],{"class":5256},[5246,6878,6604],{"class":6053},[5246,6880,6063],{"class":5256},[5246,6882,6883,6885,6888],{"class":5248,"line":5290},[5246,6884,6382],{"class":5252},[5246,6886,6887],{"class":5276}," 'data'",[5246,6889,5280],{"class":5256},[5246,6891,6892],{"class":5248,"line":5328},[5246,6893,6292],{"class":5256},[5246,6895,6896],{"class":5248,"line":5342},[5246,6897,5287],{"emptyLinePlaceholder":5286},[5246,6899,6900],{"class":5248,"line":5365},[5246,6901,6902],{"class":6361},"\u002F\u002F 2. Функціональний вираз (Function Expression)\n",[5246,6904,6905,6908,6911,6913,6915,6917,6919,6921,6923,6925],{"class":5248,"line":5373},[5246,6906,6907],{"class":5321},"const",[5246,6909,6910],{"class":5293}," fetchData2",[5246,6912,5395],{"class":5256},[5246,6914,5108],{"class":5321},[5246,6916,6044],{"class":5321},[5246,6918,6050],{"class":5256},[5246,6920,6054],{"class":6053},[5246,6922,6057],{"class":5256},[5246,6924,6604],{"class":6053},[5246,6926,6063],{"class":5256},[5246,6928,6929,6931,6933],{"class":5248,"line":5379},[5246,6930,6382],{"class":5252},[5246,6932,6887],{"class":5276},[5246,6934,5280],{"class":5256},[5246,6936,6937],{"class":5248,"line":5385},[5246,6938,6939],{"class":5256},"};\n",[5246,6941,6942],{"class":5248,"line":5412},[5246,6943,5287],{"emptyLinePlaceholder":5286},[5246,6945,6946],{"class":5248,"line":5417},[5246,6947,6948],{"class":6361},"\u002F\u002F 3. Стрілкова функція (Arrow Function)\n",[5246,6950,6951,6953,6956,6958,6960,6963,6965,6967,6969,6972,6974],{"class":5248,"line":5466},[5246,6952,6907],{"class":5321},[5246,6954,6955],{"class":5293}," fetchData3",[5246,6957,5395],{"class":5256},[5246,6959,5108],{"class":5321},[5246,6961,6962],{"class":5256}," (): ",[5246,6964,6054],{"class":6053},[5246,6966,6057],{"class":5256},[5246,6968,6604],{"class":6053},[5246,6970,6971],{"class":5256},"> ",[5246,6973,5322],{"class":5321},[5246,6975,5325],{"class":5256},[5246,6977,6978,6980,6982],{"class":5248,"line":5478},[5246,6979,6382],{"class":5252},[5246,6981,6887],{"class":5276},[5246,6983,5280],{"class":5256},[5246,6985,6986],{"class":5248,"line":5499},[5246,6987,6939],{"class":5256},[5246,6989,6990],{"class":5248,"line":5507},[5246,6991,5287],{"emptyLinePlaceholder":5286},[5246,6993,6994],{"class":5248,"line":5513},[5246,6995,6996],{"class":6361},"\u002F\u002F 4. Метод об'єкта\n",[5246,6998,6999,7001,7004],{"class":5248,"line":5519},[5246,7000,6907],{"class":5321},[5246,7002,7003],{"class":5391}," api",[5246,7005,7006],{"class":5256}," = {\n",[5246,7008,7009,7012,7015,7017,7019,7022,7024,7027,7029,7031,7034],{"class":5248,"line":5542},[5246,7010,7011],{"class":5321},"  async",[5246,7013,7014],{"class":5293}," fetchUser",[5246,7016,5296],{"class":5256},[5246,7018,5437],{"class":5260},[5246,7020,7021],{"class":5256},": ",[5246,7023,6375],{"class":6053},[5246,7025,7026],{"class":5256},"): ",[5246,7028,6054],{"class":6053},[5246,7030,6057],{"class":5256},[5246,7032,7033],{"class":6053},"any",[5246,7035,6063],{"class":5256},[5246,7037,7038,7040,7042,7044,7046,7049,7052],{"class":5248,"line":5570},[5246,7039,5368],{"class":5252},[5246,7041,5257],{"class":5256},[5246,7043,5437],{"class":5260},[5246,7045,5264],{"class":5256},[5246,7047,7048],{"class":5260},"name:",[5246,7050,7051],{"class":5276}," 'Користувач'",[5246,7053,5567],{"class":5256},[5246,7055,7056],{"class":5248,"line":5575},[5246,7057,7058],{"class":5256},"  },\n",[5246,7060,7061],{"class":5248,"line":5612},[5246,7062,6939],{"class":5256},[5246,7064,7065],{"class":5248,"line":5624},[5246,7066,5287],{"emptyLinePlaceholder":5286},[5246,7068,7069],{"class":5248,"line":5645},[5246,7070,7071],{"class":6361},"\u002F\u002F 5. Метод класу\n",[5246,7073,7074,7077,7080],{"class":5248,"line":5653},[5246,7075,7076],{"class":5321},"class",[5246,7078,7079],{"class":6053}," UserService",[5246,7081,5325],{"class":5256},[5246,7083,7084,7086,7089,7091,7093,7095,7097,7099,7101,7103,7105],{"class":5248,"line":5659},[5246,7085,7011],{"class":5321},[5246,7087,7088],{"class":5293}," getUser",[5246,7090,5296],{"class":5256},[5246,7092,5437],{"class":5260},[5246,7094,7021],{"class":5256},[5246,7096,6375],{"class":6053},[5246,7098,7026],{"class":5256},[5246,7100,6054],{"class":6053},[5246,7102,6057],{"class":5256},[5246,7104,7033],{"class":6053},[5246,7106,6063],{"class":5256},[5246,7108,7109,7111,7113,7115,7117,7119,7121],{"class":5248,"line":5676},[5246,7110,5368],{"class":5252},[5246,7112,5257],{"class":5256},[5246,7114,5437],{"class":5260},[5246,7116,5264],{"class":5256},[5246,7118,7048],{"class":5260},[5246,7120,7051],{"class":5276},[5246,7122,5567],{"class":5256},[5246,7124,7125],{"class":5248,"line":5682},[5246,7126,5376],{"class":5256},[5246,7128,7129],{"class":5248,"line":5688},[5246,7130,5382],{"class":5256},[5246,7132,7133],{"class":5248,"line":6822},[5246,7134,7135],{"class":6361},"  \u002F\u002F Статичний async метод\n",[5246,7137,7139,7142,7145,7148,7150,7152,7154,7156],{"class":5248,"line":7138},30,[5246,7140,7141],{"class":5321},"  static",[5246,7143,7144],{"class":5321}," async",[5246,7146,7147],{"class":5293}," initialize",[5246,7149,6050],{"class":5256},[5246,7151,6054],{"class":6053},[5246,7153,6057],{"class":5256},[5246,7155,6060],{"class":6053},[5246,7157,6063],{"class":5256},[5246,7159,7161,7163,7165,7167,7169,7172],{"class":5248,"line":7160},31,[5246,7162,5345],{"class":5260},[5246,7164,5127],{"class":5256},[5246,7166,5666],{"class":5293},[5246,7168,5296],{"class":5256},[5246,7170,7171],{"class":5276},"'Ініціалізація сервісу...'",[5246,7173,5362],{"class":5256},[5246,7175,7177],{"class":5248,"line":7176},32,[5246,7178,5376],{"class":5256},[5246,7180,7182],{"class":5248,"line":7181},33,[5246,7183,6292],{"class":5256},[7185,7186,7187,7188,7190,7191,7194],"tip",{},"У TypeScript завжди явно вказуйте тип повернення ",[5099,7189,5108],{}," функції як ",[5099,7192,7193],{},"Promise\u003CT>",". Це покращує читабельність коду та допомагає компілятору виявити помилки типізації.",[5196,7196,7198,7199,7201],{"id":7197},"оператор-await-призупинення-виконання-до-отримання-результату","Оператор ",[5099,7200,5115],{},": призупинення виконання до отримання результату",[5201,7203,7198,7204,7206,7207,7209,7210,6319,7213,7215,7216,7219],{},[5099,7205,5115],{}," є серцем ",[5099,7208,5101],{}," синтаксису. Він ",[5147,7211,7212],{},"призупиняє виконання",[5099,7214,5108],{}," функції до моменту виконання промісу та ",[5147,7217,7218],{},"повертає розгорнуте значення"," промісу синхронно:",[5236,7221,7223],{"className":5238,"code":7222,"language":5241,"meta":5242,"style":5242},"async function example(): Promise\u003Cvoid> {\n  console.log('1. Початок');\n  \n  const result = await Promise.resolve('async value');\n  \u002F\u002F Виконання функції призупиняється тут до виконання промісу\n  \n  console.log('2. Результат:', result); \u002F\u002F \"async value\" (не Promise!)\n  console.log('3. Кінець');\n}\n\nexample();\nconsole.log('4. Зовнішній код');\n\n\u002F\u002F Вивід:\n\u002F\u002F 1. Початок\n\u002F\u002F 4. Зовнішній код\n\u002F\u002F 2. Результат: async value\n\u002F\u002F 3. Кінець\n",[5099,7224,7225,7244,7259,7263,7287,7292,7296,7319,7334,7338,7342,7349,7364,7368,7373,7378,7383,7388],{"__ignoreMap":5242},[5246,7226,7227,7229,7231,7234,7236,7238,7240,7242],{"class":5248,"line":5249},[5246,7228,5108],{"class":5321},[5246,7230,6044],{"class":5321},[5246,7232,7233],{"class":5293}," example",[5246,7235,6050],{"class":5256},[5246,7237,6054],{"class":6053},[5246,7239,6057],{"class":5256},[5246,7241,6060],{"class":6053},[5246,7243,6063],{"class":5256},[5246,7245,7246,7248,7250,7252,7254,7257],{"class":5248,"line":5283},[5246,7247,6512],{"class":5260},[5246,7249,5127],{"class":5256},[5246,7251,5666],{"class":5293},[5246,7253,5296],{"class":5256},[5246,7255,7256],{"class":5276},"'1. Початок'",[5246,7258,5362],{"class":5256},[5246,7260,7261],{"class":5248,"line":5290},[5246,7262,5382],{"class":5256},[5246,7264,7265,7267,7270,7272,7274,7276,7278,7280,7282,7285],{"class":5248,"line":5328},[5246,7266,5388],{"class":5321},[5246,7268,7269],{"class":5391}," result",[5246,7271,5395],{"class":5256},[5246,7273,5115],{"class":5252},[5246,7275,6794],{"class":6053},[5246,7277,5127],{"class":5256},[5246,7279,6799],{"class":5293},[5246,7281,5296],{"class":5256},[5246,7283,7284],{"class":5276},"'async value'",[5246,7286,5362],{"class":5256},[5246,7288,7289],{"class":5248,"line":5342},[5246,7290,7291],{"class":6361},"  \u002F\u002F Виконання функції призупиняється тут до виконання промісу\n",[5246,7293,7294],{"class":5248,"line":5365},[5246,7295,5382],{"class":5256},[5246,7297,7298,7300,7302,7304,7306,7309,7311,7314,7316],{"class":5248,"line":5373},[5246,7299,6512],{"class":5260},[5246,7301,5127],{"class":5256},[5246,7303,5666],{"class":5293},[5246,7305,5296],{"class":5256},[5246,7307,7308],{"class":5276},"'2. Результат:'",[5246,7310,5264],{"class":5256},[5246,7312,7313],{"class":5260},"result",[5246,7315,6523],{"class":5256},[5246,7317,7318],{"class":6361},"\u002F\u002F \"async value\" (не Promise!)\n",[5246,7320,7321,7323,7325,7327,7329,7332],{"class":5248,"line":5379},[5246,7322,6512],{"class":5260},[5246,7324,5127],{"class":5256},[5246,7326,5666],{"class":5293},[5246,7328,5296],{"class":5256},[5246,7330,7331],{"class":5276},"'3. Кінець'",[5246,7333,5362],{"class":5256},[5246,7335,7336],{"class":5248,"line":5385},[5246,7337,6292],{"class":5256},[5246,7339,7340],{"class":5248,"line":5412},[5246,7341,5287],{"emptyLinePlaceholder":5286},[5246,7343,7344,7347],{"class":5248,"line":5417},[5246,7345,7346],{"class":5293},"example",[5246,7348,6304],{"class":5256},[5246,7350,7351,7353,7355,7357,7359,7362],{"class":5248,"line":5466},[5246,7352,6401],{"class":5260},[5246,7354,5127],{"class":5256},[5246,7356,5666],{"class":5293},[5246,7358,5296],{"class":5256},[5246,7360,7361],{"class":5276},"'4. Зовнішній код'",[5246,7363,5362],{"class":5256},[5246,7365,7366],{"class":5248,"line":5478},[5246,7367,5287],{"emptyLinePlaceholder":5286},[5246,7369,7370],{"class":5248,"line":5499},[5246,7371,7372],{"class":6361},"\u002F\u002F Вивід:\n",[5246,7374,7375],{"class":5248,"line":5507},[5246,7376,7377],{"class":6361},"\u002F\u002F 1. Початок\n",[5246,7379,7380],{"class":5248,"line":5513},[5246,7381,7382],{"class":6361},"\u002F\u002F 4. Зовнішній код\n",[5246,7384,7385],{"class":5248,"line":5519},[5246,7386,7387],{"class":6361},"\u002F\u002F 2. Результат: async value\n",[5246,7389,7390],{"class":5248,"line":5542},[5246,7391,7392],{"class":6361},"\u002F\u002F 3. Кінець\n",[5201,7394,7395,7396,7398],{},"Ключові моменти поведінки ",[5099,7397,5115],{},":",[5205,7400,7401,7414,7424,7439],{},[5095,7402,7403,6319,7406,7409,7410,7413],{},[5147,7404,7405],{},"Розгортання промісу:",[5099,7407,7408],{},"await promise"," повертає не проміс, а ",[5147,7411,7412],{},"значення",", яким цей проміс виконався.",[5095,7415,7416,7419,7420,7423],{},[5147,7417,7418],{},"Асинхронне призупинення:"," виконання функції призупиняється, але ",[5147,7421,7422],{},"не блокує Event Loop"," — інший код може виконуватися.",[5095,7425,7426,6319,7429,7431,7432,7438],{},[5147,7427,7428],{},"Обмеження контексту:",[5099,7430,5115],{}," можна використовувати ",[5147,7433,7434,7435,7437],{},"лише всередині ",[5099,7436,5108],{}," функцій"," (за винятком top-level await у модулях ES).",[5095,7440,7441,7444,7445,6319,7447,7450],{},[5147,7442,7443],{},"Викидання помилок:"," якщо проміс відхилено, ",[5099,7446,5115],{},[5147,7448,7449],{},"викидає"," причину відхилення як виключення.",[6348,7452,7454],{"id":7453},"реальний-приклад-завантаження-даних-користувача","Реальний приклад: завантаження даних користувача",[5236,7456,7458],{"className":5238,"code":7457,"language":5241,"meta":5242,"style":5242},"interface User {\n  id: number;\n  name: string;\n  email: string;\n}\n\ninterface Post {\n  id: number;\n  title: string;\n  userId: number;\n}\n\nasync function fetchUser(id: number): Promise\u003CUser> {\n  const response = await fetch(`https:\u002F\u002Fapi.example.com\u002Fusers\u002F${id}`);\n  \n  if (!response.ok) {\n    throw new Error(`HTTP ${response.status}: ${response.statusText}`);\n  }\n  \n  return response.json();\n}\n\nasync function fetchUserPosts(userId: number): Promise\u003CPost[]> {\n  const response = await fetch(`https:\u002F\u002Fapi.example.com\u002Fusers\u002F${userId}\u002Fposts`);\n  \n  if (!response.ok) {\n    throw new Error(`HTTP ${response.status}: ${response.statusText}`);\n  }\n  \n  return response.json();\n}\n\nasync function displayUserDashboard(userId: number): Promise\u003Cvoid> {\n  console.log('Завантаження даних...');\n  \n  \u002F\u002F Послідовне виконання: спочатку користувач, потім пости\n  const user = await fetchUser(userId);\n  console.log('Користувач:', user.name);\n  \n  const posts = await fetchUserPosts(userId);\n  console.log('Кількість постів:', posts.length);\n  \n  console.log('Дашборд готовий!');\n}\n\n\u002F\u002F Виклик async функції (повертає проміс)\ndisplayUserDashboard(42)\n  .then(() => console.log('Завершено успішно'))\n  .catch((error) => console.error('Помилка:', error.message));\n",[5099,7459,7460,7470,7481,7492,7503,7507,7511,7520,7530,7541,7552,7556,7560,7587,7617,7621,7638,7680,7684,7688,7701,7705,7709,7739,7766,7770,7784,7822,7826,7830,7842,7846,7850,7877,7893,7898,7904,7923,7948,7953,7972,7997,8002,8018,8023,8028,8034,8047,8073],{"__ignoreMap":5242},[5246,7461,7462,7465,7468],{"class":5248,"line":5249},[5246,7463,7464],{"class":5321},"interface",[5246,7466,7467],{"class":6053}," User",[5246,7469,5325],{"class":5256},[5246,7471,7472,7475,7477,7479],{"class":5248,"line":5283},[5246,7473,7474],{"class":5260},"  id",[5246,7476,7021],{"class":5256},[5246,7478,6375],{"class":6053},[5246,7480,5280],{"class":5256},[5246,7482,7483,7486,7488,7490],{"class":5248,"line":5290},[5246,7484,7485],{"class":5260},"  name",[5246,7487,7021],{"class":5256},[5246,7489,6604],{"class":6053},[5246,7491,5280],{"class":5256},[5246,7493,7494,7497,7499,7501],{"class":5248,"line":5328},[5246,7495,7496],{"class":5260},"  email",[5246,7498,7021],{"class":5256},[5246,7500,6604],{"class":6053},[5246,7502,5280],{"class":5256},[5246,7504,7505],{"class":5248,"line":5342},[5246,7506,6292],{"class":5256},[5246,7508,7509],{"class":5248,"line":5365},[5246,7510,5287],{"emptyLinePlaceholder":5286},[5246,7512,7513,7515,7518],{"class":5248,"line":5373},[5246,7514,7464],{"class":5321},[5246,7516,7517],{"class":6053}," Post",[5246,7519,5325],{"class":5256},[5246,7521,7522,7524,7526,7528],{"class":5248,"line":5379},[5246,7523,7474],{"class":5260},[5246,7525,7021],{"class":5256},[5246,7527,6375],{"class":6053},[5246,7529,5280],{"class":5256},[5246,7531,7532,7535,7537,7539],{"class":5248,"line":5385},[5246,7533,7534],{"class":5260},"  title",[5246,7536,7021],{"class":5256},[5246,7538,6604],{"class":6053},[5246,7540,5280],{"class":5256},[5246,7542,7543,7546,7548,7550],{"class":5248,"line":5412},[5246,7544,7545],{"class":5260},"  userId",[5246,7547,7021],{"class":5256},[5246,7549,6375],{"class":6053},[5246,7551,5280],{"class":5256},[5246,7553,7554],{"class":5248,"line":5417},[5246,7555,6292],{"class":5256},[5246,7557,7558],{"class":5248,"line":5466},[5246,7559,5287],{"emptyLinePlaceholder":5286},[5246,7561,7562,7564,7566,7568,7570,7572,7574,7576,7578,7580,7582,7585],{"class":5248,"line":5478},[5246,7563,5108],{"class":5321},[5246,7565,6044],{"class":5321},[5246,7567,7014],{"class":5293},[5246,7569,5296],{"class":5256},[5246,7571,5437],{"class":5260},[5246,7573,7021],{"class":5256},[5246,7575,6375],{"class":6053},[5246,7577,7026],{"class":5256},[5246,7579,6054],{"class":6053},[5246,7581,6057],{"class":5256},[5246,7583,7584],{"class":6053},"User",[5246,7586,6063],{"class":5256},[5246,7588,7589,7591,7594,7596,7598,7601,7603,7606,7608,7610,7612,7615],{"class":5248,"line":5499},[5246,7590,5388],{"class":5321},[5246,7592,7593],{"class":5391}," response",[5246,7595,5395],{"class":5256},[5246,7597,5115],{"class":5252},[5246,7599,7600],{"class":5293}," fetch",[5246,7602,5296],{"class":5256},[5246,7604,7605],{"class":5276},"`https:\u002F\u002Fapi.example.com\u002Fusers\u002F",[5246,7607,5428],{"class":5321},[5246,7609,5437],{"class":5260},[5246,7611,5440],{"class":5321},[5246,7613,7614],{"class":5276},"`",[5246,7616,5362],{"class":5256},[5246,7618,7619],{"class":5248,"line":5507},[5246,7620,5382],{"class":5256},[5246,7622,7623,7625,7628,7631,7633,7636],{"class":5248,"line":5513},[5246,7624,5331],{"class":5252},[5246,7626,7627],{"class":5256}," (!",[5246,7629,7630],{"class":5260},"response",[5246,7632,5127],{"class":5256},[5246,7634,7635],{"class":5260},"ok",[5246,7637,5339],{"class":5256},[5246,7639,7640,7643,7645,7647,7649,7652,7654,7656,7658,7661,7663,7665,7667,7669,7671,7674,7676,7678],{"class":5248,"line":5519},[5246,7641,7642],{"class":5252},"    throw",[5246,7644,6702],{"class":5321},[5246,7646,6276],{"class":5293},[5246,7648,5296],{"class":5256},[5246,7650,7651],{"class":5276},"`HTTP ",[5246,7653,5428],{"class":5321},[5246,7655,7630],{"class":5260},[5246,7657,5127],{"class":5434},[5246,7659,7660],{"class":5260},"status",[5246,7662,5440],{"class":5321},[5246,7664,7021],{"class":5276},[5246,7666,5428],{"class":5321},[5246,7668,7630],{"class":5260},[5246,7670,5127],{"class":5434},[5246,7672,7673],{"class":5260},"statusText",[5246,7675,5440],{"class":5321},[5246,7677,7614],{"class":5276},[5246,7679,5362],{"class":5256},[5246,7681,7682],{"class":5248,"line":5542},[5246,7683,5376],{"class":5256},[5246,7685,7686],{"class":5248,"line":5570},[5246,7687,5382],{"class":5256},[5246,7689,7690,7692,7694,7696,7699],{"class":5248,"line":5575},[5246,7691,6382],{"class":5252},[5246,7693,7593],{"class":5260},[5246,7695,5127],{"class":5256},[5246,7697,7698],{"class":5293},"json",[5246,7700,6304],{"class":5256},[5246,7702,7703],{"class":5248,"line":5612},[5246,7704,6292],{"class":5256},[5246,7706,7707],{"class":5248,"line":5624},[5246,7708,5287],{"emptyLinePlaceholder":5286},[5246,7710,7711,7713,7715,7718,7720,7723,7725,7727,7729,7731,7733,7736],{"class":5248,"line":5645},[5246,7712,5108],{"class":5321},[5246,7714,6044],{"class":5321},[5246,7716,7717],{"class":5293}," fetchUserPosts",[5246,7719,5296],{"class":5256},[5246,7721,7722],{"class":5260},"userId",[5246,7724,7021],{"class":5256},[5246,7726,6375],{"class":6053},[5246,7728,7026],{"class":5256},[5246,7730,6054],{"class":6053},[5246,7732,6057],{"class":5256},[5246,7734,7735],{"class":6053},"Post",[5246,7737,7738],{"class":5256},"[]> {\n",[5246,7740,7741,7743,7745,7747,7749,7751,7753,7755,7757,7759,7761,7764],{"class":5248,"line":5653},[5246,7742,5388],{"class":5321},[5246,7744,7593],{"class":5391},[5246,7746,5395],{"class":5256},[5246,7748,5115],{"class":5252},[5246,7750,7600],{"class":5293},[5246,7752,5296],{"class":5256},[5246,7754,7605],{"class":5276},[5246,7756,5428],{"class":5321},[5246,7758,7722],{"class":5260},[5246,7760,5440],{"class":5321},[5246,7762,7763],{"class":5276},"\u002Fposts`",[5246,7765,5362],{"class":5256},[5246,7767,7768],{"class":5248,"line":5659},[5246,7769,5382],{"class":5256},[5246,7771,7772,7774,7776,7778,7780,7782],{"class":5248,"line":5676},[5246,7773,5331],{"class":5252},[5246,7775,7627],{"class":5256},[5246,7777,7630],{"class":5260},[5246,7779,5127],{"class":5256},[5246,7781,7635],{"class":5260},[5246,7783,5339],{"class":5256},[5246,7785,7786,7788,7790,7792,7794,7796,7798,7800,7802,7804,7806,7808,7810,7812,7814,7816,7818,7820],{"class":5248,"line":5682},[5246,7787,7642],{"class":5252},[5246,7789,6702],{"class":5321},[5246,7791,6276],{"class":5293},[5246,7793,5296],{"class":5256},[5246,7795,7651],{"class":5276},[5246,7797,5428],{"class":5321},[5246,7799,7630],{"class":5260},[5246,7801,5127],{"class":5434},[5246,7803,7660],{"class":5260},[5246,7805,5440],{"class":5321},[5246,7807,7021],{"class":5276},[5246,7809,5428],{"class":5321},[5246,7811,7630],{"class":5260},[5246,7813,5127],{"class":5434},[5246,7815,7673],{"class":5260},[5246,7817,5440],{"class":5321},[5246,7819,7614],{"class":5276},[5246,7821,5362],{"class":5256},[5246,7823,7824],{"class":5248,"line":5688},[5246,7825,5376],{"class":5256},[5246,7827,7828],{"class":5248,"line":6822},[5246,7829,5382],{"class":5256},[5246,7831,7832,7834,7836,7838,7840],{"class":5248,"line":7138},[5246,7833,6382],{"class":5252},[5246,7835,7593],{"class":5260},[5246,7837,5127],{"class":5256},[5246,7839,7698],{"class":5293},[5246,7841,6304],{"class":5256},[5246,7843,7844],{"class":5248,"line":7160},[5246,7845,6292],{"class":5256},[5246,7847,7848],{"class":5248,"line":7176},[5246,7849,5287],{"emptyLinePlaceholder":5286},[5246,7851,7852,7854,7856,7859,7861,7863,7865,7867,7869,7871,7873,7875],{"class":5248,"line":7181},[5246,7853,5108],{"class":5321},[5246,7855,6044],{"class":5321},[5246,7857,7858],{"class":5293}," displayUserDashboard",[5246,7860,5296],{"class":5256},[5246,7862,7722],{"class":5260},[5246,7864,7021],{"class":5256},[5246,7866,6375],{"class":6053},[5246,7868,7026],{"class":5256},[5246,7870,6054],{"class":6053},[5246,7872,6057],{"class":5256},[5246,7874,6060],{"class":6053},[5246,7876,6063],{"class":5256},[5246,7878,7880,7882,7884,7886,7888,7891],{"class":5248,"line":7879},34,[5246,7881,6512],{"class":5260},[5246,7883,5127],{"class":5256},[5246,7885,5666],{"class":5293},[5246,7887,5296],{"class":5256},[5246,7889,7890],{"class":5276},"'Завантаження даних...'",[5246,7892,5362],{"class":5256},[5246,7894,7896],{"class":5248,"line":7895},35,[5246,7897,5382],{"class":5256},[5246,7899,7901],{"class":5248,"line":7900},36,[5246,7902,7903],{"class":6361},"  \u002F\u002F Послідовне виконання: спочатку користувач, потім пости\n",[5246,7905,7907,7909,7911,7913,7915,7917,7919,7921],{"class":5248,"line":7906},37,[5246,7908,5388],{"class":5321},[5246,7910,5392],{"class":5391},[5246,7912,5395],{"class":5256},[5246,7914,5115],{"class":5252},[5246,7916,7014],{"class":5293},[5246,7918,5296],{"class":5256},[5246,7920,7722],{"class":5260},[5246,7922,5362],{"class":5256},[5246,7924,7926,7928,7930,7932,7934,7937,7939,7941,7943,7946],{"class":5248,"line":7925},38,[5246,7927,6512],{"class":5260},[5246,7929,5127],{"class":5256},[5246,7931,5666],{"class":5293},[5246,7933,5296],{"class":5256},[5246,7935,7936],{"class":5276},"'Користувач:'",[5246,7938,5264],{"class":5256},[5246,7940,5431],{"class":5260},[5246,7942,5127],{"class":5256},[5246,7944,7945],{"class":5260},"name",[5246,7947,5362],{"class":5256},[5246,7949,7951],{"class":5248,"line":7950},39,[5246,7952,5382],{"class":5256},[5246,7954,7956,7958,7960,7962,7964,7966,7968,7970],{"class":5248,"line":7955},40,[5246,7957,5388],{"class":5321},[5246,7959,5525],{"class":5391},[5246,7961,5395],{"class":5256},[5246,7963,5115],{"class":5252},[5246,7965,7717],{"class":5293},[5246,7967,5296],{"class":5256},[5246,7969,7722],{"class":5260},[5246,7971,5362],{"class":5256},[5246,7973,7975,7977,7979,7981,7983,7986,7988,7991,7993,7995],{"class":5248,"line":7974},41,[5246,7976,6512],{"class":5260},[5246,7978,5127],{"class":5256},[5246,7980,5666],{"class":5293},[5246,7982,5296],{"class":5256},[5246,7984,7985],{"class":5276},"'Кількість постів:'",[5246,7987,5264],{"class":5256},[5246,7989,7990],{"class":5260},"posts",[5246,7992,5127],{"class":5256},[5246,7994,5564],{"class":5260},[5246,7996,5362],{"class":5256},[5246,7998,8000],{"class":5248,"line":7999},42,[5246,8001,5382],{"class":5256},[5246,8003,8005,8007,8009,8011,8013,8016],{"class":5248,"line":8004},43,[5246,8006,6512],{"class":5260},[5246,8008,5127],{"class":5256},[5246,8010,5666],{"class":5293},[5246,8012,5296],{"class":5256},[5246,8014,8015],{"class":5276},"'Дашборд готовий!'",[5246,8017,5362],{"class":5256},[5246,8019,8021],{"class":5248,"line":8020},44,[5246,8022,6292],{"class":5256},[5246,8024,8026],{"class":5248,"line":8025},45,[5246,8027,5287],{"emptyLinePlaceholder":5286},[5246,8029,8031],{"class":5248,"line":8030},46,[5246,8032,8033],{"class":6361},"\u002F\u002F Виклик async функції (повертає проміс)\n",[5246,8035,8037,8040,8042,8045],{"class":5248,"line":8036},47,[5246,8038,8039],{"class":5293},"displayUserDashboard",[5246,8041,5296],{"class":5256},[5246,8043,8044],{"class":6385},"42",[5246,8046,5737],{"class":5256},[5246,8048,8050,8052,8054,8056,8058,8061,8063,8065,8067,8070],{"class":5248,"line":8049},48,[5246,8051,5742],{"class":5256},[5246,8053,5745],{"class":5293},[5246,8055,5940],{"class":5256},[5246,8057,5322],{"class":5321},[5246,8059,8060],{"class":5260}," console",[5246,8062,5127],{"class":5256},[5246,8064,5666],{"class":5293},[5246,8066,5296],{"class":5256},[5246,8068,8069],{"class":5276},"'Завершено успішно'",[5246,8071,8072],{"class":5256},"))\n",[5246,8074,8076,8078,8080,8082,8084,8086,8088,8090,8092,8094,8096,8098,8100,8102,8104,8106],{"class":5248,"line":8075},49,[5246,8077,5742],{"class":5256},[5246,8079,5969],{"class":5293},[5246,8081,5748],{"class":5256},[5246,8083,5350],{"class":5260},[5246,8085,5318],{"class":5256},[5246,8087,5322],{"class":5321},[5246,8089,8060],{"class":5260},[5246,8091,5127],{"class":5256},[5246,8093,5350],{"class":5293},[5246,8095,5296],{"class":5256},[5246,8097,5992],{"class":5276},[5246,8099,5264],{"class":5256},[5246,8101,5350],{"class":5260},[5246,8103,5127],{"class":5256},[5246,8105,6001],{"class":5260},[5246,8107,5927],{"class":5256},[5201,8109,8110,8111,8113],{},"У цьому прикладі код виглядає як синхронний, хоча всі операції асинхронні. Виконання функції призупиняється на кожному ",[5099,8112,5115],{},", поки проміс не виконається.",[8115,8116,7198,8117,6319,8119,8122,8123,8125,8126,5191,8128,8130],"warning",{},[5099,8118,5115],{},[5147,8120,8121],{},"не можна"," використовувати у звичайних (не-",[5099,8124,5108],{},") функціях, конструкторах або на верхньому рівні файлу (за винятком ES-модулів з підтримкою top-level await). Спроба використати ",[5099,8127,5115],{},[5099,8129,5108],{}," функцією призведе до синтаксичної помилки.",[5196,8132,8134,8135,5123,8137],{"id":8133},"обробка-помилок-trycatch-замість-catch","Обробка помилок: ",[5099,8136,5122],{},[5099,8138,5126],{},[5201,8140,8141,8142,8144,8145,6319,8148,8151,8152,8154],{},"Одна з найбільших переваг ",[5099,8143,5101],{}," — можливість використання ",[5147,8146,8147],{},"традиційних конструкцій обробки помилок",[5099,8149,8150],{},"try\u002Fcatch\u002Ffinally"," замість ланцюжків ",[5099,8153,5126],{},". Це робить код більш послідовним та зрозумілим для розробників, що звикли до синхронного коду.",[6348,8156,8158],{"id":8157},"базовий-приклад-обробки-помилок","Базовий приклад обробки помилок",[5236,8160,8162],{"className":5238,"code":8161,"language":5241,"meta":5242,"style":5242},"async function readConfigFile(path: string): Promise\u003Cany> {\n  try {\n    const content = await readFile(path, 'utf-8');\n    const config = JSON.parse(content);\n    \n    if (!config.apiKey) {\n      throw new Error('API ключ відсутній у конфігурації');\n    }\n    \n    return config;\n  } catch (error) {\n    \u002F\u002F Обробляємо ВСІ помилки:\n    \u002F\u002F - Файл не знайдено (ENOENT)\n    \u002F\u002F - JSON невалідний (SyntaxError)\n    \u002F\u002F - API ключ відсутній (Error)\n    console.error('Помилка завантаження конфігурації:', (error as Error).message);\n    throw error; \u002F\u002F Передаємо помилку вище по стеку\n  }\n}\n\n\u002F\u002F Виклик з обробкою помилок\nreadConfigFile('.\u002Fconfig.json')\n  .then((config) => console.log('Конфігурація завантажена:', config))\n  .catch((error) => console.error('Критична помилка:', error.message));\n",[5099,8163,8164,8192,8198,8221,8243,8247,8263,8279,8283,8287,8295,8307,8312,8317,8322,8327,8354,8367,8371,8375,8379,8384,8396,8427],{"__ignoreMap":5242},[5246,8165,8166,8168,8170,8173,8175,8178,8180,8182,8184,8186,8188,8190],{"class":5248,"line":5249},[5246,8167,5108],{"class":5321},[5246,8169,6044],{"class":5321},[5246,8171,8172],{"class":5293}," readConfigFile",[5246,8174,5296],{"class":5256},[5246,8176,8177],{"class":5260},"path",[5246,8179,7021],{"class":5256},[5246,8181,6604],{"class":6053},[5246,8183,7026],{"class":5256},[5246,8185,6054],{"class":6053},[5246,8187,6057],{"class":5256},[5246,8189,7033],{"class":6053},[5246,8191,6063],{"class":5256},[5246,8193,8194,8196],{"class":5248,"line":5283},[5246,8195,6068],{"class":5252},[5246,8197,5325],{"class":5256},[5246,8199,8200,8202,8205,8207,8209,8211,8213,8215,8217,8219],{"class":5248,"line":5290},[5246,8201,5522],{"class":5321},[5246,8203,8204],{"class":5391}," content",[5246,8206,5395],{"class":5256},[5246,8208,5115],{"class":5252},[5246,8210,5783],{"class":5293},[5246,8212,5296],{"class":5256},[5246,8214,8177],{"class":5260},[5246,8216,5264],{"class":5256},[5246,8218,5304],{"class":5276},[5246,8220,5362],{"class":5256},[5246,8222,8223,8225,8228,8230,8232,8234,8236,8238,8241],{"class":5248,"line":5328},[5246,8224,5522],{"class":5321},[5246,8226,8227],{"class":5391}," config",[5246,8229,5395],{"class":5256},[5246,8231,5398],{"class":5391},[5246,8233,5127],{"class":5256},[5246,8235,5403],{"class":5293},[5246,8237,5296],{"class":5256},[5246,8239,8240],{"class":5260},"content",[5246,8242,5362],{"class":5256},[5246,8244,8245],{"class":5248,"line":5342},[5246,8246,5516],{"class":5256},[5246,8248,8249,8251,8253,8256,8258,8261],{"class":5248,"line":5365},[5246,8250,5469],{"class":5252},[5246,8252,7627],{"class":5256},[5246,8254,8255],{"class":5260},"config",[5246,8257,5127],{"class":5256},[5246,8259,8260],{"class":5260},"apiKey",[5246,8262,5339],{"class":5256},[5246,8264,8265,8268,8270,8272,8274,8277],{"class":5248,"line":5373},[5246,8266,8267],{"class":5252},"      throw",[5246,8269,6702],{"class":5321},[5246,8271,6276],{"class":5293},[5246,8273,5296],{"class":5256},[5246,8275,8276],{"class":5276},"'API ключ відсутній у конфігурації'",[5246,8278,5362],{"class":5256},[5246,8280,8281],{"class":5248,"line":5379},[5246,8282,5510],{"class":5256},[5246,8284,8285],{"class":5248,"line":5385},[5246,8286,5516],{"class":5256},[5246,8288,8289,8291,8293],{"class":5248,"line":5412},[5246,8290,5368],{"class":5252},[5246,8292,8227],{"class":5260},[5246,8294,5280],{"class":5256},[5246,8296,8297,8299,8301,8303,8305],{"class":5248,"line":5417},[5246,8298,6246],{"class":5256},[5246,8300,5969],{"class":5252},[5246,8302,5334],{"class":5256},[5246,8304,5350],{"class":5260},[5246,8306,5339],{"class":5256},[5246,8308,8309],{"class":5248,"line":5466},[5246,8310,8311],{"class":6361},"    \u002F\u002F Обробляємо ВСІ помилки:\n",[5246,8313,8314],{"class":5248,"line":5478},[5246,8315,8316],{"class":6361},"    \u002F\u002F - Файл не знайдено (ENOENT)\n",[5246,8318,8319],{"class":5248,"line":5499},[5246,8320,8321],{"class":6361},"    \u002F\u002F - JSON невалідний (SyntaxError)\n",[5246,8323,8324],{"class":5248,"line":5507},[5246,8325,8326],{"class":6361},"    \u002F\u002F - API ключ відсутній (Error)\n",[5246,8328,8329,8331,8333,8335,8337,8340,8342,8344,8346,8348,8350,8352],{"class":5248,"line":5513},[5246,8330,5345],{"class":5260},[5246,8332,5127],{"class":5256},[5246,8334,5350],{"class":5293},[5246,8336,5296],{"class":5256},[5246,8338,8339],{"class":5276},"'Помилка завантаження конфігурації:'",[5246,8341,5307],{"class":5256},[5246,8343,5350],{"class":5260},[5246,8345,6273],{"class":5252},[5246,8347,6276],{"class":6053},[5246,8349,6279],{"class":5256},[5246,8351,6001],{"class":5260},[5246,8353,5362],{"class":5256},[5246,8355,8356,8358,8361,8364],{"class":5248,"line":5519},[5246,8357,7642],{"class":5252},[5246,8359,8360],{"class":5260}," error",[5246,8362,8363],{"class":5256},"; ",[5246,8365,8366],{"class":6361},"\u002F\u002F Передаємо помилку вище по стеку\n",[5246,8368,8369],{"class":5248,"line":5542},[5246,8370,5376],{"class":5256},[5246,8372,8373],{"class":5248,"line":5570},[5246,8374,6292],{"class":5256},[5246,8376,8377],{"class":5248,"line":5575},[5246,8378,5287],{"emptyLinePlaceholder":5286},[5246,8380,8381],{"class":5248,"line":5612},[5246,8382,8383],{"class":6361},"\u002F\u002F Виклик з обробкою помилок\n",[5246,8385,8386,8389,8391,8394],{"class":5248,"line":5624},[5246,8387,8388],{"class":5293},"readConfigFile",[5246,8390,5296],{"class":5256},[5246,8392,8393],{"class":5276},"'.\u002Fconfig.json'",[5246,8395,5737],{"class":5256},[5246,8397,8398,8400,8402,8404,8406,8408,8410,8412,8414,8416,8418,8421,8423,8425],{"class":5248,"line":5645},[5246,8399,5742],{"class":5256},[5246,8401,5745],{"class":5293},[5246,8403,5748],{"class":5256},[5246,8405,8255],{"class":5260},[5246,8407,5318],{"class":5256},[5246,8409,5322],{"class":5321},[5246,8411,8060],{"class":5260},[5246,8413,5127],{"class":5256},[5246,8415,5666],{"class":5293},[5246,8417,5296],{"class":5256},[5246,8419,8420],{"class":5276},"'Конфігурація завантажена:'",[5246,8422,5264],{"class":5256},[5246,8424,8255],{"class":5260},[5246,8426,8072],{"class":5256},[5246,8428,8429,8431,8433,8435,8437,8439,8441,8443,8445,8447,8449,8452,8454,8456,8458,8460],{"class":5248,"line":5653},[5246,8430,5742],{"class":5256},[5246,8432,5969],{"class":5293},[5246,8434,5748],{"class":5256},[5246,8436,5350],{"class":5260},[5246,8438,5318],{"class":5256},[5246,8440,5322],{"class":5321},[5246,8442,8060],{"class":5260},[5246,8444,5127],{"class":5256},[5246,8446,5350],{"class":5293},[5246,8448,5296],{"class":5256},[5246,8450,8451],{"class":5276},"'Критична помилка:'",[5246,8453,5264],{"class":5256},[5246,8455,5350],{"class":5260},[5246,8457,5127],{"class":5256},[5246,8459,6001],{"class":5260},[5246,8461,5927],{"class":5256},[6348,8463,8465,8466,8469,8470],{"id":8464},"порівняння-обробки-помилок-thencatch-vs-trycatch","Порівняння обробки помилок: ",[5099,8467,8468],{},".then().catch()"," vs ",[5099,8471,5122],{},[5233,8473,8474,8711],{},[5236,8475,8477],{"className":5238,"code":8476,"filename":5695,"language":5241,"meta":5242,"style":5242},"import { readFile } from 'node:fs\u002Fpromises';\n\nfunction processData(): Promise\u003Cvoid> {\n  return readFile('.\u002Fdata.json', 'utf-8')\n    .then((content) => {\n      const data = JSON.parse(content);\n      return validateData(data);\n    })\n    .then((validData) => {\n      return saveToDatabase(validData);\n    })\n    .then(() => {\n      console.log('Дані збережено');\n    })\n    .catch((error) => {\n      console.error('Помилка обробки даних:', error.message);\n      throw error;\n    });\n}\n",[5099,8478,8479,8495,8499,8516,8533,8550,8572,8586,8591,8608,8621,8625,8637,8652,8656,8672,8695,8703,8707],{"__ignoreMap":5242},[5246,8480,8481,8483,8485,8487,8489,8491,8493],{"class":5248,"line":5249},[5246,8482,5253],{"class":5252},[5246,8484,5257],{"class":5256},[5246,8486,5261],{"class":5260},[5246,8488,5270],{"class":5256},[5246,8490,5273],{"class":5252},[5246,8492,5716],{"class":5276},[5246,8494,5280],{"class":5256},[5246,8496,8497],{"class":5248,"line":5283},[5246,8498,5287],{"emptyLinePlaceholder":5286},[5246,8500,8501,8503,8506,8508,8510,8512,8514],{"class":5248,"line":5290},[5246,8502,6367],{"class":5321},[5246,8504,8505],{"class":5293}," processData",[5246,8507,6050],{"class":5256},[5246,8509,6054],{"class":6053},[5246,8511,6057],{"class":5256},[5246,8513,6060],{"class":6053},[5246,8515,6063],{"class":5256},[5246,8517,8518,8520,8522,8524,8527,8529,8531],{"class":5248,"line":5328},[5246,8519,6382],{"class":5252},[5246,8521,5783],{"class":5293},[5246,8523,5296],{"class":5256},[5246,8525,8526],{"class":5276},"'.\u002Fdata.json'",[5246,8528,5264],{"class":5256},[5246,8530,5304],{"class":5276},[5246,8532,5737],{"class":5256},[5246,8534,8535,8538,8540,8542,8544,8546,8548],{"class":5248,"line":5342},[5246,8536,8537],{"class":5256},"    .",[5246,8539,5745],{"class":5293},[5246,8541,5748],{"class":5256},[5246,8543,8240],{"class":5260},[5246,8545,5318],{"class":5256},[5246,8547,5322],{"class":5321},[5246,8549,5325],{"class":5256},[5246,8551,8552,8555,8558,8560,8562,8564,8566,8568,8570],{"class":5248,"line":5365},[5246,8553,8554],{"class":5321},"      const",[5246,8556,8557],{"class":5391}," data",[5246,8559,5395],{"class":5256},[5246,8561,5398],{"class":5391},[5246,8563,5127],{"class":5256},[5246,8565,5403],{"class":5293},[5246,8567,5296],{"class":5256},[5246,8569,8240],{"class":5260},[5246,8571,5362],{"class":5256},[5246,8573,8574,8576,8579,8581,8584],{"class":5248,"line":5373},[5246,8575,5502],{"class":5252},[5246,8577,8578],{"class":5293}," validateData",[5246,8580,5296],{"class":5256},[5246,8582,8583],{"class":5260},"data",[5246,8585,5362],{"class":5256},[5246,8587,8588],{"class":5248,"line":5379},[5246,8589,8590],{"class":5256},"    })\n",[5246,8592,8593,8595,8597,8599,8602,8604,8606],{"class":5248,"line":5385},[5246,8594,8537],{"class":5256},[5246,8596,5745],{"class":5293},[5246,8598,5748],{"class":5256},[5246,8600,8601],{"class":5260},"validData",[5246,8603,5318],{"class":5256},[5246,8605,5322],{"class":5321},[5246,8607,5325],{"class":5256},[5246,8609,8610,8612,8615,8617,8619],{"class":5248,"line":5412},[5246,8611,5502],{"class":5252},[5246,8613,8614],{"class":5293}," saveToDatabase",[5246,8616,5296],{"class":5256},[5246,8618,8601],{"class":5260},[5246,8620,5362],{"class":5256},[5246,8622,8623],{"class":5248,"line":5417},[5246,8624,8590],{"class":5256},[5246,8626,8627,8629,8631,8633,8635],{"class":5248,"line":5466},[5246,8628,8537],{"class":5256},[5246,8630,5745],{"class":5293},[5246,8632,5940],{"class":5256},[5246,8634,5322],{"class":5321},[5246,8636,5325],{"class":5256},[5246,8638,8639,8641,8643,8645,8647,8650],{"class":5248,"line":5478},[5246,8640,5481],{"class":5260},[5246,8642,5127],{"class":5256},[5246,8644,5666],{"class":5293},[5246,8646,5296],{"class":5256},[5246,8648,8649],{"class":5276},"'Дані збережено'",[5246,8651,5362],{"class":5256},[5246,8653,8654],{"class":5248,"line":5499},[5246,8655,8590],{"class":5256},[5246,8657,8658,8660,8662,8664,8666,8668,8670],{"class":5248,"line":5507},[5246,8659,8537],{"class":5256},[5246,8661,5969],{"class":5293},[5246,8663,5748],{"class":5256},[5246,8665,5350],{"class":5260},[5246,8667,5318],{"class":5256},[5246,8669,5322],{"class":5321},[5246,8671,5325],{"class":5256},[5246,8673,8674,8676,8678,8680,8682,8685,8687,8689,8691,8693],{"class":5248,"line":5513},[5246,8675,5481],{"class":5260},[5246,8677,5127],{"class":5256},[5246,8679,5350],{"class":5293},[5246,8681,5296],{"class":5256},[5246,8683,8684],{"class":5276},"'Помилка обробки даних:'",[5246,8686,5264],{"class":5256},[5246,8688,5350],{"class":5260},[5246,8690,5127],{"class":5256},[5246,8692,6001],{"class":5260},[5246,8694,5362],{"class":5256},[5246,8696,8697,8699,8701],{"class":5248,"line":5519},[5246,8698,8267],{"class":5252},[5246,8700,8360],{"class":5260},[5246,8702,5280],{"class":5256},[5246,8704,8705],{"class":5248,"line":5542},[5246,8706,5679],{"class":5256},[5246,8708,8709],{"class":5248,"line":5570},[5246,8710,6292],{"class":5256},[5236,8712,8714],{"className":5238,"code":8713,"filename":6011,"language":5241,"meta":5242,"style":5242},"import { readFile } from 'node:fs\u002Fpromises';\n\nasync function processData(): Promise\u003Cvoid> {\n  try {\n    const content = await readFile('.\u002Fdata.json', 'utf-8');\n    const data = JSON.parse(content);\n    const validData = await validateData(data);\n    await saveToDatabase(validData);\n    console.log('Дані збережено');\n  } catch (error) {\n    console.error('Помилка обробки даних:', (error as Error).message);\n    throw error;\n  }\n}\n",[5099,8715,8716,8732,8736,8754,8760,8782,8802,8821,8833,8847,8859,8885,8893,8897],{"__ignoreMap":5242},[5246,8717,8718,8720,8722,8724,8726,8728,8730],{"class":5248,"line":5249},[5246,8719,5253],{"class":5252},[5246,8721,5257],{"class":5256},[5246,8723,5261],{"class":5260},[5246,8725,5270],{"class":5256},[5246,8727,5273],{"class":5252},[5246,8729,5716],{"class":5276},[5246,8731,5280],{"class":5256},[5246,8733,8734],{"class":5248,"line":5283},[5246,8735,5287],{"emptyLinePlaceholder":5286},[5246,8737,8738,8740,8742,8744,8746,8748,8750,8752],{"class":5248,"line":5290},[5246,8739,5108],{"class":5321},[5246,8741,6044],{"class":5321},[5246,8743,8505],{"class":5293},[5246,8745,6050],{"class":5256},[5246,8747,6054],{"class":6053},[5246,8749,6057],{"class":5256},[5246,8751,6060],{"class":6053},[5246,8753,6063],{"class":5256},[5246,8755,8756,8758],{"class":5248,"line":5328},[5246,8757,6068],{"class":5252},[5246,8759,5325],{"class":5256},[5246,8761,8762,8764,8766,8768,8770,8772,8774,8776,8778,8780],{"class":5248,"line":5342},[5246,8763,5522],{"class":5321},[5246,8765,8204],{"class":5391},[5246,8767,5395],{"class":5256},[5246,8769,5115],{"class":5252},[5246,8771,5783],{"class":5293},[5246,8773,5296],{"class":5256},[5246,8775,8526],{"class":5276},[5246,8777,5264],{"class":5256},[5246,8779,5304],{"class":5276},[5246,8781,5362],{"class":5256},[5246,8783,8784,8786,8788,8790,8792,8794,8796,8798,8800],{"class":5248,"line":5365},[5246,8785,5522],{"class":5321},[5246,8787,8557],{"class":5391},[5246,8789,5395],{"class":5256},[5246,8791,5398],{"class":5391},[5246,8793,5127],{"class":5256},[5246,8795,5403],{"class":5293},[5246,8797,5296],{"class":5256},[5246,8799,8240],{"class":5260},[5246,8801,5362],{"class":5256},[5246,8803,8804,8806,8809,8811,8813,8815,8817,8819],{"class":5248,"line":5373},[5246,8805,5522],{"class":5321},[5246,8807,8808],{"class":5391}," validData",[5246,8810,5395],{"class":5256},[5246,8812,5115],{"class":5252},[5246,8814,8578],{"class":5293},[5246,8816,5296],{"class":5256},[5246,8818,8583],{"class":5260},[5246,8820,5362],{"class":5256},[5246,8822,8823,8825,8827,8829,8831],{"class":5248,"line":5379},[5246,8824,6203],{"class":5252},[5246,8826,8614],{"class":5293},[5246,8828,5296],{"class":5256},[5246,8830,8601],{"class":5260},[5246,8832,5362],{"class":5256},[5246,8834,8835,8837,8839,8841,8843,8845],{"class":5248,"line":5385},[5246,8836,5345],{"class":5260},[5246,8838,5127],{"class":5256},[5246,8840,5666],{"class":5293},[5246,8842,5296],{"class":5256},[5246,8844,8649],{"class":5276},[5246,8846,5362],{"class":5256},[5246,8848,8849,8851,8853,8855,8857],{"class":5248,"line":5412},[5246,8850,6246],{"class":5256},[5246,8852,5969],{"class":5252},[5246,8854,5334],{"class":5256},[5246,8856,5350],{"class":5260},[5246,8858,5339],{"class":5256},[5246,8860,8861,8863,8865,8867,8869,8871,8873,8875,8877,8879,8881,8883],{"class":5248,"line":5417},[5246,8862,5345],{"class":5260},[5246,8864,5127],{"class":5256},[5246,8866,5350],{"class":5293},[5246,8868,5296],{"class":5256},[5246,8870,8684],{"class":5276},[5246,8872,5307],{"class":5256},[5246,8874,5350],{"class":5260},[5246,8876,6273],{"class":5252},[5246,8878,6276],{"class":6053},[5246,8880,6279],{"class":5256},[5246,8882,6001],{"class":5260},[5246,8884,5362],{"class":5256},[5246,8886,8887,8889,8891],{"class":5248,"line":5466},[5246,8888,7642],{"class":5252},[5246,8890,8360],{"class":5260},[5246,8892,5280],{"class":5256},[5246,8894,8895],{"class":5248,"line":5478},[5246,8896,5376],{"class":5256},[5246,8898,8899],{"class":5248,"line":5499},[5246,8900,6292],{"class":5256},[5201,8902,8903,8904,8906],{},"Переваги ",[5099,8905,5122],{}," підходу:",[5205,8908,8909,8919,8925],{},[5095,8910,8911,8914,8915,8918],{},[5147,8912,8913],{},"Єдиний блок обробки:"," всі помилки у межах ",[5099,8916,8917],{},"try"," блоку обробляються в одному місці.",[5095,8920,8921,8924],{},[5147,8922,8923],{},"Звична семантика:"," розробники, що знайомі з іншими мовами (Java, C#, Python), відразу розуміють структуру.",[5095,8926,8927,8930,8931,8933],{},[5147,8928,8929],{},"Можливість локальної обробки:"," можна обгорнути окремі операції у власні ",[5099,8932,5122],{}," для специфічної обробки.",[6348,8935,8937,8938,8941],{"id":8936},"блок-finally-гарантоване-виконання-коду-очищення","Блок ",[5099,8939,8940],{},"finally",": гарантоване виконання коду очищення",[5201,8943,8937,8944,8946,8947,8950,8951,8953],{},[5099,8945,8940],{}," виконується ",[5147,8948,8949],{},"завжди",", незалежно від того, чи виконався код у ",[5099,8952,8917],{}," успішно, чи виникла помилка:",[5236,8955,8957],{"className":5238,"code":8956,"language":5241,"meta":5242,"style":5242},"import { open, FileHandle } from 'node:fs\u002Fpromises';\n\nasync function processFile(path: string): Promise\u003Cvoid> {\n  let fileHandle: FileHandle | undefined;\n  \n  try {\n    fileHandle = await open(path, 'r');\n    const buffer = Buffer.alloc(1024);\n    const { bytesRead } = await fileHandle.read(buffer, 0, 1024, 0);\n    \n    console.log('Прочитано байтів:', bytesRead);\n    \n    \u002F\u002F Обробка даних...\n    if (bytesRead === 0) {\n      throw new Error('Файл порожній');\n    }\n  } catch (error) {\n    console.error('Помилка обробки файлу:', (error as Error).message);\n    throw error;\n  } finally {\n    \u002F\u002F Гарантоване закриття файлового дескриптора\n    if (fileHandle) {\n      await fileHandle.close();\n      console.log('Файл закрито');\n    }\n  }\n}\n\nprocessFile('.\u002Fdata.bin')\n  .catch((error) => console.error('Критична помилка:', error));\n",[5099,8958,8959,8981,8985,9012,9032,9036,9042,9065,9089,9130,9134,9153,9157,9162,9177,9192,9196,9208,9235,9243,9251,9256,9267,9281,9296,9300,9304,9308,9312,9324],{"__ignoreMap":5242},[5246,8960,8961,8963,8965,8968,8970,8973,8975,8977,8979],{"class":5248,"line":5249},[5246,8962,5253],{"class":5252},[5246,8964,5257],{"class":5256},[5246,8966,8967],{"class":5260},"open",[5246,8969,5264],{"class":5256},[5246,8971,8972],{"class":5260},"FileHandle",[5246,8974,5270],{"class":5256},[5246,8976,5273],{"class":5252},[5246,8978,5716],{"class":5276},[5246,8980,5280],{"class":5256},[5246,8982,8983],{"class":5248,"line":5283},[5246,8984,5287],{"emptyLinePlaceholder":5286},[5246,8986,8987,8989,8991,8994,8996,8998,9000,9002,9004,9006,9008,9010],{"class":5248,"line":5290},[5246,8988,5108],{"class":5321},[5246,8990,6044],{"class":5321},[5246,8992,8993],{"class":5293}," processFile",[5246,8995,5296],{"class":5256},[5246,8997,8177],{"class":5260},[5246,8999,7021],{"class":5256},[5246,9001,6604],{"class":6053},[5246,9003,7026],{"class":5256},[5246,9005,6054],{"class":6053},[5246,9007,6057],{"class":5256},[5246,9009,6060],{"class":6053},[5246,9011,6063],{"class":5256},[5246,9013,9014,9017,9020,9022,9024,9027,9030],{"class":5248,"line":5328},[5246,9015,9016],{"class":5321},"  let",[5246,9018,9019],{"class":5260}," fileHandle",[5246,9021,7021],{"class":5256},[5246,9023,8972],{"class":6053},[5246,9025,9026],{"class":5256}," | ",[5246,9028,9029],{"class":6053},"undefined",[5246,9031,5280],{"class":5256},[5246,9033,9034],{"class":5248,"line":5342},[5246,9035,5382],{"class":5256},[5246,9037,9038,9040],{"class":5248,"line":5365},[5246,9039,6068],{"class":5252},[5246,9041,5325],{"class":5256},[5246,9043,9044,9047,9049,9051,9054,9056,9058,9060,9063],{"class":5248,"line":5373},[5246,9045,9046],{"class":5260},"    fileHandle",[5246,9048,5395],{"class":5256},[5246,9050,5115],{"class":5252},[5246,9052,9053],{"class":5293}," open",[5246,9055,5296],{"class":5256},[5246,9057,8177],{"class":5260},[5246,9059,5264],{"class":5256},[5246,9061,9062],{"class":5276},"'r'",[5246,9064,5362],{"class":5256},[5246,9066,9067,9069,9072,9074,9077,9079,9082,9084,9087],{"class":5248,"line":5379},[5246,9068,5522],{"class":5321},[5246,9070,9071],{"class":5391}," buffer",[5246,9073,5395],{"class":5256},[5246,9075,9076],{"class":5260},"Buffer",[5246,9078,5127],{"class":5256},[5246,9080,9081],{"class":5293},"alloc",[5246,9083,5296],{"class":5256},[5246,9085,9086],{"class":6385},"1024",[5246,9088,5362],{"class":5256},[5246,9090,9091,9093,9095,9098,9101,9103,9105,9107,9110,9112,9115,9117,9120,9122,9124,9126,9128],{"class":5248,"line":5385},[5246,9092,5522],{"class":5321},[5246,9094,5257],{"class":5256},[5246,9096,9097],{"class":5391},"bytesRead",[5246,9099,9100],{"class":5256}," } = ",[5246,9102,5115],{"class":5252},[5246,9104,9019],{"class":5260},[5246,9106,5127],{"class":5256},[5246,9108,9109],{"class":5293},"read",[5246,9111,5296],{"class":5256},[5246,9113,9114],{"class":5260},"buffer",[5246,9116,5264],{"class":5256},[5246,9118,9119],{"class":6385},"0",[5246,9121,5264],{"class":5256},[5246,9123,9086],{"class":6385},[5246,9125,5264],{"class":5256},[5246,9127,9119],{"class":6385},[5246,9129,5362],{"class":5256},[5246,9131,9132],{"class":5248,"line":5412},[5246,9133,5516],{"class":5256},[5246,9135,9136,9138,9140,9142,9144,9147,9149,9151],{"class":5248,"line":5417},[5246,9137,5345],{"class":5260},[5246,9139,5127],{"class":5256},[5246,9141,5666],{"class":5293},[5246,9143,5296],{"class":5256},[5246,9145,9146],{"class":5276},"'Прочитано байтів:'",[5246,9148,5264],{"class":5256},[5246,9150,9097],{"class":5260},[5246,9152,5362],{"class":5256},[5246,9154,9155],{"class":5248,"line":5466},[5246,9156,5516],{"class":5256},[5246,9158,9159],{"class":5248,"line":5478},[5246,9160,9161],{"class":6361},"    \u002F\u002F Обробка даних...\n",[5246,9163,9164,9166,9168,9170,9173,9175],{"class":5248,"line":5499},[5246,9165,5469],{"class":5252},[5246,9167,5334],{"class":5256},[5246,9169,9097],{"class":5260},[5246,9171,9172],{"class":5256}," === ",[5246,9174,9119],{"class":6385},[5246,9176,5339],{"class":5256},[5246,9178,9179,9181,9183,9185,9187,9190],{"class":5248,"line":5507},[5246,9180,8267],{"class":5252},[5246,9182,6702],{"class":5321},[5246,9184,6276],{"class":5293},[5246,9186,5296],{"class":5256},[5246,9188,9189],{"class":5276},"'Файл порожній'",[5246,9191,5362],{"class":5256},[5246,9193,9194],{"class":5248,"line":5513},[5246,9195,5510],{"class":5256},[5246,9197,9198,9200,9202,9204,9206],{"class":5248,"line":5519},[5246,9199,6246],{"class":5256},[5246,9201,5969],{"class":5252},[5246,9203,5334],{"class":5256},[5246,9205,5350],{"class":5260},[5246,9207,5339],{"class":5256},[5246,9209,9210,9212,9214,9216,9218,9221,9223,9225,9227,9229,9231,9233],{"class":5248,"line":5542},[5246,9211,5345],{"class":5260},[5246,9213,5127],{"class":5256},[5246,9215,5350],{"class":5293},[5246,9217,5296],{"class":5256},[5246,9219,9220],{"class":5276},"'Помилка обробки файлу:'",[5246,9222,5307],{"class":5256},[5246,9224,5350],{"class":5260},[5246,9226,6273],{"class":5252},[5246,9228,6276],{"class":6053},[5246,9230,6279],{"class":5256},[5246,9232,6001],{"class":5260},[5246,9234,5362],{"class":5256},[5246,9236,9237,9239,9241],{"class":5248,"line":5570},[5246,9238,7642],{"class":5252},[5246,9240,8360],{"class":5260},[5246,9242,5280],{"class":5256},[5246,9244,9245,9247,9249],{"class":5248,"line":5575},[5246,9246,6246],{"class":5256},[5246,9248,8940],{"class":5252},[5246,9250,5325],{"class":5256},[5246,9252,9253],{"class":5248,"line":5612},[5246,9254,9255],{"class":6361},"    \u002F\u002F Гарантоване закриття файлового дескриптора\n",[5246,9257,9258,9260,9262,9265],{"class":5248,"line":5624},[5246,9259,5469],{"class":5252},[5246,9261,5334],{"class":5256},[5246,9263,9264],{"class":5260},"fileHandle",[5246,9266,5339],{"class":5256},[5246,9268,9269,9272,9274,9276,9279],{"class":5248,"line":5645},[5246,9270,9271],{"class":5252},"      await",[5246,9273,9019],{"class":5260},[5246,9275,5127],{"class":5256},[5246,9277,9278],{"class":5293},"close",[5246,9280,6304],{"class":5256},[5246,9282,9283,9285,9287,9289,9291,9294],{"class":5248,"line":5653},[5246,9284,5481],{"class":5260},[5246,9286,5127],{"class":5256},[5246,9288,5666],{"class":5293},[5246,9290,5296],{"class":5256},[5246,9292,9293],{"class":5276},"'Файл закрито'",[5246,9295,5362],{"class":5256},[5246,9297,9298],{"class":5248,"line":5659},[5246,9299,5510],{"class":5256},[5246,9301,9302],{"class":5248,"line":5676},[5246,9303,5376],{"class":5256},[5246,9305,9306],{"class":5248,"line":5682},[5246,9307,6292],{"class":5256},[5246,9309,9310],{"class":5248,"line":5688},[5246,9311,5287],{"emptyLinePlaceholder":5286},[5246,9313,9314,9317,9319,9322],{"class":5248,"line":6822},[5246,9315,9316],{"class":5293},"processFile",[5246,9318,5296],{"class":5256},[5246,9320,9321],{"class":5276},"'.\u002Fdata.bin'",[5246,9323,5737],{"class":5256},[5246,9325,9326,9328,9330,9332,9334,9336,9338,9340,9342,9344,9346,9348,9350,9352],{"class":5248,"line":7138},[5246,9327,5742],{"class":5256},[5246,9329,5969],{"class":5293},[5246,9331,5748],{"class":5256},[5246,9333,5350],{"class":5260},[5246,9335,5318],{"class":5256},[5246,9337,5322],{"class":5321},[5246,9339,8060],{"class":5260},[5246,9341,5127],{"class":5256},[5246,9343,5350],{"class":5293},[5246,9345,5296],{"class":5256},[5246,9347,8451],{"class":5276},[5246,9349,5264],{"class":5256},[5246,9351,5350],{"class":5260},[5246,9353,5927],{"class":5256},[5201,9355,9356,9357,9359,9360,6279],{},"У цьому прикладі файловий дескриптор буде закрито ",[5147,9358,8949],{}," — навіть якщо виникне помилка під час читання. Це критично важливо для запобігання витоку ресурсів (",[5151,9361,9362],{},"resource leaks",[6314,9364,8937,9365,9367,9368,9370,9371,9373,9374,9377,9378,9380],{},[5099,9366,8940],{}," виконується після ",[5099,9369,8917],{}," (якщо код успішний) або після ",[5099,9372,5969],{}," (якщо виникла помилка), але ",[5147,9375,9376],{},"перед поверненням"," значення з функції. Це робить ",[5099,9379,8940],{}," ідеальним місцем для очищення ресурсів (закриття файлів, з'єднань з базою даних, звільнення блокувань).",[6348,9382,9384],{"id":9383},"вибіркова-обробка-помилок-за-типом","Вибіркова обробка помилок за типом",[5201,9386,9387],{},"У деяких сценаріях потрібно по-різному обробляти різні типи помилок:",[5236,9389,9391],{"className":5238,"code":9390,"language":5241,"meta":5242,"style":5242},"import { readFile } from 'node:fs\u002Fpromises';\n\nclass ValidationError extends Error {\n  constructor(message: string) {\n    super(message);\n    this.name = 'ValidationError';\n  }\n}\n\nasync function loadAndValidateConfig(path: string): Promise\u003Cany> {\n  try {\n    const content = await readFile(path, 'utf-8');\n    const config = JSON.parse(content);\n    \n    if (!config.version || typeof config.version !== 'string') {\n      throw new ValidationError('Поле version є обов\\'язковим');\n    }\n    \n    if (!config.database || !config.database.host) {\n      throw new ValidationError('Налаштування database.host відсутні');\n    }\n    \n    return config;\n  } catch (error) {\n    if (error instanceof ValidationError) {\n      console.error('Помилка валідації конфігурації:', error.message);\n      \u002F\u002F Використовуємо конфігурацію за замовчуванням\n      return getDefaultConfig();\n    }\n    \n    if ((error as NodeJS.ErrnoException).code === 'ENOENT') {\n      console.warn('Файл конфігурації не знайдено, використовуємо значення за замовчуванням');\n      return getDefaultConfig();\n    }\n    \n    if (error instanceof SyntaxError) {\n      console.error('Невалідний JSON у файлі конфігурації');\n      throw error; \u002F\u002F Критична помилка — не можемо продовжити\n    }\n    \n    \u002F\u002F Невідома помилка — передаємо вище\n    throw error;\n  }\n}\n\nfunction getDefaultConfig(): any {\n  return {\n    version: '1.0.0',\n    database: {\n      host: 'localhost',\n      port: 5432,\n    },\n  };\n}\n",[5099,9392,9393,9409,9413,9427,9442,9453,9469,9473,9477,9481,9508,9514,9536,9556,9560,9593,9615,9619,9623,9652,9667,9671,9675,9683,9695,9710,9733,9738,9747,9751,9755,9785,9801,9809,9813,9817,9832,9847,9858,9862,9866,9871,9879,9883,9887,9891,9903,9909,9920,9927,9938,9949,9955,9961],{"__ignoreMap":5242},[5246,9394,9395,9397,9399,9401,9403,9405,9407],{"class":5248,"line":5249},[5246,9396,5253],{"class":5252},[5246,9398,5257],{"class":5256},[5246,9400,5261],{"class":5260},[5246,9402,5270],{"class":5256},[5246,9404,5273],{"class":5252},[5246,9406,5716],{"class":5276},[5246,9408,5280],{"class":5256},[5246,9410,9411],{"class":5248,"line":5283},[5246,9412,5287],{"emptyLinePlaceholder":5286},[5246,9414,9415,9417,9420,9423,9425],{"class":5248,"line":5290},[5246,9416,7076],{"class":5321},[5246,9418,9419],{"class":6053}," ValidationError",[5246,9421,9422],{"class":5321}," extends",[5246,9424,6276],{"class":6053},[5246,9426,5325],{"class":5256},[5246,9428,9429,9432,9434,9436,9438,9440],{"class":5248,"line":5328},[5246,9430,9431],{"class":5321},"  constructor",[5246,9433,5296],{"class":5256},[5246,9435,6001],{"class":5260},[5246,9437,7021],{"class":5256},[5246,9439,6604],{"class":6053},[5246,9441,5339],{"class":5256},[5246,9443,9444,9447,9449,9451],{"class":5248,"line":5342},[5246,9445,9446],{"class":5321},"    super",[5246,9448,5296],{"class":5256},[5246,9450,6001],{"class":5260},[5246,9452,5362],{"class":5256},[5246,9454,9455,9458,9460,9462,9464,9467],{"class":5248,"line":5365},[5246,9456,9457],{"class":5321},"    this",[5246,9459,5127],{"class":5256},[5246,9461,7945],{"class":5260},[5246,9463,5395],{"class":5256},[5246,9465,9466],{"class":5276},"'ValidationError'",[5246,9468,5280],{"class":5256},[5246,9470,9471],{"class":5248,"line":5373},[5246,9472,5376],{"class":5256},[5246,9474,9475],{"class":5248,"line":5379},[5246,9476,6292],{"class":5256},[5246,9478,9479],{"class":5248,"line":5385},[5246,9480,5287],{"emptyLinePlaceholder":5286},[5246,9482,9483,9485,9487,9490,9492,9494,9496,9498,9500,9502,9504,9506],{"class":5248,"line":5412},[5246,9484,5108],{"class":5321},[5246,9486,6044],{"class":5321},[5246,9488,9489],{"class":5293}," loadAndValidateConfig",[5246,9491,5296],{"class":5256},[5246,9493,8177],{"class":5260},[5246,9495,7021],{"class":5256},[5246,9497,6604],{"class":6053},[5246,9499,7026],{"class":5256},[5246,9501,6054],{"class":6053},[5246,9503,6057],{"class":5256},[5246,9505,7033],{"class":6053},[5246,9507,6063],{"class":5256},[5246,9509,9510,9512],{"class":5248,"line":5417},[5246,9511,6068],{"class":5252},[5246,9513,5325],{"class":5256},[5246,9515,9516,9518,9520,9522,9524,9526,9528,9530,9532,9534],{"class":5248,"line":5466},[5246,9517,5522],{"class":5321},[5246,9519,8204],{"class":5391},[5246,9521,5395],{"class":5256},[5246,9523,5115],{"class":5252},[5246,9525,5783],{"class":5293},[5246,9527,5296],{"class":5256},[5246,9529,8177],{"class":5260},[5246,9531,5264],{"class":5256},[5246,9533,5304],{"class":5276},[5246,9535,5362],{"class":5256},[5246,9537,9538,9540,9542,9544,9546,9548,9550,9552,9554],{"class":5248,"line":5478},[5246,9539,5522],{"class":5321},[5246,9541,8227],{"class":5391},[5246,9543,5395],{"class":5256},[5246,9545,5398],{"class":5391},[5246,9547,5127],{"class":5256},[5246,9549,5403],{"class":5293},[5246,9551,5296],{"class":5256},[5246,9553,8240],{"class":5260},[5246,9555,5362],{"class":5256},[5246,9557,9558],{"class":5248,"line":5499},[5246,9559,5516],{"class":5256},[5246,9561,9562,9564,9566,9568,9570,9573,9576,9579,9581,9583,9585,9588,9591],{"class":5248,"line":5507},[5246,9563,5469],{"class":5252},[5246,9565,7627],{"class":5256},[5246,9567,8255],{"class":5260},[5246,9569,5127],{"class":5256},[5246,9571,9572],{"class":5260},"version",[5246,9574,9575],{"class":5256}," || ",[5246,9577,9578],{"class":5321},"typeof",[5246,9580,8227],{"class":5260},[5246,9582,5127],{"class":5256},[5246,9584,9572],{"class":5260},[5246,9586,9587],{"class":5256}," !== ",[5246,9589,9590],{"class":5276},"'string'",[5246,9592,5339],{"class":5256},[5246,9594,9595,9597,9599,9601,9603,9606,9610,9613],{"class":5248,"line":5513},[5246,9596,8267],{"class":5252},[5246,9598,6702],{"class":5321},[5246,9600,9419],{"class":5293},[5246,9602,5296],{"class":5256},[5246,9604,9605],{"class":5276},"'Поле version є обов",[5246,9607,9609],{"class":9608},"sjcCO","\\'",[5246,9611,9612],{"class":5276},"язковим'",[5246,9614,5362],{"class":5256},[5246,9616,9617],{"class":5248,"line":5519},[5246,9618,5510],{"class":5256},[5246,9620,9621],{"class":5248,"line":5542},[5246,9622,5516],{"class":5256},[5246,9624,9625,9627,9629,9631,9633,9636,9639,9641,9643,9645,9647,9650],{"class":5248,"line":5570},[5246,9626,5469],{"class":5252},[5246,9628,7627],{"class":5256},[5246,9630,8255],{"class":5260},[5246,9632,5127],{"class":5256},[5246,9634,9635],{"class":5260},"database",[5246,9637,9638],{"class":5256}," || !",[5246,9640,8255],{"class":5260},[5246,9642,5127],{"class":5256},[5246,9644,9635],{"class":5260},[5246,9646,5127],{"class":5256},[5246,9648,9649],{"class":5260},"host",[5246,9651,5339],{"class":5256},[5246,9653,9654,9656,9658,9660,9662,9665],{"class":5248,"line":5575},[5246,9655,8267],{"class":5252},[5246,9657,6702],{"class":5321},[5246,9659,9419],{"class":5293},[5246,9661,5296],{"class":5256},[5246,9663,9664],{"class":5276},"'Налаштування database.host відсутні'",[5246,9666,5362],{"class":5256},[5246,9668,9669],{"class":5248,"line":5612},[5246,9670,5510],{"class":5256},[5246,9672,9673],{"class":5248,"line":5624},[5246,9674,5516],{"class":5256},[5246,9676,9677,9679,9681],{"class":5248,"line":5645},[5246,9678,5368],{"class":5252},[5246,9680,8227],{"class":5260},[5246,9682,5280],{"class":5256},[5246,9684,9685,9687,9689,9691,9693],{"class":5248,"line":5653},[5246,9686,6246],{"class":5256},[5246,9688,5969],{"class":5252},[5246,9690,5334],{"class":5256},[5246,9692,5350],{"class":5260},[5246,9694,5339],{"class":5256},[5246,9696,9697,9699,9701,9703,9706,9708],{"class":5248,"line":5659},[5246,9698,5469],{"class":5252},[5246,9700,5334],{"class":5256},[5246,9702,5350],{"class":5260},[5246,9704,9705],{"class":5321}," instanceof",[5246,9707,9419],{"class":6053},[5246,9709,5339],{"class":5256},[5246,9711,9712,9714,9716,9718,9720,9723,9725,9727,9729,9731],{"class":5248,"line":5676},[5246,9713,5481],{"class":5260},[5246,9715,5127],{"class":5256},[5246,9717,5350],{"class":5293},[5246,9719,5296],{"class":5256},[5246,9721,9722],{"class":5276},"'Помилка валідації конфігурації:'",[5246,9724,5264],{"class":5256},[5246,9726,5350],{"class":5260},[5246,9728,5127],{"class":5256},[5246,9730,6001],{"class":5260},[5246,9732,5362],{"class":5256},[5246,9734,9735],{"class":5248,"line":5682},[5246,9736,9737],{"class":6361},"      \u002F\u002F Використовуємо конфігурацію за замовчуванням\n",[5246,9739,9740,9742,9745],{"class":5248,"line":5688},[5246,9741,5502],{"class":5252},[5246,9743,9744],{"class":5293}," getDefaultConfig",[5246,9746,6304],{"class":5256},[5246,9748,9749],{"class":5248,"line":6822},[5246,9750,5510],{"class":5256},[5246,9752,9753],{"class":5248,"line":7138},[5246,9754,5516],{"class":5256},[5246,9756,9757,9759,9762,9764,9766,9769,9771,9774,9776,9778,9780,9783],{"class":5248,"line":7160},[5246,9758,5469],{"class":5252},[5246,9760,9761],{"class":5256}," ((",[5246,9763,5350],{"class":5260},[5246,9765,6273],{"class":5252},[5246,9767,9768],{"class":6053}," NodeJS",[5246,9770,5127],{"class":5256},[5246,9772,9773],{"class":6053},"ErrnoException",[5246,9775,6279],{"class":5256},[5246,9777,5099],{"class":5260},[5246,9779,9172],{"class":5256},[5246,9781,9782],{"class":5276},"'ENOENT'",[5246,9784,5339],{"class":5256},[5246,9786,9787,9789,9791,9794,9796,9799],{"class":5248,"line":7176},[5246,9788,5481],{"class":5260},[5246,9790,5127],{"class":5256},[5246,9792,9793],{"class":5293},"warn",[5246,9795,5296],{"class":5256},[5246,9797,9798],{"class":5276},"'Файл конфігурації не знайдено, використовуємо значення за замовчуванням'",[5246,9800,5362],{"class":5256},[5246,9802,9803,9805,9807],{"class":5248,"line":7181},[5246,9804,5502],{"class":5252},[5246,9806,9744],{"class":5293},[5246,9808,6304],{"class":5256},[5246,9810,9811],{"class":5248,"line":7879},[5246,9812,5510],{"class":5256},[5246,9814,9815],{"class":5248,"line":7895},[5246,9816,5516],{"class":5256},[5246,9818,9819,9821,9823,9825,9827,9830],{"class":5248,"line":7900},[5246,9820,5469],{"class":5252},[5246,9822,5334],{"class":5256},[5246,9824,5350],{"class":5260},[5246,9826,9705],{"class":5321},[5246,9828,9829],{"class":6053}," SyntaxError",[5246,9831,5339],{"class":5256},[5246,9833,9834,9836,9838,9840,9842,9845],{"class":5248,"line":7906},[5246,9835,5481],{"class":5260},[5246,9837,5127],{"class":5256},[5246,9839,5350],{"class":5293},[5246,9841,5296],{"class":5256},[5246,9843,9844],{"class":5276},"'Невалідний JSON у файлі конфігурації'",[5246,9846,5362],{"class":5256},[5246,9848,9849,9851,9853,9855],{"class":5248,"line":7925},[5246,9850,8267],{"class":5252},[5246,9852,8360],{"class":5260},[5246,9854,8363],{"class":5256},[5246,9856,9857],{"class":6361},"\u002F\u002F Критична помилка — не можемо продовжити\n",[5246,9859,9860],{"class":5248,"line":7950},[5246,9861,5510],{"class":5256},[5246,9863,9864],{"class":5248,"line":7955},[5246,9865,5516],{"class":5256},[5246,9867,9868],{"class":5248,"line":7974},[5246,9869,9870],{"class":6361},"    \u002F\u002F Невідома помилка — передаємо вище\n",[5246,9872,9873,9875,9877],{"class":5248,"line":7999},[5246,9874,7642],{"class":5252},[5246,9876,8360],{"class":5260},[5246,9878,5280],{"class":5256},[5246,9880,9881],{"class":5248,"line":8004},[5246,9882,5376],{"class":5256},[5246,9884,9885],{"class":5248,"line":8020},[5246,9886,6292],{"class":5256},[5246,9888,9889],{"class":5248,"line":8025},[5246,9890,5287],{"emptyLinePlaceholder":5286},[5246,9892,9893,9895,9897,9899,9901],{"class":5248,"line":8030},[5246,9894,6367],{"class":5321},[5246,9896,9744],{"class":5293},[5246,9898,6050],{"class":5256},[5246,9900,7033],{"class":6053},[5246,9902,5325],{"class":5256},[5246,9904,9905,9907],{"class":5248,"line":8036},[5246,9906,6382],{"class":5252},[5246,9908,5325],{"class":5256},[5246,9910,9911,9914,9917],{"class":5248,"line":8049},[5246,9912,9913],{"class":5260},"    version:",[5246,9915,9916],{"class":5276}," '1.0.0'",[5246,9918,9919],{"class":5256},",\n",[5246,9921,9922,9925],{"class":5248,"line":8075},[5246,9923,9924],{"class":5260},"    database:",[5246,9926,5325],{"class":5256},[5246,9928,9930,9933,9936],{"class":5248,"line":9929},50,[5246,9931,9932],{"class":5260},"      host:",[5246,9934,9935],{"class":5276}," 'localhost'",[5246,9937,9919],{"class":5256},[5246,9939,9941,9944,9947],{"class":5248,"line":9940},51,[5246,9942,9943],{"class":5260},"      port:",[5246,9945,9946],{"class":6385}," 5432",[5246,9948,9919],{"class":5256},[5246,9950,9952],{"class":5248,"line":9951},52,[5246,9953,9954],{"class":5256},"    },\n",[5246,9956,9958],{"class":5248,"line":9957},53,[5246,9959,9960],{"class":5256},"  };\n",[5246,9962,9964],{"class":5248,"line":9963},54,[5246,9965,6292],{"class":5256},[5201,9967,9968],{},"У цьому прикладі різні типи помилок обробляються по-різному: помилки валідації та відсутності файлу призводять до використання конфігурації за замовчуванням, тоді як помилки парсингу JSON вважаються критичними.",[5196,9970,9972,9973,9975],{"id":9971},"паралельне-виконання-поєднання-asyncawait-з-комбінаторами-промісів","Паралельне виконання: поєднання ",[5099,9974,5101],{}," з комбінаторами промісів",[5201,9977,9978,9979,9981,9982,9985,9986,9989,9990,9992,9993,9995],{},"Одна з типових помилок при використанні ",[5099,9980,5101],{}," — ненавмисне ",[5147,9983,9984],{},"послідовне виконання"," операцій, які могли б виконуватися ",[5147,9987,9988],{},"паралельно",". Оскільки ",[5099,9991,5115],{}," призупиняє виконання функції, кілька ",[5099,9994,5115],{}," підряд виконуються послідовно:",[5236,9997,9999],{"className":5238,"code":9998,"language":5241,"meta":5242,"style":5242},"\u002F\u002F ❌ АНТИПАТТЕРН: Послідовне виконання (повільно)\nasync function loadUserDataSequential(userId: number): Promise\u003Cany> {\n  const user = await fetchUser(userId);        \u002F\u002F Чекаємо 200мс\n  const posts = await fetchUserPosts(userId);  \u002F\u002F Чекаємо 150мс\n  const comments = await fetchUserComments(userId); \u002F\u002F Чекаємо 100мс\n  \n  return { user, posts, comments };\n  \u002F\u002F Загальний час: 200 + 150 + 100 = 450мс\n}\n",[5099,10000,10001,10006,10033,10055,10077,10100,10104,10123,10128],{"__ignoreMap":5242},[5246,10002,10003],{"class":5248,"line":5249},[5246,10004,10005],{"class":6361},"\u002F\u002F ❌ АНТИПАТТЕРН: Послідовне виконання (повільно)\n",[5246,10007,10008,10010,10012,10015,10017,10019,10021,10023,10025,10027,10029,10031],{"class":5248,"line":5283},[5246,10009,5108],{"class":5321},[5246,10011,6044],{"class":5321},[5246,10013,10014],{"class":5293}," loadUserDataSequential",[5246,10016,5296],{"class":5256},[5246,10018,7722],{"class":5260},[5246,10020,7021],{"class":5256},[5246,10022,6375],{"class":6053},[5246,10024,7026],{"class":5256},[5246,10026,6054],{"class":6053},[5246,10028,6057],{"class":5256},[5246,10030,7033],{"class":6053},[5246,10032,6063],{"class":5256},[5246,10034,10035,10037,10039,10041,10043,10045,10047,10049,10052],{"class":5248,"line":5290},[5246,10036,5388],{"class":5321},[5246,10038,5392],{"class":5391},[5246,10040,5395],{"class":5256},[5246,10042,5115],{"class":5252},[5246,10044,7014],{"class":5293},[5246,10046,5296],{"class":5256},[5246,10048,7722],{"class":5260},[5246,10050,10051],{"class":5256},");        ",[5246,10053,10054],{"class":6361},"\u002F\u002F Чекаємо 200мс\n",[5246,10056,10057,10059,10061,10063,10065,10067,10069,10071,10074],{"class":5248,"line":5328},[5246,10058,5388],{"class":5321},[5246,10060,5525],{"class":5391},[5246,10062,5395],{"class":5256},[5246,10064,5115],{"class":5252},[5246,10066,7717],{"class":5293},[5246,10068,5296],{"class":5256},[5246,10070,7722],{"class":5260},[5246,10072,10073],{"class":5256},");  ",[5246,10075,10076],{"class":6361},"\u002F\u002F Чекаємо 150мс\n",[5246,10078,10079,10081,10084,10086,10088,10091,10093,10095,10097],{"class":5248,"line":5342},[5246,10080,5388],{"class":5321},[5246,10082,10083],{"class":5391}," comments",[5246,10085,5395],{"class":5256},[5246,10087,5115],{"class":5252},[5246,10089,10090],{"class":5293}," fetchUserComments",[5246,10092,5296],{"class":5256},[5246,10094,7722],{"class":5260},[5246,10096,6523],{"class":5256},[5246,10098,10099],{"class":6361},"\u002F\u002F Чекаємо 100мс\n",[5246,10101,10102],{"class":5248,"line":5365},[5246,10103,5382],{"class":5256},[5246,10105,10106,10108,10110,10112,10114,10116,10118,10121],{"class":5248,"line":5373},[5246,10107,6382],{"class":5252},[5246,10109,5257],{"class":5256},[5246,10111,5431],{"class":5260},[5246,10113,5264],{"class":5256},[5246,10115,7990],{"class":5260},[5246,10117,5264],{"class":5256},[5246,10119,10120],{"class":5260},"comments",[5246,10122,5567],{"class":5256},[5246,10124,10125],{"class":5248,"line":5379},[5246,10126,10127],{"class":6361},"  \u002F\u002F Загальний час: 200 + 150 + 100 = 450мс\n",[5246,10129,10130],{"class":5248,"line":5385},[5246,10131,6292],{"class":5256},[5201,10133,10134,10135,10138,10139,7398],{},"У цьому прикладі кожен запит чекає завершення попереднього, хоча всі три операції є ",[5147,10136,10137],{},"незалежними"," та могли б виконуватися одночасно. Для паралельного виконання потрібно використовувати комбінатори промісів разом з ",[5099,10140,5101],{},[5236,10142,10144],{"className":5238,"code":10143,"language":5241,"meta":5242,"style":5242},"\u002F\u002F ✅ ПРАВИЛЬНО: Паралельне виконання (швидко)\nasync function loadUserDataParallel(userId: number): Promise\u003Cany> {\n  const [user, posts, comments] = await Promise.all([\n    fetchUser(userId),\n    fetchUserPosts(userId),\n    fetchUserComments(userId),\n  ]);\n  \n  return { user, posts, comments };\n  \u002F\u002F Загальний час: max(200, 150, 100) = 200мс\n}\n",[5099,10145,10146,10151,10178,10210,10222,10233,10244,10249,10253,10271,10276],{"__ignoreMap":5242},[5246,10147,10148],{"class":5248,"line":5249},[5246,10149,10150],{"class":6361},"\u002F\u002F ✅ ПРАВИЛЬНО: Паралельне виконання (швидко)\n",[5246,10152,10153,10155,10157,10160,10162,10164,10166,10168,10170,10172,10174,10176],{"class":5248,"line":5283},[5246,10154,5108],{"class":5321},[5246,10156,6044],{"class":5321},[5246,10158,10159],{"class":5293}," loadUserDataParallel",[5246,10161,5296],{"class":5256},[5246,10163,7722],{"class":5260},[5246,10165,7021],{"class":5256},[5246,10167,6375],{"class":6053},[5246,10169,7026],{"class":5256},[5246,10171,6054],{"class":6053},[5246,10173,6057],{"class":5256},[5246,10175,7033],{"class":6053},[5246,10177,6063],{"class":5256},[5246,10179,10180,10182,10185,10187,10189,10191,10193,10195,10198,10200,10202,10204,10207],{"class":5248,"line":5290},[5246,10181,5388],{"class":5321},[5246,10183,10184],{"class":5256}," [",[5246,10186,5431],{"class":5391},[5246,10188,5264],{"class":5256},[5246,10190,7990],{"class":5391},[5246,10192,5264],{"class":5256},[5246,10194,10120],{"class":5391},[5246,10196,10197],{"class":5256},"] = ",[5246,10199,5115],{"class":5252},[5246,10201,6794],{"class":6053},[5246,10203,5127],{"class":5256},[5246,10205,10206],{"class":5293},"all",[5246,10208,10209],{"class":5256},"([\n",[5246,10211,10212,10215,10217,10219],{"class":5248,"line":5328},[5246,10213,10214],{"class":5293},"    fetchUser",[5246,10216,5296],{"class":5256},[5246,10218,7722],{"class":5260},[5246,10220,10221],{"class":5256},"),\n",[5246,10223,10224,10227,10229,10231],{"class":5248,"line":5342},[5246,10225,10226],{"class":5293},"    fetchUserPosts",[5246,10228,5296],{"class":5256},[5246,10230,7722],{"class":5260},[5246,10232,10221],{"class":5256},[5246,10234,10235,10238,10240,10242],{"class":5248,"line":5365},[5246,10236,10237],{"class":5293},"    fetchUserComments",[5246,10239,5296],{"class":5256},[5246,10241,7722],{"class":5260},[5246,10243,10221],{"class":5256},[5246,10245,10246],{"class":5248,"line":5373},[5246,10247,10248],{"class":5256},"  ]);\n",[5246,10250,10251],{"class":5248,"line":5379},[5246,10252,5382],{"class":5256},[5246,10254,10255,10257,10259,10261,10263,10265,10267,10269],{"class":5248,"line":5385},[5246,10256,6382],{"class":5252},[5246,10258,5257],{"class":5256},[5246,10260,5431],{"class":5260},[5246,10262,5264],{"class":5256},[5246,10264,7990],{"class":5260},[5246,10266,5264],{"class":5256},[5246,10268,10120],{"class":5260},[5246,10270,5567],{"class":5256},[5246,10272,10273],{"class":5248,"line":5412},[5246,10274,10275],{"class":6361},"  \u002F\u002F Загальний час: max(200, 150, 100) = 200мс\n",[5246,10277,10278],{"class":5248,"line":5417},[5246,10279,6292],{"class":5256},[5201,10281,10282,10283,10286,10287,10290],{},"У цій версії всі три запити стартують одночасно, а ",[5099,10284,10285],{},"await Promise.all()"," чекає завершення всіх трьох. Це призводить до ",[5147,10288,10289],{},"2,25× прискорення"," порівняно з послідовним виконанням.",[6348,10292,10294],{"id":10293},"візуалізація-паралельного-виконання","Візуалізація паралельного виконання",[10296,10297,10299],"plant-uml",{"alt":10298},"Порівняння послідовного та паралельного виконання",[5236,10300,10304],{"className":10301,"code":10302,"language":10303,"meta":5242,"style":5242},"language-plantuml shiki shiki-themes light-plus dark-plus dark-plus","@startuml\nskinparam style plain\nskinparam backgroundColor #FFFFFF\n\ntitle Послідовне виконання (450мс)\n\nconcise \"Async Function\" as Seq\nrobust \"fetchUser\" as U1\nrobust \"fetchPosts\" as P1\nrobust \"fetchComments\" as C1\n\n@0\nSeq is Waiting\nU1 is Idle\nP1 is Idle\nC1 is Idle\n\n@0\nU1 is Running\n\n@200\nU1 is Complete\nSeq is Waiting\nP1 is Running\n\n@350\nP1 is Complete\nSeq is Waiting\nC1 is Running\n\n@450\nC1 is Complete\nSeq is Complete\n\n@enduml\n","plantuml",[5099,10305,10306,10311,10316,10321,10325,10330,10334,10339,10344,10349,10354,10358,10363,10368,10373,10378,10383,10387,10391,10396,10400,10405,10410,10414,10419,10423,10428,10433,10437,10442,10446,10451,10456,10461,10465],{"__ignoreMap":5242},[5246,10307,10308],{"class":5248,"line":5249},[5246,10309,10310],{},"@startuml\n",[5246,10312,10313],{"class":5248,"line":5283},[5246,10314,10315],{},"skinparam style plain\n",[5246,10317,10318],{"class":5248,"line":5290},[5246,10319,10320],{},"skinparam backgroundColor #FFFFFF\n",[5246,10322,10323],{"class":5248,"line":5328},[5246,10324,5287],{"emptyLinePlaceholder":5286},[5246,10326,10327],{"class":5248,"line":5342},[5246,10328,10329],{},"title Послідовне виконання (450мс)\n",[5246,10331,10332],{"class":5248,"line":5365},[5246,10333,5287],{"emptyLinePlaceholder":5286},[5246,10335,10336],{"class":5248,"line":5373},[5246,10337,10338],{},"concise \"Async Function\" as Seq\n",[5246,10340,10341],{"class":5248,"line":5379},[5246,10342,10343],{},"robust \"fetchUser\" as U1\n",[5246,10345,10346],{"class":5248,"line":5385},[5246,10347,10348],{},"robust \"fetchPosts\" as P1\n",[5246,10350,10351],{"class":5248,"line":5412},[5246,10352,10353],{},"robust \"fetchComments\" as C1\n",[5246,10355,10356],{"class":5248,"line":5417},[5246,10357,5287],{"emptyLinePlaceholder":5286},[5246,10359,10360],{"class":5248,"line":5466},[5246,10361,10362],{},"@0\n",[5246,10364,10365],{"class":5248,"line":5478},[5246,10366,10367],{},"Seq is Waiting\n",[5246,10369,10370],{"class":5248,"line":5499},[5246,10371,10372],{},"U1 is Idle\n",[5246,10374,10375],{"class":5248,"line":5507},[5246,10376,10377],{},"P1 is Idle\n",[5246,10379,10380],{"class":5248,"line":5513},[5246,10381,10382],{},"C1 is Idle\n",[5246,10384,10385],{"class":5248,"line":5519},[5246,10386,5287],{"emptyLinePlaceholder":5286},[5246,10388,10389],{"class":5248,"line":5542},[5246,10390,10362],{},[5246,10392,10393],{"class":5248,"line":5570},[5246,10394,10395],{},"U1 is Running\n",[5246,10397,10398],{"class":5248,"line":5575},[5246,10399,5287],{"emptyLinePlaceholder":5286},[5246,10401,10402],{"class":5248,"line":5612},[5246,10403,10404],{},"@200\n",[5246,10406,10407],{"class":5248,"line":5624},[5246,10408,10409],{},"U1 is Complete\n",[5246,10411,10412],{"class":5248,"line":5645},[5246,10413,10367],{},[5246,10415,10416],{"class":5248,"line":5653},[5246,10417,10418],{},"P1 is Running\n",[5246,10420,10421],{"class":5248,"line":5659},[5246,10422,5287],{"emptyLinePlaceholder":5286},[5246,10424,10425],{"class":5248,"line":5676},[5246,10426,10427],{},"@350\n",[5246,10429,10430],{"class":5248,"line":5682},[5246,10431,10432],{},"P1 is Complete\n",[5246,10434,10435],{"class":5248,"line":5688},[5246,10436,10367],{},[5246,10438,10439],{"class":5248,"line":6822},[5246,10440,10441],{},"C1 is Running\n",[5246,10443,10444],{"class":5248,"line":7138},[5246,10445,5287],{"emptyLinePlaceholder":5286},[5246,10447,10448],{"class":5248,"line":7160},[5246,10449,10450],{},"@450\n",[5246,10452,10453],{"class":5248,"line":7176},[5246,10454,10455],{},"C1 is Complete\n",[5246,10457,10458],{"class":5248,"line":7181},[5246,10459,10460],{},"Seq is Complete\n",[5246,10462,10463],{"class":5248,"line":7879},[5246,10464,5287],{"emptyLinePlaceholder":5286},[5246,10466,10467],{"class":5248,"line":7895},[5246,10468,10469],{},"@enduml\n",[10296,10471,10473],{"alt":10472},"Паралельне виконання з Promise.all()",[5236,10474,10476],{"className":10301,"code":10475,"language":10303,"meta":5242,"style":5242},"@startuml\nskinparam style plain\nskinparam backgroundColor #FFFFFF\n\ntitle Паралельне виконання (200мс)\n\nconcise \"Async Function\" as Par\nrobust \"fetchUser\" as U2\nrobust \"fetchPosts\" as P2\nrobust \"fetchComments\" as C2\n\n@0\nPar is Waiting\nU2 is Idle\nP2 is Idle\nC2 is Idle\n\n@0\nU2 is Running\nP2 is Running\nC2 is Running\n\n@100\nC2 is Complete\n\n@150\nP2 is Complete\n\n@200\nU2 is Complete\nPar is Complete\n\n@enduml\n",[5099,10477,10478,10482,10486,10490,10494,10499,10503,10508,10513,10518,10523,10527,10531,10536,10541,10546,10551,10555,10559,10564,10569,10574,10578,10583,10588,10592,10597,10602,10606,10610,10615,10620,10624],{"__ignoreMap":5242},[5246,10479,10480],{"class":5248,"line":5249},[5246,10481,10310],{},[5246,10483,10484],{"class":5248,"line":5283},[5246,10485,10315],{},[5246,10487,10488],{"class":5248,"line":5290},[5246,10489,10320],{},[5246,10491,10492],{"class":5248,"line":5328},[5246,10493,5287],{"emptyLinePlaceholder":5286},[5246,10495,10496],{"class":5248,"line":5342},[5246,10497,10498],{},"title Паралельне виконання (200мс)\n",[5246,10500,10501],{"class":5248,"line":5365},[5246,10502,5287],{"emptyLinePlaceholder":5286},[5246,10504,10505],{"class":5248,"line":5373},[5246,10506,10507],{},"concise \"Async Function\" as Par\n",[5246,10509,10510],{"class":5248,"line":5379},[5246,10511,10512],{},"robust \"fetchUser\" as U2\n",[5246,10514,10515],{"class":5248,"line":5385},[5246,10516,10517],{},"robust \"fetchPosts\" as P2\n",[5246,10519,10520],{"class":5248,"line":5412},[5246,10521,10522],{},"robust \"fetchComments\" as C2\n",[5246,10524,10525],{"class":5248,"line":5417},[5246,10526,5287],{"emptyLinePlaceholder":5286},[5246,10528,10529],{"class":5248,"line":5466},[5246,10530,10362],{},[5246,10532,10533],{"class":5248,"line":5478},[5246,10534,10535],{},"Par is Waiting\n",[5246,10537,10538],{"class":5248,"line":5499},[5246,10539,10540],{},"U2 is Idle\n",[5246,10542,10543],{"class":5248,"line":5507},[5246,10544,10545],{},"P2 is Idle\n",[5246,10547,10548],{"class":5248,"line":5513},[5246,10549,10550],{},"C2 is Idle\n",[5246,10552,10553],{"class":5248,"line":5519},[5246,10554,5287],{"emptyLinePlaceholder":5286},[5246,10556,10557],{"class":5248,"line":5542},[5246,10558,10362],{},[5246,10560,10561],{"class":5248,"line":5570},[5246,10562,10563],{},"U2 is Running\n",[5246,10565,10566],{"class":5248,"line":5575},[5246,10567,10568],{},"P2 is Running\n",[5246,10570,10571],{"class":5248,"line":5612},[5246,10572,10573],{},"C2 is Running\n",[5246,10575,10576],{"class":5248,"line":5624},[5246,10577,5287],{"emptyLinePlaceholder":5286},[5246,10579,10580],{"class":5248,"line":5645},[5246,10581,10582],{},"@100\n",[5246,10584,10585],{"class":5248,"line":5653},[5246,10586,10587],{},"C2 is Complete\n",[5246,10589,10590],{"class":5248,"line":5659},[5246,10591,5287],{"emptyLinePlaceholder":5286},[5246,10593,10594],{"class":5248,"line":5676},[5246,10595,10596],{},"@150\n",[5246,10598,10599],{"class":5248,"line":5682},[5246,10600,10601],{},"P2 is Complete\n",[5246,10603,10604],{"class":5248,"line":5688},[5246,10605,5287],{"emptyLinePlaceholder":5286},[5246,10607,10608],{"class":5248,"line":6822},[5246,10609,10404],{},[5246,10611,10612],{"class":5248,"line":7138},[5246,10613,10614],{},"U2 is Complete\n",[5246,10616,10617],{"class":5248,"line":7160},[5246,10618,10619],{},"Par is Complete\n",[5246,10621,10622],{"class":5248,"line":7176},[5246,10623,5287],{"emptyLinePlaceholder":5286},[5246,10625,10626],{"class":5248,"line":7181},[5246,10627,10469],{},[6348,10629,10631],{"id":10630},"комбінування-послідовних-та-паралельних-операцій","Комбінування послідовних та паралельних операцій",[5201,10633,10634],{},"У реальних застосунках часто потрібно комбінувати послідовні та паралельні операції — коли результат однієї операції потрібен для запуску наступних:",[5236,10636,10638],{"className":5238,"code":10637,"language":5241,"meta":5242,"style":5242},"interface User {\n  id: number;\n  name: string;\n}\n\ninterface Post {\n  id: number;\n  title: string;\n}\n\ninterface Comment {\n  id: number;\n  text: string;\n}\n\ninterface UserProfile {\n  user: User;\n  posts: Post[];\n  comments: Comment[];\n  followers: User[];\n  following: User[];\n}\n\nasync function loadCompleteUserProfile(userId: number): Promise\u003CUserProfile> {\n  \u002F\u002F Крок 1: Завантажити користувача (обов'язковий перший крок)\n  const user = await fetchUser(userId);\n  \n  \u002F\u002F Крок 2: Паралельно завантажити всі дані, що залежать від user.id\n  const [posts, comments, followers, following] = await Promise.all([\n    fetchUserPosts(user.id),\n    fetchUserComments(user.id),\n    fetchUserFollowers(user.id),\n    fetchUserFollowing(user.id),\n  ]);\n  \n  return {\n    user,\n    posts,\n    comments,\n    followers,\n    following,\n  };\n}\n",[5099,10639,10640,10648,10658,10668,10672,10676,10684,10694,10704,10708,10712,10721,10731,10742,10746,10750,10759,10770,10782,10794,10805,10816,10820,10824,10852,10857,10875,10879,10884,10918,10932,10946,10961,10976,10980,10984,10990,10997,11004,11011,11018,11025,11029],{"__ignoreMap":5242},[5246,10641,10642,10644,10646],{"class":5248,"line":5249},[5246,10643,7464],{"class":5321},[5246,10645,7467],{"class":6053},[5246,10647,5325],{"class":5256},[5246,10649,10650,10652,10654,10656],{"class":5248,"line":5283},[5246,10651,7474],{"class":5260},[5246,10653,7021],{"class":5256},[5246,10655,6375],{"class":6053},[5246,10657,5280],{"class":5256},[5246,10659,10660,10662,10664,10666],{"class":5248,"line":5290},[5246,10661,7485],{"class":5260},[5246,10663,7021],{"class":5256},[5246,10665,6604],{"class":6053},[5246,10667,5280],{"class":5256},[5246,10669,10670],{"class":5248,"line":5328},[5246,10671,6292],{"class":5256},[5246,10673,10674],{"class":5248,"line":5342},[5246,10675,5287],{"emptyLinePlaceholder":5286},[5246,10677,10678,10680,10682],{"class":5248,"line":5365},[5246,10679,7464],{"class":5321},[5246,10681,7517],{"class":6053},[5246,10683,5325],{"class":5256},[5246,10685,10686,10688,10690,10692],{"class":5248,"line":5373},[5246,10687,7474],{"class":5260},[5246,10689,7021],{"class":5256},[5246,10691,6375],{"class":6053},[5246,10693,5280],{"class":5256},[5246,10695,10696,10698,10700,10702],{"class":5248,"line":5379},[5246,10697,7534],{"class":5260},[5246,10699,7021],{"class":5256},[5246,10701,6604],{"class":6053},[5246,10703,5280],{"class":5256},[5246,10705,10706],{"class":5248,"line":5385},[5246,10707,6292],{"class":5256},[5246,10709,10710],{"class":5248,"line":5412},[5246,10711,5287],{"emptyLinePlaceholder":5286},[5246,10713,10714,10716,10719],{"class":5248,"line":5417},[5246,10715,7464],{"class":5321},[5246,10717,10718],{"class":6053}," Comment",[5246,10720,5325],{"class":5256},[5246,10722,10723,10725,10727,10729],{"class":5248,"line":5466},[5246,10724,7474],{"class":5260},[5246,10726,7021],{"class":5256},[5246,10728,6375],{"class":6053},[5246,10730,5280],{"class":5256},[5246,10732,10733,10736,10738,10740],{"class":5248,"line":5478},[5246,10734,10735],{"class":5260},"  text",[5246,10737,7021],{"class":5256},[5246,10739,6604],{"class":6053},[5246,10741,5280],{"class":5256},[5246,10743,10744],{"class":5248,"line":5499},[5246,10745,6292],{"class":5256},[5246,10747,10748],{"class":5248,"line":5507},[5246,10749,5287],{"emptyLinePlaceholder":5286},[5246,10751,10752,10754,10757],{"class":5248,"line":5513},[5246,10753,7464],{"class":5321},[5246,10755,10756],{"class":6053}," UserProfile",[5246,10758,5325],{"class":5256},[5246,10760,10761,10764,10766,10768],{"class":5248,"line":5519},[5246,10762,10763],{"class":5260},"  user",[5246,10765,7021],{"class":5256},[5246,10767,7584],{"class":6053},[5246,10769,5280],{"class":5256},[5246,10771,10772,10775,10777,10779],{"class":5248,"line":5542},[5246,10773,10774],{"class":5260},"  posts",[5246,10776,7021],{"class":5256},[5246,10778,7735],{"class":6053},[5246,10780,10781],{"class":5256},"[];\n",[5246,10783,10784,10787,10789,10792],{"class":5248,"line":5570},[5246,10785,10786],{"class":5260},"  comments",[5246,10788,7021],{"class":5256},[5246,10790,10791],{"class":6053},"Comment",[5246,10793,10781],{"class":5256},[5246,10795,10796,10799,10801,10803],{"class":5248,"line":5575},[5246,10797,10798],{"class":5260},"  followers",[5246,10800,7021],{"class":5256},[5246,10802,7584],{"class":6053},[5246,10804,10781],{"class":5256},[5246,10806,10807,10810,10812,10814],{"class":5248,"line":5612},[5246,10808,10809],{"class":5260},"  following",[5246,10811,7021],{"class":5256},[5246,10813,7584],{"class":6053},[5246,10815,10781],{"class":5256},[5246,10817,10818],{"class":5248,"line":5624},[5246,10819,6292],{"class":5256},[5246,10821,10822],{"class":5248,"line":5645},[5246,10823,5287],{"emptyLinePlaceholder":5286},[5246,10825,10826,10828,10830,10833,10835,10837,10839,10841,10843,10845,10847,10850],{"class":5248,"line":5653},[5246,10827,5108],{"class":5321},[5246,10829,6044],{"class":5321},[5246,10831,10832],{"class":5293}," loadCompleteUserProfile",[5246,10834,5296],{"class":5256},[5246,10836,7722],{"class":5260},[5246,10838,7021],{"class":5256},[5246,10840,6375],{"class":6053},[5246,10842,7026],{"class":5256},[5246,10844,6054],{"class":6053},[5246,10846,6057],{"class":5256},[5246,10848,10849],{"class":6053},"UserProfile",[5246,10851,6063],{"class":5256},[5246,10853,10854],{"class":5248,"line":5659},[5246,10855,10856],{"class":6361},"  \u002F\u002F Крок 1: Завантажити користувача (обов'язковий перший крок)\n",[5246,10858,10859,10861,10863,10865,10867,10869,10871,10873],{"class":5248,"line":5676},[5246,10860,5388],{"class":5321},[5246,10862,5392],{"class":5391},[5246,10864,5395],{"class":5256},[5246,10866,5115],{"class":5252},[5246,10868,7014],{"class":5293},[5246,10870,5296],{"class":5256},[5246,10872,7722],{"class":5260},[5246,10874,5362],{"class":5256},[5246,10876,10877],{"class":5248,"line":5682},[5246,10878,5382],{"class":5256},[5246,10880,10881],{"class":5248,"line":5688},[5246,10882,10883],{"class":6361},"  \u002F\u002F Крок 2: Паралельно завантажити всі дані, що залежать від user.id\n",[5246,10885,10886,10888,10890,10892,10894,10896,10898,10901,10903,10906,10908,10910,10912,10914,10916],{"class":5248,"line":6822},[5246,10887,5388],{"class":5321},[5246,10889,10184],{"class":5256},[5246,10891,7990],{"class":5391},[5246,10893,5264],{"class":5256},[5246,10895,10120],{"class":5391},[5246,10897,5264],{"class":5256},[5246,10899,10900],{"class":5391},"followers",[5246,10902,5264],{"class":5256},[5246,10904,10905],{"class":5391},"following",[5246,10907,10197],{"class":5256},[5246,10909,5115],{"class":5252},[5246,10911,6794],{"class":6053},[5246,10913,5127],{"class":5256},[5246,10915,10206],{"class":5293},[5246,10917,10209],{"class":5256},[5246,10919,10920,10922,10924,10926,10928,10930],{"class":5248,"line":7138},[5246,10921,10226],{"class":5293},[5246,10923,5296],{"class":5256},[5246,10925,5431],{"class":5260},[5246,10927,5127],{"class":5256},[5246,10929,5437],{"class":5260},[5246,10931,10221],{"class":5256},[5246,10933,10934,10936,10938,10940,10942,10944],{"class":5248,"line":7160},[5246,10935,10237],{"class":5293},[5246,10937,5296],{"class":5256},[5246,10939,5431],{"class":5260},[5246,10941,5127],{"class":5256},[5246,10943,5437],{"class":5260},[5246,10945,10221],{"class":5256},[5246,10947,10948,10951,10953,10955,10957,10959],{"class":5248,"line":7176},[5246,10949,10950],{"class":5293},"    fetchUserFollowers",[5246,10952,5296],{"class":5256},[5246,10954,5431],{"class":5260},[5246,10956,5127],{"class":5256},[5246,10958,5437],{"class":5260},[5246,10960,10221],{"class":5256},[5246,10962,10963,10966,10968,10970,10972,10974],{"class":5248,"line":7181},[5246,10964,10965],{"class":5293},"    fetchUserFollowing",[5246,10967,5296],{"class":5256},[5246,10969,5431],{"class":5260},[5246,10971,5127],{"class":5256},[5246,10973,5437],{"class":5260},[5246,10975,10221],{"class":5256},[5246,10977,10978],{"class":5248,"line":7879},[5246,10979,10248],{"class":5256},[5246,10981,10982],{"class":5248,"line":7895},[5246,10983,5382],{"class":5256},[5246,10985,10986,10988],{"class":5248,"line":7900},[5246,10987,6382],{"class":5252},[5246,10989,5325],{"class":5256},[5246,10991,10992,10995],{"class":5248,"line":7906},[5246,10993,10994],{"class":5260},"    user",[5246,10996,9919],{"class":5256},[5246,10998,10999,11002],{"class":5248,"line":7925},[5246,11000,11001],{"class":5260},"    posts",[5246,11003,9919],{"class":5256},[5246,11005,11006,11009],{"class":5248,"line":7950},[5246,11007,11008],{"class":5260},"    comments",[5246,11010,9919],{"class":5256},[5246,11012,11013,11016],{"class":5248,"line":7955},[5246,11014,11015],{"class":5260},"    followers",[5246,11017,9919],{"class":5256},[5246,11019,11020,11023],{"class":5248,"line":7974},[5246,11021,11022],{"class":5260},"    following",[5246,11024,9919],{"class":5256},[5246,11026,11027],{"class":5248,"line":7999},[5246,11028,9960],{"class":5256},[5246,11030,11031],{"class":5248,"line":8004},[5246,11032,6292],{"class":5256},[5201,11034,11035,11036,8946,11039,11042,11043,5127],{},"У цьому прикладі ",[5099,11037,11038],{},"fetchUser()",[5147,11040,11041],{},"послідовно"," (оскільки його результат необхідний для наступних запитів), а всі залежні операції виконуються ",[5147,11044,9988],{},[7185,11046,11047,11048,11051,11052,11054,11055,5264,11058,11061],{},"Завжди аналізуйте залежності між асинхронними операціями. Якщо операції ",[5147,11049,11050],{},"незалежні"," (результат однієї не потрібен для іншої), запускайте їх ",[5147,11053,9988],{}," через ",[5099,11056,11057],{},"Promise.all()",[5099,11059,11060],{},"Promise.allSettled()"," або інші комбінатори. Це значно покращує продуктивність застосунку.",[6348,11063,11065],{"id":11064},"реальний-приклад-завантаження-сторінки-з-критичними-та-опціональними-даними","Реальний приклад: завантаження сторінки з критичними та опціональними даними",[5236,11067,11069],{"className":5238,"code":11068,"language":5241,"meta":5242,"style":5242},"interface PageData {\n  user: User;\n  posts: Post[];\n  recommendations?: Post[];\n  ads?: any;\n}\n\nasync function loadPageData(userId: number): Promise\u003CPageData> {\n  \u002F\u002F Крок 1: Критичні дані (Promise.all — fail-fast)\n  const [user, posts] = await Promise.all([\n    fetchUser(userId),\n    fetchUserPosts(userId),\n  ]);\n  \n  \u002F\u002F Крок 2: Опціональні дані (Promise.allSettled — толерантність до помилок)\n  const [recommendationsResult, adsResult] = await Promise.allSettled([\n    fetchRecommendations(userId),\n    fetchAds(),\n  ]);\n  \n  return {\n    user,\n    posts,\n    recommendations: recommendationsResult.status === 'fulfilled'\n      ? recommendationsResult.value\n      : undefined,\n    ads: adsResult.status === 'fulfilled'\n      ? adsResult.value\n      : undefined,\n  };\n}\n\n\u002F\u002F Використання\nloadPageData(42)\n  .then((pageData) => {\n    console.log('Сторінка завантажена');\n    console.log('Користувач:', pageData.user.name);\n    console.log('Постів:', pageData.posts.length);\n    \n    if (pageData.recommendations) {\n      console.log('Рекомендації доступні');\n    } else {\n      console.warn('Рекомендації недоступні');\n    }\n  })\n  .catch((error) => {\n    console.error('Критична помилка завантаження сторінки:', error);\n  });\n",[5099,11070,11071,11080,11090,11100,11112,11123,11127,11131,11159,11164,11188,11198,11208,11212,11216,11221,11248,11259,11267,11271,11275,11281,11287,11293,11310,11322,11331,11347,11357,11365,11369,11373,11377,11382,11393,11410,11425,11451,11478,11482,11497,11512,11522,11537,11541,11545,11561,11580],{"__ignoreMap":5242},[5246,11072,11073,11075,11078],{"class":5248,"line":5249},[5246,11074,7464],{"class":5321},[5246,11076,11077],{"class":6053}," PageData",[5246,11079,5325],{"class":5256},[5246,11081,11082,11084,11086,11088],{"class":5248,"line":5283},[5246,11083,10763],{"class":5260},[5246,11085,7021],{"class":5256},[5246,11087,7584],{"class":6053},[5246,11089,5280],{"class":5256},[5246,11091,11092,11094,11096,11098],{"class":5248,"line":5290},[5246,11093,10774],{"class":5260},[5246,11095,7021],{"class":5256},[5246,11097,7735],{"class":6053},[5246,11099,10781],{"class":5256},[5246,11101,11102,11105,11108,11110],{"class":5248,"line":5328},[5246,11103,11104],{"class":5260},"  recommendations",[5246,11106,11107],{"class":5256},"?: ",[5246,11109,7735],{"class":6053},[5246,11111,10781],{"class":5256},[5246,11113,11114,11117,11119,11121],{"class":5248,"line":5342},[5246,11115,11116],{"class":5260},"  ads",[5246,11118,11107],{"class":5256},[5246,11120,7033],{"class":6053},[5246,11122,5280],{"class":5256},[5246,11124,11125],{"class":5248,"line":5365},[5246,11126,6292],{"class":5256},[5246,11128,11129],{"class":5248,"line":5373},[5246,11130,5287],{"emptyLinePlaceholder":5286},[5246,11132,11133,11135,11137,11140,11142,11144,11146,11148,11150,11152,11154,11157],{"class":5248,"line":5379},[5246,11134,5108],{"class":5321},[5246,11136,6044],{"class":5321},[5246,11138,11139],{"class":5293}," loadPageData",[5246,11141,5296],{"class":5256},[5246,11143,7722],{"class":5260},[5246,11145,7021],{"class":5256},[5246,11147,6375],{"class":6053},[5246,11149,7026],{"class":5256},[5246,11151,6054],{"class":6053},[5246,11153,6057],{"class":5256},[5246,11155,11156],{"class":6053},"PageData",[5246,11158,6063],{"class":5256},[5246,11160,11161],{"class":5248,"line":5385},[5246,11162,11163],{"class":6361},"  \u002F\u002F Крок 1: Критичні дані (Promise.all — fail-fast)\n",[5246,11165,11166,11168,11170,11172,11174,11176,11178,11180,11182,11184,11186],{"class":5248,"line":5412},[5246,11167,5388],{"class":5321},[5246,11169,10184],{"class":5256},[5246,11171,5431],{"class":5391},[5246,11173,5264],{"class":5256},[5246,11175,7990],{"class":5391},[5246,11177,10197],{"class":5256},[5246,11179,5115],{"class":5252},[5246,11181,6794],{"class":6053},[5246,11183,5127],{"class":5256},[5246,11185,10206],{"class":5293},[5246,11187,10209],{"class":5256},[5246,11189,11190,11192,11194,11196],{"class":5248,"line":5417},[5246,11191,10214],{"class":5293},[5246,11193,5296],{"class":5256},[5246,11195,7722],{"class":5260},[5246,11197,10221],{"class":5256},[5246,11199,11200,11202,11204,11206],{"class":5248,"line":5466},[5246,11201,10226],{"class":5293},[5246,11203,5296],{"class":5256},[5246,11205,7722],{"class":5260},[5246,11207,10221],{"class":5256},[5246,11209,11210],{"class":5248,"line":5478},[5246,11211,10248],{"class":5256},[5246,11213,11214],{"class":5248,"line":5499},[5246,11215,5382],{"class":5256},[5246,11217,11218],{"class":5248,"line":5507},[5246,11219,11220],{"class":6361},"  \u002F\u002F Крок 2: Опціональні дані (Promise.allSettled — толерантність до помилок)\n",[5246,11222,11223,11225,11227,11230,11232,11235,11237,11239,11241,11243,11246],{"class":5248,"line":5513},[5246,11224,5388],{"class":5321},[5246,11226,10184],{"class":5256},[5246,11228,11229],{"class":5391},"recommendationsResult",[5246,11231,5264],{"class":5256},[5246,11233,11234],{"class":5391},"adsResult",[5246,11236,10197],{"class":5256},[5246,11238,5115],{"class":5252},[5246,11240,6794],{"class":6053},[5246,11242,5127],{"class":5256},[5246,11244,11245],{"class":5293},"allSettled",[5246,11247,10209],{"class":5256},[5246,11249,11250,11253,11255,11257],{"class":5248,"line":5519},[5246,11251,11252],{"class":5293},"    fetchRecommendations",[5246,11254,5296],{"class":5256},[5246,11256,7722],{"class":5260},[5246,11258,10221],{"class":5256},[5246,11260,11261,11264],{"class":5248,"line":5542},[5246,11262,11263],{"class":5293},"    fetchAds",[5246,11265,11266],{"class":5256},"(),\n",[5246,11268,11269],{"class":5248,"line":5570},[5246,11270,10248],{"class":5256},[5246,11272,11273],{"class":5248,"line":5575},[5246,11274,5382],{"class":5256},[5246,11276,11277,11279],{"class":5248,"line":5612},[5246,11278,6382],{"class":5252},[5246,11280,5325],{"class":5256},[5246,11282,11283,11285],{"class":5248,"line":5624},[5246,11284,10994],{"class":5260},[5246,11286,9919],{"class":5256},[5246,11288,11289,11291],{"class":5248,"line":5645},[5246,11290,11001],{"class":5260},[5246,11292,9919],{"class":5256},[5246,11294,11295,11298,11301,11303,11305,11307],{"class":5248,"line":5653},[5246,11296,11297],{"class":5260},"    recommendations:",[5246,11299,11300],{"class":5260}," recommendationsResult",[5246,11302,5127],{"class":5256},[5246,11304,7660],{"class":5260},[5246,11306,9172],{"class":5256},[5246,11308,11309],{"class":5276},"'fulfilled'\n",[5246,11311,11312,11315,11317,11319],{"class":5248,"line":5659},[5246,11313,11314],{"class":5256},"      ? ",[5246,11316,11229],{"class":5260},[5246,11318,5127],{"class":5256},[5246,11320,11321],{"class":5260},"value\n",[5246,11323,11324,11327,11329],{"class":5248,"line":5676},[5246,11325,11326],{"class":5256},"      : ",[5246,11328,9029],{"class":5321},[5246,11330,9919],{"class":5256},[5246,11332,11333,11336,11339,11341,11343,11345],{"class":5248,"line":5682},[5246,11334,11335],{"class":5260},"    ads:",[5246,11337,11338],{"class":5260}," adsResult",[5246,11340,5127],{"class":5256},[5246,11342,7660],{"class":5260},[5246,11344,9172],{"class":5256},[5246,11346,11309],{"class":5276},[5246,11348,11349,11351,11353,11355],{"class":5248,"line":5688},[5246,11350,11314],{"class":5256},[5246,11352,11234],{"class":5260},[5246,11354,5127],{"class":5256},[5246,11356,11321],{"class":5260},[5246,11358,11359,11361,11363],{"class":5248,"line":6822},[5246,11360,11326],{"class":5256},[5246,11362,9029],{"class":5321},[5246,11364,9919],{"class":5256},[5246,11366,11367],{"class":5248,"line":7138},[5246,11368,9960],{"class":5256},[5246,11370,11371],{"class":5248,"line":7160},[5246,11372,6292],{"class":5256},[5246,11374,11375],{"class":5248,"line":7176},[5246,11376,5287],{"emptyLinePlaceholder":5286},[5246,11378,11379],{"class":5248,"line":7181},[5246,11380,11381],{"class":6361},"\u002F\u002F Використання\n",[5246,11383,11384,11387,11389,11391],{"class":5248,"line":7879},[5246,11385,11386],{"class":5293},"loadPageData",[5246,11388,5296],{"class":5256},[5246,11390,8044],{"class":6385},[5246,11392,5737],{"class":5256},[5246,11394,11395,11397,11399,11401,11404,11406,11408],{"class":5248,"line":7895},[5246,11396,5742],{"class":5256},[5246,11398,5745],{"class":5293},[5246,11400,5748],{"class":5256},[5246,11402,11403],{"class":5260},"pageData",[5246,11405,5318],{"class":5256},[5246,11407,5322],{"class":5321},[5246,11409,5325],{"class":5256},[5246,11411,11412,11414,11416,11418,11420,11423],{"class":5248,"line":7900},[5246,11413,5345],{"class":5260},[5246,11415,5127],{"class":5256},[5246,11417,5666],{"class":5293},[5246,11419,5296],{"class":5256},[5246,11421,11422],{"class":5276},"'Сторінка завантажена'",[5246,11424,5362],{"class":5256},[5246,11426,11427,11429,11431,11433,11435,11437,11439,11441,11443,11445,11447,11449],{"class":5248,"line":7906},[5246,11428,5345],{"class":5260},[5246,11430,5127],{"class":5256},[5246,11432,5666],{"class":5293},[5246,11434,5296],{"class":5256},[5246,11436,7936],{"class":5276},[5246,11438,5264],{"class":5256},[5246,11440,11403],{"class":5260},[5246,11442,5127],{"class":5256},[5246,11444,5431],{"class":5260},[5246,11446,5127],{"class":5256},[5246,11448,7945],{"class":5260},[5246,11450,5362],{"class":5256},[5246,11452,11453,11455,11457,11459,11461,11464,11466,11468,11470,11472,11474,11476],{"class":5248,"line":7925},[5246,11454,5345],{"class":5260},[5246,11456,5127],{"class":5256},[5246,11458,5666],{"class":5293},[5246,11460,5296],{"class":5256},[5246,11462,11463],{"class":5276},"'Постів:'",[5246,11465,5264],{"class":5256},[5246,11467,11403],{"class":5260},[5246,11469,5127],{"class":5256},[5246,11471,7990],{"class":5260},[5246,11473,5127],{"class":5256},[5246,11475,5564],{"class":5260},[5246,11477,5362],{"class":5256},[5246,11479,11480],{"class":5248,"line":7950},[5246,11481,5516],{"class":5256},[5246,11483,11484,11486,11488,11490,11492,11495],{"class":5248,"line":7955},[5246,11485,5469],{"class":5252},[5246,11487,5334],{"class":5256},[5246,11489,11403],{"class":5260},[5246,11491,5127],{"class":5256},[5246,11493,11494],{"class":5260},"recommendations",[5246,11496,5339],{"class":5256},[5246,11498,11499,11501,11503,11505,11507,11510],{"class":5248,"line":7974},[5246,11500,5481],{"class":5260},[5246,11502,5127],{"class":5256},[5246,11504,5666],{"class":5293},[5246,11506,5296],{"class":5256},[5246,11508,11509],{"class":5276},"'Рекомендації доступні'",[5246,11511,5362],{"class":5256},[5246,11513,11514,11517,11520],{"class":5248,"line":7999},[5246,11515,11516],{"class":5256},"    } ",[5246,11518,11519],{"class":5252},"else",[5246,11521,5325],{"class":5256},[5246,11523,11524,11526,11528,11530,11532,11535],{"class":5248,"line":8004},[5246,11525,5481],{"class":5260},[5246,11527,5127],{"class":5256},[5246,11529,9793],{"class":5293},[5246,11531,5296],{"class":5256},[5246,11533,11534],{"class":5276},"'Рекомендації недоступні'",[5246,11536,5362],{"class":5256},[5246,11538,11539],{"class":5248,"line":8020},[5246,11540,5510],{"class":5256},[5246,11542,11543],{"class":5248,"line":8025},[5246,11544,5837],{"class":5256},[5246,11546,11547,11549,11551,11553,11555,11557,11559],{"class":5248,"line":8030},[5246,11548,5742],{"class":5256},[5246,11550,5969],{"class":5293},[5246,11552,5748],{"class":5256},[5246,11554,5350],{"class":5260},[5246,11556,5318],{"class":5256},[5246,11558,5322],{"class":5321},[5246,11560,5325],{"class":5256},[5246,11562,11563,11565,11567,11569,11571,11574,11576,11578],{"class":5248,"line":8036},[5246,11564,5345],{"class":5260},[5246,11566,5127],{"class":5256},[5246,11568,5350],{"class":5293},[5246,11570,5296],{"class":5256},[5246,11572,11573],{"class":5276},"'Критична помилка завантаження сторінки:'",[5246,11575,5264],{"class":5256},[5246,11577,5350],{"class":5260},[5246,11579,5362],{"class":5256},[5246,11581,11582],{"class":5248,"line":8049},[5246,11583,5685],{"class":5256},[5201,11585,11586,11587,11589,11590,11592],{},"У цьому прикладі критичні дані (користувач та пости) завантажуються через ",[5099,11588,11057],{}," — якщо хоча б одна операція провалиться, вся сторінка вважається недоступною. Опціональні дані (рекомендації та реклама) завантажуються через ",[5099,11591,11060],{}," — сторінка відобразиться навіть якщо вони недоступні.",[5196,11594,11596,11597,11599],{"id":11595},"top-level-await-асинхронність-на-верхньому-рівні-модулів","Top-level ",[5099,11598,5115],{},": асинхронність на верхньому рівні модулів",[5201,11601,11602,11603,11605,11606,6319,11609,11611],{},"До появи ECMAScript 2022 оператор ",[5099,11604,5115],{}," можна було використовувати ",[5147,11607,11608],{},"лише всередині",[5099,11610,5108],{}," функцій. Це створювало незручності на верхньому рівні модулів, де часто потрібно виконати асинхронну ініціалізацію:",[5236,11613,11615],{"className":5238,"code":11614,"language":5241,"meta":5242,"style":5242},"\u002F\u002F ❌ До ES2022: неможливо використати await на верхньому рівні\n\u002F\u002F await loadConfig(); \u002F\u002F SyntaxError!\n\n\u002F\u002F Обхідний шлях: IIFE (Immediately Invoked Function Expression)\n(async () => {\n  const config = await loadConfig();\n  startServer(config);\n})();\n",[5099,11616,11617,11622,11630,11634,11639,11652,11667,11678],{"__ignoreMap":5242},[5246,11618,11619],{"class":5248,"line":5249},[5246,11620,11621],{"class":6361},"\u002F\u002F ❌ До ES2022: неможливо використати await на верхньому рівні\n",[5246,11623,11624,11627],{"class":5248,"line":5283},[5246,11625,11626],{"class":6361},"\u002F\u002F await loadConfig();",[5246,11628,11629],{"class":6361}," \u002F\u002F SyntaxError!\n",[5246,11631,11632],{"class":5248,"line":5290},[5246,11633,5287],{"emptyLinePlaceholder":5286},[5246,11635,11636],{"class":5248,"line":5328},[5246,11637,11638],{"class":6361},"\u002F\u002F Обхідний шлях: IIFE (Immediately Invoked Function Expression)\n",[5246,11640,11641,11643,11645,11648,11650],{"class":5248,"line":5342},[5246,11642,5296],{"class":5256},[5246,11644,5108],{"class":5321},[5246,11646,11647],{"class":5256}," () ",[5246,11649,5322],{"class":5321},[5246,11651,5325],{"class":5256},[5246,11653,11654,11656,11658,11660,11662,11665],{"class":5248,"line":5365},[5246,11655,5388],{"class":5321},[5246,11657,8227],{"class":5391},[5246,11659,5395],{"class":5256},[5246,11661,5115],{"class":5252},[5246,11663,11664],{"class":5293}," loadConfig",[5246,11666,6304],{"class":5256},[5246,11668,11669,11672,11674,11676],{"class":5248,"line":5373},[5246,11670,11671],{"class":5293},"  startServer",[5246,11673,5296],{"class":5256},[5246,11675,8255],{"class":5260},[5246,11677,5362],{"class":5256},[5246,11679,11680],{"class":5248,"line":5379},[5246,11681,11682],{"class":5256},"})();\n",[5201,11684,11685,11686,11689,11690,11692,11693,11696,11697,11700,11701,11704,11705,5154],{},"З появою ",[5147,11687,11688],{},"top-level await"," (ES2022) оператор ",[5099,11691,5115],{}," можна використовувати безпосередньо на верхньому рівні ",[5147,11694,11695],{},"ES-модулів"," (файлів з розширенням ",[5099,11698,11699],{},".mjs"," або з налаштуванням ",[5099,11702,11703],{},"\"type\": \"module\""," у ",[5099,11706,11707],{},"package.json",[5236,11709,11711],{"className":5238,"code":11710,"language":5241,"meta":5242,"style":5242},"\u002F\u002F ✅ ES2022: top-level await у модулях\nimport { readFile } from 'node:fs\u002Fpromises';\n\nconst config = await readFile('.\u002Fconfig.json', 'utf-8').then(JSON.parse);\n\nexport const apiUrl = config.apiUrl;\nexport const port = config.port;\n\nconsole.log('Конфігурація завантажена:', config);\n",[5099,11712,11713,11718,11734,11738,11772,11776,11798,11818,11822],{"__ignoreMap":5242},[5246,11714,11715],{"class":5248,"line":5249},[5246,11716,11717],{"class":6361},"\u002F\u002F ✅ ES2022: top-level await у модулях\n",[5246,11719,11720,11722,11724,11726,11728,11730,11732],{"class":5248,"line":5283},[5246,11721,5253],{"class":5252},[5246,11723,5257],{"class":5256},[5246,11725,5261],{"class":5260},[5246,11727,5270],{"class":5256},[5246,11729,5273],{"class":5252},[5246,11731,5716],{"class":5276},[5246,11733,5280],{"class":5256},[5246,11735,11736],{"class":5248,"line":5290},[5246,11737,5287],{"emptyLinePlaceholder":5286},[5246,11739,11740,11742,11744,11746,11748,11750,11752,11754,11756,11758,11760,11762,11764,11766,11768,11770],{"class":5248,"line":5328},[5246,11741,6907],{"class":5321},[5246,11743,8227],{"class":5391},[5246,11745,5395],{"class":5256},[5246,11747,5115],{"class":5252},[5246,11749,5783],{"class":5293},[5246,11751,5296],{"class":5256},[5246,11753,8393],{"class":5276},[5246,11755,5264],{"class":5256},[5246,11757,5304],{"class":5276},[5246,11759,6279],{"class":5256},[5246,11761,5745],{"class":5293},[5246,11763,5296],{"class":5256},[5246,11765,5398],{"class":5391},[5246,11767,5127],{"class":5256},[5246,11769,5403],{"class":5260},[5246,11771,5362],{"class":5256},[5246,11773,11774],{"class":5248,"line":5342},[5246,11775,5287],{"emptyLinePlaceholder":5286},[5246,11777,11778,11781,11784,11787,11789,11791,11793,11796],{"class":5248,"line":5365},[5246,11779,11780],{"class":5252},"export",[5246,11782,11783],{"class":5321}," const",[5246,11785,11786],{"class":5391}," apiUrl",[5246,11788,5395],{"class":5256},[5246,11790,8255],{"class":5260},[5246,11792,5127],{"class":5256},[5246,11794,11795],{"class":5260},"apiUrl",[5246,11797,5280],{"class":5256},[5246,11799,11800,11802,11804,11807,11809,11811,11813,11816],{"class":5248,"line":5373},[5246,11801,11780],{"class":5252},[5246,11803,11783],{"class":5321},[5246,11805,11806],{"class":5391}," port",[5246,11808,5395],{"class":5256},[5246,11810,8255],{"class":5260},[5246,11812,5127],{"class":5256},[5246,11814,11815],{"class":5260},"port",[5246,11817,5280],{"class":5256},[5246,11819,11820],{"class":5248,"line":5379},[5246,11821,5287],{"emptyLinePlaceholder":5286},[5246,11823,11824,11826,11828,11830,11832,11834,11836,11838],{"class":5248,"line":5385},[5246,11825,6401],{"class":5260},[5246,11827,5127],{"class":5256},[5246,11829,5666],{"class":5293},[5246,11831,5296],{"class":5256},[5246,11833,8420],{"class":5276},[5246,11835,5264],{"class":5256},[5246,11837,8255],{"class":5260},[5246,11839,5362],{"class":5256},[6348,11841,11843],{"id":11842},"правила-використання-top-level-await","Правила використання top-level await",[5205,11845,11846,11860,11869],{},[5095,11847,11848,11851,11852,11854,11855,11857,11858,6279],{},[5147,11849,11850],{},"Лише у ES-модулях:"," top-level ",[5099,11853,5115],{}," працює тільки у файлах, що є модулями ECMAScript (",[5099,11856,5253],{},"\u002F",[5099,11859,11780],{},[5095,11861,11862,11865,11866,11868],{},[5147,11863,11864],{},"Блокування імпорту:"," модуль з top-level ",[5099,11867,5115],{}," блокує виконання модулів, що його імпортують, до завершення асинхронної операції.",[5095,11870,11871,11874],{},[5147,11872,11873],{},"Підтримка середовищем:"," потрібна Node.js 14.8+ з увімкненими ES-модулями або сучасні браузери.",[6348,11876,11878],{"id":11877},"приклад-ініціалізація-підключення-до-бази-даних","Приклад: ініціалізація підключення до бази даних",[5236,11880,11882],{"className":5238,"code":11881,"language":5241,"meta":5242,"style":5242},"\u002F\u002F database.ts (ES-модуль)\nimport { Pool } from 'pg';\n\nconst connectionString = process.env.DATABASE_URL || 'postgresql:\u002F\u002Flocalhost\u002Fmydb';\n\n\u002F\u002F Створення пулу підключень\nexport const pool = new Pool({ connectionString });\n\n\u002F\u002F Перевірка підключення на верхньому рівні\ntry {\n  const client = await pool.connect();\n  console.log('✓ Підключення до бази даних успішне');\n  \n  const result = await client.query('SELECT NOW()');\n  console.log('Час сервера БД:', result.rows[0].now);\n  \n  client.release();\n} catch (error) {\n  console.error('✗ Помилка підключення до БД:', (error as Error).message);\n  process.exit(1);\n}\n\nexport async function queryUser(id: number): Promise\u003Cany> {\n  const result = await pool.query('SELECT * FROM users WHERE id = $1', [id]);\n  return result.rows[0];\n}\n",[5099,11883,11884,11889,11907,11911,11940,11944,11949,11975,11979,11984,11990,12010,12025,12029,12053,12088,12092,12104,12117,12144,12161,12165,12169,12198,12227,12244],{"__ignoreMap":5242},[5246,11885,11886],{"class":5248,"line":5249},[5246,11887,11888],{"class":6361},"\u002F\u002F database.ts (ES-модуль)\n",[5246,11890,11891,11893,11895,11898,11900,11902,11905],{"class":5248,"line":5283},[5246,11892,5253],{"class":5252},[5246,11894,5257],{"class":5256},[5246,11896,11897],{"class":5260},"Pool",[5246,11899,5270],{"class":5256},[5246,11901,5273],{"class":5252},[5246,11903,11904],{"class":5276}," 'pg'",[5246,11906,5280],{"class":5256},[5246,11908,11909],{"class":5248,"line":5290},[5246,11910,5287],{"emptyLinePlaceholder":5286},[5246,11912,11913,11915,11918,11920,11923,11925,11928,11930,11933,11935,11938],{"class":5248,"line":5328},[5246,11914,6907],{"class":5321},[5246,11916,11917],{"class":5391}," connectionString",[5246,11919,5395],{"class":5256},[5246,11921,11922],{"class":5260},"process",[5246,11924,5127],{"class":5256},[5246,11926,11927],{"class":5260},"env",[5246,11929,5127],{"class":5256},[5246,11931,11932],{"class":5391},"DATABASE_URL",[5246,11934,9575],{"class":5256},[5246,11936,11937],{"class":5276},"'postgresql:\u002F\u002Flocalhost\u002Fmydb'",[5246,11939,5280],{"class":5256},[5246,11941,11942],{"class":5248,"line":5342},[5246,11943,5287],{"emptyLinePlaceholder":5286},[5246,11945,11946],{"class":5248,"line":5365},[5246,11947,11948],{"class":6361},"\u002F\u002F Створення пулу підключень\n",[5246,11950,11951,11953,11955,11958,11960,11963,11966,11969,11972],{"class":5248,"line":5373},[5246,11952,11780],{"class":5252},[5246,11954,11783],{"class":5321},[5246,11956,11957],{"class":5391}," pool",[5246,11959,5395],{"class":5256},[5246,11961,11962],{"class":5321},"new",[5246,11964,11965],{"class":5293}," Pool",[5246,11967,11968],{"class":5256},"({ ",[5246,11970,11971],{"class":5260},"connectionString",[5246,11973,11974],{"class":5256}," });\n",[5246,11976,11977],{"class":5248,"line":5379},[5246,11978,5287],{"emptyLinePlaceholder":5286},[5246,11980,11981],{"class":5248,"line":5385},[5246,11982,11983],{"class":6361},"\u002F\u002F Перевірка підключення на верхньому рівні\n",[5246,11985,11986,11988],{"class":5248,"line":5412},[5246,11987,8917],{"class":5252},[5246,11989,5325],{"class":5256},[5246,11991,11992,11994,11997,11999,12001,12003,12005,12008],{"class":5248,"line":5417},[5246,11993,5388],{"class":5321},[5246,11995,11996],{"class":5391}," client",[5246,11998,5395],{"class":5256},[5246,12000,5115],{"class":5252},[5246,12002,11957],{"class":5260},[5246,12004,5127],{"class":5256},[5246,12006,12007],{"class":5293},"connect",[5246,12009,6304],{"class":5256},[5246,12011,12012,12014,12016,12018,12020,12023],{"class":5248,"line":5466},[5246,12013,6512],{"class":5260},[5246,12015,5127],{"class":5256},[5246,12017,5666],{"class":5293},[5246,12019,5296],{"class":5256},[5246,12021,12022],{"class":5276},"'✓ Підключення до бази даних успішне'",[5246,12024,5362],{"class":5256},[5246,12026,12027],{"class":5248,"line":5478},[5246,12028,5382],{"class":5256},[5246,12030,12031,12033,12035,12037,12039,12041,12043,12046,12048,12051],{"class":5248,"line":5499},[5246,12032,5388],{"class":5321},[5246,12034,7269],{"class":5391},[5246,12036,5395],{"class":5256},[5246,12038,5115],{"class":5252},[5246,12040,11996],{"class":5260},[5246,12042,5127],{"class":5256},[5246,12044,12045],{"class":5293},"query",[5246,12047,5296],{"class":5256},[5246,12049,12050],{"class":5276},"'SELECT NOW()'",[5246,12052,5362],{"class":5256},[5246,12054,12055,12057,12059,12061,12063,12066,12068,12070,12072,12075,12078,12080,12083,12086],{"class":5248,"line":5507},[5246,12056,6512],{"class":5260},[5246,12058,5127],{"class":5256},[5246,12060,5666],{"class":5293},[5246,12062,5296],{"class":5256},[5246,12064,12065],{"class":5276},"'Час сервера БД:'",[5246,12067,5264],{"class":5256},[5246,12069,7313],{"class":5260},[5246,12071,5127],{"class":5256},[5246,12073,12074],{"class":5260},"rows",[5246,12076,12077],{"class":5256},"[",[5246,12079,9119],{"class":6385},[5246,12081,12082],{"class":5256},"].",[5246,12084,12085],{"class":5260},"now",[5246,12087,5362],{"class":5256},[5246,12089,12090],{"class":5248,"line":5513},[5246,12091,5382],{"class":5256},[5246,12093,12094,12097,12099,12102],{"class":5248,"line":5519},[5246,12095,12096],{"class":5260},"  client",[5246,12098,5127],{"class":5256},[5246,12100,12101],{"class":5293},"release",[5246,12103,6304],{"class":5256},[5246,12105,12106,12109,12111,12113,12115],{"class":5248,"line":5542},[5246,12107,12108],{"class":5256},"} ",[5246,12110,5969],{"class":5252},[5246,12112,5334],{"class":5256},[5246,12114,5350],{"class":5260},[5246,12116,5339],{"class":5256},[5246,12118,12119,12121,12123,12125,12127,12130,12132,12134,12136,12138,12140,12142],{"class":5248,"line":5570},[5246,12120,6512],{"class":5260},[5246,12122,5127],{"class":5256},[5246,12124,5350],{"class":5293},[5246,12126,5296],{"class":5256},[5246,12128,12129],{"class":5276},"'✗ Помилка підключення до БД:'",[5246,12131,5307],{"class":5256},[5246,12133,5350],{"class":5260},[5246,12135,6273],{"class":5252},[5246,12137,6276],{"class":6053},[5246,12139,6279],{"class":5256},[5246,12141,6001],{"class":5260},[5246,12143,5362],{"class":5256},[5246,12145,12146,12149,12151,12154,12156,12159],{"class":5248,"line":5575},[5246,12147,12148],{"class":5260},"  process",[5246,12150,5127],{"class":5256},[5246,12152,12153],{"class":5293},"exit",[5246,12155,5296],{"class":5256},[5246,12157,12158],{"class":6385},"1",[5246,12160,5362],{"class":5256},[5246,12162,12163],{"class":5248,"line":5612},[5246,12164,6292],{"class":5256},[5246,12166,12167],{"class":5248,"line":5624},[5246,12168,5287],{"emptyLinePlaceholder":5286},[5246,12170,12171,12173,12175,12177,12180,12182,12184,12186,12188,12190,12192,12194,12196],{"class":5248,"line":5645},[5246,12172,11780],{"class":5252},[5246,12174,7144],{"class":5321},[5246,12176,6044],{"class":5321},[5246,12178,12179],{"class":5293}," queryUser",[5246,12181,5296],{"class":5256},[5246,12183,5437],{"class":5260},[5246,12185,7021],{"class":5256},[5246,12187,6375],{"class":6053},[5246,12189,7026],{"class":5256},[5246,12191,6054],{"class":6053},[5246,12193,6057],{"class":5256},[5246,12195,7033],{"class":6053},[5246,12197,6063],{"class":5256},[5246,12199,12200,12202,12204,12206,12208,12210,12212,12214,12216,12219,12222,12224],{"class":5248,"line":5653},[5246,12201,5388],{"class":5321},[5246,12203,7269],{"class":5391},[5246,12205,5395],{"class":5256},[5246,12207,5115],{"class":5252},[5246,12209,11957],{"class":5260},[5246,12211,5127],{"class":5256},[5246,12213,12045],{"class":5293},[5246,12215,5296],{"class":5256},[5246,12217,12218],{"class":5276},"'SELECT * FROM users WHERE id = $1'",[5246,12220,12221],{"class":5256},", [",[5246,12223,5437],{"class":5260},[5246,12225,12226],{"class":5256},"]);\n",[5246,12228,12229,12231,12233,12235,12237,12239,12241],{"class":5248,"line":5659},[5246,12230,6382],{"class":5252},[5246,12232,7269],{"class":5260},[5246,12234,5127],{"class":5256},[5246,12236,12074],{"class":5260},[5246,12238,12077],{"class":5256},[5246,12240,9119],{"class":6385},[5246,12242,12243],{"class":5256},"];\n",[5246,12245,12246],{"class":5248,"line":5676},[5246,12247,6292],{"class":5256},[5236,12249,12251],{"className":5238,"code":12250,"language":5241,"meta":5242,"style":5242},"\u002F\u002F app.ts (імпортує database.ts)\nimport express from 'express';\nimport { pool, queryUser } from '.\u002Fdatabase.js'; \u002F\u002F Виконання зупиниться до завершення top-level await у database.ts\n\nconst app = express();\n\napp.get('\u002Fusers\u002F:id', async (req, res) => {\n  try {\n    const user = await queryUser(parseInt(req.params.id));\n    res.json(user);\n  } catch (error) {\n    res.status(500).json({ error: (error as Error).message });\n  }\n});\n\nconst PORT = 3000;\napp.listen(PORT, () => {\n  console.log(`Сервер запущено на порту ${PORT}`);\n});\n",[5099,12252,12253,12258,12273,12299,12303,12317,12321,12356,12362,12394,12409,12421,12457,12461,12465,12469,12483,12504,12527],{"__ignoreMap":5242},[5246,12254,12255],{"class":5248,"line":5249},[5246,12256,12257],{"class":6361},"\u002F\u002F app.ts (імпортує database.ts)\n",[5246,12259,12260,12262,12265,12268,12271],{"class":5248,"line":5283},[5246,12261,5253],{"class":5252},[5246,12263,12264],{"class":5260}," express",[5246,12266,12267],{"class":5252}," from",[5246,12269,12270],{"class":5276}," 'express'",[5246,12272,5280],{"class":5256},[5246,12274,12275,12277,12279,12282,12284,12287,12289,12291,12294,12296],{"class":5248,"line":5290},[5246,12276,5253],{"class":5252},[5246,12278,5257],{"class":5256},[5246,12280,12281],{"class":5260},"pool",[5246,12283,5264],{"class":5256},[5246,12285,12286],{"class":5260},"queryUser",[5246,12288,5270],{"class":5256},[5246,12290,5273],{"class":5252},[5246,12292,12293],{"class":5276}," '.\u002Fdatabase.js'",[5246,12295,8363],{"class":5256},[5246,12297,12298],{"class":6361},"\u002F\u002F Виконання зупиниться до завершення top-level await у database.ts\n",[5246,12300,12301],{"class":5248,"line":5328},[5246,12302,5287],{"emptyLinePlaceholder":5286},[5246,12304,12305,12307,12310,12312,12315],{"class":5248,"line":5342},[5246,12306,6907],{"class":5321},[5246,12308,12309],{"class":5391}," app",[5246,12311,5395],{"class":5256},[5246,12313,12314],{"class":5293},"express",[5246,12316,6304],{"class":5256},[5246,12318,12319],{"class":5248,"line":5365},[5246,12320,5287],{"emptyLinePlaceholder":5286},[5246,12322,12323,12326,12328,12331,12333,12336,12338,12340,12342,12345,12347,12350,12352,12354],{"class":5248,"line":5373},[5246,12324,12325],{"class":5260},"app",[5246,12327,5127],{"class":5256},[5246,12329,12330],{"class":5293},"get",[5246,12332,5296],{"class":5256},[5246,12334,12335],{"class":5276},"'\u002Fusers\u002F:id'",[5246,12337,5264],{"class":5256},[5246,12339,5108],{"class":5321},[5246,12341,5334],{"class":5256},[5246,12343,12344],{"class":5260},"req",[5246,12346,5264],{"class":5256},[5246,12348,12349],{"class":5260},"res",[5246,12351,5318],{"class":5256},[5246,12353,5322],{"class":5321},[5246,12355,5325],{"class":5256},[5246,12357,12358,12360],{"class":5248,"line":5379},[5246,12359,6068],{"class":5252},[5246,12361,5325],{"class":5256},[5246,12363,12364,12366,12368,12370,12372,12374,12376,12379,12381,12383,12385,12388,12390,12392],{"class":5248,"line":5385},[5246,12365,5522],{"class":5321},[5246,12367,5392],{"class":5391},[5246,12369,5395],{"class":5256},[5246,12371,5115],{"class":5252},[5246,12373,12179],{"class":5293},[5246,12375,5296],{"class":5256},[5246,12377,12378],{"class":5293},"parseInt",[5246,12380,5296],{"class":5256},[5246,12382,12344],{"class":5260},[5246,12384,5127],{"class":5256},[5246,12386,12387],{"class":5260},"params",[5246,12389,5127],{"class":5256},[5246,12391,5437],{"class":5260},[5246,12393,5927],{"class":5256},[5246,12395,12396,12399,12401,12403,12405,12407],{"class":5248,"line":5412},[5246,12397,12398],{"class":5260},"    res",[5246,12400,5127],{"class":5256},[5246,12402,7698],{"class":5293},[5246,12404,5296],{"class":5256},[5246,12406,5431],{"class":5260},[5246,12408,5362],{"class":5256},[5246,12410,12411,12413,12415,12417,12419],{"class":5248,"line":5417},[5246,12412,6246],{"class":5256},[5246,12414,5969],{"class":5252},[5246,12416,5334],{"class":5256},[5246,12418,5350],{"class":5260},[5246,12420,5339],{"class":5256},[5246,12422,12423,12425,12427,12429,12431,12434,12436,12438,12440,12443,12445,12447,12449,12451,12453,12455],{"class":5248,"line":5466},[5246,12424,12398],{"class":5260},[5246,12426,5127],{"class":5256},[5246,12428,7660],{"class":5293},[5246,12430,5296],{"class":5256},[5246,12432,12433],{"class":6385},"500",[5246,12435,6279],{"class":5256},[5246,12437,7698],{"class":5293},[5246,12439,11968],{"class":5256},[5246,12441,12442],{"class":5260},"error:",[5246,12444,5334],{"class":5256},[5246,12446,5350],{"class":5260},[5246,12448,6273],{"class":5252},[5246,12450,6276],{"class":6053},[5246,12452,6279],{"class":5256},[5246,12454,6001],{"class":5260},[5246,12456,11974],{"class":5256},[5246,12458,12459],{"class":5248,"line":5478},[5246,12460,5376],{"class":5256},[5246,12462,12463],{"class":5248,"line":5499},[5246,12464,5691],{"class":5256},[5246,12466,12467],{"class":5248,"line":5507},[5246,12468,5287],{"emptyLinePlaceholder":5286},[5246,12470,12471,12473,12476,12478,12481],{"class":5248,"line":5513},[5246,12472,6907],{"class":5321},[5246,12474,12475],{"class":5391}," PORT",[5246,12477,5395],{"class":5256},[5246,12479,12480],{"class":6385},"3000",[5246,12482,5280],{"class":5256},[5246,12484,12485,12487,12489,12492,12494,12497,12500,12502],{"class":5248,"line":5519},[5246,12486,12325],{"class":5260},[5246,12488,5127],{"class":5256},[5246,12490,12491],{"class":5293},"listen",[5246,12493,5296],{"class":5256},[5246,12495,12496],{"class":5391},"PORT",[5246,12498,12499],{"class":5256},", () ",[5246,12501,5322],{"class":5321},[5246,12503,5325],{"class":5256},[5246,12505,12506,12508,12510,12512,12514,12517,12519,12521,12523,12525],{"class":5248,"line":5542},[5246,12507,6512],{"class":5260},[5246,12509,5127],{"class":5256},[5246,12511,5666],{"class":5293},[5246,12513,5296],{"class":5256},[5246,12515,12516],{"class":5276},"`Сервер запущено на порту ",[5246,12518,5428],{"class":5321},[5246,12520,12496],{"class":5391},[5246,12522,5440],{"class":5321},[5246,12524,7614],{"class":5276},[5246,12526,5362],{"class":5256},[5246,12528,12529],{"class":5248,"line":5570},[5246,12530,5691],{"class":5256},[5201,12532,11035,12533,12536,12537,12540,12541,12544],{},[5099,12534,12535],{},"app.ts"," почне виконуватися ",[5147,12538,12539],{},"лише після"," того, як ",[5099,12542,12543],{},"database.ts"," завершить перевірку підключення до бази даних. Це гарантує, що сервер не стартує з невалідним підключенням.",[8115,12546,12547,12553],{},[5201,12548,12549,12550,12552],{},"Використовуйте top-level ",[5099,12551,5115],{}," обережно у модулях, що імпортуються іншими модулями. Тривалі асинхронні операції на верхньому рівні можуть значно уповільнити завантаження застосунку. У таких випадках краще використовувати явні функції ініціалізації:",[5236,12554,12556],{"className":5238,"code":12555,"language":5241,"meta":5242,"style":5242},"\u002F\u002F ✅ КРАЩЕ: Явна функція ініціалізації\nexport async function initializeDatabase(): Promise\u003Cvoid> {\n  \u002F\u002F Ініціалізація...\n}\n\n\u002F\u002F У головному файлі:\nawait initializeDatabase();\n",[5099,12557,12558,12563,12584,12589,12593,12597,12602],{"__ignoreMap":5242},[5246,12559,12560],{"class":5248,"line":5249},[5246,12561,12562],{"class":6361},"\u002F\u002F ✅ КРАЩЕ: Явна функція ініціалізації\n",[5246,12564,12565,12567,12569,12571,12574,12576,12578,12580,12582],{"class":5248,"line":5283},[5246,12566,11780],{"class":5252},[5246,12568,7144],{"class":5321},[5246,12570,6044],{"class":5321},[5246,12572,12573],{"class":5293}," initializeDatabase",[5246,12575,6050],{"class":5256},[5246,12577,6054],{"class":6053},[5246,12579,6057],{"class":5256},[5246,12581,6060],{"class":6053},[5246,12583,6063],{"class":5256},[5246,12585,12586],{"class":5248,"line":5290},[5246,12587,12588],{"class":6361},"  \u002F\u002F Ініціалізація...\n",[5246,12590,12591],{"class":5248,"line":5328},[5246,12592,6292],{"class":5256},[5246,12594,12595],{"class":5248,"line":5342},[5246,12596,5287],{"emptyLinePlaceholder":5286},[5246,12598,12599],{"class":5248,"line":5365},[5246,12600,12601],{"class":6361},"\u002F\u002F У головному файлі:\n",[5246,12603,12604,12606,12608],{"class":5248,"line":5373},[5246,12605,5115],{"class":5252},[5246,12607,12573],{"class":5293},[5246,12609,6304],{"class":5256},[6348,12611,12613],{"id":12612},"top-level-await-у-тестах","Top-level await у тестах",[5201,12615,11596,12616,12618],{},[5099,12617,5115],{}," особливо корисний у тестових файлах для підготовки фікстур та налаштування середовища:",[5236,12620,12622],{"className":5238,"code":12621,"language":5241,"meta":5242,"style":5242},"\u002F\u002F user.test.ts\nimport { describe, it, expect } from 'vitest';\nimport { readFile } from 'node:fs\u002Fpromises';\n\n\u002F\u002F Завантаження тестових даних на верхньому рівні\nconst testUsers = await readFile('.\u002Ffixtures\u002Fusers.json', 'utf-8').then(JSON.parse);\n\ndescribe('User Service', () => {\n  it('should validate user data', () => {\n    const user = testUsers[0];\n    expect(user).toHaveProperty('id');\n    expect(user).toHaveProperty('email');\n  });\n  \n  it('should filter active users', () => {\n    const activeUsers = testUsers.filter((u: any) => u.active);\n    expect(activeUsers.length).toBeGreaterThan(0);\n  });\n});\n",[5099,12623,12624,12629,12657,12673,12677,12682,12718,12722,12737,12753,12770,12791,12810,12814,12818,12833,12872,12896,12900],{"__ignoreMap":5242},[5246,12625,12626],{"class":5248,"line":5249},[5246,12627,12628],{"class":6361},"\u002F\u002F user.test.ts\n",[5246,12630,12631,12633,12635,12638,12640,12643,12645,12648,12650,12652,12655],{"class":5248,"line":5283},[5246,12632,5253],{"class":5252},[5246,12634,5257],{"class":5256},[5246,12636,12637],{"class":5260},"describe",[5246,12639,5264],{"class":5256},[5246,12641,12642],{"class":5260},"it",[5246,12644,5264],{"class":5256},[5246,12646,12647],{"class":5260},"expect",[5246,12649,5270],{"class":5256},[5246,12651,5273],{"class":5252},[5246,12653,12654],{"class":5276}," 'vitest'",[5246,12656,5280],{"class":5256},[5246,12658,12659,12661,12663,12665,12667,12669,12671],{"class":5248,"line":5290},[5246,12660,5253],{"class":5252},[5246,12662,5257],{"class":5256},[5246,12664,5261],{"class":5260},[5246,12666,5270],{"class":5256},[5246,12668,5273],{"class":5252},[5246,12670,5716],{"class":5276},[5246,12672,5280],{"class":5256},[5246,12674,12675],{"class":5248,"line":5328},[5246,12676,5287],{"emptyLinePlaceholder":5286},[5246,12678,12679],{"class":5248,"line":5342},[5246,12680,12681],{"class":6361},"\u002F\u002F Завантаження тестових даних на верхньому рівні\n",[5246,12683,12684,12686,12689,12691,12693,12695,12697,12700,12702,12704,12706,12708,12710,12712,12714,12716],{"class":5248,"line":5365},[5246,12685,6907],{"class":5321},[5246,12687,12688],{"class":5391}," testUsers",[5246,12690,5395],{"class":5256},[5246,12692,5115],{"class":5252},[5246,12694,5783],{"class":5293},[5246,12696,5296],{"class":5256},[5246,12698,12699],{"class":5276},"'.\u002Ffixtures\u002Fusers.json'",[5246,12701,5264],{"class":5256},[5246,12703,5304],{"class":5276},[5246,12705,6279],{"class":5256},[5246,12707,5745],{"class":5293},[5246,12709,5296],{"class":5256},[5246,12711,5398],{"class":5391},[5246,12713,5127],{"class":5256},[5246,12715,5403],{"class":5260},[5246,12717,5362],{"class":5256},[5246,12719,12720],{"class":5248,"line":5373},[5246,12721,5287],{"emptyLinePlaceholder":5286},[5246,12723,12724,12726,12728,12731,12733,12735],{"class":5248,"line":5379},[5246,12725,12637],{"class":5293},[5246,12727,5296],{"class":5256},[5246,12729,12730],{"class":5276},"'User Service'",[5246,12732,12499],{"class":5256},[5246,12734,5322],{"class":5321},[5246,12736,5325],{"class":5256},[5246,12738,12739,12742,12744,12747,12749,12751],{"class":5248,"line":5385},[5246,12740,12741],{"class":5293},"  it",[5246,12743,5296],{"class":5256},[5246,12745,12746],{"class":5276},"'should validate user data'",[5246,12748,12499],{"class":5256},[5246,12750,5322],{"class":5321},[5246,12752,5325],{"class":5256},[5246,12754,12755,12757,12759,12761,12764,12766,12768],{"class":5248,"line":5412},[5246,12756,5522],{"class":5321},[5246,12758,5392],{"class":5391},[5246,12760,5395],{"class":5256},[5246,12762,12763],{"class":5260},"testUsers",[5246,12765,12077],{"class":5256},[5246,12767,9119],{"class":6385},[5246,12769,12243],{"class":5256},[5246,12771,12772,12775,12777,12779,12781,12784,12786,12789],{"class":5248,"line":5417},[5246,12773,12774],{"class":5293},"    expect",[5246,12776,5296],{"class":5256},[5246,12778,5431],{"class":5260},[5246,12780,6279],{"class":5256},[5246,12782,12783],{"class":5293},"toHaveProperty",[5246,12785,5296],{"class":5256},[5246,12787,12788],{"class":5276},"'id'",[5246,12790,5362],{"class":5256},[5246,12792,12793,12795,12797,12799,12801,12803,12805,12808],{"class":5248,"line":5466},[5246,12794,12774],{"class":5293},[5246,12796,5296],{"class":5256},[5246,12798,5431],{"class":5260},[5246,12800,6279],{"class":5256},[5246,12802,12783],{"class":5293},[5246,12804,5296],{"class":5256},[5246,12806,12807],{"class":5276},"'email'",[5246,12809,5362],{"class":5256},[5246,12811,12812],{"class":5248,"line":5478},[5246,12813,5685],{"class":5256},[5246,12815,12816],{"class":5248,"line":5499},[5246,12817,5382],{"class":5256},[5246,12819,12820,12822,12824,12827,12829,12831],{"class":5248,"line":5507},[5246,12821,12741],{"class":5293},[5246,12823,5296],{"class":5256},[5246,12825,12826],{"class":5276},"'should filter active users'",[5246,12828,12499],{"class":5256},[5246,12830,5322],{"class":5321},[5246,12832,5325],{"class":5256},[5246,12834,12835,12837,12840,12842,12844,12846,12849,12851,12854,12856,12858,12860,12862,12865,12867,12870],{"class":5248,"line":5513},[5246,12836,5522],{"class":5321},[5246,12838,12839],{"class":5391}," activeUsers",[5246,12841,5395],{"class":5256},[5246,12843,12763],{"class":5260},[5246,12845,5127],{"class":5256},[5246,12847,12848],{"class":5293},"filter",[5246,12850,5748],{"class":5256},[5246,12852,12853],{"class":5260},"u",[5246,12855,7021],{"class":5256},[5246,12857,7033],{"class":6053},[5246,12859,5318],{"class":5256},[5246,12861,5322],{"class":5321},[5246,12863,12864],{"class":5260}," u",[5246,12866,5127],{"class":5256},[5246,12868,12869],{"class":5260},"active",[5246,12871,5362],{"class":5256},[5246,12873,12874,12876,12878,12881,12883,12885,12887,12890,12892,12894],{"class":5248,"line":5519},[5246,12875,12774],{"class":5293},[5246,12877,5296],{"class":5256},[5246,12879,12880],{"class":5260},"activeUsers",[5246,12882,5127],{"class":5256},[5246,12884,5564],{"class":5260},[5246,12886,6279],{"class":5256},[5246,12888,12889],{"class":5293},"toBeGreaterThan",[5246,12891,5296],{"class":5256},[5246,12893,9119],{"class":6385},[5246,12895,5362],{"class":5256},[5246,12897,12898],{"class":5248,"line":5542},[5246,12899,5685],{"class":5256},[5246,12901,12902],{"class":5248,"line":5570},[5246,12903,5691],{"class":5256},[5196,12905,12907,12908],{"id":12906},"типові-помилки-та-антипаттерни-при-роботі-з-asyncawait","Типові помилки та антипаттерни при роботі з ",[5099,12909,5101],{},[6348,12911,12913,12914,12916],{"id":12912},"помилка-1-забути-await-перед-асинхронним-викликом","Помилка 1: Забути ",[5099,12915,5115],{}," перед асинхронним викликом",[5236,12918,12920],{"className":5238,"code":12919,"language":5241,"meta":5242,"style":5242},"\u002F\u002F ❌ ПОМИЛКА: Забуто await\nasync function getUserName(id: number): Promise\u003Cstring> {\n  const user = fetchUser(id); \u002F\u002F Отримуємо Promise, а не результат!\n  return user.name; \u002F\u002F TypeError: Cannot read property 'name' of Promise\n}\n\n\u002F\u002F ✅ ПРАВИЛЬНО: Використано await\nasync function getUserName(id: number): Promise\u003Cstring> {\n  const user = await fetchUser(id); \u002F\u002F Чекаємо виконання промісу\n  return user.name;\n}\n",[5099,12921,12922,12927,12954,12974,12989,12993,12997,13002,13028,13049,13061],{"__ignoreMap":5242},[5246,12923,12924],{"class":5248,"line":5249},[5246,12925,12926],{"class":6361},"\u002F\u002F ❌ ПОМИЛКА: Забуто await\n",[5246,12928,12929,12931,12933,12936,12938,12940,12942,12944,12946,12948,12950,12952],{"class":5248,"line":5283},[5246,12930,5108],{"class":5321},[5246,12932,6044],{"class":5321},[5246,12934,12935],{"class":5293}," getUserName",[5246,12937,5296],{"class":5256},[5246,12939,5437],{"class":5260},[5246,12941,7021],{"class":5256},[5246,12943,6375],{"class":6053},[5246,12945,7026],{"class":5256},[5246,12947,6054],{"class":6053},[5246,12949,6057],{"class":5256},[5246,12951,6604],{"class":6053},[5246,12953,6063],{"class":5256},[5246,12955,12956,12958,12960,12962,12965,12967,12969,12971],{"class":5248,"line":5290},[5246,12957,5388],{"class":5321},[5246,12959,5392],{"class":5391},[5246,12961,5395],{"class":5256},[5246,12963,12964],{"class":5293},"fetchUser",[5246,12966,5296],{"class":5256},[5246,12968,5437],{"class":5260},[5246,12970,6523],{"class":5256},[5246,12972,12973],{"class":6361},"\u002F\u002F Отримуємо Promise, а не результат!\n",[5246,12975,12976,12978,12980,12982,12984,12986],{"class":5248,"line":5328},[5246,12977,6382],{"class":5252},[5246,12979,5392],{"class":5260},[5246,12981,5127],{"class":5256},[5246,12983,7945],{"class":5260},[5246,12985,8363],{"class":5256},[5246,12987,12988],{"class":6361},"\u002F\u002F TypeError: Cannot read property 'name' of Promise\n",[5246,12990,12991],{"class":5248,"line":5342},[5246,12992,6292],{"class":5256},[5246,12994,12995],{"class":5248,"line":5365},[5246,12996,5287],{"emptyLinePlaceholder":5286},[5246,12998,12999],{"class":5248,"line":5373},[5246,13000,13001],{"class":6361},"\u002F\u002F ✅ ПРАВИЛЬНО: Використано await\n",[5246,13003,13004,13006,13008,13010,13012,13014,13016,13018,13020,13022,13024,13026],{"class":5248,"line":5379},[5246,13005,5108],{"class":5321},[5246,13007,6044],{"class":5321},[5246,13009,12935],{"class":5293},[5246,13011,5296],{"class":5256},[5246,13013,5437],{"class":5260},[5246,13015,7021],{"class":5256},[5246,13017,6375],{"class":6053},[5246,13019,7026],{"class":5256},[5246,13021,6054],{"class":6053},[5246,13023,6057],{"class":5256},[5246,13025,6604],{"class":6053},[5246,13027,6063],{"class":5256},[5246,13029,13030,13032,13034,13036,13038,13040,13042,13044,13046],{"class":5248,"line":5385},[5246,13031,5388],{"class":5321},[5246,13033,5392],{"class":5391},[5246,13035,5395],{"class":5256},[5246,13037,5115],{"class":5252},[5246,13039,7014],{"class":5293},[5246,13041,5296],{"class":5256},[5246,13043,5437],{"class":5260},[5246,13045,6523],{"class":5256},[5246,13047,13048],{"class":6361},"\u002F\u002F Чекаємо виконання промісу\n",[5246,13050,13051,13053,13055,13057,13059],{"class":5248,"line":5412},[5246,13052,6382],{"class":5252},[5246,13054,5392],{"class":5260},[5246,13056,5127],{"class":5256},[5246,13058,7945],{"class":5260},[5246,13060,5280],{"class":5256},[5246,13062,13063],{"class":5248,"line":5417},[5246,13064,6292],{"class":5256},[5201,13066,13067],{},"Ця помилка є однією з найпоширеніших серед початківців. TypeScript частково допомагає виявити її через систему типів, але у динамічних сценаріях помилка може залишитися непоміченою до runtime.",[6314,13069,13070,13071,13073,13074,11704,13077,13080],{},"У TypeScript компілятор попередить, якщо ви намагаєтеся отримати доступ до властивості промісу без ",[5099,13072,5115],{},". Завжди вмикайте строгі перевірки типів (",[5099,13075,13076],{},"\"strict\": true",[5099,13078,13079],{},"tsconfig.json",") для виявлення таких помилок на етапі компіляції.",[6348,13082,13084,13085],{"id":13083},"помилка-2-не-обгорнути-асинхронний-код-у-trycatch","Помилка 2: Не обгорнути асинхронний код у ",[5099,13086,5122],{},[5236,13088,13090],{"className":5238,"code":13089,"language":5241,"meta":5242,"style":5242},"\u002F\u002F ❌ ПОМИЛКА: Необроблена помилка\nasync function loadData(): Promise\u003Cvoid> {\n  const data = await fetchData(); \u002F\u002F Якщо проміс відхилено — UnhandledPromiseRejection!\n  processData(data);\n}\n\n\u002F\u002F ✅ ПРАВИЛЬНО: Обробка помилки\nasync function loadData(): Promise\u003Cvoid> {\n  try {\n    const data = await fetchData();\n    processData(data);\n  } catch (error) {\n    console.error('Помилка завантаження даних:', (error as Error).message);\n    throw error; \u002F\u002F Або обробити локально\n  }\n}\n",[5099,13091,13092,13097,13116,13134,13145,13149,13153,13158,13176,13182,13196,13207,13219,13246,13257,13261],{"__ignoreMap":5242},[5246,13093,13094],{"class":5248,"line":5249},[5246,13095,13096],{"class":6361},"\u002F\u002F ❌ ПОМИЛКА: Необроблена помилка\n",[5246,13098,13099,13101,13103,13106,13108,13110,13112,13114],{"class":5248,"line":5283},[5246,13100,5108],{"class":5321},[5246,13102,6044],{"class":5321},[5246,13104,13105],{"class":5293}," loadData",[5246,13107,6050],{"class":5256},[5246,13109,6054],{"class":6053},[5246,13111,6057],{"class":5256},[5246,13113,6060],{"class":6053},[5246,13115,6063],{"class":5256},[5246,13117,13118,13120,13122,13124,13126,13128,13131],{"class":5248,"line":5290},[5246,13119,5388],{"class":5321},[5246,13121,8557],{"class":5391},[5246,13123,5395],{"class":5256},[5246,13125,5115],{"class":5252},[5246,13127,6870],{"class":5293},[5246,13129,13130],{"class":5256},"(); ",[5246,13132,13133],{"class":6361},"\u002F\u002F Якщо проміс відхилено — UnhandledPromiseRejection!\n",[5246,13135,13136,13139,13141,13143],{"class":5248,"line":5328},[5246,13137,13138],{"class":5293},"  processData",[5246,13140,5296],{"class":5256},[5246,13142,8583],{"class":5260},[5246,13144,5362],{"class":5256},[5246,13146,13147],{"class":5248,"line":5342},[5246,13148,6292],{"class":5256},[5246,13150,13151],{"class":5248,"line":5365},[5246,13152,5287],{"emptyLinePlaceholder":5286},[5246,13154,13155],{"class":5248,"line":5373},[5246,13156,13157],{"class":6361},"\u002F\u002F ✅ ПРАВИЛЬНО: Обробка помилки\n",[5246,13159,13160,13162,13164,13166,13168,13170,13172,13174],{"class":5248,"line":5379},[5246,13161,5108],{"class":5321},[5246,13163,6044],{"class":5321},[5246,13165,13105],{"class":5293},[5246,13167,6050],{"class":5256},[5246,13169,6054],{"class":6053},[5246,13171,6057],{"class":5256},[5246,13173,6060],{"class":6053},[5246,13175,6063],{"class":5256},[5246,13177,13178,13180],{"class":5248,"line":5385},[5246,13179,6068],{"class":5252},[5246,13181,5325],{"class":5256},[5246,13183,13184,13186,13188,13190,13192,13194],{"class":5248,"line":5412},[5246,13185,5522],{"class":5321},[5246,13187,8557],{"class":5391},[5246,13189,5395],{"class":5256},[5246,13191,5115],{"class":5252},[5246,13193,6870],{"class":5293},[5246,13195,6304],{"class":5256},[5246,13197,13198,13201,13203,13205],{"class":5248,"line":5417},[5246,13199,13200],{"class":5293},"    processData",[5246,13202,5296],{"class":5256},[5246,13204,8583],{"class":5260},[5246,13206,5362],{"class":5256},[5246,13208,13209,13211,13213,13215,13217],{"class":5248,"line":5466},[5246,13210,6246],{"class":5256},[5246,13212,5969],{"class":5252},[5246,13214,5334],{"class":5256},[5246,13216,5350],{"class":5260},[5246,13218,5339],{"class":5256},[5246,13220,13221,13223,13225,13227,13229,13232,13234,13236,13238,13240,13242,13244],{"class":5248,"line":5478},[5246,13222,5345],{"class":5260},[5246,13224,5127],{"class":5256},[5246,13226,5350],{"class":5293},[5246,13228,5296],{"class":5256},[5246,13230,13231],{"class":5276},"'Помилка завантаження даних:'",[5246,13233,5307],{"class":5256},[5246,13235,5350],{"class":5260},[5246,13237,6273],{"class":5252},[5246,13239,6276],{"class":6053},[5246,13241,6279],{"class":5256},[5246,13243,6001],{"class":5260},[5246,13245,5362],{"class":5256},[5246,13247,13248,13250,13252,13254],{"class":5248,"line":5499},[5246,13249,7642],{"class":5252},[5246,13251,8360],{"class":5260},[5246,13253,8363],{"class":5256},[5246,13255,13256],{"class":6361},"\u002F\u002F Або обробити локально\n",[5246,13258,13259],{"class":5248,"line":5507},[5246,13260,5376],{"class":5256},[5246,13262,13263],{"class":5248,"line":5513},[5246,13264,6292],{"class":5256},[5201,13266,13267,13268,13271],{},"Необроблені відхилення промісів (",[5151,13269,13270],{},"unhandled promise rejections",") є критичною проблемою у Node.js — починаючи з версії 15, вони призводять до завершення процесу з ненульовим кодом виходу.",[6348,13273,13275,13276,13278,13279,13281],{"id":13274},"помилка-3-використання-async-без-await-безглузда-async-функція","Помилка 3: Використання ",[5099,13277,5108],{}," без ",[5099,13280,5115],{}," (безглузда async функція)",[5236,13283,13285],{"className":5238,"code":13284,"language":5241,"meta":5242,"style":5242},"\u002F\u002F ❌ АНТИПАТТЕРН: async функція без await\nasync function calculateSum(a: number, b: number): Promise\u003Cnumber> {\n  return a + b; \u002F\u002F Немає асинхронних операцій — async зайве\n}\n\n\u002F\u002F ✅ ПРАВИЛЬНО: Видаляємо async\nfunction calculateSum(a: number, b: number): number {\n  return a + b;\n}\n\n\u002F\u002F Виняток: коли потрібно повернути проміс для сумісності з інтерфейсом\ninterface Calculator {\n  add(a: number, b: number): Promise\u003Cnumber>;\n}\n\nclass SimpleCalculator implements Calculator {\n  \u002F\u002F async тут виправданий — інтерфейс вимагає Promise\n  async add(a: number, b: number): Promise\u003Cnumber> {\n    return a + b;\n  }\n}\n",[5099,13286,13287,13292,13329,13346,13350,13354,13359,13387,13399,13403,13407,13412,13421,13453,13457,13461,13475,13480,13513,13525,13529],{"__ignoreMap":5242},[5246,13288,13289],{"class":5248,"line":5249},[5246,13290,13291],{"class":6361},"\u002F\u002F ❌ АНТИПАТТЕРН: async функція без await\n",[5246,13293,13294,13296,13298,13301,13303,13306,13308,13310,13312,13315,13317,13319,13321,13323,13325,13327],{"class":5248,"line":5283},[5246,13295,5108],{"class":5321},[5246,13297,6044],{"class":5321},[5246,13299,13300],{"class":5293}," calculateSum",[5246,13302,5296],{"class":5256},[5246,13304,13305],{"class":5260},"a",[5246,13307,7021],{"class":5256},[5246,13309,6375],{"class":6053},[5246,13311,5264],{"class":5256},[5246,13313,13314],{"class":5260},"b",[5246,13316,7021],{"class":5256},[5246,13318,6375],{"class":6053},[5246,13320,7026],{"class":5256},[5246,13322,6054],{"class":6053},[5246,13324,6057],{"class":5256},[5246,13326,6375],{"class":6053},[5246,13328,6063],{"class":5256},[5246,13330,13331,13333,13336,13339,13341,13343],{"class":5248,"line":5290},[5246,13332,6382],{"class":5252},[5246,13334,13335],{"class":5260}," a",[5246,13337,13338],{"class":5256}," + ",[5246,13340,13314],{"class":5260},[5246,13342,8363],{"class":5256},[5246,13344,13345],{"class":6361},"\u002F\u002F Немає асинхронних операцій — async зайве\n",[5246,13347,13348],{"class":5248,"line":5328},[5246,13349,6292],{"class":5256},[5246,13351,13352],{"class":5248,"line":5342},[5246,13353,5287],{"emptyLinePlaceholder":5286},[5246,13355,13356],{"class":5248,"line":5365},[5246,13357,13358],{"class":6361},"\u002F\u002F ✅ ПРАВИЛЬНО: Видаляємо async\n",[5246,13360,13361,13363,13365,13367,13369,13371,13373,13375,13377,13379,13381,13383,13385],{"class":5248,"line":5373},[5246,13362,6367],{"class":5321},[5246,13364,13300],{"class":5293},[5246,13366,5296],{"class":5256},[5246,13368,13305],{"class":5260},[5246,13370,7021],{"class":5256},[5246,13372,6375],{"class":6053},[5246,13374,5264],{"class":5256},[5246,13376,13314],{"class":5260},[5246,13378,7021],{"class":5256},[5246,13380,6375],{"class":6053},[5246,13382,7026],{"class":5256},[5246,13384,6375],{"class":6053},[5246,13386,5325],{"class":5256},[5246,13388,13389,13391,13393,13395,13397],{"class":5248,"line":5379},[5246,13390,6382],{"class":5252},[5246,13392,13335],{"class":5260},[5246,13394,13338],{"class":5256},[5246,13396,13314],{"class":5260},[5246,13398,5280],{"class":5256},[5246,13400,13401],{"class":5248,"line":5385},[5246,13402,6292],{"class":5256},[5246,13404,13405],{"class":5248,"line":5412},[5246,13406,5287],{"emptyLinePlaceholder":5286},[5246,13408,13409],{"class":5248,"line":5417},[5246,13410,13411],{"class":6361},"\u002F\u002F Виняток: коли потрібно повернути проміс для сумісності з інтерфейсом\n",[5246,13413,13414,13416,13419],{"class":5248,"line":5466},[5246,13415,7464],{"class":5321},[5246,13417,13418],{"class":6053}," Calculator",[5246,13420,5325],{"class":5256},[5246,13422,13423,13426,13428,13430,13432,13434,13436,13438,13440,13442,13444,13446,13448,13450],{"class":5248,"line":5478},[5246,13424,13425],{"class":5293},"  add",[5246,13427,5296],{"class":5256},[5246,13429,13305],{"class":5260},[5246,13431,7021],{"class":5256},[5246,13433,6375],{"class":6053},[5246,13435,5264],{"class":5256},[5246,13437,13314],{"class":5260},[5246,13439,7021],{"class":5256},[5246,13441,6375],{"class":6053},[5246,13443,7026],{"class":5256},[5246,13445,6054],{"class":6053},[5246,13447,6057],{"class":5256},[5246,13449,6375],{"class":6053},[5246,13451,13452],{"class":5256},">;\n",[5246,13454,13455],{"class":5248,"line":5499},[5246,13456,6292],{"class":5256},[5246,13458,13459],{"class":5248,"line":5507},[5246,13460,5287],{"emptyLinePlaceholder":5286},[5246,13462,13463,13465,13468,13471,13473],{"class":5248,"line":5513},[5246,13464,7076],{"class":5321},[5246,13466,13467],{"class":6053}," SimpleCalculator",[5246,13469,13470],{"class":5321}," implements",[5246,13472,13418],{"class":6053},[5246,13474,5325],{"class":5256},[5246,13476,13477],{"class":5248,"line":5519},[5246,13478,13479],{"class":6361},"  \u002F\u002F async тут виправданий — інтерфейс вимагає Promise\n",[5246,13481,13482,13484,13487,13489,13491,13493,13495,13497,13499,13501,13503,13505,13507,13509,13511],{"class":5248,"line":5542},[5246,13483,7011],{"class":5321},[5246,13485,13486],{"class":5293}," add",[5246,13488,5296],{"class":5256},[5246,13490,13305],{"class":5260},[5246,13492,7021],{"class":5256},[5246,13494,6375],{"class":6053},[5246,13496,5264],{"class":5256},[5246,13498,13314],{"class":5260},[5246,13500,7021],{"class":5256},[5246,13502,6375],{"class":6053},[5246,13504,7026],{"class":5256},[5246,13506,6054],{"class":6053},[5246,13508,6057],{"class":5256},[5246,13510,6375],{"class":6053},[5246,13512,6063],{"class":5256},[5246,13514,13515,13517,13519,13521,13523],{"class":5248,"line":5570},[5246,13516,5368],{"class":5252},[5246,13518,13335],{"class":5260},[5246,13520,13338],{"class":5256},[5246,13522,13314],{"class":5260},[5246,13524,5280],{"class":5256},[5246,13526,13527],{"class":5248,"line":5575},[5246,13528,5376],{"class":5256},[5246,13530,13531],{"class":5248,"line":5612},[5246,13532,6292],{"class":5256},[5201,13534,13535,13536,13538,13539,13541],{},"Використання ",[5099,13537,5108],{}," без жодного ",[5099,13540,5115],{}," всередині функції створює непотрібну обгортку у проміс. Це не призводить до помилок, але додає накладні витрати та робить код менш зрозумілим.",[6348,13543,13545],{"id":13544},"помилка-4-послідовне-виконання-незалежних-операцій","Помилка 4: Послідовне виконання незалежних операцій",[5236,13547,13549],{"className":5238,"code":13548,"language":5241,"meta":5242,"style":5242},"\u002F\u002F ❌ АНТИПАТТЕРН: Послідовне виконання (повільно)\nasync function fetchAllData(): Promise\u003Cany> {\n  const users = await fetchUsers();     \u002F\u002F 300мс\n  const products = await fetchProducts(); \u002F\u002F 200мс\n  const orders = await fetchOrders();   \u002F\u002F 250мс\n  \n  return { users, products, orders };\n  \u002F\u002F Загальний час: 750мс\n}\n\n\u002F\u002F ✅ ПРАВИЛЬНО: Паралельне виконання (швидко)\nasync function fetchAllData(): Promise\u003Cany> {\n  const [users, products, orders] = await Promise.all([\n    fetchUsers(),\n    fetchProducts(),\n    fetchOrders(),\n  ]);\n  \n  return { users, products, orders };\n  \u002F\u002F Загальний час: max(300, 200, 250) = 300мс\n}\n",[5099,13550,13551,13555,13574,13594,13613,13633,13637,13658,13663,13667,13671,13675,13693,13721,13728,13735,13742,13746,13750,13768,13773],{"__ignoreMap":5242},[5246,13552,13553],{"class":5248,"line":5249},[5246,13554,10005],{"class":6361},[5246,13556,13557,13559,13561,13564,13566,13568,13570,13572],{"class":5248,"line":5283},[5246,13558,5108],{"class":5321},[5246,13560,6044],{"class":5321},[5246,13562,13563],{"class":5293}," fetchAllData",[5246,13565,6050],{"class":5256},[5246,13567,6054],{"class":6053},[5246,13569,6057],{"class":5256},[5246,13571,7033],{"class":6053},[5246,13573,6063],{"class":5256},[5246,13575,13576,13578,13581,13583,13585,13588,13591],{"class":5248,"line":5290},[5246,13577,5388],{"class":5321},[5246,13579,13580],{"class":5391}," users",[5246,13582,5395],{"class":5256},[5246,13584,5115],{"class":5252},[5246,13586,13587],{"class":5293}," fetchUsers",[5246,13589,13590],{"class":5256},"();     ",[5246,13592,13593],{"class":6361},"\u002F\u002F 300мс\n",[5246,13595,13596,13598,13601,13603,13605,13608,13610],{"class":5248,"line":5328},[5246,13597,5388],{"class":5321},[5246,13599,13600],{"class":5391}," products",[5246,13602,5395],{"class":5256},[5246,13604,5115],{"class":5252},[5246,13606,13607],{"class":5293}," fetchProducts",[5246,13609,13130],{"class":5256},[5246,13611,13612],{"class":6361},"\u002F\u002F 200мс\n",[5246,13614,13615,13617,13620,13622,13624,13627,13630],{"class":5248,"line":5342},[5246,13616,5388],{"class":5321},[5246,13618,13619],{"class":5391}," orders",[5246,13621,5395],{"class":5256},[5246,13623,5115],{"class":5252},[5246,13625,13626],{"class":5293}," fetchOrders",[5246,13628,13629],{"class":5256},"();   ",[5246,13631,13632],{"class":6361},"\u002F\u002F 250мс\n",[5246,13634,13635],{"class":5248,"line":5365},[5246,13636,5382],{"class":5256},[5246,13638,13639,13641,13643,13646,13648,13651,13653,13656],{"class":5248,"line":5373},[5246,13640,6382],{"class":5252},[5246,13642,5257],{"class":5256},[5246,13644,13645],{"class":5260},"users",[5246,13647,5264],{"class":5256},[5246,13649,13650],{"class":5260},"products",[5246,13652,5264],{"class":5256},[5246,13654,13655],{"class":5260},"orders",[5246,13657,5567],{"class":5256},[5246,13659,13660],{"class":5248,"line":5379},[5246,13661,13662],{"class":6361},"  \u002F\u002F Загальний час: 750мс\n",[5246,13664,13665],{"class":5248,"line":5385},[5246,13666,6292],{"class":5256},[5246,13668,13669],{"class":5248,"line":5412},[5246,13670,5287],{"emptyLinePlaceholder":5286},[5246,13672,13673],{"class":5248,"line":5417},[5246,13674,10150],{"class":6361},[5246,13676,13677,13679,13681,13683,13685,13687,13689,13691],{"class":5248,"line":5466},[5246,13678,5108],{"class":5321},[5246,13680,6044],{"class":5321},[5246,13682,13563],{"class":5293},[5246,13684,6050],{"class":5256},[5246,13686,6054],{"class":6053},[5246,13688,6057],{"class":5256},[5246,13690,7033],{"class":6053},[5246,13692,6063],{"class":5256},[5246,13694,13695,13697,13699,13701,13703,13705,13707,13709,13711,13713,13715,13717,13719],{"class":5248,"line":5478},[5246,13696,5388],{"class":5321},[5246,13698,10184],{"class":5256},[5246,13700,13645],{"class":5391},[5246,13702,5264],{"class":5256},[5246,13704,13650],{"class":5391},[5246,13706,5264],{"class":5256},[5246,13708,13655],{"class":5391},[5246,13710,10197],{"class":5256},[5246,13712,5115],{"class":5252},[5246,13714,6794],{"class":6053},[5246,13716,5127],{"class":5256},[5246,13718,10206],{"class":5293},[5246,13720,10209],{"class":5256},[5246,13722,13723,13726],{"class":5248,"line":5499},[5246,13724,13725],{"class":5293},"    fetchUsers",[5246,13727,11266],{"class":5256},[5246,13729,13730,13733],{"class":5248,"line":5507},[5246,13731,13732],{"class":5293},"    fetchProducts",[5246,13734,11266],{"class":5256},[5246,13736,13737,13740],{"class":5248,"line":5513},[5246,13738,13739],{"class":5293},"    fetchOrders",[5246,13741,11266],{"class":5256},[5246,13743,13744],{"class":5248,"line":5519},[5246,13745,10248],{"class":5256},[5246,13747,13748],{"class":5248,"line":5542},[5246,13749,5382],{"class":5256},[5246,13751,13752,13754,13756,13758,13760,13762,13764,13766],{"class":5248,"line":5570},[5246,13753,6382],{"class":5252},[5246,13755,5257],{"class":5256},[5246,13757,13645],{"class":5260},[5246,13759,5264],{"class":5256},[5246,13761,13650],{"class":5260},[5246,13763,5264],{"class":5256},[5246,13765,13655],{"class":5260},[5246,13767,5567],{"class":5256},[5246,13769,13770],{"class":5248,"line":5575},[5246,13771,13772],{"class":6361},"  \u002F\u002F Загальний час: max(300, 200, 250) = 300мс\n",[5246,13774,13775],{"class":5248,"line":5612},[5246,13776,6292],{"class":5256},[6348,13778,13780],{"id":13779},"помилка-5-неправильна-обробка-помилок-у-циклах","Помилка 5: Неправильна обробка помилок у циклах",[5236,13782,13784],{"className":5238,"code":13783,"language":5241,"meta":5242,"style":5242},"\u002F\u002F ❌ ПРОБЛЕМА: Один провал зупиняє весь цикл\nasync function processUsers(userIds: number[]): Promise\u003Cvoid> {\n  for (const id of userIds) {\n    try {\n      const user = await fetchUser(id);\n      await processUser(user);\n      console.log(`Користувач ${id} оброблений`);\n    } catch (error) {\n      console.error(`Помилка обробки користувача ${id}:`, error);\n      \u002F\u002F Цикл продовжується, але можна й зупинити\n    }\n  }\n}\n\n\u002F\u002F ✅ КРАЩЕ: Паралельна обробка з толерантністю до помилок\nasync function processUsers(userIds: number[]): Promise\u003Cvoid> {\n  const results = await Promise.allSettled(\n    userIds.map((id) =>\n      fetchUser(id).then((user) => processUser(user))\n    )\n  );\n  \n  results.forEach((result, index) => {\n    const userId = userIds[index];\n    if (result.status === 'fulfilled') {\n      console.log(`Користувач ${userId} оброблений`);\n    } else {\n      console.error(`Помилка обробки користувача ${userId}:`, result.reason);\n    }\n  });\n}\n",[5099,13785,13786,13791,13820,13840,13847,13865,13878,13902,13914,13942,13947,13951,13955,13959,13963,13968,13994,14014,14033,14062,14067,14072,14076,14101,14118,14137,14159,14167,14198,14202,14206],{"__ignoreMap":5242},[5246,13787,13788],{"class":5248,"line":5249},[5246,13789,13790],{"class":6361},"\u002F\u002F ❌ ПРОБЛЕМА: Один провал зупиняє весь цикл\n",[5246,13792,13793,13795,13797,13800,13802,13805,13807,13809,13812,13814,13816,13818],{"class":5248,"line":5283},[5246,13794,5108],{"class":5321},[5246,13796,6044],{"class":5321},[5246,13798,13799],{"class":5293}," processUsers",[5246,13801,5296],{"class":5256},[5246,13803,13804],{"class":5260},"userIds",[5246,13806,7021],{"class":5256},[5246,13808,6375],{"class":6053},[5246,13810,13811],{"class":5256},"[]): ",[5246,13813,6054],{"class":6053},[5246,13815,6057],{"class":5256},[5246,13817,6060],{"class":6053},[5246,13819,6063],{"class":5256},[5246,13821,13822,13825,13827,13829,13832,13835,13838],{"class":5248,"line":5290},[5246,13823,13824],{"class":5252},"  for",[5246,13826,5334],{"class":5256},[5246,13828,6907],{"class":5321},[5246,13830,13831],{"class":5391}," id",[5246,13833,13834],{"class":5321}," of",[5246,13836,13837],{"class":5260}," userIds",[5246,13839,5339],{"class":5256},[5246,13841,13842,13845],{"class":5248,"line":5328},[5246,13843,13844],{"class":5252},"    try",[5246,13846,5325],{"class":5256},[5246,13848,13849,13851,13853,13855,13857,13859,13861,13863],{"class":5248,"line":5342},[5246,13850,8554],{"class":5321},[5246,13852,5392],{"class":5391},[5246,13854,5395],{"class":5256},[5246,13856,5115],{"class":5252},[5246,13858,7014],{"class":5293},[5246,13860,5296],{"class":5256},[5246,13862,5437],{"class":5260},[5246,13864,5362],{"class":5256},[5246,13866,13867,13869,13872,13874,13876],{"class":5248,"line":5365},[5246,13868,9271],{"class":5252},[5246,13870,13871],{"class":5293}," processUser",[5246,13873,5296],{"class":5256},[5246,13875,5431],{"class":5260},[5246,13877,5362],{"class":5256},[5246,13879,13880,13882,13884,13886,13888,13891,13893,13895,13897,13900],{"class":5248,"line":5373},[5246,13881,5481],{"class":5260},[5246,13883,5127],{"class":5256},[5246,13885,5666],{"class":5293},[5246,13887,5296],{"class":5256},[5246,13889,13890],{"class":5276},"`Користувач ",[5246,13892,5428],{"class":5321},[5246,13894,5437],{"class":5260},[5246,13896,5440],{"class":5321},[5246,13898,13899],{"class":5276}," оброблений`",[5246,13901,5362],{"class":5256},[5246,13903,13904,13906,13908,13910,13912],{"class":5248,"line":5379},[5246,13905,11516],{"class":5256},[5246,13907,5969],{"class":5252},[5246,13909,5334],{"class":5256},[5246,13911,5350],{"class":5260},[5246,13913,5339],{"class":5256},[5246,13915,13916,13918,13920,13922,13924,13927,13929,13931,13933,13936,13938,13940],{"class":5248,"line":5385},[5246,13917,5481],{"class":5260},[5246,13919,5127],{"class":5256},[5246,13921,5350],{"class":5293},[5246,13923,5296],{"class":5256},[5246,13925,13926],{"class":5276},"`Помилка обробки користувача ",[5246,13928,5428],{"class":5321},[5246,13930,5437],{"class":5260},[5246,13932,5440],{"class":5321},[5246,13934,13935],{"class":5276},":`",[5246,13937,5264],{"class":5256},[5246,13939,5350],{"class":5260},[5246,13941,5362],{"class":5256},[5246,13943,13944],{"class":5248,"line":5412},[5246,13945,13946],{"class":6361},"      \u002F\u002F Цикл продовжується, але можна й зупинити\n",[5246,13948,13949],{"class":5248,"line":5417},[5246,13950,5510],{"class":5256},[5246,13952,13953],{"class":5248,"line":5466},[5246,13954,5376],{"class":5256},[5246,13956,13957],{"class":5248,"line":5478},[5246,13958,6292],{"class":5256},[5246,13960,13961],{"class":5248,"line":5499},[5246,13962,5287],{"emptyLinePlaceholder":5286},[5246,13964,13965],{"class":5248,"line":5507},[5246,13966,13967],{"class":6361},"\u002F\u002F ✅ КРАЩЕ: Паралельна обробка з толерантністю до помилок\n",[5246,13969,13970,13972,13974,13976,13978,13980,13982,13984,13986,13988,13990,13992],{"class":5248,"line":5513},[5246,13971,5108],{"class":5321},[5246,13973,6044],{"class":5321},[5246,13975,13799],{"class":5293},[5246,13977,5296],{"class":5256},[5246,13979,13804],{"class":5260},[5246,13981,7021],{"class":5256},[5246,13983,6375],{"class":6053},[5246,13985,13811],{"class":5256},[5246,13987,6054],{"class":6053},[5246,13989,6057],{"class":5256},[5246,13991,6060],{"class":6053},[5246,13993,6063],{"class":5256},[5246,13995,13996,13998,14001,14003,14005,14007,14009,14011],{"class":5248,"line":5519},[5246,13997,5388],{"class":5321},[5246,13999,14000],{"class":5391}," results",[5246,14002,5395],{"class":5256},[5246,14004,5115],{"class":5252},[5246,14006,6794],{"class":6053},[5246,14008,5127],{"class":5256},[5246,14010,11245],{"class":5293},[5246,14012,14013],{"class":5256},"(\n",[5246,14015,14016,14019,14021,14024,14026,14028,14030],{"class":5248,"line":5542},[5246,14017,14018],{"class":5260},"    userIds",[5246,14020,5127],{"class":5256},[5246,14022,14023],{"class":5293},"map",[5246,14025,5748],{"class":5256},[5246,14027,5437],{"class":5260},[5246,14029,5318],{"class":5256},[5246,14031,14032],{"class":5321},"=>\n",[5246,14034,14035,14038,14040,14042,14044,14046,14048,14050,14052,14054,14056,14058,14060],{"class":5248,"line":5570},[5246,14036,14037],{"class":5293},"      fetchUser",[5246,14039,5296],{"class":5256},[5246,14041,5437],{"class":5260},[5246,14043,6279],{"class":5256},[5246,14045,5745],{"class":5293},[5246,14047,5748],{"class":5256},[5246,14049,5431],{"class":5260},[5246,14051,5318],{"class":5256},[5246,14053,5322],{"class":5321},[5246,14055,13871],{"class":5293},[5246,14057,5296],{"class":5256},[5246,14059,5431],{"class":5260},[5246,14061,8072],{"class":5256},[5246,14063,14064],{"class":5248,"line":5575},[5246,14065,14066],{"class":5256},"    )\n",[5246,14068,14069],{"class":5248,"line":5612},[5246,14070,14071],{"class":5256},"  );\n",[5246,14073,14074],{"class":5248,"line":5624},[5246,14075,5382],{"class":5256},[5246,14077,14078,14081,14083,14086,14088,14090,14092,14095,14097,14099],{"class":5248,"line":5645},[5246,14079,14080],{"class":5260},"  results",[5246,14082,5127],{"class":5256},[5246,14084,14085],{"class":5293},"forEach",[5246,14087,5748],{"class":5256},[5246,14089,7313],{"class":5260},[5246,14091,5264],{"class":5256},[5246,14093,14094],{"class":5260},"index",[5246,14096,5318],{"class":5256},[5246,14098,5322],{"class":5321},[5246,14100,5325],{"class":5256},[5246,14102,14103,14105,14108,14110,14112,14114,14116],{"class":5248,"line":5653},[5246,14104,5522],{"class":5321},[5246,14106,14107],{"class":5391}," userId",[5246,14109,5395],{"class":5256},[5246,14111,13804],{"class":5260},[5246,14113,12077],{"class":5256},[5246,14115,14094],{"class":5260},[5246,14117,12243],{"class":5256},[5246,14119,14120,14122,14124,14126,14128,14130,14132,14135],{"class":5248,"line":5659},[5246,14121,5469],{"class":5252},[5246,14123,5334],{"class":5256},[5246,14125,7313],{"class":5260},[5246,14127,5127],{"class":5256},[5246,14129,7660],{"class":5260},[5246,14131,9172],{"class":5256},[5246,14133,14134],{"class":5276},"'fulfilled'",[5246,14136,5339],{"class":5256},[5246,14138,14139,14141,14143,14145,14147,14149,14151,14153,14155,14157],{"class":5248,"line":5676},[5246,14140,5481],{"class":5260},[5246,14142,5127],{"class":5256},[5246,14144,5666],{"class":5293},[5246,14146,5296],{"class":5256},[5246,14148,13890],{"class":5276},[5246,14150,5428],{"class":5321},[5246,14152,7722],{"class":5260},[5246,14154,5440],{"class":5321},[5246,14156,13899],{"class":5276},[5246,14158,5362],{"class":5256},[5246,14160,14161,14163,14165],{"class":5248,"line":5682},[5246,14162,11516],{"class":5256},[5246,14164,11519],{"class":5252},[5246,14166,5325],{"class":5256},[5246,14168,14169,14171,14173,14175,14177,14179,14181,14183,14185,14187,14189,14191,14193,14196],{"class":5248,"line":5688},[5246,14170,5481],{"class":5260},[5246,14172,5127],{"class":5256},[5246,14174,5350],{"class":5293},[5246,14176,5296],{"class":5256},[5246,14178,13926],{"class":5276},[5246,14180,5428],{"class":5321},[5246,14182,7722],{"class":5260},[5246,14184,5440],{"class":5321},[5246,14186,13935],{"class":5276},[5246,14188,5264],{"class":5256},[5246,14190,7313],{"class":5260},[5246,14192,5127],{"class":5256},[5246,14194,14195],{"class":5260},"reason",[5246,14197,5362],{"class":5256},[5246,14199,14200],{"class":5248,"line":6822},[5246,14201,5510],{"class":5256},[5246,14203,14204],{"class":5248,"line":7138},[5246,14205,5685],{"class":5256},[5246,14207,14208],{"class":5248,"line":7160},[5246,14209,6292],{"class":5256},[5201,14211,14212],{},"Другий варіант виконує обробку всіх користувачів паралельно та збирає статистику успішності, що значно ефективніше для великих масивів.",[6348,14214,14216,14217,14219],{"id":14215},"помилка-6-не-дочекатися-виконання-async-функції","Помилка 6: Не дочекатися виконання ",[5099,14218,5108],{}," функції",[5236,14221,14223],{"className":5238,"code":14222,"language":5241,"meta":5242,"style":5242},"\u002F\u002F ❌ ПОМИЛКА: Не дочекалися виконання\nfunction startServer(): void {\n  initializeDatabase(); \u002F\u002F Повертає Promise, але ми його ігноруємо!\n  \n  app.listen(3000, () => {\n    console.log('Сервер запущено');\n    \u002F\u002F База даних може бути ще не готова!\n  });\n}\n\nasync function initializeDatabase(): Promise\u003Cvoid> {\n  await pool.connect();\n  await pool.query('CREATE TABLE IF NOT EXISTS users (...)');\n}\n\n\u002F\u002F ✅ ПРАВИЛЬНО: Чекаємо завершення ініціалізації\nasync function startServer(): Promise\u003Cvoid> {\n  await initializeDatabase(); \u002F\u002F Чекаємо готовності БД\n  \n  app.listen(3000, () => {\n    console.log('Сервер запущено');\n  });\n}\n\nstartServer().catch((error) => {\n  console.error('Помилка запуску сервера:', error);\n  process.exit(1);\n});\n",[5099,14224,14225,14230,14243,14253,14257,14276,14291,14296,14300,14304,14308,14326,14339,14356,14360,14364,14369,14387,14398,14402,14420,14434,14438,14442,14446,14465,14484,14498],{"__ignoreMap":5242},[5246,14226,14227],{"class":5248,"line":5249},[5246,14228,14229],{"class":6361},"\u002F\u002F ❌ ПОМИЛКА: Не дочекалися виконання\n",[5246,14231,14232,14234,14237,14239,14241],{"class":5248,"line":5283},[5246,14233,6367],{"class":5321},[5246,14235,14236],{"class":5293}," startServer",[5246,14238,6050],{"class":5256},[5246,14240,6060],{"class":6053},[5246,14242,5325],{"class":5256},[5246,14244,14245,14248,14250],{"class":5248,"line":5290},[5246,14246,14247],{"class":5293},"  initializeDatabase",[5246,14249,13130],{"class":5256},[5246,14251,14252],{"class":6361},"\u002F\u002F Повертає Promise, але ми його ігноруємо!\n",[5246,14254,14255],{"class":5248,"line":5328},[5246,14256,5382],{"class":5256},[5246,14258,14259,14262,14264,14266,14268,14270,14272,14274],{"class":5248,"line":5342},[5246,14260,14261],{"class":5260},"  app",[5246,14263,5127],{"class":5256},[5246,14265,12491],{"class":5293},[5246,14267,5296],{"class":5256},[5246,14269,12480],{"class":6385},[5246,14271,12499],{"class":5256},[5246,14273,5322],{"class":5321},[5246,14275,5325],{"class":5256},[5246,14277,14278,14280,14282,14284,14286,14289],{"class":5248,"line":5365},[5246,14279,5345],{"class":5260},[5246,14281,5127],{"class":5256},[5246,14283,5666],{"class":5293},[5246,14285,5296],{"class":5256},[5246,14287,14288],{"class":5276},"'Сервер запущено'",[5246,14290,5362],{"class":5256},[5246,14292,14293],{"class":5248,"line":5373},[5246,14294,14295],{"class":6361},"    \u002F\u002F База даних може бути ще не готова!\n",[5246,14297,14298],{"class":5248,"line":5379},[5246,14299,5685],{"class":5256},[5246,14301,14302],{"class":5248,"line":5385},[5246,14303,6292],{"class":5256},[5246,14305,14306],{"class":5248,"line":5412},[5246,14307,5287],{"emptyLinePlaceholder":5286},[5246,14309,14310,14312,14314,14316,14318,14320,14322,14324],{"class":5248,"line":5417},[5246,14311,5108],{"class":5321},[5246,14313,6044],{"class":5321},[5246,14315,12573],{"class":5293},[5246,14317,6050],{"class":5256},[5246,14319,6054],{"class":6053},[5246,14321,6057],{"class":5256},[5246,14323,6060],{"class":6053},[5246,14325,6063],{"class":5256},[5246,14327,14328,14331,14333,14335,14337],{"class":5248,"line":5466},[5246,14329,14330],{"class":5252},"  await",[5246,14332,11957],{"class":5260},[5246,14334,5127],{"class":5256},[5246,14336,12007],{"class":5293},[5246,14338,6304],{"class":5256},[5246,14340,14341,14343,14345,14347,14349,14351,14354],{"class":5248,"line":5478},[5246,14342,14330],{"class":5252},[5246,14344,11957],{"class":5260},[5246,14346,5127],{"class":5256},[5246,14348,12045],{"class":5293},[5246,14350,5296],{"class":5256},[5246,14352,14353],{"class":5276},"'CREATE TABLE IF NOT EXISTS users (...)'",[5246,14355,5362],{"class":5256},[5246,14357,14358],{"class":5248,"line":5499},[5246,14359,6292],{"class":5256},[5246,14361,14362],{"class":5248,"line":5507},[5246,14363,5287],{"emptyLinePlaceholder":5286},[5246,14365,14366],{"class":5248,"line":5513},[5246,14367,14368],{"class":6361},"\u002F\u002F ✅ ПРАВИЛЬНО: Чекаємо завершення ініціалізації\n",[5246,14370,14371,14373,14375,14377,14379,14381,14383,14385],{"class":5248,"line":5519},[5246,14372,5108],{"class":5321},[5246,14374,6044],{"class":5321},[5246,14376,14236],{"class":5293},[5246,14378,6050],{"class":5256},[5246,14380,6054],{"class":6053},[5246,14382,6057],{"class":5256},[5246,14384,6060],{"class":6053},[5246,14386,6063],{"class":5256},[5246,14388,14389,14391,14393,14395],{"class":5248,"line":5542},[5246,14390,14330],{"class":5252},[5246,14392,12573],{"class":5293},[5246,14394,13130],{"class":5256},[5246,14396,14397],{"class":6361},"\u002F\u002F Чекаємо готовності БД\n",[5246,14399,14400],{"class":5248,"line":5570},[5246,14401,5382],{"class":5256},[5246,14403,14404,14406,14408,14410,14412,14414,14416,14418],{"class":5248,"line":5575},[5246,14405,14261],{"class":5260},[5246,14407,5127],{"class":5256},[5246,14409,12491],{"class":5293},[5246,14411,5296],{"class":5256},[5246,14413,12480],{"class":6385},[5246,14415,12499],{"class":5256},[5246,14417,5322],{"class":5321},[5246,14419,5325],{"class":5256},[5246,14421,14422,14424,14426,14428,14430,14432],{"class":5248,"line":5612},[5246,14423,5345],{"class":5260},[5246,14425,5127],{"class":5256},[5246,14427,5666],{"class":5293},[5246,14429,5296],{"class":5256},[5246,14431,14288],{"class":5276},[5246,14433,5362],{"class":5256},[5246,14435,14436],{"class":5248,"line":5624},[5246,14437,5685],{"class":5256},[5246,14439,14440],{"class":5248,"line":5645},[5246,14441,6292],{"class":5256},[5246,14443,14444],{"class":5248,"line":5653},[5246,14445,5287],{"emptyLinePlaceholder":5286},[5246,14447,14448,14451,14453,14455,14457,14459,14461,14463],{"class":5248,"line":5659},[5246,14449,14450],{"class":5293},"startServer",[5246,14452,6494],{"class":5256},[5246,14454,5969],{"class":5293},[5246,14456,5748],{"class":5256},[5246,14458,5350],{"class":5260},[5246,14460,5318],{"class":5256},[5246,14462,5322],{"class":5321},[5246,14464,5325],{"class":5256},[5246,14466,14467,14469,14471,14473,14475,14478,14480,14482],{"class":5248,"line":5676},[5246,14468,6512],{"class":5260},[5246,14470,5127],{"class":5256},[5246,14472,5350],{"class":5293},[5246,14474,5296],{"class":5256},[5246,14476,14477],{"class":5276},"'Помилка запуску сервера:'",[5246,14479,5264],{"class":5256},[5246,14481,5350],{"class":5260},[5246,14483,5362],{"class":5256},[5246,14485,14486,14488,14490,14492,14494,14496],{"class":5248,"line":5682},[5246,14487,12148],{"class":5260},[5246,14489,5127],{"class":5256},[5246,14491,12153],{"class":5293},[5246,14493,5296],{"class":5256},[5246,14495,12158],{"class":6385},[5246,14497,5362],{"class":5256},[5246,14499,14500],{"class":5248,"line":5688},[5246,14501,5691],{"class":5256},[5196,14503,14505,14506,8469,14508],{"id":14504},"діаграма-прийняття-рішення-asyncawait-vs-thencatch","Діаграма прийняття рішення: ",[5099,14507,5101],{},[5099,14509,14510],{},".then()\u002F.catch()",[5201,14512,14513,14514,14516],{},"Коли варто використовувати ",[5099,14515,5101],{},", а коли залишитися з ланцюжками промісів?",[14518,14519,14520],"mermaid",{},[5236,14521,14524],{"className":14522,"code":14523,"language":14518,"meta":5242,"style":5242},"language-mermaid shiki shiki-themes light-plus dark-plus dark-plus","graph TD\n    Start[Потрібно виконати\u003Cbr\u002F>асинхронний код] --> Q1{Складна логіка\u003Cbr\u002F>з умовами та циклами?}\n    \n    Q1 -->|Так| AsyncAwait[Використай async\u002Fawait\u003Cbr\u002F>+ try\u002Fcatch]\n    Q1 -->|Ні| Q2{Простий ланцюжок\u003Cbr\u002F>трансформацій?}\n    \n    Q2 -->|Так| Q3{Потрібна обробка\u003Cbr\u002F>помилок на кожному кроці?}\n    Q2 -->|Ні| Q4{Паралельне\u003Cbr\u002F>виконання?}\n    \n    Q3 -->|Так| AsyncAwait2[Використай async\u002Fawait\u003Cbr\u002F>з окремими try\u002Fcatch]\n    Q3 -->|Ні| PromiseChain[Використай .then()\u003Cbr\u002F>+ .catch() в кінці]\n    \n    Q4 -->|Так| PromiseCombinator[Використай Promise.all()\u003Cbr\u002F>з await]\n    Q4 -->|Ні| Either[Обидва підходи\u003Cbr\u002F>підходять - обирай за стилем]\n    \n    style AsyncAwait fill:#DCFCE7,stroke:#16A34A,color:#000\n    style AsyncAwait2 fill:#DCFCE7,stroke:#16A34A,color:#000\n    style PromiseChain fill:#DBEAFE,stroke:#2563EB,color:#000\n    style PromiseCombinator fill:#FEF3C7,stroke:#EAB308,color:#000\n    style Either fill:#E0E7FF,stroke:#6366F1,color:#000\n",[5099,14525,14526,14531,14536,14540,14545,14550,14554,14559,14564,14568,14573,14578,14582,14587,14592,14596,14601,14606,14611,14616],{"__ignoreMap":5242},[5246,14527,14528],{"class":5248,"line":5249},[5246,14529,14530],{},"graph TD\n",[5246,14532,14533],{"class":5248,"line":5283},[5246,14534,14535],{},"    Start[Потрібно виконати\u003Cbr\u002F>асинхронний код] --> Q1{Складна логіка\u003Cbr\u002F>з умовами та циклами?}\n",[5246,14537,14538],{"class":5248,"line":5290},[5246,14539,5516],{},[5246,14541,14542],{"class":5248,"line":5328},[5246,14543,14544],{},"    Q1 -->|Так| AsyncAwait[Використай async\u002Fawait\u003Cbr\u002F>+ try\u002Fcatch]\n",[5246,14546,14547],{"class":5248,"line":5342},[5246,14548,14549],{},"    Q1 -->|Ні| Q2{Простий ланцюжок\u003Cbr\u002F>трансформацій?}\n",[5246,14551,14552],{"class":5248,"line":5365},[5246,14553,5516],{},[5246,14555,14556],{"class":5248,"line":5373},[5246,14557,14558],{},"    Q2 -->|Так| Q3{Потрібна обробка\u003Cbr\u002F>помилок на кожному кроці?}\n",[5246,14560,14561],{"class":5248,"line":5379},[5246,14562,14563],{},"    Q2 -->|Ні| Q4{Паралельне\u003Cbr\u002F>виконання?}\n",[5246,14565,14566],{"class":5248,"line":5385},[5246,14567,5516],{},[5246,14569,14570],{"class":5248,"line":5412},[5246,14571,14572],{},"    Q3 -->|Так| AsyncAwait2[Використай async\u002Fawait\u003Cbr\u002F>з окремими try\u002Fcatch]\n",[5246,14574,14575],{"class":5248,"line":5417},[5246,14576,14577],{},"    Q3 -->|Ні| PromiseChain[Використай .then()\u003Cbr\u002F>+ .catch() в кінці]\n",[5246,14579,14580],{"class":5248,"line":5466},[5246,14581,5516],{},[5246,14583,14584],{"class":5248,"line":5478},[5246,14585,14586],{},"    Q4 -->|Так| PromiseCombinator[Використай Promise.all()\u003Cbr\u002F>з await]\n",[5246,14588,14589],{"class":5248,"line":5499},[5246,14590,14591],{},"    Q4 -->|Ні| Either[Обидва підходи\u003Cbr\u002F>підходять - обирай за стилем]\n",[5246,14593,14594],{"class":5248,"line":5507},[5246,14595,5516],{},[5246,14597,14598],{"class":5248,"line":5513},[5246,14599,14600],{},"    style AsyncAwait fill:#DCFCE7,stroke:#16A34A,color:#000\n",[5246,14602,14603],{"class":5248,"line":5519},[5246,14604,14605],{},"    style AsyncAwait2 fill:#DCFCE7,stroke:#16A34A,color:#000\n",[5246,14607,14608],{"class":5248,"line":5542},[5246,14609,14610],{},"    style PromiseChain fill:#DBEAFE,stroke:#2563EB,color:#000\n",[5246,14612,14613],{"class":5248,"line":5570},[5246,14614,14615],{},"    style PromiseCombinator fill:#FEF3C7,stroke:#EAB308,color:#000\n",[5246,14617,14618],{"class":5248,"line":5575},[5246,14619,14620],{},"    style Either fill:#E0E7FF,stroke:#6366F1,color:#000\n",[6348,14622,14624],{"id":14623},"рекомендації-вибору","Рекомендації вибору",[5084,14626,14627,14651],{},[5087,14628,14631],{"icon":14629,"title":14630},"i-lucide-check-circle","Використовуйте async\u002Fawait",[5092,14632,14633,14636,14639,14642,14645],{},[5095,14634,14635],{},"Складна бізнес-логіка з умовами.",[5095,14637,14638],{},"Цикли з асинхронними операціями.",[5095,14640,14641],{},"Потрібні локальні змінні між кроками.",[5095,14643,14644],{},"Код має виглядати послідовним.",[5095,14646,14647,14648,14650],{},"Обробка помилок через ",[5099,14649,5122],{}," зручніша.",[5087,14652,14654],{"icon":4546,"title":14653},"Використовуйте .then()\u002F.catch()",[5092,14655,14656,14659,14662,14665,14668],{},[5095,14657,14658],{},"Прості трансформації даних.",[5095,14660,14661],{},"Функціональний стиль програмування.",[5095,14663,14664],{},"Короткі ланцюжки без розгалужень.",[5095,14666,14667],{},"Динамічні композиції промісів.",[5095,14669,14670],{},"Інтеграція з бібліотеками у стилі functional reactive programming.",[5196,14672,14674,14675],{"id":14673},"під-капотом-як-працює-asyncawait","Під капотом: як працює ",[5099,14676,5101],{},[5201,14678,14679,14680,6319,14682,14685,14686,14688,14689,6279],{},"Важливо розуміти, що ",[5099,14681,5101],{},[5147,14683,14684],{},"не змінює"," фундаментальної природи асинхронності у JavaScript. Під капотом компілятор трансформує ",[5099,14687,5101],{}," код у еквівалентний код з промісами та генераторами (",[5151,14690,14691],{},"generators",[5201,14693,14694,14695,14697],{},"Розглянемо просту ",[5099,14696,5108],{}," функцію:",[5236,14699,14701],{"className":5238,"code":14700,"language":5241,"meta":5242,"style":5242},"async function fetchData(): Promise\u003Cstring> {\n  const response = await fetch('https:\u002F\u002Fapi.example.com\u002Fdata');\n  const data = await response.json();\n  return data.value;\n}\n",[5099,14702,14703,14721,14740,14758,14770],{"__ignoreMap":5242},[5246,14704,14705,14707,14709,14711,14713,14715,14717,14719],{"class":5248,"line":5249},[5246,14706,5108],{"class":5321},[5246,14708,6044],{"class":5321},[5246,14710,6870],{"class":5293},[5246,14712,6050],{"class":5256},[5246,14714,6054],{"class":6053},[5246,14716,6057],{"class":5256},[5246,14718,6604],{"class":6053},[5246,14720,6063],{"class":5256},[5246,14722,14723,14725,14727,14729,14731,14733,14735,14738],{"class":5248,"line":5283},[5246,14724,5388],{"class":5321},[5246,14726,7593],{"class":5391},[5246,14728,5395],{"class":5256},[5246,14730,5115],{"class":5252},[5246,14732,7600],{"class":5293},[5246,14734,5296],{"class":5256},[5246,14736,14737],{"class":5276},"'https:\u002F\u002Fapi.example.com\u002Fdata'",[5246,14739,5362],{"class":5256},[5246,14741,14742,14744,14746,14748,14750,14752,14754,14756],{"class":5248,"line":5290},[5246,14743,5388],{"class":5321},[5246,14745,8557],{"class":5391},[5246,14747,5395],{"class":5256},[5246,14749,5115],{"class":5252},[5246,14751,7593],{"class":5260},[5246,14753,5127],{"class":5256},[5246,14755,7698],{"class":5293},[5246,14757,6304],{"class":5256},[5246,14759,14760,14762,14764,14766,14768],{"class":5248,"line":5328},[5246,14761,6382],{"class":5252},[5246,14763,8557],{"class":5260},[5246,14765,5127],{"class":5256},[5246,14767,6501],{"class":5260},[5246,14769,5280],{"class":5256},[5246,14771,14772],{"class":5248,"line":5342},[5246,14773,6292],{"class":5256},[5201,14775,14776],{},"Компілятор (наприклад, TypeScript або Babel) трансформує її приблизно у таку конструкцію:",[5236,14778,14780],{"className":5238,"code":14779,"language":5241,"meta":5242,"style":5242},"function fetchData(): Promise\u003Cstring> {\n  return fetch('https:\u002F\u002Fapi.example.com\u002Fdata')\n    .then((response) => {\n      return response.json();\n    })\n    .then((data) => {\n      return data.value;\n    });\n}\n",[5099,14781,14782,14798,14810,14826,14838,14842,14858,14870,14874],{"__ignoreMap":5242},[5246,14783,14784,14786,14788,14790,14792,14794,14796],{"class":5248,"line":5249},[5246,14785,6367],{"class":5321},[5246,14787,6870],{"class":5293},[5246,14789,6050],{"class":5256},[5246,14791,6054],{"class":6053},[5246,14793,6057],{"class":5256},[5246,14795,6604],{"class":6053},[5246,14797,6063],{"class":5256},[5246,14799,14800,14802,14804,14806,14808],{"class":5248,"line":5283},[5246,14801,6382],{"class":5252},[5246,14803,7600],{"class":5293},[5246,14805,5296],{"class":5256},[5246,14807,14737],{"class":5276},[5246,14809,5737],{"class":5256},[5246,14811,14812,14814,14816,14818,14820,14822,14824],{"class":5248,"line":5290},[5246,14813,8537],{"class":5256},[5246,14815,5745],{"class":5293},[5246,14817,5748],{"class":5256},[5246,14819,7630],{"class":5260},[5246,14821,5318],{"class":5256},[5246,14823,5322],{"class":5321},[5246,14825,5325],{"class":5256},[5246,14827,14828,14830,14832,14834,14836],{"class":5248,"line":5328},[5246,14829,5502],{"class":5252},[5246,14831,7593],{"class":5260},[5246,14833,5127],{"class":5256},[5246,14835,7698],{"class":5293},[5246,14837,6304],{"class":5256},[5246,14839,14840],{"class":5248,"line":5342},[5246,14841,8590],{"class":5256},[5246,14843,14844,14846,14848,14850,14852,14854,14856],{"class":5248,"line":5365},[5246,14845,8537],{"class":5256},[5246,14847,5745],{"class":5293},[5246,14849,5748],{"class":5256},[5246,14851,8583],{"class":5260},[5246,14853,5318],{"class":5256},[5246,14855,5322],{"class":5321},[5246,14857,5325],{"class":5256},[5246,14859,14860,14862,14864,14866,14868],{"class":5248,"line":5373},[5246,14861,5502],{"class":5252},[5246,14863,8557],{"class":5260},[5246,14865,5127],{"class":5256},[5246,14867,6501],{"class":5260},[5246,14869,5280],{"class":5256},[5246,14871,14872],{"class":5248,"line":5379},[5246,14873,5679],{"class":5256},[5246,14875,14876],{"class":5248,"line":5385},[5246,14877,6292],{"class":5256},[5201,14879,14880,14881,14883,14884,14886,14887,14883,14889,5127],{},"Кожен ",[5099,14882,5115],{}," перетворюється на ",[5099,14885,5221],{},", а обробка помилок через ",[5099,14888,5122],{},[5099,14890,5126],{},[6314,14892,14893,14894,14897,14898,14900,14901,14904,14905,14907],{},"Насправді трансформація складніша та використовує генератори (",[5151,14895,14896],{},"generator functions",") зі спеціальним executor, але концептуально ",[5099,14899,5101],{}," є синтаксичним цукром над промісами. Це означає, що обидва підходи мають ",[5147,14902,14903],{},"однакову продуктивність"," — немає причин уникати ",[5099,14906,5101],{}," з міркувань швидкодії.",[5196,14909,14911,14912],{"id":14910},"практичні-патерни-та-рецепти-з-asyncawait","Практичні патерни та рецепти з ",[5099,14913,5101],{},[6348,14915,14917,14918,14921],{"id":14916},"патерн-1-retry-з-експоненційною-затримкою-exponential-backoff","Патерн 1: Retry з експоненційною затримкою (",[5151,14919,14920],{},"exponential backoff",")",[5201,14923,14924],{},"Іноді потрібно повторити невдалу асинхронну операцію кілька разів з збільшуваною затримкою між спробами:",[5236,14926,14928],{"className":5238,"code":14927,"language":5241,"meta":5242,"style":5242},"async function fetchWithRetry\u003CT>(\n  fetcher: () => Promise\u003CT>,\n  maxRetries: number = 3,\n  baseDelay: number = 1000\n): Promise\u003CT> {\n  let lastError: Error | undefined;\n  \n  for (let attempt = 0; attempt \u003C maxRetries; attempt++) {\n    try {\n      return await fetcher();\n    } catch (error) {\n      lastError = error as Error;\n      console.warn(`Спроба ${attempt + 1}\u002F${maxRetries} провалилася:`, lastError.message);\n      \n      if (attempt \u003C maxRetries - 1) {\n        const delay = baseDelay * Math.pow(2, attempt); \u002F\u002F Експоненційна затримка: 1с, 2с, 4с...\n        console.log(`Очікування ${delay}мс перед наступною спробою...`);\n        await new Promise((resolve) => setTimeout(resolve, delay));\n      }\n    }\n  }\n  \n  throw new Error(`Всі ${maxRetries} спроб провалилися. Остання помилка: ${lastError?.message}`);\n}\n\n\u002F\u002F Використання\nasync function loadCriticalData(): Promise\u003Cany> {\n  return fetchWithRetry(\n    () => fetch('https:\u002F\u002Fapi.example.com\u002Fcritical-data').then((r) => r.json()),\n    5,    \u002F\u002F 5 спроб\n    2000  \u002F\u002F Початкова затримка 2с\n  );\n}\n\nloadCriticalData()\n  .then((data) => console.log('Дані завантажено:', data))\n  .catch((error) => console.error('Критична помилка:', error));\n",[5099,14929,14930,14947,14966,14982,14996,15008,15026,15030,15064,15070,15082,15094,15109,15156,15161,15180,15218,15243,15273,15277,15281,15285,15289,15326,15330,15334,15338,15357,15365,15402,15413,15421,15425,15429,15433,15441,15472],{"__ignoreMap":5242},[5246,14931,14932,14934,14936,14939,14941,14944],{"class":5248,"line":5249},[5246,14933,5108],{"class":5321},[5246,14935,6044],{"class":5321},[5246,14937,14938],{"class":5293}," fetchWithRetry",[5246,14940,6057],{"class":5256},[5246,14942,14943],{"class":6053},"T",[5246,14945,14946],{"class":5256},">(\n",[5246,14948,14949,14952,14955,14957,14959,14961,14963],{"class":5248,"line":5283},[5246,14950,14951],{"class":5293},"  fetcher",[5246,14953,14954],{"class":5256},": () ",[5246,14956,5322],{"class":5321},[5246,14958,6794],{"class":6053},[5246,14960,6057],{"class":5256},[5246,14962,14943],{"class":6053},[5246,14964,14965],{"class":5256},">,\n",[5246,14967,14968,14971,14973,14975,14977,14980],{"class":5248,"line":5290},[5246,14969,14970],{"class":5260},"  maxRetries",[5246,14972,7021],{"class":5256},[5246,14974,6375],{"class":6053},[5246,14976,5395],{"class":5256},[5246,14978,14979],{"class":6385},"3",[5246,14981,9919],{"class":5256},[5246,14983,14984,14987,14989,14991,14993],{"class":5248,"line":5328},[5246,14985,14986],{"class":5260},"  baseDelay",[5246,14988,7021],{"class":5256},[5246,14990,6375],{"class":6053},[5246,14992,5395],{"class":5256},[5246,14994,14995],{"class":6385},"1000\n",[5246,14997,14998,15000,15002,15004,15006],{"class":5248,"line":5342},[5246,14999,7026],{"class":5256},[5246,15001,6054],{"class":6053},[5246,15003,6057],{"class":5256},[5246,15005,14943],{"class":6053},[5246,15007,6063],{"class":5256},[5246,15009,15010,15012,15015,15017,15020,15022,15024],{"class":5248,"line":5365},[5246,15011,9016],{"class":5321},[5246,15013,15014],{"class":5260}," lastError",[5246,15016,7021],{"class":5256},[5246,15018,15019],{"class":6053},"Error",[5246,15021,9026],{"class":5256},[5246,15023,9029],{"class":6053},[5246,15025,5280],{"class":5256},[5246,15027,15028],{"class":5248,"line":5373},[5246,15029,5382],{"class":5256},[5246,15031,15032,15034,15036,15039,15042,15044,15046,15048,15051,15054,15057,15059,15061],{"class":5248,"line":5379},[5246,15033,13824],{"class":5252},[5246,15035,5334],{"class":5256},[5246,15037,15038],{"class":5321},"let",[5246,15040,15041],{"class":5260}," attempt",[5246,15043,5395],{"class":5256},[5246,15045,9119],{"class":6385},[5246,15047,8363],{"class":5256},[5246,15049,15050],{"class":5260},"attempt",[5246,15052,15053],{"class":5256}," \u003C ",[5246,15055,15056],{"class":5260},"maxRetries",[5246,15058,8363],{"class":5256},[5246,15060,15050],{"class":5260},[5246,15062,15063],{"class":5256},"++) {\n",[5246,15065,15066,15068],{"class":5248,"line":5385},[5246,15067,13844],{"class":5252},[5246,15069,5325],{"class":5256},[5246,15071,15072,15074,15077,15080],{"class":5248,"line":5412},[5246,15073,5502],{"class":5252},[5246,15075,15076],{"class":5252}," await",[5246,15078,15079],{"class":5293}," fetcher",[5246,15081,6304],{"class":5256},[5246,15083,15084,15086,15088,15090,15092],{"class":5248,"line":5417},[5246,15085,11516],{"class":5256},[5246,15087,5969],{"class":5252},[5246,15089,5334],{"class":5256},[5246,15091,5350],{"class":5260},[5246,15093,5339],{"class":5256},[5246,15095,15096,15099,15101,15103,15105,15107],{"class":5248,"line":5466},[5246,15097,15098],{"class":5260},"      lastError",[5246,15100,5395],{"class":5256},[5246,15102,5350],{"class":5260},[5246,15104,6273],{"class":5252},[5246,15106,6276],{"class":6053},[5246,15108,5280],{"class":5256},[5246,15110,15111,15113,15115,15117,15119,15122,15124,15126,15129,15132,15134,15136,15138,15140,15142,15145,15147,15150,15152,15154],{"class":5248,"line":5478},[5246,15112,5481],{"class":5260},[5246,15114,5127],{"class":5256},[5246,15116,9793],{"class":5293},[5246,15118,5296],{"class":5256},[5246,15120,15121],{"class":5276},"`Спроба ",[5246,15123,5428],{"class":5321},[5246,15125,15050],{"class":5260},[5246,15127,15128],{"class":5256}," +",[5246,15130,15131],{"class":6385}," 1",[5246,15133,5440],{"class":5321},[5246,15135,11857],{"class":5276},[5246,15137,5428],{"class":5321},[5246,15139,15056],{"class":5260},[5246,15141,5440],{"class":5321},[5246,15143,15144],{"class":5276}," провалилася:`",[5246,15146,5264],{"class":5256},[5246,15148,15149],{"class":5260},"lastError",[5246,15151,5127],{"class":5256},[5246,15153,6001],{"class":5260},[5246,15155,5362],{"class":5256},[5246,15157,15158],{"class":5248,"line":5499},[5246,15159,15160],{"class":5256},"      \n",[5246,15162,15163,15165,15167,15169,15171,15173,15176,15178],{"class":5248,"line":5507},[5246,15164,5615],{"class":5252},[5246,15166,5334],{"class":5256},[5246,15168,15050],{"class":5260},[5246,15170,15053],{"class":5256},[5246,15172,15056],{"class":5260},[5246,15174,15175],{"class":5256}," - ",[5246,15177,12158],{"class":6385},[5246,15179,5339],{"class":5256},[5246,15181,15182,15185,15188,15190,15193,15196,15199,15201,15204,15206,15209,15211,15213,15215],{"class":5248,"line":5513},[5246,15183,15184],{"class":5321},"        const",[5246,15186,15187],{"class":5391}," delay",[5246,15189,5395],{"class":5256},[5246,15191,15192],{"class":5260},"baseDelay",[5246,15194,15195],{"class":5256}," * ",[5246,15197,15198],{"class":5260},"Math",[5246,15200,5127],{"class":5256},[5246,15202,15203],{"class":5293},"pow",[5246,15205,5296],{"class":5256},[5246,15207,15208],{"class":6385},"2",[5246,15210,5264],{"class":5256},[5246,15212,15050],{"class":5260},[5246,15214,6523],{"class":5256},[5246,15216,15217],{"class":6361},"\u002F\u002F Експоненційна затримка: 1с, 2с, 4с...\n",[5246,15219,15220,15222,15224,15226,15228,15231,15233,15236,15238,15241],{"class":5248,"line":5519},[5246,15221,5627],{"class":5260},[5246,15223,5127],{"class":5256},[5246,15225,5666],{"class":5293},[5246,15227,5296],{"class":5256},[5246,15229,15230],{"class":5276},"`Очікування ",[5246,15232,5428],{"class":5321},[5246,15234,15235],{"class":5260},"delay",[5246,15237,5440],{"class":5321},[5246,15239,15240],{"class":5276},"мс перед наступною спробою...`",[5246,15242,5362],{"class":5256},[5246,15244,15245,15248,15250,15252,15254,15256,15258,15260,15263,15265,15267,15269,15271],{"class":5248,"line":5542},[5246,15246,15247],{"class":5252},"        await",[5246,15249,6702],{"class":5321},[5246,15251,6794],{"class":6053},[5246,15253,5748],{"class":5256},[5246,15255,6799],{"class":5260},[5246,15257,5318],{"class":5256},[5246,15259,5322],{"class":5321},[5246,15261,15262],{"class":5293}," setTimeout",[5246,15264,5296],{"class":5256},[5246,15266,6799],{"class":5260},[5246,15268,5264],{"class":5256},[5246,15270,15235],{"class":5260},[5246,15272,5927],{"class":5256},[5246,15274,15275],{"class":5248,"line":5570},[5246,15276,5656],{"class":5256},[5246,15278,15279],{"class":5248,"line":5575},[5246,15280,5510],{"class":5256},[5246,15282,15283],{"class":5248,"line":5612},[5246,15284,5376],{"class":5256},[5246,15286,15287],{"class":5248,"line":5624},[5246,15288,5382],{"class":5256},[5246,15290,15291,15293,15295,15297,15299,15302,15304,15306,15308,15311,15313,15315,15318,15320,15322,15324],{"class":5248,"line":5645},[5246,15292,6699],{"class":5252},[5246,15294,6702],{"class":5321},[5246,15296,6276],{"class":5293},[5246,15298,5296],{"class":5256},[5246,15300,15301],{"class":5276},"`Всі ",[5246,15303,5428],{"class":5321},[5246,15305,15056],{"class":5260},[5246,15307,5440],{"class":5321},[5246,15309,15310],{"class":5276}," спроб провалилися. Остання помилка: ",[5246,15312,5428],{"class":5321},[5246,15314,15149],{"class":5260},[5246,15316,15317],{"class":5434},"?.",[5246,15319,6001],{"class":5260},[5246,15321,5440],{"class":5321},[5246,15323,7614],{"class":5276},[5246,15325,5362],{"class":5256},[5246,15327,15328],{"class":5248,"line":5653},[5246,15329,6292],{"class":5256},[5246,15331,15332],{"class":5248,"line":5659},[5246,15333,5287],{"emptyLinePlaceholder":5286},[5246,15335,15336],{"class":5248,"line":5676},[5246,15337,11381],{"class":6361},[5246,15339,15340,15342,15344,15347,15349,15351,15353,15355],{"class":5248,"line":5682},[5246,15341,5108],{"class":5321},[5246,15343,6044],{"class":5321},[5246,15345,15346],{"class":5293}," loadCriticalData",[5246,15348,6050],{"class":5256},[5246,15350,6054],{"class":6053},[5246,15352,6057],{"class":5256},[5246,15354,7033],{"class":6053},[5246,15356,6063],{"class":5256},[5246,15358,15359,15361,15363],{"class":5248,"line":5688},[5246,15360,6382],{"class":5252},[5246,15362,14938],{"class":5293},[5246,15364,14013],{"class":5256},[5246,15366,15367,15370,15372,15374,15376,15379,15381,15383,15385,15388,15390,15392,15395,15397,15399],{"class":5248,"line":6822},[5246,15368,15369],{"class":5256},"    () ",[5246,15371,5322],{"class":5321},[5246,15373,7600],{"class":5293},[5246,15375,5296],{"class":5256},[5246,15377,15378],{"class":5276},"'https:\u002F\u002Fapi.example.com\u002Fcritical-data'",[5246,15380,6279],{"class":5256},[5246,15382,5745],{"class":5293},[5246,15384,5748],{"class":5256},[5246,15386,15387],{"class":5260},"r",[5246,15389,5318],{"class":5256},[5246,15391,5322],{"class":5321},[5246,15393,15394],{"class":5260}," r",[5246,15396,5127],{"class":5256},[5246,15398,7698],{"class":5293},[5246,15400,15401],{"class":5256},"()),\n",[5246,15403,15404,15407,15410],{"class":5248,"line":7138},[5246,15405,15406],{"class":6385},"    5",[5246,15408,15409],{"class":5256},",    ",[5246,15411,15412],{"class":6361},"\u002F\u002F 5 спроб\n",[5246,15414,15415,15418],{"class":5248,"line":7160},[5246,15416,15417],{"class":6385},"    2000",[5246,15419,15420],{"class":6361},"  \u002F\u002F Початкова затримка 2с\n",[5246,15422,15423],{"class":5248,"line":7176},[5246,15424,14071],{"class":5256},[5246,15426,15427],{"class":5248,"line":7181},[5246,15428,6292],{"class":5256},[5246,15430,15431],{"class":5248,"line":7879},[5246,15432,5287],{"emptyLinePlaceholder":5286},[5246,15434,15435,15438],{"class":5248,"line":7895},[5246,15436,15437],{"class":5293},"loadCriticalData",[5246,15439,15440],{"class":5256},"()\n",[5246,15442,15443,15445,15447,15449,15451,15453,15455,15457,15459,15461,15463,15466,15468,15470],{"class":5248,"line":7900},[5246,15444,5742],{"class":5256},[5246,15446,5745],{"class":5293},[5246,15448,5748],{"class":5256},[5246,15450,8583],{"class":5260},[5246,15452,5318],{"class":5256},[5246,15454,5322],{"class":5321},[5246,15456,8060],{"class":5260},[5246,15458,5127],{"class":5256},[5246,15460,5666],{"class":5293},[5246,15462,5296],{"class":5256},[5246,15464,15465],{"class":5276},"'Дані завантажено:'",[5246,15467,5264],{"class":5256},[5246,15469,8583],{"class":5260},[5246,15471,8072],{"class":5256},[5246,15473,15474,15476,15478,15480,15482,15484,15486,15488,15490,15492,15494,15496,15498,15500],{"class":5248,"line":7906},[5246,15475,5742],{"class":5256},[5246,15477,5969],{"class":5293},[5246,15479,5748],{"class":5256},[5246,15481,5350],{"class":5260},[5246,15483,5318],{"class":5256},[5246,15485,5322],{"class":5321},[5246,15487,8060],{"class":5260},[5246,15489,5127],{"class":5256},[5246,15491,5350],{"class":5293},[5246,15493,5296],{"class":5256},[5246,15495,8451],{"class":5276},[5246,15497,5264],{"class":5256},[5246,15499,5350],{"class":5260},[5246,15501,5927],{"class":5256},[5201,15503,15504],{},"Цей патерн корисний для роботи з нестабільними API або мережевими запитами, що можуть тимчасово провалитися.",[6348,15506,15508,15509],{"id":15507},"патерн-2-таймаут-з-використанням-abortcontroller","Патерн 2: Таймаут з використанням ",[5099,15510,15511],{},"AbortController",[5201,15513,15514,15515,7398],{},"Для справжнього скасування асинхронних операцій (а не лише відхилення промісу) використовуйте ",[5099,15516,15511],{},[5236,15518,15520],{"className":5238,"code":15519,"language":5241,"meta":5242,"style":5242},"async function fetchWithTimeout\u003CT>(\n  url: string,\n  timeoutMs: number\n): Promise\u003CT> {\n  const controller = new AbortController();\n  const { signal } = controller;\n  \n  \u002F\u002F Таймер для скасування запиту\n  const timeoutId = setTimeout(() => {\n    controller.abort();\n  }, timeoutMs);\n  \n  try {\n    const response = await fetch(url, { signal });\n    clearTimeout(timeoutId); \u002F\u002F Скасовуємо таймер, якщо запит успішний\n    \n    if (!response.ok) {\n      throw new Error(`HTTP ${response.status}: ${response.statusText}`);\n    }\n    \n    return response.json();\n  } catch (error) {\n    clearTimeout(timeoutId);\n    \n    if ((error as Error).name === 'AbortError') {\n      throw new Error(`Запит перевищив таймаут ${timeoutMs}мс`);\n    }\n    \n    throw error;\n  }\n}\n\n\u002F\u002F Використання\nfetchWithTimeout\u003C{ data: string }>('https:\u002F\u002Fslow-api.example.com\u002Fdata', 5000)\n  .then((data) => console.log('Дані:', data))\n  .catch((error) => console.error('Помилка або таймаут:', error.message));\n",[5099,15521,15522,15537,15548,15558,15570,15586,15602,15606,15611,15629,15641,15651,15655,15661,15685,15700,15704,15718,15756,15760,15764,15776,15788,15798,15802,15825,15849,15853,15857,15865,15869,15873,15877,15881,15908,15939],{"__ignoreMap":5242},[5246,15523,15524,15526,15528,15531,15533,15535],{"class":5248,"line":5249},[5246,15525,5108],{"class":5321},[5246,15527,6044],{"class":5321},[5246,15529,15530],{"class":5293}," fetchWithTimeout",[5246,15532,6057],{"class":5256},[5246,15534,14943],{"class":6053},[5246,15536,14946],{"class":5256},[5246,15538,15539,15542,15544,15546],{"class":5248,"line":5283},[5246,15540,15541],{"class":5260},"  url",[5246,15543,7021],{"class":5256},[5246,15545,6604],{"class":6053},[5246,15547,9919],{"class":5256},[5246,15549,15550,15553,15555],{"class":5248,"line":5290},[5246,15551,15552],{"class":5260},"  timeoutMs",[5246,15554,7021],{"class":5256},[5246,15556,15557],{"class":6053},"number\n",[5246,15559,15560,15562,15564,15566,15568],{"class":5248,"line":5328},[5246,15561,7026],{"class":5256},[5246,15563,6054],{"class":6053},[5246,15565,6057],{"class":5256},[5246,15567,14943],{"class":6053},[5246,15569,6063],{"class":5256},[5246,15571,15572,15574,15577,15579,15581,15584],{"class":5248,"line":5342},[5246,15573,5388],{"class":5321},[5246,15575,15576],{"class":5391}," controller",[5246,15578,5395],{"class":5256},[5246,15580,11962],{"class":5321},[5246,15582,15583],{"class":5293}," AbortController",[5246,15585,6304],{"class":5256},[5246,15587,15588,15590,15592,15595,15597,15600],{"class":5248,"line":5365},[5246,15589,5388],{"class":5321},[5246,15591,5257],{"class":5256},[5246,15593,15594],{"class":5391},"signal",[5246,15596,9100],{"class":5256},[5246,15598,15599],{"class":5260},"controller",[5246,15601,5280],{"class":5256},[5246,15603,15604],{"class":5248,"line":5373},[5246,15605,5382],{"class":5256},[5246,15607,15608],{"class":5248,"line":5379},[5246,15609,15610],{"class":6361},"  \u002F\u002F Таймер для скасування запиту\n",[5246,15612,15613,15615,15618,15620,15623,15625,15627],{"class":5248,"line":5385},[5246,15614,5388],{"class":5321},[5246,15616,15617],{"class":5391}," timeoutId",[5246,15619,5395],{"class":5256},[5246,15621,15622],{"class":5293},"setTimeout",[5246,15624,5940],{"class":5256},[5246,15626,5322],{"class":5321},[5246,15628,5325],{"class":5256},[5246,15630,15631,15634,15636,15639],{"class":5248,"line":5412},[5246,15632,15633],{"class":5260},"    controller",[5246,15635,5127],{"class":5256},[5246,15637,15638],{"class":5293},"abort",[5246,15640,6304],{"class":5256},[5246,15642,15643,15646,15649],{"class":5248,"line":5417},[5246,15644,15645],{"class":5256},"  }, ",[5246,15647,15648],{"class":5260},"timeoutMs",[5246,15650,5362],{"class":5256},[5246,15652,15653],{"class":5248,"line":5466},[5246,15654,5382],{"class":5256},[5246,15656,15657,15659],{"class":5248,"line":5478},[5246,15658,6068],{"class":5252},[5246,15660,5325],{"class":5256},[5246,15662,15663,15665,15667,15669,15671,15673,15675,15678,15681,15683],{"class":5248,"line":5499},[5246,15664,5522],{"class":5321},[5246,15666,7593],{"class":5391},[5246,15668,5395],{"class":5256},[5246,15670,5115],{"class":5252},[5246,15672,7600],{"class":5293},[5246,15674,5296],{"class":5256},[5246,15676,15677],{"class":5260},"url",[5246,15679,15680],{"class":5256},", { ",[5246,15682,15594],{"class":5260},[5246,15684,11974],{"class":5256},[5246,15686,15687,15690,15692,15695,15697],{"class":5248,"line":5507},[5246,15688,15689],{"class":5293},"    clearTimeout",[5246,15691,5296],{"class":5256},[5246,15693,15694],{"class":5260},"timeoutId",[5246,15696,6523],{"class":5256},[5246,15698,15699],{"class":6361},"\u002F\u002F Скасовуємо таймер, якщо запит успішний\n",[5246,15701,15702],{"class":5248,"line":5513},[5246,15703,5516],{"class":5256},[5246,15705,15706,15708,15710,15712,15714,15716],{"class":5248,"line":5519},[5246,15707,5469],{"class":5252},[5246,15709,7627],{"class":5256},[5246,15711,7630],{"class":5260},[5246,15713,5127],{"class":5256},[5246,15715,7635],{"class":5260},[5246,15717,5339],{"class":5256},[5246,15719,15720,15722,15724,15726,15728,15730,15732,15734,15736,15738,15740,15742,15744,15746,15748,15750,15752,15754],{"class":5248,"line":5542},[5246,15721,8267],{"class":5252},[5246,15723,6702],{"class":5321},[5246,15725,6276],{"class":5293},[5246,15727,5296],{"class":5256},[5246,15729,7651],{"class":5276},[5246,15731,5428],{"class":5321},[5246,15733,7630],{"class":5260},[5246,15735,5127],{"class":5434},[5246,15737,7660],{"class":5260},[5246,15739,5440],{"class":5321},[5246,15741,7021],{"class":5276},[5246,15743,5428],{"class":5321},[5246,15745,7630],{"class":5260},[5246,15747,5127],{"class":5434},[5246,15749,7673],{"class":5260},[5246,15751,5440],{"class":5321},[5246,15753,7614],{"class":5276},[5246,15755,5362],{"class":5256},[5246,15757,15758],{"class":5248,"line":5570},[5246,15759,5510],{"class":5256},[5246,15761,15762],{"class":5248,"line":5575},[5246,15763,5516],{"class":5256},[5246,15765,15766,15768,15770,15772,15774],{"class":5248,"line":5612},[5246,15767,5368],{"class":5252},[5246,15769,7593],{"class":5260},[5246,15771,5127],{"class":5256},[5246,15773,7698],{"class":5293},[5246,15775,6304],{"class":5256},[5246,15777,15778,15780,15782,15784,15786],{"class":5248,"line":5624},[5246,15779,6246],{"class":5256},[5246,15781,5969],{"class":5252},[5246,15783,5334],{"class":5256},[5246,15785,5350],{"class":5260},[5246,15787,5339],{"class":5256},[5246,15789,15790,15792,15794,15796],{"class":5248,"line":5645},[5246,15791,15689],{"class":5293},[5246,15793,5296],{"class":5256},[5246,15795,15694],{"class":5260},[5246,15797,5362],{"class":5256},[5246,15799,15800],{"class":5248,"line":5653},[5246,15801,5516],{"class":5256},[5246,15803,15804,15806,15808,15810,15812,15814,15816,15818,15820,15823],{"class":5248,"line":5659},[5246,15805,5469],{"class":5252},[5246,15807,9761],{"class":5256},[5246,15809,5350],{"class":5260},[5246,15811,6273],{"class":5252},[5246,15813,6276],{"class":6053},[5246,15815,6279],{"class":5256},[5246,15817,7945],{"class":5260},[5246,15819,9172],{"class":5256},[5246,15821,15822],{"class":5276},"'AbortError'",[5246,15824,5339],{"class":5256},[5246,15826,15827,15829,15831,15833,15835,15838,15840,15842,15844,15847],{"class":5248,"line":5676},[5246,15828,8267],{"class":5252},[5246,15830,6702],{"class":5321},[5246,15832,6276],{"class":5293},[5246,15834,5296],{"class":5256},[5246,15836,15837],{"class":5276},"`Запит перевищив таймаут ",[5246,15839,5428],{"class":5321},[5246,15841,15648],{"class":5260},[5246,15843,5440],{"class":5321},[5246,15845,15846],{"class":5276},"мс`",[5246,15848,5362],{"class":5256},[5246,15850,15851],{"class":5248,"line":5682},[5246,15852,5510],{"class":5256},[5246,15854,15855],{"class":5248,"line":5688},[5246,15856,5516],{"class":5256},[5246,15858,15859,15861,15863],{"class":5248,"line":6822},[5246,15860,7642],{"class":5252},[5246,15862,8360],{"class":5260},[5246,15864,5280],{"class":5256},[5246,15866,15867],{"class":5248,"line":7138},[5246,15868,5376],{"class":5256},[5246,15870,15871],{"class":5248,"line":7160},[5246,15872,6292],{"class":5256},[5246,15874,15875],{"class":5248,"line":7176},[5246,15876,5287],{"emptyLinePlaceholder":5286},[5246,15878,15879],{"class":5248,"line":7181},[5246,15880,11381],{"class":6361},[5246,15882,15883,15886,15889,15891,15893,15895,15898,15901,15903,15906],{"class":5248,"line":7879},[5246,15884,15885],{"class":5293},"fetchWithTimeout",[5246,15887,15888],{"class":5256},"\u003C{ ",[5246,15890,8583],{"class":5260},[5246,15892,7021],{"class":5256},[5246,15894,6604],{"class":6053},[5246,15896,15897],{"class":5256}," }>(",[5246,15899,15900],{"class":5276},"'https:\u002F\u002Fslow-api.example.com\u002Fdata'",[5246,15902,5264],{"class":5256},[5246,15904,15905],{"class":6385},"5000",[5246,15907,5737],{"class":5256},[5246,15909,15910,15912,15914,15916,15918,15920,15922,15924,15926,15928,15930,15933,15935,15937],{"class":5248,"line":7895},[5246,15911,5742],{"class":5256},[5246,15913,5745],{"class":5293},[5246,15915,5748],{"class":5256},[5246,15917,8583],{"class":5260},[5246,15919,5318],{"class":5256},[5246,15921,5322],{"class":5321},[5246,15923,8060],{"class":5260},[5246,15925,5127],{"class":5256},[5246,15927,5666],{"class":5293},[5246,15929,5296],{"class":5256},[5246,15931,15932],{"class":5276},"'Дані:'",[5246,15934,5264],{"class":5256},[5246,15936,8583],{"class":5260},[5246,15938,8072],{"class":5256},[5246,15940,15941,15943,15945,15947,15949,15951,15953,15955,15957,15959,15961,15964,15966,15968,15970,15972],{"class":5248,"line":7900},[5246,15942,5742],{"class":5256},[5246,15944,5969],{"class":5293},[5246,15946,5748],{"class":5256},[5246,15948,5350],{"class":5260},[5246,15950,5318],{"class":5256},[5246,15952,5322],{"class":5321},[5246,15954,8060],{"class":5260},[5246,15956,5127],{"class":5256},[5246,15958,5350],{"class":5293},[5246,15960,5296],{"class":5256},[5246,15962,15963],{"class":5276},"'Помилка або таймаут:'",[5246,15965,5264],{"class":5256},[5246,15967,5350],{"class":5260},[5246,15969,5127],{"class":5256},[5246,15971,6001],{"class":5260},[5246,15973,5927],{"class":5256},[5201,15975,15976,15977,15980,15981,6319,15983,15986],{},"На відміну від ",[5099,15978,15979],{},"Promise.race()",", який лише відхиляє проміс при таймауті, ",[5099,15982,15511],{},[5147,15984,15985],{},"фізично скасовує"," HTTP-запит, звільняючи мережеві ресурси.",[6348,15988,15990,15991,14921],{"id":15989},"патерн-3-обмеження-кількості-паралельних-операцій-concurrency-limit","Патерн 3: Обмеження кількості паралельних операцій (",[5151,15992,15993],{},"concurrency limit",[5201,15995,15996],{},"Коли потрібно обробити велику кількість елементів паралельно, але з обмеженням на максимальну кількість одночасних операцій:",[5236,15998,16000],{"className":5238,"code":15999,"language":5241,"meta":5242,"style":5242},"async function processBatch\u003CT, R>(\n  items: T[],\n  processor: (item: T) => Promise\u003CR>,\n  concurrencyLimit: number\n): Promise\u003CR[]> {\n  const results: R[] = [];\n  const executing: Promise\u003Cvoid>[] = [];\n  \n  for (const item of items) {\n    \u002F\u002F Створюємо проміс для обробки поточного елемента\n    const promise = processor(item).then((result) => {\n      results.push(result);\n    });\n    \n    executing.push(promise);\n    \n    \u002F\u002F Якщо досягнуто ліміт паралельності, чекаємо завершення будь-якої операції\n    if (executing.length >= concurrencyLimit) {\n      await Promise.race(executing);\n      \u002F\u002F Видаляємо завершені проміси\n      const completed = executing.filter((p) => {\n        \u002F\u002F Перевіряємо, чи проміс завершено (fulfilled або rejected)\n        return Promise.race([p, Promise.resolve()]).then(() => true);\n      });\n      completed.forEach((p) => {\n        const index = executing.indexOf(p);\n        if (index > -1) executing.splice(index, 1);\n      });\n    }\n  }\n  \n  \u002F\u002F Чекаємо завершення всіх операцій, що залишилися\n  await Promise.all(executing);\n  \n  return results;\n}\n\n\u002F\u002F Використання: обробка 100 користувачів з максимум 5 паралельними запитами\nasync function processAllUsers(userIds: number[]): Promise\u003Cvoid> {\n  const results = await processBatch(\n    userIds,\n    async (userId) => {\n      const user = await fetchUser(userId);\n      await updateUserMetrics(user);\n      return user;\n    },\n    5 \u002F\u002F Максимум 5 паралельних операцій\n  );\n  \n  console.log(`Оброблено ${results.length} користувачів`);\n}\n",[5099,16001,16002,16022,16034,16061,16070,16082,16095,16113,16117,16135,16140,16170,16186,16190,16194,16210,16214,16219,16240,16257,16262,16287,16292,16329,16334,16353,16375,16408,16412,16416,16420,16424,16429,16445,16449,16457,16461,16465,16470,16497,16511,16517,16532,16550,16563,16571,16575,16582,16586,16590,16619],{"__ignoreMap":5242},[5246,16003,16004,16006,16008,16011,16013,16015,16017,16020],{"class":5248,"line":5249},[5246,16005,5108],{"class":5321},[5246,16007,6044],{"class":5321},[5246,16009,16010],{"class":5293}," processBatch",[5246,16012,6057],{"class":5256},[5246,16014,14943],{"class":6053},[5246,16016,5264],{"class":5256},[5246,16018,16019],{"class":6053},"R",[5246,16021,14946],{"class":5256},[5246,16023,16024,16027,16029,16031],{"class":5248,"line":5283},[5246,16025,16026],{"class":5260},"  items",[5246,16028,7021],{"class":5256},[5246,16030,14943],{"class":6053},[5246,16032,16033],{"class":5256},"[],\n",[5246,16035,16036,16039,16042,16045,16047,16049,16051,16053,16055,16057,16059],{"class":5248,"line":5290},[5246,16037,16038],{"class":5293},"  processor",[5246,16040,16041],{"class":5256},": (",[5246,16043,16044],{"class":5260},"item",[5246,16046,7021],{"class":5256},[5246,16048,14943],{"class":6053},[5246,16050,5318],{"class":5256},[5246,16052,5322],{"class":5321},[5246,16054,6794],{"class":6053},[5246,16056,6057],{"class":5256},[5246,16058,16019],{"class":6053},[5246,16060,14965],{"class":5256},[5246,16062,16063,16066,16068],{"class":5248,"line":5328},[5246,16064,16065],{"class":5260},"  concurrencyLimit",[5246,16067,7021],{"class":5256},[5246,16069,15557],{"class":6053},[5246,16071,16072,16074,16076,16078,16080],{"class":5248,"line":5342},[5246,16073,7026],{"class":5256},[5246,16075,6054],{"class":6053},[5246,16077,6057],{"class":5256},[5246,16079,16019],{"class":6053},[5246,16081,7738],{"class":5256},[5246,16083,16084,16086,16088,16090,16092],{"class":5248,"line":5365},[5246,16085,5388],{"class":5321},[5246,16087,14000],{"class":5391},[5246,16089,7021],{"class":5256},[5246,16091,16019],{"class":6053},[5246,16093,16094],{"class":5256},"[] = [];\n",[5246,16096,16097,16099,16102,16104,16106,16108,16110],{"class":5248,"line":5373},[5246,16098,5388],{"class":5321},[5246,16100,16101],{"class":5391}," executing",[5246,16103,7021],{"class":5256},[5246,16105,6054],{"class":6053},[5246,16107,6057],{"class":5256},[5246,16109,6060],{"class":6053},[5246,16111,16112],{"class":5256},">[] = [];\n",[5246,16114,16115],{"class":5248,"line":5379},[5246,16116,5382],{"class":5256},[5246,16118,16119,16121,16123,16125,16128,16130,16133],{"class":5248,"line":5385},[5246,16120,13824],{"class":5252},[5246,16122,5334],{"class":5256},[5246,16124,6907],{"class":5321},[5246,16126,16127],{"class":5391}," item",[5246,16129,13834],{"class":5321},[5246,16131,16132],{"class":5260}," items",[5246,16134,5339],{"class":5256},[5246,16136,16137],{"class":5248,"line":5412},[5246,16138,16139],{"class":6361},"    \u002F\u002F Створюємо проміс для обробки поточного елемента\n",[5246,16141,16142,16144,16147,16149,16152,16154,16156,16158,16160,16162,16164,16166,16168],{"class":5248,"line":5417},[5246,16143,5522],{"class":5321},[5246,16145,16146],{"class":5391}," promise",[5246,16148,5395],{"class":5256},[5246,16150,16151],{"class":5293},"processor",[5246,16153,5296],{"class":5256},[5246,16155,16044],{"class":5260},[5246,16157,6279],{"class":5256},[5246,16159,5745],{"class":5293},[5246,16161,5748],{"class":5256},[5246,16163,7313],{"class":5260},[5246,16165,5318],{"class":5256},[5246,16167,5322],{"class":5321},[5246,16169,5325],{"class":5256},[5246,16171,16172,16175,16177,16180,16182,16184],{"class":5248,"line":5466},[5246,16173,16174],{"class":5260},"      results",[5246,16176,5127],{"class":5256},[5246,16178,16179],{"class":5293},"push",[5246,16181,5296],{"class":5256},[5246,16183,7313],{"class":5260},[5246,16185,5362],{"class":5256},[5246,16187,16188],{"class":5248,"line":5478},[5246,16189,5679],{"class":5256},[5246,16191,16192],{"class":5248,"line":5499},[5246,16193,5516],{"class":5256},[5246,16195,16196,16199,16201,16203,16205,16208],{"class":5248,"line":5507},[5246,16197,16198],{"class":5260},"    executing",[5246,16200,5127],{"class":5256},[5246,16202,16179],{"class":5293},[5246,16204,5296],{"class":5256},[5246,16206,16207],{"class":5260},"promise",[5246,16209,5362],{"class":5256},[5246,16211,16212],{"class":5248,"line":5513},[5246,16213,5516],{"class":5256},[5246,16215,16216],{"class":5248,"line":5519},[5246,16217,16218],{"class":6361},"    \u002F\u002F Якщо досягнуто ліміт паралельності, чекаємо завершення будь-якої операції\n",[5246,16220,16221,16223,16225,16228,16230,16232,16235,16238],{"class":5248,"line":5542},[5246,16222,5469],{"class":5252},[5246,16224,5334],{"class":5256},[5246,16226,16227],{"class":5260},"executing",[5246,16229,5127],{"class":5256},[5246,16231,5564],{"class":5260},[5246,16233,16234],{"class":5256}," >= ",[5246,16236,16237],{"class":5260},"concurrencyLimit",[5246,16239,5339],{"class":5256},[5246,16241,16242,16244,16246,16248,16251,16253,16255],{"class":5248,"line":5570},[5246,16243,9271],{"class":5252},[5246,16245,6794],{"class":6053},[5246,16247,5127],{"class":5256},[5246,16249,16250],{"class":5293},"race",[5246,16252,5296],{"class":5256},[5246,16254,16227],{"class":5260},[5246,16256,5362],{"class":5256},[5246,16258,16259],{"class":5248,"line":5575},[5246,16260,16261],{"class":6361},"      \u002F\u002F Видаляємо завершені проміси\n",[5246,16263,16264,16266,16269,16271,16273,16275,16277,16279,16281,16283,16285],{"class":5248,"line":5612},[5246,16265,8554],{"class":5321},[5246,16267,16268],{"class":5391}," completed",[5246,16270,5395],{"class":5256},[5246,16272,16227],{"class":5260},[5246,16274,5127],{"class":5256},[5246,16276,12848],{"class":5293},[5246,16278,5748],{"class":5256},[5246,16280,5201],{"class":5260},[5246,16282,5318],{"class":5256},[5246,16284,5322],{"class":5321},[5246,16286,5325],{"class":5256},[5246,16288,16289],{"class":5248,"line":5624},[5246,16290,16291],{"class":6361},"        \u002F\u002F Перевіряємо, чи проміс завершено (fulfilled або rejected)\n",[5246,16293,16294,16296,16298,16300,16302,16305,16307,16309,16311,16313,16315,16318,16320,16322,16324,16327],{"class":5248,"line":5645},[5246,16295,5648],{"class":5252},[5246,16297,6794],{"class":6053},[5246,16299,5127],{"class":5256},[5246,16301,16250],{"class":5293},[5246,16303,16304],{"class":5256},"([",[5246,16306,5201],{"class":5260},[5246,16308,5264],{"class":5256},[5246,16310,6054],{"class":6053},[5246,16312,5127],{"class":5256},[5246,16314,6799],{"class":5293},[5246,16316,16317],{"class":5256},"()]).",[5246,16319,5745],{"class":5293},[5246,16321,5940],{"class":5256},[5246,16323,5322],{"class":5321},[5246,16325,16326],{"class":5321}," true",[5246,16328,5362],{"class":5256},[5246,16330,16331],{"class":5248,"line":5653},[5246,16332,16333],{"class":5256},"      });\n",[5246,16335,16336,16339,16341,16343,16345,16347,16349,16351],{"class":5248,"line":5659},[5246,16337,16338],{"class":5260},"      completed",[5246,16340,5127],{"class":5256},[5246,16342,14085],{"class":5293},[5246,16344,5748],{"class":5256},[5246,16346,5201],{"class":5260},[5246,16348,5318],{"class":5256},[5246,16350,5322],{"class":5321},[5246,16352,5325],{"class":5256},[5246,16354,16355,16357,16360,16362,16364,16366,16369,16371,16373],{"class":5248,"line":5676},[5246,16356,15184],{"class":5321},[5246,16358,16359],{"class":5391}," index",[5246,16361,5395],{"class":5256},[5246,16363,16227],{"class":5260},[5246,16365,5127],{"class":5256},[5246,16367,16368],{"class":5293},"indexOf",[5246,16370,5296],{"class":5256},[5246,16372,5201],{"class":5260},[5246,16374,5362],{"class":5256},[5246,16376,16377,16380,16382,16384,16387,16389,16391,16393,16395,16398,16400,16402,16404,16406],{"class":5248,"line":5682},[5246,16378,16379],{"class":5252},"        if",[5246,16381,5334],{"class":5256},[5246,16383,14094],{"class":5260},[5246,16385,16386],{"class":5256}," > -",[5246,16388,12158],{"class":6385},[5246,16390,5318],{"class":5256},[5246,16392,16227],{"class":5260},[5246,16394,5127],{"class":5256},[5246,16396,16397],{"class":5293},"splice",[5246,16399,5296],{"class":5256},[5246,16401,14094],{"class":5260},[5246,16403,5264],{"class":5256},[5246,16405,12158],{"class":6385},[5246,16407,5362],{"class":5256},[5246,16409,16410],{"class":5248,"line":5688},[5246,16411,16333],{"class":5256},[5246,16413,16414],{"class":5248,"line":6822},[5246,16415,5510],{"class":5256},[5246,16417,16418],{"class":5248,"line":7138},[5246,16419,5376],{"class":5256},[5246,16421,16422],{"class":5248,"line":7160},[5246,16423,5382],{"class":5256},[5246,16425,16426],{"class":5248,"line":7176},[5246,16427,16428],{"class":6361},"  \u002F\u002F Чекаємо завершення всіх операцій, що залишилися\n",[5246,16430,16431,16433,16435,16437,16439,16441,16443],{"class":5248,"line":7181},[5246,16432,14330],{"class":5252},[5246,16434,6794],{"class":6053},[5246,16436,5127],{"class":5256},[5246,16438,10206],{"class":5293},[5246,16440,5296],{"class":5256},[5246,16442,16227],{"class":5260},[5246,16444,5362],{"class":5256},[5246,16446,16447],{"class":5248,"line":7879},[5246,16448,5382],{"class":5256},[5246,16450,16451,16453,16455],{"class":5248,"line":7895},[5246,16452,6382],{"class":5252},[5246,16454,14000],{"class":5260},[5246,16456,5280],{"class":5256},[5246,16458,16459],{"class":5248,"line":7900},[5246,16460,6292],{"class":5256},[5246,16462,16463],{"class":5248,"line":7906},[5246,16464,5287],{"emptyLinePlaceholder":5286},[5246,16466,16467],{"class":5248,"line":7925},[5246,16468,16469],{"class":6361},"\u002F\u002F Використання: обробка 100 користувачів з максимум 5 паралельними запитами\n",[5246,16471,16472,16474,16476,16479,16481,16483,16485,16487,16489,16491,16493,16495],{"class":5248,"line":7950},[5246,16473,5108],{"class":5321},[5246,16475,6044],{"class":5321},[5246,16477,16478],{"class":5293}," processAllUsers",[5246,16480,5296],{"class":5256},[5246,16482,13804],{"class":5260},[5246,16484,7021],{"class":5256},[5246,16486,6375],{"class":6053},[5246,16488,13811],{"class":5256},[5246,16490,6054],{"class":6053},[5246,16492,6057],{"class":5256},[5246,16494,6060],{"class":6053},[5246,16496,6063],{"class":5256},[5246,16498,16499,16501,16503,16505,16507,16509],{"class":5248,"line":7955},[5246,16500,5388],{"class":5321},[5246,16502,14000],{"class":5391},[5246,16504,5395],{"class":5256},[5246,16506,5115],{"class":5252},[5246,16508,16010],{"class":5293},[5246,16510,14013],{"class":5256},[5246,16512,16513,16515],{"class":5248,"line":7974},[5246,16514,14018],{"class":5260},[5246,16516,9919],{"class":5256},[5246,16518,16519,16522,16524,16526,16528,16530],{"class":5248,"line":7999},[5246,16520,16521],{"class":5321},"    async",[5246,16523,5334],{"class":5256},[5246,16525,7722],{"class":5260},[5246,16527,5318],{"class":5256},[5246,16529,5322],{"class":5321},[5246,16531,5325],{"class":5256},[5246,16533,16534,16536,16538,16540,16542,16544,16546,16548],{"class":5248,"line":8004},[5246,16535,8554],{"class":5321},[5246,16537,5392],{"class":5391},[5246,16539,5395],{"class":5256},[5246,16541,5115],{"class":5252},[5246,16543,7014],{"class":5293},[5246,16545,5296],{"class":5256},[5246,16547,7722],{"class":5260},[5246,16549,5362],{"class":5256},[5246,16551,16552,16554,16557,16559,16561],{"class":5248,"line":8020},[5246,16553,9271],{"class":5252},[5246,16555,16556],{"class":5293}," updateUserMetrics",[5246,16558,5296],{"class":5256},[5246,16560,5431],{"class":5260},[5246,16562,5362],{"class":5256},[5246,16564,16565,16567,16569],{"class":5248,"line":8025},[5246,16566,5502],{"class":5252},[5246,16568,5392],{"class":5260},[5246,16570,5280],{"class":5256},[5246,16572,16573],{"class":5248,"line":8030},[5246,16574,9954],{"class":5256},[5246,16576,16577,16579],{"class":5248,"line":8036},[5246,16578,15406],{"class":6385},[5246,16580,16581],{"class":6361}," \u002F\u002F Максимум 5 паралельних операцій\n",[5246,16583,16584],{"class":5248,"line":8049},[5246,16585,14071],{"class":5256},[5246,16587,16588],{"class":5248,"line":8075},[5246,16589,5382],{"class":5256},[5246,16591,16592,16594,16596,16598,16600,16603,16605,16608,16610,16612,16614,16617],{"class":5248,"line":9929},[5246,16593,6512],{"class":5260},[5246,16595,5127],{"class":5256},[5246,16597,5666],{"class":5293},[5246,16599,5296],{"class":5256},[5246,16601,16602],{"class":5276},"`Оброблено ",[5246,16604,5428],{"class":5321},[5246,16606,16607],{"class":5260},"results",[5246,16609,5127],{"class":5434},[5246,16611,5564],{"class":5260},[5246,16613,5440],{"class":5321},[5246,16615,16616],{"class":5276}," користувачів`",[5246,16618,5362],{"class":5256},[5246,16620,16621],{"class":5248,"line":9940},[5246,16622,6292],{"class":5256},[5201,16624,16625],{},"Цей патерн запобігає перевантаженню сервера при обробці великих масивів даних.",[7185,16627,16628,16629,16632,16633,16636],{},"Для продакшн-коду рекомендується використовувати готові бібліотеки обмеження паралельності, такі як ",[5099,16630,16631],{},"p-limit"," або ",[5099,16634,16635],{},"p-queue",", які обробляють граничні випадки та помилки більш надійно.",[6348,16638,16640],{"id":16639},"патерн-4-кешування-результатів-асинхронних-функцій","Патерн 4: Кешування результатів асинхронних функцій",[5201,16642,16643,16644,16647],{},"Мемоізація (",[5151,16645,16646],{},"memoization",") асинхронних функцій для уникнення дублювання запитів:",[5236,16649,16651],{"className":5238,"code":16650,"language":5241,"meta":5242,"style":5242},"class AsyncCache\u003CK, V> {\n  private cache = new Map\u003CK, Promise\u003CV>>();\n  \n  async get(key: K, fetcher: (key: K) => Promise\u003CV>): Promise\u003CV> {\n    \u002F\u002F Якщо результат вже у кеші, повертаємо його\n    if (this.cache.has(key)) {\n      return this.cache.get(key)!;\n    }\n    \n    \u002F\u002F Створюємо новий проміс та зберігаємо його у кеші\n    const promise = fetcher(key).catch((error) => {\n      \u002F\u002F Видаляємо з кешу, якщо запит провалився\n      this.cache.delete(key);\n      throw error;\n    });\n    \n    this.cache.set(key, promise);\n    return promise;\n  }\n  \n  clear(): void {\n    this.cache.clear();\n  }\n  \n  delete(key: K): void {\n    this.cache.delete(key);\n  }\n}\n\n\u002F\u002F Використання\nconst userCache = new AsyncCache\u003Cnumber, any>();\n\nasync function getCachedUser(userId: number): Promise\u003Cany> {\n  return userCache.get(userId, async (id) => {\n    console.log(`Завантаження користувача ${id} з API...`);\n    const response = await fetch(`https:\u002F\u002Fapi.example.com\u002Fusers\u002F${id}`);\n    return response.json();\n  });\n}\n\n\u002F\u002F Перший виклик — робить запит\nawait getCachedUser(42); \u002F\u002F \"Завантаження користувача 42 з API...\"\n\n\u002F\u002F Другий виклик — повертає з кешу\nawait getCachedUser(42); \u002F\u002F Немає логу — результат з кешу\n\n\u002F\u002F Третій виклик з іншим ID — робить новий запит\nawait getCachedUser(100); \u002F\u002F \"Завантаження користувача 100 з API...\"\n",[5099,16652,16653,16672,16702,16706,16756,16761,16787,16809,16813,16817,16822,16850,16855,16875,16883,16887,16891,16914,16922,16926,16930,16941,16956,16960,16964,16983,17001,17005,17009,17013,17017,17041,17045,17072,17100,17124,17150,17162,17166,17170,17174,17179,17194,17198,17203,17218,17222,17227],{"__ignoreMap":5242},[5246,16654,16655,16657,16660,16662,16665,16667,16670],{"class":5248,"line":5249},[5246,16656,7076],{"class":5321},[5246,16658,16659],{"class":6053}," AsyncCache",[5246,16661,6057],{"class":5256},[5246,16663,16664],{"class":6053},"K",[5246,16666,5264],{"class":5256},[5246,16668,16669],{"class":6053},"V",[5246,16671,6063],{"class":5256},[5246,16673,16674,16677,16680,16682,16684,16687,16689,16691,16693,16695,16697,16699],{"class":5248,"line":5283},[5246,16675,16676],{"class":5321},"  private",[5246,16678,16679],{"class":5260}," cache",[5246,16681,5395],{"class":5256},[5246,16683,11962],{"class":5321},[5246,16685,16686],{"class":5293}," Map",[5246,16688,6057],{"class":5256},[5246,16690,16664],{"class":6053},[5246,16692,5264],{"class":5256},[5246,16694,6054],{"class":6053},[5246,16696,6057],{"class":5256},[5246,16698,16669],{"class":6053},[5246,16700,16701],{"class":5256},">>();\n",[5246,16703,16704],{"class":5248,"line":5290},[5246,16705,5382],{"class":5256},[5246,16707,16708,16710,16713,16715,16718,16720,16722,16724,16727,16729,16731,16733,16735,16737,16739,16741,16743,16745,16748,16750,16752,16754],{"class":5248,"line":5328},[5246,16709,7011],{"class":5321},[5246,16711,16712],{"class":5293}," get",[5246,16714,5296],{"class":5256},[5246,16716,16717],{"class":5260},"key",[5246,16719,7021],{"class":5256},[5246,16721,16664],{"class":6053},[5246,16723,5264],{"class":5256},[5246,16725,16726],{"class":5293},"fetcher",[5246,16728,16041],{"class":5256},[5246,16730,16717],{"class":5260},[5246,16732,7021],{"class":5256},[5246,16734,16664],{"class":6053},[5246,16736,5318],{"class":5256},[5246,16738,5322],{"class":5321},[5246,16740,6794],{"class":6053},[5246,16742,6057],{"class":5256},[5246,16744,16669],{"class":6053},[5246,16746,16747],{"class":5256},">): ",[5246,16749,6054],{"class":6053},[5246,16751,6057],{"class":5256},[5246,16753,16669],{"class":6053},[5246,16755,6063],{"class":5256},[5246,16757,16758],{"class":5248,"line":5342},[5246,16759,16760],{"class":6361},"    \u002F\u002F Якщо результат вже у кеші, повертаємо його\n",[5246,16762,16763,16765,16767,16770,16772,16775,16777,16780,16782,16784],{"class":5248,"line":5365},[5246,16764,5469],{"class":5252},[5246,16766,5334],{"class":5256},[5246,16768,16769],{"class":5321},"this",[5246,16771,5127],{"class":5256},[5246,16773,16774],{"class":5260},"cache",[5246,16776,5127],{"class":5256},[5246,16778,16779],{"class":5293},"has",[5246,16781,5296],{"class":5256},[5246,16783,16717],{"class":5260},[5246,16785,16786],{"class":5256},")) {\n",[5246,16788,16789,16791,16794,16796,16798,16800,16802,16804,16806],{"class":5248,"line":5373},[5246,16790,5502],{"class":5252},[5246,16792,16793],{"class":5321}," this",[5246,16795,5127],{"class":5256},[5246,16797,16774],{"class":5260},[5246,16799,5127],{"class":5256},[5246,16801,12330],{"class":5293},[5246,16803,5296],{"class":5256},[5246,16805,16717],{"class":5260},[5246,16807,16808],{"class":5256},")!;\n",[5246,16810,16811],{"class":5248,"line":5379},[5246,16812,5510],{"class":5256},[5246,16814,16815],{"class":5248,"line":5385},[5246,16816,5516],{"class":5256},[5246,16818,16819],{"class":5248,"line":5412},[5246,16820,16821],{"class":6361},"    \u002F\u002F Створюємо новий проміс та зберігаємо його у кеші\n",[5246,16823,16824,16826,16828,16830,16832,16834,16836,16838,16840,16842,16844,16846,16848],{"class":5248,"line":5417},[5246,16825,5522],{"class":5321},[5246,16827,16146],{"class":5391},[5246,16829,5395],{"class":5256},[5246,16831,16726],{"class":5293},[5246,16833,5296],{"class":5256},[5246,16835,16717],{"class":5260},[5246,16837,6279],{"class":5256},[5246,16839,5969],{"class":5293},[5246,16841,5748],{"class":5256},[5246,16843,5350],{"class":5260},[5246,16845,5318],{"class":5256},[5246,16847,5322],{"class":5321},[5246,16849,5325],{"class":5256},[5246,16851,16852],{"class":5248,"line":5466},[5246,16853,16854],{"class":6361},"      \u002F\u002F Видаляємо з кешу, якщо запит провалився\n",[5246,16856,16857,16860,16862,16864,16866,16869,16871,16873],{"class":5248,"line":5478},[5246,16858,16859],{"class":5321},"      this",[5246,16861,5127],{"class":5256},[5246,16863,16774],{"class":5260},[5246,16865,5127],{"class":5256},[5246,16867,16868],{"class":5293},"delete",[5246,16870,5296],{"class":5256},[5246,16872,16717],{"class":5260},[5246,16874,5362],{"class":5256},[5246,16876,16877,16879,16881],{"class":5248,"line":5499},[5246,16878,8267],{"class":5252},[5246,16880,8360],{"class":5260},[5246,16882,5280],{"class":5256},[5246,16884,16885],{"class":5248,"line":5507},[5246,16886,5679],{"class":5256},[5246,16888,16889],{"class":5248,"line":5513},[5246,16890,5516],{"class":5256},[5246,16892,16893,16895,16897,16899,16901,16904,16906,16908,16910,16912],{"class":5248,"line":5519},[5246,16894,9457],{"class":5321},[5246,16896,5127],{"class":5256},[5246,16898,16774],{"class":5260},[5246,16900,5127],{"class":5256},[5246,16902,16903],{"class":5293},"set",[5246,16905,5296],{"class":5256},[5246,16907,16717],{"class":5260},[5246,16909,5264],{"class":5256},[5246,16911,16207],{"class":5260},[5246,16913,5362],{"class":5256},[5246,16915,16916,16918,16920],{"class":5248,"line":5542},[5246,16917,5368],{"class":5252},[5246,16919,16146],{"class":5260},[5246,16921,5280],{"class":5256},[5246,16923,16924],{"class":5248,"line":5570},[5246,16925,5376],{"class":5256},[5246,16927,16928],{"class":5248,"line":5575},[5246,16929,5382],{"class":5256},[5246,16931,16932,16935,16937,16939],{"class":5248,"line":5612},[5246,16933,16934],{"class":5293},"  clear",[5246,16936,6050],{"class":5256},[5246,16938,6060],{"class":6053},[5246,16940,5325],{"class":5256},[5246,16942,16943,16945,16947,16949,16951,16954],{"class":5248,"line":5624},[5246,16944,9457],{"class":5321},[5246,16946,5127],{"class":5256},[5246,16948,16774],{"class":5260},[5246,16950,5127],{"class":5256},[5246,16952,16953],{"class":5293},"clear",[5246,16955,6304],{"class":5256},[5246,16957,16958],{"class":5248,"line":5645},[5246,16959,5376],{"class":5256},[5246,16961,16962],{"class":5248,"line":5653},[5246,16963,5382],{"class":5256},[5246,16965,16966,16969,16971,16973,16975,16977,16979,16981],{"class":5248,"line":5659},[5246,16967,16968],{"class":5293},"  delete",[5246,16970,5296],{"class":5256},[5246,16972,16717],{"class":5260},[5246,16974,7021],{"class":5256},[5246,16976,16664],{"class":6053},[5246,16978,7026],{"class":5256},[5246,16980,6060],{"class":6053},[5246,16982,5325],{"class":5256},[5246,16984,16985,16987,16989,16991,16993,16995,16997,16999],{"class":5248,"line":5676},[5246,16986,9457],{"class":5321},[5246,16988,5127],{"class":5256},[5246,16990,16774],{"class":5260},[5246,16992,5127],{"class":5256},[5246,16994,16868],{"class":5293},[5246,16996,5296],{"class":5256},[5246,16998,16717],{"class":5260},[5246,17000,5362],{"class":5256},[5246,17002,17003],{"class":5248,"line":5682},[5246,17004,5376],{"class":5256},[5246,17006,17007],{"class":5248,"line":5688},[5246,17008,6292],{"class":5256},[5246,17010,17011],{"class":5248,"line":6822},[5246,17012,5287],{"emptyLinePlaceholder":5286},[5246,17014,17015],{"class":5248,"line":7138},[5246,17016,11381],{"class":6361},[5246,17018,17019,17021,17024,17026,17028,17030,17032,17034,17036,17038],{"class":5248,"line":7160},[5246,17020,6907],{"class":5321},[5246,17022,17023],{"class":5391}," userCache",[5246,17025,5395],{"class":5256},[5246,17027,11962],{"class":5321},[5246,17029,16659],{"class":5293},[5246,17031,6057],{"class":5256},[5246,17033,6375],{"class":6053},[5246,17035,5264],{"class":5256},[5246,17037,7033],{"class":6053},[5246,17039,17040],{"class":5256},">();\n",[5246,17042,17043],{"class":5248,"line":7176},[5246,17044,5287],{"emptyLinePlaceholder":5286},[5246,17046,17047,17049,17051,17054,17056,17058,17060,17062,17064,17066,17068,17070],{"class":5248,"line":7181},[5246,17048,5108],{"class":5321},[5246,17050,6044],{"class":5321},[5246,17052,17053],{"class":5293}," getCachedUser",[5246,17055,5296],{"class":5256},[5246,17057,7722],{"class":5260},[5246,17059,7021],{"class":5256},[5246,17061,6375],{"class":6053},[5246,17063,7026],{"class":5256},[5246,17065,6054],{"class":6053},[5246,17067,6057],{"class":5256},[5246,17069,7033],{"class":6053},[5246,17071,6063],{"class":5256},[5246,17073,17074,17076,17078,17080,17082,17084,17086,17088,17090,17092,17094,17096,17098],{"class":5248,"line":7879},[5246,17075,6382],{"class":5252},[5246,17077,17023],{"class":5260},[5246,17079,5127],{"class":5256},[5246,17081,12330],{"class":5293},[5246,17083,5296],{"class":5256},[5246,17085,7722],{"class":5260},[5246,17087,5264],{"class":5256},[5246,17089,5108],{"class":5321},[5246,17091,5334],{"class":5256},[5246,17093,5437],{"class":5260},[5246,17095,5318],{"class":5256},[5246,17097,5322],{"class":5321},[5246,17099,5325],{"class":5256},[5246,17101,17102,17104,17106,17108,17110,17113,17115,17117,17119,17122],{"class":5248,"line":7895},[5246,17103,5345],{"class":5260},[5246,17105,5127],{"class":5256},[5246,17107,5666],{"class":5293},[5246,17109,5296],{"class":5256},[5246,17111,17112],{"class":5276},"`Завантаження користувача ",[5246,17114,5428],{"class":5321},[5246,17116,5437],{"class":5260},[5246,17118,5440],{"class":5321},[5246,17120,17121],{"class":5276}," з API...`",[5246,17123,5362],{"class":5256},[5246,17125,17126,17128,17130,17132,17134,17136,17138,17140,17142,17144,17146,17148],{"class":5248,"line":7900},[5246,17127,5522],{"class":5321},[5246,17129,7593],{"class":5391},[5246,17131,5395],{"class":5256},[5246,17133,5115],{"class":5252},[5246,17135,7600],{"class":5293},[5246,17137,5296],{"class":5256},[5246,17139,7605],{"class":5276},[5246,17141,5428],{"class":5321},[5246,17143,5437],{"class":5260},[5246,17145,5440],{"class":5321},[5246,17147,7614],{"class":5276},[5246,17149,5362],{"class":5256},[5246,17151,17152,17154,17156,17158,17160],{"class":5248,"line":7906},[5246,17153,5368],{"class":5252},[5246,17155,7593],{"class":5260},[5246,17157,5127],{"class":5256},[5246,17159,7698],{"class":5293},[5246,17161,6304],{"class":5256},[5246,17163,17164],{"class":5248,"line":7925},[5246,17165,5685],{"class":5256},[5246,17167,17168],{"class":5248,"line":7950},[5246,17169,6292],{"class":5256},[5246,17171,17172],{"class":5248,"line":7955},[5246,17173,5287],{"emptyLinePlaceholder":5286},[5246,17175,17176],{"class":5248,"line":7974},[5246,17177,17178],{"class":6361},"\u002F\u002F Перший виклик — робить запит\n",[5246,17180,17181,17183,17185,17187,17189,17191],{"class":5248,"line":7999},[5246,17182,5115],{"class":5252},[5246,17184,17053],{"class":5293},[5246,17186,5296],{"class":5256},[5246,17188,8044],{"class":6385},[5246,17190,6523],{"class":5256},[5246,17192,17193],{"class":6361},"\u002F\u002F \"Завантаження користувача 42 з API...\"\n",[5246,17195,17196],{"class":5248,"line":8004},[5246,17197,5287],{"emptyLinePlaceholder":5286},[5246,17199,17200],{"class":5248,"line":8020},[5246,17201,17202],{"class":6361},"\u002F\u002F Другий виклик — повертає з кешу\n",[5246,17204,17205,17207,17209,17211,17213,17215],{"class":5248,"line":8025},[5246,17206,5115],{"class":5252},[5246,17208,17053],{"class":5293},[5246,17210,5296],{"class":5256},[5246,17212,8044],{"class":6385},[5246,17214,6523],{"class":5256},[5246,17216,17217],{"class":6361},"\u002F\u002F Немає логу — результат з кешу\n",[5246,17219,17220],{"class":5248,"line":8030},[5246,17221,5287],{"emptyLinePlaceholder":5286},[5246,17223,17224],{"class":5248,"line":8036},[5246,17225,17226],{"class":6361},"\u002F\u002F Третій виклик з іншим ID — робить новий запит\n",[5246,17228,17229,17231,17233,17235,17237,17239],{"class":5248,"line":8049},[5246,17230,5115],{"class":5252},[5246,17232,17053],{"class":5293},[5246,17234,5296],{"class":5256},[5246,17236,6804],{"class":6385},[5246,17238,6523],{"class":5256},[5246,17240,17241],{"class":6361},"\u002F\u002F \"Завантаження користувача 100 з API...\"\n",[5201,17243,17244],{},"Цей патерн особливо корисний для даних, що рідко змінюються (конфігурації, довідники, метадані).",[6348,17246,17248],{"id":17247},"патерн-5-асинхронна-ініціалізація-класів-через-статичний-метод","Патерн 5: Асинхронна ініціалізація класів через статичний метод",[5201,17250,17251,17252,17254],{},"Оскільки конструктори не можуть бути ",[5099,17253,5108],{},", для класів з асинхронною ініціалізацією використовується патерн статичного factory-методу:",[5236,17256,17258],{"className":5238,"code":17257,"language":5241,"meta":5242,"style":5242},"class DatabaseConnection {\n  private constructor(\n    private pool: any,\n    private readonly connectionString: string\n  ) {}\n  \n  \u002F\u002F Статичний async factory-метод\n  static async create(connectionString: string): Promise\u003CDatabaseConnection> {\n    console.log('Ініціалізація підключення до БД...');\n    \n    const pool = createPool(connectionString);\n    \n    \u002F\u002F Асинхронна перевірка підключення\n    const client = await pool.connect();\n    await client.query('SELECT 1');\n    client.release();\n    \n    console.log('Підключення до БД успішне');\n    \n    return new DatabaseConnection(pool, connectionString);\n  }\n  \n  async query(sql: string, params?: any[]): Promise\u003Cany> {\n    return this.pool.query(sql, params);\n  }\n  \n  async close(): Promise\u003Cvoid> {\n    await this.pool.end();\n  }\n}\n\n\u002F\u002F Використання\nasync function main(): Promise\u003Cvoid> {\n  const db = await DatabaseConnection.create('postgresql:\u002F\u002Flocalhost\u002Fmydb');\n  \n  try {\n    const result = await db.query('SELECT * FROM users WHERE id = $1', [42]);\n    console.log('Результат:', result.rows);\n  } finally {\n    await db.close();\n  }\n}\n\nmain().catch(console.error);\n",[5099,17259,17260,17269,17278,17291,17305,17310,17314,17319,17347,17362,17366,17383,17387,17392,17410,17427,17438,17442,17457,17461,17479,17483,17487,17521,17545,17549,17553,17570,17587,17591,17595,17599,17603,17622,17646,17650,17656,17682,17705,17713,17725,17729,17733,17737],{"__ignoreMap":5242},[5246,17261,17262,17264,17267],{"class":5248,"line":5249},[5246,17263,7076],{"class":5321},[5246,17265,17266],{"class":6053}," DatabaseConnection",[5246,17268,5325],{"class":5256},[5246,17270,17271,17273,17276],{"class":5248,"line":5283},[5246,17272,16676],{"class":5321},[5246,17274,17275],{"class":5321}," constructor",[5246,17277,14013],{"class":5256},[5246,17279,17280,17283,17285,17287,17289],{"class":5248,"line":5290},[5246,17281,17282],{"class":5321},"    private",[5246,17284,11957],{"class":5260},[5246,17286,7021],{"class":5256},[5246,17288,7033],{"class":6053},[5246,17290,9919],{"class":5256},[5246,17292,17293,17295,17298,17300,17302],{"class":5248,"line":5328},[5246,17294,17282],{"class":5321},[5246,17296,17297],{"class":5321}," readonly",[5246,17299,11917],{"class":5260},[5246,17301,7021],{"class":5256},[5246,17303,17304],{"class":6053},"string\n",[5246,17306,17307],{"class":5248,"line":5342},[5246,17308,17309],{"class":5256},"  ) {}\n",[5246,17311,17312],{"class":5248,"line":5365},[5246,17313,5382],{"class":5256},[5246,17315,17316],{"class":5248,"line":5373},[5246,17317,17318],{"class":6361},"  \u002F\u002F Статичний async factory-метод\n",[5246,17320,17321,17323,17325,17328,17330,17332,17334,17336,17338,17340,17342,17345],{"class":5248,"line":5379},[5246,17322,7141],{"class":5321},[5246,17324,7144],{"class":5321},[5246,17326,17327],{"class":5293}," create",[5246,17329,5296],{"class":5256},[5246,17331,11971],{"class":5260},[5246,17333,7021],{"class":5256},[5246,17335,6604],{"class":6053},[5246,17337,7026],{"class":5256},[5246,17339,6054],{"class":6053},[5246,17341,6057],{"class":5256},[5246,17343,17344],{"class":6053},"DatabaseConnection",[5246,17346,6063],{"class":5256},[5246,17348,17349,17351,17353,17355,17357,17360],{"class":5248,"line":5385},[5246,17350,5345],{"class":5260},[5246,17352,5127],{"class":5256},[5246,17354,5666],{"class":5293},[5246,17356,5296],{"class":5256},[5246,17358,17359],{"class":5276},"'Ініціалізація підключення до БД...'",[5246,17361,5362],{"class":5256},[5246,17363,17364],{"class":5248,"line":5412},[5246,17365,5516],{"class":5256},[5246,17367,17368,17370,17372,17374,17377,17379,17381],{"class":5248,"line":5417},[5246,17369,5522],{"class":5321},[5246,17371,11957],{"class":5391},[5246,17373,5395],{"class":5256},[5246,17375,17376],{"class":5293},"createPool",[5246,17378,5296],{"class":5256},[5246,17380,11971],{"class":5260},[5246,17382,5362],{"class":5256},[5246,17384,17385],{"class":5248,"line":5466},[5246,17386,5516],{"class":5256},[5246,17388,17389],{"class":5248,"line":5478},[5246,17390,17391],{"class":6361},"    \u002F\u002F Асинхронна перевірка підключення\n",[5246,17393,17394,17396,17398,17400,17402,17404,17406,17408],{"class":5248,"line":5499},[5246,17395,5522],{"class":5321},[5246,17397,11996],{"class":5391},[5246,17399,5395],{"class":5256},[5246,17401,5115],{"class":5252},[5246,17403,11957],{"class":5260},[5246,17405,5127],{"class":5256},[5246,17407,12007],{"class":5293},[5246,17409,6304],{"class":5256},[5246,17411,17412,17414,17416,17418,17420,17422,17425],{"class":5248,"line":5507},[5246,17413,6203],{"class":5252},[5246,17415,11996],{"class":5260},[5246,17417,5127],{"class":5256},[5246,17419,12045],{"class":5293},[5246,17421,5296],{"class":5256},[5246,17423,17424],{"class":5276},"'SELECT 1'",[5246,17426,5362],{"class":5256},[5246,17428,17429,17432,17434,17436],{"class":5248,"line":5513},[5246,17430,17431],{"class":5260},"    client",[5246,17433,5127],{"class":5256},[5246,17435,12101],{"class":5293},[5246,17437,6304],{"class":5256},[5246,17439,17440],{"class":5248,"line":5519},[5246,17441,5516],{"class":5256},[5246,17443,17444,17446,17448,17450,17452,17455],{"class":5248,"line":5542},[5246,17445,5345],{"class":5260},[5246,17447,5127],{"class":5256},[5246,17449,5666],{"class":5293},[5246,17451,5296],{"class":5256},[5246,17453,17454],{"class":5276},"'Підключення до БД успішне'",[5246,17456,5362],{"class":5256},[5246,17458,17459],{"class":5248,"line":5570},[5246,17460,5516],{"class":5256},[5246,17462,17463,17465,17467,17469,17471,17473,17475,17477],{"class":5248,"line":5575},[5246,17464,5368],{"class":5252},[5246,17466,6702],{"class":5321},[5246,17468,17266],{"class":5293},[5246,17470,5296],{"class":5256},[5246,17472,12281],{"class":5260},[5246,17474,5264],{"class":5256},[5246,17476,11971],{"class":5260},[5246,17478,5362],{"class":5256},[5246,17480,17481],{"class":5248,"line":5612},[5246,17482,5376],{"class":5256},[5246,17484,17485],{"class":5248,"line":5624},[5246,17486,5382],{"class":5256},[5246,17488,17489,17491,17494,17496,17499,17501,17503,17505,17507,17509,17511,17513,17515,17517,17519],{"class":5248,"line":5645},[5246,17490,7011],{"class":5321},[5246,17492,17493],{"class":5293}," query",[5246,17495,5296],{"class":5256},[5246,17497,17498],{"class":5260},"sql",[5246,17500,7021],{"class":5256},[5246,17502,6604],{"class":6053},[5246,17504,5264],{"class":5256},[5246,17506,12387],{"class":5260},[5246,17508,11107],{"class":5256},[5246,17510,7033],{"class":6053},[5246,17512,13811],{"class":5256},[5246,17514,6054],{"class":6053},[5246,17516,6057],{"class":5256},[5246,17518,7033],{"class":6053},[5246,17520,6063],{"class":5256},[5246,17522,17523,17525,17527,17529,17531,17533,17535,17537,17539,17541,17543],{"class":5248,"line":5653},[5246,17524,5368],{"class":5252},[5246,17526,16793],{"class":5321},[5246,17528,5127],{"class":5256},[5246,17530,12281],{"class":5260},[5246,17532,5127],{"class":5256},[5246,17534,12045],{"class":5293},[5246,17536,5296],{"class":5256},[5246,17538,17498],{"class":5260},[5246,17540,5264],{"class":5256},[5246,17542,12387],{"class":5260},[5246,17544,5362],{"class":5256},[5246,17546,17547],{"class":5248,"line":5659},[5246,17548,5376],{"class":5256},[5246,17550,17551],{"class":5248,"line":5676},[5246,17552,5382],{"class":5256},[5246,17554,17555,17557,17560,17562,17564,17566,17568],{"class":5248,"line":5682},[5246,17556,7011],{"class":5321},[5246,17558,17559],{"class":5293}," close",[5246,17561,6050],{"class":5256},[5246,17563,6054],{"class":6053},[5246,17565,6057],{"class":5256},[5246,17567,6060],{"class":6053},[5246,17569,6063],{"class":5256},[5246,17571,17572,17574,17576,17578,17580,17582,17585],{"class":5248,"line":5688},[5246,17573,6203],{"class":5252},[5246,17575,16793],{"class":5321},[5246,17577,5127],{"class":5256},[5246,17579,12281],{"class":5260},[5246,17581,5127],{"class":5256},[5246,17583,17584],{"class":5293},"end",[5246,17586,6304],{"class":5256},[5246,17588,17589],{"class":5248,"line":6822},[5246,17590,5376],{"class":5256},[5246,17592,17593],{"class":5248,"line":7138},[5246,17594,6292],{"class":5256},[5246,17596,17597],{"class":5248,"line":7160},[5246,17598,5287],{"emptyLinePlaceholder":5286},[5246,17600,17601],{"class":5248,"line":7176},[5246,17602,11381],{"class":6361},[5246,17604,17605,17607,17609,17612,17614,17616,17618,17620],{"class":5248,"line":7181},[5246,17606,5108],{"class":5321},[5246,17608,6044],{"class":5321},[5246,17610,17611],{"class":5293}," main",[5246,17613,6050],{"class":5256},[5246,17615,6054],{"class":6053},[5246,17617,6057],{"class":5256},[5246,17619,6060],{"class":6053},[5246,17621,6063],{"class":5256},[5246,17623,17624,17626,17629,17631,17633,17635,17637,17640,17642,17644],{"class":5248,"line":7879},[5246,17625,5388],{"class":5321},[5246,17627,17628],{"class":5391}," db",[5246,17630,5395],{"class":5256},[5246,17632,5115],{"class":5252},[5246,17634,17266],{"class":5260},[5246,17636,5127],{"class":5256},[5246,17638,17639],{"class":5293},"create",[5246,17641,5296],{"class":5256},[5246,17643,11937],{"class":5276},[5246,17645,5362],{"class":5256},[5246,17647,17648],{"class":5248,"line":7895},[5246,17649,5382],{"class":5256},[5246,17651,17652,17654],{"class":5248,"line":7900},[5246,17653,6068],{"class":5252},[5246,17655,5325],{"class":5256},[5246,17657,17658,17660,17662,17664,17666,17668,17670,17672,17674,17676,17678,17680],{"class":5248,"line":7906},[5246,17659,5522],{"class":5321},[5246,17661,7269],{"class":5391},[5246,17663,5395],{"class":5256},[5246,17665,5115],{"class":5252},[5246,17667,17628],{"class":5260},[5246,17669,5127],{"class":5256},[5246,17671,12045],{"class":5293},[5246,17673,5296],{"class":5256},[5246,17675,12218],{"class":5276},[5246,17677,12221],{"class":5256},[5246,17679,8044],{"class":6385},[5246,17681,12226],{"class":5256},[5246,17683,17684,17686,17688,17690,17692,17695,17697,17699,17701,17703],{"class":5248,"line":7925},[5246,17685,5345],{"class":5260},[5246,17687,5127],{"class":5256},[5246,17689,5666],{"class":5293},[5246,17691,5296],{"class":5256},[5246,17693,17694],{"class":5276},"'Результат:'",[5246,17696,5264],{"class":5256},[5246,17698,7313],{"class":5260},[5246,17700,5127],{"class":5256},[5246,17702,12074],{"class":5260},[5246,17704,5362],{"class":5256},[5246,17706,17707,17709,17711],{"class":5248,"line":7950},[5246,17708,6246],{"class":5256},[5246,17710,8940],{"class":5252},[5246,17712,5325],{"class":5256},[5246,17714,17715,17717,17719,17721,17723],{"class":5248,"line":7955},[5246,17716,6203],{"class":5252},[5246,17718,17628],{"class":5260},[5246,17720,5127],{"class":5256},[5246,17722,9278],{"class":5293},[5246,17724,6304],{"class":5256},[5246,17726,17727],{"class":5248,"line":7974},[5246,17728,5376],{"class":5256},[5246,17730,17731],{"class":5248,"line":7999},[5246,17732,6292],{"class":5256},[5246,17734,17735],{"class":5248,"line":8004},[5246,17736,5287],{"emptyLinePlaceholder":5286},[5246,17738,17739,17742,17744,17746,17748,17750,17752,17754],{"class":5248,"line":8020},[5246,17740,17741],{"class":5293},"main",[5246,17743,6494],{"class":5256},[5246,17745,5969],{"class":5293},[5246,17747,5296],{"class":5256},[5246,17749,6401],{"class":5260},[5246,17751,5127],{"class":5256},[5246,17753,5350],{"class":5260},[5246,17755,5362],{"class":5256},[5201,17757,17758],{},"Цей патерн дозволяє гарантувати, що об'єкт класу завжди повністю ініціалізований до моменту його використання.",[5196,17760,17762],{"id":17761},"порівняння-продуктивності-послідовне-vs-паралельне-виконання","Порівняння продуктивності: послідовне vs паралельне виконання",[5201,17764,17765],{},"Розглянемо практичний приклад вимірювання продуктивності різних підходів до виконання асинхронних операцій:",[5236,17767,17769],{"className":5238,"code":17768,"language":5241,"meta":5242,"style":5242},"\u002F\u002F Імітація асинхронних операцій з різною тривалістю\nfunction fetchUser(id: number): Promise\u003Cany> {\n  return new Promise((resolve) => {\n    setTimeout(() => resolve({ id, name: `User ${id}` }), 200);\n  });\n}\n\nfunction fetchPosts(userId: number): Promise\u003Cany[]> {\n  return new Promise((resolve) => {\n    setTimeout(() => resolve([{ id: 1, title: 'Post 1' }]), 150);\n  });\n}\n\nfunction fetchComments(userId: number): Promise\u003Cany[]> {\n  return new Promise((resolve) => {\n    setTimeout(() => resolve([{ id: 1, text: 'Comment 1' }]), 180);\n  });\n}\n\n\u002F\u002F Підхід 1: Послідовне виконання\nasync function loadDataSequential(userId: number): Promise\u003Cany> {\n  const start = Date.now();\n  \n  const user = await fetchUser(userId);\n  const posts = await fetchPosts(userId);\n  const comments = await fetchComments(userId);\n  \n  const duration = Date.now() - start;\n  console.log(`Послідовне виконання: ${duration}мс`);\n  \n  return { user, posts, comments };\n}\n\n\u002F\u002F Підхід 2: Паралельне виконання\nasync function loadDataParallel(userId: number): Promise\u003Cany> {\n  const start = Date.now();\n  \n  const [user, posts, comments] = await Promise.all([\n    fetchUser(userId),\n    fetchPosts(userId),\n    fetchComments(userId),\n  ]);\n  \n  const duration = Date.now() - start;\n  console.log(`Паралельне виконання: ${duration}мс`);\n  \n  return { user, posts, comments };\n}\n\n\u002F\u002F Підхід 3: Гібридне виконання (з залежностями)\nasync function loadDataHybrid(userId: number): Promise\u003Cany> {\n  const start = Date.now();\n  \n  \u002F\u002F Крок 1: Завантажити користувача (обов'язковий)\n  const user = await fetchUser(userId);\n  \n  \u002F\u002F Крок 2: Паралельно завантажити залежні дані\n  const [posts, comments] = await Promise.all([\n    fetchPosts(user.id),\n    fetchComments(user.id),\n  ]);\n  \n  const duration = Date.now() - start;\n  console.log(`Гібридне виконання: ${duration}мс`);\n  \n  return { user, posts, comments };\n}\n\n\u002F\u002F Вимірювання\nasync function measurePerformance(): Promise\u003Cvoid> {\n  console.log('=== Тест продуктивності ===\\n');\n  \n  await loadDataSequential(42);  \u002F\u002F ~530мс (200 + 150 + 180)\n  await loadDataParallel(42);    \u002F\u002F ~200мс (max(200, 150, 180))\n  await loadDataHybrid(42);      \u002F\u002F ~380мс (200 + max(150, 180))\n}\n\nmeasurePerformance();\n\n\u002F\u002F Приблизний вивід:\n\u002F\u002F === Тест продуктивності ===\n\u002F\u002F\n\u002F\u002F Послідовне виконання: 532мс\n\u002F\u002F Паралельне виконання: 201мс\n\u002F\u002F Гібридне виконання: 381мс\n",[5099,17770,17771,17776,17800,17818,17857,17861,17865,17869,17894,17912,17946,17950,17954,17958,17983,18001,18032,18036,18040,18044,18049,18076,18094,18098,18116,18134,18152,18156,18179,18203,18207,18225,18229,18233,18238,18265,18281,18285,18313,18323,18334,18345,18349,18353,18373,18396,18400,18418,18422,18426,18431,18458,18474,18478,18483,18502,18507,18513,18538,18553,18568,18573,18578,18599,18623,18628,18647,18652,18657,18663,18683,18705,18710,18726,18743,18760,18765,18770,18778,18783,18789,18795,18801,18807,18813],{"__ignoreMap":5242},[5246,17772,17773],{"class":5248,"line":5249},[5246,17774,17775],{"class":6361},"\u002F\u002F Імітація асинхронних операцій з різною тривалістю\n",[5246,17777,17778,17780,17782,17784,17786,17788,17790,17792,17794,17796,17798],{"class":5248,"line":5283},[5246,17779,6367],{"class":5321},[5246,17781,7014],{"class":5293},[5246,17783,5296],{"class":5256},[5246,17785,5437],{"class":5260},[5246,17787,7021],{"class":5256},[5246,17789,6375],{"class":6053},[5246,17791,7026],{"class":5256},[5246,17793,6054],{"class":6053},[5246,17795,6057],{"class":5256},[5246,17797,7033],{"class":6053},[5246,17799,6063],{"class":5256},[5246,17801,17802,17804,17806,17808,17810,17812,17814,17816],{"class":5248,"line":5290},[5246,17803,6382],{"class":5252},[5246,17805,6702],{"class":5321},[5246,17807,6794],{"class":6053},[5246,17809,5748],{"class":5256},[5246,17811,6799],{"class":5260},[5246,17813,5318],{"class":5256},[5246,17815,5322],{"class":5321},[5246,17817,5325],{"class":5256},[5246,17819,17820,17823,17825,17827,17830,17832,17834,17836,17838,17841,17843,17845,17847,17849,17852,17855],{"class":5248,"line":5328},[5246,17821,17822],{"class":5293},"    setTimeout",[5246,17824,5940],{"class":5256},[5246,17826,5322],{"class":5321},[5246,17828,17829],{"class":5293}," resolve",[5246,17831,11968],{"class":5256},[5246,17833,5437],{"class":5260},[5246,17835,5264],{"class":5256},[5246,17837,7048],{"class":5260},[5246,17839,17840],{"class":5276}," `User ",[5246,17842,5428],{"class":5321},[5246,17844,5437],{"class":5260},[5246,17846,5440],{"class":5321},[5246,17848,7614],{"class":5276},[5246,17850,17851],{"class":5256}," }), ",[5246,17853,17854],{"class":6385},"200",[5246,17856,5362],{"class":5256},[5246,17858,17859],{"class":5248,"line":5342},[5246,17860,5685],{"class":5256},[5246,17862,17863],{"class":5248,"line":5365},[5246,17864,6292],{"class":5256},[5246,17866,17867],{"class":5248,"line":5373},[5246,17868,5287],{"emptyLinePlaceholder":5286},[5246,17870,17871,17873,17876,17878,17880,17882,17884,17886,17888,17890,17892],{"class":5248,"line":5379},[5246,17872,6367],{"class":5321},[5246,17874,17875],{"class":5293}," fetchPosts",[5246,17877,5296],{"class":5256},[5246,17879,7722],{"class":5260},[5246,17881,7021],{"class":5256},[5246,17883,6375],{"class":6053},[5246,17885,7026],{"class":5256},[5246,17887,6054],{"class":6053},[5246,17889,6057],{"class":5256},[5246,17891,7033],{"class":6053},[5246,17893,7738],{"class":5256},[5246,17895,17896,17898,17900,17902,17904,17906,17908,17910],{"class":5248,"line":5385},[5246,17897,6382],{"class":5252},[5246,17899,6702],{"class":5321},[5246,17901,6794],{"class":6053},[5246,17903,5748],{"class":5256},[5246,17905,6799],{"class":5260},[5246,17907,5318],{"class":5256},[5246,17909,5322],{"class":5321},[5246,17911,5325],{"class":5256},[5246,17913,17914,17916,17918,17920,17922,17925,17928,17930,17932,17935,17938,17941,17944],{"class":5248,"line":5412},[5246,17915,17822],{"class":5293},[5246,17917,5940],{"class":5256},[5246,17919,5322],{"class":5321},[5246,17921,17829],{"class":5293},[5246,17923,17924],{"class":5256},"([{ ",[5246,17926,17927],{"class":5260},"id:",[5246,17929,15131],{"class":6385},[5246,17931,5264],{"class":5256},[5246,17933,17934],{"class":5260},"title:",[5246,17936,17937],{"class":5276}," 'Post 1'",[5246,17939,17940],{"class":5256}," }]), ",[5246,17942,17943],{"class":6385},"150",[5246,17945,5362],{"class":5256},[5246,17947,17948],{"class":5248,"line":5417},[5246,17949,5685],{"class":5256},[5246,17951,17952],{"class":5248,"line":5466},[5246,17953,6292],{"class":5256},[5246,17955,17956],{"class":5248,"line":5478},[5246,17957,5287],{"emptyLinePlaceholder":5286},[5246,17959,17960,17962,17965,17967,17969,17971,17973,17975,17977,17979,17981],{"class":5248,"line":5499},[5246,17961,6367],{"class":5321},[5246,17963,17964],{"class":5293}," fetchComments",[5246,17966,5296],{"class":5256},[5246,17968,7722],{"class":5260},[5246,17970,7021],{"class":5256},[5246,17972,6375],{"class":6053},[5246,17974,7026],{"class":5256},[5246,17976,6054],{"class":6053},[5246,17978,6057],{"class":5256},[5246,17980,7033],{"class":6053},[5246,17982,7738],{"class":5256},[5246,17984,17985,17987,17989,17991,17993,17995,17997,17999],{"class":5248,"line":5507},[5246,17986,6382],{"class":5252},[5246,17988,6702],{"class":5321},[5246,17990,6794],{"class":6053},[5246,17992,5748],{"class":5256},[5246,17994,6799],{"class":5260},[5246,17996,5318],{"class":5256},[5246,17998,5322],{"class":5321},[5246,18000,5325],{"class":5256},[5246,18002,18003,18005,18007,18009,18011,18013,18015,18017,18019,18022,18025,18027,18030],{"class":5248,"line":5513},[5246,18004,17822],{"class":5293},[5246,18006,5940],{"class":5256},[5246,18008,5322],{"class":5321},[5246,18010,17829],{"class":5293},[5246,18012,17924],{"class":5256},[5246,18014,17927],{"class":5260},[5246,18016,15131],{"class":6385},[5246,18018,5264],{"class":5256},[5246,18020,18021],{"class":5260},"text:",[5246,18023,18024],{"class":5276}," 'Comment 1'",[5246,18026,17940],{"class":5256},[5246,18028,18029],{"class":6385},"180",[5246,18031,5362],{"class":5256},[5246,18033,18034],{"class":5248,"line":5519},[5246,18035,5685],{"class":5256},[5246,18037,18038],{"class":5248,"line":5542},[5246,18039,6292],{"class":5256},[5246,18041,18042],{"class":5248,"line":5570},[5246,18043,5287],{"emptyLinePlaceholder":5286},[5246,18045,18046],{"class":5248,"line":5575},[5246,18047,18048],{"class":6361},"\u002F\u002F Підхід 1: Послідовне виконання\n",[5246,18050,18051,18053,18055,18058,18060,18062,18064,18066,18068,18070,18072,18074],{"class":5248,"line":5612},[5246,18052,5108],{"class":5321},[5246,18054,6044],{"class":5321},[5246,18056,18057],{"class":5293}," loadDataSequential",[5246,18059,5296],{"class":5256},[5246,18061,7722],{"class":5260},[5246,18063,7021],{"class":5256},[5246,18065,6375],{"class":6053},[5246,18067,7026],{"class":5256},[5246,18069,6054],{"class":6053},[5246,18071,6057],{"class":5256},[5246,18073,7033],{"class":6053},[5246,18075,6063],{"class":5256},[5246,18077,18078,18080,18083,18085,18088,18090,18092],{"class":5248,"line":5624},[5246,18079,5388],{"class":5321},[5246,18081,18082],{"class":5391}," start",[5246,18084,5395],{"class":5256},[5246,18086,18087],{"class":5260},"Date",[5246,18089,5127],{"class":5256},[5246,18091,12085],{"class":5293},[5246,18093,6304],{"class":5256},[5246,18095,18096],{"class":5248,"line":5645},[5246,18097,5382],{"class":5256},[5246,18099,18100,18102,18104,18106,18108,18110,18112,18114],{"class":5248,"line":5653},[5246,18101,5388],{"class":5321},[5246,18103,5392],{"class":5391},[5246,18105,5395],{"class":5256},[5246,18107,5115],{"class":5252},[5246,18109,7014],{"class":5293},[5246,18111,5296],{"class":5256},[5246,18113,7722],{"class":5260},[5246,18115,5362],{"class":5256},[5246,18117,18118,18120,18122,18124,18126,18128,18130,18132],{"class":5248,"line":5659},[5246,18119,5388],{"class":5321},[5246,18121,5525],{"class":5391},[5246,18123,5395],{"class":5256},[5246,18125,5115],{"class":5252},[5246,18127,17875],{"class":5293},[5246,18129,5296],{"class":5256},[5246,18131,7722],{"class":5260},[5246,18133,5362],{"class":5256},[5246,18135,18136,18138,18140,18142,18144,18146,18148,18150],{"class":5248,"line":5676},[5246,18137,5388],{"class":5321},[5246,18139,10083],{"class":5391},[5246,18141,5395],{"class":5256},[5246,18143,5115],{"class":5252},[5246,18145,17964],{"class":5293},[5246,18147,5296],{"class":5256},[5246,18149,7722],{"class":5260},[5246,18151,5362],{"class":5256},[5246,18153,18154],{"class":5248,"line":5682},[5246,18155,5382],{"class":5256},[5246,18157,18158,18160,18163,18165,18167,18169,18171,18174,18177],{"class":5248,"line":5688},[5246,18159,5388],{"class":5321},[5246,18161,18162],{"class":5391}," duration",[5246,18164,5395],{"class":5256},[5246,18166,18087],{"class":5260},[5246,18168,5127],{"class":5256},[5246,18170,12085],{"class":5293},[5246,18172,18173],{"class":5256},"() - ",[5246,18175,18176],{"class":5260},"start",[5246,18178,5280],{"class":5256},[5246,18180,18181,18183,18185,18187,18189,18192,18194,18197,18199,18201],{"class":5248,"line":6822},[5246,18182,6512],{"class":5260},[5246,18184,5127],{"class":5256},[5246,18186,5666],{"class":5293},[5246,18188,5296],{"class":5256},[5246,18190,18191],{"class":5276},"`Послідовне виконання: ",[5246,18193,5428],{"class":5321},[5246,18195,18196],{"class":5260},"duration",[5246,18198,5440],{"class":5321},[5246,18200,15846],{"class":5276},[5246,18202,5362],{"class":5256},[5246,18204,18205],{"class":5248,"line":7138},[5246,18206,5382],{"class":5256},[5246,18208,18209,18211,18213,18215,18217,18219,18221,18223],{"class":5248,"line":7160},[5246,18210,6382],{"class":5252},[5246,18212,5257],{"class":5256},[5246,18214,5431],{"class":5260},[5246,18216,5264],{"class":5256},[5246,18218,7990],{"class":5260},[5246,18220,5264],{"class":5256},[5246,18222,10120],{"class":5260},[5246,18224,5567],{"class":5256},[5246,18226,18227],{"class":5248,"line":7176},[5246,18228,6292],{"class":5256},[5246,18230,18231],{"class":5248,"line":7181},[5246,18232,5287],{"emptyLinePlaceholder":5286},[5246,18234,18235],{"class":5248,"line":7879},[5246,18236,18237],{"class":6361},"\u002F\u002F Підхід 2: Паралельне виконання\n",[5246,18239,18240,18242,18244,18247,18249,18251,18253,18255,18257,18259,18261,18263],{"class":5248,"line":7895},[5246,18241,5108],{"class":5321},[5246,18243,6044],{"class":5321},[5246,18245,18246],{"class":5293}," loadDataParallel",[5246,18248,5296],{"class":5256},[5246,18250,7722],{"class":5260},[5246,18252,7021],{"class":5256},[5246,18254,6375],{"class":6053},[5246,18256,7026],{"class":5256},[5246,18258,6054],{"class":6053},[5246,18260,6057],{"class":5256},[5246,18262,7033],{"class":6053},[5246,18264,6063],{"class":5256},[5246,18266,18267,18269,18271,18273,18275,18277,18279],{"class":5248,"line":7900},[5246,18268,5388],{"class":5321},[5246,18270,18082],{"class":5391},[5246,18272,5395],{"class":5256},[5246,18274,18087],{"class":5260},[5246,18276,5127],{"class":5256},[5246,18278,12085],{"class":5293},[5246,18280,6304],{"class":5256},[5246,18282,18283],{"class":5248,"line":7906},[5246,18284,5382],{"class":5256},[5246,18286,18287,18289,18291,18293,18295,18297,18299,18301,18303,18305,18307,18309,18311],{"class":5248,"line":7925},[5246,18288,5388],{"class":5321},[5246,18290,10184],{"class":5256},[5246,18292,5431],{"class":5391},[5246,18294,5264],{"class":5256},[5246,18296,7990],{"class":5391},[5246,18298,5264],{"class":5256},[5246,18300,10120],{"class":5391},[5246,18302,10197],{"class":5256},[5246,18304,5115],{"class":5252},[5246,18306,6794],{"class":6053},[5246,18308,5127],{"class":5256},[5246,18310,10206],{"class":5293},[5246,18312,10209],{"class":5256},[5246,18314,18315,18317,18319,18321],{"class":5248,"line":7950},[5246,18316,10214],{"class":5293},[5246,18318,5296],{"class":5256},[5246,18320,7722],{"class":5260},[5246,18322,10221],{"class":5256},[5246,18324,18325,18328,18330,18332],{"class":5248,"line":7955},[5246,18326,18327],{"class":5293},"    fetchPosts",[5246,18329,5296],{"class":5256},[5246,18331,7722],{"class":5260},[5246,18333,10221],{"class":5256},[5246,18335,18336,18339,18341,18343],{"class":5248,"line":7974},[5246,18337,18338],{"class":5293},"    fetchComments",[5246,18340,5296],{"class":5256},[5246,18342,7722],{"class":5260},[5246,18344,10221],{"class":5256},[5246,18346,18347],{"class":5248,"line":7999},[5246,18348,10248],{"class":5256},[5246,18350,18351],{"class":5248,"line":8004},[5246,18352,5382],{"class":5256},[5246,18354,18355,18357,18359,18361,18363,18365,18367,18369,18371],{"class":5248,"line":8020},[5246,18356,5388],{"class":5321},[5246,18358,18162],{"class":5391},[5246,18360,5395],{"class":5256},[5246,18362,18087],{"class":5260},[5246,18364,5127],{"class":5256},[5246,18366,12085],{"class":5293},[5246,18368,18173],{"class":5256},[5246,18370,18176],{"class":5260},[5246,18372,5280],{"class":5256},[5246,18374,18375,18377,18379,18381,18383,18386,18388,18390,18392,18394],{"class":5248,"line":8025},[5246,18376,6512],{"class":5260},[5246,18378,5127],{"class":5256},[5246,18380,5666],{"class":5293},[5246,18382,5296],{"class":5256},[5246,18384,18385],{"class":5276},"`Паралельне виконання: ",[5246,18387,5428],{"class":5321},[5246,18389,18196],{"class":5260},[5246,18391,5440],{"class":5321},[5246,18393,15846],{"class":5276},[5246,18395,5362],{"class":5256},[5246,18397,18398],{"class":5248,"line":8030},[5246,18399,5382],{"class":5256},[5246,18401,18402,18404,18406,18408,18410,18412,18414,18416],{"class":5248,"line":8036},[5246,18403,6382],{"class":5252},[5246,18405,5257],{"class":5256},[5246,18407,5431],{"class":5260},[5246,18409,5264],{"class":5256},[5246,18411,7990],{"class":5260},[5246,18413,5264],{"class":5256},[5246,18415,10120],{"class":5260},[5246,18417,5567],{"class":5256},[5246,18419,18420],{"class":5248,"line":8049},[5246,18421,6292],{"class":5256},[5246,18423,18424],{"class":5248,"line":8075},[5246,18425,5287],{"emptyLinePlaceholder":5286},[5246,18427,18428],{"class":5248,"line":9929},[5246,18429,18430],{"class":6361},"\u002F\u002F Підхід 3: Гібридне виконання (з залежностями)\n",[5246,18432,18433,18435,18437,18440,18442,18444,18446,18448,18450,18452,18454,18456],{"class":5248,"line":9940},[5246,18434,5108],{"class":5321},[5246,18436,6044],{"class":5321},[5246,18438,18439],{"class":5293}," loadDataHybrid",[5246,18441,5296],{"class":5256},[5246,18443,7722],{"class":5260},[5246,18445,7021],{"class":5256},[5246,18447,6375],{"class":6053},[5246,18449,7026],{"class":5256},[5246,18451,6054],{"class":6053},[5246,18453,6057],{"class":5256},[5246,18455,7033],{"class":6053},[5246,18457,6063],{"class":5256},[5246,18459,18460,18462,18464,18466,18468,18470,18472],{"class":5248,"line":9951},[5246,18461,5388],{"class":5321},[5246,18463,18082],{"class":5391},[5246,18465,5395],{"class":5256},[5246,18467,18087],{"class":5260},[5246,18469,5127],{"class":5256},[5246,18471,12085],{"class":5293},[5246,18473,6304],{"class":5256},[5246,18475,18476],{"class":5248,"line":9957},[5246,18477,5382],{"class":5256},[5246,18479,18480],{"class":5248,"line":9963},[5246,18481,18482],{"class":6361},"  \u002F\u002F Крок 1: Завантажити користувача (обов'язковий)\n",[5246,18484,18486,18488,18490,18492,18494,18496,18498,18500],{"class":5248,"line":18485},55,[5246,18487,5388],{"class":5321},[5246,18489,5392],{"class":5391},[5246,18491,5395],{"class":5256},[5246,18493,5115],{"class":5252},[5246,18495,7014],{"class":5293},[5246,18497,5296],{"class":5256},[5246,18499,7722],{"class":5260},[5246,18501,5362],{"class":5256},[5246,18503,18505],{"class":5248,"line":18504},56,[5246,18506,5382],{"class":5256},[5246,18508,18510],{"class":5248,"line":18509},57,[5246,18511,18512],{"class":6361},"  \u002F\u002F Крок 2: Паралельно завантажити залежні дані\n",[5246,18514,18516,18518,18520,18522,18524,18526,18528,18530,18532,18534,18536],{"class":5248,"line":18515},58,[5246,18517,5388],{"class":5321},[5246,18519,10184],{"class":5256},[5246,18521,7990],{"class":5391},[5246,18523,5264],{"class":5256},[5246,18525,10120],{"class":5391},[5246,18527,10197],{"class":5256},[5246,18529,5115],{"class":5252},[5246,18531,6794],{"class":6053},[5246,18533,5127],{"class":5256},[5246,18535,10206],{"class":5293},[5246,18537,10209],{"class":5256},[5246,18539,18541,18543,18545,18547,18549,18551],{"class":5248,"line":18540},59,[5246,18542,18327],{"class":5293},[5246,18544,5296],{"class":5256},[5246,18546,5431],{"class":5260},[5246,18548,5127],{"class":5256},[5246,18550,5437],{"class":5260},[5246,18552,10221],{"class":5256},[5246,18554,18556,18558,18560,18562,18564,18566],{"class":5248,"line":18555},60,[5246,18557,18338],{"class":5293},[5246,18559,5296],{"class":5256},[5246,18561,5431],{"class":5260},[5246,18563,5127],{"class":5256},[5246,18565,5437],{"class":5260},[5246,18567,10221],{"class":5256},[5246,18569,18571],{"class":5248,"line":18570},61,[5246,18572,10248],{"class":5256},[5246,18574,18576],{"class":5248,"line":18575},62,[5246,18577,5382],{"class":5256},[5246,18579,18581,18583,18585,18587,18589,18591,18593,18595,18597],{"class":5248,"line":18580},63,[5246,18582,5388],{"class":5321},[5246,18584,18162],{"class":5391},[5246,18586,5395],{"class":5256},[5246,18588,18087],{"class":5260},[5246,18590,5127],{"class":5256},[5246,18592,12085],{"class":5293},[5246,18594,18173],{"class":5256},[5246,18596,18176],{"class":5260},[5246,18598,5280],{"class":5256},[5246,18600,18602,18604,18606,18608,18610,18613,18615,18617,18619,18621],{"class":5248,"line":18601},64,[5246,18603,6512],{"class":5260},[5246,18605,5127],{"class":5256},[5246,18607,5666],{"class":5293},[5246,18609,5296],{"class":5256},[5246,18611,18612],{"class":5276},"`Гібридне виконання: ",[5246,18614,5428],{"class":5321},[5246,18616,18196],{"class":5260},[5246,18618,5440],{"class":5321},[5246,18620,15846],{"class":5276},[5246,18622,5362],{"class":5256},[5246,18624,18626],{"class":5248,"line":18625},65,[5246,18627,5382],{"class":5256},[5246,18629,18631,18633,18635,18637,18639,18641,18643,18645],{"class":5248,"line":18630},66,[5246,18632,6382],{"class":5252},[5246,18634,5257],{"class":5256},[5246,18636,5431],{"class":5260},[5246,18638,5264],{"class":5256},[5246,18640,7990],{"class":5260},[5246,18642,5264],{"class":5256},[5246,18644,10120],{"class":5260},[5246,18646,5567],{"class":5256},[5246,18648,18650],{"class":5248,"line":18649},67,[5246,18651,6292],{"class":5256},[5246,18653,18655],{"class":5248,"line":18654},68,[5246,18656,5287],{"emptyLinePlaceholder":5286},[5246,18658,18660],{"class":5248,"line":18659},69,[5246,18661,18662],{"class":6361},"\u002F\u002F Вимірювання\n",[5246,18664,18666,18668,18670,18673,18675,18677,18679,18681],{"class":5248,"line":18665},70,[5246,18667,5108],{"class":5321},[5246,18669,6044],{"class":5321},[5246,18671,18672],{"class":5293}," measurePerformance",[5246,18674,6050],{"class":5256},[5246,18676,6054],{"class":6053},[5246,18678,6057],{"class":5256},[5246,18680,6060],{"class":6053},[5246,18682,6063],{"class":5256},[5246,18684,18686,18688,18690,18692,18694,18697,18700,18703],{"class":5248,"line":18685},71,[5246,18687,6512],{"class":5260},[5246,18689,5127],{"class":5256},[5246,18691,5666],{"class":5293},[5246,18693,5296],{"class":5256},[5246,18695,18696],{"class":5276},"'=== Тест продуктивності ===",[5246,18698,18699],{"class":9608},"\\n",[5246,18701,18702],{"class":5276},"'",[5246,18704,5362],{"class":5256},[5246,18706,18708],{"class":5248,"line":18707},72,[5246,18709,5382],{"class":5256},[5246,18711,18713,18715,18717,18719,18721,18723],{"class":5248,"line":18712},73,[5246,18714,14330],{"class":5252},[5246,18716,18057],{"class":5293},[5246,18718,5296],{"class":5256},[5246,18720,8044],{"class":6385},[5246,18722,10073],{"class":5256},[5246,18724,18725],{"class":6361},"\u002F\u002F ~530мс (200 + 150 + 180)\n",[5246,18727,18729,18731,18733,18735,18737,18740],{"class":5248,"line":18728},74,[5246,18730,14330],{"class":5252},[5246,18732,18246],{"class":5293},[5246,18734,5296],{"class":5256},[5246,18736,8044],{"class":6385},[5246,18738,18739],{"class":5256},");    ",[5246,18741,18742],{"class":6361},"\u002F\u002F ~200мс (max(200, 150, 180))\n",[5246,18744,18746,18748,18750,18752,18754,18757],{"class":5248,"line":18745},75,[5246,18747,14330],{"class":5252},[5246,18749,18439],{"class":5293},[5246,18751,5296],{"class":5256},[5246,18753,8044],{"class":6385},[5246,18755,18756],{"class":5256},");      ",[5246,18758,18759],{"class":6361},"\u002F\u002F ~380мс (200 + max(150, 180))\n",[5246,18761,18763],{"class":5248,"line":18762},76,[5246,18764,6292],{"class":5256},[5246,18766,18768],{"class":5248,"line":18767},77,[5246,18769,5287],{"emptyLinePlaceholder":5286},[5246,18771,18773,18776],{"class":5248,"line":18772},78,[5246,18774,18775],{"class":5293},"measurePerformance",[5246,18777,6304],{"class":5256},[5246,18779,18781],{"class":5248,"line":18780},79,[5246,18782,5287],{"emptyLinePlaceholder":5286},[5246,18784,18786],{"class":5248,"line":18785},80,[5246,18787,18788],{"class":6361},"\u002F\u002F Приблизний вивід:\n",[5246,18790,18792],{"class":5248,"line":18791},81,[5246,18793,18794],{"class":6361},"\u002F\u002F === Тест продуктивності ===\n",[5246,18796,18798],{"class":5248,"line":18797},82,[5246,18799,18800],{"class":6361},"\u002F\u002F\n",[5246,18802,18804],{"class":5248,"line":18803},83,[5246,18805,18806],{"class":6361},"\u002F\u002F Послідовне виконання: 532мс\n",[5246,18808,18810],{"class":5248,"line":18809},84,[5246,18811,18812],{"class":6361},"\u002F\u002F Паралельне виконання: 201мс\n",[5246,18814,18816],{"class":5248,"line":18815},85,[5246,18817,18818],{"class":6361},"\u002F\u002F Гібридне виконання: 381мс\n",[6314,18820,18821,18822,18825],{},"Результати демонструють, що паралельне виконання дає ",[5147,18823,18824],{},"2,6× прискорення"," порівняно з послідовним для незалежних операцій. Гібридний підхід є компромісом, коли є залежності між операціями.",[5196,18827,18829],{"id":18828},"інтерактивні-запитання-для-самоконтролю","Інтерактивні запитання для самоконтролю",[18831,18832,18833,18856,18880,18930,18969,19023],"accordion",{},[18834,18835,6334,18838,18840,18841,18844,18845,18847,18848,18851,18852,16632,18854,5127],"accordion-item",{"icon":18836,"label":18837},"i-lucide-help-circle","❓ Чому async функція завжди повертає проміс, навіть якщо явно повертається звичайне значення?",[5099,18839,5108],{}," перетворює функцію на ",[5147,18842,18843],{},"фабрику промісів",". Будь-яке значення, що повертається з ",[5099,18846,5108],{}," функції, автоматично обгортається у ",[5099,18849,18850],{},"Promise.resolve()",". Це гарантує єдиний інтерфейс роботи з усіма асинхронними функціями — незалежно від того, чи вони виконують асинхронні операції всередині, вони завжди повертають проміс, який можна обробити через ",[5099,18853,5221],{},[5099,18855,5115],{},[18834,18857,18859,18860,18862,18863,18866,18867,18870,18871,18873,18874,18876,18877,18879],{"icon":18836,"label":18858},"❓ Що станеться, якщо забути await перед асинхронним викликом?","Без ",[5099,18861,5115],{}," змінна отримає ",[5147,18864,18865],{},"об'єкт Promise",", а не результат його виконання. Це призведе до логічних помилок — наприклад, спроба отримати доступ до властивості промісу (",[5099,18868,18869],{},"promise.name",") поверне ",[5099,18872,9029],{},", оскільки промісу немає такої властивості. TypeScript частково захищає від цієї помилки через систему типів, але у динамічних сценаріях помилка може залишитися непоміченою до runtime. Завжди використовуйте ",[5099,18875,5115],{}," для розгортання промісів всередині ",[5099,18878,5108],{}," функцій.",[18834,18881,18883,18895,18924],{"icon":18836,"label":18882},"❓ Чим відрізняється обробка помилок через try\u002Fcatch від .catch()?",[5201,18884,18885,18886,18888,18889,18891,18892,7398],{},"Обидва підходи функціонально еквівалентні — і ",[5099,18887,5122],{},", і ",[5099,18890,5126],{}," перехоплюють відхилені проміси. Ключова різниця у ",[5147,18893,18894],{},"синтаксисі та структурі коду",[5092,18896,18897,18906,18915],{},[5095,18898,18899,18901,18902,18905],{},[5099,18900,5122],{}," робить код більш ",[5147,18903,18904],{},"лінійним"," та схожим на синхронний, що покращує читабельність.",[5095,18907,18908,18910,18911,18914],{},[5099,18909,5122],{}," дозволяє використовувати ",[5147,18912,18913],{},"локальні змінні"," між кроками без вкладеності.",[5095,18916,18917,18919,18920,18923],{},[5099,18918,5126],{}," краще підходить для ",[5147,18921,18922],{},"функціональних трансформацій"," та коротких ланцюжків.",[5201,18925,18926,18927,18929],{},"Вибір залежить від стилю коду та складності логіки. Для складних функцій з розгалуженнями ",[5099,18928,5122],{}," зазвичай зручніший.",[18834,18931,18933,18946,18960],{"icon":18836,"label":18932},"❓ Чому важливо використовувати Promise.all() замість кількох await підряд для незалежних операцій?",[5201,18934,18935,18936,18938,18939,18941,18942,18945],{},"Кілька ",[5099,18937,5115],{}," підряд виконуються ",[5147,18940,11041],{}," — кожна наступна операція чекає завершення попередньої, навіть якщо вони незалежні. Це призводить до ",[5147,18943,18944],{},"сумування часу виконання"," (якщо операції тривають 200мс, 150мс та 180мс, загальний час буде 530мс).",[5201,18947,18948,18950,18951,18953,18954,18957,18958,5127],{},[5099,18949,11057],{}," запускає всі операції ",[5147,18952,9988],{}," (конкурентно) та чекає завершення всіх. Загальний час дорівнює ",[5147,18955,18956],{},"максимальному часу найповільнішої операції"," (~200мс у нашому прикладі), що дає ",[5147,18959,18824],{},[5201,18961,18962,18963,18965,18966,18968],{},"Правило: якщо операції ",[5147,18964,11050],{}," (результат однієї не потрібен для іншої), завжди виконуйте їх паралельно через ",[5099,18967,11057],{}," або інші комбінатори.",[18834,18970,18972,18987,18992,19014],{"icon":18836,"label":18971},"❓ Що таке top-level await та де його можна використовувати?",[5201,18973,18974,18977,18978,18980,18981,6319,18984,18986],{},[5147,18975,18976],{},"Top-level await"," (ES2022) дозволяє використовувати оператор ",[5099,18979,5115],{}," на верхньому рівні модулів ES ",[5147,18982,18983],{},"поза",[5099,18985,5108],{}," функціями. Це спрощує ініціалізацію модулів, що потребують асинхронного завантаження даних (конфігурації, підключення до БД, завантаження ресурсів).",[5201,18988,18989],{},[5147,18990,18991],{},"Обмеження:",[5205,18993,18994,19005,19011],{},[5095,18995,18996,18997,5334,19000,11857,19002,19004],{},"Працює ",[5147,18998,18999],{},"лише у ES-модулях",[5099,19001,5253],{},[5099,19003,11780],{},"), не у CommonJS.",[5095,19006,19007,19010],{},[5147,19008,19009],{},"Блокує імпорт"," модуля до завершення асинхронної операції.",[5095,19012,19013],{},"Потрібна Node.js 14.8+ або сучасні браузери.",[5201,19015,19016,19019,19020,19022],{},[5147,19017,19018],{},"Використовуйте обережно:"," тривалі операції на верхньому рівні уповільнюють завантаження застосунку. Для складних ініціалізацій краще використовувати явні ",[5099,19021,5108],{}," функції ініціалізації.",[18834,19024,19026,19047],{"icon":18836,"label":19025},"❓ Чи є async\u002Fawait швидшим за .then()\u002F.catch()?",[5201,19027,19028,6319,19031,19033,19034,19036,19037,19039,19040,19042,19043,19046],{},[5147,19029,19030],{},"Ні, продуктивність однакова.",[5099,19032,5101],{}," є ",[5147,19035,6329],{}," над промісами — під капотом компілятор трансформує ",[5099,19038,5101],{}," код у еквівалентні ",[5099,19041,5221],{}," ланцюжки. Різниця лише у ",[5147,19044,19045],{},"читабельності та зручності",", а не у швидкодії.",[5201,19048,19049,19050,19052,19053,19055,19056,19052,19059,19062],{},"Обидва підходи виконуються через Event Loop та мають однакові накладні витрати. Вибір між ",[5099,19051,5101],{}," та ",[5099,19054,5221],{}," має базуватися на ",[5147,19057,19058],{},"структурі коду",[5147,19060,19061],{},"особистих перевагах команди",", а не на міркуваннях продуктивності.",[5196,19064,19066],{"id":19065},"підсумок-та-ключові-висновки","Підсумок та ключові висновки",[5201,19068,19069,19070,19072],{},"У цій лекції ми детально розглянули синтаксис ",[5099,19071,5101],{}," як сучасний спосіб роботи з асинхронним кодом у JavaScript та TypeScript:",[5084,19074,19075,19104,19133,19166],{},[5087,19076,19079,19098],{"icon":19077,"title":19078},"i-lucide-function-square","🎯 Ключове слово async",[5092,19080,19081,19084,19089,19095],{},[5095,19082,19083],{},"Перетворює функцію на фабрику промісів.",[5095,19085,19086,19087,5127],{},"Автоматично обгортає повернене значення у ",[5099,19088,18850],{},[5095,19090,19091,19092,19094],{},"Дозволяє використання оператора ",[5099,19093,5115],{}," всередині.",[5095,19096,19097],{},"Викинуті виключення автоматично стають відхиленими промісами.",[5201,19099,19100,19103],{},[5147,19101,19102],{},"Використання:"," будь-яка функція, що виконує асинхронні операції або повинна повертати проміс.",[5087,19105,19108,19125],{"icon":19106,"title":19107},"i-lucide-pause","⏸️ Оператор await",[5092,19109,19110,19116,19119,19122],{},[5095,19111,19112,19113,19115],{},"Призупиняє виконання ",[5099,19114,5108],{}," функції до завершення промісу.",[5095,19117,19118],{},"Повертає розгорнуте значення промісу (не проміс!).",[5095,19120,19121],{},"Викидає виключення, якщо проміс відхилено.",[5095,19123,19124],{},"Не блокує Event Loop — інший код продовжує виконуватися.",[5201,19126,19127,19129,19130,19132],{},[5147,19128,19102],{}," всередині ",[5099,19131,5108],{}," функцій для очікування асинхронних результатів.",[5087,19134,19137,19156],{"icon":19135,"title":19136},"i-lucide-shield-alert","🛡️ Обробка помилок",[5092,19138,19139,19145,19150,19153],{},[5095,19140,19141,19142,19144],{},"Використовуйте ",[5099,19143,5122],{}," для централізованої обробки помилок.",[5095,19146,8937,19147,19149],{},[5099,19148,8940],{}," гарантує виконання коду очищення.",[5095,19151,19152],{},"Можлива вибіркова обробка за типом помилки.",[5095,19154,19155],{},"Необроблені відхилення призводять до завершення процесу (Node.js 15+).",[5201,19157,19158,19160,19161,19163,19164,5127],{},[5147,19159,19102],{}," обов'язково обгортайте асинхронний код у ",[5099,19162,5122],{}," або обробляйте помилки через ",[5099,19165,5126],{},[5087,19167,19169,19185],{"icon":92,"title":19168},"⚡ Паралельне виконання",[5092,19170,19171,19176,19179,19182],{},[5095,19172,19141,19173,19175],{},[5099,19174,11057],{}," для незалежних операцій.",[5095,19177,19178],{},"Уникайте послідовного виконання незалежних операцій.",[5095,19180,19181],{},"Комбінуйте послідовність та паралельність залежно від залежностей.",[5095,19183,19184],{},"Паралельність може дати 2-3× прискорення для множинних операцій.",[5201,19186,19187,19189],{},[5147,19188,19102],{}," завжди аналізуйте залежності між операціями та виконуйте незалежні паралельно.",[19191,19192,19193,19199,19204,19211,19216,19222,19225,19231,19234,19241],"steps",{},[6348,19194,19196,19197],{"id":19195},"крок-1-оголосіть-функцію-з-ключовим-словом-async","Крок 1. Оголосіть функцію з ключовим словом ",[5099,19198,5108],{},[5201,19200,19201,19202,19094],{},"Це перетворює функцію на фабрику промісів та дозволяє використання ",[5099,19203,5115],{},[6348,19205,19207,19208,19210],{"id":19206},"крок-2-використовуйте-await-для-очікування-асинхронних-результатів","Крок 2. Використовуйте ",[5099,19209,5115],{}," для очікування асинхронних результатів",[5201,19212,7198,19213,19215],{},[5099,19214,5115],{}," розгортає проміси у синхронні значення, роблячи код лінійним та читабельним.",[6348,19217,19219,19220],{"id":19218},"крок-3-обгорніть-асинхронний-код-у-trycatch","Крок 3. Обгорніть асинхронний код у ",[5099,19221,5122],{},[5201,19223,19224],{},"Це забезпечує централізовану обробку помилок та запобігає необробленим відхиленням.",[6348,19226,19228,19229],{"id":19227},"крок-4-оптимізуйте-продуктивність-через-promiseall","Крок 4. Оптимізуйте продуктивність через ",[5099,19230,11057],{},[5201,19232,19233],{},"Виконуйте незалежні операції паралельно для максимальної швидкодії.",[6348,19235,19237,19238,19240],{"id":19236},"крок-5-використовуйте-finally-для-очищення-ресурсів","Крок 5. Використовуйте ",[5099,19239,8940],{}," для очищення ресурсів",[5201,19242,8937,19243,19245],{},[5099,19244,8940],{}," гарантує закриття файлів, з'єднань та звільнення інших ресурсів.",[5196,19247,19249],{"id":19248},"додаткові-ресурси","Додаткові ресурси",[5084,19251,19252,19286],{},[5087,19253,19255],{"icon":15,"title":19254},"📚 Офіційна документація",[5092,19256,19257,19265,19272,19279],{},[5095,19258,19259],{},[13305,19260,19264],{"href":19261,"rel":19262},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FJavaScript\u002FReference\u002FStatements\u002Fasync_function",[19263],"nofollow","MDN: async function",[5095,19266,19267],{},[13305,19268,19271],{"href":19269,"rel":19270},"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FWeb\u002FJavaScript\u002FReference\u002FOperators\u002Fawait",[19263],"MDN: await operator",[5095,19273,19274],{},[13305,19275,19278],{"href":19276,"rel":19277},"https:\u002F\u002Fnodejs.org\u002Fen\u002Fdocs\u002Fguides\u002Fblocking-vs-non-blocking\u002F",[19263],"Node.js: Async patterns",[5095,19280,19281],{},[13305,19282,19285],{"href":19283,"rel":19284},"https:\u002F\u002Fwww.typescriptlang.org\u002Fdocs\u002Fhandbook\u002Frelease-notes\u002Ftypescript-1-7.html#asyncawait",[19263],"TypeScript: Async\u002FAwait",[5087,19287,19290],{"icon":19288,"title":19289},"i-lucide-graduation-cap","🎓 Поглиблене вивчення",[5092,19291,19292,19299,19306,19313],{},[5095,19293,19294],{},[13305,19295,19298],{"href":19296,"rel":19297},"https:\u002F\u002Fjavascript.info\u002Fasync-await",[19263],"JavaScript.info: Async\u002Fawait",[5095,19300,19301],{},[13305,19302,19305],{"href":19303,"rel":19304},"https:\u002F\u002Fgithub.com\u002Ftc39\u002Fproposal-top-level-await",[19263],"ECMAScript Proposal: Top-level await",[5095,19307,19308],{},[13305,19309,19312],{"href":19310,"rel":19311},"https:\u002F\u002Fv8.dev\u002Fblog\u002Ffast-async",[19263],"V8 Blog: Faster async functions",[5095,19314,19315],{},[13305,19316,19319],{"href":19317,"rel":19318},"https:\u002F\u002Ftc39.es\u002Fecma262\u002F#sec-async-functions-abstract-operations",[19263],"Understanding async\u002Fawait implementation",[19321,19322],"hr",{},[5201,19324,19325,6319,19328],{},[5147,19326,19327],{},"Наступна лекція:",[13305,19329,19331],{"href":19330},".\u002F06.parallel-vs-sequential","Паралельне vs послідовне виконання →",[19333,19334,19335],"style",{},"html pre.shiki code .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}html pre.shiki code .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}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 .sD7JJ, html code.shiki .sD7JJ{--shiki-light:#000000FF;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}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 .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}html pre.shiki code .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}html pre.shiki code .sjcCO, html code.shiki .sjcCO{--shiki-light:#EE0000;--shiki-default:#D7BA7D;--shiki-dark:#D7BA7D}",{"title":5242,"searchDepth":5283,"depth":5283,"links":19337},[19338,19339,19344,19348,19357,19363,19369,19382,19386,19388,19399,19400,19401,19413],{"id":5198,"depth":5283,"text":5199},{"id":6333,"depth":5283,"text":19340,"children":19341},"Ключове слово async: функції, що повертають проміси",[19342,19343],{"id":6350,"depth":5290,"text":6351},{"id":6845,"depth":5290,"text":6846},{"id":7197,"depth":5283,"text":19345,"children":19346},"Оператор await: призупинення виконання до отримання результату",[19347],{"id":7453,"depth":5290,"text":7454},{"id":8133,"depth":5283,"text":19349,"children":19350},"Обробка помилок: try\u002Fcatch замість .catch()",[19351,19352,19354,19356],{"id":8157,"depth":5290,"text":8158},{"id":8464,"depth":5290,"text":19353},"Порівняння обробки помилок: .then().catch() vs try\u002Fcatch",{"id":8936,"depth":5290,"text":19355},"Блок finally: гарантоване виконання коду очищення",{"id":9383,"depth":5290,"text":9384},{"id":9971,"depth":5283,"text":19358,"children":19359},"Паралельне виконання: поєднання async\u002Fawait з комбінаторами промісів",[19360,19361,19362],{"id":10293,"depth":5290,"text":10294},{"id":10630,"depth":5290,"text":10631},{"id":11064,"depth":5290,"text":11065},{"id":11595,"depth":5283,"text":19364,"children":19365},"Top-level await: асинхронність на верхньому рівні модулів",[19366,19367,19368],{"id":11842,"depth":5290,"text":11843},{"id":11877,"depth":5290,"text":11878},{"id":12612,"depth":5290,"text":12613},{"id":12906,"depth":5283,"text":19370,"children":19371},"Типові помилки та антипаттерни при роботі з async\u002Fawait",[19372,19374,19376,19378,19379,19380],{"id":12912,"depth":5290,"text":19373},"Помилка 1: Забути await перед асинхронним викликом",{"id":13083,"depth":5290,"text":19375},"Помилка 2: Не обгорнути асинхронний код у try\u002Fcatch",{"id":13274,"depth":5290,"text":19377},"Помилка 3: Використання async без await (безглузда async функція)",{"id":13544,"depth":5290,"text":13545},{"id":13779,"depth":5290,"text":13780},{"id":14215,"depth":5290,"text":19381},"Помилка 6: Не дочекатися виконання async функції",{"id":14504,"depth":5283,"text":19383,"children":19384},"Діаграма прийняття рішення: async\u002Fawait vs .then()\u002F.catch()",[19385],{"id":14623,"depth":5290,"text":14624},{"id":14673,"depth":5283,"text":19387},"Під капотом: як працює async\u002Fawait",{"id":14910,"depth":5283,"text":19389,"children":19390},"Практичні патерни та рецепти з async\u002Fawait",[19391,19393,19395,19397,19398],{"id":14916,"depth":5290,"text":19392},"Патерн 1: Retry з експоненційною затримкою (exponential backoff)",{"id":15507,"depth":5290,"text":19394},"Патерн 2: Таймаут з використанням AbortController",{"id":15989,"depth":5290,"text":19396},"Патерн 3: Обмеження кількості паралельних операцій (concurrency limit)",{"id":16639,"depth":5290,"text":16640},{"id":17247,"depth":5290,"text":17248},{"id":17761,"depth":5283,"text":17762},{"id":18828,"depth":5283,"text":18829},{"id":19065,"depth":5283,"text":19066,"children":19402},[19403,19405,19407,19409,19411],{"id":19195,"depth":5290,"text":19404},"Крок 1. Оголосіть функцію з ключовим словом async",{"id":19206,"depth":5290,"text":19406},"Крок 2. Використовуйте await для очікування асинхронних результатів",{"id":19218,"depth":5290,"text":19408},"Крок 3. Обгорніть асинхронний код у try\u002Fcatch",{"id":19227,"depth":5290,"text":19410},"Крок 4. Оптимізуйте продуктивність через Promise.all()",{"id":19236,"depth":5290,"text":19412},"Крок 5. Використовуйте finally для очищення ресурсів",{"id":19248,"depth":5283,"text":19249},"Синтаксис async\u002Fawait, обробка помилок через try\u002Fcatch, переваги над .then()","md",null,{},{"title":4242,"description":19414},"i-YQyNOzTeZjk0G2QjY6FHuXLVPIMnLsZ-bV5ysxyWA",[19421,19423],{"title":4238,"path":4239,"stem":4240,"description":19422,"children":-1},"Promise.all(), Promise.allSettled(), Promise.race(), Promise.any() — паралельне виконання",{"title":4246,"path":4247,"stem":4248,"description":19424,"children":-1},"Практичні патерни асинхронного коду, оптимізація продуктивності",1790366048521]