[{"data":1,"prerenderedAt":10106},["ShallowReactive",2],{"navigation_docs":3,"-javascript-async-programming-task-queues":4573,"-javascript-async-programming-task-queues-surround":10103},[4,1707,1980,2452,2633,2759,2966,3088,3138,3195,3229,3355,3432,3446,3585,3706,3783,4516,4569],{"title":5,"icon":6,"path":7,"stem":8,"children":9},"C#","i-devicon-csharp","\u002Fcsharp","01.csharp",[10,13,60,90,120,202,219,253,379,404,457,650,1364,1654,1703],{"title":11,"path":7,"stem":12},"C# та .NET","01.csharp\u002Findex",{"title":14,"icon":15,"path":16,"stem":17,"children":18,"page":59},"Fundamentals","i-lucide-book-open","\u002Fcsharp\u002Ffundamentals","01.csharp\u002F01.fundamentals",[19,23,27,31,35,39,43,47,51,55],{"title":20,"path":21,"stem":22},"Вступ до екосистеми .NET","\u002Fcsharp\u002Ffundamentals\u002Fintroduction-to-ecosystem","01.csharp\u002F01.fundamentals\u002F01.introduction-to-ecosystem",{"title":24,"path":25,"stem":26},"Структура програми на C#","\u002Fcsharp\u002Ffundamentals\u002Fprogram-structure","01.csharp\u002F01.fundamentals\u002F02.program-structure",{"title":28,"path":29,"stem":30},"Змінні та Типи Даних","\u002Fcsharp\u002Ffundamentals\u002Fvariables-data-types","01.csharp\u002F01.fundamentals\u002F03.variables-data-types",{"title":32,"path":33,"stem":34},"Масиви","\u002Fcsharp\u002Ffundamentals\u002Farrays","01.csharp\u002F01.fundamentals\u002F04.arrays",{"title":36,"path":37,"stem":38},"Strings & Text Handling","\u002Fcsharp\u002Ffundamentals\u002Fstrings-text-handling","01.csharp\u002F01.fundamentals\u002F05.strings-text-handling",{"title":40,"path":41,"stem":42},"Дати і Час","\u002Fcsharp\u002Ffundamentals\u002Fdates-time-handling","01.csharp\u002F01.fundamentals\u002F06.dates-time-handling",{"title":44,"path":45,"stem":46},"Потік Керування","\u002Fcsharp\u002Ffundamentals\u002Fcontrol-flow","01.csharp\u002F01.fundamentals\u002F07.control-flow",{"title":48,"path":49,"stem":50},"Методи","\u002Fcsharp\u002Ffundamentals\u002Fmethods","01.csharp\u002F01.fundamentals\u002F08.methods",{"title":52,"path":53,"stem":54},"Основи Відлагодження","\u002Fcsharp\u002Ffundamentals\u002Fdebugging-basics","01.csharp\u002F01.fundamentals\u002F09.debugging-basics",{"title":56,"path":57,"stem":58},"Інтерактивна Консоль (Classic)","\u002Fcsharp\u002Ffundamentals\u002Finteractive-console","01.csharp\u002F01.fundamentals\u002F10.interactive-console",false,{"title":61,"icon":62,"path":63,"stem":64,"children":65,"page":59},"OOP","i-lucide-box","\u002Fcsharp\u002Foop","01.csharp\u002F02.oop",[66,70,74,78,82,86],{"title":67,"path":68,"stem":69},"Package Management (Управління Пакетами)","\u002Fcsharp\u002Foop\u002Fpackage-management","01.csharp\u002F02.oop\u002F01.package-management",{"title":71,"path":72,"stem":73},"Класи та Об'єкти","\u002Fcsharp\u002Foop\u002Fclasses-objects","01.csharp\u002F02.oop\u002F02.classes-objects",{"title":75,"path":76,"stem":77},"Властивості та Поля","\u002Fcsharp\u002Foop\u002Fproperties-fields","01.csharp\u002F02.oop\u002F03.properties-fields",{"title":79,"path":80,"stem":81},"Стовпи ООП","\u002Fcsharp\u002Foop\u002Foop-pillars","01.csharp\u002F02.oop\u002F04.oop-pillars",{"title":83,"path":84,"stem":85},"Advanced Types","\u002Fcsharp\u002Foop\u002Fadvanced-types","01.csharp\u002F02.oop\u002F05.advanced-types",{"title":87,"path":88,"stem":89},"Namespaces (Простори Імен)","\u002Fcsharp\u002Foop\u002Fnamespaces","01.csharp\u002F02.oop\u002F06.namespaces",{"title":91,"icon":92,"path":93,"stem":94,"children":95,"page":59},"Advanced Core","i-lucide-zap","\u002Fcsharp\u002Fadvanced-core","01.csharp\u002F03.advanced-core",[96,100,104,108,112,116],{"title":97,"path":98,"stem":99},"Generics (Узагальнення)","\u002Fcsharp\u002Fadvanced-core\u002Fgenerics","01.csharp\u002F03.advanced-core\u002F01.generics",{"title":101,"path":102,"stem":103},"Делегати, Події та Лямбда-вирази","\u002Fcsharp\u002Fadvanced-core\u002Fdelegates-events-lambdas","01.csharp\u002F03.advanced-core\u002F02.delegates-events-lambdas",{"title":105,"path":106,"stem":107},"Interfaces Deep Dive (Інтерфейси: Поглиблений Розгляд)","\u002Fcsharp\u002Fadvanced-core\u002Finterfaces-deep-dive","01.csharp\u002F03.advanced-core\u002F03.interfaces-deep-dive",{"title":109,"path":110,"stem":111},"Обробка Винятків","\u002Fcsharp\u002Fadvanced-core\u002Fexception-handling","01.csharp\u002F03.advanced-core\u002F04.exception-handling",{"title":113,"path":114,"stem":115},"Pattern Matching","\u002Fcsharp\u002Fadvanced-core\u002Fpattern-matching","01.csharp\u002F03.advanced-core\u002F05.pattern-matching",{"title":117,"path":118,"stem":119},"Додаткові Можливості C#","\u002Fcsharp\u002Fadvanced-core\u002Fadditional-features","01.csharp\u002F03.advanced-core\u002F06.additional-features",{"title":121,"icon":122,"path":123,"stem":124,"children":125,"page":59},"Architecture Best Practices","i-lucide-building-2","\u002Fcsharp\u002Farchitecture-best-practices","01.csharp\u002F04.architecture-best-practices",[126,130,149,153,157,161,165,169],{"title":127,"path":128,"stem":129},"Software Design Principles (Частина 1)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fsoftware-design-principles","01.csharp\u002F04.architecture-best-practices\u002F01.software-design-principles",{"title":131,"icon":132,"path":133,"stem":134,"children":135,"page":59},"Design Patterns","i-lucide-folder","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns",[136],{"title":137,"icon":132,"path":138,"stem":139,"children":140,"page":59},"Creational","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational",[141,145],{"title":142,"path":143,"stem":144},"Singleton (Одинак)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational\u002Fsingleton","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational\u002F01.singleton",{"title":146,"path":147,"stem":148},"Builder (Будівельник)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational\u002Fbuilder","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational\u002F02.builder",{"title":150,"path":151,"stem":152},"Building Professional CLIs","\u002Fcsharp\u002Farchitecture-best-practices\u002Fbuilding-professional-clis","01.csharp\u002F04.architecture-best-practices\u002F03.building-professional-clis",{"title":154,"path":155,"stem":156},"Validation & Flow Control","\u002Fcsharp\u002Farchitecture-best-practices\u002Fvalidation-flow-control","01.csharp\u002F04.architecture-best-practices\u002F04.validation-flow-control",{"title":158,"path":159,"stem":160},"The Modern .NET Host (Microsoft.Extensions)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fmodern-dotnet-host","01.csharp\u002F04.architecture-best-practices\u002F05.modern-dotnet-host",{"title":162,"path":163,"stem":164},"Data Mapper: Repository та DAO патерни (Частина 1)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdata-mapper-part1","01.csharp\u002F04.architecture-best-practices\u002F06.data-mapper-part1",{"title":166,"path":167,"stem":168},"Data Mapper: Repository та DAO патерни (Частина 2)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdata-mapper-part2","01.csharp\u002F04.architecture-best-practices\u002F07.data-mapper-part2",{"title":170,"icon":132,"path":171,"stem":172,"children":173,"page":59},"Di Ioc","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc",[174,178,182,186,190,194,198],{"title":175,"path":176,"stem":177},"Проблема залежностей та Інверсія Контролю","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fthe-dependency-problem","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F01.the-dependency-problem",{"title":179,"path":180,"stem":181},"Будуємо власний Service Container","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fbuild-your-own-container","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F02.build-your-own-container",{"title":183,"path":184,"stem":185},"Service Locator: Паттерн та Анти-паттерн","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fservice-locator-pattern","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F03.service-locator-pattern",{"title":187,"path":188,"stem":189},"Паттерни Dependency Injection","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fdependency-injection-patterns","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F04.dependency-injection-patterns",{"title":191,"path":192,"stem":193},"Microsoft DI: IServiceCollection та IServiceProvider","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fmicrosoft-di-deep-dive","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F05.microsoft-di-deep-dive",{"title":195,"path":196,"stem":197},"Service Lifetimes та Scopes","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fservice-lifetimes-and-scopes","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F06.service-lifetimes-and-scopes",{"title":199,"path":200,"stem":201},"DI Анти-паттерни та Найкращі Практики","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fdi-anti-patterns-and-best-practices","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F07.di-anti-patterns-and-best-practices",{"title":203,"icon":132,"path":204,"stem":205,"children":206,"page":59},"Standard Library","\u002Fcsharp\u002Fstandard-library","01.csharp\u002F05.standard-library",[207,211,215],{"title":208,"path":209,"stem":210},"Collections (Колекції)","\u002Fcsharp\u002Fstandard-library\u002Fcollections","01.csharp\u002F05.standard-library\u002F01.collections",{"title":212,"path":213,"stem":214},"High Performance Types (Високопродуктивні Типи)","\u002Fcsharp\u002Fstandard-library\u002Fhigh-performance-types","01.csharp\u002F05.standard-library\u002F02.high-performance-types",{"title":216,"path":217,"stem":218},"LINQ (Language Integrated Query)","\u002Fcsharp\u002Fstandard-library\u002Flinq","01.csharp\u002F05.standard-library\u002F03.linq",{"title":220,"icon":221,"path":222,"stem":223,"children":224,"page":59},"System Internals Concurrency","i-lucide-server","\u002Fcsharp\u002Fsystem-internals-concurrency","01.csharp\u002F06.system-internals-concurrency",[225,229,233,237,241,245,249],{"title":226,"path":227,"stem":228},"Memory Management","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fmemory-management","01.csharp\u002F06.system-internals-concurrency\u002F01.memory-management",{"title":230,"path":231,"stem":232},"Reflection API: System.Type та Метадані","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Freflection-fundamentals","01.csharp\u002F06.system-internals-concurrency\u002F02.reflection-fundamentals",{"title":234,"path":235,"stem":236},"Attributes та Dynamic Language Runtime","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fattributes-dynamic","01.csharp\u002F06.system-internals-concurrency\u002F03.attributes-dynamic",{"title":238,"path":239,"stem":240},"Expression Trees: Швидка Альтернатива Рефлексії","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fexpression-trees-compiled","01.csharp\u002F06.system-internals-concurrency\u002F04.expression-trees-compiled",{"title":242,"path":243,"stem":244},"Source Generators: Compile-Time Code Generation","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fsource-generators","01.csharp\u002F06.system-internals-concurrency\u002F05.source-generators",{"title":246,"path":247,"stem":248},"Multithreading Fundamentals","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fmultithreading-fundamentals","01.csharp\u002F06.system-internals-concurrency\u002F06.multithreading-fundamentals",{"title":250,"path":251,"stem":252},"Synchronization Primitives","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fsynchronization-primitives","01.csharp\u002F06.system-internals-concurrency\u002F07.synchronization-primitives",{"title":254,"icon":255,"path":256,"stem":257,"children":258,"page":59},"System Programming Windows","i-lucide-cpu","\u002Fcsharp\u002Fsystem-programming-windows","01.csharp\u002F07.system-programming-windows",[259,263,267,271,275,279,283,287,291,295,299,303,307,311,315,319,323,327,331,335,339,343,347,351,355,359,363,367,371,375],{"title":260,"path":261,"stem":262},"Як Працює Операційна Система","\u002Fcsharp\u002Fsystem-programming-windows\u002Fhow-os-works","01.csharp\u002F07.system-programming-windows\u002F01.how-os-works",{"title":264,"path":265,"stem":266},"Процеси в .NET — API та Запуск","\u002Fcsharp\u002Fsystem-programming-windows\u002Fprocesses-in-dotnet","01.csharp\u002F07.system-programming-windows\u002F02.processes-in-dotnet",{"title":268,"path":269,"stem":270},"Процеси в .NET — IPC та Міжпроцесна Комунікація","\u002Fcsharp\u002Fsystem-programming-windows\u002F02a.processes-ipc","01.csharp\u002F07.system-programming-windows\u002F02a.processes-ipc",{"title":272,"path":273,"stem":274},"Application Domains та Збірки — AppDomain і AssemblyLoadContext","\u002Fcsharp\u002Fsystem-programming-windows\u002Fappdomains-assemblies","01.csharp\u002F07.system-programming-windows\u002F03.appdomains-assemblies",{"title":276,"path":277,"stem":278},"Application Domains та Збірки — Plug-in Система з Hot-Reload","\u002Fcsharp\u002Fsystem-programming-windows\u002F03a.appdomains-plugin-system","01.csharp\u002F07.system-programming-windows\u002F03a.appdomains-plugin-system",{"title":280,"path":281,"stem":282},"Потоки — Основи та API Thread","\u002Fcsharp\u002Fsystem-programming-windows\u002Fthread-fundamentals","01.csharp\u002F07.system-programming-windows\u002F04.thread-fundamentals",{"title":284,"path":285,"stem":286},"Потоки — Lifecycle, Пріоритети та Безпечне Завершення","\u002Fcsharp\u002Fsystem-programming-windows\u002F04a.thread-lifecycle-priorities","01.csharp\u002F07.system-programming-windows\u002F04a.thread-lifecycle-priorities",{"title":288,"path":289,"stem":290},"Проблеми Спільного Стану — Race Condition та Data Race","\u002Fcsharp\u002Fsystem-programming-windows\u002Fshared-state-problems","01.csharp\u002F07.system-programming-windows\u002F05.shared-state-problems",{"title":292,"path":293,"stem":294},"Проблеми Спільного Стану — Memory Model та volatile","\u002Fcsharp\u002Fsystem-programming-windows\u002F05a.shared-state-memory-model","01.csharp\u002F07.system-programming-windows\u002F05a.shared-state-memory-model",{"title":296,"path":297,"stem":298},"Синхронізація — Monitor, lock та еволюція примітивів","\u002Fcsharp\u002Fsystem-programming-windows\u002Fsynchronization-fundamentals","01.csharp\u002F07.system-programming-windows\u002F06.synchronization-fundamentals",{"title":300,"path":301,"stem":302},"Синхронізація — Наскрізний Приклад та Deadlock Detection","\u002Fcsharp\u002Fsystem-programming-windows\u002F06a.synchronization-walkthrough","01.csharp\u002F07.system-programming-windows\u002F06a.synchronization-walkthrough",{"title":304,"path":305,"stem":306},"Синхронізація — Mutex, Semaphore та Event-Based Primitives","\u002Fcsharp\u002Fsystem-programming-windows\u002Fsynchronization-advanced","01.csharp\u002F07.system-programming-windows\u002F07.synchronization-advanced",{"title":308,"path":309,"stem":310},"Синхронізація — Interlocked, Volatile та Lock-Free Структури","\u002Fcsharp\u002Fsystem-programming-windows\u002F07a.synchronization-advanced-walkthrough","01.csharp\u002F07.system-programming-windows\u002F07a.synchronization-advanced-walkthrough",{"title":312,"path":313,"stem":314},"Interlocked, CAS та Lock-Free Структури","\u002Fcsharp\u002Fsystem-programming-windows\u002Finterlocked-cas-lockfree","01.csharp\u002F07.system-programming-windows\u002F08.interlocked-cas-lockfree",{"title":316,"path":317,"stem":318},"Volatile, Memory Model та Spinning","\u002Fcsharp\u002Fsystem-programming-windows\u002F08a.volatile-memory-model","01.csharp\u002F07.system-programming-windows\u002F08a.volatile-memory-model",{"title":320,"path":321,"stem":322},"ThreadPool — Пул Потоків для Ефективного Виконання","\u002Fcsharp\u002Fsystem-programming-windows\u002Fthread-pool","01.csharp\u002F07.system-programming-windows\u002F09.thread-pool",{"title":324,"path":325,"stem":326},"ThreadPool — Просунуті Сценарії та Внутрішня Будова","\u002Fcsharp\u002Fsystem-programming-windows\u002F09a.thread-pool-advanced","01.csharp\u002F07.system-programming-windows\u002F09a.thread-pool-advanced",{"title":328,"path":329,"stem":330},"Concurrent та Immutable Collections","\u002Fcsharp\u002Fsystem-programming-windows\u002Fconcurrent-collections","01.csharp\u002F07.system-programming-windows\u002F10.concurrent-collections",{"title":332,"path":333,"stem":334},"TPL, Task та Композиція — Від Thread до Task","\u002Fcsharp\u002Fsystem-programming-windows\u002Ftpl-parallel-plinq","01.csharp\u002F07.system-programming-windows\u002F11.tpl-parallel-plinq",{"title":336,"path":337,"stem":338},"Parallel Class та PLINQ — Data Parallelism","\u002Fcsharp\u002Fsystem-programming-windows\u002F11a.tpl-parallel-plinq-advanced","01.csharp\u002F07.system-programming-windows\u002F11a.tpl-parallel-plinq-advanced",{"title":340,"path":341,"stem":342},"Async\u002FAwait — Фундамент Асинхронного Програмування","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-fundamentals","01.csharp\u002F07.system-programming-windows\u002F12.async-fundamentals",{"title":344,"path":345,"stem":346},"SynchronizationContext та ConfigureAwait — Контекст Виконання","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-context-configureawait","01.csharp\u002F07.system-programming-windows\u002F13.async-context-configureawait",{"title":348,"path":349,"stem":350},"Async — Просунуті Паттерни","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-advanced","01.csharp\u002F07.system-programming-windows\u002F14.async-advanced",{"title":352,"path":353,"stem":354},"System.Threading.Channels — Async Producer-Consumer","\u002Fcsharp\u002Fsystem-programming-windows\u002Fchannels","01.csharp\u002F07.system-programming-windows\u002F15.channels",{"title":356,"path":357,"stem":358},"Асинхронна Синхронізація","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-synchronization","01.csharp\u002F07.system-programming-windows\u002F16.async-synchronization",{"title":360,"path":361,"stem":362},"Unsafe Code та Вказівники","\u002Fcsharp\u002Fsystem-programming-windows\u002Funsafe-code","01.csharp\u002F07.system-programming-windows\u002F17.unsafe-code",{"title":364,"path":365,"stem":366},"P\u002FInvoke та Windows API — Міст між .NET та Native Code","\u002Fcsharp\u002Fsystem-programming-windows\u002Fpinvoke-winapi","01.csharp\u002F07.system-programming-windows\u002F18.pinvoke-winapi",{"title":368,"path":369,"stem":370},"Реєстр Windows — Центральна База Конфігурації Системи","\u002Fcsharp\u002Fsystem-programming-windows\u002Fwindows-registry","01.csharp\u002F07.system-programming-windows\u002F19.windows-registry",{"title":372,"path":373,"stem":374},"Windows Hooks, Hotkeys та Services — Глибока Інтеграція з ОС","\u002Fcsharp\u002Fsystem-programming-windows\u002Fwindows-hooks-services","01.csharp\u002F07.system-programming-windows\u002F20.windows-hooks-services",{"title":376,"path":377,"stem":378},"Системне Програмування C# (Windows) — 07.system-programming-windows","\u002Fcsharp\u002Fsystem-programming-windows\u002Fimplementation_plan","01.csharp\u002F07.system-programming-windows\u002Fimplementation_plan",{"title":380,"icon":132,"path":381,"stem":382,"children":383,"page":59},"Io","\u002Fcsharp\u002Fio","01.csharp\u002F08.io",[384,388,392,396,400],{"title":385,"path":386,"stem":387},"8.1.1. Основи роботи з файловою системою","\u002Fcsharp\u002Fio\u002Ffile-system-basics","01.csharp\u002F08.io\u002F01.file-system-basics",{"title":389,"path":390,"stem":391},"8.1.2. Потоки (Streams) та Серіалізація Даних","\u002Fcsharp\u002Fio\u002Fstreams-serialization","01.csharp\u002F08.io\u002F02.streams-serialization",{"title":393,"path":394,"stem":395},"8.2.1. JSON Serialization з System.Text.Json","\u002Fcsharp\u002Fio\u002Fjson-serialization","01.csharp\u002F08.io\u002F03.json-serialization",{"title":397,"path":398,"stem":399},"8.2.2. XML Serialization та LINQ to XML","\u002Fcsharp\u002Fio\u002Fxml-serialization","01.csharp\u002F08.io\u002F04.xml-serialization",{"title":401,"path":402,"stem":403},"8.2.3. Binary Serialization: MessagePack та Protocol Buffers","\u002Fcsharp\u002Fio\u002Fbinary-serialization","01.csharp\u002F08.io\u002F05.binary-serialization",{"title":405,"icon":132,"path":406,"stem":407,"children":408,"page":59},"Ado Net","\u002Fcsharp\u002Fado-net","01.csharp\u002F09.ado-net",[409,413,417,421,425,429,433,437,441,445,449,453],{"title":410,"path":411,"stem":412},"9.1. Введення в ADO.NET","\u002Fcsharp\u002Fado-net\u002Fintroduction-to-adonet","01.csharp\u002F09.ado-net\u002F01.introduction-to-adonet",{"title":414,"path":415,"stem":416},"9.2. Клас DbConnection — з'єднання з базою даних","\u002Fcsharp\u002Fado-net\u002Fconnection","01.csharp\u002F09.ado-net\u002F02.connection",{"title":418,"path":419,"stem":420},"9.3. Клас DbCommand — виконання SQL-запитів","\u002Fcsharp\u002Fado-net\u002Fcommand-and-queries","01.csharp\u002F09.ado-net\u002F03.command-and-queries",{"title":422,"path":423,"stem":424},"9.4. Клас DbDataReader — ефективне читання даних","\u002Fcsharp\u002Fado-net\u002Fdatareader","01.csharp\u002F09.ado-net\u002F04.datareader",{"title":426,"path":427,"stem":428},"9.5. Параметризовані запити та захист від SQL Injection","\u002Fcsharp\u002Fado-net\u002Fparameters-and-sql-injection","01.csharp\u002F09.ado-net\u002F05.parameters-and-sql-injection",{"title":430,"path":431,"stem":432},"9.6. Транзакції в ADO.NET","\u002Fcsharp\u002Fado-net\u002Ftransactions","01.csharp\u002F09.ado-net\u002F06.transactions",{"title":434,"path":435,"stem":436},"9.7. DbProviderFactory — провайдер-незалежний код","\u002Fcsharp\u002Fado-net\u002Fprovider-factory","01.csharp\u002F09.ado-net\u002F07.provider-factory",{"title":438,"path":439,"stem":440},"9.8. Асинхронний доступ до даних","\u002Fcsharp\u002Fado-net\u002Fasync-data-access","01.csharp\u002F09.ado-net\u002F08.async-data-access",{"title":442,"path":443,"stem":444},"9.9. Від'єднаний режим: DataSet, DataTable, DataRow","\u002Fcsharp\u002Fado-net\u002Fdisconnected-mode-dataset","01.csharp\u002F09.ado-net\u002F09.disconnected-mode-dataset",{"title":446,"path":447,"stem":448},"9.10. DataAdapter — міст між DataSet та базою даних","\u002Fcsharp\u002Fado-net\u002Fdata-adapter","01.csharp\u002F09.ado-net\u002F10.data-adapter",{"title":450,"path":451,"stem":452},"9.11. Data Mapper та Repository: Архітектура доступу до даних","\u002Fcsharp\u002Fado-net\u002Fdata-mapper-repository","01.csharp\u002F09.ado-net\u002F11.data-mapper-repository",{"title":454,"path":455,"stem":456},"9.12. Identity Map, Unit of Work та Specification Pattern","\u002Fcsharp\u002Fado-net\u002Fadvanced-patterns","01.csharp\u002F09.ado-net\u002F12.advanced-patterns",{"title":458,"icon":255,"path":459,"stem":460,"children":461,"page":59},"Ef Core","\u002Fcsharp\u002Fef-core","01.csharp\u002F10.ef-core",[462,466,470,474,478,482,486,490,494,498,502,506,510,514,518,522,526,532,538,542,546,550,554,558,562,566,570,574,578,582,586,590,594,598,602,606,610,614,618,622,626,630,634,638,642,646],{"title":463,"path":464,"stem":465},"Що таке ORM? Від SQL до об'єктів","\u002Fcsharp\u002Fef-core\u002Fwhat-is-orm","01.csharp\u002F10.ef-core\u002F01.what-is-orm",{"title":467,"path":468,"stem":469},"Перший проєкт — від нуля до CRUD","\u002Fcsharp\u002Fef-core\u002Ffirst-project","01.csharp\u002F10.ef-core\u002F02.first-project",{"title":471,"path":472,"stem":473},"DbContext — Серце EF Core","\u002Fcsharp\u002Fef-core\u002Fdbcontext-deep-dive","01.csharp\u002F10.ef-core\u002F03.dbcontext-deep-dive",{"title":475,"path":476,"stem":477},"Провайдери баз даних — Архітектура та Вибір СУБД","\u002Fcsharp\u002Fef-core\u002Fdatabase-providers","01.csharp\u002F10.ef-core\u002F04.database-providers",{"title":479,"path":480,"stem":481},"Конвенції EF Core — Магія без конфігурації","\u002Fcsharp\u002Fef-core\u002Fconventions","01.csharp\u002F10.ef-core\u002F05.conventions",{"title":483,"path":484,"stem":485},"Fluent API та Data Annotations — Явна конфігурація моделі","\u002Fcsharp\u002Fef-core\u002Ffluent-api-vs-annotations","01.csharp\u002F10.ef-core\u002F06.fluent-api-vs-annotations",{"title":487,"path":488,"stem":489},"Зв'язки — One-to-One та One-to-Many","\u002Fcsharp\u002Fef-core\u002Frelationships-basics","01.csharp\u002F10.ef-core\u002F07.relationships-basics",{"title":491,"path":492,"stem":493},"Зв'язки Advanced — Many-to-Many та Складні Сценарії","\u002Fcsharp\u002Fef-core\u002Frelationships-advanced","01.csharp\u002F10.ef-core\u002F08.relationships-advanced",{"title":495,"path":496,"stem":497},"Властивості — Типи, Конвертери, Компаратори (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fproperty-configuration-part1","01.csharp\u002F10.ef-core\u002F09.property-configuration-part1",{"title":499,"path":500,"stem":501},"Властивості — Value Comparers, Generators, Shadow Properties (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fproperty-configuration-part2","01.csharp\u002F10.ef-core\u002F09.property-configuration-part2",{"title":503,"path":504,"stem":505},"Складні типи — Owned Types та Complex Types (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fcomplex-types-owned-part1","01.csharp\u002F10.ef-core\u002F10.complex-types-owned-part1",{"title":507,"path":508,"stem":509},"Складні типи — Complex Types, Keyless Entities, Порівняння (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fcomplex-types-owned-part2","01.csharp\u002F10.ef-core\u002F10.complex-types-owned-part2",{"title":511,"path":512,"stem":513},"JSON Columns — Складні дані у JSON (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fjson-columns-part1","01.csharp\u002F10.ef-core\u002F11.json-columns-part1",{"title":515,"path":516,"stem":517},"JSON Columns — Value Comparers, Індекси, Провайдери (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fjson-columns-part2","01.csharp\u002F10.ef-core\u002F11.json-columns-part2",{"title":519,"path":520,"stem":521},"Успадкування — Абстрактні класи та TPH (Частина 1)","\u002Fcsharp\u002Fef-core\u002Finheritance-part1","01.csharp\u002F10.ef-core\u002F12.inheritance-part1",{"title":523,"path":524,"stem":525},"Успадкування — TPT, TPC та Порівняння Стратегій (Частина 2)","\u002Fcsharp\u002Fef-core\u002Finheritance-part2","01.csharp\u002F10.ef-core\u002F12.inheritance-part2",{"title":527,"path":528,"stem":529,"children":530},"Індекси, Обмеження та Схема (Частина 1)","\u002Fcsharp\u002Fef-core\u002Findexes-constraints-part1","01.csharp\u002F10.ef-core\u002F13.indexes-constraints-part1",[531],{"title":527,"path":528,"stem":529},{"title":533,"path":534,"stem":535,"children":536},"Індекси, Обмеження та Схема (Частина 2)","\u002Fcsharp\u002Fef-core\u002Findexes-constraints-part2","01.csharp\u002F10.ef-core\u002F13.indexes-constraints-part2",[537],{"title":533,"path":534,"stem":535},{"title":539,"path":540,"stem":541},"Seed Data — Початкові Дані (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fseeding-part1","01.csharp\u002F10.ef-core\u002F14.seeding-part1",{"title":543,"path":544,"stem":545},"Seed Data — SQL-скрипти, Bogus та Стратегії (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fseeding-part2","01.csharp\u002F10.ef-core\u002F14.seeding-part2",{"title":547,"path":548,"stem":549},"Global Query Filters — Глобальні Фільтри (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fglobal-query-filters-part1","01.csharp\u002F10.ef-core\u002F15.global-query-filters-part1",{"title":551,"path":552,"stem":553},"Global Query Filters — Підводні камені та Інтеграція (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fglobal-query-filters-part2","01.csharp\u002F10.ef-core\u002F15.global-query-filters-part2",{"title":555,"path":556,"stem":557},"LINQ-запити в EF Core (Частина 1)","\u002Fcsharp\u002Fef-core\u002Flinq-queries-part1","01.csharp\u002F10.ef-core\u002F16.linq-queries-part1",{"title":559,"path":560,"stem":561},"LINQ-запити в EF Core (Частина 2)","\u002Fcsharp\u002Fef-core\u002Flinq-queries-part2","01.csharp\u002F10.ef-core\u002F16.linq-queries-part2",{"title":563,"path":564,"stem":565},"Завантаження Пов'язаних Даних (Частина 1)","\u002Fcsharp\u002Fef-core\u002Floading-related-data-part1","01.csharp\u002F10.ef-core\u002F17.loading-related-data-part1",{"title":567,"path":568,"stem":569},"Завантаження Пов'язаних Даних (Частина 2)","\u002Fcsharp\u002Fef-core\u002Floading-related-data-part2","01.csharp\u002F10.ef-core\u002F17.loading-related-data-part2",{"title":571,"path":572,"stem":573},"Raw SQL, Views та Stored Procedures (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fraw-sql-part1","01.csharp\u002F10.ef-core\u002F18.raw-sql-part1",{"title":575,"path":576,"stem":577},"Raw SQL — Stored Procedures, DbFunction та Bulk Operations (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fraw-sql-part2","01.csharp\u002F10.ef-core\u002F18.raw-sql-part2",{"title":579,"path":580,"stem":581},"Продвинуті Запити — Compiled Queries, Bulk та Оптимізація (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fadvanced-queries-part1","01.csharp\u002F10.ef-core\u002F19.advanced-queries-part1",{"title":583,"path":584,"stem":585},"Продвинуті Запити — Query Tags, Bulk та Interceptors (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fadvanced-queries-part2","01.csharp\u002F10.ef-core\u002F19.advanced-queries-part2",{"title":587,"path":588,"stem":589},"Change Tracker — Відстеження Змін (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fchange-tracking-part1","01.csharp\u002F10.ef-core\u002F20.change-tracking-part1",{"title":591,"path":592,"stem":593},"Change Tracker — Графи Об'єктів та Disconnected (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fchange-tracking-part2","01.csharp\u002F10.ef-core\u002F20.change-tracking-part2",{"title":595,"path":596,"stem":597},"Збереження Даних та Транзакції (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fsaving-data-part1","01.csharp\u002F10.ef-core\u002F21.saving-data-part1",{"title":599,"path":600,"stem":601},"Збереження Даних — Concurrency та Outbox (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fsaving-data-part2","01.csharp\u002F10.ef-core\u002F21.saving-data-part2",{"title":603,"path":604,"stem":605},"Конкурентність та Блокування (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fconcurrency-part1","01.csharp\u002F10.ef-core\u002F22.concurrency-part1",{"title":607,"path":608,"stem":609},"Конкурентність — Дедлоки та Queue Processing (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fconcurrency-part2","01.csharp\u002F10.ef-core\u002F22.concurrency-part2",{"title":611,"path":612,"stem":613},"Міграції в EF Core — Основи (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fmigrations-basics-part1","01.csharp\u002F10.ef-core\u002F23.migrations-basics-part1",{"title":615,"path":616,"stem":617},"Міграції в EF Core — Основи (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fmigrations-basics-part2","01.csharp\u002F10.ef-core\u002F23.migrations-basics-part2",{"title":619,"path":620,"stem":621},"Міграції — Просунуті Сценарії (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fmigrations-advanced-part1","01.csharp\u002F10.ef-core\u002F24.migrations-advanced-part1",{"title":623,"path":624,"stem":625},"Міграції — Просунуті Сценарії (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fmigrations-advanced-part2","01.csharp\u002F10.ef-core\u002F24.migrations-advanced-part2",{"title":627,"path":628,"stem":629},"Управління Схемою та Database-First (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fschema-management-part1","01.csharp\u002F10.ef-core\u002F25.schema-management-part1",{"title":631,"path":632,"stem":633},"Управління Схемою та Database-First (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fschema-management-part2","01.csharp\u002F10.ef-core\u002F25.schema-management-part2",{"title":635,"path":636,"stem":637},"Продуктивність EF Core — Основи (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fperformance-fundamentals-part1","01.csharp\u002F10.ef-core\u002F26.performance-fundamentals-part1",{"title":639,"path":640,"stem":641},"Interceptors в EF Core (Частина 1)","\u002Fcsharp\u002Fef-core\u002Finterceptors-part1","01.csharp\u002F10.ef-core\u002F29.interceptors-part1",{"title":643,"path":644,"stem":645},"Interceptors в EF Core — Connection, Transaction та Materialization (Частина 2)","\u002Fcsharp\u002Fef-core\u002Finterceptors-part2","01.csharp\u002F10.ef-core\u002F29.interceptors-part2",{"title":647,"path":648,"stem":649},"План вивчення Entity Framework Core — Повний курс","\u002Fcsharp\u002Fef-core\u002Fimplementation_plan","01.csharp\u002F10.ef-core\u002Fimplementation_plan",{"title":651,"icon":652,"path":653,"stem":654,"children":655,"page":59},"ASP.NET","i-devicon-dotnetcore","\u002Fcsharp\u002Faspnet","01.csharp\u002F11.aspnet",[656,730,791,869,927,941,967,1057,1111,1182,1212,1289,1346],{"title":657,"icon":658,"path":659,"stem":660,"children":661,"page":59},"Minimal API","i-lucide-network","\u002Fcsharp\u002Faspnet\u002Fminimal-api","01.csharp\u002F11.aspnet\u002F01.minimal-api",[662,666,670,674,678,682,686,690,694,698,702,706,710,714,718,722,726],{"title":663,"path":664,"stem":665},"Вступ до ASP.NET та еволюція фреймворку","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fintroduction","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F01.introduction",{"title":667,"path":668,"stem":669},"Перший додаток на ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Ffirst-application","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F02.first-application",{"title":671,"path":672,"stem":673},"WebApplication, Builder та Dependency Injection","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fwebapplication-builder","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F03.webapplication-builder",{"title":675,"path":676,"stem":677},"Конвеєр запитів та Middleware","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frequest-pipeline-middleware","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F04.request-pipeline-middleware",{"title":679,"path":680,"stem":681},"Маршрутизація в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frouting-basics","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F05.routing-basics",{"title":683,"path":684,"stem":685},"Маршрутизація в ASP.NET Core: Розширені можливості","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frouting-advanced","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F06.routing-advanced",{"title":687,"path":688,"stem":689},"Статичні файли в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstatic-files","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F07.static-files",{"title":691,"path":692,"stem":693},"Статичні Активи: MapStaticAssets (ASP.NET Core 9.0)","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstatic-assets","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F08.static-assets",{"title":695,"path":696,"stem":697},"Конфігурація в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fconfiguration-fundamentals","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F09.configuration-fundamentals",{"title":699,"path":700,"stem":701},"Конфігурація: Паттерн Options","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fconfiguration-options","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F10.configuration-options",{"title":703,"path":704,"stem":705},"Логування в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Flogging-basics","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F11.logging-basics",{"title":707,"path":708,"stem":709},"Логування: Serilog та Middleware","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Flogging-advanced","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F12.logging-advanced",{"title":711,"path":712,"stem":713},"Управління станом: HttpContext.Items та Cookies","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstate-management","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F13.state-management",{"title":715,"path":716,"stem":717},"Стан сесії: Sessions","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fsession-state","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F14.session-state",{"title":719,"path":720,"stem":721},"Структура проєкту: від хаосу до архітектури","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fproject-structure","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F15.project-structure",{"title":723,"path":724,"stem":725},"Scalar у Minimal API: повний проєкт і Fluent OpenAPI","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fscalar-openapi-fluent","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F16.scalar-openapi-fluent",{"title":727,"path":728,"stem":729},"Swagger \u002F Swashbuckle у Minimal API: окремий класичний шлях","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fswagger-swashbuckle","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F17.swagger-swashbuckle",{"title":731,"icon":658,"path":732,"stem":733,"children":734,"page":59},"API","\u002Fcsharp\u002Faspnet\u002Fapi","01.csharp\u002F11.aspnet\u002F02.api",[735,739,743,747,751,755,759,763,767,771,775,779,783,787],{"title":736,"path":737,"stem":738},"Що таке API. Клієнт-серверна архітектура","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fwhat-is-api","01.csharp\u002F11.aspnet\u002F02.api\u002F01.what-is-api",{"title":740,"path":741,"stem":742},"Формати даних: JSON, XML, TOML та бінарні формати","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fdata-formats","01.csharp\u002F11.aspnet\u002F02.api\u002F02.data-formats",{"title":744,"path":745,"stem":746},"Парадигми API та концепція REST","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-paradigms-rest","01.csharp\u002F11.aspnet\u002F02.api\u002F03.api-paradigms-rest",{"title":748,"path":749,"stem":750},"HTTP-методи, статус-коди та заголовки","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fhttp-methods-status-codes","01.csharp\u002F11.aspnet\u002F02.api\u002F04.http-methods-status-codes",{"title":752,"path":753,"stem":754},"Організація HTTP API за принципами REST","\u002Fcsharp\u002Faspnet\u002Fapi\u002Frest-organizing","01.csharp\u002F11.aspnet\u002F02.api\u002F05.rest-organizing",{"title":756,"path":757,"stem":758},"Номенклатура URL та CRUD-операції","\u002Fcsharp\u002Faspnet\u002Fapi\u002Furl-nomenclature-crud","01.csharp\u002F11.aspnet\u002F02.api\u002F06.url-nomenclature-crud",{"title":760,"path":761,"stem":762},"Правила дизайну: іменування та стандарти","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-naming","01.csharp\u002F11.aspnet\u002F02.api\u002F07.api-design-naming",{"title":764,"path":765,"stem":766},"Валідація, ліміти та обробка помилок","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-validation","01.csharp\u002F11.aspnet\u002F02.api\u002F08.api-design-validation",{"title":768,"path":769,"stem":770},"Обробка помилок у Minimal API","\u002Fcsharp\u002Faspnet\u002Fapi\u002Ferror-handling-http","01.csharp\u002F11.aspnet\u002F02.api\u002F09.error-handling-http",{"title":772,"path":773,"stem":774},"Ідемпотентність та синхронізація стану","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fidempotency-sync","01.csharp\u002F11.aspnet\u002F02.api\u002F10.idempotency-sync",{"title":776,"path":777,"stem":778},"Пагінація та організація списків","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fpagination-lists","01.csharp\u002F11.aspnet\u002F02.api\u002F11.pagination-lists",{"title":780,"path":781,"stem":782},"Безпека API, кешування та інтернаціоналізація","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fsecurity-auth","01.csharp\u002F11.aspnet\u002F02.api\u002F12.security-auth",{"title":784,"path":785,"stem":786},"Процес проєктування API та документування","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-process","01.csharp\u002F11.aspnet\u002F02.api\u002F13.api-design-process",{"title":788,"path":789,"stem":790},"OpenAPI: контракт, специфікація та документація API","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fopenapi","01.csharp\u002F11.aspnet\u002F02.api\u002F14.openapi",{"title":792,"icon":793,"path":794,"stem":795,"children":796,"page":59},"Auth","i-lucide-shield-check","\u002Fcsharp\u002Faspnet\u002Fauth","01.csharp\u002F11.aspnet\u002F03.auth",[797,801,805,809,813,817,821,825,829,833,837,841,845,849,853,857,861,865],{"title":798,"path":799,"stem":800},"Основи аутентифікації та авторизації","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fauth-fundamentals","01.csharp\u002F11.aspnet\u002F03.auth\u002F01.auth-fundamentals",{"title":802,"path":803,"stem":804},"JWT-аутентифікація","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fjwt-authentication","01.csharp\u002F11.aspnet\u002F03.auth\u002F02.jwt-authentication",{"title":806,"path":807,"stem":808},"Авторизація: ролі, політики та resource-based доступ","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fauthorization-policies","01.csharp\u002F11.aspnet\u002F03.auth\u002F03.authorization-policies",{"title":810,"path":811,"stem":812},"Cookie-аутентифікація та ASP.NET Core Identity","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fcookie-auth-identity","01.csharp\u002F11.aspnet\u002F03.auth\u002F04.cookie-auth-identity",{"title":814,"path":815,"stem":816},"JWT + Refresh Tokens (HttpOnly Cookie)","\u002Fcsharp\u002Faspnet\u002Fauth\u002F04b.identity-auth-jwt","01.csharp\u002F11.aspnet\u002F03.auth\u002F04b.identity-auth-jwt",{"title":818,"path":819,"stem":820},"Identity: Підтвердження Email та Скидання Пароля","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-email-confirmation","01.csharp\u002F11.aspnet\u002F03.auth\u002F05.identity-email-confirmation",{"title":822,"path":823,"stem":824},"Identity: Двофакторна Аутентифікація (2FA)","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-two-factor","01.csharp\u002F11.aspnet\u002F03.auth\u002F06.identity-two-factor",{"title":826,"path":827,"stem":828},"Identity: Внутрішня Архітектура та Кастомізація","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-internals","01.csharp\u002F11.aspnet\u002F03.auth\u002F07.identity-internals",{"title":830,"path":831,"stem":832},"OAuth 2.0 та зовнішні провайдери","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foauth-external-providers","01.csharp\u002F11.aspnet\u002F03.auth\u002F08.oauth-external-providers",{"title":834,"path":835,"stem":836},"Безпека на практиці: CORS, HTTPS та захист від атак","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fsecurity-hardening","01.csharp\u002F11.aspnet\u002F03.auth\u002F09.security-hardening",{"title":838,"path":839,"stem":840},"Теорія OAuth 2.0: Поняття, Аналогії та Флоу","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foauth-theory","01.csharp\u002F11.aspnet\u002F03.auth\u002F10.oauth-theory",{"title":842,"path":843,"stem":844},"OIDC, OAuth 2.0 та Keycloak в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foidc-keycloak","01.csharp\u002F11.aspnet\u002F03.auth\u002F10.oidc-keycloak",{"title":846,"path":847,"stem":848},"API Keys аутентифікація в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fapi-keys","01.csharp\u002F11.aspnet\u002F03.auth\u002F11.api-keys",{"title":850,"path":851,"stem":852},"Rate Limiting та Throttling в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frate-limiting","01.csharp\u002F11.aspnet\u002F03.auth\u002F12.rate-limiting",{"title":854,"path":855,"stem":856},"Refresh Token Rotation в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frefresh-token-rotation","01.csharp\u002F11.aspnet\u002F03.auth\u002F13.refresh-token-rotation",{"title":858,"path":859,"stem":860},"Certificate Authentication та mTLS в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fcertificate-auth","01.csharp\u002F11.aspnet\u002F03.auth\u002F14.certificate-auth",{"title":862,"path":863,"stem":864},"RBAC, ABAC та ReBAC в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frbac-abac-rebac","01.csharp\u002F11.aspnet\u002F03.auth\u002F15.rbac-abac-rebac",{"title":866,"path":867,"stem":868},"Multi-tenancy та ізоляція даних в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fmulti-tenancy","01.csharp\u002F11.aspnet\u002F03.auth\u002F16.multi-tenancy",{"title":870,"icon":871,"path":872,"stem":873,"children":874,"page":59},"Нотифікації","i-lucide-bell","\u002Fcsharp\u002Faspnet\u002Fnotifications","01.csharp\u002F11.aspnet\u002F04.notifications",[875,879,883,887,891,895,899,903,907,911,915,919,923],{"title":876,"path":877,"stem":878},"In-App нотифікації через базу даних","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fin-app-database-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F01.in-app-database-notifications",{"title":880,"path":881,"stem":882},"Polling: Регулярний запит оновлень","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fpolling","01.csharp\u002F11.aspnet\u002F04.notifications\u002F02.polling",{"title":884,"path":885,"stem":886},"Server-Sent Events: Однострімовий push від сервера","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fserver-sent-events","01.csharp\u002F11.aspnet\u002F04.notifications\u002F03.server-sent-events",{"title":888,"path":889,"stem":890},"WebSockets: Двостороннє з'єднання в реальному часі","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fwebsockets","01.csharp\u002F11.aspnet\u002F04.notifications\u002F04.websockets",{"title":892,"path":893,"stem":894},"SignalR: Абстракція над транспортами реального часу","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fsignalr","01.csharp\u002F11.aspnet\u002F04.notifications\u002F05.signalr",{"title":896,"path":897,"stem":898},"Background Services: Фонові задачі в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fbackground-services","01.csharp\u002F11.aspnet\u002F04.notifications\u002F06.background-services",{"title":900,"path":901,"stem":902},"Web Push нотифікації","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fweb-push","01.csharp\u002F11.aspnet\u002F04.notifications\u002F07.web-push",{"title":904,"path":905,"stem":906},"Email нотифікації","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Femail-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F08.email-notifications",{"title":908,"path":909,"stem":910},"Порівняння підходів: Як вибрати правильну технологію нотифікацій","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fchoosing-the-right-approach","01.csharp\u002F11.aspnet\u002F04.notifications\u002F09.choosing-the-right-approach",{"title":912,"path":913,"stem":914},"Hangfire: Надійне планування фонових задач","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire","01.csharp\u002F11.aspnet\u002F04.notifications\u002F10.hangfire",{"title":916,"path":917,"stem":918},"Практика: Конвертація зображень у WebP через Hangfire","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire-image-webp","01.csharp\u002F11.aspnet\u002F04.notifications\u002F11.hangfire-image-webp",{"title":920,"path":921,"stem":922},"Практика: Підготовка відео до HLS-стрімінгу через Hangfire","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire-video-hls","01.csharp\u002F11.aspnet\u002F04.notifications\u002F12.hangfire-video-hls",{"title":924,"path":925,"stem":926},"Telegram-нотифікації: від одного повідомлення до масових розсилок і мульти-канального підходу","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Ftelegram-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F13.telegram-notifications",{"title":928,"icon":929,"path":930,"stem":931,"children":932,"page":59},"Інтернаціоналізація","i-lucide-languages","\u002Fcsharp\u002Faspnet\u002Fi18n","01.csharp\u002F11.aspnet\u002F05.i18n",[933,937],{"title":934,"path":935,"stem":936},"Інтернаціоналізація (i18n) у Minimal API: від A до Я","\u002Fcsharp\u002Faspnet\u002Fi18n\u002Finternationalization","01.csharp\u002F11.aspnet\u002F05.i18n\u002F01.internationalization",{"title":938,"path":939,"stem":940},"Humanizer: людиномовні рядки у .NET","\u002Fcsharp\u002Faspnet\u002Fi18n\u002Fhumanizer","01.csharp\u002F11.aspnet\u002F05.i18n\u002F02.humanizer",{"title":942,"icon":943,"path":944,"stem":945,"children":946,"page":59},"Кешування","i-lucide-layers","\u002Fcsharp\u002Faspnet\u002Fcaching","01.csharp\u002F11.aspnet\u002F06.caching",[947,951,955,959,963],{"title":948,"path":949,"stem":950},"Огляд кешування: чотири рівні і коли що обирати","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fcaching","01.csharp\u002F11.aspnet\u002F06.caching\u002F01.caching",{"title":952,"path":953,"stem":954},"IMemoryCache: кеш в оперативній пам'яті","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fmemory-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F02.memory-cache",{"title":956,"path":957,"stem":958},"IDistributedCache і Redis: розподілений кеш","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fdistributed-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F03.distributed-cache",{"title":960,"path":961,"stem":962},"Response Cache: HTTP-кешування через Cache-Control","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fresponse-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F04.response-cache",{"title":964,"path":965,"stem":966},"Output Cache: серверний кеш HTTP-відповідей (.NET 7+)","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Foutput-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F05.output-cache",{"title":968,"icon":969,"path":970,"stem":971,"children":972,"page":59},"Тестування","i-lucide-test-tube","\u002Fcsharp\u002Faspnet\u002Ftesting","01.csharp\u002F11.aspnet\u002F07.testing",[973,977,981,985,989,993,997,1001,1005,1009,1013,1017,1021,1025,1029,1033,1037,1041,1045,1049,1053],{"title":974,"path":975,"stem":976},"Що таке тестування? Від інтуїції до науки","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwhat-is-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F01.what-is-testing",{"title":978,"path":979,"stem":980},"Піраміда тестування — Стратегія, а не Догма","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-pyramid","01.csharp\u002F11.aspnet\u002F07.testing\u002F02.testing-pyramid",{"title":982,"path":983,"stem":984},"Дві Школи Тестування — Лондон проти Детройту","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-schools","01.csharp\u002F11.aspnet\u002F07.testing\u002F03.testing-schools",{"title":986,"path":987,"stem":988},"TDD та BDD — Тести як Дизайн-інструмент","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftdd-and-bdd","01.csharp\u002F11.aspnet\u002F07.testing\u002F04.tdd-and-bdd",{"title":990,"path":991,"stem":992},"Що саме тестувати — Техніки аналізу та Циклomatична складність","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwhat-to-test","01.csharp\u002F11.aspnet\u002F07.testing\u002F05.what-to-test",{"title":994,"path":995,"stem":996},"Тестові Фреймворки — Навіщо вони і що всередині","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftest-frameworks","01.csharp\u002F11.aspnet\u002F07.testing\u002F06.test-frameworks",{"title":998,"path":999,"stem":1000},"xUnit — Факти, Теорії та Lifecycle тестів","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fxunit-basics","01.csharp\u002F11.aspnet\u002F07.testing\u002F07.xunit-basics",{"title":1002,"path":1003,"stem":1004},"xUnit Advanced — Fixtures, Кастомізація та Розширення","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fxunit-advanced","01.csharp\u002F11.aspnet\u002F07.testing\u002F08.xunit-advanced",{"title":1006,"path":1007,"stem":1008},"Moq — Глибоке занурення в мокування","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fmocking-with-moq","01.csharp\u002F11.aspnet\u002F07.testing\u002F09.mocking-with-moq",{"title":1010,"path":1011,"stem":1012},"Тестування Баз Даних — EF Core, SQLite та Testcontainers","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fdatabase-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F10.database-testing",{"title":1014,"path":1015,"stem":1016},"Integration Testing — Частина 1 [Теорія та WebApplicationFactory]","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fintegration-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F11.integration-testing",{"title":1018,"path":1019,"stem":1020},"Інтеграційне тестування — Практика","\u002Fcsharp\u002Faspnet\u002Ftesting\u002F11a.integration-testing-practice","01.csharp\u002F11.aspnet\u002F07.testing\u002F11a.integration-testing-practice",{"title":1022,"path":1023,"stem":1024},"Integration Testing — Частина 2 [Просунуті Сценарії та Testcontainers]","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fintegration-testing-advanced","01.csharp\u002F11.aspnet\u002F07.testing\u002F12.integration-testing-advanced",{"title":1026,"path":1027,"stem":1028},"Професійний Postman: Колекції, Змінні та GitHub Інтеграція","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fpostman-professional","01.csharp\u002F11.aspnet\u002F07.testing\u002F13.postman-professional",{"title":1030,"path":1031,"stem":1032},"HttpClient у Тестах Частина 1: Архітектура та MockHttpMessageHandler","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fhttpclient-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F14.httpclient-testing",{"title":1034,"path":1035,"stem":1036},"HttpClient у Тестах Частина 2: WireMock.Net та Resilience","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwiremock-net","01.csharp\u002F11.aspnet\u002F07.testing\u002F15.wiremock-net",{"title":1038,"path":1039,"stem":1040},"Патерни та Анти-патерни Тестування: Test Smells","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-patterns","01.csharp\u002F11.aspnet\u002F07.testing\u002F16.testing-patterns",{"title":1042,"path":1043,"stem":1044},"Просунуті інструменти: Time, Snapshots та Властивості","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fadvanced-testing-tools","01.csharp\u002F11.aspnet\u002F07.testing\u002F17.advanced-testing-tools",{"title":1046,"path":1047,"stem":1048},"Тестування Архітектури з NetArchTest","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Farchitecture-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F18.architecture-testing",{"title":1050,"path":1051,"stem":1052},"Тестування Продуктивності: BenchmarkDotNet, NBomber та k6","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fperformance-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F19.performance-testing",{"title":1054,"path":1055,"stem":1056},"Залишок плану для курсу \"Тестування ASP.NET Minimal API\"","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fremaining_plan","01.csharp\u002F11.aspnet\u002F07.testing\u002Fremaining_plan",{"title":1058,"icon":1059,"path":1060,"stem":1061,"children":1062,"page":59},"Платежі","i-lucide-credit-card","\u002Fcsharp\u002Faspnet\u002Fpayments","01.csharp\u002F11.aspnet\u002F08.payments",[1063,1067,1071,1075,1079,1083,1087,1091,1095,1099,1103,1107],{"title":1064,"path":1065,"stem":1066},"Основи платіжної інфраструктури","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-fundamentals","01.csharp\u002F11.aspnet\u002F08.payments\u002F01.payment-fundamentals",{"title":1068,"path":1069,"stem":1070},"Методи оплати в Україні","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-methods-ukraine","01.csharp\u002F11.aspnet\u002F08.payments\u002F02.payment-methods-ukraine",{"title":1072,"path":1073,"stem":1074},"PCI DSS та безпека платежів","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpci-dss-security","01.csharp\u002F11.aspnet\u002F08.payments\u002F03.pci-dss-security",{"title":1076,"path":1077,"stem":1078},"Архітектура платіжної підсистеми","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-architecture","01.csharp\u002F11.aspnet\u002F08.payments\u002F04.payment-architecture",{"title":1080,"path":1081,"stem":1082},"Інтеграція LiqPay (ПриватБанк)","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fliqpay-integration","01.csharp\u002F11.aspnet\u002F08.payments\u002F05.liqpay-integration",{"title":1084,"path":1085,"stem":1086},"Інтеграція Monobank Acquiring API","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fmonobank-acquiring","01.csharp\u002F11.aspnet\u002F08.payments\u002F06.monobank-acquiring",{"title":1088,"path":1089,"stem":1090},"Інтеграція Stripe","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fstripe-integration","01.csharp\u002F11.aspnet\u002F08.payments\u002F07.stripe-integration",{"title":1092,"path":1093,"stem":1094},"Webhooks — глибоке занурення","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fwebhooks-deep-dive","01.csharp\u002F11.aspnet\u002F08.payments\u002F08.webhooks-deep-dive",{"title":1096,"path":1097,"stem":1098},"Підписки та рекурентні платежі","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fsubscriptions-recurring","01.csharp\u002F11.aspnet\u002F08.payments\u002F09.subscriptions-recurring",{"title":1100,"path":1101,"stem":1102},"Повернення коштів та диспути","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Frefunds-disputes","01.csharp\u002F11.aspnet\u002F08.payments\u002F10.refunds-disputes",{"title":1104,"path":1105,"stem":1106},"Тестування платіжних інтеграцій","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Ftesting-payments","01.csharp\u002F11.aspnet\u002F08.payments\u002F11.testing-payments",{"title":1108,"path":1109,"stem":1110},"Чекліст виходу в Production","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fproduction-checklist","01.csharp\u002F11.aspnet\u002F08.payments\u002F12.production-checklist",{"title":1112,"icon":1113,"items":1114,"path":1127,"stem":1128,"children":1129,"page":59},"Популярні бібліотеки","lucide:box",[1115,1116,1117,1118,1119,1120,1121,1122,1123,1124,1125,1126],"01.fluent-validation","02.mapster","03.erroror-result-pattern","04.serilog","05.mediatr","06.polly","07.health-checks","08.feature-management","09.fluent-email","10.quest-pdf","11.bogus","12.humanizer-guard","\u002Fcsharp\u002Faspnet\u002Flibraries","01.csharp\u002F11.aspnet\u002F09.libraries",[1130,1134,1138,1142,1146,1150,1154,1158,1162,1166,1170,1174,1178],{"title":1131,"path":1132,"stem":1133},"Валідація з FluentValidation в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffluent-validation","01.csharp\u002F11.aspnet\u002F09.libraries\u002F01.fluent-validation",{"title":1135,"path":1136,"stem":1137},"Маппінг об","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fmapster","01.csharp\u002F11.aspnet\u002F09.libraries\u002F02.mapster",{"title":1139,"path":1140,"stem":1141},"Обробка помилок з ErrorOr та Result Pattern в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ferroror-result-pattern","01.csharp\u002F11.aspnet\u002F09.libraries\u002F03.erroror-result-pattern",{"title":1143,"path":1144,"stem":1145},"Структуроване логування з Serilog в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fserilog","01.csharp\u002F11.aspnet\u002F09.libraries\u002F04.serilog",{"title":1147,"path":1148,"stem":1149},"CQRS та Mediator з MediatR в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fmediatr","01.csharp\u002F11.aspnet\u002F09.libraries\u002F05.mediatr",{"title":1151,"path":1152,"stem":1153},"Відмовостійкість з Polly в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fpolly","01.csharp\u002F11.aspnet\u002F09.libraries\u002F06.polly",{"title":1155,"path":1156,"stem":1157},"Health Checks в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fhealth-checks","01.csharp\u002F11.aspnet\u002F09.libraries\u002F07.health-checks",{"title":1159,"path":1160,"stem":1161},"Feature Management та Feature Flags в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffeature-management","01.csharp\u002F11.aspnet\u002F09.libraries\u002F08.feature-management",{"title":1163,"path":1164,"stem":1165},"Відправка Email з FluentEmail в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffluent-email","01.csharp\u002F11.aspnet\u002F09.libraries\u002F09.fluent-email",{"title":1167,"path":1168,"stem":1169},"Генерація PDF з QuestPDF в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fquest-pdf","01.csharp\u002F11.aspnet\u002F09.libraries\u002F10.quest-pdf",{"title":1171,"path":1172,"stem":1173},"Генерація тестових даних з Bogus в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fbogus","01.csharp\u002F11.aspnet\u002F09.libraries\u002F11.bogus",{"title":1175,"path":1176,"stem":1177},"Humanizer та Guard Clauses в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fhumanizer-guard","01.csharp\u002F11.aspnet\u002F09.libraries\u002F12.humanizer-guard",{"title":1179,"path":1180,"stem":1181},"План модуля 10.libraries — Популярні бібліотеки ASP.NET","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fplan","01.csharp\u002F11.aspnet\u002F09.libraries\u002Fplan",{"title":1183,"icon":1184,"path":1185,"stem":1186,"children":1187,"page":59},"Razor Pages","i-lucide-layout-template","\u002Fcsharp\u002Faspnet\u002Frazor-pages","01.csharp\u002F11.aspnet\u002F10.razor-pages",[1188,1192,1196,1200,1204,1208],{"title":1189,"path":1190,"stem":1191},"Від Minimal API до Razor Pages: концептуальний перехід","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Ffrom-minimal-api","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F01.from-minimal-api",{"title":1193,"path":1194,"stem":1195},"PageModel: логіка сторінки Razor Pages","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fpage-model","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F02.page-model",{"title":1197,"path":1198,"stem":1199},"Razor синтаксис: шаблонізатор у .cshtml","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Frazor-syntax","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F03.razor-syntax",{"title":1201,"path":1202,"stem":1203},"Tag Helpers: типізований HTML","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Ftag-helpers","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F04.tag-helpers",{"title":1205,"path":1206,"stem":1207},"Форми і валідація: повний цикл обробки даних","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fforms-validation","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F05.forms-validation",{"title":1209,"path":1210,"stem":1211},"Практичний проєкт: TaskManager на Razor Pages","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fproject-task-manager","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F06.project-task-manager",{"title":1213,"path":1214,"stem":1215,"children":1216,"page":59},"ASP.NET Core MVC","\u002Fcsharp\u002Faspnet\u002Fmvc","01.csharp\u002F11.aspnet\u002F11.mvc",[1217,1221,1225,1229,1233,1237,1241,1245,1249,1253,1257,1261,1265,1269,1273,1277,1281,1285],{"title":1218,"path":1219,"stem":1220},"Патерн MVC: архітектура, що змінила веб","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmvc-pattern","01.csharp\u002F11.aspnet\u002F11.mvc\u002F01.mvc-pattern",{"title":1222,"path":1223,"stem":1224},"Від Razor Pages до MVC: концептуальний перехід","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffrom-razor-pages","01.csharp\u002F11.aspnet\u002F11.mvc\u002F02.from-razor-pages",{"title":1226,"path":1227,"stem":1228},"Controllers та Actions: серце MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fcontrollers-actions","01.csharp\u002F11.aspnet\u002F11.mvc\u002F03.controllers-actions",{"title":1230,"path":1231,"stem":1232},"Маршрутизація в MVC: Convention vs Attribute Routing","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Frouting-mvc","01.csharp\u002F11.aspnet\u002F11.mvc\u002F04.routing-mvc",{"title":1234,"path":1235,"stem":1236},"Model Binding: від HTTP до C#","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmodel-binding","01.csharp\u002F11.aspnet\u002F11.mvc\u002F05.model-binding",{"title":1238,"path":1239,"stem":1240},"Views, ViewData, ViewBag, TempData і ViewModel","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fviews-viewdata-tempdata","01.csharp\u002F11.aspnet\u002F11.mvc\u002F06.views-viewdata-tempdata",{"title":1242,"path":1243,"stem":1244},"Filters: аспектно-орієнтоване програмування в MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffilters","01.csharp\u002F11.aspnet\u002F11.mvc\u002F07.filters",{"title":1246,"path":1247,"stem":1248},"Areas: структурування великих застосунків","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fareas","01.csharp\u002F11.aspnet\u002F11.mvc\u002F08.areas",{"title":1250,"path":1251,"stem":1252},"View Components: повторювані незалежні блоки UI","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fview-components","01.csharp\u002F11.aspnet\u002F11.mvc\u002F09.view-components",{"title":1254,"path":1255,"stem":1256},"Display та Editor Templates","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fdisplay-editor-templates","01.csharp\u002F11.aspnet\u002F11.mvc\u002F10.display-editor-templates",{"title":1258,"path":1259,"stem":1260},"Валідація: IValidatableObject та FluentValidation","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fvalidation-advanced","01.csharp\u002F11.aspnet\u002F11.mvc\u002F11.validation-advanced",{"title":1262,"path":1263,"stem":1264},"HTMX: інтерактивність через HTML-атрибути","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fhtmx","01.csharp\u002F11.aspnet\u002F11.mvc\u002F12.htmx",{"title":1266,"path":1267,"stem":1268},"HTMX у ASP.NET Core MVC: серверна інтеграція","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fajax-htmx-mvc","01.csharp\u002F11.aspnet\u002F11.mvc\u002F13.ajax-htmx-mvc",{"title":1270,"path":1271,"stem":1272},"Практичний проєкт: Каталог товарів з HTMX","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fhtmx-project","01.csharp\u002F11.aspnet\u002F11.mvc\u002F14.htmx-project",{"title":1274,"path":1275,"stem":1276},"Завантаження та обробка файлів","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffile-upload","01.csharp\u002F11.aspnet\u002F11.mvc\u002F15.file-upload",{"title":1278,"path":1279,"stem":1280},"Глобалізація та Локалізація MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fglobalization-localization","01.csharp\u002F11.aspnet\u002F11.mvc\u002F16.globalization-localization",{"title":1282,"path":1283,"stem":1284},"Підсумковий проєкт: Блог-платформа","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmvc-project","01.csharp\u002F11.aspnet\u002F11.mvc\u002F17.mvc-project",{"title":1286,"path":1287,"stem":1288},"План курсу: ASP.NET Core MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fplan","01.csharp\u002F11.aspnet\u002F11.mvc\u002Fplan",{"title":1290,"path":1291,"stem":1292,"children":1293,"page":59},"Web Api","\u002Fcsharp\u002Faspnet\u002Fweb-api","01.csharp\u002F11.aspnet\u002F12.web-api",[1294,1298,1302,1306,1310,1314,1318,1322,1326,1330,1334,1338,1342],{"title":1295,"path":1296,"stem":1297},"Від Minimal API до Controller-based API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Ffrom-minimal-api-to-controllers","01.csharp\u002F11.aspnet\u002F12.web-api\u002F01.from-minimal-api-to-controllers",{"title":1299,"path":1300,"stem":1301},"ControllerBase, ActionResult\u003CT> та Response Types","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fcontroller-base-actionresult","01.csharp\u002F11.aspnet\u002F12.web-api\u002F02.controller-base-actionresult",{"title":1303,"path":1304,"stem":1305},"Content Negotiation - JSON, XML та власні форматери","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fcontent-negotiation","01.csharp\u002F11.aspnet\u002F12.web-api\u002F03.content-negotiation",{"title":1307,"path":1308,"stem":1309},"Версіонування API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fapi-versioning","01.csharp\u002F11.aspnet\u002F12.web-api\u002F04.api-versioning",{"title":1311,"path":1312,"stem":1313},"ProblemDetails та структурована обробка помилок","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fproblemdetails-error-handling","01.csharp\u002F11.aspnet\u002F12.web-api\u002F05.problemdetails-error-handling",{"title":1315,"path":1316,"stem":1317},"Фільтри у Web API контексті","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Ffilters-for-api","01.csharp\u002F11.aspnet\u002F12.web-api\u002F06.filters-for-api",{"title":1319,"path":1320,"stem":1321},"Пагінація, фільтрація та сортування","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fpagination-filtering-sorting","01.csharp\u002F11.aspnet\u002F12.web-api\u002F07.pagination-filtering-sorting",{"title":1323,"path":1324,"stem":1325},"HATEOAS та Resource Expansion","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fhateoas-resource-expansion","01.csharp\u002F11.aspnet\u002F12.web-api\u002F08.hateoas-resource-expansion",{"title":1327,"path":1328,"stem":1329},"Гібридна архітектура - Minimal API + Controllers","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fminimal-api-vs-controllers-hybrid","01.csharp\u002F11.aspnet\u002F12.web-api\u002F09.minimal-api-vs-controllers-hybrid",{"title":1331,"path":1332,"stem":1333},"Документація API - Swashbuckle, NSwag та генерація клієнтів","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fapi-documentation-generation","01.csharp\u002F11.aspnet\u002F12.web-api\u002F10.api-documentation-generation",{"title":1335,"path":1336,"stem":1337},"Health Checks та моніторинг API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fhealth-checks-monitoring","01.csharp\u002F11.aspnet\u002F12.web-api\u002F11.health-checks-monitoring",{"title":1339,"path":1340,"stem":1341},"Підсумковий проєкт - Production-Ready REST API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fweb-api-project","01.csharp\u002F11.aspnet\u002F12.web-api\u002F12.web-api-project",{"title":1343,"path":1344,"stem":1345},"План курсу: ASP.NET Core Web API (Controllers)","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fplan","01.csharp\u002F11.aspnet\u002F12.web-api\u002Fplan",{"title":1347,"icon":1348,"path":1349,"stem":1350,"children":1351,"page":59},"Моніторинг","i-lucide-activity","\u002Fcsharp\u002Faspnet\u002Fmonitoring","01.csharp\u002F11.aspnet\u002F13.monitoring",[1352,1356,1360],{"title":1353,"path":1354,"stem":1355},"Спостережуваність: від console.log до production-систем","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fobservability-intro","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F01.observability-intro",{"title":1357,"path":1358,"stem":1359},"Health Checks: перший рівень observability","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fhealth-checks","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F02.health-checks",{"title":1361,"path":1362,"stem":1363},"Вбудовані метрики .NET 10 та System.Diagnostics.Metrics","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fdotnet-metrics","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F03.dotnet-metrics",{"title":1365,"icon":1366,"path":1367,"stem":1368,"children":1369,"page":59},"Desktop UI","i-lucide-app-window","\u002Fcsharp\u002Fdesktop-ui","01.csharp\u002F12.desktop-ui",[1370,1374,1378,1382,1386,1390,1394,1398,1402,1406,1410,1414,1418,1422,1426,1430,1434,1438,1442,1446,1450,1454,1458,1462,1466,1470,1474,1478,1482,1486,1490,1494,1498,1502,1506,1510,1514,1518,1522,1526,1530,1534,1538,1542,1546,1550,1554,1558,1562,1566,1570,1574,1578,1582,1586,1590,1594,1598,1602,1606,1610,1614,1618,1622,1626,1630,1634,1638,1642,1646,1650],{"title":1371,"path":1372,"stem":1373},"Що таке десктопна розробка?","\u002Fcsharp\u002Fdesktop-ui\u002Fwhat-is-desktop-dev","01.csharp\u002F12.desktop-ui\u002F01.what-is-desktop-dev",{"title":1375,"path":1376,"stem":1377},"Архітектура WPF — як влаштований графічний інтерфейс","\u002Fcsharp\u002Fdesktop-ui\u002Fwpf-architecture","01.csharp\u002F12.desktop-ui\u002F02.wpf-architecture",{"title":1379,"path":1380,"stem":1381},"Перший WPF-проєкт — від нуля до вікна","\u002Fcsharp\u002Fdesktop-ui\u002Ffirst-wpf-app","01.csharp\u002F12.desktop-ui\u002F03.first-wpf-app",{"title":1383,"path":1384,"stem":1385},"Перший Avalonia-проєкт: WPF для всіх платформ","\u002Fcsharp\u002Fdesktop-ui\u002F03a.first-avalonia-app","01.csharp\u002F12.desktop-ui\u002F03a.first-avalonia-app",{"title":1387,"path":1388,"stem":1389},"XAML: декларативний інтерфейс","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-basics","01.csharp\u002F12.desktop-ui\u002F04.xaml-basics",{"title":1391,"path":1392,"stem":1393},"Fluent UI у WPF — сучасний дизайн Windows 11","\u002Fcsharp\u002Fdesktop-ui\u002F04a.wpf-fluent-ui","01.csharp\u002F12.desktop-ui\u002F04a.wpf-fluent-ui",{"title":1395,"path":1396,"stem":1397},"WPF UI — сучасна бібліотека Fluent контролів","\u002Fcsharp\u002Fdesktop-ui\u002F04b.wpf-ui-library","01.csharp\u002F12.desktop-ui\u002F04b.wpf-ui-library",{"title":1399,"path":1400,"stem":1401},"HandyControl — велика бібліотека UI контролів для WPF","\u002Fcsharp\u002Fdesktop-ui\u002F04c.handycontrol-library","01.csharp\u002F12.desktop-ui\u002F04c.handycontrol-library",{"title":1403,"path":1404,"stem":1405},"Простори імен та ресурси XAML","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-namespaces-resources","01.csharp\u002F12.desktop-ui\u002F05.xaml-namespaces-resources",{"title":1407,"path":1408,"stem":1409},"XAML в Avalonia: ключові відмінності від WPF","\u002Fcsharp\u002Fdesktop-ui\u002F05a.avalonia-xaml-differences","01.csharp\u002F12.desktop-ui\u002F05a.avalonia-xaml-differences",{"title":1411,"path":1412,"stem":1413},"Розширення розмітки XAML (Markup Extensions)","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-markup-extensions","01.csharp\u002F12.desktop-ui\u002F06.xaml-markup-extensions",{"title":1415,"path":1416,"stem":1417},"Панелі Layout: StackPanel, WrapPanel, DockPanel","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-panels-part1","01.csharp\u002F12.desktop-ui\u002F07.layout-panels-part1",{"title":1419,"path":1420,"stem":1421},"Grid, Canvas, UniformGrid","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-panels-part2","01.csharp\u002F12.desktop-ui\u002F07.layout-panels-part2",{"title":1423,"path":1424,"stem":1425},"Просунуті техніки Layout","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-advanced","01.csharp\u002F12.desktop-ui\u002F08.layout-advanced",{"title":1427,"path":1428,"stem":1429},"Адаптивний Layout та найкращі практики","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-responsive","01.csharp\u002F12.desktop-ui\u002F09.layout-responsive",{"title":1431,"path":1432,"stem":1433},"Layout в Avalonia: відмінності та нові можливості","\u002Fcsharp\u002Fdesktop-ui\u002F09a.layout-avalonia","01.csharp\u002F12.desktop-ui\u002F09a.layout-avalonia",{"title":1435,"path":1436,"stem":1437},"Button, Image, ProgressBar та інші базові контроли","\u002Fcsharp\u002Fdesktop-ui\u002Fbasic-controls","01.csharp\u002F12.desktop-ui\u002F10.basic-controls",{"title":1439,"path":1440,"stem":1441},"Контроли в Avalonia: відмінності від WPF","\u002Fcsharp\u002Fdesktop-ui\u002F10a.controls-avalonia","01.csharp\u002F12.desktop-ui\u002F10a.controls-avalonia",{"title":1443,"path":1444,"stem":1445},"Текстові контроли — TextBlock, TextBox, RichTextBox","\u002Fcsharp\u002Fdesktop-ui\u002Ftext-controls","01.csharp\u002F12.desktop-ui\u002F11.text-controls",{"title":1447,"path":1448,"stem":1449},"Контроли вибору — CheckBox, RadioButton, ComboBox, ListBox, DatePicker","\u002Fcsharp\u002Fdesktop-ui\u002Fselection-controls","01.csharp\u002F12.desktop-ui\u002F12.selection-controls",{"title":1451,"path":1452,"stem":1453},"Content Model — GroupBox, Expander, TabControl, StatusBar","\u002Fcsharp\u002Fdesktop-ui\u002Fcontent-controls","01.csharp\u002F12.desktop-ui\u002F13.content-controls",{"title":1455,"path":1456,"stem":1457},"UI\u002FUX принципи десктопних застосунків","\u002Fcsharp\u002Fdesktop-ui\u002F13a.ui-ux-principles","01.csharp\u002F12.desktop-ui\u002F13a.ui-ux-principles",{"title":1459,"path":1460,"stem":1461},"Dependency Properties — Концепція та Value Resolution","\u002Fcsharp\u002Fdesktop-ui\u002Fdependency-properties-part1","01.csharp\u002F12.desktop-ui\u002F14.dependency-properties-part1",{"title":1463,"path":1464,"stem":1465},"Avalonia Property System — StyledProperty та DirectProperty","\u002Fcsharp\u002Fdesktop-ui\u002F14a.avalonia-property-system","01.csharp\u002F12.desktop-ui\u002F14a.avalonia-property-system",{"title":1467,"path":1468,"stem":1469},"Attached Properties — Властивості без меж","\u002Fcsharp\u002Fdesktop-ui\u002Fattached-properties","01.csharp\u002F12.desktop-ui\u002F15.attached-properties",{"title":1471,"path":1472,"stem":1473},"Routed Events — Маршрутизація подій у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Frouted-events","01.csharp\u002F12.desktop-ui\u002F16.routed-events",{"title":1475,"path":1476,"stem":1477},"Data Binding — Від Code-Behind до Декларативності","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-basics-part1","01.csharp\u002F12.desktop-ui\u002F17.data-binding-basics-part1",{"title":1479,"path":1480,"stem":1481},"INotifyPropertyChanged — Живе оновлення UI","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-basics-part2","01.csharp\u002F12.desktop-ui\u002F17.data-binding-basics-part2",{"title":1483,"path":1484,"stem":1485},"Compiled Bindings в Avalonia — Безпека на етапі компіляції","\u002Fcsharp\u002Fdesktop-ui\u002F17a.avalonia-compiled-bindings","01.csharp\u002F12.desktop-ui\u002F17a.avalonia-compiled-bindings",{"title":1487,"path":1488,"stem":1489},"Просунутий Data Binding — ElementName, RelativeSource, MultiBinding","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-advanced","01.csharp\u002F12.desktop-ui\u002F18.data-binding-advanced",{"title":1491,"path":1492,"stem":1493},"Value Converters — Перетворення типів даних у Data Binding","\u002Fcsharp\u002Fdesktop-ui\u002Fvalue-converters","01.csharp\u002F12.desktop-ui\u002F19.value-converters",{"title":1495,"path":1496,"stem":1497},"Data Templates — Візуалізація об'єктів у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-templates","01.csharp\u002F12.desktop-ui\u002F20.data-templates",{"title":1499,"path":1500,"stem":1501},"Collections Binding Part 1 — ObservableCollection та ItemsControl","\u002Fcsharp\u002Fdesktop-ui\u002Fcollections-binding-part1","01.csharp\u002F12.desktop-ui\u002F21.collections-binding-part1",{"title":1503,"path":1504,"stem":1505},"Collections Binding Part 2 — ICollectionView, Filtering, Sorting та Virtualization","\u002Fcsharp\u002Fdesktop-ui\u002Fcollections-binding-part2","01.csharp\u002F12.desktop-ui\u002F21.collections-binding-part2",{"title":1507,"path":1508,"stem":1509},"MVVM Pattern — Від Spaghetti Code до архітектури","\u002Fcsharp\u002Fdesktop-ui\u002Fmvvm-pattern","01.csharp\u002F12.desktop-ui\u002F22.mvvm-pattern",{"title":1511,"path":1512,"stem":1513},"ViewModel Implementation — Від BaseViewModel до валідації","\u002Fcsharp\u002Fdesktop-ui\u002Fviewmodel-implementation","01.csharp\u002F12.desktop-ui\u002F23.viewmodel-implementation",{"title":1515,"path":1516,"stem":1517},"Commands — Від event handlers до декларативних команд","\u002Fcsharp\u002Fdesktop-ui\u002Fcommands","01.csharp\u002F12.desktop-ui\u002F24.commands",{"title":1519,"path":1520,"stem":1521},"MVVM Toolkit — MVVM без boilerplate через Source Generators","\u002Fcsharp\u002Fdesktop-ui\u002Fmvvm-toolkit","01.csharp\u002F12.desktop-ui\u002F25.mvvm-toolkit",{"title":1523,"path":1524,"stem":1525},"Messenger Pattern — Комунікація між ViewModel без прямих посилань","\u002Fcsharp\u002Fdesktop-ui\u002Fmessenger-pattern","01.csharp\u002F12.desktop-ui\u002F26.messenger-pattern",{"title":1527,"path":1528,"stem":1529},"Стилі WPF — CSS для десктопу","\u002Fcsharp\u002Fdesktop-ui\u002Fstyles-basics","01.csharp\u002F12.desktop-ui\u002F27.styles-basics",{"title":1531,"path":1532,"stem":1533},"CSS-like стилі Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002F27a.avalonia-css-styling","01.csharp\u002F12.desktop-ui\u002F27a.avalonia-css-styling",{"title":1535,"path":1536,"stem":1537},"Control Templates — Частина 1. Концепція та TemplateBinding","\u002Fcsharp\u002Fdesktop-ui\u002Fcontrol-templates-part1","01.csharp\u002F12.desktop-ui\u002F28.control-templates-part1",{"title":1539,"path":1540,"stem":1541},"Control Templates — Частина 2. Named Parts та ContentPresenter","\u002Fcsharp\u002Fdesktop-ui\u002Fcontrol-templates-part2","01.csharp\u002F12.desktop-ui\u002F28.control-templates-part2",{"title":1543,"path":1544,"stem":1545},"Control Themes в Avalonia — нова ера стилізації","\u002Fcsharp\u002Fdesktop-ui\u002F28a.avalonia-control-themes","01.csharp\u002F12.desktop-ui\u002F28a.avalonia-control-themes",{"title":1547,"path":1548,"stem":1549},"Triggers та Visual State Manager у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Ftriggers-visual-states","01.csharp\u002F12.desktop-ui\u002F29.triggers-visual-states",{"title":1551,"path":1552,"stem":1553},"Pseudo-classes в Avalonia — замість WPF Triggers","\u002Fcsharp\u002Fdesktop-ui\u002F29a.avalonia-pseudo-classes","01.csharp\u002F12.desktop-ui\u002F29a.avalonia-pseudo-classes",{"title":1555,"path":1556,"stem":1557},"Теми та ресурсні словники у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fresources-themes","01.csharp\u002F12.desktop-ui\u002F30.resources-themes",{"title":1559,"path":1560,"stem":1561},"Avalonia Themes — Fluent Design та система тематизації","\u002Fcsharp\u002Fdesktop-ui\u002F30a.avalonia-themes-fluent","01.csharp\u002F12.desktop-ui\u002F30a.avalonia-themes-fluent",{"title":1563,"path":1564,"stem":1565},"Контроли колекцій — глибоке занурення","\u002Fcsharp\u002Fdesktop-ui\u002Fcollection-controls","01.csharp\u002F12.desktop-ui\u002F31.collection-controls",{"title":1567,"path":1568,"stem":1569},"DataGrid — колонки та базове відображення","\u002Fcsharp\u002Fdesktop-ui\u002Fdatagrid-part1","01.csharp\u002F12.desktop-ui\u002F32.datagrid-part1",{"title":1571,"path":1572,"stem":1573},"DataGrid — сортування, фільтрація, редагування","\u002Fcsharp\u002Fdesktop-ui\u002Fdatagrid-part2","01.csharp\u002F12.desktop-ui\u002F32.datagrid-part2",{"title":1575,"path":1576,"stem":1577},"TreeView та GridView","\u002Fcsharp\u002Fdesktop-ui\u002Ftreeview-listview","01.csharp\u002F12.desktop-ui\u002F33.treeview-listview",{"title":1579,"path":1580,"stem":1581},"Меню, Toolbar, ContextMenu, StatusBar","\u002Fcsharp\u002Fdesktop-ui\u002Fmenus-toolbars","01.csharp\u002F12.desktop-ui\u002F34.menus-toolbars",{"title":1583,"path":1584,"stem":1585},"Навігація та керування вікнами. Частина 1: вікна та сторінки","\u002Fcsharp\u002Fdesktop-ui\u002Fnavigation-windows-part1","01.csharp\u002F12.desktop-ui\u002F35.navigation-windows-part1",{"title":1587,"path":1588,"stem":1589},"Навігація та керування вікнами. Частина 2: MVVM-навігація","\u002Fcsharp\u002Fdesktop-ui\u002Fnavigation-windows-part2","01.csharp\u002F12.desktop-ui\u002F35.navigation-windows-part2",{"title":1591,"path":1592,"stem":1593},"Avalonia — Навігація та діалоги","\u002Fcsharp\u002Fdesktop-ui\u002F35a.avalonia-navigation-dialogs","01.csharp\u002F12.desktop-ui\u002F35a.avalonia-navigation-dialogs",{"title":1595,"path":1596,"stem":1597},"Діалоги та File Pickers у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fdialogs-file-pickers","01.csharp\u002F12.desktop-ui\u002F36.dialogs-file-pickers",{"title":1599,"path":1600,"stem":1601},"UserControl: компонентний підхід у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fuser-controls","01.csharp\u002F12.desktop-ui\u002F37.user-controls",{"title":1603,"path":1604,"stem":1605},"Custom Controls: Lookless Controls у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fcustom-controls","01.csharp\u002F12.desktop-ui\u002F38.custom-controls",{"title":1607,"path":1608,"stem":1609},"Avalonia TemplatedControl — Lookless Controls","\u002Fcsharp\u002Fdesktop-ui\u002F38a.avalonia-templated-controls","01.csharp\u002F12.desktop-ui\u002F38a.avalonia-templated-controls",{"title":1611,"path":1612,"stem":1613},"Анімації у WPF: Storyboard та Easing Functions","\u002Fcsharp\u002Fdesktop-ui\u002Fanimations-transitions","01.csharp\u002F12.desktop-ui\u002F39.animations-transitions",{"title":1615,"path":1616,"stem":1617},"Анімації в Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002F39a.avalonia-animations","01.csharp\u002F12.desktop-ui\u002F39a.avalonia-animations",{"title":1619,"path":1620,"stem":1621},"2D Графіка та Мультимедіа у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fmedia-graphics","01.csharp\u002F12.desktop-ui\u002F40.media-graphics",{"title":1623,"path":1624,"stem":1625},"Dependency Injection у WPF та Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002Fdi-integration","01.csharp\u002F12.desktop-ui\u002F41.di-integration",{"title":1627,"path":1628,"stem":1629},"SQLite та EF Core у десктопних додатках","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-persistence-part1","01.csharp\u002F12.desktop-ui\u002F42.data-persistence-part1",{"title":1631,"path":1632,"stem":1633},"Repository Pattern та Unit of Work","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-persistence-part2","01.csharp\u002F12.desktop-ui\u002F43.data-persistence-part2",{"title":1635,"path":1636,"stem":1637},"Тестування ViewModels","\u002Fcsharp\u002Fdesktop-ui\u002Fviewmodel-testing","01.csharp\u002F12.desktop-ui\u002F44.viewmodel-testing",{"title":1639,"path":1640,"stem":1641},"Avalonia Headless Testing — тестування UI без вікон","\u002Fcsharp\u002Fdesktop-ui\u002F44a.avalonia-headless-testing","01.csharp\u002F12.desktop-ui\u002F44a.avalonia-headless-testing",{"title":1643,"path":1644,"stem":1645},"Кросплатформна розробка з Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002Favalonia-cross-platform","01.csharp\u002F12.desktop-ui\u002F45.avalonia-cross-platform",{"title":1647,"path":1648,"stem":1649},"Пакування та розгортання Avalonia додатків","\u002Fcsharp\u002Fdesktop-ui\u002Favalonia-packaging-deployment","01.csharp\u002F12.desktop-ui\u002F46.avalonia-packaging-deployment",{"title":1651,"path":1652,"stem":1653},"Розгортання WPF застосунків","\u002Fcsharp\u002Fdesktop-ui\u002Fwpf-packaging-deployment","01.csharp\u002F12.desktop-ui\u002F47.wpf-packaging-deployment",{"title":1655,"icon":658,"path":1656,"stem":1657,"children":1658,"page":59},"Network Programming","\u002Fcsharp\u002Fnetwork-programming","01.csharp\u002F13.network-programming",[1659,1663,1667,1671,1675,1679,1683,1687,1691,1695,1699],{"title":1660,"path":1661,"stem":1662},"Основи комп'ютерних мереж","\u002Fcsharp\u002Fnetwork-programming\u002Ffoundations","01.csharp\u002F13.network-programming\u002F01.foundations",{"title":1664,"path":1665,"stem":1666},"Модель OSI та стек TCP\u002FIP","\u002Fcsharp\u002Fnetwork-programming\u002Fosi-model","01.csharp\u002F13.network-programming\u002F02.osi-model",{"title":1668,"path":1669,"stem":1670},"IP-протокол та адресація","\u002Fcsharp\u002Fnetwork-programming\u002Fip-addressing","01.csharp\u002F13.network-programming\u002F03.ip-addressing",{"title":1672,"path":1673,"stem":1674},"UDP — протокол без з'єднання","\u002Fcsharp\u002Fnetwork-programming\u002Fudp","01.csharp\u002F13.network-programming\u002F05.udp",{"title":1676,"path":1677,"stem":1678},"UDP Broadcast та Multicast","\u002Fcsharp\u002Fnetwork-programming\u002Fudp-broadcast-multicast","01.csharp\u002F13.network-programming\u002F06.udp-broadcast-multicast",{"title":1680,"path":1681,"stem":1682},"HTTP — протокол вебу","\u002Fcsharp\u002Fnetwork-programming\u002Fhttp-fundamentals","01.csharp\u002F13.network-programming\u002F07.http-fundamentals",{"title":1684,"path":1685,"stem":1686},"HttpListener — вбудований HTTP-сервер .NET","\u002Fcsharp\u002Fnetwork-programming\u002F07a.http-listener","01.csharp\u002F13.network-programming\u002F07a.http-listener",{"title":1688,"path":1689,"stem":1690},"HTTP Advanced — cookies, аутентифікація та HTTPS","\u002Fcsharp\u002Fnetwork-programming\u002Fhttp-advanced","01.csharp\u002F13.network-programming\u002F08.http-advanced",{"title":1692,"path":1693,"stem":1694},"SMTP та протоколи електронної пошти","\u002Fcsharp\u002Fnetwork-programming\u002Fsmtp","01.csharp\u002F13.network-programming\u002F09.smtp",{"title":1696,"path":1697,"stem":1698},"WebSocket — повнодуплексний протокол реального часу","\u002Fcsharp\u002Fnetwork-programming\u002Fwebsockets","01.csharp\u002F13.network-programming\u002F10.websockets",{"title":1700,"path":1701,"stem":1702},"TLS\u002FSSL — криптографічний захист мережевих з'єднань","\u002Fcsharp\u002Fnetwork-programming\u002Ftls-ssl","01.csharp\u002F13.network-programming\u002F11.tls-ssl",{"title":1704,"path":1705,"stem":1706},"C# & .NET: The Ultimate Roadmap","\u002Fcsharp\u002Froadmap","01.csharp\u002Froadmap",{"title":1708,"icon":1709,"path":1710,"stem":1711,"children":1712,"page":59},"C++","i-devicon-cplusplus","\u002Fcpp","02.cpp",[1713,1717,1721,1725,1729,1733,1737,1741,1745,1748,1752,1756,1760,1764,1768,1772,1776,1780,1784,1788,1792,1796,1800,1804,1808,1812,1816,1820,1824,1828,1832,1836,1840,1844,1848,1852,1856,1860,1864,1868,1872,1876,1880,1884,1888,1892,1896,1900,1904,1908,1912,1916,1920,1924,1928,1932,1936,1940,1944,1948,1952,1956,1960,1964,1968,1972,1976],{"title":1714,"path":1715,"stem":1716},"Вступ у програмування та алгоритми","\u002Fcpp\u002Fintro-algorithms","02.cpp\u002F01.intro-algorithms",{"title":1718,"path":1719,"stem":1720},"Code Style: угоди про оформлення коду","\u002Fcpp\u002Fcode-style","02.cpp\u002F02.code-style",{"title":1722,"path":1723,"stem":1724},"Середовище розробки та перший проєкт","\u002Fcpp\u002Fide-setup","02.cpp\u002F03.ide-setup",{"title":1726,"path":1727,"stem":1728},"Вивід даних на екран","\u002Fcpp\u002Fdata-output","02.cpp\u002F04.data-output",{"title":1730,"path":1731,"stem":1732},"Типи даних, змінні та константи","\u002Fcpp\u002Fdata-types-variables","02.cpp\u002F05.data-types-variables",{"title":1734,"path":1735,"stem":1736},"Ввід даних з клавіатури","\u002Fcpp\u002Fdata-input","02.cpp\u002F06.data-input",{"title":1738,"path":1739,"stem":1740},"Оператори, перетворення типів та логічні операції","\u002Fcpp\u002Foperators-type-conversion","02.cpp\u002F07.operators-type-conversion",{"title":1742,"path":1743,"stem":1744},"Цикли","\u002Fcpp\u002Floops","02.cpp\u002F08.loops",{"title":32,"path":1746,"stem":1747},"\u002Fcpp\u002Farrays","02.cpp\u002F09.arrays",{"title":1749,"path":1750,"stem":1751},"Алгоритми сортування та аналіз складності","\u002Fcpp\u002Fsorting","02.cpp\u002F10.sorting",{"title":1753,"path":1754,"stem":1755},"Алгоритми пошуку","\u002Fcpp\u002Fsearching","02.cpp\u002F11.searching",{"title":1757,"path":1758,"stem":1759},"Функції: основи","\u002Fcpp\u002Ffunctions-basics","02.cpp\u002F12.functions-basics",{"title":1761,"path":1762,"stem":1763},"Функції: прототипи, область видимості та додаткові можливості","\u002Fcpp\u002Ffunctions-scope","02.cpp\u002F13.functions-scope",{"title":1765,"path":1766,"stem":1767},"Функції: перевантаження та шаблони","\u002Fcpp\u002Ffunctions-overloading-templates","02.cpp\u002F14.functions-overloading-templates",{"title":1769,"path":1770,"stem":1771},"Вказівники: основи","\u002Fcpp\u002Fpointers-basics","02.cpp\u002F15.pointers-basics",{"title":1773,"path":1774,"stem":1775},"Посилання (References)","\u002Fcpp\u002Freferences","02.cpp\u002F16.references",{"title":1777,"path":1778,"stem":1779},"Вказівники, const і масиви","\u002Fcpp\u002Fpointers-const-arrays","02.cpp\u002F17.pointers-const-arrays",{"title":1781,"path":1782,"stem":1783},"Адресна арифметика","\u002Fcpp\u002Fpointer-arithmetic","02.cpp\u002F18.pointer-arithmetic",{"title":1785,"path":1786,"stem":1787},"Динамічна пам'ять","\u002Fcpp\u002Fdynamic-memory","02.cpp\u002F19.dynamic-memory",{"title":1789,"path":1790,"stem":1791},"Вказівники типу void","\u002Fcpp\u002Fvoid-pointers","02.cpp\u002F20.void-pointers",{"title":1793,"path":1794,"stem":1795},"Вказівники на вказівники","\u002Fcpp\u002Fpointers-to-pointers","02.cpp\u002F21.pointers-to-pointers",{"title":1797,"path":1798,"stem":1799},"Оператор доступу до членів через вказівник (->)","\u002Fcpp\u002Fmember-access-operator","02.cpp\u002F22.member-access-operator",{"title":1801,"path":1802,"stem":1803},"Цикл for-each (Range-based for)","\u002Fcpp\u002Fforeach-loop","02.cpp\u002F23.foreach-loop",{"title":1805,"path":1806,"stem":1807},"Вказівники на функції","\u002Fcpp\u002Ffunction-pointers","02.cpp\u002F24.function-pointers",{"title":1809,"path":1810,"stem":1811},"Лямбда-вирази","\u002Fcpp\u002Flambdas","02.cpp\u002F25.lambdas",{"title":1813,"path":1814,"stem":1815},"Лямбда-захоплення","\u002Fcpp\u002Flambda-captures","02.cpp\u002F26.lambda-captures",{"title":1817,"path":1818,"stem":1819},"Еліпсис","\u002Fcpp\u002Fellipsis","02.cpp\u002F27.ellipsis",{"title":1821,"path":1822,"stem":1823},"Безпечні альтернативи еліпсису","\u002Fcpp\u002F27a.ellipsis","02.cpp\u002F27a.ellipsis",{"title":1825,"path":1826,"stem":1827},"Аргументи командного рядка","\u002Fcpp\u002Fcommand-line-arguments","02.cpp\u002F28.command-line-arguments",{"title":1829,"path":1830,"stem":1831},"Перерахування (enum)","\u002Fcpp\u002Fenum","02.cpp\u002F29.enum",{"title":1833,"path":1834,"stem":1835},"Класи-перерахування (enum class)","\u002Fcpp\u002Fenum-class","02.cpp\u002F30.enum-class",{"title":1837,"path":1838,"stem":1839},"Псевдоніми типів (typedef і using)","\u002Fcpp\u002Ftype-aliases","02.cpp\u002F31.type-aliases",{"title":1841,"path":1842,"stem":1843},"Системи числення та двійкова арифметика","\u002Fcpp\u002Fnumber-systems","02.cpp\u002F32.number-systems",{"title":1845,"path":1846,"stem":1847},"Структури (struct): агрегування даних","\u002Fcpp\u002Fstruct","02.cpp\u002F33.struct",{"title":1849,"path":1850,"stem":1851},"Структури у функціях","\u002Fcpp\u002Fstruct-functions","02.cpp\u002F34.struct-functions",{"title":1853,"path":1854,"stem":1855},"Масиви структур і вкладені структури","\u002Fcpp\u002Fstruct-arrays","02.cpp\u002F35.struct-arrays",{"title":1857,"path":1858,"stem":1859},"Патерни struct та межі застосування","\u002Fcpp\u002Fstruct-patterns","02.cpp\u002F36.struct-patterns",{"title":1861,"path":1862,"stem":1863},"Символи та таблиця ASCII","\u002Fcpp\u002Fascii-characters","02.cpp\u002F37.ascii-characters",{"title":1865,"path":1866,"stem":1867},"Unicode та кодування UTF","\u002Fcpp\u002Funicode-utf","02.cpp\u002F38.unicode-utf",{"title":1869,"path":1870,"stem":1871},"C-style рядки","\u002Fcpp\u002Fc-strings","02.cpp\u002F39.c-strings",{"title":1873,"path":1874,"stem":1875},"Вступ до std::string","\u002Fcpp\u002Fstd-string-intro","02.cpp\u002F40.std-string-intro",{"title":1877,"path":1878,"stem":1879},"Довжина, ємність та доступ до символів std::string","\u002Fcpp\u002Fstd-string-capacity-access","02.cpp\u002F41.std-string-capacity-access",{"title":1881,"path":1882,"stem":1883},"Модифікація std::string: присвоювання, додавання, вставка, видалення та заміна","\u002Fcpp\u002Fstd-string-modification","02.cpp\u002F42.std-string-modification",{"title":1885,"path":1886,"stem":1887},"Пошук у std::string: find, npos та практичні патерни","\u002Fcpp\u002Fstd-string-search","02.cpp\u002F43.std-string-search",{"title":1889,"path":1890,"stem":1891},"std::string_view: невласницький погляд на рядок без копіювання","\u002Fcpp\u002Fstd-string-view","02.cpp\u002F44.std-string-view",{"title":1893,"path":1894,"stem":1895},"Об'єднання (union): один блок пам'яті, кілька інтерпретацій","\u002Fcpp\u002Funion","02.cpp\u002F45.union",{"title":1897,"path":1898,"stem":1899},"Організація коду: файли, препроцесор, простори імен","\u002Fcpp\u002Fmultifile-programs","02.cpp\u002F46.multifile-programs",{"title":1901,"path":1902,"stem":1903},"Робота з файлами: C-стиль (stdio.h)","\u002Fcpp\u002Fc-style-files","02.cpp\u002F47.c-style-files",{"title":1905,"path":1906,"stem":1907},"Робота з файлами: C++-стиль (fstream)","\u002Fcpp\u002Fcpp-style-files","02.cpp\u002F48.cpp-style-files",{"title":1909,"path":1910,"stem":1911},"Введення в ООП: від процедур до об'єктів","\u002Fcpp\u002Foop-intro","02.cpp\u002F49.oop-intro",{"title":1913,"path":1914,"stem":1915},"Класи, об'єкти та методи","\u002Fcpp\u002Fclasses-objects-methods","02.cpp\u002F50.classes-objects-methods",{"title":1917,"path":1918,"stem":1919},"Специфікатори доступу та інкапсуляція","\u002Fcpp\u002Faccess-specifiers-encapsulation","02.cpp\u002F51.access-specifiers-encapsulation",{"title":1921,"path":1922,"stem":1923},"Конструктори: гарантована ініціалізація об'єктів","\u002Fcpp\u002Fconstructors","02.cpp\u002F52.constructors",{"title":1925,"path":1926,"stem":1927},"Списки ініціалізації та делегуючі конструктори","\u002Fcpp\u002Finit-lists-delegating","02.cpp\u002F53.init-lists-delegating",{"title":1929,"path":1930,"stem":1931},"Деструктори та ідіома RAII","\u002Fcpp\u002Fdestructors-raii","02.cpp\u002F54.destructors-raii",{"title":1933,"path":1934,"stem":1935},"Прихований покажчик this","\u002Fcpp\u002Fthis-pointer","02.cpp\u002F55.this-pointer",{"title":1937,"path":1938,"stem":1939},"Розподіл класу на заголовковий файл та файл реалізації","\u002Fcpp\u002Fclass-header-source","02.cpp\u002F56.class-header-source",{"title":1941,"path":1942,"stem":1943},"Класи та const","\u002Fcpp\u002Fconst-classes","02.cpp\u002F57.const-classes",{"title":1945,"path":1946,"stem":1947},"Статичні члени класу","\u002Fcpp\u002Fstatic-members","02.cpp\u002F58.static-members",{"title":1949,"path":1950,"stem":1951},"Конструктор копіювання та запобігання копіюванню","\u002Fcpp\u002Fcopy-constructor","02.cpp\u002F59.copy-constructor",{"title":1953,"path":1954,"stem":1955},"Дружні функції та класи","\u002Fcpp\u002Ffriend-functions-classes","02.cpp\u002F60.friend-functions-classes",{"title":1957,"path":1958,"stem":1959},"Анонімні об'єкти та вкладені типи","\u002Fcpp\u002Fanonymous-objects-nested-types","02.cpp\u002F61.anonymous-objects-nested-types",{"title":1961,"path":1962,"stem":1963},"Вимірювання часу виконання: RAII-таймер","\u002Fcpp\u002Ftiming-raii-timer","02.cpp\u002F62.timing-raii-timer",{"title":1965,"path":1966,"stem":1967},"Перевантаження операторів: основи та арифметика","\u002Fcpp\u002Foperator-overloading-basics","02.cpp\u002F63.operator-overloading-basics",{"title":1969,"path":1970,"stem":1971},"Перевантаження операторів: методи класу та спеціальні оператори","\u002Fcpp\u002Foperator-overloading-methods","02.cpp\u002F64.operator-overloading-methods",{"title":1973,"path":1974,"stem":1975},"Приведення типів, explicit та delete","\u002Fcpp\u002Ftypecast-explicit-delete","02.cpp\u002F65.typecast-explicit-delete",{"title":1977,"path":1978,"stem":1979},"Глибоке копіювання та оператор присвоювання","\u002Fcpp\u002Fdeep-copy-assignment","02.cpp\u002F66.deep-copy-assignment",{"title":1981,"icon":1982,"path":1983,"stem":1984,"children":1985,"page":59},"JavaScript","i-devicon-javascript","\u002Fjavascript","03.javascript",[1986,2012,2066,2088,2392,2430,2448],{"title":1987,"icon":1988,"path":1989,"stem":1990,"children":1991,"page":59},"Events","i-lucide-mouse-pointer-click","\u002Fjavascript\u002Fevents","03.javascript\u002F01.events",[1992,1996,2000,2004,2008],{"title":1993,"path":1994,"stem":1995},"Вступ до подій браузера","\u002Fjavascript\u002Fevents\u002Fintro","03.javascript\u002F01.events\u002F01.intro",{"title":1997,"path":1998,"stem":1999},"Бульбашковий механізм (Bubbling) та занурення (Capturing)","\u002Fjavascript\u002Fevents\u002Fbubbling-capturing","03.javascript\u002F01.events\u002F02.bubbling-capturing",{"title":2001,"path":2002,"stem":2003},"Делегування подій (Event Delegation)","\u002Fjavascript\u002Fevents\u002Fdelegate-events","03.javascript\u002F01.events\u002F03.delegate-events",{"title":2005,"path":2006,"stem":2007},"Типові дії браузера та preventDefault()","\u002Fjavascript\u002Fevents\u002Fprevent-default","03.javascript\u002F01.events\u002F04.prevent-default",{"title":2009,"path":2010,"stem":2011},"Запуск користувацьких подій (Custom Events)","\u002Fjavascript\u002Fevents\u002Fcustom-events","03.javascript\u002F01.events\u002F05.custom-events",{"title":2013,"icon":2014,"path":2015,"stem":2016,"children":2017,"page":59},"Network","i-lucide-globe","\u002Fjavascript\u002Fnetwork","03.javascript\u002F02.network",[2018,2022,2026,2030,2034,2038,2042,2046,2050,2054,2058,2062],{"title":2019,"path":2020,"stem":2021},"Fetch API - Сучасний підхід до HTTP-запитів","\u002Fjavascript\u002Fnetwork\u002F01-fetch-api","03.javascript\u002F02.network\u002F01-fetch-api",{"title":2023,"path":2024,"stem":2025},"FormData - Робота з формами та файлами","\u002Fjavascript\u002Fnetwork\u002F02-formdata","03.javascript\u002F02.network\u002F02-formdata",{"title":2027,"path":2028,"stem":2029},"Відстеження прогресу завантаження","\u002Fjavascript\u002Fnetwork\u002F03-download-progress","03.javascript\u002F02.network\u002F03-download-progress",{"title":2031,"path":2032,"stem":2033},"Переривання fetch-запитів","\u002Fjavascript\u002Fnetwork\u002F04-abort-requests","03.javascript\u002F02.network\u002F04-abort-requests",{"title":2035,"path":2036,"stem":2037},"CORS - Запити між різними джерелами","\u002Fjavascript\u002Fnetwork\u002F05-cors","03.javascript\u002F02.network\u002F05-cors",{"title":2039,"path":2040,"stem":2041},"Fetch API - Повний довідник опцій","\u002Fjavascript\u002Fnetwork\u002F06-fetch-options","03.javascript\u002F02.network\u002F06-fetch-options",{"title":2043,"path":2044,"stem":2045},"URL Objects - Робота з посиланнями","\u002Fjavascript\u002Fnetwork\u002F07-url-objects","03.javascript\u002F02.network\u002F07-url-objects",{"title":2047,"path":2048,"stem":2049},"XMLHttpRequest - AJAX та низькорівневі запити","\u002Fjavascript\u002Fnetwork\u002F08-xmlhttprequest","03.javascript\u002F02.network\u002F08-xmlhttprequest",{"title":2051,"path":2052,"stem":2053},"Відновлюване завантаження файлів","\u002Fjavascript\u002Fnetwork\u002F09-resumable-upload","03.javascript\u002F02.network\u002F09-resumable-upload",{"title":2055,"path":2056,"stem":2057},"Cookies, document.cookie та світ після \"Cookiepocalypse\"","\u002Fjavascript\u002Fnetwork\u002F10-cookies","03.javascript\u002F02.network\u002F10-cookies",{"title":2059,"path":2060,"stem":2061},"js-cookie: Керування Cookies без Болю","\u002Fjavascript\u002Fnetwork\u002F11-js-cookie","03.javascript\u002F02.network\u002F11-js-cookie",{"title":2063,"path":2064,"stem":2065},"Axios: Потужний HTTP-клієнт для JavaScript","\u002Fjavascript\u002Fnetwork\u002F12-axios","03.javascript\u002F02.network\u002F12-axios",{"title":2067,"icon":2068,"path":2069,"stem":2070,"children":2071,"page":59},"Bom","i-lucide-monitor","\u002Fjavascript\u002Fbom","03.javascript\u002F03.bom",[2072,2076,2080,2084],{"title":2073,"path":2074,"stem":2075},"LocalStorage, SessionStorage та patterns збереження даних","\u002Fjavascript\u002Fbom\u002F01-localstorage","03.javascript\u002F03.bom\u002F01-localstorage",{"title":2077,"path":2078,"stem":2079},"Location Object - Керування адресою сторінки","\u002Fjavascript\u002Fbom\u002F02-location-object","03.javascript\u002F03.bom\u002F02-location-object",{"title":2081,"path":2082,"stem":2083},"History API - Керування історією браузера","\u002Fjavascript\u002Fbom\u002F03-history-api","03.javascript\u002F03.bom\u002F03-history-api",{"title":2085,"path":2086,"stem":2087},"Navigator Object - Ідентифікація та Можливості Пристрою","\u002Fjavascript\u002Fbom\u002F04-navigator-object","03.javascript\u002F03.bom\u002F04-navigator-object",{"title":2089,"icon":2090,"path":2091,"stem":2092,"children":2093},"React","i-devicon-react","\u002Fjavascript\u002Freact","03.javascript\u002F04.react\u002Findex",[2094,2095,2099,2103,2107,2111,2174,2209,2361],{"title":2089,"path":2091,"stem":2092},{"title":2096,"path":2097,"stem":2098},"Робота з Формами в React","\u002Fjavascript\u002Freact\u002Freact-forms","03.javascript\u002F04.react\u002F01.react-forms",{"title":2100,"path":2101,"stem":2102},"React Hook Form: Професійна Робота з Формами","\u002Fjavascript\u002Freact\u002Freact-hook-form","03.javascript\u002F04.react\u002F02.react-hook-form",{"title":2104,"path":2105,"stem":2106},"React Hook Form: Глибоке Розуміння Архітектури та Оптимізації","\u002Fjavascript\u002Freact\u002Freact-hook-form-new","03.javascript\u002F04.react\u002F02.react-hook-form-new",{"title":2108,"path":2109,"stem":2110},"Axios та React: Професійна Архітектура Запитів","\u002Fjavascript\u002Freact\u002Fdata-fetching-axios","03.javascript\u002F04.react\u002F03.data-fetching-axios",{"title":2112,"icon":132,"path":2113,"stem":2114,"children":2115},"Tanstack Query","\u002Fjavascript\u002Freact\u002Ftanstack-query","03.javascript\u002F04.react\u002F04.tanstack-query\u002Findex",[2116,2118,2122,2126,2130,2134,2138,2142,2146,2150,2154,2158,2162,2166,2170],{"title":2117,"path":2113,"stem":2114},"TanStack Query: Майстерність Керування Станом Сервера",{"title":2119,"path":2120,"stem":2121},"Парадигма Server State: Чому useEffect недостатньо","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-state-paradigm","03.javascript\u002F04.react\u002F04.tanstack-query\u002F01.server-state-paradigm",{"title":2123,"path":2124,"stem":2125},"Встановлення та Налаштування: Фундамент","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Finstallation-and-devtools","03.javascript\u002F04.react\u002F04.tanstack-query\u002F02.installation-and-devtools",{"title":2127,"path":2128,"stem":2129},"Основи Запитів та Магія Ключів","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fquery-basics-and-keys","03.javascript\u002F04.react\u002F04.tanstack-query\u002F03.query-basics-and-keys",{"title":2131,"path":2132,"stem":2133},"Синхронізація Даних: Життєвий Цикл Запиту","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fdata-synchronization","03.javascript\u002F04.react\u002F04.tanstack-query\u002F04.data-synchronization",{"title":2135,"path":2136,"stem":2137},"Мутації та Інвалідація: Зміна Даних","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fmutations-and-invalidation","03.javascript\u002F04.react\u002F04.tanstack-query\u002F05.mutations-and-invalidation",{"title":2139,"path":2140,"stem":2141},"Оптимістичні Оновлення: Швидше за Світло","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Foptimistic-updates","03.javascript\u002F04.react\u002F04.tanstack-query\u002F06.optimistic-updates",{"title":2143,"path":2144,"stem":2145},"Пагінація та Infinite Scroll","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fpagination-and-load-more","03.javascript\u002F04.react\u002F04.tanstack-query\u002F07.pagination-and-load-more",{"title":2147,"path":2148,"stem":2149},"Просунуті Патерни та Оптимізація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F04.tanstack-query\u002F08.advanced-patterns",{"title":2151,"path":2152,"stem":2153},"Архітектура та Best Practices","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Farchitecture-and-best-practices","03.javascript\u002F04.react\u002F04.tanstack-query\u002F09.architecture-and-best-practices",{"title":2155,"path":2156,"stem":2157},"Server-Side Rendering (SSR) та Гідратація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-side-rendering","03.javascript\u002F04.react\u002F04.tanstack-query\u002F10.server-side-rendering",{"title":2159,"path":2160,"stem":2161},"Стратегії Тестування","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Ftesting-strategies","03.javascript\u002F04.react\u002F04.tanstack-query\u002F11.testing-strategies",{"title":2163,"path":2164,"stem":2165},"Аутентифікація та Обробка Помилок","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fauthentication-and-errors","03.javascript\u002F04.react\u002F04.tanstack-query\u002F12.authentication-and-errors",{"title":2167,"path":2168,"stem":2169},"React Suspense та Майбутнє","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Freact-suspense","03.javascript\u002F04.react\u002F04.tanstack-query\u002F13.react-suspense",{"title":2171,"path":2172,"stem":2173},"Глибоке Занурення в Продуктивність","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fperformance-deep-dive","03.javascript\u002F04.react\u002F04.tanstack-query\u002F14.performance-deep-dive",{"title":2175,"icon":2090,"path":2176,"stem":2177,"children":2178},"React Router","\u002Fjavascript\u002Freact\u002Freact-router","03.javascript\u002F04.react\u002F05.react-router\u002Findex",[2179,2181,2185,2189,2193,2197,2201,2205],{"title":2180,"path":2176,"stem":2177},"React Router: Навігаційна система сучасного вебу",{"title":2182,"path":2183,"stem":2184},"Налаштування та Базовий Роутинг","\u002Fjavascript\u002Freact\u002Freact-router\u002Fsetup-and-basic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F01.setup-and-basic-routing",{"title":2186,"path":2187,"stem":2188},"Динамічна Навігація","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnavigation-and-links","03.javascript\u002F04.react\u002F05.react-router\u002F02.navigation-and-links",{"title":2190,"path":2191,"stem":2192},"Вкладені Маршрути та Макети","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnested-routes-and-layouts","03.javascript\u002F04.react\u002F05.react-router\u002F03.nested-routes-and-layouts",{"title":2194,"path":2195,"stem":2196},"Динамічні Маршрути та Параметри","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdynamic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F04.dynamic-routing",{"title":2198,"path":2199,"stem":2200},"Data APIs: Loaders та Actions","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdata-loading","03.javascript\u002F04.react\u002F05.react-router\u002F05.data-loading",{"title":2202,"path":2203,"stem":2204},"Просунуті Патерни","\u002Fjavascript\u002Freact\u002Freact-router\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F05.react-router\u002F06.advanced-patterns",{"title":2206,"path":2207,"stem":2208},"Legacy Routing: Компонентний підхід","\u002Fjavascript\u002Freact\u002Freact-router\u002Flegacy-routing","03.javascript\u002F04.react\u002F05.react-router\u002F07.legacy-routing",{"title":2210,"icon":132,"path":2211,"stem":2212,"children":2213},"Redux","\u002Fjavascript\u002Freact\u002Fredux","03.javascript\u002F04.react\u002F06.redux\u002Findex",[2214,2216,2232,2261,2270,2291,2307,2336],{"title":2215,"path":2211,"stem":2212},"Redux: Еволюція управління станом",{"title":14,"icon":15,"path":2217,"stem":2218,"children":2219,"page":59},"\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals",[2220,2224,2228],{"title":2221,"path":2222,"stem":2223},"Вступ до State Management","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fintro-state-management","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F01.intro-state-management",{"title":2225,"path":2226,"stem":2227},"Філософія Redux та Три Принципи","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fredux-philosophy","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F02.redux-philosophy",{"title":2229,"path":2230,"stem":2231},"Чисті функції та Іммутабельність","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fpure-functions-immutability","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F03.pure-functions-immutability",{"title":2233,"icon":132,"path":2234,"stem":2235,"children":2236,"page":59},"Classic Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux",[2237,2241,2245,2249,2253,2257],{"title":2238,"path":2239,"stem":2240},"Створення Store (Classic Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fstore-setup","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F01.store-setup",{"title":2242,"path":2243,"stem":2244},"Actions, Constants та Action Creators","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Factions-constants","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F02.actions-constants",{"title":2246,"path":2247,"stem":2248},"Логіка Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freducers","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F03.reducers",{"title":2250,"path":2251,"stem":2252},"Комбінування Reducers (Root Reducer)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fdata-flow","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F04.data-flow",{"title":2254,"path":2255,"stem":2256},"Підключення до React (React-Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freact-redux-connection","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F05.react-redux-connection",{"title":2258,"path":2259,"stem":2260},"Middleware та Асинхронність (Redux Thunk)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fmiddleware-thunk","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F06.middleware-thunk",{"title":2262,"icon":132,"path":2263,"stem":2264,"children":2265,"page":59},"Transition To Rtk","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk",[2266],{"title":2267,"path":2268,"stem":2269},"Проблеми класичного Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk\u002Fproblems-with-classic","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk\u002F01.problems-with-classic",{"title":2271,"icon":132,"path":2272,"stem":2273,"children":2274,"page":59},"Redux Toolkit","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit",[2275,2279,2283,2287],{"title":2276,"path":2277,"stem":2278},"Налаштування Store з configureStore","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fconfigure-store","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F01.configure-store",{"title":2280,"path":2281,"stem":2282},"createSlice: Революція в Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fcreate-slice","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F02.create-slice",{"title":2284,"path":2285,"stem":2286},"Асинхронність з createAsyncThunk","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fasync-thunks","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F03.async-thunks",{"title":2288,"path":2289,"stem":2290},"04. Entity Adapter: Керування нормалізованим станом","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fentity-adapter","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F04.entity-adapter",{"title":2292,"icon":92,"path":2293,"stem":2294,"children":2295,"page":59},"Advanced","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced",[2296,2300,2304],{"title":2297,"path":2298,"stem":2299},"Мемоізація та Селектори: Повний Гайд по Reselect","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Fselectors-reselect","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F01.selectors-reselect",{"title":2301,"path":2302,"stem":2303},"RTK Query: Архітектура Серверного Кешу","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Frtk-query-intro","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F02.rtk-query-intro",{"title":2151,"path":2305,"stem":2306},"\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Farchitecture-best-practices","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F03.architecture-best-practices",{"title":2308,"icon":132,"path":2309,"stem":2310,"children":2311,"page":59},"Project Kanban","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban",[2312,2316,2320,2324,2328,2332],{"title":2313,"path":2314,"stem":2315},"Проєкт: Kanban Board (Trello Clone)","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fproject-overview","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F01.project-overview",{"title":2317,"path":2318,"stem":2319},"Налаштування та Типізація","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fsetup-and-types","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F02.setup-and-types",{"title":2321,"path":2322,"stem":2323},"Board Slice: Серце Дошки","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fboard-slice","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F03.board-slice",{"title":2325,"path":2326,"stem":2327},"Логіка Drag & Drop","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fdrag-and-drop-logic","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F04.drag-and-drop-logic",{"title":2329,"path":2330,"stem":2331},"Інтеграція з RTK Query","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Frtk-query-integration","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F05.rtk-query-integration",{"title":2333,"path":2334,"stem":2335},"Optimistic Updates","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Foptimistic-updates","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F06.optimistic-updates",{"title":2337,"icon":132,"path":2338,"stem":2339,"children":2340,"page":59},"Testing","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting","03.javascript\u002F04.react\u002F06.redux\u002F07.testing",[2341,2345,2349,2353,2357],{"title":2342,"path":2343,"stem":2344},"Тестування Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Fintro-testing","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F01.intro-testing",{"title":2346,"path":2347,"stem":2348},"Тестування Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-reducers","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F02.testing-reducers",{"title":2350,"path":2351,"stem":2352},"Тестування Селекторів","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-selectors","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F03.testing-selectors",{"title":2354,"path":2355,"stem":2356},"Тестування Компонентів (Integration)","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-components","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F04.testing-components",{"title":2358,"path":2359,"stem":2360},"Тестування Async Thunks","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-thunks","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F05.testing-thunks",{"title":2362,"icon":132,"path":2363,"stem":2364,"children":2365},"Ui Libraries","\u002Fjavascript\u002Freact\u002Fui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002Findex",[2366,2368,2372,2376,2380,2384,2388],{"title":2367,"path":2363,"stem":2364},"UI Бібліотеки в React",{"title":2369,"path":2370,"stem":2371},"Вступ до UI Бібліотек: Навіщо Винаходити Велосипед Двічі?","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fintroduction-to-ui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002F01.introduction-to-ui-libraries",{"title":2373,"path":2374,"stem":2375},"Філософія shadcn\u002Fui: \"Not a Component Library\"","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-philosophy","03.javascript\u002F04.react\u002F07.ui-libraries\u002F02.shadcn-philosophy",{"title":2377,"path":2378,"stem":2379},"Установка та Налаштування shadcn\u002Fui","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-installation","03.javascript\u002F04.react\u002F07.ui-libraries\u002F03.shadcn-installation",{"title":2381,"path":2382,"stem":2383},"Базові Компоненти shadcn\u002Fui: Фундамент Інтерфейсу","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-basics","03.javascript\u002F04.react\u002F07.ui-libraries\u002F04.shadcn-components-basics",{"title":2385,"path":2386,"stem":2387},"Компоненти Форм: Побудова Інтерактивних Form","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-forms","03.javascript\u002F04.react\u002F07.ui-libraries\u002F05.shadcn-components-forms",{"title":2389,"path":2390,"stem":2391},"Складні Компоненти: Dialog, Dropdown, Table та Command","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-advanced","03.javascript\u002F04.react\u002F07.ui-libraries\u002F06.shadcn-components-advanced",{"title":2393,"icon":2394,"path":2395,"stem":2396,"children":2397,"page":59},"TypeScript","i-devicon-typescript","\u002Fjavascript\u002Ftypescript","03.javascript\u002F05.typescript",[2398,2402,2406,2410,2414,2418,2422,2426],{"title":2399,"path":2400,"stem":2401},"TypeScript: Броня для вашого коду","\u002Fjavascript\u002Ftypescript\u002Fintro-and-basic-types","03.javascript\u002F05.typescript\u002F01.intro-and-basic-types",{"title":2403,"path":2404,"stem":2405},"Майстерність Моделювання Даних: Інтерфейси та Просунуті Типи","\u002Fjavascript\u002Ftypescript\u002Finterfaces-and-advanced-types","03.javascript\u002F05.typescript\u002F02.interfaces-and-advanced-types",{"title":2407,"path":2408,"stem":2409},"Алхімія Типів: Generics та Utility Types","\u002Fjavascript\u002Ftypescript\u002Fgenerics-and-utilities","03.javascript\u002F05.typescript\u002F03.generics-and-utilities",{"title":2411,"path":2412,"stem":2413},"Архітектура та Шаблони: Класи в TypeScript","\u002Fjavascript\u002Ftypescript\u002Fclasses-and-oop","03.javascript\u002F05.typescript\u002F04.classes-and-oop",{"title":2415,"path":2416,"stem":2417},"Продакшн та Екосистема: Advanced Config & Workflow","\u002Fjavascript\u002Ftypescript\u002Fadvanced-patterns-and-config","03.javascript\u002F05.typescript\u002F05.advanced-patterns-and-config",{"title":2419,"path":2420,"stem":2421},"TypeScript у світі React","\u002Fjavascript\u002Ftypescript\u002Freact-basics","03.javascript\u002F05.typescript\u002F06.react-basics",{"title":2423,"path":2424,"stem":2425},"React + TypeScript: Продвинуті патерни","\u002Fjavascript\u002Ftypescript\u002Freact-advanced","03.javascript\u002F05.typescript\u002F07.react-advanced",{"title":2427,"path":2428,"stem":2429},"React + TypeScript: Екосистема та бібліотеки","\u002Fjavascript\u002Ftypescript\u002Freact-ecosystem","03.javascript\u002F05.typescript\u002F08.react-ecosystem",{"title":2431,"icon":2432,"path":2433,"stem":2434,"children":2435,"page":59},"Асинхронність","i-lucide-refresh-cw","\u002Fjavascript\u002Fasync-programming","03.javascript\u002F06.async-programming",[2436,2440,2444],{"title":2437,"path":2438,"stem":2439},"Event Loop: серце асинхронності в JavaScript","\u002Fjavascript\u002Fasync-programming\u002Fevent-loop-fundamentals","03.javascript\u002F06.async-programming\u002F01.event-loop-fundamentals",{"title":2441,"path":2442,"stem":2443},"Task Queue та Microtask Queue: пріоритети виконання","\u002Fjavascript\u002Fasync-programming\u002Ftask-queues","03.javascript\u002F06.async-programming\u002F02.task-queues",{"title":2445,"path":2446,"stem":2447},"Асинхронні патерни: від Callbacks до Async\u002FAwait","\u002Fjavascript\u002Fasync-programming\u002Fasync-patterns","03.javascript\u002F06.async-programming\u002F03.async-patterns",{"title":2449,"path":2450,"stem":2451},"Atomic Design","\u002Fjavascript\u002Fatomic-design","03.javascript\u002F2.atomic-design",{"title":2453,"icon":2454,"path":2455,"stem":2456,"children":2457,"page":59},"Java","i-devicon-java","\u002Fjava","04.java",[2458,2461,2464,2468,2472,2476,2480],{"title":162,"path":2459,"stem":2460},"\u002Fjava\u002Fdata-mapper-part1","04.java\u002F01.data-mapper-part1",{"title":166,"path":2462,"stem":2463},"\u002Fjava\u002Fdata-mapper-part2","04.java\u002F02.data-mapper-part2",{"title":2465,"path":2466,"stem":2467},"Service Layer: Організація бізнес-логіки","\u002Fjava\u002Fservice-layer","04.java\u002F03.service-layer",{"title":2469,"path":2470,"stem":2471},"Rich Domain Model та State Pattern","\u002Fjava\u002Frich-domain-model","04.java\u002F04.rich-domain-model",{"title":2473,"path":2474,"stem":2475},"Патерни для складної бізнес-логіки","\u002Fjava\u002Fbusiness-logic-patterns","04.java\u002F05.business-logic-patterns",{"title":2477,"path":2478,"stem":2479},"Обробка помилок та валідація","\u002Fjava\u002Ferror-handling-validation","04.java\u002F06.error-handling-validation",{"title":2481,"path":2482,"stem":2483,"children":2484,"page":59},"Проектування баз даних","\u002Fjava\u002Fpr2","04.java\u002Fpr2",[2485,2489,2493,2497,2501,2505,2509,2513,2517,2521,2525,2529,2533,2537,2541,2545,2549,2553,2557,2561,2565,2569,2573,2577,2581,2585,2589,2593,2597,2601,2605,2609,2613,2617,2621,2625,2629],{"title":2486,"path":2487,"stem":2488},"Концептуальне моделювання: Мистецтво розуміння предметної області","\u002Fjava\u002Fpr2\u002Fconceptual-modeling","04.java\u002Fpr2\u002F01.conceptual-modeling",{"title":2490,"path":2491,"stem":2492},"Логічне моделювання: Від бізнес-ідей до структур даних","\u002Fjava\u002Fpr2\u002Flogical-modeling","04.java\u002Fpr2\u002F02.logical-modeling",{"title":2494,"path":2495,"stem":2496},"Нормалізація: Гігієна даних та боротьба з аномаліями","\u002Fjava\u002Fpr2\u002Fnormalization","04.java\u002Fpr2\u002F03.normalization",{"title":2498,"path":2499,"stem":2500},"Фізична схема: Від абстракції до DDL","\u002Fjava\u002Fpr2\u002Fphysical-schema","04.java\u002Fpr2\u002F04.physical-schema",{"title":2502,"path":2503,"stem":2504},"Архітектурна класифікація таблиць","\u002Fjava\u002Fpr2\u002Ftable-classification","04.java\u002Fpr2\u002F05.table-classification",{"title":2506,"path":2507,"stem":2508},"Database Migrations: Версіонування схеми з Flyway","\u002Fjava\u002Fpr2\u002Fdatabase-migrations","04.java\u002Fpr2\u002F06.database-migrations",{"title":2510,"path":2511,"stem":2512},"А що, якби це була не реляційна БД?","\u002Fjava\u002Fpr2\u002Fbeyond-relational","04.java\u002Fpr2\u002F07.beyond-relational",{"title":2514,"path":2515,"stem":2516},"Object-Relational Impedance Mismatch: Два світи, що не хочуть дружити","\u002Fjava\u002Fpr2\u002Fimpedance-mismatch","04.java\u002Fpr2\u002F09.impedance-mismatch",{"title":2518,"path":2519,"stem":2520},"JDBC: Перший контакт із базою даних","\u002Fjava\u002Fpr2\u002Fjdbc-fundamentals","04.java\u002Fpr2\u002F10.jdbc-fundamentals",{"title":2522,"path":2523,"stem":2524},"Якість коду: Spotless, SpotBugs та SonarQube","\u002Fjava\u002Fpr2\u002F10a.code-quality","04.java\u002Fpr2\u002F10a.code-quality",{"title":2526,"path":2527,"stem":2528},"Connection Pool: Патерн Object Pool для JDBC-з'єднань","\u002Fjava\u002Fpr2\u002Fconnection-pool","04.java\u002Fpr2\u002F11.connection-pool",{"title":2530,"path":2531,"stem":2532},"Row Data Gateway: Об'єкт як обгортка рядка таблиці","\u002Fjava\u002Fpr2\u002Frow-data-gateway","04.java\u002Fpr2\u002F12.row-data-gateway",{"title":2534,"path":2535,"stem":2536},"Table Data Gateway: Фасад таблиці як архітектурний відступ","\u002Fjava\u002Fpr2\u002Ftable-data-gateway","04.java\u002Fpr2\u002F13.table-data-gateway",{"title":2538,"path":2539,"stem":2540},"Repository + Data Mapper: Правильна шарова архітектура з JDBC","\u002Fjava\u002Fpr2\u002Frepository-data-mapper","04.java\u002Fpr2\u002F14.repository-data-mapper",{"title":2542,"path":2543,"stem":2544},"Identity Map: Кешування сутностей у рамках сесії","\u002Fjava\u002Fpr2\u002Fidentity-map","04.java\u002Fpr2\u002F15.identity-map",{"title":2546,"path":2547,"stem":2548},"Unit of Work: Відстеження змін і координація JDBC-транзакцій","\u002Fjava\u002Fpr2\u002Funit-of-work","04.java\u002Fpr2\u002F16.unit-of-work",{"title":2550,"path":2551,"stem":2552},"Strategy: Замінювані SQL-стратегії для підтримки різних СУБД","\u002Fjava\u002Fpr2\u002Fstrategy-sql","04.java\u002Fpr2\u002F17.strategy-sql",{"title":2554,"path":2555,"stem":2556},"Proxy: Lazy Loading для One-To-Many колекцій","\u002Fjava\u002Fpr2\u002Fproxy-lazy-loading","04.java\u002Fpr2\u002F18.proxy-lazy-loading",{"title":2558,"path":2559,"stem":2560},"Generic Repository через Java Reflection: анотації та динамічний SQL","\u002Fjava\u002Fpr2\u002Fgeneric-repository-reflection","04.java\u002Fpr2\u002F19.generic-repository-reflection",{"title":2562,"path":2563,"stem":2564},"Specification Pattern: Композиція бізнес-правил для складних запитів","\u002Fjava\u002Fpr2\u002Fspecification-pattern","04.java\u002Fpr2\u002F20.specification-pattern",{"title":2566,"path":2567,"stem":2568},"Розширені можливості Specification Pattern: підзапити, агрегації та гібридний підхід","\u002Fjava\u002Fpr2\u002F20a.advanced-specifications","04.java\u002Fpr2\u002F20a.advanced-specifications",{"title":2570,"path":2571,"stem":2572},"Асинхронність у JDBC: Від блокуючих викликів до CompletableFuture","\u002Fjava\u002Fpr2\u002Fasynchronous-jdbc","04.java\u002Fpr2\u002F21.asynchronous-jdbc",{"title":2574,"path":2575,"stem":2576},"Інтеграційне тестування JDBC-репозиторіїв: Embedded H2 та патерн AAA","\u002Fjava\u002Fpr2\u002Fintegration-testing-h2","04.java\u002Fpr2\u002F22.integration-testing-h2",{"title":2578,"path":2579,"stem":2580},"Testcontainers: Тестування з реальною PostgreSQL у Docker-контейнерах","\u002Fjava\u002Fpr2\u002Fintegration-testing-testcontainers","04.java\u002Fpr2\u002F23.integration-testing-testcontainers",{"title":2582,"path":2583,"stem":2584},"Google Guice: Впровадження залежностей у JavaFX-проєкті","\u002Fjava\u002Fpr2\u002Fdependency-injection-guice","04.java\u002Fpr2\u002F24.dependency-injection-guice",{"title":2586,"path":2587,"stem":2588},"JavaFX: Основи побудови графічних інтерфейсів","\u002Fjava\u002Fpr2\u002Fjavafx-fundamentals","04.java\u002Fpr2\u002F25.javafx-fundamentals",{"title":2590,"path":2591,"stem":2592},"Properties та Bindings: Реактивність у JavaFX","\u002Fjava\u002Fpr2\u002Fjavafx-properties-bindings","04.java\u002Fpr2\u002F26.javafx-properties-bindings",{"title":2594,"path":2595,"stem":2596},"MVC vs MVP vs MVVM: Еволюція архітектурних патернів UI","\u002Fjava\u002Fpr2\u002Fui-architecture-patterns","04.java\u002Fpr2\u002F27.ui-architecture-patterns",{"title":2598,"path":2599,"stem":2600},"MVVM на практиці: Побудова ViewModel","\u002Fjava\u002Fpr2\u002Fmvvm-viewmodel-implementation","04.java\u002Fpr2\u002F28.mvvm-viewmodel-implementation",{"title":2602,"path":2603,"stem":2604},"View та Controller: Зв'язування з ViewModel через FXML","\u002Fjava\u002Fpr2\u002Fmvvm-view-controller","04.java\u002Fpr2\u002F29.mvvm-view-controller",{"title":2606,"path":2607,"stem":2608},"Інтеграція MVVM з Guice: Автоматична ін'єкція залежностей","\u002Fjava\u002Fpr2\u002Fmvvm-guice-integration","04.java\u002Fpr2\u002F30.mvvm-guice-integration",{"title":2610,"path":2611,"stem":2612},"Валідація та обробка помилок у MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-validation-error-handling","04.java\u002Fpr2\u002F31.mvvm-validation-error-handling",{"title":2614,"path":2615,"stem":2616},"Навігація та управління екранами у JavaFX MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-navigation-screen-management","04.java\u002Fpr2\u002F32.mvvm-navigation-screen-management",{"title":2618,"path":2619,"stem":2620},"Тестування JavaFX MVVM-додатків","\u002Fjava\u002Fpr2\u002Fmvvm-testing","04.java\u002Fpr2\u002F33.mvvm-testing",{"title":2622,"path":2623,"stem":2624},"Стилізація та теми у JavaFX: CSS та User Experience","\u002Fjava\u002Fpr2\u002Fjavafx-styling-themes","04.java\u002Fpr2\u002F34.javafx-styling-themes",{"title":2626,"path":2627,"stem":2628},"AtlantaFX: Сучасні теми для JavaFX додатків","\u002Fjava\u002Fpr2\u002Fatlantafx-modern-themes","04.java\u002Fpr2\u002F35.atlantafx-modern-themes",{"title":2630,"path":2631,"stem":2632},"Пакування та розповсюдження JavaFX-додатків","\u002Fjava\u002Fpr2\u002Fjar-packaging-distribution","04.java\u002Fpr2\u002F36.jar-packaging-distribution",{"title":2634,"icon":2635,"path":2636,"stem":2637,"children":2638,"page":59},"Python","i-devicon-python","\u002Fpython","05.python",[2639,2643,2646,2650,2654,2658,2662,2666,2670,2674,2678,2682,2686,2690,2694,2755],{"title":2640,"path":2641,"stem":2642},"Модулі, Пакети та Віртуальні Середовища","\u002Fpython\u002Fmodules-packages-venv","05.python\u002F00.modules-packages-venv",{"title":71,"path":2644,"stem":2645},"\u002Fpython\u002Fclasses-objects","05.python\u002F01.classes-objects",{"title":2647,"path":2648,"stem":2649},"Інкапсуляція, Керування Доступом та Властивості","\u002Fpython\u002Fencapsulation","05.python\u002F02.encapsulation",{"title":2651,"path":2652,"stem":2653},"Наслідування, MRO та суперсила super()","\u002Fpython\u002Finheritance-mro","05.python\u002F03.inheritance-mro",{"title":2655,"path":2656,"stem":2657},"Абстракція — ABC проти Статичних Протоколів (PEP 544)","\u002Fpython\u002Fabstraction-protocols","05.python\u002F04.abstraction-protocols",{"title":2659,"path":2660,"stem":2661},"Магічні методи (Dunder) та Емуляція протоколів","\u002Fpython\u002Fdunder-methods","05.python\u002F05.dunder-methods",{"title":2663,"path":2664,"stem":2665},"Декоратори та Керування життєвим циклом методів","\u002Fpython\u002Fdecorators-static-class","05.python\u002F06.decorators-static-class",{"title":2667,"path":2668,"stem":2669},"Дескриптори — Магія доступу до атрибутів","\u002Fpython\u002Fdescriptors","05.python\u002F07.descriptors",{"title":2671,"path":2672,"stem":2673},"Метакласи — Динамічне створення класів під капотом CPython","\u002Fpython\u002Fmetaclasses","05.python\u002F08.metaclasses",{"title":2675,"path":2676,"stem":2677},"Dataclasses, NamedTuple та сучасні контейнери Python","\u002Fpython\u002Fmodern-containers","05.python\u002F09.modern-containers",{"title":2679,"path":2680,"stem":2681},"GIL та модель конкурентності CPython — фундамент перед потоками і процесами","\u002Fpython\u002Fgil-concurrency-intro","05.python\u002F11.gil-concurrency-intro",{"title":2683,"path":2684,"stem":2685},"Threading — конкурентність для I\u002FO-bound задач","\u002Fpython\u002Fthreading","05.python\u002F12.threading",{"title":2687,"path":2688,"stem":2689},"Multiprocessing — справжній паралелізм для CPU-bound задач","\u002Fpython\u002Fmultiprocessing","05.python\u002F13.multiprocessing",{"title":2691,"path":2692,"stem":2693},"asyncio — кооперативна конкурентність та event loop","\u002Fpython\u002Fasyncio","05.python\u002F14.asyncio",{"title":2695,"icon":92,"path":2696,"stem":2697,"children":2698,"page":59},"FastAPI","\u002Fpython\u002Ffastapi","05.python\u002Ffastapi",[2699,2703,2707,2711,2715,2719,2723,2727,2731,2735,2739,2743,2747,2751],{"title":2700,"path":2701,"stem":2702},"Глибокий Typing та Pydantic v2 — від анотацій до валідації","\u002Fpython\u002Ffastapi\u002Ftyping-pydantic","05.python\u002Ffastapi\u002F15.typing-pydantic",{"title":2704,"path":2705,"stem":2706},"WSGI, ASGI та Python Web-екосистема","\u002Fpython\u002Ffastapi\u002Fwsgi-asgi-ecosystem","05.python\u002Ffastapi\u002F16.wsgi-asgi-ecosystem",{"title":2708,"path":2709,"stem":2710},"FastAPI: Перший додаток, Uvicorn та OpenAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-intro","05.python\u002Ffastapi\u002F17.fastapi-intro",{"title":2712,"path":2713,"stem":2714},"Маршрутизація, параметри запитів та APIRouter","\u002Fpython\u002Ffastapi\u002Ffastapi-routing-params","05.python\u002Ffastapi\u002F18.fastapi-routing-params",{"title":2716,"path":2717,"stem":2718},"Pydantic v2 у FastAPI — схеми, валідація та серіалізація","\u002Fpython\u002Ffastapi\u002Ffastapi-pydantic-schemas","05.python\u002Ffastapi\u002F19.fastapi-pydantic-schemas",{"title":2720,"path":2721,"stem":2722},"Dependency Injection — серце архітектури FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-dependency-injection","05.python\u002Ffastapi\u002F20.fastapi-dependency-injection",{"title":2724,"path":2725,"stem":2726},"Обробка помилок, Middleware та CORS у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-errors-middleware","05.python\u002Ffastapi\u002F21.fastapi-errors-middleware",{"title":2728,"path":2729,"stem":2730},"SQLAlchemy 2.0 — ORM, Core та Async Engine","\u002Fpython\u002Ffastapi\u002Fsqlalchemy-orm","05.python\u002Ffastapi\u002F22.sqlalchemy-orm",{"title":2732,"path":2733,"stem":2734},"Alembic — міграції бази даних","\u002Fpython\u002Ffastapi\u002Falembic-migrations","05.python\u002Ffastapi\u002F23.alembic-migrations",{"title":2736,"path":2737,"stem":2738},"Repository Pattern та Clean Architecture у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-repository-clean-arch","05.python\u002Ffastapi\u002F24.fastapi-repository-clean-arch",{"title":2740,"path":2741,"stem":2742},"Автентифікація та авторизація — JWT, OAuth2, RBAC","\u002Fpython\u002Ffastapi\u002Ffastapi-auth-security","05.python\u002Ffastapi\u002F25.fastapi-auth-security",{"title":2744,"path":2745,"stem":2746},"Тестування FastAPI — pytest, httpx, fixtures","\u002Fpython\u002Ffastapi\u002Ffastapi-testing","05.python\u002Ffastapi\u002F26.fastapi-testing",{"title":2748,"path":2749,"stem":2750},"Async на повну — Background Tasks, WebSockets, SSE та Celery","\u002Fpython\u002Ffastapi\u002Ffastapi-async-advanced","05.python\u002Ffastapi\u002F27.fastapi-async-advanced",{"title":2752,"path":2753,"stem":2754},"Deployment — Docker, CI\u002FCD, Monitoring","\u002Fpython\u002Ffastapi\u002Ffastapi-deployment","05.python\u002Ffastapi\u002F28.fastapi-deployment",{"title":2756,"path":2757,"stem":2758},"[object Object]","\u002Fpython\u002Foop-plan","05.python\u002Foop-plan",{"title":2760,"icon":2761,"path":2762,"stem":2763,"children":2764,"page":59},"Бази даних","i-lucide-database","\u002Fdatabases","06.databases",[2765,2795,2818,2855,2884,2902,2936,2948,2957],{"title":2766,"icon":2767,"path":2768,"stem":2769,"children":2770,"page":59},"Intro","i-lucide-play","\u002Fdatabases\u002Fintro","06.databases\u002F01.intro",[2771,2775,2779,2783,2787,2791],{"title":2772,"path":2773,"stem":2774},"Введення в теорію баз даних","\u002Fdatabases\u002Fintro\u002Fintroduction-to-databases","06.databases\u002F01.intro\u002F01.introduction-to-databases",{"title":2776,"path":2777,"stem":2778},"Реляційна модель даних","\u002Fdatabases\u002Fintro\u002Frelational-model-theory","06.databases\u002F01.intro\u002F02.relational-model-theory",{"title":2780,"path":2781,"stem":2782},"ER-моделювання","\u002Fdatabases\u002Fintro\u002Fer-modeling","06.databases\u002F01.intro\u002F03.er-modeling",{"title":2784,"path":2785,"stem":2786},"Логічне проектування БД","\u002Fdatabases\u002Fintro\u002Flogical-schema","06.databases\u002F01.intro\u002F04.logical-schema",{"title":2788,"path":2789,"stem":2790},"Класифікація таблиць","\u002Fdatabases\u002Fintro\u002Ftable-classification","06.databases\u002F01.intro\u002F05.table-classification",{"title":2792,"path":2793,"stem":2794},"PlantUML для баз даних","\u002Fdatabases\u002Fintro\u002Fplantuml-diagrams","06.databases\u002F01.intro\u002F06.plantuml-diagrams",{"title":2796,"icon":2761,"path":2797,"stem":2798,"children":2799,"page":59},"MS SQL Server Start","\u002Fdatabases\u002Fms-sql-server-start","06.databases\u002F02.ms-sql-server-start",[2800,2804,2810,2814],{"title":2801,"path":2802,"stem":2803},"Типи даних у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fdata-types","06.databases\u002F02.ms-sql-server-start\u002F01.data-types",{"title":2805,"path":2806,"stem":2807,"children":2808},"Індекси у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-indexes","06.databases\u002F02.ms-sql-server-start\u002F02.sql-indexes",[2809],{"title":2805,"path":2806,"stem":2807},{"title":2811,"path":2812,"stem":2813},"Системні бази даних MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsystem-databases","06.databases\u002F02.ms-sql-server-start\u002F03.system-databases",{"title":2815,"path":2816,"stem":2817},"Огляд мови SQL та запитів","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-queries-overview","06.databases\u002F02.ms-sql-server-start\u002F04.sql-queries-overview",{"title":2819,"icon":2761,"path":2820,"stem":2821,"children":2822,"page":59},"SQL","\u002Fdatabases\u002Fsql","06.databases\u002F03.sql",[2823,2827,2831,2835,2839,2843,2847,2851],{"title":2824,"path":2825,"stem":2826},"Налаштування демонстраційної бази даних","\u002Fdatabases\u002Fsql\u002Fsample-database-setup","06.databases\u002F03.sql\u002F00.sample-database-setup",{"title":2828,"path":2829,"stem":2830},"DDL - Створення таблиць (CREATE TABLE)","\u002Fdatabases\u002Fsql\u002Fddl-create-table","06.databases\u002F03.sql\u002F01.ddl-create-table",{"title":2832,"path":2833,"stem":2834},"DDL - Зміна та видалення таблиць (ALTER, DROP)","\u002Fdatabases\u002Fsql\u002Fddl-alter-drop-table","06.databases\u002F03.sql\u002F02.ddl-alter-drop-table",{"title":2836,"path":2837,"stem":2838},"SELECT запити - Основи","\u002Fdatabases\u002Fsql\u002Fselect-queries-fundamentals","06.databases\u002F03.sql\u002F03.select-queries-fundamentals",{"title":2840,"path":2841,"stem":2842},"SELECT запити - Розширені можливості","\u002Fdatabases\u002Fsql\u002Fselect-queries-advanced","06.databases\u002F03.sql\u002F04.select-queries-advanced",{"title":2844,"path":2845,"stem":2846},"INSERT запити - Додавання даних","\u002Fdatabases\u002Fsql\u002Finsert-queries","06.databases\u002F03.sql\u002F05.insert-queries",{"title":2848,"path":2849,"stem":2850},"UPDATE та DELETE запити","\u002Fdatabases\u002Fsql\u002Fupdate-delete-queries","06.databases\u002F03.sql\u002F06.update-delete-queries",{"title":2852,"path":2853,"stem":2854},"Транзакції в SQL","\u002Fdatabases\u002Fsql\u002Ftransactions","06.databases\u002F03.sql\u002F07.transactions",{"title":2856,"icon":2761,"path":2857,"stem":2858,"children":2859,"page":59},"Multi Table Databases","\u002Fdatabases\u002Fmulti-table-databases","06.databases\u002F04.multi-table-databases",[2860,2864,2868,2872,2876,2880],{"title":2861,"path":2862,"stem":2863},"Зв'язки та нормалізація БД","\u002Fdatabases\u002Fmulti-table-databases\u002Frelationships-and-normalization","06.databases\u002F04.multi-table-databases\u002F00.relationships-and-normalization",{"title":2865,"path":2866,"stem":2867},"INNER JOIN - З'єднання таблиць","\u002Fdatabases\u002Fmulti-table-databases\u002Finner-join","06.databases\u002F04.multi-table-databases\u002F01.inner-join",{"title":2869,"path":2870,"stem":2871},"OUTER JOINs - LEFT, RIGHT, FULL","\u002Fdatabases\u002Fmulti-table-databases\u002Fouter-joins","06.databases\u002F04.multi-table-databases\u002F02.outer-joins",{"title":2873,"path":2874,"stem":2875},"CROSS та SELF JOINs","\u002Fdatabases\u002Fmulti-table-databases\u002Fcross-self-joins","06.databases\u002F04.multi-table-databases\u002F03.cross-self-joins",{"title":2877,"path":2878,"stem":2879},"Підзапити (Subqueries)","\u002Fdatabases\u002Fmulti-table-databases\u002Fsubqueries","06.databases\u002F04.multi-table-databases\u002F04.subqueries",{"title":2881,"path":2882,"stem":2883},"Агрегації з JOIN","\u002Fdatabases\u002Fmulti-table-databases\u002Faggregations-with-joins","06.databases\u002F04.multi-table-databases\u002F05.aggregations-with-joins",{"title":2885,"icon":2886,"path":2887,"stem":2888,"children":2889,"page":59},"Aggregate Functions","i-lucide-calculator","\u002Fdatabases\u002Faggregate-functions","06.databases\u002F05.aggregate-functions",[2890,2894,2898],{"title":2891,"path":2892,"stem":2893},"Функції агрегування в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fintroduction-aggregate-functions","06.databases\u002F05.aggregate-functions\u002F01.introduction-aggregate-functions",{"title":2895,"path":2896,"stem":2897},"Групування даних в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fgrouping-data","06.databases\u002F05.aggregate-functions\u002F02.grouping-data",{"title":2899,"path":2900,"stem":2901},"Підзапити з агрегатними функціями","\u002Fdatabases\u002Faggregate-functions\u002Fsubqueries-aggregates","06.databases\u002F05.aggregate-functions\u002F03.subqueries-aggregates",{"title":2903,"icon":2904,"path":2905,"stem":2906,"children":2907,"page":59},"Тригери та зберігаємі процедури","i-lucide-database-zap","\u002Fdatabases\u002Ftriggers-stored-procedures","06.databases\u002F07.triggers-stored-procedures",[2908,2912,2916,2920,2924,2928,2932],{"title":2909,"path":2910,"stem":2911},"DML-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fdml-triggers","06.databases\u002F07.triggers-stored-procedures\u002F01.dml-triggers",{"title":2913,"path":2914,"stem":2915},"DDL-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fddl-triggers","06.databases\u002F07.triggers-stored-procedures\u002F02.ddl-triggers",{"title":2917,"path":2918,"stem":2919},"Transact-SQL розширення","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransact-sql-extensions","06.databases\u002F07.triggers-stored-procedures\u002F03.transact-sql-extensions",{"title":2921,"path":2922,"stem":2923},"Транзакції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransactions","06.databases\u002F07.triggers-stored-procedures\u002F04.transactions",{"title":2925,"path":2926,"stem":2927},"Зберігаємі процедури","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fstored-procedures","06.databases\u002F07.triggers-stored-procedures\u002F05.stored-procedures",{"title":2929,"path":2930,"stem":2931},"Користувацькі функції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fuser-defined-functions","06.databases\u002F07.triggers-stored-procedures\u002F06.user-defined-functions",{"title":2933,"path":2934,"stem":2935},"Безпека баз даних","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fsecurity","06.databases\u002F07.triggers-stored-procedures\u002F08.security",{"title":2933,"icon":793,"path":2937,"stem":2938,"children":2939,"page":59},"\u002Fdatabases\u002Fsecurity","06.databases\u002F08.security",[2940,2944],{"title":2941,"path":2942,"stem":2943},"Вступ до безпеки баз даних","\u002Fdatabases\u002Fsecurity\u002Fintroduction","06.databases\u002F08.security\u002F01.introduction",{"title":2945,"path":2946,"stem":2947},"Системні представлення та метадані","\u002Fdatabases\u002Fsecurity\u002Fsystem-views","06.databases\u002F08.security\u002F02.system-views",{"title":2949,"icon":2950,"path":2951,"stem":2952,"children":2953,"page":59},"Резервне копіювання та відновлення","i-lucide-database-backup","\u002Fdatabases\u002Fbackup-recovery","06.databases\u002F09.backup-recovery",[2954],{"title":2949,"path":2955,"stem":2956},"\u002Fdatabases\u002Fbackup-recovery\u002Fbackup-restore","06.databases\u002F09.backup-recovery\u002F01.backup-restore",{"title":2958,"icon":2959,"path":2960,"stem":2961,"children":2962,"page":59},"Повнотекстовий пошук","i-lucide-search","\u002Fdatabases\u002Ffull-text-search","06.databases\u002F10.full-text-search",[2963],{"title":2958,"path":2964,"stem":2965},"\u002Fdatabases\u002Ffull-text-search\u002Ffull-text-search","06.databases\u002F10.full-text-search\u002F01.full-text-search",{"title":2967,"icon":2968,"path":2969,"stem":2970,"children":2971,"page":59},"Tools","i-lucide-wrench","\u002Ftools","07.tools",[2972,3048],{"title":2973,"icon":2974,"path":2975,"stem":2976,"children":2977},"Docker","i-simple-icons-docker","\u002Ftools\u002Fdocker","07.tools\u002F01.docker\u002Findex",[2978,2980,2984,2988,2992,2996,3000,3004,3008,3012,3016,3020,3024,3028,3032,3036,3040,3044],{"title":2979,"path":2975,"stem":2976},"Docker: від нуля до production",{"title":2981,"path":2982,"stem":2983},"Контейнеризація — від проблеми до рішення","\u002Ftools\u002Fdocker\u002Fcontainerization-concept","07.tools\u002F01.docker\u002F01.containerization-concept",{"title":2985,"path":2986,"stem":2987},"Docker — що це і навіщо?","\u002Ftools\u002Fdocker\u002Fdocker-what-and-why","07.tools\u002F01.docker\u002F02.docker-what-and-why",{"title":2989,"path":2990,"stem":2991},"Архітектура Docker Engine","\u002Ftools\u002Fdocker\u002Fdocker-architecture","07.tools\u002F01.docker\u002F03.docker-architecture",{"title":2993,"path":2994,"stem":2995},"Встановлення Docker","\u002Ftools\u002Fdocker\u002Finstallation","07.tools\u002F01.docker\u002F04.installation",{"title":2997,"path":2998,"stem":2999},"Перший контейнер — docker run","\u002Ftools\u002Fdocker\u002Ffirst-container","07.tools\u002F01.docker\u002F05.first-container",{"title":3001,"path":3002,"stem":3003},"Життєвий цикл контейнера","\u002Ftools\u002Fdocker\u002Fcontainer-lifecycle","07.tools\u002F01.docker\u002F06.container-lifecycle",{"title":3005,"path":3006,"stem":3007},"Docker Images — фундаментальні концепції","\u002Ftools\u002Fdocker\u002Fdocker-images-fundamentals","07.tools\u002F01.docker\u002F07.docker-images-fundamentals",{"title":3009,"path":3010,"stem":3011},"Dockerfile — основи","\u002Ftools\u002Fdocker\u002Fdockerfile-basics","07.tools\u002F01.docker\u002F08.dockerfile-basics",{"title":3013,"path":3014,"stem":3015},"Dockerfile — просунуті техніки","\u002Ftools\u002Fdocker\u002Fdockerfile-advanced","07.tools\u002F01.docker\u002F09.dockerfile-advanced",{"title":3017,"path":3018,"stem":3019},"Build Context та кешування шарів","\u002Ftools\u002Fdocker\u002Fbuild-context-and-cache","07.tools\u002F01.docker\u002F10.build-context-and-cache",{"title":3021,"path":3022,"stem":3023},"Реєстри Docker-образів","\u002Ftools\u002Fdocker\u002Fimage-registries","07.tools\u002F01.docker\u002F11.image-registries",{"title":3025,"path":3026,"stem":3027},"Контейнеризація .NET додатків","\u002Ftools\u002Fdocker\u002Fdotnet-containerization","07.tools\u002F01.docker\u002F12.dotnet-containerization",{"title":3029,"path":3030,"stem":3031},"Томи та збереження даних","\u002Ftools\u002Fdocker\u002Fvolumes-and-data","07.tools\u002F01.docker\u002F13.volumes-and-data",{"title":3033,"path":3034,"stem":3035},"Основи мережі в Docker","\u002Ftools\u002Fdocker\u002Fnetworking-basics","07.tools\u002F01.docker\u002F14.networking-basics",{"title":3037,"path":3038,"stem":3039},"Змінні оточення та конфігурація","\u002Ftools\u002Fdocker\u002Fenvironment-and-configuration","07.tools\u002F01.docker\u002F15.environment-and-configuration",{"title":3041,"path":3042,"stem":3043},"Docker Compose — оркестрація контейнерів","\u002Ftools\u002Fdocker\u002Fdocker-compose-basics","07.tools\u002F01.docker\u002F16.docker-compose-basics",{"title":3045,"path":3046,"stem":3047},"Docker Compose — Multi-Service застосунки","\u002Ftools\u002Fdocker\u002Fcompose-multi-service","07.tools\u002F01.docker\u002F17.compose-multi-service",{"title":3049,"icon":3050,"path":3051,"stem":3052,"children":3053},"Kubernetes","simple-icons:kubernetes","\u002Ftools\u002Fkubernetes","07.tools\u002F02.kubernetes\u002Findex",[3054,3056,3060,3064,3068,3072,3076,3080,3084],{"title":3055,"path":3051,"stem":3052},"Kubernetes: від розробки до production",{"title":3057,"path":3058,"stem":3059},"Kubernetes — коли Docker Compose більше не вистачає","\u002Ftools\u002Fkubernetes\u002Fwhy-kubernetes","07.tools\u002F02.kubernetes\u002F01.why-kubernetes",{"title":3061,"path":3062,"stem":3063},"Архітектура Kubernetes — анатомія кластера","\u002Ftools\u002Fkubernetes\u002Fkubernetes-architecture","07.tools\u002F02.kubernetes\u002F02.kubernetes-architecture",{"title":3065,"path":3066,"stem":3067},"Локальне середовище — minikube, kind та k3s","\u002Ftools\u002Fkubernetes\u002Flocal-environment","07.tools\u002F02.kubernetes\u002F03.local-environment",{"title":3069,"path":3070,"stem":3071},"Pod — атомарна одиниця Kubernetes","\u002Ftools\u002Fkubernetes\u002Fpods-and-containers","07.tools\u002F02.kubernetes\u002F04.pods-and-containers",{"title":3073,"path":3074,"stem":3075},"Патерни використання Pod","\u002Ftools\u002Fkubernetes\u002Fpod-patterns","07.tools\u002F02.kubernetes\u002F05.pod-patterns",{"title":3077,"path":3078,"stem":3079},"Deployment — декларативне управління Pod","\u002Ftools\u002Fkubernetes\u002Fdeployment-basics","07.tools\u002F02.kubernetes\u002F06.deployment-basics",{"title":3081,"path":3082,"stem":3083},"Rolling Updates та управління життєвим циклом Deployment","\u002Ftools\u002Fkubernetes\u002Fdeployment-rolling-updates","07.tools\u002F02.kubernetes\u002F07.deployment-rolling-updates",{"title":3085,"path":3086,"stem":3087},"Service — мережева абстракція для Pod","\u002Ftools\u002Fkubernetes\u002Fservices-networking","07.tools\u002F02.kubernetes\u002F08.services-networking",{"title":3089,"icon":3090,"path":3091,"stem":3092,"children":3093,"page":59},"Software Engineering","i-lucide-code-2","\u002Fsoftware-engineering","09.software-engineering",[3094,3098,3102,3106,3110,3114,3118,3122,3126,3130,3134],{"title":3095,"path":3096,"stem":3097},"1. Аналіз предметної області. Експертні знання та складність","\u002Fsoftware-engineering\u002Fintro-subdomains","09.software-engineering\u002F01.intro-subdomains",{"title":3099,"path":3100,"stem":3101},"2. Обмежені контексти. Інтеграція обмежених контекстів","\u002Fsoftware-engineering\u002Fintegrating-limited-contexts","09.software-engineering\u002F02.integrating-limited-contexts",{"title":3103,"path":3104,"stem":3105},"3. Реалізація простої бізнес-логіки","\u002Fsoftware-engineering\u002Fsimple","09.software-engineering\u002F03.simple",{"title":3107,"path":3108,"stem":3109},"4. Опрацювання складної бізнес-логіки","\u002Fsoftware-engineering\u002Fcomplex-business-logic","09.software-engineering\u002F04.complex-business-logic",{"title":3111,"path":3112,"stem":3113},"5. Моделювання фактора часу. Подієво-орієнтована архітектура.","\u002Fsoftware-engineering\u002Fmodelling-the-time-factor","09.software-engineering\u002F05.modelling-the-time-factor",{"title":3115,"path":3116,"stem":3117},"6. Архітектурні патерни","\u002Fsoftware-engineering\u002Farchitectural-patterns","09.software-engineering\u002F06.architectural-patterns",{"title":3119,"path":3120,"stem":3121},"Паттерни взаємодії","\u002Fsoftware-engineering\u002Fpatterns-of-interaction","09.software-engineering\u002F07.patterns-of-interaction",{"title":3123,"path":3124,"stem":3125},"Евристика проєктування","\u002Fsoftware-engineering\u002Fdesign-heuristics","09.software-engineering\u002F08.design-heuristics",{"title":3127,"path":3128,"stem":3129},"Еволюція проєктних рішень","\u002Fsoftware-engineering\u002Fevolution-of-design-solutions","09.software-engineering\u002F09.evolution-of-design-solutions",{"title":3131,"path":3132,"stem":3133},"EventStorming","\u002Fsoftware-engineering\u002Feventstorming","09.software-engineering\u002F10.eventstorming",{"title":3135,"path":3136,"stem":3137},"DDD на практиці","\u002Fsoftware-engineering\u002Fddd-in-practice","09.software-engineering\u002F11.ddd-in-practice",{"title":3139,"icon":943,"path":3140,"stem":3141,"children":3142,"page":59},"DDD","\u002Fddd","10.ddd",[3143,3147,3151,3155,3159,3163,3167,3171,3175,3179,3183,3187,3191],{"title":3144,"path":3145,"stem":3146},"Аналіз предметної області","\u002Fddd\u002Fdomain-analysis","10.ddd\u002F01.domain-analysis",{"title":3148,"path":3149,"stem":3150},"Експертні знання про предметну область","\u002Fddd\u002Fdomain-expert-knowledge","10.ddd\u002F02.domain-expert-knowledge",{"title":3152,"path":3153,"stem":3154},"Як осмислити складність предметної області","\u002Fddd\u002Fmanaging-domain-complexity","10.ddd\u002F03.managing-domain-complexity",{"title":3156,"path":3157,"stem":3158},"Інтеграція обмежених контекстів","\u002Fddd\u002Fbounded-context-integration","10.ddd\u002F04.bounded-context-integration",{"title":3160,"path":3161,"stem":3162},"Реалізація простої бізнес-логіки","\u002Fddd\u002Fsimple-business-logic","10.ddd\u002F05.simple-business-logic",{"title":3164,"path":3165,"stem":3166},"Обробка складної бізнес-логіки","\u002Fddd\u002Fcomplex-business-logic","10.ddd\u002F06.complex-business-logic",{"title":3168,"path":3169,"stem":3170},"Моделювання фактора часу","\u002Fddd\u002Ftime-modeling","10.ddd\u002F07.time-modeling",{"title":3172,"path":3173,"stem":3174},"Глава 8. Архітектурні Патерни","\u002Fddd\u002Farchitectural-patterns","10.ddd\u002F08.architectural-patterns",{"title":3176,"path":3177,"stem":3178},"Глава 9. Патерни Взаємодії","\u002Fddd\u002Finteraction-patterns","10.ddd\u002F09.interaction-patterns",{"title":3180,"path":3181,"stem":3182},"Глава 10. Проектні Евристики","\u002Fddd\u002Fdesign-heuristics","10.ddd\u002F10.design-heuristics",{"title":3184,"path":3185,"stem":3186},"Глава 11. Еволюція Проектних Рішень","\u002Fddd\u002Fevolution-of-design-decisions","10.ddd\u002F11.evolution-of-design-decisions",{"title":3188,"path":3189,"stem":3190},"Глава 12. EventStorming","\u002Fddd\u002Fevent-storming","10.ddd\u002F12.event-storming",{"title":3192,"path":3193,"stem":3194},"Глава 13. DDD на Практиці","\u002Fddd\u002Fddd-in-practice","10.ddd\u002F13.ddd-in-practice",{"title":3196,"icon":3197,"path":3198,"stem":3199,"children":3200,"page":59},"Media Streaming","i-lucide-video","\u002Fmedia-streaming","11.media-streaming",[3201,3205,3209,3213,3217,3221,3225],{"title":3202,"path":3203,"stem":3204},"01. Магія Стрімінгу: Що відбувається, коли ви натискаєте \"Play\"","\u002Fmedia-streaming\u002Fintroduction","11.media-streaming\u002F01.introduction",{"title":3206,"path":3207,"stem":3208},"02. Анатомія Медіа: Кодеки, Контейнери та Стиснення","\u002Fmedia-streaming\u002Faudio-video-anatomy","11.media-streaming\u002F02.audio-video-anatomy",{"title":3210,"path":3211,"stem":3212},"03. The Gym: FFmpeg Deep Dive","\u002Fmedia-streaming\u002Fffmpeg-gym","11.media-streaming\u002F03.ffmpeg-gym",{"title":3214,"path":3215,"stem":3216},"04. HLS Protocol: HTTP Live Streaming у Деталях","\u002Fmedia-streaming\u002Fhls-protocol","11.media-streaming\u002F04.hls-protocol",{"title":3218,"path":3219,"stem":3220},"05. DASH Protocol: Відкритий Стандарт","\u002Fmedia-streaming\u002Fdash-protocol","11.media-streaming\u002F05.dash-protocol",{"title":3222,"path":3223,"stem":3224},"06. Масштабування: CDN та Adaptive Bitrate","\u002Fmedia-streaming\u002Fcdn-and-adaptive-bitrate","11.media-streaming\u002F06.cdn-and-adaptive-bitrate",{"title":3226,"path":3227,"stem":3228},"07. Війна із Затримкою (Latency)","\u002Fmedia-streaming\u002Frealtime-latency","11.media-streaming\u002F07.realtime-latency",{"title":3230,"icon":3231,"path":3232,"stem":3233,"children":3234,"page":59},"HTML & CSS","i-devicon-html5","\u002Fhtml-css","12.html-css",[3235,3239,3243,3247,3251,3255,3259,3263,3267,3271,3275,3279,3283,3287,3291,3295,3299,3303,3307,3311,3315,3319,3323,3327,3331,3335,3339,3343,3347,3351],{"title":3236,"path":3237,"stem":3238},"Вступ до HTML. Структура документа","\u002Fhtml-css\u002Fintro-html-structure","12.html-css\u002F01.intro-html-structure",{"title":3240,"path":3241,"stem":3242},"Форматування тексту в HTML","\u002Fhtml-css\u002Fhtml-text-formatting","12.html-css\u002F02.html-text-formatting",{"title":3244,"path":3245,"stem":3246},"Посилання та зображення в HTML","\u002Fhtml-css\u002Fhtml-links-images","12.html-css\u002F03.html-links-images",{"title":3248,"path":3249,"stem":3250},"Списки та таблиці в HTML","\u002Fhtml-css\u002Fhtml-lists-tables","12.html-css\u002F04.html-lists-tables",{"title":3252,"path":3253,"stem":3254},"Форми в HTML","\u002Fhtml-css\u002Fhtml-forms","12.html-css\u002F05.html-forms",{"title":3256,"path":3257,"stem":3258},"Семантичні елементи HTML5","\u002Fhtml-css\u002Fhtml-semantic-elements","12.html-css\u002F06.html-semantic-elements",{"title":3260,"path":3261,"stem":3262},"Мультимедіа та розширені елементи HTML","\u002Fhtml-css\u002Fhtml-multimedia-advanced","12.html-css\u002F07.html-multimedia-advanced",{"title":3264,"path":3265,"stem":3266},"Мікророзмітка та SEO в HTML","\u002Fhtml-css\u002Fhtml-microdata-seo","12.html-css\u002F08.html-microdata-seo",{"title":3268,"path":3269,"stem":3270},"Вступ до CSS. Селектори та специфічність","\u002Fhtml-css\u002Fcss-intro-selectors","12.html-css\u002F09.css-intro-selectors",{"title":3272,"path":3273,"stem":3274},"Блокова модель CSS. Відступи. Box Sizing","\u002Fhtml-css\u002Fcss-box-model","12.html-css\u002F10.css-box-model",{"title":3276,"path":3277,"stem":3278},"Розміри у CSS: повний довідник одиниць і ключових слів","\u002Fhtml-css\u002F10a.css-sizing","12.html-css\u002F10a.css-sizing",{"title":3280,"path":3281,"stem":3282},"Типографіка в CSS. Шрифти та текст","\u002Fhtml-css\u002Fcss-typography","12.html-css\u002F11.css-typography",{"title":3284,"path":3285,"stem":3286},"Кольори та фони в CSS","\u002Fhtml-css\u002Fcss-colors-backgrounds","12.html-css\u002F12.css-colors-backgrounds",{"title":3288,"path":3289,"stem":3290},"Тіні та фільтри в CSS","\u002Fhtml-css\u002F12b.css-shadows-filters","12.html-css\u002F12b.css-shadows-filters",{"title":3292,"path":3293,"stem":3294},"CSS Flexbox: Фундамент гнучких макетів","\u002Fhtml-css\u002Fcss-flexbox-fundamentals","12.html-css\u002F13.css-flexbox-fundamentals",{"title":3296,"path":3297,"stem":3298},"CSS Flexbox: Вирівнювання та Позиціонування","\u002Fhtml-css\u002Fcss-flexbox-alignment-sizing-and-patterns","12.html-css\u002F14.css-flexbox-alignment-sizing-and-patterns",{"title":3300,"path":3301,"stem":3302},"CSS Grid. Двовимірний макет. Частина 1","\u002Fhtml-css\u002Fcss-layout-grid","12.html-css\u002F15.css-layout-grid",{"title":3304,"path":3305,"stem":3306},"CSS Grid. Двовимірний макет. Частина 2","\u002Fhtml-css\u002Fcss-layout-grid-advanced","12.html-css\u002F16.css-layout-grid-advanced",{"title":3308,"path":3309,"stem":3310},"Позиціонування в CSS. Z-index. Stacking Context","\u002Fhtml-css\u002Fcss-positioning","12.html-css\u002F17.css-positioning",{"title":3312,"path":3313,"stem":3314},"CSS Анімації та Переходи","\u002Fhtml-css\u002Fcss-animations-transitions","12.html-css\u002F18.css-animations-transitions",{"title":3316,"path":3317,"stem":3318},"Адаптивний дизайн. Media Queries. Частина 1","\u002Fhtml-css\u002Fcss-responsive-media-queries","12.html-css\u002F19.css-responsive-media-queries",{"title":3320,"path":3321,"stem":3322},"Адаптивний дизайн. Частина 2: clamp(), Container Queries, @layer","\u002Fhtml-css\u002Fcss-responsive-advanced","12.html-css\u002F20.css-responsive-advanced",{"title":3324,"path":3325,"stem":3326},"CSS Custom Properties. Методології. Сучасний CSS","\u002Fhtml-css\u002Fcss-variables-methodologies","12.html-css\u002F21.css-variables-methodologies",{"title":3328,"path":3329,"stem":3330},"Сучасний CSS 2023–2025: Нові можливості","\u002Fhtml-css\u002Fcss-modern-features","12.html-css\u002F22.css-modern-features",{"title":3332,"path":3333,"stem":3334},"CSS Nesting, @layer, @scope та @property: нативний препроцесор","\u002Fhtml-css\u002F22a.css-nesting-modern-syntax","12.html-css\u002F22a.css-nesting-modern-syntax",{"title":3336,"path":3337,"stem":3338},"CSS для форм та інтерактивних станів","\u002Fhtml-css\u002Fcss-forms-interactive-states","12.html-css\u002F23.css-forms-interactive-states",{"title":3340,"path":3341,"stem":3342},"Доступність у CSS (CSS Accessibility)","\u002Fhtml-css\u002Fcss-accessibility","12.html-css\u002F24.css-accessibility",{"title":3344,"path":3345,"stem":3346},"CSS-функції та сучасні sizing primitives","\u002Fhtml-css\u002Fcss-functions-sizing","12.html-css\u002F25.css-functions-sizing",{"title":3348,"path":3349,"stem":3350},"Rendering Pipeline і CSS Performance","\u002Fhtml-css\u002Fcss-rendering-performance","12.html-css\u002F26.css-rendering-performance",{"title":3352,"path":3353,"stem":3354},"CSS Best Practices: типові ситуації та правильні рішення","\u002Fhtml-css\u002Fcss-best-practices","12.html-css\u002F27.css-best-practices",{"title":3356,"path":3357,"stem":3358,"children":3359,"page":59},"AWS","\u002Faws","13.aws",[3360,3364,3368,3372,3376,3380,3384,3388,3392,3396,3400,3404,3408,3412,3416,3420,3424,3428],{"title":3361,"path":3362,"stem":3363},"Реєстрація AWS акаунту та студентські програми","\u002Faws\u002Faccount-registration","13.aws\u002F00.account-registration",{"title":3365,"path":3366,"stem":3367},"Вступ до хмарних обчислень та AWS","\u002Faws\u002Fintroduction-to-cloud","13.aws\u002F01.introduction-to-cloud",{"title":3369,"path":3370,"stem":3371},"AWS IAM — Identity and Access Management","\u002Faws\u002Fiam","13.aws\u002F02.iam",{"title":3373,"path":3374,"stem":3375},"AWS IAM CLI — Довідник команд","\u002Faws\u002F02a.iam-doc","13.aws\u002F02a.iam-doc",{"title":3377,"path":3378,"stem":3379},"Docker та контейнеризація в AWS — ECR, ECS та Fargate","\u002Faws\u002Fdocker-ecs","13.aws\u002F03.docker-ecs",{"title":3381,"path":3382,"stem":3383},"AWS ECR \u002F ECS CLI — Довідник команд","\u002Faws\u002F03a.docker-ecs-doc","13.aws\u002F03a.docker-ecs-doc",{"title":3385,"path":3386,"stem":3387},"Amazon EC2 — Elastic Compute Cloud","\u002Faws\u002Fec2","13.aws\u002F04.ec2",{"title":3389,"path":3390,"stem":3391},"AWS EC2 CLI — Довідник команд","\u002Faws\u002F04a.ec2-doc","13.aws\u002F04a.ec2-doc",{"title":3393,"path":3394,"stem":3395},"Elastic Load Balancing та Auto Scaling","\u002Faws\u002Falb-asg","13.aws\u002F05.alb-asg",{"title":3397,"path":3398,"stem":3399},"Amazon S3 — Simple Storage Service","\u002Faws\u002Fs3","13.aws\u002F06.s3",{"title":3401,"path":3402,"stem":3403},"Amazon CloudFront — Content Delivery Network","\u002Faws\u002Fcloudfront","13.aws\u002F07.cloudfront",{"title":3405,"path":3406,"stem":3407},"Amazon RDS — Relational Database Service","\u002Faws\u002Frds","13.aws\u002F08.rds",{"title":3409,"path":3410,"stem":3411},"Amazon DynamoDB — NoSQL Database","\u002Faws\u002Fdynamodb","13.aws\u002F09.dynamodb",{"title":3413,"path":3414,"stem":3415},"AWS Lambda та Serverless Compute","\u002Faws\u002Flambda","13.aws\u002F10.lambda",{"title":3417,"path":3418,"stem":3419},"Amazon Bedrock - Foundation Models, RAG та Agents","\u002Faws\u002Fbedrock","13.aws\u002F22.bedrock",{"title":3421,"path":3422,"stem":3423},"Amazon Rekognition - Комп'ютерний зір","\u002Faws\u002Frekognition","13.aws\u002F23.rekognition",{"title":3425,"path":3426,"stem":3427},"Amazon Textract - Інтелектуальний аналіз документів","\u002Faws\u002Ftextract","13.aws\u002F24.textract",{"title":3429,"path":3430,"stem":3431},"Amazon Polly, Transcribe, Comprehend та Translate","\u002Faws\u002Faudio-nlp-services","13.aws\u002F25.audio-nlp-services",{"title":3433,"path":3434,"stem":3435,"children":3436,"page":59},"Ai Development","\u002Fai-development","14.ai-development",[3437],{"title":3438,"path":3439,"stem":3440,"children":3441,"page":59},"Foundations","\u002Fai-development\u002Ffoundations","14.ai-development\u002F00.foundations",[3442],{"title":3443,"path":3444,"stem":3445},"Модуль 0.1. Що таке Large Language Model (LLM)","\u002Fai-development\u002Ffoundations\u002Fwhat-is-llm","14.ai-development\u002F00.foundations\u002F01.what-is-llm",{"title":3447,"path":3448,"stem":3449,"children":3450,"page":59},"React Native","\u002Freact-native","15.react-native",[3451,3472],{"title":3452,"path":3453,"stem":3454,"children":3455,"page":59},"Version1","\u002Freact-native\u002Fversion1","15.react-native\u002Fversion1",[3456,3460,3464,3468],{"title":3457,"path":3458,"stem":3459},"Що таке React Native","\u002Freact-native\u002Fversion1\u002Fwhat-is-react-native","15.react-native\u002Fversion1\u002F01.what-is-react-native",{"title":3461,"path":3462,"stem":3463},"Як влаштований React Native «під капотом»","\u002Freact-native\u002Fversion1\u002Freact-native-architecture","15.react-native\u002Fversion1\u002F02.react-native-architecture",{"title":3465,"path":3466,"stem":3467},"Від React до React Native: ключові відмінності","\u002Freact-native\u002Fversion1\u002Freact-native-vs-react","15.react-native\u002Fversion1\u002F03.react-native-vs-react",{"title":3469,"path":3470,"stem":3471},"View та Text — фундаментальні будівельні блоки","\u002Freact-native\u002Fversion1\u002Fview-and-text","15.react-native\u002Fversion1\u002F04.view-and-text",{"title":3473,"path":3474,"stem":3475,"children":3476,"page":59},"Version2","\u002Freact-native\u002Fversion2","15.react-native\u002Fversion2",[3477,3481,3485,3489,3493,3497,3501,3505,3509,3513,3517,3521,3525,3529,3533,3537,3541,3545,3549,3553,3557,3561,3565,3569,3573,3577,3581],{"title":3478,"path":3479,"stem":3480},"React Native — навіщо він потрібен","\u002Freact-native\u002Fversion2\u002Fwhy-react-native","15.react-native\u002Fversion2\u002F01.why-react-native",{"title":3482,"path":3483,"stem":3484},"Налаштування середовища розробки","\u002Freact-native\u002Fversion2\u002Fenvironment-setup","15.react-native\u002Fversion2\u002F02.environment-setup",{"title":3486,"path":3487,"stem":3488},"Expo і класичний React Native — два шляхи одного фреймворку","\u002Freact-native\u002Fversion2\u002Fexpo-vs-cli-landscape","15.react-native\u002Fversion2\u002F03.expo-vs-cli-landscape",{"title":3490,"path":3491,"stem":3492},"Середовище Expo — перший запуск","\u002Freact-native\u002Fversion2\u002Fexpo-setup-and-tooling","15.react-native\u002Fversion2\u002F04.expo-setup-and-tooling",{"title":3494,"path":3495,"stem":3496},"Структура проєкту та перші UI-примітиви","\u002Freact-native\u002Fversion2\u002Fproject-structure-and-conventions","15.react-native\u002Fversion2\u002F05.project-structure-and-conventions",{"title":3498,"path":3499,"stem":3500},"Базові компоненти React Native","\u002Freact-native\u002Fversion2\u002Fcore-components","15.react-native\u002Fversion2\u002F06.core-components",{"title":3502,"path":3503,"stem":3504},"Flexbox і layout у React Native","\u002Freact-native\u002Fversion2\u002Fflexbox-and-layout","15.react-native\u002Fversion2\u002F07.flexbox-and-layout",{"title":3506,"path":3507,"stem":3508},"StyleSheet і теми (light \u002F dark)","\u002Freact-native\u002Fversion2\u002Fstylesheet-and-theming","15.react-native\u002Fversion2\u002F08.stylesheet-and-theming",{"title":3510,"path":3511,"stem":3512},"Списки та віртуалізація","\u002Freact-native\u002Fversion2\u002Flists-and-virtualization","15.react-native\u002Fversion2\u002F09.lists-and-virtualization",{"title":3514,"path":3515,"stem":3516},"Форми, ввід і валідація","\u002Freact-native\u002Fversion2\u002Fforms-input-validation","15.react-native\u002Fversion2\u002F10.forms-input-validation",{"title":3518,"path":3519,"stem":3520},"Основи Expo Router","\u002Freact-native\u002Fversion2\u002Fexpo-router-basics","15.react-native\u002Fversion2\u002F11.expo-router-basics",{"title":3522,"path":3523,"stem":3524},"Вкладені навігатори та модалки","\u002Freact-native\u002Fversion2\u002Fnested-navigators-and-modals","15.react-native\u002Fversion2\u002F12.nested-navigators-and-modals",{"title":3526,"path":3527,"stem":3528},"Deep linking і параметри маршрутів","\u002Freact-native\u002Fversion2\u002Fdeep-linking-and-params","15.react-native\u002Fversion2\u002F13.deep-linking-and-params",{"title":3530,"path":3531,"stem":3532},"Робота з мережею та життєвий цикл застосунку","\u002Freact-native\u002Fversion2\u002Fnetworking-and-app-lifecycle","15.react-native\u002Fversion2\u002F14.networking-and-app-lifecycle",{"title":3534,"path":3535,"stem":3536},"Redux Toolkit на мобільних платформах","\u002Freact-native\u002Fversion2\u002Fredux-toolkit-on-mobile","15.react-native\u002Fversion2\u002F15.redux-toolkit-on-mobile",{"title":3538,"path":3539,"stem":3540},"RTK Query на мобільних платформах","\u002Freact-native\u002Fversion2\u002Frtk-query-mobile","15.react-native\u002Fversion2\u002F16.rtk-query-mobile",{"title":3542,"path":3543,"stem":3544},"Автентифікація та Безпечне Зберігання","\u002Freact-native\u002Fversion2\u002Fauth-secure-storage","15.react-native\u002Fversion2\u002F18.auth-secure-storage",{"title":3546,"path":3547,"stem":3548},"Локальне сховище — AsyncStorage, MMKV, SQLite","\u002Freact-native\u002Fversion2\u002Flocal-storage-mmkv-sqlite","15.react-native\u002Fversion2\u002F19.local-storage-mmkv-sqlite",{"title":3550,"path":3551,"stem":3552},"Офлайн-First і синхронізація","\u002Freact-native\u002Fversion2\u002Foffline-first-sync","15.react-native\u002Fversion2\u002F20.offline-first-sync",{"title":3554,"path":3555,"stem":3556},"Камера, медіа та файлова система","\u002Freact-native\u002Fversion2\u002Fcamera-media-filesystem","15.react-native\u002Fversion2\u002F21.camera-media-filesystem",{"title":3558,"path":3559,"stem":3560},"Карти та геолокація","\u002Freact-native\u002Fversion2\u002Fmaps-and-location","15.react-native\u002Fversion2\u002F22.maps-and-location",{"title":3562,"path":3563,"stem":3564},"Жести та дотики","\u002Freact-native\u002Fversion2\u002Fgestures-and-touch","15.react-native\u002Fversion2\u002F23.gestures-and-touch",{"title":3566,"path":3567,"stem":3568},"Анімації з Reanimated","\u002Freact-native\u002Fversion2\u002Freanimated-animations","15.react-native\u002Fversion2\u002F24.reanimated-animations",{"title":3570,"path":3571,"stem":3572},"Push і локальні сповіщення","\u002Freact-native\u002Fversion2\u002Fpush-and-local-notifications","15.react-native\u002Fversion2\u002F25.push-and-local-notifications",{"title":3574,"path":3575,"stem":3576},"Інтернаціоналізація та доступність","\u002Freact-native\u002Fversion2\u002Faccessibility-and-i18n","15.react-native\u002Fversion2\u002F26.accessibility-and-i18n",{"title":3578,"path":3579,"stem":3580},"EAS Build та профілі збірки","\u002Freact-native\u002Fversion2\u002Feas-build-and-profiles","15.react-native\u002Fversion2\u002F29.eas-build-and-profiles",{"title":3582,"path":3583,"stem":3584},"Публікація в App Store та Google Play","\u002Freact-native\u002Fversion2\u002Fapp-store-play-release","15.react-native\u002Fversion2\u002F30.app-store-play-release",{"title":3586,"path":3587,"stem":3588,"children":3589,"page":59},"Ai Python","\u002Fai-python","16.ai-python",[3590,3599,3608,3617,3646,3672,3681],{"title":3591,"path":3592,"stem":3593,"children":3594,"page":59},"Intro To Ai","\u002Fai-python\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai",[3595],{"title":3596,"path":3597,"stem":3598},"Вступ до штучного інтелекту та машинного навчання","\u002Fai-python\u002Fintro-to-ai\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai\u002F01.intro-to-ai",{"title":3600,"path":3601,"stem":3602,"children":3603,"page":59},"Jupyter Notebook","\u002Fai-python\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook",[3604],{"title":3605,"path":3606,"stem":3607},"Знайомство з Jupyter Notebook та JupyterLab","\u002Fai-python\u002Fjupyter-notebook\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook\u002F02.jupyter-notebook",{"title":3609,"path":3610,"stem":3611,"children":3612,"page":59},"Numpy Pandas","\u002Fai-python\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas",[3613],{"title":3614,"path":3615,"stem":3616},"Робота з даними з використанням NumPy і pandas","\u002Fai-python\u002Fnumpy-pandas\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas\u002F03.numpy-pandas",{"title":3618,"path":3619,"stem":3620,"children":3621,"page":59},"Statistics Basics","\u002Fai-python\u002Fstatistics-basics","16.ai-python\u002F04.statistics-basics",[3622,3626,3630,3634,3638,3642],{"title":3623,"path":3624,"stem":3625},"Випадкові величини та їх типи","\u002Fai-python\u002Fstatistics-basics\u002Frandom-variables","16.ai-python\u002F04.statistics-basics\u002F01.random-variables",{"title":3627,"path":3628,"stem":3629},"Міри центральної тенденції","\u002Fai-python\u002Fstatistics-basics\u002Fcentral-tendency","16.ai-python\u002F04.statistics-basics\u002F02.central-tendency",{"title":3631,"path":3632,"stem":3633},"Міри варіації (розсіювання)","\u002Fai-python\u002Fstatistics-basics\u002Fvariability","16.ai-python\u002F04.statistics-basics\u002F03.variability",{"title":3635,"path":3636,"stem":3637},"Розподіли випадкових величин","\u002Fai-python\u002Fstatistics-basics\u002Fdistributions","16.ai-python\u002F04.statistics-basics\u002F04.distributions",{"title":3639,"path":3640,"stem":3641},"Кореляція та взаємозв'язки","\u002Fai-python\u002Fstatistics-basics\u002Fcorrelation","16.ai-python\u002F04.statistics-basics\u002F05.correlation",{"title":3643,"path":3644,"stem":3645},"Викиди та аномалії","\u002Fai-python\u002Fstatistics-basics\u002Foutliers","16.ai-python\u002F04.statistics-basics\u002F06.outliers",{"title":3647,"path":3648,"stem":3649,"children":3650},"Візуалізація даних за допомогою matplotlib","\u002Fai-python\u002Fdata-visualization","16.ai-python\u002F05.data-visualization\u002Findex",[3651,3652,3656,3660,3664,3668],{"title":3647,"path":3648,"stem":3649},{"title":3653,"path":3654,"stem":3655},"Основи matplotlib — Figure, Axes та перший графік","\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics","16.ai-python\u002F05.data-visualization\u002F01.matplotlib-basics",{"title":3657,"path":3658,"stem":3659},"Візуалізація розподілів — гістограми та box plots","\u002Fai-python\u002Fdata-visualization\u002Fdistributions","16.ai-python\u002F05.data-visualization\u002F02.distributions",{"title":3661,"path":3662,"stem":3663},"Візуалізація залежностей — scatter plots та кореляція","\u002Fai-python\u002Fdata-visualization\u002Frelationships","16.ai-python\u002F05.data-visualization\u002F03.relationships",{"title":3665,"path":3666,"stem":3667},"Візуалізація категоріальних даних — bar charts та pie charts","\u002Fai-python\u002Fdata-visualization\u002Fcategorical","16.ai-python\u002F05.data-visualization\u002F04.categorical",{"title":3669,"path":3670,"stem":3671},"Композиції та стилізація — subplots та багатопанельні дашборди","\u002Fai-python\u002Fdata-visualization\u002Fsubplots-styling","16.ai-python\u002F05.data-visualization\u002F05.subplots-styling",{"title":3673,"path":3674,"stem":3675,"children":3676,"page":59},"Linear Regression","\u002Fai-python\u002Flinear-regression","16.ai-python\u002F06.linear-regression",[3677],{"title":3678,"path":3679,"stem":3680},"Лінійна регресія — перша модель машинного навчання","\u002Fai-python\u002Flinear-regression\u002Flinear-regression","16.ai-python\u002F06.linear-regression\u002F06.linear-regression",{"title":3682,"path":3683,"stem":3684,"children":3685,"page":59},"Linear Regression Theory","\u002Fai-python\u002Flinear-regression-theory","16.ai-python\u002F07.linear-regression-theory",[3686,3690,3694,3698,3702],{"title":3687,"path":3688,"stem":3689},"Регресійна задача та лінійна регресія з однією змінною","\u002Fai-python\u002Flinear-regression-theory\u002Fregression-task","16.ai-python\u002F07.linear-regression-theory\u002F01.regression-task",{"title":3691,"path":3692,"stem":3693},"Метрики якості регресії — як оцінити модель","\u002Fai-python\u002Flinear-regression-theory\u002Fquality-metrics","16.ai-python\u002F07.linear-regression-theory\u002F02.quality-metrics",{"title":3695,"path":3696,"stem":3697},"Градієнтний спуск — як модель навчається","\u002Fai-python\u002Flinear-regression-theory\u002Fgradient-descent","16.ai-python\u002F07.linear-regression-theory\u002F03.gradient-descent",{"title":3699,"path":3700,"stem":3701},"Множинна лінійна регресія — модель з багатьма ознаками","\u002Fai-python\u002Flinear-regression-theory\u002Fmultiple-regression","16.ai-python\u002F07.linear-regression-theory\u002F04.multiple-regression",{"title":3703,"path":3704,"stem":3705},"Практичні завдання та резюме модуля","\u002Fai-python\u002Flinear-regression-theory\u002Fpractice","16.ai-python\u002F07.linear-regression-theory\u002F05.practice",{"title":3707,"icon":658,"path":3708,"stem":3709,"children":3710,"page":59},"Клієнт-серверна архітектура","\u002Fclient-server-architecture","17.client-server-architecture",[3711,3715,3719,3723,3727,3731,3735,3739,3743,3747,3751,3755,3759,3763,3767,3771,3775,3779],{"title":3712,"path":3713,"stem":3714},"Архітектура клієнт-серверних систем та основи Go","\u002Fclient-server-architecture\u002Fclient-server-architecture-and-go","17.client-server-architecture\u002F01.client-server-architecture-and-go",{"title":3716,"path":3717,"stem":3718},"Система типів та модель пам’яті мови Go","\u002Fclient-server-architecture\u002Ftype-system-and-memory-model","17.client-server-architecture\u002F02.type-system-and-memory-model",{"title":3720,"path":3721,"stem":3722},"Інтерфейси та модель конкурентності мови Go","\u002Fclient-server-architecture\u002Finterfaces-and-concurrency-model","17.client-server-architecture\u002F03.interfaces-and-concurrency-model",{"title":3724,"path":3725,"stem":3726},"Сокетне програмування та протокол TCP у Go","\u002Fclient-server-architecture\u002Ftcp-socket-programming","17.client-server-architecture\u002F04.tcp-socket-programming",{"title":3728,"path":3729,"stem":3730},"Протокол UDP та датаграмна передача даних","\u002Fclient-server-architecture\u002Fudp-datagram-transmission","17.client-server-architecture\u002F05.udp-datagram-transmission",{"title":3732,"path":3733,"stem":3734},"Криптографічний захист каналів зв","\u002Fclient-server-architecture\u002Ftls-cryptographic-channel-protection","17.client-server-architecture\u002F06.tls-cryptographic-channel-protection",{"title":3736,"path":3737,"stem":3738},"Прикладні мережеві протоколи DNS та SMTP","\u002Fclient-server-architecture\u002Fdns-smtp-application-protocols","17.client-server-architecture\u002F07.dns-smtp-application-protocols",{"title":3740,"path":3741,"stem":3742},"Протокол HTTP та стандартний вебсервер Go","\u002Fclient-server-architecture\u002Fhttp-protocol-and-web-server","17.client-server-architecture\u002F08.http-protocol-and-web-server",{"title":3744,"path":3745,"stem":3746},"Проєктування REST API та маршрутизація засобами Chi","\u002Fclient-server-architecture\u002Frest-api-design-and-chi-routing","17.client-server-architecture\u002F09.rest-api-design-and-chi-routing",{"title":3748,"path":3749,"stem":3750},"Лекція 10. Шарувата архітектура та конвеєри обробки запитів","\u002Fclient-server-architecture\u002Flayered-architecture-and-middleware-pipelines","17.client-server-architecture\u002F10.layered-architecture-and-middleware-pipelines",{"title":3752,"path":3753,"stem":3754},"Лекція 11. Архітектура та маршрутизація фреймворку Gin","\u002Fclient-server-architecture\u002Fgin-framework-architecture-and-routing","17.client-server-architecture\u002F11.gin-framework-architecture-and-routing",{"title":3756,"path":3757,"stem":3758},"Лекція 12. Валідація даних, безпека та документування у Gin","\u002Fclient-server-architecture\u002Fdata-validation-security-and-documentation-in-gin","17.client-server-architecture\u002F12.data-validation-security-and-documentation-in-gin",{"title":3760,"path":3761,"stem":3762},"Лекція 13. Взаємодія з реляційними СУБД та технології ORM","\u002Fclient-server-architecture\u002Frelational-databases-and-orm","17.client-server-architecture\u002F13.relational-databases-and-orm",{"title":3764,"path":3765,"stem":3766},"Потокова передача даних та протокол WebSocket","\u002Fclient-server-architecture\u002Fstreaming-data-and-websockets","17.client-server-architecture\u002F14.streaming-data-and-websockets",{"title":3768,"path":3769,"stem":3770},"Міжсервісна взаємодія на основі протоколу gRPC","\u002Fclient-server-architecture\u002Fgrpc-inter-service-communication","17.client-server-architecture\u002F15.grpc-inter-service-communication",{"title":3772,"path":3773,"stem":3774},"Асинхронний обмін повідомленнями та протоколи черг","\u002Fclient-server-architecture\u002Fasynchronous-message-exchange-and-queue-protocols","17.client-server-architecture\u002F16.asynchronous-message-exchange-and-queue-protocols",{"title":3776,"path":3777,"stem":3778},"Протоколи потокового медіа та технологія WebRTC","\u002Fclient-server-architecture\u002Fstreaming-media-protocols-and-webrtc","17.client-server-architecture\u002F17.streaming-media-protocols-and-webrtc",{"title":3780,"path":3781,"stem":3782},"Моніторинг, безпека та контейнеризація застосунків","\u002Fclient-server-architecture\u002Fmonitoring-security-and-containerization","17.client-server-architecture\u002F18.monitoring-security-and-containerization",{"title":3784,"icon":2014,"path":3785,"stem":3786,"children":3787,"page":59},"Розробка WEB-застосувань","\u002Fweb-development","18.web-development",[3788,3833,3871,3900,3929,3986,4036,4130,4196,4278,4311,4339,4381,4427,4470],{"title":3789,"icon":658,"path":3790,"stem":3791,"children":3792,"page":59},"Архітектура комп'ютерних мереж та мережеві протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols","18.web-development\u002F01.network-architecture-and-protocols",[3793,3797,3801,3805,3809,3813,3817,3821,3825,3829],{"title":3794,"path":3795,"stem":3796},"Еволюція веброзробки та модель клієнт-сервер","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fweb-evolution-client-server","18.web-development\u002F01.network-architecture-and-protocols\u002F01.web-evolution-client-server",{"title":3798,"path":3799,"stem":3800},"Еталонна модель OSI","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fosi-model","18.web-development\u002F01.network-architecture-and-protocols\u002F02.osi-model",{"title":3802,"path":3803,"stem":3804},"Стек протоколів TCP\u002FIP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-ip-stack","18.web-development\u002F01.network-architecture-and-protocols\u002F03.tcp-ip-stack",{"title":3806,"path":3807,"stem":3808},"IP-адресація, порти та сокети","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fip-addressing-ports-sockets","18.web-development\u002F01.network-architecture-and-protocols\u002F04.ip-addressing-ports-sockets",{"title":3810,"path":3811,"stem":3812},"Протоколи TCP та UDP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-udp-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F05.tcp-udp-protocols",{"title":3814,"path":3815,"stem":3816},"Система доменних імен DNS","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fdns-system","18.web-development\u002F01.network-architecture-and-protocols\u002F06.dns-system",{"title":3818,"path":3819,"stem":3820},"Протокол SMTP та поштові протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fsmtp-email-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F07.smtp-email-protocols",{"title":3822,"path":3823,"stem":3824},"Протокол WebSocket","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fwebsocket-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F08.websocket-protocol",{"title":3826,"path":3827,"stem":3828},"Протокол SSH","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fssh-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F09.ssh-protocol",{"title":3830,"path":3831,"stem":3832},"Огляд сучасних серверних технологій","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fmodern-backend-technologies","18.web-development\u002F01.network-architecture-and-protocols\u002F10.modern-backend-technologies",{"title":3834,"icon":3835,"path":3836,"stem":3837,"children":3838,"page":59},"Протокол HTTP та захищена передача даних HTTPS","i-lucide-lock","\u002Fweb-development\u002Fhttp-and-https","18.web-development\u002F02.http-and-https",[3839,3843,3847,3851,3855,3859,3863,3867],{"title":3840,"path":3841,"stem":3842},"Вступ до протоколу HTTP та еволюція веб-технологій","\u002Fweb-development\u002Fhttp-and-https\u002Fintroduction-and-evolution","18.web-development\u002F02.http-and-https\u002F01.introduction-and-evolution",{"title":3844,"path":3845,"stem":3846},"Анатомія HTTP-запиту","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-request-structure","18.web-development\u002F02.http-and-https\u002F02.http-request-structure",{"title":3848,"path":3849,"stem":3850},"Анатомія HTTP-відповіді","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-response-structure","18.web-development\u002F02.http-and-https\u002F03.http-response-structure",{"title":3852,"path":3853,"stem":3854},"Методи HTTP та їхня семантика","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-methods","18.web-development\u002F02.http-and-https\u002F04.http-methods",{"title":3856,"path":3857,"stem":3858},"Коди статусу HTTP та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-status-codes","18.web-development\u002F02.http-and-https\u002F05.http-status-codes",{"title":3860,"path":3861,"stem":3862},"HTTP-заголовки та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-headers","18.web-development\u002F02.http-and-https\u002F06.http-headers",{"title":3864,"path":3865,"stem":3866},"CORS та механізми безпеки HTTP","\u002Fweb-development\u002Fhttp-and-https\u002Fcors-and-security","18.web-development\u002F02.http-and-https\u002F07.cors-and-security",{"title":3868,"path":3869,"stem":3870},"HTTPS та криптографічні основи TLS","\u002Fweb-development\u002Fhttp-and-https\u002Fhttps-and-tls","18.web-development\u002F02.http-and-https\u002F08.https-and-tls",{"title":3872,"icon":2394,"path":3873,"stem":3874,"children":3875,"page":59},"Система типів мови TypeScript","\u002Fweb-development\u002Ftypescript-type-system","18.web-development\u002F03.typescript-type-system",[3876,3880,3884,3888,3892,3896],{"title":3877,"path":3878,"stem":3879},"Знайомство з TypeScript Compiler","\u002Fweb-development\u002Ftypescript-type-system\u002Fintroduction-compiler-config","18.web-development\u002F03.typescript-type-system\u002F01.introduction-compiler-config",{"title":3881,"path":3882,"stem":3883},"Примітивні типи даних: string, number, boolean","\u002Fweb-development\u002Ftypescript-type-system\u002Fprimitive-special-types","18.web-development\u002F03.typescript-type-system\u002F02.primitive-special-types",{"title":3885,"path":3886,"stem":3887},"Масиви, кортежі та об","\u002Fweb-development\u002Ftypescript-type-system\u002Farrays-tuples-objects","18.web-development\u002F03.typescript-type-system\u002F03.arrays-tuples-objects",{"title":3889,"path":3890,"stem":3891},"Union типи, Intersection типи та літеральні типи","\u002Fweb-development\u002Ftypescript-type-system\u002Funion-intersection-literals","18.web-development\u002F03.typescript-type-system\u002F04.union-intersection-literals",{"title":3893,"path":3894,"stem":3895},"Type Narrowing (звуження типів)","\u002Fweb-development\u002Ftypescript-type-system\u002Ftype-narrowing","18.web-development\u002F03.typescript-type-system\u002F05.type-narrowing",{"title":3897,"path":3898,"stem":3899},"Типізація функцій","\u002Fweb-development\u002Ftypescript-type-system\u002Ffunctions-typing","18.web-development\u002F03.typescript-type-system\u002F06.functions-typing",{"title":3901,"icon":2394,"path":3902,"stem":3903,"children":3904,"page":59},"Розширені засоби мови TypeScript","\u002Fweb-development\u002Ftypescript-advanced","18.web-development\u002F04.typescript-advanced",[3905,3909,3913,3917,3921,3925],{"title":3906,"path":3907,"stem":3908},"Interfaces та Classes","\u002Fweb-development\u002Ftypescript-advanced\u002Finterfaces-classes","18.web-development\u002F04.typescript-advanced\u002F01.interfaces-classes",{"title":3910,"path":3911,"stem":3912},"Основи Generic типів","\u002Fweb-development\u002Ftypescript-advanced\u002Fgenerics-fundamentals","18.web-development\u002F04.typescript-advanced\u002F02.generics-fundamentals",{"title":3914,"path":3915,"stem":3916},"Enums та Decorators","\u002Fweb-development\u002Ftypescript-advanced\u002Fenums-decorators","18.web-development\u002F04.typescript-advanced\u002F03.enums-decorators",{"title":3918,"path":3919,"stem":3920},"Utility Types","\u002Fweb-development\u002Ftypescript-advanced\u002Futility-types","18.web-development\u002F04.typescript-advanced\u002F04.utility-types",{"title":3922,"path":3923,"stem":3924},"Mapped та Conditional Types","\u002Fweb-development\u002Ftypescript-advanced\u002Fmapped-conditional-types","18.web-development\u002F04.typescript-advanced\u002F05.mapped-conditional-types",{"title":3926,"path":3927,"stem":3928},"Модулі та Strict Mode","\u002Fweb-development\u002Ftypescript-advanced\u002Fmodules-strict-mode","18.web-development\u002F04.typescript-advanced\u002F06.modules-strict-mode",{"title":3930,"icon":3931,"path":3932,"stem":3933,"children":3934,"page":59},"Платформа Node.js як середовище виконання","i-devicon-nodejs","\u002Fweb-development\u002Fnodejs-platform","18.web-development\u002F05.nodejs-platform",[3935,3939,3943,3947,3951,3955,3959,3963,3967,3971,3975,3978,3982],{"title":3936,"path":3937,"stem":3938},"Що таке Node.js та його архітектура","\u002Fweb-development\u002Fnodejs-platform\u002Fwhat-is-nodejs","18.web-development\u002F05.nodejs-platform\u002F01.what-is-nodejs",{"title":3940,"path":3941,"stem":3942},"Event Loop — серце Node.js","\u002Fweb-development\u002Fnodejs-platform\u002Fevent-loop","18.web-development\u002F05.nodejs-platform\u002F02.event-loop",{"title":3944,"path":3945,"stem":3946},"Модульні системи: CommonJS vs ES Modules","\u002Fweb-development\u002Fnodejs-platform\u002Fmodule-systems","18.web-development\u002F05.nodejs-platform\u002F03.module-systems",{"title":3948,"path":3949,"stem":3950},"npm та package.json","\u002Fweb-development\u002Fnodejs-platform\u002Fnpm-package-json","18.web-development\u002F05.nodejs-platform\u002F04.npm-package-json",{"title":3952,"path":3953,"stem":3954},"Глобальні об\\","\u002Fweb-development\u002Fnodejs-platform\u002Fglobal-objects","18.web-development\u002F05.nodejs-platform\u002F05.global-objects",{"title":3956,"path":3957,"stem":3958},"Вбудований модуль fs (File System)","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-fs","18.web-development\u002F05.nodejs-platform\u002F06.built-in-modules-fs",{"title":3960,"path":3961,"stem":3962},"Вбудований модуль path","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-path","18.web-development\u002F05.nodejs-platform\u002F07.built-in-modules-path",{"title":3964,"path":3965,"stem":3966},"Вбудований модуль http","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-http","18.web-development\u002F05.nodejs-platform\u002F08.built-in-modules-http",{"title":3968,"path":3969,"stem":3970},"Streams — потоки даних у Node.js","\u002Fweb-development\u002Fnodejs-platform\u002Fstreams","18.web-development\u002F05.nodejs-platform\u002F09.streams",{"title":3972,"path":3973,"stem":3974},"Вбудований модуль util (Utilities)","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-util","18.web-development\u002F05.nodejs-platform\u002F10.built-in-modules-util",{"title":3037,"path":3976,"stem":3977},"\u002Fweb-development\u002Fnodejs-platform\u002Fenvironment-variables","18.web-development\u002F05.nodejs-platform\u002F11.environment-variables",{"title":3979,"path":3980,"stem":3981},"Інструменти налагодження та розробки","\u002Fweb-development\u002Fnodejs-platform\u002Fdebugging-tools","18.web-development\u002F05.nodejs-platform\u002F12.debugging-tools",{"title":3983,"path":3984,"stem":3985},"Продуктивність та Best Practices","\u002Fweb-development\u002Fnodejs-platform\u002Fperformance-best-practices","18.web-development\u002F05.nodejs-platform\u002F13.performance-best-practices",{"title":3987,"icon":3988,"path":3989,"stem":3990,"children":3991,"page":59},"Асинхронне програмування у Node.js","i-lucide-clock","\u002Fweb-development\u002Fasync-programming-nodejs","18.web-development\u002F06.async-programming-nodejs",[3992,3996,4000,4004,4008,4012,4016,4020,4024,4028,4032],{"title":3993,"path":3994,"stem":3995},"Синхронний vs асинхронний код","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fsync-vs-async","18.web-development\u002F06.async-programming-nodejs\u002F01.sync-vs-async",{"title":3997,"path":3998,"stem":3999},"Callbacks — перша парадигма асинхронності","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fcallbacks","18.web-development\u002F06.async-programming-nodejs\u002F02.callbacks",{"title":4001,"path":4002,"stem":4003},"Promises — стандарт асинхронності","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fpromises","18.web-development\u002F06.async-programming-nodejs\u002F03.promises",{"title":4005,"path":4006,"stem":4007},"Promise комбінатори","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fpromise-combinators","18.web-development\u002F06.async-programming-nodejs\u002F04.promise-combinators",{"title":4009,"path":4010,"stem":4011},"Async\u002FAwait — синтаксичний цукор над Promises","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fasync-await","18.web-development\u002F06.async-programming-nodejs\u002F05.async-await",{"title":4013,"path":4014,"stem":4015},"Паралельне vs послідовне виконання","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fparallel-vs-sequential","18.web-development\u002F06.async-programming-nodejs\u002F06.parallel-vs-sequential",{"title":4017,"path":4018,"stem":4019},"EventEmitter — подієва модель Node.js","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fevent-emitter","18.web-development\u002F06.async-programming-nodejs\u002F07.event-emitter",{"title":4021,"path":4022,"stem":4023},"Worker Threads — багатопотоковість у Node.js","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fworker-threads","18.web-development\u002F06.async-programming-nodejs\u002F08.worker-threads",{"title":4025,"path":4026,"stem":4027},"Child Processes — запуск зовнішніх процесів","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fchild-processes","18.web-development\u002F06.async-programming-nodejs\u002F09.child-processes",{"title":4029,"path":4030,"stem":4031},"Обробка помилок у асинхронному коді","\u002Fweb-development\u002Fasync-programming-nodejs\u002Ferror-handling","18.web-development\u002F06.async-programming-nodejs\u002F10.error-handling",{"title":4033,"path":4034,"stem":4035},"Порівняння Node.js фреймворків","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fnodejs-frameworks","18.web-development\u002F06.async-programming-nodejs\u002F11.nodejs-frameworks",{"title":4037,"icon":4038,"path":4039,"stem":4040,"children":4041,"page":59},"Тема 7. Фреймворк NestJS. Контролери та маршрутизація","i-lucide-route","\u002Fweb-development\u002Fnestjs-controllers-routing","18.web-development\u002F07.nestjs-controllers-routing",[4042,4046,4050,4054,4058,4062,4066,4070,4074,4078,4082,4086,4090,4094,4098,4102,4106,4110,4114,4118,4122,4126],{"title":4043,"path":4044,"stem":4045},"Філософія та архітектура NestJS","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-philosophy","18.web-development\u002F07.nestjs-controllers-routing\u002F01.nestjs-philosophy",{"title":4047,"path":4048,"stem":4049},"Три стовпи архітектури: модулі, контролери, провайдери","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fthree-pillars","18.web-development\u002F07.nestjs-controllers-routing\u002F02.three-pillars",{"title":4051,"path":4052,"stem":4053},"Інверсія керування (IoC) та ін","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fioc-and-di","18.web-development\u002F07.nestjs-controllers-routing\u002F03.ioc-and-di",{"title":4055,"path":4056,"stem":4057},"Встановлення NestJS CLI та створення проєкту","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-cli-setup","18.web-development\u002F07.nestjs-controllers-routing\u002F04.nestjs-cli-setup",{"title":4059,"path":4060,"stem":4061},"Структура проєкту NestJS та конвенції","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fproject-structure","18.web-development\u002F07.nestjs-controllers-routing\u002F05.project-structure",{"title":4063,"path":4064,"stem":4065},"Контролери: основи маршрутизації","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcontrollers-basics","18.web-development\u002F07.nestjs-controllers-routing\u002F06.controllers-basics",{"title":4067,"path":4068,"stem":4069},"Декоратори маршрутизації HTTP-методів","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Froute-decorators","18.web-development\u002F07.nestjs-controllers-routing\u002F07.route-decorators",{"title":4071,"path":4072,"stem":4073},"Параметри маршруту та декоратор @Param","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Froute-parameters","18.web-development\u002F07.nestjs-controllers-routing\u002F08.route-parameters",{"title":4075,"path":4076,"stem":4077},"Query-параметри та декоратор @Query","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fquery-parameters","18.web-development\u002F07.nestjs-controllers-routing\u002F09.query-parameters",{"title":4079,"path":4080,"stem":4081},"Тіло запиту та декоратор @Body","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Frequest-body","18.web-development\u002F07.nestjs-controllers-routing\u002F10.request-body",{"title":4083,"path":4084,"stem":4085},"Робота з заголовками запиту та відповіді","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fheaders-decorators","18.web-development\u002F07.nestjs-controllers-routing\u002F11.headers-decorators",{"title":4087,"path":4088,"stem":4089},"Data Transfer Objects (DTO): визначення та призначення","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fdto-introduction","18.web-development\u002F07.nestjs-controllers-routing\u002F12.dto-introduction",{"title":4091,"path":4092,"stem":4093},"Об'єкти Request та Response","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Frequest-response-objects","18.web-development\u002F07.nestjs-controllers-routing\u002F13.request-response-objects",{"title":4095,"path":4096,"stem":4097},"HTTP-статус коди та декоратор @HttpCode","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fhttp-status-codes","18.web-development\u002F07.nestjs-controllers-routing\u002F14.http-status-codes",{"title":4099,"path":4100,"stem":4101},"Перенаправлення (Redirects) та декоратор @Redirect","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fredirects","18.web-development\u002F07.nestjs-controllers-routing\u002F15.redirects",{"title":4103,"path":4104,"stem":4105},"Асинхронні обробники та Observables","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fasync-handlers","18.web-development\u002F07.nestjs-controllers-routing\u002F16.async-handlers",{"title":4107,"path":4108,"stem":4109},"Маршрутизація за піддоменами та версіонування API","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fsub-domain-routing","18.web-development\u002F07.nestjs-controllers-routing\u002F17.sub-domain-routing",{"title":4111,"path":4112,"stem":4113},"Області видимості контролерів (Scopes)","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcontroller-scopes","18.web-development\u002F07.nestjs-controllers-routing\u002F18.controller-scopes",{"title":4115,"path":4116,"stem":4117},"Основні команди NestJS CLI","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-cli-commands","18.web-development\u002F07.nestjs-controllers-routing\u002F19.nestjs-cli-commands",{"title":4119,"path":4120,"stem":4121},"Практичний приклад: створення CRUD-контролера","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcrud-example","18.web-development\u002F07.nestjs-controllers-routing\u002F20.crud-example",{"title":4123,"path":4124,"stem":4125},"Тестування контролерів","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Ftesting-controllers","18.web-development\u002F07.nestjs-controllers-routing\u002F21.testing-controllers",{"title":4127,"path":4128,"stem":4129},"Best Practices для контролерів та маршрутизації","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fbest-practices","18.web-development\u002F07.nestjs-controllers-routing\u002F22.best-practices",{"title":4131,"icon":4132,"path":4133,"stem":4134,"children":4135,"page":59},"Тема 8. Провайдери, сервіси та модульна система NestJS","i-lucide-package","\u002Fweb-development\u002Fnestjs-providers-modules","18.web-development\u002F08.nestjs-providers-modules",[4136,4140,4144,4148,4152,4156,4160,4164,4168,4172,4176,4180,4184,4188,4192],{"title":4137,"path":4138,"stem":4139},"Концепція провайдерів у NestJS","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fproviders-concept","18.web-development\u002F08.nestjs-providers-modules\u002F01.providers-concept",{"title":4141,"path":4142,"stem":4143},"Сервіси: інкапсуляція бізнес-логіки","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fservices-business-logic","18.web-development\u002F08.nestjs-providers-modules\u002F02.services-business-logic",{"title":4145,"path":4146,"stem":4147},"Практика ін","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fdependency-injection-practice","18.web-development\u002F08.nestjs-providers-modules\u002F03.dependency-injection-practice",{"title":4149,"path":4150,"stem":4151},"Custom Providers: useValue, useClass, useFactory, useExisting","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fcustom-providers","18.web-development\u002F08.nestjs-providers-modules\u002F04.custom-providers",{"title":4153,"path":4154,"stem":4155},"Injection Tokens: рядкові та символьні токени","\u002Fweb-development\u002Fnestjs-providers-modules\u002Finjection-tokens","18.web-development\u002F08.nestjs-providers-modules\u002F05.injection-tokens",{"title":4157,"path":4158,"stem":4159},"Опціональні провайдери та декоратор @Optional","\u002Fweb-development\u002Fnestjs-providers-modules\u002Foptional-providers","18.web-development\u002F08.nestjs-providers-modules\u002F07.optional-providers",{"title":4161,"path":4162,"stem":4163},"Структура модулів: imports, controllers, providers, exports","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fmodules-structure","18.web-development\u002F08.nestjs-providers-modules\u002F08.modules-structure",{"title":4165,"path":4166,"stem":4167},"Feature Modules: ізоляція функціональності","\u002Fweb-development\u002Fnestjs-providers-modules\u002Ffeature-modules","18.web-development\u002F08.nestjs-providers-modules\u002F09.feature-modules",{"title":4169,"path":4170,"stem":4171},"Shared Modules: перевикористання провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fshared-modules","18.web-development\u002F08.nestjs-providers-modules\u002F10.shared-modules",{"title":4173,"path":4174,"stem":4175},"Global Modules та декоратор @Global","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fglobal-modules","18.web-development\u002F08.nestjs-providers-modules\u002F11.global-modules",{"title":4177,"path":4178,"stem":4179},"Dynamic Modules: конфігурація під час виконання","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fdynamic-modules","18.web-development\u002F08.nestjs-providers-modules\u002F12.dynamic-modules",{"title":4181,"path":4182,"stem":4183},"Циклічні залежності та forwardRef","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fcircular-dependencies","18.web-development\u002F08.nestjs-providers-modules\u002F13.circular-dependencies",{"title":4185,"path":4186,"stem":4187},"Lifecycle Hooks: хуки життєвого циклу","\u002Fweb-development\u002Fnestjs-providers-modules\u002Flifecycle-hooks","18.web-development\u002F08.nestjs-providers-modules\u002F14.lifecycle-hooks",{"title":4189,"path":4190,"stem":4191},"ModuleRef: динамічний доступ до провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fmodule-reference","18.web-development\u002F08.nestjs-providers-modules\u002F15.module-reference",{"title":4193,"path":4194,"stem":4195},"Тестування сервісів та провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Ftesting-services","18.web-development\u002F08.nestjs-providers-modules\u002F16.testing-services",{"title":4197,"icon":4198,"path":4199,"stem":4200,"children":4201,"page":59},"Тема 9. Валідація даних та конвеєр обробки запитів у NestJS","i-lucide-filter","\u002Fweb-development\u002Fnestjs-validation-pipeline","18.web-development\u002F09.nestjs-validation-pipeline",[4202,4206,4210,4214,4218,4222,4226,4230,4234,4238,4242,4246,4250,4254,4258,4262,4266,4270,4274],{"title":4203,"path":4204,"stem":4205},"Request Pipeline: конвеєр обробки запитів","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Frequest-pipeline","18.web-development\u002F09.nestjs-validation-pipeline\u002F01.request-pipeline",{"title":4207,"path":4208,"stem":4209},"Pipes: концепція трансформації та валідації","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fpipes-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F02.pipes-concept",{"title":4211,"path":4212,"stem":4213},"Вбудовані pipes: ParseIntPipe, ParseBoolPipe, ParseUUIDPipe","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fbuilt-in-pipes","18.web-development\u002F09.nestjs-validation-pipeline\u002F03.built-in-pipes",{"title":4215,"path":4216,"stem":4217},"ValidationPipe: автоматична валідація DTO","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fvalidation-pipe","18.web-development\u002F09.nestjs-validation-pipeline\u002F04.validation-pipe",{"title":4219,"path":4220,"stem":4221},"Декоратори class-validator для DTO","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fclass-validator-decorators","18.web-development\u002F09.nestjs-validation-pipeline\u002F05.class-validator-decorators",{"title":4223,"path":4224,"stem":4225},"Створення кастомних валідаторів","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-validators","18.web-development\u002F09.nestjs-validation-pipeline\u002F06.custom-validators",{"title":4227,"path":4228,"stem":4229},"Створення власних Pipes","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-pipes","18.web-development\u002F09.nestjs-validation-pipeline\u002F07.custom-pipes",{"title":4231,"path":4232,"stem":4233},"Основи Middleware","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fmiddleware-basics","18.web-development\u002F09.nestjs-validation-pipeline\u002F08.middleware-basics",{"title":4235,"path":4236,"stem":4237},"Практичні приклади Middleware","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fmiddleware-examples","18.web-development\u002F09.nestjs-validation-pipeline\u002F09.middleware-examples",{"title":4239,"path":4240,"stem":4241},"Guards: захисні перехоплювачі доступу","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fguards-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F10.guards-concept",{"title":4243,"path":4244,"stem":4245},"Створення кастомних Guards","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-guards","18.web-development\u002F09.nestjs-validation-pipeline\u002F11.custom-guards",{"title":4247,"path":4248,"stem":4249},"Interceptors: перехоплення та трансформація відповідей","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Finterceptors-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F12.interceptors-concept",{"title":4251,"path":4252,"stem":4253},"Практичні приклади Interceptors","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Finterceptor-examples","18.web-development\u002F09.nestjs-validation-pipeline\u002F13.interceptor-examples",{"title":4255,"path":4256,"stem":4257},"Exception Filters: обробка виключень","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fexception-filters","18.web-development\u002F09.nestjs-validation-pipeline\u002F14.exception-filters",{"title":4259,"path":4260,"stem":4261},"Custom Exception Filters: спеціалізовані фільтри","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-exception-filters","18.web-development\u002F09.nestjs-validation-pipeline\u002F15.custom-exception-filters",{"title":4263,"path":4264,"stem":4265},"Execution Context: контекст виконання","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fexecution-context","18.web-development\u002F09.nestjs-validation-pipeline\u002F16.execution-context",{"title":4267,"path":4268,"stem":4269},"Custom Decorators: власні декоратори","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-decorators","18.web-development\u002F09.nestjs-validation-pipeline\u002F17.custom-decorators",{"title":4271,"path":4272,"stem":4273},"Global Components: глобальні компоненти","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fglobal-components","18.web-development\u002F09.nestjs-validation-pipeline\u002F18.global-components",{"title":4275,"path":4276,"stem":4277},"Pipeline Best Practices: найкращі практики","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fpipeline-best-practices","18.web-development\u002F09.nestjs-validation-pipeline\u002F19.pipeline-best-practices",{"title":4279,"icon":2761,"path":4280,"stem":4281,"children":4282,"page":59},"Інтеграція реляційних баз даних засобами TypeORM","\u002Fweb-development\u002Ftypeorm-integration","18.web-development\u002F10.typeorm-integration",[4283,4287,4291,4295,4299,4303,4307],{"title":4284,"path":4285,"stem":4286},"Робота з базами даних у Node.js через нативні драйвери","\u002Fweb-development\u002Ftypeorm-integration\u002F01-nodejs-database-drivers","18.web-development\u002F10.typeorm-integration\u002F01-nodejs-database-drivers",{"title":4288,"path":4289,"stem":4290},"ORM та знайомство з TypeORM","\u002Fweb-development\u002Ftypeorm-integration\u002F02-orm-and-typeorm-intro","18.web-development\u002F10.typeorm-integration\u002F02-orm-and-typeorm-intro",{"title":4292,"path":4293,"stem":4294},"Налаштування TypeORM у NestJS проєкті","\u002Fweb-development\u002Ftypeorm-integration\u002F03-typeorm-setup-nestjs","18.web-development\u002F10.typeorm-integration\u002F03-typeorm-setup-nestjs",{"title":4296,"path":4297,"stem":4298},"Entity класи та декоратори TypeORM","\u002Fweb-development\u002Ftypeorm-integration\u002F04-entities-and-decorators","18.web-development\u002F10.typeorm-integration\u002F04-entities-and-decorators",{"title":4300,"path":4301,"stem":4302},"Repository Pattern та CRUD операції","\u002Fweb-development\u002Ftypeorm-integration\u002F05-repository-pattern-crud","18.web-development\u002F10.typeorm-integration\u002F05-repository-pattern-crud",{"title":4304,"path":4305,"stem":4306},"Пагінація та фільтрація даних","\u002Fweb-development\u002Ftypeorm-integration\u002F06-pagination-filtering","18.web-development\u002F10.typeorm-integration\u002F06-pagination-filtering",{"title":4308,"path":4309,"stem":4310},"QueryBuilder для складних запитів","\u002Fweb-development\u002Ftypeorm-integration\u002F07-query-builder","18.web-development\u002F10.typeorm-integration\u002F07-query-builder",{"title":4312,"icon":4313,"path":4314,"stem":4315,"children":4316,"page":59},"Зв'язки між сутностями, міграції та оптимізація запитів","i-lucide-git-branch","\u002Fweb-development\u002Fentity-relations-migrations","18.web-development\u002F11.entity-relations-migrations",[4317,4321,4325,4329,4333],{"title":4318,"path":4319,"stem":4320},"Зв'язки One-to-Many та Many-to-One","\u002Fweb-development\u002Fentity-relations-migrations\u002F01-one-to-many-many-to-one","18.web-development\u002F11.entity-relations-migrations\u002F01-one-to-many-many-to-one",{"title":4322,"path":4323,"stem":4324},"Зв'язки One-to-One та Many-to-Many","\u002Fweb-development\u002Fentity-relations-migrations\u002F02-one-to-one-many-to-many","18.web-development\u002F11.entity-relations-migrations\u002F02-one-to-one-many-to-many",{"title":4326,"path":4327,"stem":4328},"Керування міграціями бази даних","\u002Fweb-development\u002Fentity-relations-migrations\u002F03-migrations-management","18.web-development\u002F11.entity-relations-migrations\u002F03-migrations-management",{"title":4330,"path":4331,"stem":4332},"Транзакції у TypeORM","\u002Fweb-development\u002Fentity-relations-migrations\u002F04-transactions","18.web-development\u002F11.entity-relations-migrations\u002F04-transactions",{"title":4334,"path":4335,"stem":4336,"children":4337},"Індекси та оптимізація запитів","\u002Fweb-development\u002Fentity-relations-migrations\u002F05-indexes-optimization","18.web-development\u002F11.entity-relations-migrations\u002F05-indexes-optimization",[4338],{"title":4334,"path":4335,"stem":4336},{"title":4340,"icon":4341,"path":4342,"stem":4343,"children":4344,"page":59},"Механізми автентифікації у вебзастосунках","i-lucide-key","\u002Fweb-development\u002Fauthentication","18.web-development\u002F12.authentication",[4345,4349,4353,4357,4361,4365,4369,4373,4377],{"title":4346,"path":4347,"stem":4348},"Автентифікація vs Авторизація","\u002Fweb-development\u002Fauthentication\u002F01-authentication-vs-authorization","18.web-development\u002F12.authentication\u002F01-authentication-vs-authorization",{"title":4350,"path":4351,"stem":4352},"Стратегії автентифікації","\u002Fweb-development\u002Fauthentication\u002F02-authentication-strategies","18.web-development\u002F12.authentication\u002F02-authentication-strategies",{"title":4354,"path":4355,"stem":4356},"Автентифікація на основі сесій","\u002Fweb-development\u002Fauthentication\u002F03-session-based-authentication","18.web-development\u002F12.authentication\u002F03-session-based-authentication",{"title":4358,"path":4359,"stem":4360},"Структура JSON Web Token (JWT)","\u002Fweb-development\u002Fauthentication\u002F04-jwt-structure","18.web-development\u002F12.authentication\u002F04-jwt-structure",{"title":4362,"path":4363,"stem":4364},"Інтеграція JWT у NestJS","\u002Fweb-development\u002Fauthentication\u002F05-nestjs-jwt-integration","18.web-development\u002F12.authentication\u002F05-nestjs-jwt-integration",{"title":4366,"path":4367,"stem":4368},"Passport.js стратегії у NestJS","\u002Fweb-development\u002Fauthentication\u002F06-passport-strategies","18.web-development\u002F12.authentication\u002F06-passport-strategies",{"title":4370,"path":4371,"stem":4372},"Безпечне зберігання паролів: хешування та криптографічний захист","\u002Fweb-development\u002Fauthentication\u002F07-password-hashing","18.web-development\u002F12.authentication\u002F07-password-hashing",{"title":4374,"path":4375,"stem":4376},"Refresh Token та безпечне оновлення доступу","\u002Fweb-development\u002Fauthentication\u002F08-refresh-tokens","18.web-development\u002F12.authentication\u002F08-refresh-tokens",{"title":4378,"path":4379,"stem":4380},"OAuth 2.0 та OpenID Connect: делегована автентифікація","\u002Fweb-development\u002Fauthentication\u002F09-oauth2-openid","18.web-development\u002F12.authentication\u002F09-oauth2-openid",{"title":4382,"icon":4383,"path":4384,"stem":4385,"children":4386,"page":59},"Авторизація та безпека серверних застосунків","i-lucide-shield","\u002Fweb-development\u002Fauthorization-security","18.web-development\u002F13.authorization-security",[4387,4391,4395,4399,4403,4407,4411,4415,4419,4423],{"title":4388,"path":4389,"stem":4390},"Моделі авторизації","\u002Fweb-development\u002Fauthorization-security\u002F01-authorization-models","18.web-development\u002F13.authorization-security\u002F01-authorization-models",{"title":4392,"path":4393,"stem":4394},"Реалізація RBAC у NestJS","\u002Fweb-development\u002Fauthorization-security\u002F02-rbac-implementation","18.web-development\u002F13.authorization-security\u002F02-rbac-implementation",{"title":4396,"path":4397,"stem":4398},"Permission-Based Access Control","\u002Fweb-development\u002Fauthorization-security\u002F03-permission-based-access","18.web-development\u002F13.authorization-security\u002F03-permission-based-access",{"title":4400,"path":4401,"stem":4402},"ABAC та бібліотека CASL","\u002Fweb-development\u002Fauthorization-security\u002F04-abac-casl","18.web-development\u002F13.authorization-security\u002F04-abac-casl",{"title":4404,"path":4405,"stem":4406},"Кастомні декоратори та метадані","\u002Fweb-development\u002Fauthorization-security\u002F05-custom-decorators-metadata","18.web-development\u002F13.authorization-security\u002F05-custom-decorators-metadata",{"title":4408,"path":4409,"stem":4410},"Конфігурація CORS","\u002Fweb-development\u002Fauthorization-security\u002F06-cors-configuration","18.web-development\u002F13.authorization-security\u002F06-cors-configuration",{"title":4412,"path":4413,"stem":4414},"Захист через HTTP Security Headers (Helmet)","\u002Fweb-development\u002Fauthorization-security\u002F07-helmet-security-headers","18.web-development\u002F13.authorization-security\u002F07-helmet-security-headers",{"title":4416,"path":4417,"stem":4418},"Rate Limiting та Throttling","\u002Fweb-development\u002Fauthorization-security\u002F08-rate-limiting-throttling","18.web-development\u002F13.authorization-security\u002F08-rate-limiting-throttling",{"title":4420,"path":4421,"stem":4422},"Захист від поширених атак","\u002Fweb-development\u002Fauthorization-security\u002F09-common-attacks-protection","18.web-development\u002F13.authorization-security\u002F09-common-attacks-protection",{"title":4424,"path":4425,"stem":4426},"HTTPS у продакшені","\u002Fweb-development\u002Fauthorization-security\u002F10-https-production","18.web-development\u002F13.authorization-security\u002F10-https-production",{"title":4428,"icon":871,"path":4429,"stem":4430,"children":4431,"page":59},"Комунікація у реальному часі, нотифікації та фонові задачі","\u002Fweb-development\u002Frealtime-notifications-jobs","18.web-development\u002F14.realtime-notifications-jobs",[4432,4436,4440,4444,4448,4452,4455,4458,4462,4466],{"title":4433,"path":4434,"stem":4435},"Методи комунікації у реальному часі","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F01-realtime-communication-methods","18.web-development\u002F14.realtime-notifications-jobs\u002F01-realtime-communication-methods",{"title":4437,"path":4438,"stem":4439},"WebSocket Gateway у NestJS","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F02-websocket-gateway","18.web-development\u002F14.realtime-notifications-jobs\u002F02-websocket-gateway",{"title":4441,"path":4442,"stem":4443},"Lifecycle та Rooms у WebSocket","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F03-websocket-lifecycle-rooms","18.web-development\u002F14.realtime-notifications-jobs\u002F03-websocket-lifecycle-rooms",{"title":4445,"path":4446,"stem":4447},"Server-Sent Events (SSE)","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F04-server-sent-events","18.web-development\u002F14.realtime-notifications-jobs\u002F04-server-sent-events",{"title":4449,"path":4450,"stem":4451},"Архітектура системи нотифікацій","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F05-notification-system","18.web-development\u002F14.realtime-notifications-jobs\u002F05-notification-system",{"title":904,"path":4453,"stem":4454},"\u002Fweb-development\u002Frealtime-notifications-jobs\u002F06-email-notifications","18.web-development\u002F14.realtime-notifications-jobs\u002F06-email-notifications",{"title":900,"path":4456,"stem":4457},"\u002Fweb-development\u002Frealtime-notifications-jobs\u002F07-web-push-notifications","18.web-development\u002F14.realtime-notifications-jobs\u002F07-web-push-notifications",{"title":4459,"path":4460,"stem":4461},"Фонові задачі та черги","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F08-background-jobs-queues","18.web-development\u002F14.realtime-notifications-jobs\u002F08-background-jobs-queues",{"title":4463,"path":4464,"stem":4465},"Планувальники та Cron jobs","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F09-schedulers-cron","18.web-development\u002F14.realtime-notifications-jobs\u002F09-schedulers-cron",{"title":4467,"path":4468,"stem":4469},"Практичні сценарії застосування","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F10-practical-scenarios","18.web-development\u002F14.realtime-notifications-jobs\u002F10-practical-scenarios",{"title":4471,"icon":4472,"path":4473,"stem":4474,"children":4475,"page":59},"Тестування, документування та розгортання застосунків","i-lucide-rocket","\u002Fweb-development\u002Ftesting-documentation-deployment","18.web-development\u002F15.testing-documentation-deployment",[4476,4480,4484,4488,4492,4496,4500,4504,4508,4512],{"title":4477,"path":4478,"stem":4479},"Піраміда тестування та стратегія","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F01-testing-pyramid-strategy","18.web-development\u002F15.testing-documentation-deployment\u002F01-testing-pyramid-strategy",{"title":4481,"path":4482,"stem":4483},"Основи Jest у NestJS","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F02-jest-nestjs-basics","18.web-development\u002F15.testing-documentation-deployment\u002F02-jest-nestjs-basics",{"title":4485,"path":4486,"stem":4487},"Unit-тестування сервісів","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F03-unit-testing-services","18.web-development\u002F15.testing-documentation-deployment\u002F03-unit-testing-services",{"title":4489,"path":4490,"stem":4491},"E2E тестування та покриття коду","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F04-e2e-testing-coverage","18.web-development\u002F15.testing-documentation-deployment\u002F04-e2e-testing-coverage",{"title":4493,"path":4494,"stem":4495},"Swagger, OpenAPI, Scalar та Arazzo","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F05-swagger-openapi","18.web-development\u002F15.testing-documentation-deployment\u002F05-swagger-openapi",{"title":4497,"path":4498,"stem":4499},"Керування конфігурацією","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F06-configuration-management","18.web-development\u002F15.testing-documentation-deployment\u002F06-configuration-management",{"title":4501,"path":4502,"stem":4503},"Docker та контейнеризація","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F07-docker-containerization","18.web-development\u002F15.testing-documentation-deployment\u002F07-docker-containerization",{"title":4505,"path":4506,"stem":4507},"CI\u002FCD Pipelines","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F08-cicd-pipelines","18.web-development\u002F15.testing-documentation-deployment\u002F08-cicd-pipelines",{"title":4509,"path":4510,"stem":4511},"Логування та моніторинг","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F09-logging-monitoring","18.web-development\u002F15.testing-documentation-deployment\u002F09-logging-monitoring",{"title":4513,"path":4514,"stem":4515},"Серіалізація та компресія","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F10-serialization-compression","18.web-development\u002F15.testing-documentation-deployment\u002F10-serialization-compression",{"title":4517,"path":4518,"stem":4519,"children":4520,"page":59},"Tailwind","\u002Ftailwind","21.tailwind",[4521,4525,4529,4533,4537,4541,4545,4549,4553,4557,4561,4565],{"title":4522,"path":4523,"stem":4524},"Що таке Tailwind CSS і навіщо він потрібен","\u002Ftailwind\u002Ftailwind-intro-philosophy","21.tailwind\u002F01.tailwind-intro-philosophy",{"title":4526,"path":4527,"stem":4528},"Встановлення та налаштування Tailwind CSS v4","\u002Ftailwind\u002Ftailwind-installation-setup","21.tailwind\u002F02.tailwind-installation-setup",{"title":4530,"path":4531,"stem":4532},"Utility-класи: основи та система Tailwind","\u002Ftailwind\u002Ftailwind-utility-classes-core","21.tailwind\u002F03.tailwind-utility-classes-core",{"title":4534,"path":4535,"stem":4536},"Layout: Flexbox та Grid через Tailwind","\u002Ftailwind\u002Ftailwind-flexbox-grid","21.tailwind\u002F04.tailwind-flexbox-grid",{"title":4538,"path":4539,"stem":4540},"Кастомізація теми через @theme у Tailwind v4","\u002Ftailwind\u002Ftailwind-theme-customization","21.tailwind\u002F05.tailwind-theme-customization",{"title":4542,"path":4543,"stem":4544},"Варіанти: hover, focus, responsive, dark mode та нові v4","\u002Ftailwind\u002Ftailwind-variants-states","21.tailwind\u002F06.tailwind-variants-states",{"title":4546,"path":4547,"stem":4548},"Типографіка та система кольорів у Tailwind v4","\u002Ftailwind\u002Ftailwind-typography-colors","21.tailwind\u002F07.tailwind-typography-colors",{"title":4550,"path":4551,"stem":4552},"Компоненти та повторюваність: @apply, @utility та патерни","\u002Ftailwind\u002Ftailwind-components-patterns","21.tailwind\u002F08.tailwind-components-patterns",{"title":4554,"path":4555,"stem":4556},"Темна тема та система дизайн-токенів у Tailwind v4","\u002Ftailwind\u002Ftailwind-dark-mode-theming","21.tailwind\u002F09.tailwind-dark-mode-theming",{"title":4558,"path":4559,"stem":4560},"Довільні значення та контейнерні запити у Tailwind v4","\u002Ftailwind\u002Ftailwind-arbitrary-container-queries","21.tailwind\u002F10.tailwind-arbitrary-container-queries",{"title":4562,"path":4563,"stem":4564},"Анімації, трансформації та 3D у Tailwind v4","\u002Ftailwind\u002Ftailwind-animations-transforms","21.tailwind\u002F11.tailwind-animations-transforms",{"title":4566,"path":4567,"stem":4568},"Tailwind CLI, PostCSS та інтеграція з фреймворками","\u002Ftailwind\u002Ftailwind-cli-tooling","21.tailwind\u002F12.tailwind-cli-tooling",{"title":4570,"path":4571,"stem":4572},"Тестування компонентів діаграм","\u002Ftest-components","98.test-components",{"id":4574,"title":2441,"body":4575,"description":4768,"extension":10098,"links":10099,"meta":10100,"navigation":4796,"path":2442,"seo":10101,"stem":2443,"__hash__":10102},"docs\u002F03.javascript\u002F06.async-programming\u002F02.task-queues.md",{"type":4576,"value":4577,"toc":10061},"minimark",[4578,4582,4587,4612,4619,4702,4723,4751,4755,4758,5029,5034,5041,5353,5357,5624,5628,5631,5770,5774,5777,5781,6061,6066,6459,6463,6677,6682,6723,6728,6987,6990,6992,6996,7010,7164,7169,7210,7215,7248,7379,7383,7386,7532,7536,7539,7543,7546,7931,7936,7958,8131,8135,8149,8509,8514,8531,8535,8545,8942,8947,8964,8968,8972,9097,9103,9108,9215,9219,9288,9306,9311,9435,9439,9562,9566,9711,9880,9884,9888,9894,9969,9973,9976,10000,10013,10017,10044,10058],[4579,4580,2441],"h1",{"id":4581},"task-queue-та-microtask-queue-пріоритети-виконання",[4583,4584,4586],"h2",{"id":4585},"навіщо-дві-черги-завдань","Навіщо дві черги завдань?",[4588,4589,4590,4591,4595,4596,4600,4601,4595,4604,4607,4608,4611],"p",{},"У попередній лекції ми дізналися, що Event Loop працює з двома типами завдань: ",[4592,4593,4594],"strong",{},"macrotasks"," (",[4597,4598,4599],"em",{},"макрозавдання",") та ",[4592,4602,4603],{},"microtasks",[4597,4605,4606],{},"мікрозавдання","). На перший погляд це може здатися надлишковою складністю — чому б просто не мати одну чергу завдань за принципом FIFO (",[4597,4609,4610],{},"First In, First Out",")?",[4588,4613,4614,4615,4618],{},"Відповідь криється у ",[4592,4616,4617],{},"різних вимогах до продуктивності та реактивності",". Асинхронні операції мають різні характеристики:",[4620,4621,4622,4661],"card-group",{},[4623,4624,4626,4632,4637,4650],"card",{"icon":3988,"title":4625},"⏱️ Macrotasks: важкі операції",[4588,4627,4628,4631],{},[4592,4629,4630],{},"Призначення:"," Обробка зовнішніх подій та тривалих операцій",[4588,4633,4634],{},[4592,4635,4636],{},"Характеристики:",[4638,4639,4640,4644,4647],"ul",{},[4641,4642,4643],"li",{},"Можуть тривати довго (десятки мілісекунд)",[4641,4645,4646],{},"Пов'язані з IO операціями",[4641,4648,4649],{},"Можуть викликати рендеринг UI між виконанням",[4588,4651,4652,4655,4656,4660],{},[4592,4653,4654],{},"Приклади:"," ",[4657,4658,4659],"code",{},"setTimeout",", події миші\u002Fклавіатури, мережеві запити",[4623,4662,4664,4669,4673,4688],{"icon":92,"title":4663},"⚡ Microtasks: швидкі реакції",[4588,4665,4666,4668],{},[4592,4667,4630],{}," Негайна реакція на зміни стану",[4588,4670,4671],{},[4592,4672,4636],{},[4638,4674,4675,4678,4681],{},[4641,4676,4677],{},"Мають виконуватися якнайшвидше (мікросекунди)",[4641,4679,4680],{},"Не повинні блокувати надовго",[4641,4682,4683,4684,4687],{},"Виконуються ",[4592,4685,4686],{},"всі підряд"," перед рендерингом",[4588,4689,4690,4655,4692,4695,4696,4695,4699],{},[4592,4691,4654],{},[4657,4693,4694],{},"Promise.then()",", ",[4657,4697,4698],{},"queueMicrotask()",[4657,4700,4701],{},"MutationObserver",[4588,4703,4704,4707,4708,4711,4712,4715,4716,4719,4720,4722],{},[4592,4705,4706],{},"Історична причина:"," Коли ECMAScript 2015 (ES6) представив ",[4657,4709,4710],{},"Promise",", виникла потреба у механізмі, який гарантував би ",[4592,4713,4714],{},"негайне"," виконання ",[4657,4717,4718],{},".then()"," callbacks після резолвінгу проміса. Додавати їх до звичайної черги макрозавдань (разом з ",[4657,4721,4659],{},") означало б непередбачувані затримки.",[4724,4725,4726,4731,4734],"note",{},[4588,4727,4728],{},[4592,4729,4730],{},"Аналогія з реального світа:",[4588,4732,4733],{},"Уявіть відділення банку:",[4638,4735,4736,4742],{},[4641,4737,4738,4741],{},[4592,4739,4740],{},"Macrotasks"," — звичайна черга клієнтів, яких обслуговують по одному. Між клієнтами співробітник може виконати інші справи (аналог рендерингу UI).",[4641,4743,4744,4747,4748,4750],{},[4592,4745,4746],{},"Microtasks"," — термінові повідомлення, які співробітник зобов'язаний опрацювати ",[4592,4749,4686],{}," відразу після завершення обслуговування клієнта, перш ніж взяти наступного.",[4583,4752,4754],{"id":4753},"детальна-архітектура-черг-завдань","Детальна архітектура черг завдань",[4588,4756,4757],{},"Для глибшого розуміння розгляньмо внутрішню структуру Event Loop з точки зору управління чергами.",[4759,4760,4762],"plant-uml",{"alt":4761},"Архітектура черг Event Loop",[4763,4764,4769],"pre",{"className":4765,"code":4766,"language":4767,"meta":4768,"style":4768},"language-plantuml shiki shiki-themes light-plus dark-plus dark-plus","@startuml\nskinparam style plain\nskinparam backgroundColor #FFFFFF\n\npackage \"JavaScript Runtime Environment\" {\n    \n    [Call Stack] as Stack #DBEAFE\n    \n    package \"Event Loop Core\" {\n        [Event Loop\\nДиспетчер] as Loop #FEF3C7\n    }\n    \n    package \"Macrotask Queue\" #DCFCE7 {\n        queue \"setTimeout\\ncallbacks\" as Timer\n        queue \"UI Events\\n(click, keydown)\" as Events\n        queue \"I\u002FO Operations\\n(Node.js)\" as IO\n    }\n    \n    package \"Microtask Queue\" #E0E7FF {\n        queue \"Promise\\ncallbacks\" as Promise\n        queue \"queueMicrotask\" as QM\n        queue \"MutationObserver\" as MO\n        note right of Promise\n          Вищий пріоритет!\n          Виконуються ВСІ підряд\n        end note\n    }\n    \n    [Web APIs \u002F\u003Cbr\u002F>Node C++ APIs] as API #F3E8FF\n}\n\nStack -down-> Loop : \"Стек порожній?\"\nAPI -right-> Timer\nAPI -right-> Events\nAPI --> Promise : \"Promise resolved\"\n\nLoop -up-> Stack : \"Додає callback\"\nLoop --> Promise : \"1. Перевіряє\"\nLoop --> QM : \"2. Виконує всі\"\nLoop --> MO : \"3. По черзі\"\nLoop --> Timer : \"4. Потім бере ОДНЕ\"\nLoop --> Events : \"5. Макрозавдання\"\n\n@enduml\n","plantuml","",[4657,4770,4771,4779,4785,4791,4798,4804,4810,4816,4821,4827,4833,4839,4844,4850,4856,4862,4868,4873,4878,4884,4890,4896,4902,4908,4914,4920,4926,4931,4936,4942,4948,4953,4959,4965,4971,4977,4982,4988,4994,5000,5006,5012,5018,5023],{"__ignoreMap":4768},[4772,4773,4776],"span",{"class":4774,"line":4775},"line",1,[4772,4777,4778],{},"@startuml\n",[4772,4780,4782],{"class":4774,"line":4781},2,[4772,4783,4784],{},"skinparam style plain\n",[4772,4786,4788],{"class":4774,"line":4787},3,[4772,4789,4790],{},"skinparam backgroundColor #FFFFFF\n",[4772,4792,4794],{"class":4774,"line":4793},4,[4772,4795,4797],{"emptyLinePlaceholder":4796},true,"\n",[4772,4799,4801],{"class":4774,"line":4800},5,[4772,4802,4803],{},"package \"JavaScript Runtime Environment\" {\n",[4772,4805,4807],{"class":4774,"line":4806},6,[4772,4808,4809],{},"    \n",[4772,4811,4813],{"class":4774,"line":4812},7,[4772,4814,4815],{},"    [Call Stack] as Stack #DBEAFE\n",[4772,4817,4819],{"class":4774,"line":4818},8,[4772,4820,4809],{},[4772,4822,4824],{"class":4774,"line":4823},9,[4772,4825,4826],{},"    package \"Event Loop Core\" {\n",[4772,4828,4830],{"class":4774,"line":4829},10,[4772,4831,4832],{},"        [Event Loop\\nДиспетчер] as Loop #FEF3C7\n",[4772,4834,4836],{"class":4774,"line":4835},11,[4772,4837,4838],{},"    }\n",[4772,4840,4842],{"class":4774,"line":4841},12,[4772,4843,4809],{},[4772,4845,4847],{"class":4774,"line":4846},13,[4772,4848,4849],{},"    package \"Macrotask Queue\" #DCFCE7 {\n",[4772,4851,4853],{"class":4774,"line":4852},14,[4772,4854,4855],{},"        queue \"setTimeout\\ncallbacks\" as Timer\n",[4772,4857,4859],{"class":4774,"line":4858},15,[4772,4860,4861],{},"        queue \"UI Events\\n(click, keydown)\" as Events\n",[4772,4863,4865],{"class":4774,"line":4864},16,[4772,4866,4867],{},"        queue \"I\u002FO Operations\\n(Node.js)\" as IO\n",[4772,4869,4871],{"class":4774,"line":4870},17,[4772,4872,4838],{},[4772,4874,4876],{"class":4774,"line":4875},18,[4772,4877,4809],{},[4772,4879,4881],{"class":4774,"line":4880},19,[4772,4882,4883],{},"    package \"Microtask Queue\" #E0E7FF {\n",[4772,4885,4887],{"class":4774,"line":4886},20,[4772,4888,4889],{},"        queue \"Promise\\ncallbacks\" as Promise\n",[4772,4891,4893],{"class":4774,"line":4892},21,[4772,4894,4895],{},"        queue \"queueMicrotask\" as QM\n",[4772,4897,4899],{"class":4774,"line":4898},22,[4772,4900,4901],{},"        queue \"MutationObserver\" as MO\n",[4772,4903,4905],{"class":4774,"line":4904},23,[4772,4906,4907],{},"        note right of Promise\n",[4772,4909,4911],{"class":4774,"line":4910},24,[4772,4912,4913],{},"          Вищий пріоритет!\n",[4772,4915,4917],{"class":4774,"line":4916},25,[4772,4918,4919],{},"          Виконуються ВСІ підряд\n",[4772,4921,4923],{"class":4774,"line":4922},26,[4772,4924,4925],{},"        end note\n",[4772,4927,4929],{"class":4774,"line":4928},27,[4772,4930,4838],{},[4772,4932,4934],{"class":4774,"line":4933},28,[4772,4935,4809],{},[4772,4937,4939],{"class":4774,"line":4938},29,[4772,4940,4941],{},"    [Web APIs \u002F\u003Cbr\u002F>Node C++ APIs] as API #F3E8FF\n",[4772,4943,4945],{"class":4774,"line":4944},30,[4772,4946,4947],{},"}\n",[4772,4949,4951],{"class":4774,"line":4950},31,[4772,4952,4797],{"emptyLinePlaceholder":4796},[4772,4954,4956],{"class":4774,"line":4955},32,[4772,4957,4958],{},"Stack -down-> Loop : \"Стек порожній?\"\n",[4772,4960,4962],{"class":4774,"line":4961},33,[4772,4963,4964],{},"API -right-> Timer\n",[4772,4966,4968],{"class":4774,"line":4967},34,[4772,4969,4970],{},"API -right-> Events\n",[4772,4972,4974],{"class":4774,"line":4973},35,[4772,4975,4976],{},"API --> Promise : \"Promise resolved\"\n",[4772,4978,4980],{"class":4774,"line":4979},36,[4772,4981,4797],{"emptyLinePlaceholder":4796},[4772,4983,4985],{"class":4774,"line":4984},37,[4772,4986,4987],{},"Loop -up-> Stack : \"Додає callback\"\n",[4772,4989,4991],{"class":4774,"line":4990},38,[4772,4992,4993],{},"Loop --> Promise : \"1. Перевіряє\"\n",[4772,4995,4997],{"class":4774,"line":4996},39,[4772,4998,4999],{},"Loop --> QM : \"2. Виконує всі\"\n",[4772,5001,5003],{"class":4774,"line":5002},40,[4772,5004,5005],{},"Loop --> MO : \"3. По черзі\"\n",[4772,5007,5009],{"class":4774,"line":5008},41,[4772,5010,5011],{},"Loop --> Timer : \"4. Потім бере ОДНЕ\"\n",[4772,5013,5015],{"class":4774,"line":5014},42,[4772,5016,5017],{},"Loop --> Events : \"5. Макрозавдання\"\n",[4772,5019,5021],{"class":4774,"line":5020},43,[4772,5022,4797],{"emptyLinePlaceholder":4796},[4772,5024,5026],{"class":4774,"line":5025},44,[4772,5027,5028],{},"@enduml\n",[5030,5031,5033],"h3",{"id":5032},"життєвий-цикл-однієї-ітерації-event-loop","Життєвий цикл однієї ітерації Event Loop",[4588,5035,5036,5037,5040],{},"Розгляньмо детально, що відбувається за одну повну ітерацію (",[4597,5038,5039],{},"tick",") Event Loop:",[5042,5043,5044,5048,5051,5056,5179,5183,5201,5212,5217,5302,5306,5309,5314,5328,5332,5343],"steps",{},[5030,5045,5047],{"id":5046},"фаза-1-виконання-поточного-завдання-у-call-stack","Фаза 1: Виконання поточного завдання у Call Stack",[4588,5049,5050],{},"Event Loop чекає, доки Call Stack повністю не звільниться. Жоден callback не може бути доданий до стеку, поки там виконується код.",[4588,5052,5053],{},[4592,5054,5055],{},"Приклад:",[4763,5057,5061],{"className":5058,"code":5059,"language":5060,"meta":4768,"style":4768},"language-javascript shiki shiki-themes light-plus dark-plus dark-plus","function processData() {\n    console.log('Processing...')\n    \u002F\u002F Складні обчислення\n    for (let i = 0; i \u003C 1e6; i++) {}\n    console.log('Done')\n}\n\nprocessData() \u002F\u002F Виконується до кінця, Event Loop чекає\n","javascript",[4657,5062,5063,5077,5099,5105,5145,5160,5164,5168],{"__ignoreMap":4768},[4772,5064,5065,5069,5073],{"class":4774,"line":4775},[4772,5066,5068],{"class":5067},"su1O8","function",[4772,5070,5072],{"class":5071},"s8Opu"," processData",[4772,5074,5076],{"class":5075},"sHH4Y","() {\n",[4772,5078,5079,5083,5086,5089,5092,5096],{"class":4774,"line":4781},[4772,5080,5082],{"class":5081},"siwwj","    console",[4772,5084,5085],{"class":5075},".",[4772,5087,5088],{"class":5071},"log",[4772,5090,5091],{"class":5075},"(",[4772,5093,5095],{"class":5094},"sbdoH","'Processing...'",[4772,5097,5098],{"class":5075},")\n",[4772,5100,5101],{"class":4774,"line":4787},[4772,5102,5104],{"class":5103},"spJ8K","    \u002F\u002F Складні обчислення\n",[4772,5106,5107,5111,5113,5116,5119,5122,5126,5129,5132,5135,5138,5140,5142],{"class":4774,"line":4793},[4772,5108,5110],{"class":5109},"s8xlr","    for",[4772,5112,4595],{"class":5075},[4772,5114,5115],{"class":5067},"let",[4772,5117,5118],{"class":5081}," i",[4772,5120,5121],{"class":5075}," = ",[4772,5123,5125],{"class":5124},"sJj4R","0",[4772,5127,5128],{"class":5075},"; ",[4772,5130,5131],{"class":5081},"i",[4772,5133,5134],{"class":5075}," \u003C ",[4772,5136,5137],{"class":5124},"1e6",[4772,5139,5128],{"class":5075},[4772,5141,5131],{"class":5081},[4772,5143,5144],{"class":5075},"++) {}\n",[4772,5146,5147,5149,5151,5153,5155,5158],{"class":4774,"line":4800},[4772,5148,5082],{"class":5081},[4772,5150,5085],{"class":5075},[4772,5152,5088],{"class":5071},[4772,5154,5091],{"class":5075},[4772,5156,5157],{"class":5094},"'Done'",[4772,5159,5098],{"class":5075},[4772,5161,5162],{"class":4774,"line":4806},[4772,5163,4947],{"class":5075},[4772,5165,5166],{"class":4774,"line":4812},[4772,5167,4797],{"emptyLinePlaceholder":4796},[4772,5169,5170,5173,5176],{"class":4774,"line":4818},[4772,5171,5172],{"class":5071},"processData",[4772,5174,5175],{"class":5075},"() ",[4772,5177,5178],{"class":5103},"\u002F\u002F Виконується до кінця, Event Loop чекає\n",[5030,5180,5182],{"id":5181},"фаза-2-спустошення-microtask-queue-checkpoint","Фаза 2: Спустошення Microtask Queue (Checkpoint)",[4588,5184,5185,5186,5189,5190,5193,5194,4595,5197,5200],{},"Коли стек стає порожнім, Event Loop ",[4592,5187,5188],{},"обов'язково"," виконує ",[4592,5191,5192],{},"всі"," мікрозавдання, які є у черзі. Це називається ",[4592,5195,5196],{},"microtask checkpoint",[4597,5198,5199],{},"контрольна точка мікрозавдань",").",[5202,5203,5204,5207,5208,5211],"warning",{},[4592,5205,5206],{},"Критично важливо:"," Якщо під час виконання мікрозавдання додаються нові мікрозавдання, вони теж виконуються у цій же фазі. Це може призвести до ",[4592,5209,5210],{},"безкінечного циклу мікрозавдань",", що заблокує Event Loop!",[4588,5213,5214],{},[4592,5215,5216],{},"Приклад нескінченного циклу:",[4763,5218,5220],{"className":5058,"code":5219,"language":5060,"meta":4768,"style":4768},"function recursiveMicrotask() {\n    queueMicrotask(() => {\n        console.log('Microtask')\n        recursiveMicrotask() \u002F\u002F Додає нове мікрозавдання\n    })\n}\n\nrecursiveMicrotask()\n\u002F\u002F Консоль буде спамитися \"Microtask\", браузер зависне\n\u002F\u002F Макрозавдання НІКОЛИ не виконаються\n",[4657,5221,5222,5231,5245,5261,5271,5276,5280,5284,5292,5297],{"__ignoreMap":4768},[4772,5223,5224,5226,5229],{"class":4774,"line":4775},[4772,5225,5068],{"class":5067},[4772,5227,5228],{"class":5071}," recursiveMicrotask",[4772,5230,5076],{"class":5075},[4772,5232,5233,5236,5239,5242],{"class":4774,"line":4781},[4772,5234,5235],{"class":5071},"    queueMicrotask",[4772,5237,5238],{"class":5075},"(() ",[4772,5240,5241],{"class":5067},"=>",[4772,5243,5244],{"class":5075}," {\n",[4772,5246,5247,5250,5252,5254,5256,5259],{"class":4774,"line":4787},[4772,5248,5249],{"class":5081},"        console",[4772,5251,5085],{"class":5075},[4772,5253,5088],{"class":5071},[4772,5255,5091],{"class":5075},[4772,5257,5258],{"class":5094},"'Microtask'",[4772,5260,5098],{"class":5075},[4772,5262,5263,5266,5268],{"class":4774,"line":4793},[4772,5264,5265],{"class":5071},"        recursiveMicrotask",[4772,5267,5175],{"class":5075},[4772,5269,5270],{"class":5103},"\u002F\u002F Додає нове мікрозавдання\n",[4772,5272,5273],{"class":4774,"line":4800},[4772,5274,5275],{"class":5075},"    })\n",[4772,5277,5278],{"class":4774,"line":4806},[4772,5279,4947],{"class":5075},[4772,5281,5282],{"class":4774,"line":4812},[4772,5283,4797],{"emptyLinePlaceholder":4796},[4772,5285,5286,5289],{"class":4774,"line":4818},[4772,5287,5288],{"class":5071},"recursiveMicrotask",[4772,5290,5291],{"class":5075},"()\n",[4772,5293,5294],{"class":4774,"line":4823},[4772,5295,5296],{"class":5103},"\u002F\u002F Консоль буде спамитися \"Microtask\", браузер зависне\n",[4772,5298,5299],{"class":4774,"line":4829},[4772,5300,5301],{"class":5103},"\u002F\u002F Макрозавдання НІКОЛИ не виконаються\n",[5030,5303,5305],{"id":5304},"фаза-3-перевірка-необхідності-рендерингу-тільки-браузер","Фаза 3: Перевірка необхідності рендерингу (тільки браузер)",[4588,5307,5308],{},"Після завершення всіх мікрозавдань браузер оцінює, чи потрібно оновити екран. Рендеринг не відбувається після кожного макрозавдання — браузер намагається підтримувати 60 FPS (один кадр кожні ~16.67 мс).",[4588,5310,5311],{},[4592,5312,5313],{},"Умови рендерингу:",[4638,5315,5316,5319,5322],{},[4641,5317,5318],{},"Минуло достатньо часу з попереднього кадру",[4641,5320,5321],{},"Є зміни у DOM або CSS",[4641,5323,5324,5325],{},"Є анімації через ",[4657,5326,5327],{},"requestAnimationFrame",[5030,5329,5331],{"id":5330},"фаза-4-виконання-одного-макрозавдання","Фаза 4: Виконання ОДНОГО макрозавдання",[4588,5333,5334,5335,5338,5339,5342],{},"Event Loop бере ",[4592,5336,5337],{},"перше"," завдання з Macrotask Queue та додає його до Call Stack. Після завершення цього макрозавдання цикл повертається до ",[4592,5340,5341],{},"Фази 2"," (знову перевіряє мікрозавдання).",[4588,5344,5345,5348,5349,5352],{},[4592,5346,5347],{},"Важливо:"," Лише ",[4592,5350,5351],{},"одне"," макрозавдання за ітерацію. Це гарантує, що мікрозавдання та рендеринг мають шанс виконатися між важкими операціями.",[5030,5354,5356],{"id":5355},"псевдокод-повного-циклу","Псевдокод повного циклу",[4763,5358,5360],{"className":5058,"code":5359,"language":5060,"meta":4768,"style":4768},"while (eventLoop.isRunning) {\n    \u002F\u002F Фаза 1: Чекаємо на порожній Call Stack\n    if (!callStack.isEmpty()) {\n        continue \u002F\u002F Повертаємося на початок циклу\n    }\n\n    \u002F\u002F Фаза 2: Microtask Checkpoint\n    while (microtaskQueue.hasTasks()) {\n        const microtask = microtaskQueue.dequeue()\n        callStack.execute(microtask)\n\n        \u002F\u002F Якщо під час виконання додалися нові мікрозавдання — виконуємо їх теж\n    }\n\n    \u002F\u002F Фаза 3: Рендеринг (тільки браузер)\n    if (browser.needsRendering()) {\n        browser.performRender()\n    }\n\n    \u002F\u002F Фаза 4: Одне макрозавдання\n    if (macrotaskQueue.hasTasks()) {\n        const macrotask = macrotaskQueue.dequeue()\n        callStack.execute(macrotask)\n    } else {\n        \u002F\u002F Немає завдань — очікуємо нових подій\n        eventLoop.waitForEvents()\n    }\n}\n",[4657,5361,5362,5380,5385,5404,5412,5416,5420,5425,5442,5462,5479,5483,5488,5492,5496,5501,5517,5529,5533,5537,5542,5557,5574,5589,5599,5604,5616,5620],{"__ignoreMap":4768},[4772,5363,5364,5367,5369,5372,5374,5377],{"class":4774,"line":4775},[4772,5365,5366],{"class":5109},"while",[4772,5368,4595],{"class":5075},[4772,5370,5371],{"class":5081},"eventLoop",[4772,5373,5085],{"class":5075},[4772,5375,5376],{"class":5081},"isRunning",[4772,5378,5379],{"class":5075},") {\n",[4772,5381,5382],{"class":4774,"line":4781},[4772,5383,5384],{"class":5103},"    \u002F\u002F Фаза 1: Чекаємо на порожній Call Stack\n",[4772,5386,5387,5390,5393,5396,5398,5401],{"class":4774,"line":4787},[4772,5388,5389],{"class":5109},"    if",[4772,5391,5392],{"class":5075}," (!",[4772,5394,5395],{"class":5081},"callStack",[4772,5397,5085],{"class":5075},[4772,5399,5400],{"class":5071},"isEmpty",[4772,5402,5403],{"class":5075},"()) {\n",[4772,5405,5406,5409],{"class":4774,"line":4793},[4772,5407,5408],{"class":5109},"        continue",[4772,5410,5411],{"class":5103}," \u002F\u002F Повертаємося на початок циклу\n",[4772,5413,5414],{"class":4774,"line":4800},[4772,5415,4838],{"class":5075},[4772,5417,5418],{"class":4774,"line":4806},[4772,5419,4797],{"emptyLinePlaceholder":4796},[4772,5421,5422],{"class":4774,"line":4812},[4772,5423,5424],{"class":5103},"    \u002F\u002F Фаза 2: Microtask Checkpoint\n",[4772,5426,5427,5430,5432,5435,5437,5440],{"class":4774,"line":4818},[4772,5428,5429],{"class":5109},"    while",[4772,5431,4595],{"class":5075},[4772,5433,5434],{"class":5081},"microtaskQueue",[4772,5436,5085],{"class":5075},[4772,5438,5439],{"class":5071},"hasTasks",[4772,5441,5403],{"class":5075},[4772,5443,5444,5447,5451,5453,5455,5457,5460],{"class":4774,"line":4823},[4772,5445,5446],{"class":5067},"        const",[4772,5448,5450],{"class":5449},"s-QsJ"," microtask",[4772,5452,5121],{"class":5075},[4772,5454,5434],{"class":5081},[4772,5456,5085],{"class":5075},[4772,5458,5459],{"class":5071},"dequeue",[4772,5461,5291],{"class":5075},[4772,5463,5464,5467,5469,5472,5474,5477],{"class":4774,"line":4829},[4772,5465,5466],{"class":5081},"        callStack",[4772,5468,5085],{"class":5075},[4772,5470,5471],{"class":5071},"execute",[4772,5473,5091],{"class":5075},[4772,5475,5476],{"class":5081},"microtask",[4772,5478,5098],{"class":5075},[4772,5480,5481],{"class":4774,"line":4835},[4772,5482,4797],{"emptyLinePlaceholder":4796},[4772,5484,5485],{"class":4774,"line":4841},[4772,5486,5487],{"class":5103},"        \u002F\u002F Якщо під час виконання додалися нові мікрозавдання — виконуємо їх теж\n",[4772,5489,5490],{"class":4774,"line":4846},[4772,5491,4838],{"class":5075},[4772,5493,5494],{"class":4774,"line":4852},[4772,5495,4797],{"emptyLinePlaceholder":4796},[4772,5497,5498],{"class":4774,"line":4858},[4772,5499,5500],{"class":5103},"    \u002F\u002F Фаза 3: Рендеринг (тільки браузер)\n",[4772,5502,5503,5505,5507,5510,5512,5515],{"class":4774,"line":4864},[4772,5504,5389],{"class":5109},[4772,5506,4595],{"class":5075},[4772,5508,5509],{"class":5081},"browser",[4772,5511,5085],{"class":5075},[4772,5513,5514],{"class":5071},"needsRendering",[4772,5516,5403],{"class":5075},[4772,5518,5519,5522,5524,5527],{"class":4774,"line":4870},[4772,5520,5521],{"class":5081},"        browser",[4772,5523,5085],{"class":5075},[4772,5525,5526],{"class":5071},"performRender",[4772,5528,5291],{"class":5075},[4772,5530,5531],{"class":4774,"line":4875},[4772,5532,4838],{"class":5075},[4772,5534,5535],{"class":4774,"line":4880},[4772,5536,4797],{"emptyLinePlaceholder":4796},[4772,5538,5539],{"class":4774,"line":4886},[4772,5540,5541],{"class":5103},"    \u002F\u002F Фаза 4: Одне макрозавдання\n",[4772,5543,5544,5546,5548,5551,5553,5555],{"class":4774,"line":4892},[4772,5545,5389],{"class":5109},[4772,5547,4595],{"class":5075},[4772,5549,5550],{"class":5081},"macrotaskQueue",[4772,5552,5085],{"class":5075},[4772,5554,5439],{"class":5071},[4772,5556,5403],{"class":5075},[4772,5558,5559,5561,5564,5566,5568,5570,5572],{"class":4774,"line":4898},[4772,5560,5446],{"class":5067},[4772,5562,5563],{"class":5449}," macrotask",[4772,5565,5121],{"class":5075},[4772,5567,5550],{"class":5081},[4772,5569,5085],{"class":5075},[4772,5571,5459],{"class":5071},[4772,5573,5291],{"class":5075},[4772,5575,5576,5578,5580,5582,5584,5587],{"class":4774,"line":4904},[4772,5577,5466],{"class":5081},[4772,5579,5085],{"class":5075},[4772,5581,5471],{"class":5071},[4772,5583,5091],{"class":5075},[4772,5585,5586],{"class":5081},"macrotask",[4772,5588,5098],{"class":5075},[4772,5590,5591,5594,5597],{"class":4774,"line":4910},[4772,5592,5593],{"class":5075},"    } ",[4772,5595,5596],{"class":5109},"else",[4772,5598,5244],{"class":5075},[4772,5600,5601],{"class":4774,"line":4916},[4772,5602,5603],{"class":5103},"        \u002F\u002F Немає завдань — очікуємо нових подій\n",[4772,5605,5606,5609,5611,5614],{"class":4774,"line":4922},[4772,5607,5608],{"class":5081},"        eventLoop",[4772,5610,5085],{"class":5075},[4772,5612,5613],{"class":5071},"waitForEvents",[4772,5615,5291],{"class":5075},[4772,5617,5618],{"class":4774,"line":4928},[4772,5619,4838],{"class":5075},[4772,5621,5622],{"class":4774,"line":4933},[4772,5623,4947],{"class":5075},[4583,5625,5627],{"id":5626},"порівняння-типів-завдань","Порівняння типів завдань",[4588,5629,5630],{},"Для кращого розуміння розгляньмо детальну таблицю відмінностей:",[5632,5633,5634,5649],"table",{},[5635,5636,5637],"thead",{},[5638,5639,5640,5645,5647],"tr",{},[5641,5642,5644],"th",{"align":5643},"left","Характеристика",[5641,5646,4740],{"align":5643},[5641,5648,4746],{"align":5643},[5650,5651,5652,5686,5705,5718,5731,5744,5757],"tbody",{},[5638,5653,5654,5660,5671],{},[5655,5656,5657],"td",{"align":5643},[4592,5658,5659],{},"Джерела",[5655,5661,5662,4695,5664,4695,5667,5670],{"align":5643},[4657,5663,4659],{},[4657,5665,5666],{},"setInterval",[4657,5668,5669],{},"setImmediate"," (Node.js), IO callbacks, UI events",[5655,5672,5673,4695,5675,4695,5677,4695,5680,4695,5682,5685],{"align":5643},[4657,5674,4694],{},[4657,5676,4698],{},[4657,5678,5679],{},"async\u002Fawait",[4657,5681,4701],{},[4657,5683,5684],{},"process.nextTick()"," (Node.js)",[5638,5687,5688,5693,5699],{},[5655,5689,5690],{"align":5643},[4592,5691,5692],{},"Кількість за ітерацію",[5655,5694,5695,5698],{"align":5643},[4592,5696,5697],{},"Одне"," завдання",[5655,5700,5701,5704],{"align":5643},[4592,5702,5703],{},"Всі"," завдання підряд",[5638,5706,5707,5712,5715],{},[5655,5708,5709],{"align":5643},[4592,5710,5711],{},"Пріоритет",[5655,5713,5714],{"align":5643},"Нижчий",[5655,5716,5717],{"align":5643},"Вищий",[5638,5719,5720,5725,5728],{},[5655,5721,5722],{"align":5643},[4592,5723,5724],{},"Рендеринг після виконання",[5655,5726,5727],{"align":5643},"Може відбутися (якщо настав час кадру)",[5655,5729,5730],{"align":5643},"Ні, рендеринг лише після макрозавдання",[5638,5732,5733,5738,5741],{},[5655,5734,5735],{"align":5643},[4592,5736,5737],{},"Ризик блокування",[5655,5739,5740],{"align":5643},"Низький (одне за раз)",[5655,5742,5743],{"align":5643},"Високий (якщо генерують нові мікрозавдання)",[5638,5745,5746,5751,5754],{},[5655,5747,5748],{"align":5643},[4592,5749,5750],{},"Типовий час виконання",[5655,5752,5753],{"align":5643},"4–10 мс (залежить від операції)",[5655,5755,5756],{"align":5643},"\u003C 1 мс (має бути швидким)",[5638,5758,5759,5764,5767],{},[5655,5760,5761],{"align":5643},[4592,5762,5763],{},"Призначення",[5655,5765,5766],{"align":5643},"Важкі асинхронні операції",[5655,5768,5769],{"align":5643},"Швидка реакція на зміни стану",[4583,5771,5773],{"id":5772},"складні-сценарії-взаємодії-черг","Складні сценарії взаємодії черг",[4588,5775,5776],{},"Тепер, коли ми розуміємо базові принципи, розгляньмо реальні приклади, які часто спантеличують навіть досвідчених розробників.",[5030,5778,5780],{"id":5779},"сценарій-1-вкладені-проміси-та-таймери","Сценарій 1: Вкладені проміси та таймери",[4763,5782,5784],{"className":5058,"code":5783,"language":5060,"meta":4768,"style":4768},"console.log('Start')\n\nsetTimeout(() => {\n    console.log('Timeout 1')\n\n    Promise.resolve().then(() => {\n        console.log('Promise inside Timeout 1')\n    })\n\n    setTimeout(() => {\n        console.log('Timeout 2')\n    }, 0)\n}, 0)\n\nPromise.resolve()\n    .then(() => {\n        console.log('Promise 1')\n\n        setTimeout(() => {\n            console.log('Timeout 3')\n        }, 0)\n    })\n    .then(() => {\n        console.log('Promise 2')\n    })\n\nconsole.log('End')\n",[4657,5785,5786,5802,5806,5816,5831,5835,5858,5873,5877,5881,5892,5907,5916,5925,5929,5939,5952,5967,5971,5982,5998,6007,6011,6023,6038,6042,6046],{"__ignoreMap":4768},[4772,5787,5788,5791,5793,5795,5797,5800],{"class":4774,"line":4775},[4772,5789,5790],{"class":5081},"console",[4772,5792,5085],{"class":5075},[4772,5794,5088],{"class":5071},[4772,5796,5091],{"class":5075},[4772,5798,5799],{"class":5094},"'Start'",[4772,5801,5098],{"class":5075},[4772,5803,5804],{"class":4774,"line":4781},[4772,5805,4797],{"emptyLinePlaceholder":4796},[4772,5807,5808,5810,5812,5814],{"class":4774,"line":4787},[4772,5809,4659],{"class":5071},[4772,5811,5238],{"class":5075},[4772,5813,5241],{"class":5067},[4772,5815,5244],{"class":5075},[4772,5817,5818,5820,5822,5824,5826,5829],{"class":4774,"line":4793},[4772,5819,5082],{"class":5081},[4772,5821,5085],{"class":5075},[4772,5823,5088],{"class":5071},[4772,5825,5091],{"class":5075},[4772,5827,5828],{"class":5094},"'Timeout 1'",[4772,5830,5098],{"class":5075},[4772,5832,5833],{"class":4774,"line":4800},[4772,5834,4797],{"emptyLinePlaceholder":4796},[4772,5836,5837,5841,5843,5846,5849,5852,5854,5856],{"class":4774,"line":4806},[4772,5838,5840],{"class":5839},"sN1BT","    Promise",[4772,5842,5085],{"class":5075},[4772,5844,5845],{"class":5071},"resolve",[4772,5847,5848],{"class":5075},"().",[4772,5850,5851],{"class":5071},"then",[4772,5853,5238],{"class":5075},[4772,5855,5241],{"class":5067},[4772,5857,5244],{"class":5075},[4772,5859,5860,5862,5864,5866,5868,5871],{"class":4774,"line":4812},[4772,5861,5249],{"class":5081},[4772,5863,5085],{"class":5075},[4772,5865,5088],{"class":5071},[4772,5867,5091],{"class":5075},[4772,5869,5870],{"class":5094},"'Promise inside Timeout 1'",[4772,5872,5098],{"class":5075},[4772,5874,5875],{"class":4774,"line":4818},[4772,5876,5275],{"class":5075},[4772,5878,5879],{"class":4774,"line":4823},[4772,5880,4797],{"emptyLinePlaceholder":4796},[4772,5882,5883,5886,5888,5890],{"class":4774,"line":4829},[4772,5884,5885],{"class":5071},"    setTimeout",[4772,5887,5238],{"class":5075},[4772,5889,5241],{"class":5067},[4772,5891,5244],{"class":5075},[4772,5893,5894,5896,5898,5900,5902,5905],{"class":4774,"line":4835},[4772,5895,5249],{"class":5081},[4772,5897,5085],{"class":5075},[4772,5899,5088],{"class":5071},[4772,5901,5091],{"class":5075},[4772,5903,5904],{"class":5094},"'Timeout 2'",[4772,5906,5098],{"class":5075},[4772,5908,5909,5912,5914],{"class":4774,"line":4841},[4772,5910,5911],{"class":5075},"    }, ",[4772,5913,5125],{"class":5124},[4772,5915,5098],{"class":5075},[4772,5917,5918,5921,5923],{"class":4774,"line":4846},[4772,5919,5920],{"class":5075},"}, ",[4772,5922,5125],{"class":5124},[4772,5924,5098],{"class":5075},[4772,5926,5927],{"class":4774,"line":4852},[4772,5928,4797],{"emptyLinePlaceholder":4796},[4772,5930,5931,5933,5935,5937],{"class":4774,"line":4858},[4772,5932,4710],{"class":5839},[4772,5934,5085],{"class":5075},[4772,5936,5845],{"class":5071},[4772,5938,5291],{"class":5075},[4772,5940,5941,5944,5946,5948,5950],{"class":4774,"line":4864},[4772,5942,5943],{"class":5075},"    .",[4772,5945,5851],{"class":5071},[4772,5947,5238],{"class":5075},[4772,5949,5241],{"class":5067},[4772,5951,5244],{"class":5075},[4772,5953,5954,5956,5958,5960,5962,5965],{"class":4774,"line":4870},[4772,5955,5249],{"class":5081},[4772,5957,5085],{"class":5075},[4772,5959,5088],{"class":5071},[4772,5961,5091],{"class":5075},[4772,5963,5964],{"class":5094},"'Promise 1'",[4772,5966,5098],{"class":5075},[4772,5968,5969],{"class":4774,"line":4875},[4772,5970,4797],{"emptyLinePlaceholder":4796},[4772,5972,5973,5976,5978,5980],{"class":4774,"line":4880},[4772,5974,5975],{"class":5071},"        setTimeout",[4772,5977,5238],{"class":5075},[4772,5979,5241],{"class":5067},[4772,5981,5244],{"class":5075},[4772,5983,5984,5987,5989,5991,5993,5996],{"class":4774,"line":4886},[4772,5985,5986],{"class":5081},"            console",[4772,5988,5085],{"class":5075},[4772,5990,5088],{"class":5071},[4772,5992,5091],{"class":5075},[4772,5994,5995],{"class":5094},"'Timeout 3'",[4772,5997,5098],{"class":5075},[4772,5999,6000,6003,6005],{"class":4774,"line":4892},[4772,6001,6002],{"class":5075},"        }, ",[4772,6004,5125],{"class":5124},[4772,6006,5098],{"class":5075},[4772,6008,6009],{"class":4774,"line":4898},[4772,6010,5275],{"class":5075},[4772,6012,6013,6015,6017,6019,6021],{"class":4774,"line":4904},[4772,6014,5943],{"class":5075},[4772,6016,5851],{"class":5071},[4772,6018,5238],{"class":5075},[4772,6020,5241],{"class":5067},[4772,6022,5244],{"class":5075},[4772,6024,6025,6027,6029,6031,6033,6036],{"class":4774,"line":4910},[4772,6026,5249],{"class":5081},[4772,6028,5085],{"class":5075},[4772,6030,5088],{"class":5071},[4772,6032,5091],{"class":5075},[4772,6034,6035],{"class":5094},"'Promise 2'",[4772,6037,5098],{"class":5075},[4772,6039,6040],{"class":4774,"line":4916},[4772,6041,5275],{"class":5075},[4772,6043,6044],{"class":4774,"line":4922},[4772,6045,4797],{"emptyLinePlaceholder":4796},[4772,6047,6048,6050,6052,6054,6056,6059],{"class":4774,"line":4928},[4772,6049,5790],{"class":5081},[4772,6051,5085],{"class":5075},[4772,6053,5088],{"class":5071},[4772,6055,5091],{"class":5075},[4772,6057,6058],{"class":5094},"'End'",[4772,6060,5098],{"class":5075},[4588,6062,6063],{},[4592,6064,6065],{},"Який буде порядок виводу?",[6067,6068,6069,6100],"accordion",{},[6070,6071,6074,6077],"accordion-item",{"icon":6072,"label":6073},"i-lucide-brain","🤔 Спробуйте передбачити результат",[4588,6075,6076],{},"Перш ніж дивитися відповідь, проаналізуйте код покроково. Пам'ятайте:",[6078,6079,6080,6083,6089,6094,6097],"ol",{},[4641,6081,6082],{},"Синхронний код виконується першим",[4641,6084,6085,6086,6088],{},"Потім ",[4592,6087,5192],{}," мікрозавдання",[4641,6090,6085,6091,6093],{},[4592,6092,5351],{}," макрозавдання",[4641,6095,6096],{},"Знову всі мікрозавдання (якщо з'явилися нові)",[4641,6098,6099],{},"І так далі...",[6070,6101,6104,6109,6117,6122,6127,6177,6182,6199,6204,6210,6273,6277,6287,6292,6298,6330,6334,6346,6351,6354,6376,6381,6403,6408,6430,6435],{"icon":6102,"label":6103},"i-lucide-list-checks","✅ Покрокове пояснення",[4588,6105,6106],{},[4592,6107,6108],{},"Фактичний вивід:",[4763,6110,6115],{"className":6111,"code":6113,"language":6114},[6112],"language-text","Start\nEnd\nPromise 1\nPromise 2\nTimeout 1\nPromise inside Timeout 1\nTimeout 3\nTimeout 2\n","text",[4657,6116,6113],{"__ignoreMap":4768},[4588,6118,6119],{},[4592,6120,6121],{},"Детальний розбір:",[4588,6123,6124],{},[4592,6125,6126],{},"Ітерація 0 (синхронний код):",[4763,6128,6130],{"className":5058,"code":6129,"language":5060,"meta":4768,"style":4768},"console.log('Start') \u002F\u002F Виводить \"Start\"\n\u002F\u002F setTimeout Timeout 1 → Macrotask Queue\n\u002F\u002F Promise 1 → Microtask Queue\nconsole.log('End') \u002F\u002F Виводить \"End\"\n",[4657,6131,6132,6150,6155,6160],{"__ignoreMap":4768},[4772,6133,6134,6136,6138,6140,6142,6144,6147],{"class":4774,"line":4775},[4772,6135,5790],{"class":5081},[4772,6137,5085],{"class":5075},[4772,6139,5088],{"class":5071},[4772,6141,5091],{"class":5075},[4772,6143,5799],{"class":5094},[4772,6145,6146],{"class":5075},") ",[4772,6148,6149],{"class":5103},"\u002F\u002F Виводить \"Start\"\n",[4772,6151,6152],{"class":4774,"line":4781},[4772,6153,6154],{"class":5103},"\u002F\u002F setTimeout Timeout 1 → Macrotask Queue\n",[4772,6156,6157],{"class":4774,"line":4787},[4772,6158,6159],{"class":5103},"\u002F\u002F Promise 1 → Microtask Queue\n",[4772,6161,6162,6164,6166,6168,6170,6172,6174],{"class":4774,"line":4793},[4772,6163,5790],{"class":5081},[4772,6165,5085],{"class":5075},[4772,6167,5088],{"class":5071},[4772,6169,5091],{"class":5075},[4772,6171,6058],{"class":5094},[4772,6173,6146],{"class":5075},[4772,6175,6176],{"class":5103},"\u002F\u002F Виводить \"End\"\n",[4588,6178,6179],{},[4592,6180,6181],{},"Стан черг:",[4638,6183,6184,6187,6193],{},[4641,6185,6186],{},"Call Stack: порожній",[4641,6188,6189,6190],{},"Microtask Queue: ",[4657,6191,6192],{},"[Promise 1]",[4641,6194,6195,6196],{},"Macrotask Queue: ",[4657,6197,6198],{},"[Timeout 1]",[4588,6200,6201],{},[4592,6202,6203],{},"Ітерація 1 (мікрозавдання):",[4588,6205,6206,6207,6209],{},"Event Loop виконує ",[4592,6208,5192],{}," мікрозавдання:",[4763,6211,6213],{"className":5058,"code":6212,"language":5060,"meta":4768,"style":4768},"\u002F\u002F Виконується Promise 1\nconsole.log('Promise 1') \u002F\u002F Виводить \"Promise 1\"\n\u002F\u002F setTimeout Timeout 3 → додається до Macrotask Queue\n\u002F\u002F .then() Promise 2 → додається до Microtask Queue\n\n\u002F\u002F Виконується Promise 2 (з'явився під час виконання мікрозавдань)\nconsole.log('Promise 2') \u002F\u002F Виводить \"Promise 2\"\n",[4657,6214,6215,6220,6237,6242,6247,6251,6256],{"__ignoreMap":4768},[4772,6216,6217],{"class":4774,"line":4775},[4772,6218,6219],{"class":5103},"\u002F\u002F Виконується Promise 1\n",[4772,6221,6222,6224,6226,6228,6230,6232,6234],{"class":4774,"line":4781},[4772,6223,5790],{"class":5081},[4772,6225,5085],{"class":5075},[4772,6227,5088],{"class":5071},[4772,6229,5091],{"class":5075},[4772,6231,5964],{"class":5094},[4772,6233,6146],{"class":5075},[4772,6235,6236],{"class":5103},"\u002F\u002F Виводить \"Promise 1\"\n",[4772,6238,6239],{"class":4774,"line":4787},[4772,6240,6241],{"class":5103},"\u002F\u002F setTimeout Timeout 3 → додається до Macrotask Queue\n",[4772,6243,6244],{"class":4774,"line":4793},[4772,6245,6246],{"class":5103},"\u002F\u002F .then() Promise 2 → додається до Microtask Queue\n",[4772,6248,6249],{"class":4774,"line":4800},[4772,6250,4797],{"emptyLinePlaceholder":4796},[4772,6252,6253],{"class":4774,"line":4806},[4772,6254,6255],{"class":5103},"\u002F\u002F Виконується Promise 2 (з'явився під час виконання мікрозавдань)\n",[4772,6257,6258,6260,6262,6264,6266,6268,6270],{"class":4774,"line":4812},[4772,6259,5790],{"class":5081},[4772,6261,5085],{"class":5075},[4772,6263,5088],{"class":5071},[4772,6265,5091],{"class":5075},[4772,6267,6035],{"class":5094},[4772,6269,6146],{"class":5075},[4772,6271,6272],{"class":5103},"\u002F\u002F Виводить \"Promise 2\"\n",[4588,6274,6275],{},[4592,6276,6181],{},[4638,6278,6279,6282],{},[4641,6280,6281],{},"Microtask Queue: порожня",[4641,6283,6195,6284],{},[4657,6285,6286],{},"[Timeout 1, Timeout 3]",[4588,6288,6289],{},[4592,6290,6291],{},"Ітерація 2 (макрозавдання Timeout 1):",[4588,6293,6294,6295,6297],{},"Виконується ",[4592,6296,5337],{}," макрозавдання:",[4763,6299,6301],{"className":5058,"code":6300,"language":5060,"meta":4768,"style":4768},"console.log('Timeout 1') \u002F\u002F Виводить \"Timeout 1\"\n\u002F\u002F Promise inside Timeout 1 → Microtask Queue\n\u002F\u002F setTimeout Timeout 2 → Macrotask Queue\n",[4657,6302,6303,6320,6325],{"__ignoreMap":4768},[4772,6304,6305,6307,6309,6311,6313,6315,6317],{"class":4774,"line":4775},[4772,6306,5790],{"class":5081},[4772,6308,5085],{"class":5075},[4772,6310,5088],{"class":5071},[4772,6312,5091],{"class":5075},[4772,6314,5828],{"class":5094},[4772,6316,6146],{"class":5075},[4772,6318,6319],{"class":5103},"\u002F\u002F Виводить \"Timeout 1\"\n",[4772,6321,6322],{"class":4774,"line":4781},[4772,6323,6324],{"class":5103},"\u002F\u002F Promise inside Timeout 1 → Microtask Queue\n",[4772,6326,6327],{"class":4774,"line":4787},[4772,6328,6329],{"class":5103},"\u002F\u002F setTimeout Timeout 2 → Macrotask Queue\n",[4588,6331,6332],{},[4592,6333,6181],{},[4638,6335,6336,6341],{},[4641,6337,6189,6338],{},[4657,6339,6340],{},"[Promise inside Timeout 1]",[4641,6342,6195,6343],{},[4657,6344,6345],{},"[Timeout 3, Timeout 2]",[4588,6347,6348],{},[4592,6349,6350],{},"Ітерація 3 (мікрозавдання знову):",[4588,6352,6353],{},"Перш ніж взяти наступне макрозавдання, Event Loop виконує мікрозавдання:",[4763,6355,6357],{"className":5058,"code":6356,"language":5060,"meta":4768,"style":4768},"console.log('Promise inside Timeout 1') \u002F\u002F Виводить \"Promise inside Timeout 1\"\n",[4657,6358,6359],{"__ignoreMap":4768},[4772,6360,6361,6363,6365,6367,6369,6371,6373],{"class":4774,"line":4775},[4772,6362,5790],{"class":5081},[4772,6364,5085],{"class":5075},[4772,6366,5088],{"class":5071},[4772,6368,5091],{"class":5075},[4772,6370,5870],{"class":5094},[4772,6372,6146],{"class":5075},[4772,6374,6375],{"class":5103},"\u002F\u002F Виводить \"Promise inside Timeout 1\"\n",[4588,6377,6378],{},[4592,6379,6380],{},"Ітерація 4 (макрозавдання Timeout 3):",[4763,6382,6384],{"className":5058,"code":6383,"language":5060,"meta":4768,"style":4768},"console.log('Timeout 3') \u002F\u002F Виводить \"Timeout 3\"\n",[4657,6385,6386],{"__ignoreMap":4768},[4772,6387,6388,6390,6392,6394,6396,6398,6400],{"class":4774,"line":4775},[4772,6389,5790],{"class":5081},[4772,6391,5085],{"class":5075},[4772,6393,5088],{"class":5071},[4772,6395,5091],{"class":5075},[4772,6397,5995],{"class":5094},[4772,6399,6146],{"class":5075},[4772,6401,6402],{"class":5103},"\u002F\u002F Виводить \"Timeout 3\"\n",[4588,6404,6405],{},[4592,6406,6407],{},"Ітерація 5 (макрозавдання Timeout 2):",[4763,6409,6411],{"className":5058,"code":6410,"language":5060,"meta":4768,"style":4768},"console.log('Timeout 2') \u002F\u002F Виводить \"Timeout 2\"\n",[4657,6412,6413],{"__ignoreMap":4768},[4772,6414,6415,6417,6419,6421,6423,6425,6427],{"class":4774,"line":4775},[4772,6416,5790],{"class":5081},[4772,6418,5085],{"class":5075},[4772,6420,5088],{"class":5071},[4772,6422,5091],{"class":5075},[4772,6424,5904],{"class":5094},[4772,6426,6146],{"class":5075},[4772,6428,6429],{"class":5103},"\u002F\u002F Виводить \"Timeout 2\"\n",[4588,6431,6432],{},[4592,6433,6434],{},"Ключовий висновок:",[4588,6436,6437,6438,6441,6442,6445,6446,6449,6450,6453,6454,6456,6457,5085],{},"Навіть якщо ",[4657,6439,6440],{},"Timeout 2"," був створений раніше ",[4657,6443,6444],{},"Timeout 3"," (у тілі ",[4657,6447,6448],{},"Timeout 1","), він виконується ",[4592,6451,6452],{},"пізніше",", бо ",[4657,6455,6444],{}," вже був у черзі макрозавдань на момент завершення мікрозавдань після ",[4657,6458,6448],{},[5030,6460,6462],{"id":6461},"сценарій-2-ланцюжок-промісів-з-asyncawait","Сценарій 2: Ланцюжок промісів з async\u002Fawait",[4763,6464,6466],{"className":5058,"code":6465,"language":5060,"meta":4768,"style":4768},"console.log('1: Start')\n\nasync function asyncFunc() {\n    console.log('2: Async function start')\n\n    await Promise.resolve()\n\n    console.log('3: After await')\n\n    return 'Result'\n}\n\nasyncFunc().then((result) => {\n    console.log('4: Then -', result)\n})\n\nPromise.resolve().then(() => {\n    console.log('5: Promise 1')\n})\n\nconsole.log('6: End')\n",[4657,6467,6468,6483,6487,6500,6515,6519,6533,6537,6552,6556,6564,6568,6572,6593,6612,6617,6621,6639,6654,6658,6662],{"__ignoreMap":4768},[4772,6469,6470,6472,6474,6476,6478,6481],{"class":4774,"line":4775},[4772,6471,5790],{"class":5081},[4772,6473,5085],{"class":5075},[4772,6475,5088],{"class":5071},[4772,6477,5091],{"class":5075},[4772,6479,6480],{"class":5094},"'1: Start'",[4772,6482,5098],{"class":5075},[4772,6484,6485],{"class":4774,"line":4781},[4772,6486,4797],{"emptyLinePlaceholder":4796},[4772,6488,6489,6492,6495,6498],{"class":4774,"line":4787},[4772,6490,6491],{"class":5067},"async",[4772,6493,6494],{"class":5067}," function",[4772,6496,6497],{"class":5071}," asyncFunc",[4772,6499,5076],{"class":5075},[4772,6501,6502,6504,6506,6508,6510,6513],{"class":4774,"line":4793},[4772,6503,5082],{"class":5081},[4772,6505,5085],{"class":5075},[4772,6507,5088],{"class":5071},[4772,6509,5091],{"class":5075},[4772,6511,6512],{"class":5094},"'2: Async function start'",[4772,6514,5098],{"class":5075},[4772,6516,6517],{"class":4774,"line":4800},[4772,6518,4797],{"emptyLinePlaceholder":4796},[4772,6520,6521,6524,6527,6529,6531],{"class":4774,"line":4806},[4772,6522,6523],{"class":5109},"    await",[4772,6525,6526],{"class":5839}," Promise",[4772,6528,5085],{"class":5075},[4772,6530,5845],{"class":5071},[4772,6532,5291],{"class":5075},[4772,6534,6535],{"class":4774,"line":4812},[4772,6536,4797],{"emptyLinePlaceholder":4796},[4772,6538,6539,6541,6543,6545,6547,6550],{"class":4774,"line":4818},[4772,6540,5082],{"class":5081},[4772,6542,5085],{"class":5075},[4772,6544,5088],{"class":5071},[4772,6546,5091],{"class":5075},[4772,6548,6549],{"class":5094},"'3: After await'",[4772,6551,5098],{"class":5075},[4772,6553,6554],{"class":4774,"line":4823},[4772,6555,4797],{"emptyLinePlaceholder":4796},[4772,6557,6558,6561],{"class":4774,"line":4829},[4772,6559,6560],{"class":5109},"    return",[4772,6562,6563],{"class":5094}," 'Result'\n",[4772,6565,6566],{"class":4774,"line":4835},[4772,6567,4947],{"class":5075},[4772,6569,6570],{"class":4774,"line":4841},[4772,6571,4797],{"emptyLinePlaceholder":4796},[4772,6573,6574,6577,6579,6581,6584,6587,6589,6591],{"class":4774,"line":4846},[4772,6575,6576],{"class":5071},"asyncFunc",[4772,6578,5848],{"class":5075},[4772,6580,5851],{"class":5071},[4772,6582,6583],{"class":5075},"((",[4772,6585,6586],{"class":5081},"result",[4772,6588,6146],{"class":5075},[4772,6590,5241],{"class":5067},[4772,6592,5244],{"class":5075},[4772,6594,6595,6597,6599,6601,6603,6606,6608,6610],{"class":4774,"line":4852},[4772,6596,5082],{"class":5081},[4772,6598,5085],{"class":5075},[4772,6600,5088],{"class":5071},[4772,6602,5091],{"class":5075},[4772,6604,6605],{"class":5094},"'4: Then -'",[4772,6607,4695],{"class":5075},[4772,6609,6586],{"class":5081},[4772,6611,5098],{"class":5075},[4772,6613,6614],{"class":4774,"line":4858},[4772,6615,6616],{"class":5075},"})\n",[4772,6618,6619],{"class":4774,"line":4864},[4772,6620,4797],{"emptyLinePlaceholder":4796},[4772,6622,6623,6625,6627,6629,6631,6633,6635,6637],{"class":4774,"line":4870},[4772,6624,4710],{"class":5839},[4772,6626,5085],{"class":5075},[4772,6628,5845],{"class":5071},[4772,6630,5848],{"class":5075},[4772,6632,5851],{"class":5071},[4772,6634,5238],{"class":5075},[4772,6636,5241],{"class":5067},[4772,6638,5244],{"class":5075},[4772,6640,6641,6643,6645,6647,6649,6652],{"class":4774,"line":4875},[4772,6642,5082],{"class":5081},[4772,6644,5085],{"class":5075},[4772,6646,5088],{"class":5071},[4772,6648,5091],{"class":5075},[4772,6650,6651],{"class":5094},"'5: Promise 1'",[4772,6653,5098],{"class":5075},[4772,6655,6656],{"class":4774,"line":4880},[4772,6657,6616],{"class":5075},[4772,6659,6660],{"class":4774,"line":4886},[4772,6661,4797],{"emptyLinePlaceholder":4796},[4772,6663,6664,6666,6668,6670,6672,6675],{"class":4774,"line":4892},[4772,6665,5790],{"class":5081},[4772,6667,5085],{"class":5075},[4772,6669,5088],{"class":5071},[4772,6671,5091],{"class":5075},[4772,6673,6674],{"class":5094},"'6: End'",[4772,6676,5098],{"class":5075},[4588,6678,6679],{},[4592,6680,6681],{},"Порядок виконання:",[6683,6684,6686,6699,6703,6707,6711,6715,6719],"terminal-preview",{"title":6685},"node script.js",[6687,6688,6690,4655,6695],"div",{"className":6689},[4774],[4772,6691,6694],{"className":6692},[6693],"opacity-40","$",[4592,6696,6685],{"className":6697},[6698],"font-bold",[6687,6700,6702],{"className":6701},[4774],"1: Start",[6687,6704,6706],{"className":6705},[4774],"2: Async function start",[6687,6708,6710],{"className":6709},[4774],"6: End",[6687,6712,6714],{"className":6713},[4774],"5: Promise 1",[6687,6716,6718],{"className":6717},[4774],"3: After await",[6687,6720,6722],{"className":6721},[4774],"4: Then - Result",[4588,6724,6725],{},[4592,6726,6727],{},"Чому саме такий порядок?",[6067,6729,6730],{},[6070,6731,6734,6746,6749,6814,6817,6897,6902,6941,6949,6978],{"icon":6732,"label":6733},"i-lucide-wand-2","❓ Магія async\u002Fawait",[4588,6735,6736,4655,6739,6742,6743,6745],{},[4592,6737,6738],{},"Ключове розуміння:",[4657,6740,6741],{},"await"," перетворюється на ",[4657,6744,4718],{}," під капотом.",[4588,6747,6748],{},"Код:",[4763,6750,6752],{"className":5058,"code":6751,"language":5060,"meta":4768,"style":4768},"async function asyncFunc() {\n    console.log('2: Async function start')\n    await Promise.resolve()\n    console.log('3: After await')\n    return 'Result'\n}\n",[4657,6753,6754,6764,6778,6790,6804,6810],{"__ignoreMap":4768},[4772,6755,6756,6758,6760,6762],{"class":4774,"line":4775},[4772,6757,6491],{"class":5067},[4772,6759,6494],{"class":5067},[4772,6761,6497],{"class":5071},[4772,6763,5076],{"class":5075},[4772,6765,6766,6768,6770,6772,6774,6776],{"class":4774,"line":4781},[4772,6767,5082],{"class":5081},[4772,6769,5085],{"class":5075},[4772,6771,5088],{"class":5071},[4772,6773,5091],{"class":5075},[4772,6775,6512],{"class":5094},[4772,6777,5098],{"class":5075},[4772,6779,6780,6782,6784,6786,6788],{"class":4774,"line":4787},[4772,6781,6523],{"class":5109},[4772,6783,6526],{"class":5839},[4772,6785,5085],{"class":5075},[4772,6787,5845],{"class":5071},[4772,6789,5291],{"class":5075},[4772,6791,6792,6794,6796,6798,6800,6802],{"class":4774,"line":4793},[4772,6793,5082],{"class":5081},[4772,6795,5085],{"class":5075},[4772,6797,5088],{"class":5071},[4772,6799,5091],{"class":5075},[4772,6801,6549],{"class":5094},[4772,6803,5098],{"class":5075},[4772,6805,6806,6808],{"class":4774,"line":4800},[4772,6807,6560],{"class":5109},[4772,6809,6563],{"class":5094},[4772,6811,6812],{"class":4774,"line":4806},[4772,6813,4947],{"class":5075},[4588,6815,6816],{},"Приблизно еквівалентний:",[4763,6818,6820],{"className":5058,"code":6819,"language":5060,"meta":4768,"style":4768},"function asyncFunc() {\n    console.log('2: Async function start')\n\n    return Promise.resolve().then(() => {\n        console.log('3: After await')\n        return 'Result'\n    })\n}\n",[4657,6821,6822,6830,6844,6848,6868,6882,6889,6893],{"__ignoreMap":4768},[4772,6823,6824,6826,6828],{"class":4774,"line":4775},[4772,6825,5068],{"class":5067},[4772,6827,6497],{"class":5071},[4772,6829,5076],{"class":5075},[4772,6831,6832,6834,6836,6838,6840,6842],{"class":4774,"line":4781},[4772,6833,5082],{"class":5081},[4772,6835,5085],{"class":5075},[4772,6837,5088],{"class":5071},[4772,6839,5091],{"class":5075},[4772,6841,6512],{"class":5094},[4772,6843,5098],{"class":5075},[4772,6845,6846],{"class":4774,"line":4787},[4772,6847,4797],{"emptyLinePlaceholder":4796},[4772,6849,6850,6852,6854,6856,6858,6860,6862,6864,6866],{"class":4774,"line":4793},[4772,6851,6560],{"class":5109},[4772,6853,6526],{"class":5839},[4772,6855,5085],{"class":5075},[4772,6857,5845],{"class":5071},[4772,6859,5848],{"class":5075},[4772,6861,5851],{"class":5071},[4772,6863,5238],{"class":5075},[4772,6865,5241],{"class":5067},[4772,6867,5244],{"class":5075},[4772,6869,6870,6872,6874,6876,6878,6880],{"class":4774,"line":4800},[4772,6871,5249],{"class":5081},[4772,6873,5085],{"class":5075},[4772,6875,5088],{"class":5071},[4772,6877,5091],{"class":5075},[4772,6879,6549],{"class":5094},[4772,6881,5098],{"class":5075},[4772,6883,6884,6887],{"class":4774,"line":4806},[4772,6885,6886],{"class":5109},"        return",[4772,6888,6563],{"class":5094},[4772,6890,6891],{"class":4774,"line":4812},[4772,6892,5275],{"class":5075},[4772,6894,6895],{"class":4774,"line":4818},[4772,6896,4947],{"class":5075},[4588,6898,6899],{},[4592,6900,6901],{},"Покроковий розбір:",[6078,6903,6904,6910,6919,6924,6930,6936],{},[4641,6905,6906,6909],{},[4657,6907,6908],{},"console.log('1: Start')"," — синхронно",[4641,6911,6912,6913,6916,6917],{},"Викликається ",[4657,6914,6915],{},"asyncFunc()"," → виконується синхронна частина до ",[4657,6918,6741],{},[4641,6920,6921,6909],{},[4657,6922,6923],{},"console.log('2: Async function start')",[4641,6925,6926,6929],{},[4657,6927,6928],{},"await Promise.resolve()"," — додає наступний код у Microtask Queue",[4641,6931,6932,6935],{},[4657,6933,6934],{},"Promise.resolve().then(...)"," з \"5: Promise 1\" → Microtask Queue",[4641,6937,6938,6909],{},[4657,6939,6940],{},"console.log('6: End')",[4588,6942,6943,4655,6946],{},[4592,6944,6945],{},"Стан Microtask Queue:",[4657,6947,6948],{},"[afterAwait, Promise1]",[6078,6950,6951],{"start":4812},[4641,6952,6953,6954],{},"Event Loop виконує мікрозавдання у порядку додавання:\n",[4638,6955,6956,6972],{},[4641,6957,6958,6959,6962,6963,6965,6966,6968,6969],{},"Але! ",[4657,6960,6961],{},"Promise.resolve()"," у ",[4657,6964,6741],{}," вже виконаний (resolved), тому його ",[4657,6967,4718],{}," додається ",[4592,6970,6971],{},"першим",[4641,6973,6974,6975],{},"Фактична черга: ",[4657,6976,6977],{},"[Promise1, afterAwait]",[5202,6979,6980,6983,6984,6986],{},[4592,6981,6982],{},"Тонкість порядку:"," У старих версіях V8 (до 2018) порядок міг відрізнятися. Сучасні специфікації ECMAScript гарантують, що ",[4657,6985,6741],{}," не додає зайвих мікрозавдань.",[4588,6988,6989],{},"::",[4588,6991,6989],{},[5030,6993,6995],{"id":6994},"сценарій-3-nodejs-особливий-випадок-processnexttick","Сценарій 3: Node.js — особливий випадок process.nextTick",[4588,6997,6998,6999,7001,7002,7005,7006,7009],{},"У Node.js є додатковий API для роботи з чергами — ",[4657,7000,5684],{},". Це ",[4592,7003,7004],{},"не мікрозавдання"," у класичному розумінні, а окрема черга з ",[4592,7007,7008],{},"вищим пріоритетом"," за проміси.",[4763,7011,7013],{"className":5058,"code":7012,"language":5060,"meta":4768,"style":4768},"console.log('Start')\n\nsetTimeout(() => {\n    console.log('setTimeout')\n}, 0)\n\nPromise.resolve().then(() => {\n    console.log('Promise')\n})\n\nprocess.nextTick(() => {\n    console.log('nextTick')\n})\n\nconsole.log('End')\n",[4657,7014,7015,7029,7033,7043,7058,7066,7070,7088,7103,7107,7111,7127,7142,7146,7150],{"__ignoreMap":4768},[4772,7016,7017,7019,7021,7023,7025,7027],{"class":4774,"line":4775},[4772,7018,5790],{"class":5081},[4772,7020,5085],{"class":5075},[4772,7022,5088],{"class":5071},[4772,7024,5091],{"class":5075},[4772,7026,5799],{"class":5094},[4772,7028,5098],{"class":5075},[4772,7030,7031],{"class":4774,"line":4781},[4772,7032,4797],{"emptyLinePlaceholder":4796},[4772,7034,7035,7037,7039,7041],{"class":4774,"line":4787},[4772,7036,4659],{"class":5071},[4772,7038,5238],{"class":5075},[4772,7040,5241],{"class":5067},[4772,7042,5244],{"class":5075},[4772,7044,7045,7047,7049,7051,7053,7056],{"class":4774,"line":4793},[4772,7046,5082],{"class":5081},[4772,7048,5085],{"class":5075},[4772,7050,5088],{"class":5071},[4772,7052,5091],{"class":5075},[4772,7054,7055],{"class":5094},"'setTimeout'",[4772,7057,5098],{"class":5075},[4772,7059,7060,7062,7064],{"class":4774,"line":4800},[4772,7061,5920],{"class":5075},[4772,7063,5125],{"class":5124},[4772,7065,5098],{"class":5075},[4772,7067,7068],{"class":4774,"line":4806},[4772,7069,4797],{"emptyLinePlaceholder":4796},[4772,7071,7072,7074,7076,7078,7080,7082,7084,7086],{"class":4774,"line":4812},[4772,7073,4710],{"class":5839},[4772,7075,5085],{"class":5075},[4772,7077,5845],{"class":5071},[4772,7079,5848],{"class":5075},[4772,7081,5851],{"class":5071},[4772,7083,5238],{"class":5075},[4772,7085,5241],{"class":5067},[4772,7087,5244],{"class":5075},[4772,7089,7090,7092,7094,7096,7098,7101],{"class":4774,"line":4818},[4772,7091,5082],{"class":5081},[4772,7093,5085],{"class":5075},[4772,7095,5088],{"class":5071},[4772,7097,5091],{"class":5075},[4772,7099,7100],{"class":5094},"'Promise'",[4772,7102,5098],{"class":5075},[4772,7104,7105],{"class":4774,"line":4823},[4772,7106,6616],{"class":5075},[4772,7108,7109],{"class":4774,"line":4829},[4772,7110,4797],{"emptyLinePlaceholder":4796},[4772,7112,7113,7116,7118,7121,7123,7125],{"class":4774,"line":4835},[4772,7114,7115],{"class":5081},"process",[4772,7117,5085],{"class":5075},[4772,7119,7120],{"class":5071},"nextTick",[4772,7122,5238],{"class":5075},[4772,7124,5241],{"class":5067},[4772,7126,5244],{"class":5075},[4772,7128,7129,7131,7133,7135,7137,7140],{"class":4774,"line":4841},[4772,7130,5082],{"class":5081},[4772,7132,5085],{"class":5075},[4772,7134,5088],{"class":5071},[4772,7136,5091],{"class":5075},[4772,7138,7139],{"class":5094},"'nextTick'",[4772,7141,5098],{"class":5075},[4772,7143,7144],{"class":4774,"line":4846},[4772,7145,6616],{"class":5075},[4772,7147,7148],{"class":4774,"line":4852},[4772,7149,4797],{"emptyLinePlaceholder":4796},[4772,7151,7152,7154,7156,7158,7160,7162],{"class":4774,"line":4858},[4772,7153,5790],{"class":5081},[4772,7155,5085],{"class":5075},[4772,7157,5088],{"class":5071},[4772,7159,5091],{"class":5075},[4772,7161,6058],{"class":5094},[4772,7163,5098],{"class":5075},[4588,7165,7166],{},[4592,7167,7168],{},"Вивід у Node.js:",[6683,7170,7172,7181,7185,7189,7196,7203],{"title":7171},"node app.js",[6687,7173,7175,4655,7178],{"className":7174},[4774],[4772,7176,6694],{"className":7177},[6693],[4592,7179,7171],{"className":7180},[6698],[6687,7182,7184],{"className":7183},[4774],"Start",[6687,7186,7188],{"className":7187},[4774],"End",[6687,7190,7192],{"className":7191},[4774],[4772,7193,7120],{"className":7194},[7195,6698],"text-yellow-400",[6687,7197,7199],{"className":7198},[4774],[4772,7200,4710],{"className":7201},[7202],"text-blue-400",[6687,7204,7206],{"className":7205},[4774],[4772,7207,4659],{"className":7208},[7209],"text-green-400",[4588,7211,7212],{},[4592,7213,7214],{},"Пріоритет у Node.js:",[6078,7216,7217,7222,7230,7239],{},[4641,7218,7219],{},[4592,7220,7221],{},"Синхронний код",[4641,7223,7224,7227,7228],{},[4592,7225,7226],{},"nextTick Queue"," — ",[4657,7229,5684],{},[4641,7231,7232,7227,7235,4695,7237],{},[4592,7233,7234],{},"Microtask Queue",[4657,7236,4694],{},[4657,7238,4698],{},[4641,7240,7241,7227,7244,4695,7246],{},[4592,7242,7243],{},"Macrotask Queue",[4657,7245,4659],{},[4657,7247,5669],{},[7249,7250,7251,7256,7266,7346,7351,7363],"caution",{},[4588,7252,7253],{},[4592,7254,7255],{},"Небезпека nextTick:",[4588,7257,7258,7259,7261,7262,7265],{},"Оскільки ",[4657,7260,5684],{}," має найвищий пріоритет, рекурсивний виклик може ",[4592,7263,7264],{},"повністю заблокувати"," Event Loop:",[4763,7267,7269],{"className":5058,"code":7268,"language":5060,"meta":4768,"style":4768},"function recursiveNextTick() {\n    process.nextTick(() => {\n        console.log('Tick')\n        recursiveNextTick()\n    })\n}\n\nrecursiveNextTick()\n\u002F\u002F Макрозавдання, мікрозавдання та IO операції НІКОЛИ не виконаються\n\u002F\u002F Node.js process \"зависне\"\n",[4657,7270,7271,7280,7295,7310,7317,7321,7325,7329,7336,7341],{"__ignoreMap":4768},[4772,7272,7273,7275,7278],{"class":4774,"line":4775},[4772,7274,5068],{"class":5067},[4772,7276,7277],{"class":5071}," recursiveNextTick",[4772,7279,5076],{"class":5075},[4772,7281,7282,7285,7287,7289,7291,7293],{"class":4774,"line":4781},[4772,7283,7284],{"class":5081},"    process",[4772,7286,5085],{"class":5075},[4772,7288,7120],{"class":5071},[4772,7290,5238],{"class":5075},[4772,7292,5241],{"class":5067},[4772,7294,5244],{"class":5075},[4772,7296,7297,7299,7301,7303,7305,7308],{"class":4774,"line":4787},[4772,7298,5249],{"class":5081},[4772,7300,5085],{"class":5075},[4772,7302,5088],{"class":5071},[4772,7304,5091],{"class":5075},[4772,7306,7307],{"class":5094},"'Tick'",[4772,7309,5098],{"class":5075},[4772,7311,7312,7315],{"class":4774,"line":4793},[4772,7313,7314],{"class":5071},"        recursiveNextTick",[4772,7316,5291],{"class":5075},[4772,7318,7319],{"class":4774,"line":4800},[4772,7320,5275],{"class":5075},[4772,7322,7323],{"class":4774,"line":4806},[4772,7324,4947],{"class":5075},[4772,7326,7327],{"class":4774,"line":4812},[4772,7328,4797],{"emptyLinePlaceholder":4796},[4772,7330,7331,7334],{"class":4774,"line":4818},[4772,7332,7333],{"class":5071},"recursiveNextTick",[4772,7335,5291],{"class":5075},[4772,7337,7338],{"class":4774,"line":4823},[4772,7339,7340],{"class":5103},"\u002F\u002F Макрозавдання, мікрозавдання та IO операції НІКОЛИ не виконаються\n",[4772,7342,7343],{"class":4774,"line":4829},[4772,7344,7345],{"class":5103},"\u002F\u002F Node.js process \"зависне\"\n",[4588,7347,7348],{},[4592,7349,7350],{},"Коли використовувати:",[4638,7352,7353,7360],{},[4641,7354,7355,7356,7359],{},"Коли потрібна гарантована послідовність виконання ",[4592,7357,7358],{},"перед"," будь-якими IO операціями",[4641,7361,7362],{},"Для емуляції синхронного API через асинхронний (рідкісні випадки)",[4588,7364,7365,7368,7369,7371,7372,7375,7376,7378],{},[4592,7366,7367],{},"Найкраща практика:"," Використовуйте ",[4657,7370,4698],{}," або ",[4657,7373,7374],{},"Promise.resolve().then()"," замість ",[4657,7377,7120],{},", якщо немає специфічних причин.",[4583,7380,7382],{"id":7381},"візуалізація-повного-життєвого-циклу-event-loop","Візуалізація повного життєвого циклу Event Loop",[4588,7384,7385],{},"Об'єднаймо всі знання у одну комплексну діаграму:",[7387,7388,7389],"mermaid",{},[4763,7390,7393],{"className":7391,"code":7392,"language":7387,"meta":4768,"style":4768},"language-mermaid shiki shiki-themes light-plus dark-plus dark-plus","stateDiagram-v2\n    [*] --> SyncCode: Запуск скрипта\n    \n    SyncCode: Виконання синхронного коду\u003Cbr\u002F>у Call Stack\n    SyncCode --> NextTick: Stack порожній\u003Cbr\u002F>(тільки Node.js)\n    \n    NextTick: process.nextTick Queue\u003Cbr\u002F>Виконати ВСІ\n    NextTick --> Microtasks: nextTick Queue порожня\n    \n    Microtasks: Microtask Queue\u003Cbr\u002F>Виконати ВСІ\n    Microtasks --> Microtasks: Нові мікрозавдання\u003Cbr\u002F>додалися?\n    Microtasks --> CheckRender: Microtask Queue порожня\n    \n    CheckRender: Потрібен рендеринг?\u003Cbr\u002F>(тільки браузер)\n    CheckRender --> Render: Так, настав час кадру\n    CheckRender --> CheckMacro: Ні\n    \n    Render: Оновлення DOM та CSS\u003Cbr\u002F>requestAnimationFrame\n    Render --> CheckMacro\n    \n    CheckMacro: Є макрозавдання\u003Cbr\u002F>у черзі?\n    CheckMacro --> Macrotask: Так\n    CheckMacro --> Wait: Ні\n    \n    Macrotask: Виконати ОДНЕ\u003Cbr\u002F>макрозавдання\n    Macrotask --> NextTick: Завершено\n    \n    Wait: Очікування IO подій\u003Cbr\u002F>Режим Idle\n    Wait --> NextTick: Нова подія\n",[4657,7394,7395,7400,7405,7409,7414,7419,7423,7428,7433,7437,7442,7447,7452,7456,7461,7466,7471,7475,7480,7485,7489,7494,7499,7504,7508,7513,7518,7522,7527],{"__ignoreMap":4768},[4772,7396,7397],{"class":4774,"line":4775},[4772,7398,7399],{},"stateDiagram-v2\n",[4772,7401,7402],{"class":4774,"line":4781},[4772,7403,7404],{},"    [*] --> SyncCode: Запуск скрипта\n",[4772,7406,7407],{"class":4774,"line":4787},[4772,7408,4809],{},[4772,7410,7411],{"class":4774,"line":4793},[4772,7412,7413],{},"    SyncCode: Виконання синхронного коду\u003Cbr\u002F>у Call Stack\n",[4772,7415,7416],{"class":4774,"line":4800},[4772,7417,7418],{},"    SyncCode --> NextTick: Stack порожній\u003Cbr\u002F>(тільки Node.js)\n",[4772,7420,7421],{"class":4774,"line":4806},[4772,7422,4809],{},[4772,7424,7425],{"class":4774,"line":4812},[4772,7426,7427],{},"    NextTick: process.nextTick Queue\u003Cbr\u002F>Виконати ВСІ\n",[4772,7429,7430],{"class":4774,"line":4818},[4772,7431,7432],{},"    NextTick --> Microtasks: nextTick Queue порожня\n",[4772,7434,7435],{"class":4774,"line":4823},[4772,7436,4809],{},[4772,7438,7439],{"class":4774,"line":4829},[4772,7440,7441],{},"    Microtasks: Microtask Queue\u003Cbr\u002F>Виконати ВСІ\n",[4772,7443,7444],{"class":4774,"line":4835},[4772,7445,7446],{},"    Microtasks --> Microtasks: Нові мікрозавдання\u003Cbr\u002F>додалися?\n",[4772,7448,7449],{"class":4774,"line":4841},[4772,7450,7451],{},"    Microtasks --> CheckRender: Microtask Queue порожня\n",[4772,7453,7454],{"class":4774,"line":4846},[4772,7455,4809],{},[4772,7457,7458],{"class":4774,"line":4852},[4772,7459,7460],{},"    CheckRender: Потрібен рендеринг?\u003Cbr\u002F>(тільки браузер)\n",[4772,7462,7463],{"class":4774,"line":4858},[4772,7464,7465],{},"    CheckRender --> Render: Так, настав час кадру\n",[4772,7467,7468],{"class":4774,"line":4864},[4772,7469,7470],{},"    CheckRender --> CheckMacro: Ні\n",[4772,7472,7473],{"class":4774,"line":4870},[4772,7474,4809],{},[4772,7476,7477],{"class":4774,"line":4875},[4772,7478,7479],{},"    Render: Оновлення DOM та CSS\u003Cbr\u002F>requestAnimationFrame\n",[4772,7481,7482],{"class":4774,"line":4880},[4772,7483,7484],{},"    Render --> CheckMacro\n",[4772,7486,7487],{"class":4774,"line":4886},[4772,7488,4809],{},[4772,7490,7491],{"class":4774,"line":4892},[4772,7492,7493],{},"    CheckMacro: Є макрозавдання\u003Cbr\u002F>у черзі?\n",[4772,7495,7496],{"class":4774,"line":4898},[4772,7497,7498],{},"    CheckMacro --> Macrotask: Так\n",[4772,7500,7501],{"class":4774,"line":4904},[4772,7502,7503],{},"    CheckMacro --> Wait: Ні\n",[4772,7505,7506],{"class":4774,"line":4910},[4772,7507,4809],{},[4772,7509,7510],{"class":4774,"line":4916},[4772,7511,7512],{},"    Macrotask: Виконати ОДНЕ\u003Cbr\u002F>макрозавдання\n",[4772,7514,7515],{"class":4774,"line":4922},[4772,7516,7517],{},"    Macrotask --> NextTick: Завершено\n",[4772,7519,7520],{"class":4774,"line":4928},[4772,7521,4809],{},[4772,7523,7524],{"class":4774,"line":4933},[4772,7525,7526],{},"    Wait: Очікування IO подій\u003Cbr\u002F>Режим Idle\n",[4772,7528,7529],{"class":4774,"line":4938},[4772,7530,7531],{},"    Wait --> NextTick: Нова подія\n",[4583,7533,7535],{"id":7534},"практичні-патерни-роботи-з-чергами","Практичні патерни роботи з чергами",[4588,7537,7538],{},"Розуміння механізмів черг дозволяє писати більш ефективний та передбачуваний асинхронний код. Розгляньмо корисні патерни.",[5030,7540,7542],{"id":7541},"патерн-1-розбиття-важкої-роботи-на-шматки","Патерн 1: Розбиття важкої роботи на шматки",[4588,7544,7545],{},"Коли потрібно виконати ресурсомістку операцію (обробка великого масиву, складні обчислення), краще розбити її на частини, даючи Event Loop змогу обслуговувати інші події.",[4763,7547,7549],{"className":5058,"code":7548,"language":5060,"meta":4768,"style":4768},"async function processLargeArray(array, processItem) {\n    const chunkSize = 100 \u002F\u002F Обробляємо по 100 елементів за раз\n    let index = 0\n\n    while (index \u003C array.length) {\n        \u002F\u002F Обробляємо шматок даних\n        const chunk = array.slice(index, index + chunkSize)\n\n        for (const item of chunk) {\n            processItem(item)\n        }\n\n        index += chunkSize\n\n        \u002F\u002F Даємо Event Loop обробити інші завдання\n        await new Promise((resolve) => setTimeout(resolve, 0))\n\n        \u002F\u002F Оновлюємо прогрес-бар (якщо є)\n        updateProgressBar((index \u002F array.length) * 100)\n    }\n\n    console.log('Обробка завершена')\n}\n\n\u002F\u002F Використання\nconst data = Array.from({ length: 10000 }, (_, i) => i)\n\nprocessLargeArray(data, (item) => {\n    \u002F\u002F Складна операція з кожним елементом\n    Math.sqrt(item) * Math.PI\n})\n",[4657,7550,7551,7572,7588,7601,7605,7625,7630,7662,7666,7686,7698,7703,7707,7718,7722,7727,7759,7763,7768,7793,7797,7801,7816,7820,7824,7829,7873,7877,7898,7903,7927],{"__ignoreMap":4768},[4772,7552,7553,7555,7557,7560,7562,7565,7567,7570],{"class":4774,"line":4775},[4772,7554,6491],{"class":5067},[4772,7556,6494],{"class":5067},[4772,7558,7559],{"class":5071}," processLargeArray",[4772,7561,5091],{"class":5075},[4772,7563,7564],{"class":5081},"array",[4772,7566,4695],{"class":5075},[4772,7568,7569],{"class":5081},"processItem",[4772,7571,5379],{"class":5075},[4772,7573,7574,7577,7580,7582,7585],{"class":4774,"line":4781},[4772,7575,7576],{"class":5067},"    const",[4772,7578,7579],{"class":5449}," chunkSize",[4772,7581,5121],{"class":5075},[4772,7583,7584],{"class":5124},"100",[4772,7586,7587],{"class":5103}," \u002F\u002F Обробляємо по 100 елементів за раз\n",[4772,7589,7590,7593,7596,7598],{"class":4774,"line":4787},[4772,7591,7592],{"class":5067},"    let",[4772,7594,7595],{"class":5081}," index",[4772,7597,5121],{"class":5075},[4772,7599,7600],{"class":5124},"0\n",[4772,7602,7603],{"class":4774,"line":4793},[4772,7604,4797],{"emptyLinePlaceholder":4796},[4772,7606,7607,7609,7611,7614,7616,7618,7620,7623],{"class":4774,"line":4800},[4772,7608,5429],{"class":5109},[4772,7610,4595],{"class":5075},[4772,7612,7613],{"class":5081},"index",[4772,7615,5134],{"class":5075},[4772,7617,7564],{"class":5081},[4772,7619,5085],{"class":5075},[4772,7621,7622],{"class":5081},"length",[4772,7624,5379],{"class":5075},[4772,7626,7627],{"class":4774,"line":4806},[4772,7628,7629],{"class":5103},"        \u002F\u002F Обробляємо шматок даних\n",[4772,7631,7632,7634,7637,7639,7641,7643,7646,7648,7650,7652,7654,7657,7660],{"class":4774,"line":4812},[4772,7633,5446],{"class":5067},[4772,7635,7636],{"class":5449}," chunk",[4772,7638,5121],{"class":5075},[4772,7640,7564],{"class":5081},[4772,7642,5085],{"class":5075},[4772,7644,7645],{"class":5071},"slice",[4772,7647,5091],{"class":5075},[4772,7649,7613],{"class":5081},[4772,7651,4695],{"class":5075},[4772,7653,7613],{"class":5081},[4772,7655,7656],{"class":5075}," + ",[4772,7658,7659],{"class":5081},"chunkSize",[4772,7661,5098],{"class":5075},[4772,7663,7664],{"class":4774,"line":4818},[4772,7665,4797],{"emptyLinePlaceholder":4796},[4772,7667,7668,7671,7673,7676,7679,7682,7684],{"class":4774,"line":4823},[4772,7669,7670],{"class":5109},"        for",[4772,7672,4595],{"class":5075},[4772,7674,7675],{"class":5067},"const",[4772,7677,7678],{"class":5449}," item",[4772,7680,7681],{"class":5067}," of",[4772,7683,7636],{"class":5081},[4772,7685,5379],{"class":5075},[4772,7687,7688,7691,7693,7696],{"class":4774,"line":4829},[4772,7689,7690],{"class":5071},"            processItem",[4772,7692,5091],{"class":5075},[4772,7694,7695],{"class":5081},"item",[4772,7697,5098],{"class":5075},[4772,7699,7700],{"class":4774,"line":4835},[4772,7701,7702],{"class":5075},"        }\n",[4772,7704,7705],{"class":4774,"line":4841},[4772,7706,4797],{"emptyLinePlaceholder":4796},[4772,7708,7709,7712,7715],{"class":4774,"line":4846},[4772,7710,7711],{"class":5081},"        index",[4772,7713,7714],{"class":5075}," += ",[4772,7716,7717],{"class":5081},"chunkSize\n",[4772,7719,7720],{"class":4774,"line":4852},[4772,7721,4797],{"emptyLinePlaceholder":4796},[4772,7723,7724],{"class":4774,"line":4858},[4772,7725,7726],{"class":5103},"        \u002F\u002F Даємо Event Loop обробити інші завдання\n",[4772,7728,7729,7732,7735,7737,7739,7741,7743,7745,7748,7750,7752,7754,7756],{"class":4774,"line":4864},[4772,7730,7731],{"class":5109},"        await",[4772,7733,7734],{"class":5067}," new",[4772,7736,6526],{"class":5839},[4772,7738,6583],{"class":5075},[4772,7740,5845],{"class":5081},[4772,7742,6146],{"class":5075},[4772,7744,5241],{"class":5067},[4772,7746,7747],{"class":5071}," setTimeout",[4772,7749,5091],{"class":5075},[4772,7751,5845],{"class":5081},[4772,7753,4695],{"class":5075},[4772,7755,5125],{"class":5124},[4772,7757,7758],{"class":5075},"))\n",[4772,7760,7761],{"class":4774,"line":4870},[4772,7762,4797],{"emptyLinePlaceholder":4796},[4772,7764,7765],{"class":4774,"line":4875},[4772,7766,7767],{"class":5103},"        \u002F\u002F Оновлюємо прогрес-бар (якщо є)\n",[4772,7769,7770,7773,7775,7777,7780,7782,7784,7786,7789,7791],{"class":4774,"line":4880},[4772,7771,7772],{"class":5071},"        updateProgressBar",[4772,7774,6583],{"class":5075},[4772,7776,7613],{"class":5081},[4772,7778,7779],{"class":5075}," \u002F ",[4772,7781,7564],{"class":5081},[4772,7783,5085],{"class":5075},[4772,7785,7622],{"class":5081},[4772,7787,7788],{"class":5075},") * ",[4772,7790,7584],{"class":5124},[4772,7792,5098],{"class":5075},[4772,7794,7795],{"class":4774,"line":4886},[4772,7796,4838],{"class":5075},[4772,7798,7799],{"class":4774,"line":4892},[4772,7800,4797],{"emptyLinePlaceholder":4796},[4772,7802,7803,7805,7807,7809,7811,7814],{"class":4774,"line":4898},[4772,7804,5082],{"class":5081},[4772,7806,5085],{"class":5075},[4772,7808,5088],{"class":5071},[4772,7810,5091],{"class":5075},[4772,7812,7813],{"class":5094},"'Обробка завершена'",[4772,7815,5098],{"class":5075},[4772,7817,7818],{"class":4774,"line":4904},[4772,7819,4947],{"class":5075},[4772,7821,7822],{"class":4774,"line":4910},[4772,7823,4797],{"emptyLinePlaceholder":4796},[4772,7825,7826],{"class":4774,"line":4916},[4772,7827,7828],{"class":5103},"\u002F\u002F Використання\n",[4772,7830,7831,7833,7836,7838,7841,7843,7846,7849,7852,7855,7858,7861,7863,7865,7867,7869,7871],{"class":4774,"line":4922},[4772,7832,7675],{"class":5067},[4772,7834,7835],{"class":5449}," data",[4772,7837,5121],{"class":5075},[4772,7839,7840],{"class":5081},"Array",[4772,7842,5085],{"class":5075},[4772,7844,7845],{"class":5071},"from",[4772,7847,7848],{"class":5075},"({ ",[4772,7850,7851],{"class":5081},"length:",[4772,7853,7854],{"class":5124}," 10000",[4772,7856,7857],{"class":5075}," }, (",[4772,7859,7860],{"class":5081},"_",[4772,7862,4695],{"class":5075},[4772,7864,5131],{"class":5081},[4772,7866,6146],{"class":5075},[4772,7868,5241],{"class":5067},[4772,7870,5118],{"class":5081},[4772,7872,5098],{"class":5075},[4772,7874,7875],{"class":4774,"line":4928},[4772,7876,4797],{"emptyLinePlaceholder":4796},[4772,7878,7879,7882,7884,7887,7890,7892,7894,7896],{"class":4774,"line":4933},[4772,7880,7881],{"class":5071},"processLargeArray",[4772,7883,5091],{"class":5075},[4772,7885,7886],{"class":5081},"data",[4772,7888,7889],{"class":5075},", (",[4772,7891,7695],{"class":5081},[4772,7893,6146],{"class":5075},[4772,7895,5241],{"class":5067},[4772,7897,5244],{"class":5075},[4772,7899,7900],{"class":4774,"line":4938},[4772,7901,7902],{"class":5103},"    \u002F\u002F Складна операція з кожним елементом\n",[4772,7904,7905,7908,7910,7913,7915,7917,7919,7922,7924],{"class":4774,"line":4944},[4772,7906,7907],{"class":5081},"    Math",[4772,7909,5085],{"class":5075},[4772,7911,7912],{"class":5071},"sqrt",[4772,7914,5091],{"class":5075},[4772,7916,7695],{"class":5081},[4772,7918,7788],{"class":5075},[4772,7920,7921],{"class":5081},"Math",[4772,7923,5085],{"class":5075},[4772,7925,7926],{"class":5449},"PI\n",[4772,7928,7929],{"class":4774,"line":4950},[4772,7930,6616],{"class":5075},[4588,7932,7933],{},[4592,7934,7935],{},"Чому це працює?",[4638,7937,7938,7944],{},[4641,7939,7940,7943],{},[4657,7941,7942],{},"await new Promise(resolve => setTimeout(resolve, 0))"," створює макрозавдання",[4641,7945,7946,7947],{},"Між макрозавданнями Event Loop може виконати:\n",[4638,7948,7949,7952,7955],{},[4641,7950,7951],{},"Мікрозавдання (проміси)",[4641,7953,7954],{},"Оновлення UI (рендеринг)",[4641,7956,7957],{},"Обробку подій користувача (кліки, прокрутка)",[7959,7960,7961,7970],"tip",{},[4588,7962,7963,7368,7966,7969],{},[4592,7964,7965],{},"Альтернатива для браузерів:",[4657,7967,7968],{},"requestIdleCallback"," для виконання роботи у \"вільний\" час:",[4763,7971,7973],{"className":5058,"code":7972,"language":5060,"meta":4768,"style":4768},"function processWhenIdle(tasks) {\n    function work(deadline) {\n        while (tasks.length > 0 && deadline.timeRemaining() > 0) {\n            const task = tasks.shift()\n            task()\n        }\n\n        if (tasks.length > 0) {\n            requestIdleCallback(work)\n        }\n    }\n\n    requestIdleCallback(work)\n}\n",[4657,7974,7975,7989,8004,8039,8058,8065,8069,8073,8092,8104,8108,8112,8116,8127],{"__ignoreMap":4768},[4772,7976,7977,7979,7982,7984,7987],{"class":4774,"line":4775},[4772,7978,5068],{"class":5067},[4772,7980,7981],{"class":5071}," processWhenIdle",[4772,7983,5091],{"class":5075},[4772,7985,7986],{"class":5081},"tasks",[4772,7988,5379],{"class":5075},[4772,7990,7991,7994,7997,7999,8002],{"class":4774,"line":4781},[4772,7992,7993],{"class":5067},"    function",[4772,7995,7996],{"class":5071}," work",[4772,7998,5091],{"class":5075},[4772,8000,8001],{"class":5081},"deadline",[4772,8003,5379],{"class":5075},[4772,8005,8006,8009,8011,8013,8015,8017,8020,8022,8025,8027,8029,8032,8035,8037],{"class":4774,"line":4787},[4772,8007,8008],{"class":5109},"        while",[4772,8010,4595],{"class":5075},[4772,8012,7986],{"class":5081},[4772,8014,5085],{"class":5075},[4772,8016,7622],{"class":5081},[4772,8018,8019],{"class":5075}," > ",[4772,8021,5125],{"class":5124},[4772,8023,8024],{"class":5075}," && ",[4772,8026,8001],{"class":5081},[4772,8028,5085],{"class":5075},[4772,8030,8031],{"class":5071},"timeRemaining",[4772,8033,8034],{"class":5075},"() > ",[4772,8036,5125],{"class":5124},[4772,8038,5379],{"class":5075},[4772,8040,8041,8044,8047,8049,8051,8053,8056],{"class":4774,"line":4793},[4772,8042,8043],{"class":5067},"            const",[4772,8045,8046],{"class":5449}," task",[4772,8048,5121],{"class":5075},[4772,8050,7986],{"class":5081},[4772,8052,5085],{"class":5075},[4772,8054,8055],{"class":5071},"shift",[4772,8057,5291],{"class":5075},[4772,8059,8060,8063],{"class":4774,"line":4800},[4772,8061,8062],{"class":5071},"            task",[4772,8064,5291],{"class":5075},[4772,8066,8067],{"class":4774,"line":4806},[4772,8068,7702],{"class":5075},[4772,8070,8071],{"class":4774,"line":4812},[4772,8072,4797],{"emptyLinePlaceholder":4796},[4772,8074,8075,8078,8080,8082,8084,8086,8088,8090],{"class":4774,"line":4818},[4772,8076,8077],{"class":5109},"        if",[4772,8079,4595],{"class":5075},[4772,8081,7986],{"class":5081},[4772,8083,5085],{"class":5075},[4772,8085,7622],{"class":5081},[4772,8087,8019],{"class":5075},[4772,8089,5125],{"class":5124},[4772,8091,5379],{"class":5075},[4772,8093,8094,8097,8099,8102],{"class":4774,"line":4823},[4772,8095,8096],{"class":5071},"            requestIdleCallback",[4772,8098,5091],{"class":5075},[4772,8100,8101],{"class":5081},"work",[4772,8103,5098],{"class":5075},[4772,8105,8106],{"class":4774,"line":4829},[4772,8107,7702],{"class":5075},[4772,8109,8110],{"class":4774,"line":4835},[4772,8111,4838],{"class":5075},[4772,8113,8114],{"class":4774,"line":4841},[4772,8115,4797],{"emptyLinePlaceholder":4796},[4772,8117,8118,8121,8123,8125],{"class":4774,"line":4846},[4772,8119,8120],{"class":5071},"    requestIdleCallback",[4772,8122,5091],{"class":5075},[4772,8124,8101],{"class":5081},[4772,8126,5098],{"class":5075},[4772,8128,8129],{"class":4774,"line":4852},[4772,8130,4947],{"class":5075},[5030,8132,8134],{"id":8133},"патерн-2-гарантований-порядок-виконання-через-мікрозавдання","Патерн 2: Гарантований порядок виконання через мікрозавдання",[4588,8136,8137,8138,8141,8142,8145,8146,5085],{},"Коли потрібно виконати код ",[4592,8139,8140],{},"одразу після"," поточної операції, але ",[4592,8143,8144],{},"до"," будь-яких макрозавдань, використовуйте ",[4657,8147,8148],{},"queueMicrotask",[4763,8150,8152],{"className":5058,"code":8151,"language":5060,"meta":4768,"style":4768},"class DataStore {\n    constructor() {\n        this.data = []\n        this.listeners = []\n    }\n\n    add(item) {\n        this.data.push(item)\n\n        \u002F\u002F Сповіщаємо підписників через мікрозавдання\n        \u002F\u002F Це гарантує, що всі синхронні операції завершилися\n        queueMicrotask(() => {\n            this.listeners.forEach((listener) => listener(item))\n        })\n    }\n\n    subscribe(callback) {\n        this.listeners.push(callback)\n    }\n}\n\n\u002F\u002F Використання\nconst store = new DataStore()\n\nstore.subscribe((item) => {\n    console.log('Додано:', item)\n})\n\nstore.add('Item 1')\nstore.add('Item 2')\nstore.add('Item 3')\n\nconsole.log('Всі додавання завершені')\n\n\u002F\u002F Вивід:\n\u002F\u002F Всі додавання завершені\n\u002F\u002F Додано: Item 1\n\u002F\u002F Додано: Item 2\n\u002F\u002F Додано: Item 3\n",[4657,8153,8154,8164,8171,8183,8194,8198,8202,8213,8232,8236,8241,8246,8257,8289,8294,8298,8302,8314,8332,8336,8340,8344,8348,8364,8368,8388,8407,8411,8415,8431,8446,8461,8465,8480,8484,8489,8494,8499,8504],{"__ignoreMap":4768},[4772,8155,8156,8159,8162],{"class":4774,"line":4775},[4772,8157,8158],{"class":5067},"class",[4772,8160,8161],{"class":5839}," DataStore",[4772,8163,5244],{"class":5075},[4772,8165,8166,8169],{"class":4774,"line":4781},[4772,8167,8168],{"class":5067},"    constructor",[4772,8170,5076],{"class":5075},[4772,8172,8173,8176,8178,8180],{"class":4774,"line":4787},[4772,8174,8175],{"class":5067},"        this",[4772,8177,5085],{"class":5075},[4772,8179,7886],{"class":5081},[4772,8181,8182],{"class":5075}," = []\n",[4772,8184,8185,8187,8189,8192],{"class":4774,"line":4793},[4772,8186,8175],{"class":5067},[4772,8188,5085],{"class":5075},[4772,8190,8191],{"class":5081},"listeners",[4772,8193,8182],{"class":5075},[4772,8195,8196],{"class":4774,"line":4800},[4772,8197,4838],{"class":5075},[4772,8199,8200],{"class":4774,"line":4806},[4772,8201,4797],{"emptyLinePlaceholder":4796},[4772,8203,8204,8207,8209,8211],{"class":4774,"line":4812},[4772,8205,8206],{"class":5071},"    add",[4772,8208,5091],{"class":5075},[4772,8210,7695],{"class":5081},[4772,8212,5379],{"class":5075},[4772,8214,8215,8217,8219,8221,8223,8226,8228,8230],{"class":4774,"line":4818},[4772,8216,8175],{"class":5067},[4772,8218,5085],{"class":5075},[4772,8220,7886],{"class":5081},[4772,8222,5085],{"class":5075},[4772,8224,8225],{"class":5071},"push",[4772,8227,5091],{"class":5075},[4772,8229,7695],{"class":5081},[4772,8231,5098],{"class":5075},[4772,8233,8234],{"class":4774,"line":4823},[4772,8235,4797],{"emptyLinePlaceholder":4796},[4772,8237,8238],{"class":4774,"line":4829},[4772,8239,8240],{"class":5103},"        \u002F\u002F Сповіщаємо підписників через мікрозавдання\n",[4772,8242,8243],{"class":4774,"line":4835},[4772,8244,8245],{"class":5103},"        \u002F\u002F Це гарантує, що всі синхронні операції завершилися\n",[4772,8247,8248,8251,8253,8255],{"class":4774,"line":4841},[4772,8249,8250],{"class":5071},"        queueMicrotask",[4772,8252,5238],{"class":5075},[4772,8254,5241],{"class":5067},[4772,8256,5244],{"class":5075},[4772,8258,8259,8262,8264,8266,8268,8271,8273,8276,8278,8280,8283,8285,8287],{"class":4774,"line":4846},[4772,8260,8261],{"class":5067},"            this",[4772,8263,5085],{"class":5075},[4772,8265,8191],{"class":5081},[4772,8267,5085],{"class":5075},[4772,8269,8270],{"class":5071},"forEach",[4772,8272,6583],{"class":5075},[4772,8274,8275],{"class":5081},"listener",[4772,8277,6146],{"class":5075},[4772,8279,5241],{"class":5067},[4772,8281,8282],{"class":5071}," listener",[4772,8284,5091],{"class":5075},[4772,8286,7695],{"class":5081},[4772,8288,7758],{"class":5075},[4772,8290,8291],{"class":4774,"line":4852},[4772,8292,8293],{"class":5075},"        })\n",[4772,8295,8296],{"class":4774,"line":4858},[4772,8297,4838],{"class":5075},[4772,8299,8300],{"class":4774,"line":4864},[4772,8301,4797],{"emptyLinePlaceholder":4796},[4772,8303,8304,8307,8309,8312],{"class":4774,"line":4870},[4772,8305,8306],{"class":5071},"    subscribe",[4772,8308,5091],{"class":5075},[4772,8310,8311],{"class":5081},"callback",[4772,8313,5379],{"class":5075},[4772,8315,8316,8318,8320,8322,8324,8326,8328,8330],{"class":4774,"line":4875},[4772,8317,8175],{"class":5067},[4772,8319,5085],{"class":5075},[4772,8321,8191],{"class":5081},[4772,8323,5085],{"class":5075},[4772,8325,8225],{"class":5071},[4772,8327,5091],{"class":5075},[4772,8329,8311],{"class":5081},[4772,8331,5098],{"class":5075},[4772,8333,8334],{"class":4774,"line":4880},[4772,8335,4838],{"class":5075},[4772,8337,8338],{"class":4774,"line":4886},[4772,8339,4947],{"class":5075},[4772,8341,8342],{"class":4774,"line":4892},[4772,8343,4797],{"emptyLinePlaceholder":4796},[4772,8345,8346],{"class":4774,"line":4898},[4772,8347,7828],{"class":5103},[4772,8349,8350,8352,8355,8357,8360,8362],{"class":4774,"line":4904},[4772,8351,7675],{"class":5067},[4772,8353,8354],{"class":5449}," store",[4772,8356,5121],{"class":5075},[4772,8358,8359],{"class":5067},"new",[4772,8361,8161],{"class":5071},[4772,8363,5291],{"class":5075},[4772,8365,8366],{"class":4774,"line":4910},[4772,8367,4797],{"emptyLinePlaceholder":4796},[4772,8369,8370,8373,8375,8378,8380,8382,8384,8386],{"class":4774,"line":4916},[4772,8371,8372],{"class":5081},"store",[4772,8374,5085],{"class":5075},[4772,8376,8377],{"class":5071},"subscribe",[4772,8379,6583],{"class":5075},[4772,8381,7695],{"class":5081},[4772,8383,6146],{"class":5075},[4772,8385,5241],{"class":5067},[4772,8387,5244],{"class":5075},[4772,8389,8390,8392,8394,8396,8398,8401,8403,8405],{"class":4774,"line":4922},[4772,8391,5082],{"class":5081},[4772,8393,5085],{"class":5075},[4772,8395,5088],{"class":5071},[4772,8397,5091],{"class":5075},[4772,8399,8400],{"class":5094},"'Додано:'",[4772,8402,4695],{"class":5075},[4772,8404,7695],{"class":5081},[4772,8406,5098],{"class":5075},[4772,8408,8409],{"class":4774,"line":4928},[4772,8410,6616],{"class":5075},[4772,8412,8413],{"class":4774,"line":4933},[4772,8414,4797],{"emptyLinePlaceholder":4796},[4772,8416,8417,8419,8421,8424,8426,8429],{"class":4774,"line":4938},[4772,8418,8372],{"class":5081},[4772,8420,5085],{"class":5075},[4772,8422,8423],{"class":5071},"add",[4772,8425,5091],{"class":5075},[4772,8427,8428],{"class":5094},"'Item 1'",[4772,8430,5098],{"class":5075},[4772,8432,8433,8435,8437,8439,8441,8444],{"class":4774,"line":4944},[4772,8434,8372],{"class":5081},[4772,8436,5085],{"class":5075},[4772,8438,8423],{"class":5071},[4772,8440,5091],{"class":5075},[4772,8442,8443],{"class":5094},"'Item 2'",[4772,8445,5098],{"class":5075},[4772,8447,8448,8450,8452,8454,8456,8459],{"class":4774,"line":4950},[4772,8449,8372],{"class":5081},[4772,8451,5085],{"class":5075},[4772,8453,8423],{"class":5071},[4772,8455,5091],{"class":5075},[4772,8457,8458],{"class":5094},"'Item 3'",[4772,8460,5098],{"class":5075},[4772,8462,8463],{"class":4774,"line":4955},[4772,8464,4797],{"emptyLinePlaceholder":4796},[4772,8466,8467,8469,8471,8473,8475,8478],{"class":4774,"line":4961},[4772,8468,5790],{"class":5081},[4772,8470,5085],{"class":5075},[4772,8472,5088],{"class":5071},[4772,8474,5091],{"class":5075},[4772,8476,8477],{"class":5094},"'Всі додавання завершені'",[4772,8479,5098],{"class":5075},[4772,8481,8482],{"class":4774,"line":4967},[4772,8483,4797],{"emptyLinePlaceholder":4796},[4772,8485,8486],{"class":4774,"line":4973},[4772,8487,8488],{"class":5103},"\u002F\u002F Вивід:\n",[4772,8490,8491],{"class":4774,"line":4979},[4772,8492,8493],{"class":5103},"\u002F\u002F Всі додавання завершені\n",[4772,8495,8496],{"class":4774,"line":4984},[4772,8497,8498],{"class":5103},"\u002F\u002F Додано: Item 1\n",[4772,8500,8501],{"class":4774,"line":4990},[4772,8502,8503],{"class":5103},"\u002F\u002F Додано: Item 2\n",[4772,8505,8506],{"class":4774,"line":4996},[4772,8507,8508],{"class":5103},"\u002F\u002F Додано: Item 3\n",[4588,8510,8511],{},[4592,8512,8513],{},"Переваги мікрозавдань:",[4638,8515,8516,8522,8528],{},[4641,8517,8518,8519,8521],{},"Всі синхронні операції (",[4657,8520,8423],{},") завершаться першими",[4641,8523,8524,8525,8527],{},"Listeners будуть викликані ",[4592,8526,8144],{}," будь-яких таймерів або IO операцій",[4641,8529,8530],{},"Batch-обробка подій (можна накопичити зміни та сповістити один раз)",[5030,8532,8534],{"id":8533},"патерн-3-debounce-через-проміси","Патерн 3: Debounce через проміси",[4588,8536,8537,8538,8541,8542,8544],{},"Класичний ",[4657,8539,8540],{},"debounce"," з таймерами можна покращити за допомогою промісів для кращої інтеграції з ",[4657,8543,5679],{},":",[4763,8546,8548],{"className":5058,"code":8547,"language":5060,"meta":4768,"style":4768},"function debounce(fn, delay) {\n    let timeoutId\n    let pendingPromise\n\n    return function debounced(...args) {\n        \u002F\u002F Скасовуємо попередній виклик\n        clearTimeout(timeoutId)\n\n        \u002F\u002F Створюємо новий проміс, якщо немає активного\n        if (!pendingPromise) {\n            pendingPromise = new Promise((resolve) => {\n                timeoutId = setTimeout(async () => {\n                    const result = await fn.apply(this, args)\n                    resolve(result)\n                    pendingPromise = null\n                }, delay)\n            })\n        }\n\n        return pendingPromise\n    }\n}\n\n\u002F\u002F Використання\nconst searchAPI = debounce(async (query) => {\n    const response = await fetch(`\u002Fapi\u002Fsearch?q=${query}`)\n    return response.json()\n}, 300)\n\n\u002F\u002F У обробнику input\ninput.addEventListener('input', async (e) => {\n    const results = await searchAPI(e.target.value)\n    displayResults(results)\n})\n",[4657,8549,8550,8569,8576,8583,8587,8604,8609,8621,8625,8630,8641,8662,8682,8713,8724,8734,8743,8748,8752,8756,8762,8766,8770,8774,8778,8804,8836,8849,8858,8862,8867,8897,8926,8938],{"__ignoreMap":4768},[4772,8551,8552,8554,8557,8559,8562,8564,8567],{"class":4774,"line":4775},[4772,8553,5068],{"class":5067},[4772,8555,8556],{"class":5071}," debounce",[4772,8558,5091],{"class":5075},[4772,8560,8561],{"class":5081},"fn",[4772,8563,4695],{"class":5075},[4772,8565,8566],{"class":5081},"delay",[4772,8568,5379],{"class":5075},[4772,8570,8571,8573],{"class":4774,"line":4781},[4772,8572,7592],{"class":5067},[4772,8574,8575],{"class":5081}," timeoutId\n",[4772,8577,8578,8580],{"class":4774,"line":4787},[4772,8579,7592],{"class":5067},[4772,8581,8582],{"class":5081}," pendingPromise\n",[4772,8584,8585],{"class":4774,"line":4793},[4772,8586,4797],{"emptyLinePlaceholder":4796},[4772,8588,8589,8591,8593,8596,8599,8602],{"class":4774,"line":4800},[4772,8590,6560],{"class":5109},[4772,8592,6494],{"class":5067},[4772,8594,8595],{"class":5071}," debounced",[4772,8597,8598],{"class":5075},"(...",[4772,8600,8601],{"class":5081},"args",[4772,8603,5379],{"class":5075},[4772,8605,8606],{"class":4774,"line":4806},[4772,8607,8608],{"class":5103},"        \u002F\u002F Скасовуємо попередній виклик\n",[4772,8610,8611,8614,8616,8619],{"class":4774,"line":4812},[4772,8612,8613],{"class":5071},"        clearTimeout",[4772,8615,5091],{"class":5075},[4772,8617,8618],{"class":5081},"timeoutId",[4772,8620,5098],{"class":5075},[4772,8622,8623],{"class":4774,"line":4818},[4772,8624,4797],{"emptyLinePlaceholder":4796},[4772,8626,8627],{"class":4774,"line":4823},[4772,8628,8629],{"class":5103},"        \u002F\u002F Створюємо новий проміс, якщо немає активного\n",[4772,8631,8632,8634,8636,8639],{"class":4774,"line":4829},[4772,8633,8077],{"class":5109},[4772,8635,5392],{"class":5075},[4772,8637,8638],{"class":5081},"pendingPromise",[4772,8640,5379],{"class":5075},[4772,8642,8643,8646,8648,8650,8652,8654,8656,8658,8660],{"class":4774,"line":4835},[4772,8644,8645],{"class":5081},"            pendingPromise",[4772,8647,5121],{"class":5075},[4772,8649,8359],{"class":5067},[4772,8651,6526],{"class":5839},[4772,8653,6583],{"class":5075},[4772,8655,5845],{"class":5081},[4772,8657,6146],{"class":5075},[4772,8659,5241],{"class":5067},[4772,8661,5244],{"class":5075},[4772,8663,8664,8667,8669,8671,8673,8675,8678,8680],{"class":4774,"line":4841},[4772,8665,8666],{"class":5081},"                timeoutId",[4772,8668,5121],{"class":5075},[4772,8670,4659],{"class":5071},[4772,8672,5091],{"class":5075},[4772,8674,6491],{"class":5067},[4772,8676,8677],{"class":5075}," () ",[4772,8679,5241],{"class":5067},[4772,8681,5244],{"class":5075},[4772,8683,8684,8687,8690,8692,8694,8697,8699,8702,8704,8707,8709,8711],{"class":4774,"line":4846},[4772,8685,8686],{"class":5067},"                    const",[4772,8688,8689],{"class":5449}," result",[4772,8691,5121],{"class":5075},[4772,8693,6741],{"class":5109},[4772,8695,8696],{"class":5081}," fn",[4772,8698,5085],{"class":5075},[4772,8700,8701],{"class":5071},"apply",[4772,8703,5091],{"class":5075},[4772,8705,8706],{"class":5067},"this",[4772,8708,4695],{"class":5075},[4772,8710,8601],{"class":5081},[4772,8712,5098],{"class":5075},[4772,8714,8715,8718,8720,8722],{"class":4774,"line":4852},[4772,8716,8717],{"class":5071},"                    resolve",[4772,8719,5091],{"class":5075},[4772,8721,6586],{"class":5081},[4772,8723,5098],{"class":5075},[4772,8725,8726,8729,8731],{"class":4774,"line":4858},[4772,8727,8728],{"class":5081},"                    pendingPromise",[4772,8730,5121],{"class":5075},[4772,8732,8733],{"class":5067},"null\n",[4772,8735,8736,8739,8741],{"class":4774,"line":4864},[4772,8737,8738],{"class":5075},"                }, ",[4772,8740,8566],{"class":5081},[4772,8742,5098],{"class":5075},[4772,8744,8745],{"class":4774,"line":4870},[4772,8746,8747],{"class":5075},"            })\n",[4772,8749,8750],{"class":4774,"line":4875},[4772,8751,7702],{"class":5075},[4772,8753,8754],{"class":4774,"line":4880},[4772,8755,4797],{"emptyLinePlaceholder":4796},[4772,8757,8758,8760],{"class":4774,"line":4886},[4772,8759,6886],{"class":5109},[4772,8761,8582],{"class":5081},[4772,8763,8764],{"class":4774,"line":4892},[4772,8765,4838],{"class":5075},[4772,8767,8768],{"class":4774,"line":4898},[4772,8769,4947],{"class":5075},[4772,8771,8772],{"class":4774,"line":4904},[4772,8773,4797],{"emptyLinePlaceholder":4796},[4772,8775,8776],{"class":4774,"line":4910},[4772,8777,7828],{"class":5103},[4772,8779,8780,8782,8785,8787,8789,8791,8793,8795,8798,8800,8802],{"class":4774,"line":4916},[4772,8781,7675],{"class":5067},[4772,8783,8784],{"class":5449}," searchAPI",[4772,8786,5121],{"class":5075},[4772,8788,8540],{"class":5071},[4772,8790,5091],{"class":5075},[4772,8792,6491],{"class":5067},[4772,8794,4595],{"class":5075},[4772,8796,8797],{"class":5081},"query",[4772,8799,6146],{"class":5075},[4772,8801,5241],{"class":5067},[4772,8803,5244],{"class":5075},[4772,8805,8806,8808,8811,8813,8815,8818,8820,8823,8826,8828,8831,8834],{"class":4774,"line":4922},[4772,8807,7576],{"class":5067},[4772,8809,8810],{"class":5449}," response",[4772,8812,5121],{"class":5075},[4772,8814,6741],{"class":5109},[4772,8816,8817],{"class":5071}," fetch",[4772,8819,5091],{"class":5075},[4772,8821,8822],{"class":5094},"`\u002Fapi\u002Fsearch?q=",[4772,8824,8825],{"class":5067},"${",[4772,8827,8797],{"class":5081},[4772,8829,8830],{"class":5067},"}",[4772,8832,8833],{"class":5094},"`",[4772,8835,5098],{"class":5075},[4772,8837,8838,8840,8842,8844,8847],{"class":4774,"line":4928},[4772,8839,6560],{"class":5109},[4772,8841,8810],{"class":5081},[4772,8843,5085],{"class":5075},[4772,8845,8846],{"class":5071},"json",[4772,8848,5291],{"class":5075},[4772,8850,8851,8853,8856],{"class":4774,"line":4933},[4772,8852,5920],{"class":5075},[4772,8854,8855],{"class":5124},"300",[4772,8857,5098],{"class":5075},[4772,8859,8860],{"class":4774,"line":4938},[4772,8861,4797],{"emptyLinePlaceholder":4796},[4772,8863,8864],{"class":4774,"line":4944},[4772,8865,8866],{"class":5103},"\u002F\u002F У обробнику input\n",[4772,8868,8869,8872,8874,8877,8879,8882,8884,8886,8888,8891,8893,8895],{"class":4774,"line":4950},[4772,8870,8871],{"class":5081},"input",[4772,8873,5085],{"class":5075},[4772,8875,8876],{"class":5071},"addEventListener",[4772,8878,5091],{"class":5075},[4772,8880,8881],{"class":5094},"'input'",[4772,8883,4695],{"class":5075},[4772,8885,6491],{"class":5067},[4772,8887,4595],{"class":5075},[4772,8889,8890],{"class":5081},"e",[4772,8892,6146],{"class":5075},[4772,8894,5241],{"class":5067},[4772,8896,5244],{"class":5075},[4772,8898,8899,8901,8904,8906,8908,8910,8912,8914,8916,8919,8921,8924],{"class":4774,"line":4955},[4772,8900,7576],{"class":5067},[4772,8902,8903],{"class":5449}," results",[4772,8905,5121],{"class":5075},[4772,8907,6741],{"class":5109},[4772,8909,8784],{"class":5071},[4772,8911,5091],{"class":5075},[4772,8913,8890],{"class":5081},[4772,8915,5085],{"class":5075},[4772,8917,8918],{"class":5081},"target",[4772,8920,5085],{"class":5075},[4772,8922,8923],{"class":5081},"value",[4772,8925,5098],{"class":5075},[4772,8927,8928,8931,8933,8936],{"class":4774,"line":4961},[4772,8929,8930],{"class":5071},"    displayResults",[4772,8932,5091],{"class":5075},[4772,8934,8935],{"class":5081},"results",[4772,8937,5098],{"class":5075},[4772,8939,8940],{"class":4774,"line":4967},[4772,8941,6616],{"class":5075},[4588,8943,8944],{},[4592,8945,8946],{},"Переваги:",[4638,8948,8949,8955,8961],{},[4641,8950,8951,8952,8954],{},"Можна використовувати ",[4657,8953,6741],{}," для отримання результату",[4641,8956,8957,8958],{},"Автоматична обробка помилок через ",[4657,8959,8960],{},".catch()",[4641,8962,8963],{},"Краща інтеграція з сучасним асинхронним кодом",[4583,8965,8967],{"id":8966},"типові-підводні-камені-та-як-їх-уникати","Типові підводні камені та як їх уникати",[5030,8969,8971],{"id":8970},"пастка-1-зациклювання-мікрозавдань","Пастка 1: Зациклювання мікрозавдань",[4763,8973,8975],{"className":5058,"code":8974,"language":5060,"meta":4768,"style":4768},"\u002F\u002F ❌ НЕПРАВИЛЬНО — безкінечний цикл\nlet counter = 0\n\nfunction infiniteMicrotasks() {\n    queueMicrotask(() => {\n        console.log(counter++)\n        infiniteMicrotasks() \u002F\u002F Додає нове мікрозавдання\n    })\n}\n\ninfiniteMicrotasks()\n\nsetTimeout(() => {\n    console.log('Це НІКОЛИ не виконається')\n}, 0)\n",[4657,8976,8977,8982,8993,8997,9006,9016,9032,9041,9045,9049,9053,9060,9064,9074,9089],{"__ignoreMap":4768},[4772,8978,8979],{"class":4774,"line":4775},[4772,8980,8981],{"class":5103},"\u002F\u002F ❌ НЕПРАВИЛЬНО — безкінечний цикл\n",[4772,8983,8984,8986,8989,8991],{"class":4774,"line":4781},[4772,8985,5115],{"class":5067},[4772,8987,8988],{"class":5081}," counter",[4772,8990,5121],{"class":5075},[4772,8992,7600],{"class":5124},[4772,8994,8995],{"class":4774,"line":4787},[4772,8996,4797],{"emptyLinePlaceholder":4796},[4772,8998,8999,9001,9004],{"class":4774,"line":4793},[4772,9000,5068],{"class":5067},[4772,9002,9003],{"class":5071}," infiniteMicrotasks",[4772,9005,5076],{"class":5075},[4772,9007,9008,9010,9012,9014],{"class":4774,"line":4800},[4772,9009,5235],{"class":5071},[4772,9011,5238],{"class":5075},[4772,9013,5241],{"class":5067},[4772,9015,5244],{"class":5075},[4772,9017,9018,9020,9022,9024,9026,9029],{"class":4774,"line":4806},[4772,9019,5249],{"class":5081},[4772,9021,5085],{"class":5075},[4772,9023,5088],{"class":5071},[4772,9025,5091],{"class":5075},[4772,9027,9028],{"class":5081},"counter",[4772,9030,9031],{"class":5075},"++)\n",[4772,9033,9034,9037,9039],{"class":4774,"line":4812},[4772,9035,9036],{"class":5071},"        infiniteMicrotasks",[4772,9038,5175],{"class":5075},[4772,9040,5270],{"class":5103},[4772,9042,9043],{"class":4774,"line":4818},[4772,9044,5275],{"class":5075},[4772,9046,9047],{"class":4774,"line":4823},[4772,9048,4947],{"class":5075},[4772,9050,9051],{"class":4774,"line":4829},[4772,9052,4797],{"emptyLinePlaceholder":4796},[4772,9054,9055,9058],{"class":4774,"line":4835},[4772,9056,9057],{"class":5071},"infiniteMicrotasks",[4772,9059,5291],{"class":5075},[4772,9061,9062],{"class":4774,"line":4841},[4772,9063,4797],{"emptyLinePlaceholder":4796},[4772,9065,9066,9068,9070,9072],{"class":4774,"line":4846},[4772,9067,4659],{"class":5071},[4772,9069,5238],{"class":5075},[4772,9071,5241],{"class":5067},[4772,9073,5244],{"class":5075},[4772,9075,9076,9078,9080,9082,9084,9087],{"class":4774,"line":4852},[4772,9077,5082],{"class":5081},[4772,9079,5085],{"class":5075},[4772,9081,5088],{"class":5071},[4772,9083,5091],{"class":5075},[4772,9085,9086],{"class":5094},"'Це НІКОЛИ не виконається'",[4772,9088,5098],{"class":5075},[4772,9090,9091,9093,9095],{"class":4774,"line":4858},[4772,9092,5920],{"class":5075},[4772,9094,5125],{"class":5124},[4772,9096,5098],{"class":5075},[4588,9098,9099,9102],{},[4592,9100,9101],{},"Проблема:"," Microtask Queue ніколи не стане порожньою, тому Event Loop не дійде до макрозавдань.",[4588,9104,9105],{},[4592,9106,9107],{},"Рішення:",[4763,9109,9111],{"className":5058,"code":9110,"language":5060,"meta":4768,"style":4768},"\u002F\u002F ✅ ПРАВИЛЬНО — додаємо умову виходу\nlet counter = 0\nconst MAX_ITERATIONS = 1000\n\nfunction safeMicrotasks() {\n    queueMicrotask(() => {\n        console.log(counter++)\n\n        if (counter \u003C MAX_ITERATIONS) {\n            safeMicrotasks()\n        }\n    })\n}\n",[4657,9112,9113,9118,9128,9140,9144,9153,9163,9177,9181,9196,9203,9207,9211],{"__ignoreMap":4768},[4772,9114,9115],{"class":4774,"line":4775},[4772,9116,9117],{"class":5103},"\u002F\u002F ✅ ПРАВИЛЬНО — додаємо умову виходу\n",[4772,9119,9120,9122,9124,9126],{"class":4774,"line":4781},[4772,9121,5115],{"class":5067},[4772,9123,8988],{"class":5081},[4772,9125,5121],{"class":5075},[4772,9127,7600],{"class":5124},[4772,9129,9130,9132,9135,9137],{"class":4774,"line":4787},[4772,9131,7675],{"class":5067},[4772,9133,9134],{"class":5449}," MAX_ITERATIONS",[4772,9136,5121],{"class":5075},[4772,9138,9139],{"class":5124},"1000\n",[4772,9141,9142],{"class":4774,"line":4793},[4772,9143,4797],{"emptyLinePlaceholder":4796},[4772,9145,9146,9148,9151],{"class":4774,"line":4800},[4772,9147,5068],{"class":5067},[4772,9149,9150],{"class":5071}," safeMicrotasks",[4772,9152,5076],{"class":5075},[4772,9154,9155,9157,9159,9161],{"class":4774,"line":4806},[4772,9156,5235],{"class":5071},[4772,9158,5238],{"class":5075},[4772,9160,5241],{"class":5067},[4772,9162,5244],{"class":5075},[4772,9164,9165,9167,9169,9171,9173,9175],{"class":4774,"line":4812},[4772,9166,5249],{"class":5081},[4772,9168,5085],{"class":5075},[4772,9170,5088],{"class":5071},[4772,9172,5091],{"class":5075},[4772,9174,9028],{"class":5081},[4772,9176,9031],{"class":5075},[4772,9178,9179],{"class":4774,"line":4818},[4772,9180,4797],{"emptyLinePlaceholder":4796},[4772,9182,9183,9185,9187,9189,9191,9194],{"class":4774,"line":4823},[4772,9184,8077],{"class":5109},[4772,9186,4595],{"class":5075},[4772,9188,9028],{"class":5081},[4772,9190,5134],{"class":5075},[4772,9192,9193],{"class":5449},"MAX_ITERATIONS",[4772,9195,5379],{"class":5075},[4772,9197,9198,9201],{"class":4774,"line":4829},[4772,9199,9200],{"class":5071},"            safeMicrotasks",[4772,9202,5291],{"class":5075},[4772,9204,9205],{"class":4774,"line":4835},[4772,9206,7702],{"class":5075},[4772,9208,9209],{"class":4774,"line":4841},[4772,9210,5275],{"class":5075},[4772,9212,9213],{"class":4774,"line":4846},[4772,9214,4947],{"class":5075},[5030,9216,9218],{"id":9217},"пастка-2-очікування-негайного-виконання-settimeout0","Пастка 2: Очікування негайного виконання setTimeout(0)",[4763,9220,9222],{"className":5058,"code":9221,"language":5060,"meta":4768,"style":4768},"let value = 0\n\nsetTimeout(() => {\n    value = 100\n}, 0)\n\nconsole.log(value) \u002F\u002F 0, а не 100!\n",[4657,9223,9224,9235,9239,9249,9259,9267,9271],{"__ignoreMap":4768},[4772,9225,9226,9228,9231,9233],{"class":4774,"line":4775},[4772,9227,5115],{"class":5067},[4772,9229,9230],{"class":5081}," value",[4772,9232,5121],{"class":5075},[4772,9234,7600],{"class":5124},[4772,9236,9237],{"class":4774,"line":4781},[4772,9238,4797],{"emptyLinePlaceholder":4796},[4772,9240,9241,9243,9245,9247],{"class":4774,"line":4787},[4772,9242,4659],{"class":5071},[4772,9244,5238],{"class":5075},[4772,9246,5241],{"class":5067},[4772,9248,5244],{"class":5075},[4772,9250,9251,9254,9256],{"class":4774,"line":4793},[4772,9252,9253],{"class":5081},"    value",[4772,9255,5121],{"class":5075},[4772,9257,9258],{"class":5124},"100\n",[4772,9260,9261,9263,9265],{"class":4774,"line":4800},[4772,9262,5920],{"class":5075},[4772,9264,5125],{"class":5124},[4772,9266,5098],{"class":5075},[4772,9268,9269],{"class":4774,"line":4806},[4772,9270,4797],{"emptyLinePlaceholder":4796},[4772,9272,9273,9275,9277,9279,9281,9283,9285],{"class":4774,"line":4812},[4772,9274,5790],{"class":5081},[4772,9276,5085],{"class":5075},[4772,9278,5088],{"class":5071},[4772,9280,5091],{"class":5075},[4772,9282,8923],{"class":5081},[4772,9284,6146],{"class":5075},[4772,9286,9287],{"class":5103},"\u002F\u002F 0, а не 100!\n",[4588,9289,9290,4655,9293,9295,9296,9298,9299,9302,9303,9305],{},[4592,9291,9292],{},"Пояснення:",[4657,9294,4659],{}," додає callback до ",[4592,9297,7243],{},". Синхронний код (",[4657,9300,9301],{},"console.log",") виконується ",[4592,9304,8144],{}," будь-яких макрозавдань.",[4588,9307,9308],{},[4592,9309,9310],{},"Правильний підхід:",[4763,9312,9314],{"className":5058,"code":9313,"language":5060,"meta":4768,"style":4768},"let value = 0\n\nPromise.resolve().then(() => {\n    value = 100\n    console.log(value) \u002F\u002F 100\n})\n\n\u002F\u002F Або async\u002Fawait\nasync function updateValue() {\n    await Promise.resolve()\n    value = 100\n    console.log(value)\n}\n",[4657,9315,9316,9326,9330,9348,9356,9373,9377,9381,9386,9397,9409,9417,9431],{"__ignoreMap":4768},[4772,9317,9318,9320,9322,9324],{"class":4774,"line":4775},[4772,9319,5115],{"class":5067},[4772,9321,9230],{"class":5081},[4772,9323,5121],{"class":5075},[4772,9325,7600],{"class":5124},[4772,9327,9328],{"class":4774,"line":4781},[4772,9329,4797],{"emptyLinePlaceholder":4796},[4772,9331,9332,9334,9336,9338,9340,9342,9344,9346],{"class":4774,"line":4787},[4772,9333,4710],{"class":5839},[4772,9335,5085],{"class":5075},[4772,9337,5845],{"class":5071},[4772,9339,5848],{"class":5075},[4772,9341,5851],{"class":5071},[4772,9343,5238],{"class":5075},[4772,9345,5241],{"class":5067},[4772,9347,5244],{"class":5075},[4772,9349,9350,9352,9354],{"class":4774,"line":4793},[4772,9351,9253],{"class":5081},[4772,9353,5121],{"class":5075},[4772,9355,9258],{"class":5124},[4772,9357,9358,9360,9362,9364,9366,9368,9370],{"class":4774,"line":4800},[4772,9359,5082],{"class":5081},[4772,9361,5085],{"class":5075},[4772,9363,5088],{"class":5071},[4772,9365,5091],{"class":5075},[4772,9367,8923],{"class":5081},[4772,9369,6146],{"class":5075},[4772,9371,9372],{"class":5103},"\u002F\u002F 100\n",[4772,9374,9375],{"class":4774,"line":4806},[4772,9376,6616],{"class":5075},[4772,9378,9379],{"class":4774,"line":4812},[4772,9380,4797],{"emptyLinePlaceholder":4796},[4772,9382,9383],{"class":4774,"line":4818},[4772,9384,9385],{"class":5103},"\u002F\u002F Або async\u002Fawait\n",[4772,9387,9388,9390,9392,9395],{"class":4774,"line":4823},[4772,9389,6491],{"class":5067},[4772,9391,6494],{"class":5067},[4772,9393,9394],{"class":5071}," updateValue",[4772,9396,5076],{"class":5075},[4772,9398,9399,9401,9403,9405,9407],{"class":4774,"line":4829},[4772,9400,6523],{"class":5109},[4772,9402,6526],{"class":5839},[4772,9404,5085],{"class":5075},[4772,9406,5845],{"class":5071},[4772,9408,5291],{"class":5075},[4772,9410,9411,9413,9415],{"class":4774,"line":4835},[4772,9412,9253],{"class":5081},[4772,9414,5121],{"class":5075},[4772,9416,9258],{"class":5124},[4772,9418,9419,9421,9423,9425,9427,9429],{"class":4774,"line":4841},[4772,9420,5082],{"class":5081},[4772,9422,5085],{"class":5075},[4772,9424,5088],{"class":5071},[4772,9426,5091],{"class":5075},[4772,9428,8923],{"class":5081},[4772,9430,5098],{"class":5075},[4772,9432,9433],{"class":4774,"line":4846},[4772,9434,4947],{"class":5075},[5030,9436,9438],{"id":9437},"пастка-3-очікування-рендерингу-після-зміни-dom","Пастка 3: Очікування рендерингу після зміни DOM",[4763,9440,9442],{"className":5058,"code":9441,"language":5060,"meta":4768,"style":4768},"\u002F\u002F ❌ НЕПРАВИЛЬНО\nbutton.addEventListener('click', () => {\n    loadingSpinner.style.display = 'block'\n\n    \u002F\u002F Важкі обчислення\n    for (let i = 0; i \u003C 1e9; i++) {}\n\n    loadingSpinner.style.display = 'none'\n})\n\n\u002F\u002F Користувач НІКОЛИ не побачить спінер, бо рендеринг відбувається після завершення обробника\n",[4657,9443,9444,9449,9470,9490,9494,9499,9528,9532,9549,9553,9557],{"__ignoreMap":4768},[4772,9445,9446],{"class":4774,"line":4775},[4772,9447,9448],{"class":5103},"\u002F\u002F ❌ НЕПРАВИЛЬНО\n",[4772,9450,9451,9454,9456,9458,9460,9463,9466,9468],{"class":4774,"line":4781},[4772,9452,9453],{"class":5081},"button",[4772,9455,5085],{"class":5075},[4772,9457,8876],{"class":5071},[4772,9459,5091],{"class":5075},[4772,9461,9462],{"class":5094},"'click'",[4772,9464,9465],{"class":5075},", () ",[4772,9467,5241],{"class":5067},[4772,9469,5244],{"class":5075},[4772,9471,9472,9475,9477,9480,9482,9485,9487],{"class":4774,"line":4787},[4772,9473,9474],{"class":5081},"    loadingSpinner",[4772,9476,5085],{"class":5075},[4772,9478,9479],{"class":5081},"style",[4772,9481,5085],{"class":5075},[4772,9483,9484],{"class":5081},"display",[4772,9486,5121],{"class":5075},[4772,9488,9489],{"class":5094},"'block'\n",[4772,9491,9492],{"class":4774,"line":4793},[4772,9493,4797],{"emptyLinePlaceholder":4796},[4772,9495,9496],{"class":4774,"line":4800},[4772,9497,9498],{"class":5103},"    \u002F\u002F Важкі обчислення\n",[4772,9500,9501,9503,9505,9507,9509,9511,9513,9515,9517,9519,9522,9524,9526],{"class":4774,"line":4806},[4772,9502,5110],{"class":5109},[4772,9504,4595],{"class":5075},[4772,9506,5115],{"class":5067},[4772,9508,5118],{"class":5081},[4772,9510,5121],{"class":5075},[4772,9512,5125],{"class":5124},[4772,9514,5128],{"class":5075},[4772,9516,5131],{"class":5081},[4772,9518,5134],{"class":5075},[4772,9520,9521],{"class":5124},"1e9",[4772,9523,5128],{"class":5075},[4772,9525,5131],{"class":5081},[4772,9527,5144],{"class":5075},[4772,9529,9530],{"class":4774,"line":4812},[4772,9531,4797],{"emptyLinePlaceholder":4796},[4772,9533,9534,9536,9538,9540,9542,9544,9546],{"class":4774,"line":4818},[4772,9535,9474],{"class":5081},[4772,9537,5085],{"class":5075},[4772,9539,9479],{"class":5081},[4772,9541,5085],{"class":5075},[4772,9543,9484],{"class":5081},[4772,9545,5121],{"class":5075},[4772,9547,9548],{"class":5094},"'none'\n",[4772,9550,9551],{"class":4774,"line":4823},[4772,9552,6616],{"class":5075},[4772,9554,9555],{"class":4774,"line":4829},[4772,9556,4797],{"emptyLinePlaceholder":4796},[4772,9558,9559],{"class":4774,"line":4835},[4772,9560,9561],{"class":5103},"\u002F\u002F Користувач НІКОЛИ не побачить спінер, бо рендеринг відбувається після завершення обробника\n",[4588,9563,9564],{},[4592,9565,9107],{},[4763,9567,9569],{"className":5058,"code":9568,"language":5060,"meta":4768,"style":4768},"\u002F\u002F ✅ ПРАВИЛЬНО\nbutton.addEventListener('click', async () => {\n    loadingSpinner.style.display = 'block'\n\n    \u002F\u002F Даємо браузеру час відрендерити спінер\n    await new Promise((resolve) => setTimeout(resolve, 0))\n\n    \u002F\u002F Важкі обчислення\n    for (let i = 0; i \u003C 1e9; i++) {}\n\n    loadingSpinner.style.display = 'none'\n})\n",[4657,9570,9571,9576,9598,9614,9618,9623,9651,9655,9659,9687,9691,9707],{"__ignoreMap":4768},[4772,9572,9573],{"class":4774,"line":4775},[4772,9574,9575],{"class":5103},"\u002F\u002F ✅ ПРАВИЛЬНО\n",[4772,9577,9578,9580,9582,9584,9586,9588,9590,9592,9594,9596],{"class":4774,"line":4781},[4772,9579,9453],{"class":5081},[4772,9581,5085],{"class":5075},[4772,9583,8876],{"class":5071},[4772,9585,5091],{"class":5075},[4772,9587,9462],{"class":5094},[4772,9589,4695],{"class":5075},[4772,9591,6491],{"class":5067},[4772,9593,8677],{"class":5075},[4772,9595,5241],{"class":5067},[4772,9597,5244],{"class":5075},[4772,9599,9600,9602,9604,9606,9608,9610,9612],{"class":4774,"line":4787},[4772,9601,9474],{"class":5081},[4772,9603,5085],{"class":5075},[4772,9605,9479],{"class":5081},[4772,9607,5085],{"class":5075},[4772,9609,9484],{"class":5081},[4772,9611,5121],{"class":5075},[4772,9613,9489],{"class":5094},[4772,9615,9616],{"class":4774,"line":4793},[4772,9617,4797],{"emptyLinePlaceholder":4796},[4772,9619,9620],{"class":4774,"line":4800},[4772,9621,9622],{"class":5103},"    \u002F\u002F Даємо браузеру час відрендерити спінер\n",[4772,9624,9625,9627,9629,9631,9633,9635,9637,9639,9641,9643,9645,9647,9649],{"class":4774,"line":4806},[4772,9626,6523],{"class":5109},[4772,9628,7734],{"class":5067},[4772,9630,6526],{"class":5839},[4772,9632,6583],{"class":5075},[4772,9634,5845],{"class":5081},[4772,9636,6146],{"class":5075},[4772,9638,5241],{"class":5067},[4772,9640,7747],{"class":5071},[4772,9642,5091],{"class":5075},[4772,9644,5845],{"class":5081},[4772,9646,4695],{"class":5075},[4772,9648,5125],{"class":5124},[4772,9650,7758],{"class":5075},[4772,9652,9653],{"class":4774,"line":4812},[4772,9654,4797],{"emptyLinePlaceholder":4796},[4772,9656,9657],{"class":4774,"line":4818},[4772,9658,9498],{"class":5103},[4772,9660,9661,9663,9665,9667,9669,9671,9673,9675,9677,9679,9681,9683,9685],{"class":4774,"line":4823},[4772,9662,5110],{"class":5109},[4772,9664,4595],{"class":5075},[4772,9666,5115],{"class":5067},[4772,9668,5118],{"class":5081},[4772,9670,5121],{"class":5075},[4772,9672,5125],{"class":5124},[4772,9674,5128],{"class":5075},[4772,9676,5131],{"class":5081},[4772,9678,5134],{"class":5075},[4772,9680,9521],{"class":5124},[4772,9682,5128],{"class":5075},[4772,9684,5131],{"class":5081},[4772,9686,5144],{"class":5075},[4772,9688,9689],{"class":4774,"line":4829},[4772,9690,4797],{"emptyLinePlaceholder":4796},[4772,9692,9693,9695,9697,9699,9701,9703,9705],{"class":4774,"line":4835},[4772,9694,9474],{"class":5081},[4772,9696,5085],{"class":5075},[4772,9698,9479],{"class":5081},[4772,9700,5085],{"class":5075},[4772,9702,9484],{"class":5081},[4772,9704,5121],{"class":5075},[4772,9706,9548],{"class":5094},[4772,9708,9709],{"class":4774,"line":4841},[4772,9710,6616],{"class":5075},[4724,9712,9713,9719],{},[4588,9714,9715,9718],{},[4592,9716,9717],{},"Ще краще:"," Винести важкі обчислення у Web Worker:",[4763,9720,9722],{"className":5058,"code":9721,"language":5060,"meta":4768,"style":4768},"button.addEventListener('click', () => {\n    loadingSpinner.style.display = 'block'\n\n    const worker = new Worker('heavy-task.js')\n\n    worker.onmessage = (e) => {\n        console.log('Результат:', e.data)\n        loadingSpinner.style.display = 'none'\n    }\n\n    worker.postMessage({ iterations: 1e9 })\n})\n",[4657,9723,9724,9742,9758,9762,9783,9787,9808,9831,9848,9852,9856,9876],{"__ignoreMap":4768},[4772,9725,9726,9728,9730,9732,9734,9736,9738,9740],{"class":4774,"line":4775},[4772,9727,9453],{"class":5081},[4772,9729,5085],{"class":5075},[4772,9731,8876],{"class":5071},[4772,9733,5091],{"class":5075},[4772,9735,9462],{"class":5094},[4772,9737,9465],{"class":5075},[4772,9739,5241],{"class":5067},[4772,9741,5244],{"class":5075},[4772,9743,9744,9746,9748,9750,9752,9754,9756],{"class":4774,"line":4781},[4772,9745,9474],{"class":5081},[4772,9747,5085],{"class":5075},[4772,9749,9479],{"class":5081},[4772,9751,5085],{"class":5075},[4772,9753,9484],{"class":5081},[4772,9755,5121],{"class":5075},[4772,9757,9489],{"class":5094},[4772,9759,9760],{"class":4774,"line":4787},[4772,9761,4797],{"emptyLinePlaceholder":4796},[4772,9763,9764,9766,9769,9771,9773,9776,9778,9781],{"class":4774,"line":4793},[4772,9765,7576],{"class":5067},[4772,9767,9768],{"class":5449}," worker",[4772,9770,5121],{"class":5075},[4772,9772,8359],{"class":5067},[4772,9774,9775],{"class":5071}," Worker",[4772,9777,5091],{"class":5075},[4772,9779,9780],{"class":5094},"'heavy-task.js'",[4772,9782,5098],{"class":5075},[4772,9784,9785],{"class":4774,"line":4800},[4772,9786,4797],{"emptyLinePlaceholder":4796},[4772,9788,9789,9792,9794,9797,9800,9802,9804,9806],{"class":4774,"line":4806},[4772,9790,9791],{"class":5081},"    worker",[4772,9793,5085],{"class":5075},[4772,9795,9796],{"class":5071},"onmessage",[4772,9798,9799],{"class":5075}," = (",[4772,9801,8890],{"class":5081},[4772,9803,6146],{"class":5075},[4772,9805,5241],{"class":5067},[4772,9807,5244],{"class":5075},[4772,9809,9810,9812,9814,9816,9818,9821,9823,9825,9827,9829],{"class":4774,"line":4812},[4772,9811,5249],{"class":5081},[4772,9813,5085],{"class":5075},[4772,9815,5088],{"class":5071},[4772,9817,5091],{"class":5075},[4772,9819,9820],{"class":5094},"'Результат:'",[4772,9822,4695],{"class":5075},[4772,9824,8890],{"class":5081},[4772,9826,5085],{"class":5075},[4772,9828,7886],{"class":5081},[4772,9830,5098],{"class":5075},[4772,9832,9833,9836,9838,9840,9842,9844,9846],{"class":4774,"line":4818},[4772,9834,9835],{"class":5081},"        loadingSpinner",[4772,9837,5085],{"class":5075},[4772,9839,9479],{"class":5081},[4772,9841,5085],{"class":5075},[4772,9843,9484],{"class":5081},[4772,9845,5121],{"class":5075},[4772,9847,9548],{"class":5094},[4772,9849,9850],{"class":4774,"line":4823},[4772,9851,4838],{"class":5075},[4772,9853,9854],{"class":4774,"line":4829},[4772,9855,4797],{"emptyLinePlaceholder":4796},[4772,9857,9858,9860,9862,9865,9867,9870,9873],{"class":4774,"line":4835},[4772,9859,9791],{"class":5081},[4772,9861,5085],{"class":5075},[4772,9863,9864],{"class":5071},"postMessage",[4772,9866,7848],{"class":5075},[4772,9868,9869],{"class":5081},"iterations:",[4772,9871,9872],{"class":5124}," 1e9",[4772,9874,9875],{"class":5075}," })\n",[4772,9877,9878],{"class":4774,"line":4841},[4772,9879,6616],{"class":5075},[4583,9881,9883],{"id":9882},"інструменти-для-діагностики-черг","Інструменти для діагностики черг",[5030,9885,9887],{"id":9886},"chrome-devtools-performance-profiler","Chrome DevTools: Performance Profiler",[4588,9889,9890,9891,8544],{},"Chrome дозволяє візуалізувати роботу Event Loop через вкладку ",[4592,9892,9893],{},"Performance",[5042,9895,9896,9900,9910,9914,9921,9925,9928,9932,9938],{},[5030,9897,9899],{"id":9898},"крок-1-відкрийте-devtools","Крок 1: Відкрийте DevTools",[4588,9901,9902,9903,7371,9906,9909],{},"Натисніть ",[4657,9904,9905],{},"F12",[4657,9907,9908],{},"Cmd+Option+I"," (macOS)",[5030,9911,9913],{"id":9912},"крок-2-перейдіть-до-вкладки-performance","Крок 2: Перейдіть до вкладки Performance",[4588,9915,9916,9917,9920],{},"Натисніть кнопку ",[4592,9918,9919],{},"Record"," (червоне коло)",[5030,9922,9924],{"id":9923},"крок-3-виконайте-операцію","Крок 3: Виконайте операцію",[4588,9926,9927],{},"Виконайте код, який потрібно проаналізувати (наприклад, натисніть кнопку на сторінці)",[5030,9929,9931],{"id":9930},"крок-4-зупиніть-запис","Крок 4: Зупиніть запис",[4588,9933,9902,9934,9937],{},[4592,9935,9936],{},"Stop",". Ви побачите timeline з:",[4638,9939,9940,9946,9954,9963],{},[4641,9941,9942,9945],{},[4592,9943,9944],{},"Call Stack"," — які функції виконувалися",[4641,9947,9948,9950,9951],{},[4592,9949,4746],{}," — помічені як ",[4657,9952,9953],{},"Promise.then",[4641,9955,9956,7227,9958,4695,9960],{},[4592,9957,4740],{},[4657,9959,4659],{},[4657,9961,9962],{},"Event listeners",[4641,9964,9965,9968],{},[4592,9966,9967],{},"Rendering"," — коли браузер оновлював екран",[5030,9970,9972],{"id":9971},"nodejs-trace-events","Node.js: --trace-events",[4588,9974,9975],{},"У Node.js можна увімкнути трейсинг подій:",[4763,9977,9981],{"className":9978,"code":9979,"language":9980,"meta":4768,"style":4768},"language-bash shiki shiki-themes light-plus dark-plus dark-plus","node --trace-events-enabled --trace-event-categories v8,node.async_hooks script.js\n","bash",[4657,9982,9983],{"__ignoreMap":4768},[4772,9984,9985,9988,9991,9994,9997],{"class":4774,"line":4775},[4772,9986,9987],{"class":5071},"node",[4772,9989,9990],{"class":5067}," --trace-events-enabled",[4772,9992,9993],{"class":5067}," --trace-event-categories",[4772,9995,9996],{"class":5094}," v8,node.async_hooks",[4772,9998,9999],{"class":5094}," script.js\n",[4588,10001,10002,10003,10006,10007,10009,10010,5085],{},"Це створить файл ",[4657,10004,10005],{},"node_trace.*.log",", який можна відкрити у Chrome DevTools → ",[4592,10008,9893],{}," → ",[4592,10011,10012],{},"Load profile",[4583,10014,10016],{"id":10015},"підсумок-майстерність-роботи-з-чергами","Підсумок: майстерність роботи з чергами",[4620,10018,10019,10028,10035,10040],{},[4623,10020,10022,10023,7371,10025,10027],{"icon":92,"title":10021},"⚡ Мікрозавдання для швидкості","Використовуйте ",[4657,10024,4694],{},[4657,10026,4698],{}," для операцій, які мають виконатися якнайшвидше після поточного коду.",[4623,10029,10022,10031,10034],{"icon":3988,"title":10030},"⏱️ Макрозавдання для поділу роботи",[4657,10032,10033],{},"setTimeout(fn, 0)"," для розбиття важких операцій та надання часу на рендеринг UI.",[4623,10036,10039],{"icon":10037,"title":10038},"i-lucide-alert-triangle","🚫 Уникайте зациклювань","Завжди додавайте умови виходу для рекурсивних мікрозавдань. Пам'ятайте, що мікрозавдання можуть заблокувати Event Loop.",[4623,10041,10043],{"icon":2959,"title":10042},"🔍 Профілюйте продуктивність","Використовуйте DevTools для виявлення вузьких місць. Довгі макрозавдання (>50 мс) — це червоний прапорець для оптимізації.",[4724,10045,10046,10051],{},[4588,10047,10048],{},[4592,10049,10050],{},"Наступна стаття:",[4588,10052,10053,10054,10057],{},"У фінальній лекції ми розглянемо ",[4592,10055,10056],{},"асинхронні патерни та Best Practices",": від callbacks до async\u002Fawait, обробку помилок, паралельне виконання промісів, race conditions та архітектурні підходи до побудови масштабованих асинхронних систем.",[9479,10059,10060],{},"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 .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}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 .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}html pre.shiki code .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}html pre.shiki code .s-QsJ, html code.shiki .s-QsJ{--shiki-light:#0070C1;--shiki-default:#4FC1FF;--shiki-dark:#4FC1FF}html pre.shiki code .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}",{"title":4768,"searchDepth":4781,"depth":4781,"links":10062},[10063,10064,10072,10073,10078,10079,10084,10089,10097],{"id":4585,"depth":4781,"text":4586},{"id":4753,"depth":4781,"text":4754,"children":10065},[10066,10067,10068,10069,10070,10071],{"id":5032,"depth":4787,"text":5033},{"id":5046,"depth":4787,"text":5047},{"id":5181,"depth":4787,"text":5182},{"id":5304,"depth":4787,"text":5305},{"id":5330,"depth":4787,"text":5331},{"id":5355,"depth":4787,"text":5356},{"id":5626,"depth":4781,"text":5627},{"id":5772,"depth":4781,"text":5773,"children":10074},[10075,10076,10077],{"id":5779,"depth":4787,"text":5780},{"id":6461,"depth":4787,"text":6462},{"id":6994,"depth":4787,"text":6995},{"id":7381,"depth":4781,"text":7382},{"id":7534,"depth":4781,"text":7535,"children":10080},[10081,10082,10083],{"id":7541,"depth":4787,"text":7542},{"id":8133,"depth":4787,"text":8134},{"id":8533,"depth":4787,"text":8534},{"id":8966,"depth":4781,"text":8967,"children":10085},[10086,10087,10088],{"id":8970,"depth":4787,"text":8971},{"id":9217,"depth":4787,"text":9218},{"id":9437,"depth":4787,"text":9438},{"id":9882,"depth":4781,"text":9883,"children":10090},[10091,10092,10093,10094,10095,10096],{"id":9886,"depth":4787,"text":9887},{"id":9898,"depth":4787,"text":9899},{"id":9912,"depth":4787,"text":9913},{"id":9923,"depth":4787,"text":9924},{"id":9930,"depth":4787,"text":9931},{"id":9971,"depth":4787,"text":9972},{"id":10015,"depth":4781,"text":10016},"md",null,{},{"title":2441,"description":4768},"HzQWQOOkqoE1rY5zfZuFEc9xfcrwGs6binrHzAqOXhs",[10104,10105],{"title":2437,"path":2438,"stem":2439,"description":4768,"children":-1},{"title":2445,"path":2446,"stem":2447,"description":4768,"children":-1},1789585791800]