[{"data":1,"prerenderedAt":16395},["ShallowReactive",2],{"navigation_docs":3,"-web-development-typescript-advanced-generics-fundamentals":3728,"-web-development-typescript-advanced-generics-fundamentals-surround":16390},[4,1707,1912,2366,2547,2673,2880,3002,3052,3109,3143,3269,3346,3360,3495,3512,3525,3671,3724],{"title":5,"icon":6,"path":7,"stem":8,"children":9},"C#","i-devicon-csharp","\u002Fcsharp","01.csharp",[10,13,60,90,120,202,219,253,379,404,457,650,1364,1654,1703],{"title":11,"path":7,"stem":12},"C# та .NET","01.csharp\u002Findex",{"title":14,"icon":15,"path":16,"stem":17,"children":18,"page":59},"Fundamentals","i-lucide-book-open","\u002Fcsharp\u002Ffundamentals","01.csharp\u002F01.fundamentals",[19,23,27,31,35,39,43,47,51,55],{"title":20,"path":21,"stem":22},"Вступ до екосистеми .NET","\u002Fcsharp\u002Ffundamentals\u002Fintroduction-to-ecosystem","01.csharp\u002F01.fundamentals\u002F01.introduction-to-ecosystem",{"title":24,"path":25,"stem":26},"Структура програми на C#","\u002Fcsharp\u002Ffundamentals\u002Fprogram-structure","01.csharp\u002F01.fundamentals\u002F02.program-structure",{"title":28,"path":29,"stem":30},"Змінні та Типи Даних","\u002Fcsharp\u002Ffundamentals\u002Fvariables-data-types","01.csharp\u002F01.fundamentals\u002F03.variables-data-types",{"title":32,"path":33,"stem":34},"Масиви","\u002Fcsharp\u002Ffundamentals\u002Farrays","01.csharp\u002F01.fundamentals\u002F04.arrays",{"title":36,"path":37,"stem":38},"Strings & Text Handling","\u002Fcsharp\u002Ffundamentals\u002Fstrings-text-handling","01.csharp\u002F01.fundamentals\u002F05.strings-text-handling",{"title":40,"path":41,"stem":42},"Дати і Час","\u002Fcsharp\u002Ffundamentals\u002Fdates-time-handling","01.csharp\u002F01.fundamentals\u002F06.dates-time-handling",{"title":44,"path":45,"stem":46},"Потік Керування","\u002Fcsharp\u002Ffundamentals\u002Fcontrol-flow","01.csharp\u002F01.fundamentals\u002F07.control-flow",{"title":48,"path":49,"stem":50},"Методи","\u002Fcsharp\u002Ffundamentals\u002Fmethods","01.csharp\u002F01.fundamentals\u002F08.methods",{"title":52,"path":53,"stem":54},"Основи Відлагодження","\u002Fcsharp\u002Ffundamentals\u002Fdebugging-basics","01.csharp\u002F01.fundamentals\u002F09.debugging-basics",{"title":56,"path":57,"stem":58},"Інтерактивна Консоль (Classic)","\u002Fcsharp\u002Ffundamentals\u002Finteractive-console","01.csharp\u002F01.fundamentals\u002F10.interactive-console",false,{"title":61,"icon":62,"path":63,"stem":64,"children":65,"page":59},"OOP","i-lucide-box","\u002Fcsharp\u002Foop","01.csharp\u002F02.oop",[66,70,74,78,82,86],{"title":67,"path":68,"stem":69},"Package Management (Управління Пакетами)","\u002Fcsharp\u002Foop\u002Fpackage-management","01.csharp\u002F02.oop\u002F01.package-management",{"title":71,"path":72,"stem":73},"Класи та Об'єкти","\u002Fcsharp\u002Foop\u002Fclasses-objects","01.csharp\u002F02.oop\u002F02.classes-objects",{"title":75,"path":76,"stem":77},"Властивості та Поля","\u002Fcsharp\u002Foop\u002Fproperties-fields","01.csharp\u002F02.oop\u002F03.properties-fields",{"title":79,"path":80,"stem":81},"Стовпи ООП","\u002Fcsharp\u002Foop\u002Foop-pillars","01.csharp\u002F02.oop\u002F04.oop-pillars",{"title":83,"path":84,"stem":85},"Advanced Types","\u002Fcsharp\u002Foop\u002Fadvanced-types","01.csharp\u002F02.oop\u002F05.advanced-types",{"title":87,"path":88,"stem":89},"Namespaces (Простори Імен)","\u002Fcsharp\u002Foop\u002Fnamespaces","01.csharp\u002F02.oop\u002F06.namespaces",{"title":91,"icon":92,"path":93,"stem":94,"children":95,"page":59},"Advanced Core","i-lucide-zap","\u002Fcsharp\u002Fadvanced-core","01.csharp\u002F03.advanced-core",[96,100,104,108,112,116],{"title":97,"path":98,"stem":99},"Generics (Узагальнення)","\u002Fcsharp\u002Fadvanced-core\u002Fgenerics","01.csharp\u002F03.advanced-core\u002F01.generics",{"title":101,"path":102,"stem":103},"Делегати, Події та Лямбда-вирази","\u002Fcsharp\u002Fadvanced-core\u002Fdelegates-events-lambdas","01.csharp\u002F03.advanced-core\u002F02.delegates-events-lambdas",{"title":105,"path":106,"stem":107},"Interfaces Deep Dive (Інтерфейси: Поглиблений Розгляд)","\u002Fcsharp\u002Fadvanced-core\u002Finterfaces-deep-dive","01.csharp\u002F03.advanced-core\u002F03.interfaces-deep-dive",{"title":109,"path":110,"stem":111},"Обробка Винятків","\u002Fcsharp\u002Fadvanced-core\u002Fexception-handling","01.csharp\u002F03.advanced-core\u002F04.exception-handling",{"title":113,"path":114,"stem":115},"Pattern Matching","\u002Fcsharp\u002Fadvanced-core\u002Fpattern-matching","01.csharp\u002F03.advanced-core\u002F05.pattern-matching",{"title":117,"path":118,"stem":119},"Додаткові Можливості C#","\u002Fcsharp\u002Fadvanced-core\u002Fadditional-features","01.csharp\u002F03.advanced-core\u002F06.additional-features",{"title":121,"icon":122,"path":123,"stem":124,"children":125,"page":59},"Architecture Best Practices","i-lucide-building-2","\u002Fcsharp\u002Farchitecture-best-practices","01.csharp\u002F04.architecture-best-practices",[126,130,149,153,157,161,165,169],{"title":127,"path":128,"stem":129},"Software Design Principles (Частина 1)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fsoftware-design-principles","01.csharp\u002F04.architecture-best-practices\u002F01.software-design-principles",{"title":131,"icon":132,"path":133,"stem":134,"children":135,"page":59},"Design Patterns","i-lucide-folder","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns",[136],{"title":137,"icon":132,"path":138,"stem":139,"children":140,"page":59},"Creational","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational",[141,145],{"title":142,"path":143,"stem":144},"Singleton (Одинак)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational\u002Fsingleton","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational\u002F01.singleton",{"title":146,"path":147,"stem":148},"Builder (Будівельник)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational\u002Fbuilder","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational\u002F02.builder",{"title":150,"path":151,"stem":152},"Building Professional CLIs","\u002Fcsharp\u002Farchitecture-best-practices\u002Fbuilding-professional-clis","01.csharp\u002F04.architecture-best-practices\u002F03.building-professional-clis",{"title":154,"path":155,"stem":156},"Validation & Flow Control","\u002Fcsharp\u002Farchitecture-best-practices\u002Fvalidation-flow-control","01.csharp\u002F04.architecture-best-practices\u002F04.validation-flow-control",{"title":158,"path":159,"stem":160},"The Modern .NET Host (Microsoft.Extensions)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fmodern-dotnet-host","01.csharp\u002F04.architecture-best-practices\u002F05.modern-dotnet-host",{"title":162,"path":163,"stem":164},"Data Mapper: Repository та DAO патерни (Частина 1)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdata-mapper-part1","01.csharp\u002F04.architecture-best-practices\u002F06.data-mapper-part1",{"title":166,"path":167,"stem":168},"Data Mapper: Repository та DAO патерни (Частина 2)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdata-mapper-part2","01.csharp\u002F04.architecture-best-practices\u002F07.data-mapper-part2",{"title":170,"icon":132,"path":171,"stem":172,"children":173,"page":59},"Di Ioc","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc",[174,178,182,186,190,194,198],{"title":175,"path":176,"stem":177},"Проблема залежностей та Інверсія Контролю","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fthe-dependency-problem","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F01.the-dependency-problem",{"title":179,"path":180,"stem":181},"Будуємо власний Service Container","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fbuild-your-own-container","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F02.build-your-own-container",{"title":183,"path":184,"stem":185},"Service Locator: Паттерн та Анти-паттерн","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fservice-locator-pattern","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F03.service-locator-pattern",{"title":187,"path":188,"stem":189},"Паттерни Dependency Injection","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fdependency-injection-patterns","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F04.dependency-injection-patterns",{"title":191,"path":192,"stem":193},"Microsoft DI: IServiceCollection та IServiceProvider","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fmicrosoft-di-deep-dive","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F05.microsoft-di-deep-dive",{"title":195,"path":196,"stem":197},"Service Lifetimes та Scopes","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fservice-lifetimes-and-scopes","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F06.service-lifetimes-and-scopes",{"title":199,"path":200,"stem":201},"DI Анти-паттерни та Найкращі Практики","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fdi-anti-patterns-and-best-practices","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F07.di-anti-patterns-and-best-practices",{"title":203,"icon":132,"path":204,"stem":205,"children":206,"page":59},"Standard Library","\u002Fcsharp\u002Fstandard-library","01.csharp\u002F05.standard-library",[207,211,215],{"title":208,"path":209,"stem":210},"Collections (Колекції)","\u002Fcsharp\u002Fstandard-library\u002Fcollections","01.csharp\u002F05.standard-library\u002F01.collections",{"title":212,"path":213,"stem":214},"High Performance Types (Високопродуктивні Типи)","\u002Fcsharp\u002Fstandard-library\u002Fhigh-performance-types","01.csharp\u002F05.standard-library\u002F02.high-performance-types",{"title":216,"path":217,"stem":218},"LINQ (Language Integrated Query)","\u002Fcsharp\u002Fstandard-library\u002Flinq","01.csharp\u002F05.standard-library\u002F03.linq",{"title":220,"icon":221,"path":222,"stem":223,"children":224,"page":59},"System Internals Concurrency","i-lucide-server","\u002Fcsharp\u002Fsystem-internals-concurrency","01.csharp\u002F06.system-internals-concurrency",[225,229,233,237,241,245,249],{"title":226,"path":227,"stem":228},"Memory Management","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fmemory-management","01.csharp\u002F06.system-internals-concurrency\u002F01.memory-management",{"title":230,"path":231,"stem":232},"Reflection API: System.Type та Метадані","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Freflection-fundamentals","01.csharp\u002F06.system-internals-concurrency\u002F02.reflection-fundamentals",{"title":234,"path":235,"stem":236},"Attributes та Dynamic Language Runtime","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fattributes-dynamic","01.csharp\u002F06.system-internals-concurrency\u002F03.attributes-dynamic",{"title":238,"path":239,"stem":240},"Expression Trees: Швидка Альтернатива Рефлексії","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fexpression-trees-compiled","01.csharp\u002F06.system-internals-concurrency\u002F04.expression-trees-compiled",{"title":242,"path":243,"stem":244},"Source Generators: Compile-Time Code Generation","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fsource-generators","01.csharp\u002F06.system-internals-concurrency\u002F05.source-generators",{"title":246,"path":247,"stem":248},"Multithreading Fundamentals","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fmultithreading-fundamentals","01.csharp\u002F06.system-internals-concurrency\u002F06.multithreading-fundamentals",{"title":250,"path":251,"stem":252},"Synchronization Primitives","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fsynchronization-primitives","01.csharp\u002F06.system-internals-concurrency\u002F07.synchronization-primitives",{"title":254,"icon":255,"path":256,"stem":257,"children":258,"page":59},"System Programming Windows","i-lucide-cpu","\u002Fcsharp\u002Fsystem-programming-windows","01.csharp\u002F07.system-programming-windows",[259,263,267,271,275,279,283,287,291,295,299,303,307,311,315,319,323,327,331,335,339,343,347,351,355,359,363,367,371,375],{"title":260,"path":261,"stem":262},"Як Працює Операційна Система","\u002Fcsharp\u002Fsystem-programming-windows\u002Fhow-os-works","01.csharp\u002F07.system-programming-windows\u002F01.how-os-works",{"title":264,"path":265,"stem":266},"Процеси в .NET — API та Запуск","\u002Fcsharp\u002Fsystem-programming-windows\u002Fprocesses-in-dotnet","01.csharp\u002F07.system-programming-windows\u002F02.processes-in-dotnet",{"title":268,"path":269,"stem":270},"Процеси в .NET — IPC та Міжпроцесна Комунікація","\u002Fcsharp\u002Fsystem-programming-windows\u002F02a.processes-ipc","01.csharp\u002F07.system-programming-windows\u002F02a.processes-ipc",{"title":272,"path":273,"stem":274},"Application Domains та Збірки — AppDomain і AssemblyLoadContext","\u002Fcsharp\u002Fsystem-programming-windows\u002Fappdomains-assemblies","01.csharp\u002F07.system-programming-windows\u002F03.appdomains-assemblies",{"title":276,"path":277,"stem":278},"Application Domains та Збірки — Plug-in Система з Hot-Reload","\u002Fcsharp\u002Fsystem-programming-windows\u002F03a.appdomains-plugin-system","01.csharp\u002F07.system-programming-windows\u002F03a.appdomains-plugin-system",{"title":280,"path":281,"stem":282},"Потоки — Основи та API Thread","\u002Fcsharp\u002Fsystem-programming-windows\u002Fthread-fundamentals","01.csharp\u002F07.system-programming-windows\u002F04.thread-fundamentals",{"title":284,"path":285,"stem":286},"Потоки — Lifecycle, Пріоритети та Безпечне Завершення","\u002Fcsharp\u002Fsystem-programming-windows\u002F04a.thread-lifecycle-priorities","01.csharp\u002F07.system-programming-windows\u002F04a.thread-lifecycle-priorities",{"title":288,"path":289,"stem":290},"Проблеми Спільного Стану — Race Condition та Data Race","\u002Fcsharp\u002Fsystem-programming-windows\u002Fshared-state-problems","01.csharp\u002F07.system-programming-windows\u002F05.shared-state-problems",{"title":292,"path":293,"stem":294},"Проблеми Спільного Стану — Memory Model та volatile","\u002Fcsharp\u002Fsystem-programming-windows\u002F05a.shared-state-memory-model","01.csharp\u002F07.system-programming-windows\u002F05a.shared-state-memory-model",{"title":296,"path":297,"stem":298},"Синхронізація — Monitor, lock та еволюція примітивів","\u002Fcsharp\u002Fsystem-programming-windows\u002Fsynchronization-fundamentals","01.csharp\u002F07.system-programming-windows\u002F06.synchronization-fundamentals",{"title":300,"path":301,"stem":302},"Синхронізація — Наскрізний Приклад та Deadlock Detection","\u002Fcsharp\u002Fsystem-programming-windows\u002F06a.synchronization-walkthrough","01.csharp\u002F07.system-programming-windows\u002F06a.synchronization-walkthrough",{"title":304,"path":305,"stem":306},"Синхронізація — Mutex, Semaphore та Event-Based Primitives","\u002Fcsharp\u002Fsystem-programming-windows\u002Fsynchronization-advanced","01.csharp\u002F07.system-programming-windows\u002F07.synchronization-advanced",{"title":308,"path":309,"stem":310},"Синхронізація — Interlocked, Volatile та Lock-Free Структури","\u002Fcsharp\u002Fsystem-programming-windows\u002F07a.synchronization-advanced-walkthrough","01.csharp\u002F07.system-programming-windows\u002F07a.synchronization-advanced-walkthrough",{"title":312,"path":313,"stem":314},"Interlocked, CAS та Lock-Free Структури","\u002Fcsharp\u002Fsystem-programming-windows\u002Finterlocked-cas-lockfree","01.csharp\u002F07.system-programming-windows\u002F08.interlocked-cas-lockfree",{"title":316,"path":317,"stem":318},"Volatile, Memory Model та Spinning","\u002Fcsharp\u002Fsystem-programming-windows\u002F08a.volatile-memory-model","01.csharp\u002F07.system-programming-windows\u002F08a.volatile-memory-model",{"title":320,"path":321,"stem":322},"ThreadPool — Пул Потоків для Ефективного Виконання","\u002Fcsharp\u002Fsystem-programming-windows\u002Fthread-pool","01.csharp\u002F07.system-programming-windows\u002F09.thread-pool",{"title":324,"path":325,"stem":326},"ThreadPool — Просунуті Сценарії та Внутрішня Будова","\u002Fcsharp\u002Fsystem-programming-windows\u002F09a.thread-pool-advanced","01.csharp\u002F07.system-programming-windows\u002F09a.thread-pool-advanced",{"title":328,"path":329,"stem":330},"Concurrent та Immutable Collections","\u002Fcsharp\u002Fsystem-programming-windows\u002Fconcurrent-collections","01.csharp\u002F07.system-programming-windows\u002F10.concurrent-collections",{"title":332,"path":333,"stem":334},"TPL, Task та Композиція — Від Thread до Task","\u002Fcsharp\u002Fsystem-programming-windows\u002Ftpl-parallel-plinq","01.csharp\u002F07.system-programming-windows\u002F11.tpl-parallel-plinq",{"title":336,"path":337,"stem":338},"Parallel Class та PLINQ — Data Parallelism","\u002Fcsharp\u002Fsystem-programming-windows\u002F11a.tpl-parallel-plinq-advanced","01.csharp\u002F07.system-programming-windows\u002F11a.tpl-parallel-plinq-advanced",{"title":340,"path":341,"stem":342},"Async\u002FAwait — Фундамент Асинхронного Програмування","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-fundamentals","01.csharp\u002F07.system-programming-windows\u002F12.async-fundamentals",{"title":344,"path":345,"stem":346},"SynchronizationContext та ConfigureAwait — Контекст Виконання","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-context-configureawait","01.csharp\u002F07.system-programming-windows\u002F13.async-context-configureawait",{"title":348,"path":349,"stem":350},"Async — Просунуті Паттерни","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-advanced","01.csharp\u002F07.system-programming-windows\u002F14.async-advanced",{"title":352,"path":353,"stem":354},"System.Threading.Channels — Async Producer-Consumer","\u002Fcsharp\u002Fsystem-programming-windows\u002Fchannels","01.csharp\u002F07.system-programming-windows\u002F15.channels",{"title":356,"path":357,"stem":358},"Асинхронна Синхронізація","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-synchronization","01.csharp\u002F07.system-programming-windows\u002F16.async-synchronization",{"title":360,"path":361,"stem":362},"Unsafe Code та Вказівники","\u002Fcsharp\u002Fsystem-programming-windows\u002Funsafe-code","01.csharp\u002F07.system-programming-windows\u002F17.unsafe-code",{"title":364,"path":365,"stem":366},"P\u002FInvoke та Windows API — Міст між .NET та Native Code","\u002Fcsharp\u002Fsystem-programming-windows\u002Fpinvoke-winapi","01.csharp\u002F07.system-programming-windows\u002F18.pinvoke-winapi",{"title":368,"path":369,"stem":370},"Реєстр Windows — Центральна База Конфігурації Системи","\u002Fcsharp\u002Fsystem-programming-windows\u002Fwindows-registry","01.csharp\u002F07.system-programming-windows\u002F19.windows-registry",{"title":372,"path":373,"stem":374},"Windows Hooks, Hotkeys та Services — Глибока Інтеграція з ОС","\u002Fcsharp\u002Fsystem-programming-windows\u002Fwindows-hooks-services","01.csharp\u002F07.system-programming-windows\u002F20.windows-hooks-services",{"title":376,"path":377,"stem":378},"Системне Програмування C# (Windows) — 07.system-programming-windows","\u002Fcsharp\u002Fsystem-programming-windows\u002Fimplementation_plan","01.csharp\u002F07.system-programming-windows\u002Fimplementation_plan",{"title":380,"icon":132,"path":381,"stem":382,"children":383,"page":59},"Io","\u002Fcsharp\u002Fio","01.csharp\u002F08.io",[384,388,392,396,400],{"title":385,"path":386,"stem":387},"8.1.1. Основи роботи з файловою системою","\u002Fcsharp\u002Fio\u002Ffile-system-basics","01.csharp\u002F08.io\u002F01.file-system-basics",{"title":389,"path":390,"stem":391},"8.1.2. Потоки (Streams) та Серіалізація Даних","\u002Fcsharp\u002Fio\u002Fstreams-serialization","01.csharp\u002F08.io\u002F02.streams-serialization",{"title":393,"path":394,"stem":395},"8.2.1. JSON Serialization з System.Text.Json","\u002Fcsharp\u002Fio\u002Fjson-serialization","01.csharp\u002F08.io\u002F03.json-serialization",{"title":397,"path":398,"stem":399},"8.2.2. XML Serialization та LINQ to XML","\u002Fcsharp\u002Fio\u002Fxml-serialization","01.csharp\u002F08.io\u002F04.xml-serialization",{"title":401,"path":402,"stem":403},"8.2.3. Binary Serialization: MessagePack та Protocol Buffers","\u002Fcsharp\u002Fio\u002Fbinary-serialization","01.csharp\u002F08.io\u002F05.binary-serialization",{"title":405,"icon":132,"path":406,"stem":407,"children":408,"page":59},"Ado Net","\u002Fcsharp\u002Fado-net","01.csharp\u002F09.ado-net",[409,413,417,421,425,429,433,437,441,445,449,453],{"title":410,"path":411,"stem":412},"9.1. Введення в ADO.NET","\u002Fcsharp\u002Fado-net\u002Fintroduction-to-adonet","01.csharp\u002F09.ado-net\u002F01.introduction-to-adonet",{"title":414,"path":415,"stem":416},"9.2. Клас DbConnection — з'єднання з базою даних","\u002Fcsharp\u002Fado-net\u002Fconnection","01.csharp\u002F09.ado-net\u002F02.connection",{"title":418,"path":419,"stem":420},"9.3. Клас DbCommand — виконання SQL-запитів","\u002Fcsharp\u002Fado-net\u002Fcommand-and-queries","01.csharp\u002F09.ado-net\u002F03.command-and-queries",{"title":422,"path":423,"stem":424},"9.4. Клас DbDataReader — ефективне читання даних","\u002Fcsharp\u002Fado-net\u002Fdatareader","01.csharp\u002F09.ado-net\u002F04.datareader",{"title":426,"path":427,"stem":428},"9.5. Параметризовані запити та захист від SQL Injection","\u002Fcsharp\u002Fado-net\u002Fparameters-and-sql-injection","01.csharp\u002F09.ado-net\u002F05.parameters-and-sql-injection",{"title":430,"path":431,"stem":432},"9.6. Транзакції в ADO.NET","\u002Fcsharp\u002Fado-net\u002Ftransactions","01.csharp\u002F09.ado-net\u002F06.transactions",{"title":434,"path":435,"stem":436},"9.7. DbProviderFactory — провайдер-незалежний код","\u002Fcsharp\u002Fado-net\u002Fprovider-factory","01.csharp\u002F09.ado-net\u002F07.provider-factory",{"title":438,"path":439,"stem":440},"9.8. Асинхронний доступ до даних","\u002Fcsharp\u002Fado-net\u002Fasync-data-access","01.csharp\u002F09.ado-net\u002F08.async-data-access",{"title":442,"path":443,"stem":444},"9.9. Від'єднаний режим: DataSet, DataTable, DataRow","\u002Fcsharp\u002Fado-net\u002Fdisconnected-mode-dataset","01.csharp\u002F09.ado-net\u002F09.disconnected-mode-dataset",{"title":446,"path":447,"stem":448},"9.10. DataAdapter — міст між DataSet та базою даних","\u002Fcsharp\u002Fado-net\u002Fdata-adapter","01.csharp\u002F09.ado-net\u002F10.data-adapter",{"title":450,"path":451,"stem":452},"9.11. Data Mapper та Repository: Архітектура доступу до даних","\u002Fcsharp\u002Fado-net\u002Fdata-mapper-repository","01.csharp\u002F09.ado-net\u002F11.data-mapper-repository",{"title":454,"path":455,"stem":456},"9.12. Identity Map, Unit of Work та Specification Pattern","\u002Fcsharp\u002Fado-net\u002Fadvanced-patterns","01.csharp\u002F09.ado-net\u002F12.advanced-patterns",{"title":458,"icon":255,"path":459,"stem":460,"children":461,"page":59},"Ef Core","\u002Fcsharp\u002Fef-core","01.csharp\u002F10.ef-core",[462,466,470,474,478,482,486,490,494,498,502,506,510,514,518,522,526,532,538,542,546,550,554,558,562,566,570,574,578,582,586,590,594,598,602,606,610,614,618,622,626,630,634,638,642,646],{"title":463,"path":464,"stem":465},"Що таке ORM? Від SQL до об'єктів","\u002Fcsharp\u002Fef-core\u002Fwhat-is-orm","01.csharp\u002F10.ef-core\u002F01.what-is-orm",{"title":467,"path":468,"stem":469},"Перший проєкт — від нуля до CRUD","\u002Fcsharp\u002Fef-core\u002Ffirst-project","01.csharp\u002F10.ef-core\u002F02.first-project",{"title":471,"path":472,"stem":473},"DbContext — Серце EF Core","\u002Fcsharp\u002Fef-core\u002Fdbcontext-deep-dive","01.csharp\u002F10.ef-core\u002F03.dbcontext-deep-dive",{"title":475,"path":476,"stem":477},"Провайдери баз даних — Архітектура та Вибір СУБД","\u002Fcsharp\u002Fef-core\u002Fdatabase-providers","01.csharp\u002F10.ef-core\u002F04.database-providers",{"title":479,"path":480,"stem":481},"Конвенції EF Core — Магія без конфігурації","\u002Fcsharp\u002Fef-core\u002Fconventions","01.csharp\u002F10.ef-core\u002F05.conventions",{"title":483,"path":484,"stem":485},"Fluent API та Data Annotations — Явна конфігурація моделі","\u002Fcsharp\u002Fef-core\u002Ffluent-api-vs-annotations","01.csharp\u002F10.ef-core\u002F06.fluent-api-vs-annotations",{"title":487,"path":488,"stem":489},"Зв'язки — One-to-One та One-to-Many","\u002Fcsharp\u002Fef-core\u002Frelationships-basics","01.csharp\u002F10.ef-core\u002F07.relationships-basics",{"title":491,"path":492,"stem":493},"Зв'язки Advanced — Many-to-Many та Складні Сценарії","\u002Fcsharp\u002Fef-core\u002Frelationships-advanced","01.csharp\u002F10.ef-core\u002F08.relationships-advanced",{"title":495,"path":496,"stem":497},"Властивості — Типи, Конвертери, Компаратори (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fproperty-configuration-part1","01.csharp\u002F10.ef-core\u002F09.property-configuration-part1",{"title":499,"path":500,"stem":501},"Властивості — Value Comparers, Generators, Shadow Properties (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fproperty-configuration-part2","01.csharp\u002F10.ef-core\u002F09.property-configuration-part2",{"title":503,"path":504,"stem":505},"Складні типи — Owned Types та Complex Types (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fcomplex-types-owned-part1","01.csharp\u002F10.ef-core\u002F10.complex-types-owned-part1",{"title":507,"path":508,"stem":509},"Складні типи — Complex Types, Keyless Entities, Порівняння (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fcomplex-types-owned-part2","01.csharp\u002F10.ef-core\u002F10.complex-types-owned-part2",{"title":511,"path":512,"stem":513},"JSON Columns — Складні дані у JSON (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fjson-columns-part1","01.csharp\u002F10.ef-core\u002F11.json-columns-part1",{"title":515,"path":516,"stem":517},"JSON Columns — Value Comparers, Індекси, Провайдери (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fjson-columns-part2","01.csharp\u002F10.ef-core\u002F11.json-columns-part2",{"title":519,"path":520,"stem":521},"Успадкування — Абстрактні класи та TPH (Частина 1)","\u002Fcsharp\u002Fef-core\u002Finheritance-part1","01.csharp\u002F10.ef-core\u002F12.inheritance-part1",{"title":523,"path":524,"stem":525},"Успадкування — TPT, TPC та Порівняння Стратегій (Частина 2)","\u002Fcsharp\u002Fef-core\u002Finheritance-part2","01.csharp\u002F10.ef-core\u002F12.inheritance-part2",{"title":527,"path":528,"stem":529,"children":530},"Індекси, Обмеження та Схема (Частина 1)","\u002Fcsharp\u002Fef-core\u002Findexes-constraints-part1","01.csharp\u002F10.ef-core\u002F13.indexes-constraints-part1",[531],{"title":527,"path":528,"stem":529},{"title":533,"path":534,"stem":535,"children":536},"Індекси, Обмеження та Схема (Частина 2)","\u002Fcsharp\u002Fef-core\u002Findexes-constraints-part2","01.csharp\u002F10.ef-core\u002F13.indexes-constraints-part2",[537],{"title":533,"path":534,"stem":535},{"title":539,"path":540,"stem":541},"Seed Data — Початкові Дані (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fseeding-part1","01.csharp\u002F10.ef-core\u002F14.seeding-part1",{"title":543,"path":544,"stem":545},"Seed Data — SQL-скрипти, Bogus та Стратегії (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fseeding-part2","01.csharp\u002F10.ef-core\u002F14.seeding-part2",{"title":547,"path":548,"stem":549},"Global Query Filters — Глобальні Фільтри (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fglobal-query-filters-part1","01.csharp\u002F10.ef-core\u002F15.global-query-filters-part1",{"title":551,"path":552,"stem":553},"Global Query Filters — Підводні камені та Інтеграція (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fglobal-query-filters-part2","01.csharp\u002F10.ef-core\u002F15.global-query-filters-part2",{"title":555,"path":556,"stem":557},"LINQ-запити в EF Core (Частина 1)","\u002Fcsharp\u002Fef-core\u002Flinq-queries-part1","01.csharp\u002F10.ef-core\u002F16.linq-queries-part1",{"title":559,"path":560,"stem":561},"LINQ-запити в EF Core (Частина 2)","\u002Fcsharp\u002Fef-core\u002Flinq-queries-part2","01.csharp\u002F10.ef-core\u002F16.linq-queries-part2",{"title":563,"path":564,"stem":565},"Завантаження Пов'язаних Даних (Частина 1)","\u002Fcsharp\u002Fef-core\u002Floading-related-data-part1","01.csharp\u002F10.ef-core\u002F17.loading-related-data-part1",{"title":567,"path":568,"stem":569},"Завантаження Пов'язаних Даних (Частина 2)","\u002Fcsharp\u002Fef-core\u002Floading-related-data-part2","01.csharp\u002F10.ef-core\u002F17.loading-related-data-part2",{"title":571,"path":572,"stem":573},"Raw SQL, Views та Stored Procedures (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fraw-sql-part1","01.csharp\u002F10.ef-core\u002F18.raw-sql-part1",{"title":575,"path":576,"stem":577},"Raw SQL — Stored Procedures, DbFunction та Bulk Operations (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fraw-sql-part2","01.csharp\u002F10.ef-core\u002F18.raw-sql-part2",{"title":579,"path":580,"stem":581},"Продвинуті Запити — Compiled Queries, Bulk та Оптимізація (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fadvanced-queries-part1","01.csharp\u002F10.ef-core\u002F19.advanced-queries-part1",{"title":583,"path":584,"stem":585},"Продвинуті Запити — Query Tags, Bulk та Interceptors (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fadvanced-queries-part2","01.csharp\u002F10.ef-core\u002F19.advanced-queries-part2",{"title":587,"path":588,"stem":589},"Change Tracker — Відстеження Змін (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fchange-tracking-part1","01.csharp\u002F10.ef-core\u002F20.change-tracking-part1",{"title":591,"path":592,"stem":593},"Change Tracker — Графи Об'єктів та Disconnected (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fchange-tracking-part2","01.csharp\u002F10.ef-core\u002F20.change-tracking-part2",{"title":595,"path":596,"stem":597},"Збереження Даних та Транзакції (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fsaving-data-part1","01.csharp\u002F10.ef-core\u002F21.saving-data-part1",{"title":599,"path":600,"stem":601},"Збереження Даних — Concurrency та Outbox (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fsaving-data-part2","01.csharp\u002F10.ef-core\u002F21.saving-data-part2",{"title":603,"path":604,"stem":605},"Конкурентність та Блокування (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fconcurrency-part1","01.csharp\u002F10.ef-core\u002F22.concurrency-part1",{"title":607,"path":608,"stem":609},"Конкурентність — Дедлоки та Queue Processing (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fconcurrency-part2","01.csharp\u002F10.ef-core\u002F22.concurrency-part2",{"title":611,"path":612,"stem":613},"Міграції в EF Core — Основи (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fmigrations-basics-part1","01.csharp\u002F10.ef-core\u002F23.migrations-basics-part1",{"title":615,"path":616,"stem":617},"Міграції в EF Core — Основи (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fmigrations-basics-part2","01.csharp\u002F10.ef-core\u002F23.migrations-basics-part2",{"title":619,"path":620,"stem":621},"Міграції — Просунуті Сценарії (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fmigrations-advanced-part1","01.csharp\u002F10.ef-core\u002F24.migrations-advanced-part1",{"title":623,"path":624,"stem":625},"Міграції — Просунуті Сценарії (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fmigrations-advanced-part2","01.csharp\u002F10.ef-core\u002F24.migrations-advanced-part2",{"title":627,"path":628,"stem":629},"Управління Схемою та Database-First (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fschema-management-part1","01.csharp\u002F10.ef-core\u002F25.schema-management-part1",{"title":631,"path":632,"stem":633},"Управління Схемою та Database-First (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fschema-management-part2","01.csharp\u002F10.ef-core\u002F25.schema-management-part2",{"title":635,"path":636,"stem":637},"Продуктивність EF Core — Основи (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fperformance-fundamentals-part1","01.csharp\u002F10.ef-core\u002F26.performance-fundamentals-part1",{"title":639,"path":640,"stem":641},"Interceptors в EF Core (Частина 1)","\u002Fcsharp\u002Fef-core\u002Finterceptors-part1","01.csharp\u002F10.ef-core\u002F29.interceptors-part1",{"title":643,"path":644,"stem":645},"Interceptors в EF Core — Connection, Transaction та Materialization (Частина 2)","\u002Fcsharp\u002Fef-core\u002Finterceptors-part2","01.csharp\u002F10.ef-core\u002F29.interceptors-part2",{"title":647,"path":648,"stem":649},"План вивчення Entity Framework Core — Повний курс","\u002Fcsharp\u002Fef-core\u002Fimplementation_plan","01.csharp\u002F10.ef-core\u002Fimplementation_plan",{"title":651,"icon":652,"path":653,"stem":654,"children":655,"page":59},"ASP.NET","i-devicon-dotnetcore","\u002Fcsharp\u002Faspnet","01.csharp\u002F11.aspnet",[656,730,791,869,927,941,967,1057,1111,1182,1212,1289,1346],{"title":657,"icon":658,"path":659,"stem":660,"children":661,"page":59},"Minimal API","i-lucide-network","\u002Fcsharp\u002Faspnet\u002Fminimal-api","01.csharp\u002F11.aspnet\u002F01.minimal-api",[662,666,670,674,678,682,686,690,694,698,702,706,710,714,718,722,726],{"title":663,"path":664,"stem":665},"Вступ до ASP.NET та еволюція фреймворку","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fintroduction","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F01.introduction",{"title":667,"path":668,"stem":669},"Перший додаток на ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Ffirst-application","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F02.first-application",{"title":671,"path":672,"stem":673},"WebApplication, Builder та Dependency Injection","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fwebapplication-builder","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F03.webapplication-builder",{"title":675,"path":676,"stem":677},"Конвеєр запитів та Middleware","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frequest-pipeline-middleware","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F04.request-pipeline-middleware",{"title":679,"path":680,"stem":681},"Маршрутизація в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frouting-basics","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F05.routing-basics",{"title":683,"path":684,"stem":685},"Маршрутизація в ASP.NET Core: Розширені можливості","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frouting-advanced","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F06.routing-advanced",{"title":687,"path":688,"stem":689},"Статичні файли в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstatic-files","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F07.static-files",{"title":691,"path":692,"stem":693},"Статичні Активи: MapStaticAssets (ASP.NET Core 9.0)","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstatic-assets","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F08.static-assets",{"title":695,"path":696,"stem":697},"Конфігурація в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fconfiguration-fundamentals","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F09.configuration-fundamentals",{"title":699,"path":700,"stem":701},"Конфігурація: Паттерн Options","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fconfiguration-options","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F10.configuration-options",{"title":703,"path":704,"stem":705},"Логування в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Flogging-basics","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F11.logging-basics",{"title":707,"path":708,"stem":709},"Логування: Serilog та Middleware","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Flogging-advanced","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F12.logging-advanced",{"title":711,"path":712,"stem":713},"Управління станом: HttpContext.Items та Cookies","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstate-management","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F13.state-management",{"title":715,"path":716,"stem":717},"Стан сесії: Sessions","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fsession-state","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F14.session-state",{"title":719,"path":720,"stem":721},"Структура проєкту: від хаосу до архітектури","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fproject-structure","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F15.project-structure",{"title":723,"path":724,"stem":725},"Scalar у Minimal API: повний проєкт і Fluent OpenAPI","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fscalar-openapi-fluent","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F16.scalar-openapi-fluent",{"title":727,"path":728,"stem":729},"Swagger \u002F Swashbuckle у Minimal API: окремий класичний шлях","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fswagger-swashbuckle","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F17.swagger-swashbuckle",{"title":731,"icon":658,"path":732,"stem":733,"children":734,"page":59},"API","\u002Fcsharp\u002Faspnet\u002Fapi","01.csharp\u002F11.aspnet\u002F02.api",[735,739,743,747,751,755,759,763,767,771,775,779,783,787],{"title":736,"path":737,"stem":738},"Що таке API. Клієнт-серверна архітектура","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fwhat-is-api","01.csharp\u002F11.aspnet\u002F02.api\u002F01.what-is-api",{"title":740,"path":741,"stem":742},"Формати даних: JSON, XML, TOML та бінарні формати","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fdata-formats","01.csharp\u002F11.aspnet\u002F02.api\u002F02.data-formats",{"title":744,"path":745,"stem":746},"Парадигми API та концепція REST","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-paradigms-rest","01.csharp\u002F11.aspnet\u002F02.api\u002F03.api-paradigms-rest",{"title":748,"path":749,"stem":750},"HTTP-методи, статус-коди та заголовки","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fhttp-methods-status-codes","01.csharp\u002F11.aspnet\u002F02.api\u002F04.http-methods-status-codes",{"title":752,"path":753,"stem":754},"Організація HTTP API за принципами REST","\u002Fcsharp\u002Faspnet\u002Fapi\u002Frest-organizing","01.csharp\u002F11.aspnet\u002F02.api\u002F05.rest-organizing",{"title":756,"path":757,"stem":758},"Номенклатура URL та CRUD-операції","\u002Fcsharp\u002Faspnet\u002Fapi\u002Furl-nomenclature-crud","01.csharp\u002F11.aspnet\u002F02.api\u002F06.url-nomenclature-crud",{"title":760,"path":761,"stem":762},"Правила дизайну: іменування та стандарти","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-naming","01.csharp\u002F11.aspnet\u002F02.api\u002F07.api-design-naming",{"title":764,"path":765,"stem":766},"Валідація, ліміти та обробка помилок","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-validation","01.csharp\u002F11.aspnet\u002F02.api\u002F08.api-design-validation",{"title":768,"path":769,"stem":770},"Обробка помилок у Minimal API","\u002Fcsharp\u002Faspnet\u002Fapi\u002Ferror-handling-http","01.csharp\u002F11.aspnet\u002F02.api\u002F09.error-handling-http",{"title":772,"path":773,"stem":774},"Ідемпотентність та синхронізація стану","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fidempotency-sync","01.csharp\u002F11.aspnet\u002F02.api\u002F10.idempotency-sync",{"title":776,"path":777,"stem":778},"Пагінація та організація списків","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fpagination-lists","01.csharp\u002F11.aspnet\u002F02.api\u002F11.pagination-lists",{"title":780,"path":781,"stem":782},"Безпека API, кешування та інтернаціоналізація","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fsecurity-auth","01.csharp\u002F11.aspnet\u002F02.api\u002F12.security-auth",{"title":784,"path":785,"stem":786},"Процес проєктування API та документування","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-process","01.csharp\u002F11.aspnet\u002F02.api\u002F13.api-design-process",{"title":788,"path":789,"stem":790},"OpenAPI: контракт, специфікація та документація API","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fopenapi","01.csharp\u002F11.aspnet\u002F02.api\u002F14.openapi",{"title":792,"icon":793,"path":794,"stem":795,"children":796,"page":59},"Auth","i-lucide-shield-check","\u002Fcsharp\u002Faspnet\u002Fauth","01.csharp\u002F11.aspnet\u002F03.auth",[797,801,805,809,813,817,821,825,829,833,837,841,845,849,853,857,861,865],{"title":798,"path":799,"stem":800},"Основи аутентифікації та авторизації","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fauth-fundamentals","01.csharp\u002F11.aspnet\u002F03.auth\u002F01.auth-fundamentals",{"title":802,"path":803,"stem":804},"JWT-аутентифікація","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fjwt-authentication","01.csharp\u002F11.aspnet\u002F03.auth\u002F02.jwt-authentication",{"title":806,"path":807,"stem":808},"Авторизація: ролі, політики та resource-based доступ","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fauthorization-policies","01.csharp\u002F11.aspnet\u002F03.auth\u002F03.authorization-policies",{"title":810,"path":811,"stem":812},"Cookie-аутентифікація та ASP.NET Core Identity","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fcookie-auth-identity","01.csharp\u002F11.aspnet\u002F03.auth\u002F04.cookie-auth-identity",{"title":814,"path":815,"stem":816},"JWT + Refresh Tokens (HttpOnly Cookie)","\u002Fcsharp\u002Faspnet\u002Fauth\u002F04b.identity-auth-jwt","01.csharp\u002F11.aspnet\u002F03.auth\u002F04b.identity-auth-jwt",{"title":818,"path":819,"stem":820},"Identity: Підтвердження Email та Скидання Пароля","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-email-confirmation","01.csharp\u002F11.aspnet\u002F03.auth\u002F05.identity-email-confirmation",{"title":822,"path":823,"stem":824},"Identity: Двофакторна Аутентифікація (2FA)","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-two-factor","01.csharp\u002F11.aspnet\u002F03.auth\u002F06.identity-two-factor",{"title":826,"path":827,"stem":828},"Identity: Внутрішня Архітектура та Кастомізація","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-internals","01.csharp\u002F11.aspnet\u002F03.auth\u002F07.identity-internals",{"title":830,"path":831,"stem":832},"OAuth 2.0 та зовнішні провайдери","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foauth-external-providers","01.csharp\u002F11.aspnet\u002F03.auth\u002F08.oauth-external-providers",{"title":834,"path":835,"stem":836},"Безпека на практиці: CORS, HTTPS та захист від атак","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fsecurity-hardening","01.csharp\u002F11.aspnet\u002F03.auth\u002F09.security-hardening",{"title":838,"path":839,"stem":840},"Теорія OAuth 2.0: Поняття, Аналогії та Флоу","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foauth-theory","01.csharp\u002F11.aspnet\u002F03.auth\u002F10.oauth-theory",{"title":842,"path":843,"stem":844},"OIDC, OAuth 2.0 та Keycloak в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foidc-keycloak","01.csharp\u002F11.aspnet\u002F03.auth\u002F10.oidc-keycloak",{"title":846,"path":847,"stem":848},"API Keys аутентифікація в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fapi-keys","01.csharp\u002F11.aspnet\u002F03.auth\u002F11.api-keys",{"title":850,"path":851,"stem":852},"Rate Limiting та Throttling в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frate-limiting","01.csharp\u002F11.aspnet\u002F03.auth\u002F12.rate-limiting",{"title":854,"path":855,"stem":856},"Refresh Token Rotation в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frefresh-token-rotation","01.csharp\u002F11.aspnet\u002F03.auth\u002F13.refresh-token-rotation",{"title":858,"path":859,"stem":860},"Certificate Authentication та mTLS в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fcertificate-auth","01.csharp\u002F11.aspnet\u002F03.auth\u002F14.certificate-auth",{"title":862,"path":863,"stem":864},"RBAC, ABAC та ReBAC в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frbac-abac-rebac","01.csharp\u002F11.aspnet\u002F03.auth\u002F15.rbac-abac-rebac",{"title":866,"path":867,"stem":868},"Multi-tenancy та ізоляція даних в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fmulti-tenancy","01.csharp\u002F11.aspnet\u002F03.auth\u002F16.multi-tenancy",{"title":870,"icon":871,"path":872,"stem":873,"children":874,"page":59},"Нотифікації","i-lucide-bell","\u002Fcsharp\u002Faspnet\u002Fnotifications","01.csharp\u002F11.aspnet\u002F04.notifications",[875,879,883,887,891,895,899,903,907,911,915,919,923],{"title":876,"path":877,"stem":878},"In-App нотифікації через базу даних","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fin-app-database-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F01.in-app-database-notifications",{"title":880,"path":881,"stem":882},"Polling: Регулярний запит оновлень","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fpolling","01.csharp\u002F11.aspnet\u002F04.notifications\u002F02.polling",{"title":884,"path":885,"stem":886},"Server-Sent Events: Однострімовий push від сервера","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fserver-sent-events","01.csharp\u002F11.aspnet\u002F04.notifications\u002F03.server-sent-events",{"title":888,"path":889,"stem":890},"WebSockets: Двостороннє з'єднання в реальному часі","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fwebsockets","01.csharp\u002F11.aspnet\u002F04.notifications\u002F04.websockets",{"title":892,"path":893,"stem":894},"SignalR: Абстракція над транспортами реального часу","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fsignalr","01.csharp\u002F11.aspnet\u002F04.notifications\u002F05.signalr",{"title":896,"path":897,"stem":898},"Background Services: Фонові задачі в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fbackground-services","01.csharp\u002F11.aspnet\u002F04.notifications\u002F06.background-services",{"title":900,"path":901,"stem":902},"Web Push нотифікації","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fweb-push","01.csharp\u002F11.aspnet\u002F04.notifications\u002F07.web-push",{"title":904,"path":905,"stem":906},"Email нотифікації","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Femail-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F08.email-notifications",{"title":908,"path":909,"stem":910},"Порівняння підходів: Як вибрати правильну технологію нотифікацій","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fchoosing-the-right-approach","01.csharp\u002F11.aspnet\u002F04.notifications\u002F09.choosing-the-right-approach",{"title":912,"path":913,"stem":914},"Hangfire: Надійне планування фонових задач","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire","01.csharp\u002F11.aspnet\u002F04.notifications\u002F10.hangfire",{"title":916,"path":917,"stem":918},"Практика: Конвертація зображень у WebP через Hangfire","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire-image-webp","01.csharp\u002F11.aspnet\u002F04.notifications\u002F11.hangfire-image-webp",{"title":920,"path":921,"stem":922},"Практика: Підготовка відео до HLS-стрімінгу через Hangfire","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire-video-hls","01.csharp\u002F11.aspnet\u002F04.notifications\u002F12.hangfire-video-hls",{"title":924,"path":925,"stem":926},"Telegram-нотифікації: від одного повідомлення до масових розсилок і мульти-канального підходу","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Ftelegram-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F13.telegram-notifications",{"title":928,"icon":929,"path":930,"stem":931,"children":932,"page":59},"Інтернаціоналізація","i-lucide-languages","\u002Fcsharp\u002Faspnet\u002Fi18n","01.csharp\u002F11.aspnet\u002F05.i18n",[933,937],{"title":934,"path":935,"stem":936},"Інтернаціоналізація (i18n) у Minimal API: від A до Я","\u002Fcsharp\u002Faspnet\u002Fi18n\u002Finternationalization","01.csharp\u002F11.aspnet\u002F05.i18n\u002F01.internationalization",{"title":938,"path":939,"stem":940},"Humanizer: людиномовні рядки у .NET","\u002Fcsharp\u002Faspnet\u002Fi18n\u002Fhumanizer","01.csharp\u002F11.aspnet\u002F05.i18n\u002F02.humanizer",{"title":942,"icon":943,"path":944,"stem":945,"children":946,"page":59},"Кешування","i-lucide-layers","\u002Fcsharp\u002Faspnet\u002Fcaching","01.csharp\u002F11.aspnet\u002F06.caching",[947,951,955,959,963],{"title":948,"path":949,"stem":950},"Огляд кешування: чотири рівні і коли що обирати","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fcaching","01.csharp\u002F11.aspnet\u002F06.caching\u002F01.caching",{"title":952,"path":953,"stem":954},"IMemoryCache: кеш в оперативній пам'яті","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fmemory-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F02.memory-cache",{"title":956,"path":957,"stem":958},"IDistributedCache і Redis: розподілений кеш","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fdistributed-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F03.distributed-cache",{"title":960,"path":961,"stem":962},"Response Cache: HTTP-кешування через Cache-Control","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fresponse-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F04.response-cache",{"title":964,"path":965,"stem":966},"Output Cache: серверний кеш HTTP-відповідей (.NET 7+)","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Foutput-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F05.output-cache",{"title":968,"icon":969,"path":970,"stem":971,"children":972,"page":59},"Тестування","i-lucide-test-tube","\u002Fcsharp\u002Faspnet\u002Ftesting","01.csharp\u002F11.aspnet\u002F07.testing",[973,977,981,985,989,993,997,1001,1005,1009,1013,1017,1021,1025,1029,1033,1037,1041,1045,1049,1053],{"title":974,"path":975,"stem":976},"Що таке тестування? Від інтуїції до науки","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwhat-is-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F01.what-is-testing",{"title":978,"path":979,"stem":980},"Піраміда тестування — Стратегія, а не Догма","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-pyramid","01.csharp\u002F11.aspnet\u002F07.testing\u002F02.testing-pyramid",{"title":982,"path":983,"stem":984},"Дві Школи Тестування — Лондон проти Детройту","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-schools","01.csharp\u002F11.aspnet\u002F07.testing\u002F03.testing-schools",{"title":986,"path":987,"stem":988},"TDD та BDD — Тести як Дизайн-інструмент","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftdd-and-bdd","01.csharp\u002F11.aspnet\u002F07.testing\u002F04.tdd-and-bdd",{"title":990,"path":991,"stem":992},"Що саме тестувати — Техніки аналізу та Циклomatична складність","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwhat-to-test","01.csharp\u002F11.aspnet\u002F07.testing\u002F05.what-to-test",{"title":994,"path":995,"stem":996},"Тестові Фреймворки — Навіщо вони і що всередині","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftest-frameworks","01.csharp\u002F11.aspnet\u002F07.testing\u002F06.test-frameworks",{"title":998,"path":999,"stem":1000},"xUnit — Факти, Теорії та Lifecycle тестів","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fxunit-basics","01.csharp\u002F11.aspnet\u002F07.testing\u002F07.xunit-basics",{"title":1002,"path":1003,"stem":1004},"xUnit Advanced — Fixtures, Кастомізація та Розширення","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fxunit-advanced","01.csharp\u002F11.aspnet\u002F07.testing\u002F08.xunit-advanced",{"title":1006,"path":1007,"stem":1008},"Moq — Глибоке занурення в мокування","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fmocking-with-moq","01.csharp\u002F11.aspnet\u002F07.testing\u002F09.mocking-with-moq",{"title":1010,"path":1011,"stem":1012},"Тестування Баз Даних — EF Core, SQLite та Testcontainers","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fdatabase-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F10.database-testing",{"title":1014,"path":1015,"stem":1016},"Integration Testing — Частина 1 [Теорія та WebApplicationFactory]","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fintegration-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F11.integration-testing",{"title":1018,"path":1019,"stem":1020},"Інтеграційне тестування — Практика","\u002Fcsharp\u002Faspnet\u002Ftesting\u002F11a.integration-testing-practice","01.csharp\u002F11.aspnet\u002F07.testing\u002F11a.integration-testing-practice",{"title":1022,"path":1023,"stem":1024},"Integration Testing — Частина 2 [Просунуті Сценарії та Testcontainers]","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fintegration-testing-advanced","01.csharp\u002F11.aspnet\u002F07.testing\u002F12.integration-testing-advanced",{"title":1026,"path":1027,"stem":1028},"Професійний Postman: Колекції, Змінні та GitHub Інтеграція","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fpostman-professional","01.csharp\u002F11.aspnet\u002F07.testing\u002F13.postman-professional",{"title":1030,"path":1031,"stem":1032},"HttpClient у Тестах Частина 1: Архітектура та MockHttpMessageHandler","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fhttpclient-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F14.httpclient-testing",{"title":1034,"path":1035,"stem":1036},"HttpClient у Тестах Частина 2: WireMock.Net та Resilience","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwiremock-net","01.csharp\u002F11.aspnet\u002F07.testing\u002F15.wiremock-net",{"title":1038,"path":1039,"stem":1040},"Патерни та Анти-патерни Тестування: Test Smells","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-patterns","01.csharp\u002F11.aspnet\u002F07.testing\u002F16.testing-patterns",{"title":1042,"path":1043,"stem":1044},"Просунуті інструменти: Time, Snapshots та Властивості","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fadvanced-testing-tools","01.csharp\u002F11.aspnet\u002F07.testing\u002F17.advanced-testing-tools",{"title":1046,"path":1047,"stem":1048},"Тестування Архітектури з NetArchTest","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Farchitecture-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F18.architecture-testing",{"title":1050,"path":1051,"stem":1052},"Тестування Продуктивності: BenchmarkDotNet, NBomber та k6","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fperformance-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F19.performance-testing",{"title":1054,"path":1055,"stem":1056},"Залишок плану для курсу \"Тестування ASP.NET Minimal API\"","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fremaining_plan","01.csharp\u002F11.aspnet\u002F07.testing\u002Fremaining_plan",{"title":1058,"icon":1059,"path":1060,"stem":1061,"children":1062,"page":59},"Платежі","i-lucide-credit-card","\u002Fcsharp\u002Faspnet\u002Fpayments","01.csharp\u002F11.aspnet\u002F08.payments",[1063,1067,1071,1075,1079,1083,1087,1091,1095,1099,1103,1107],{"title":1064,"path":1065,"stem":1066},"Основи платіжної інфраструктури","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-fundamentals","01.csharp\u002F11.aspnet\u002F08.payments\u002F01.payment-fundamentals",{"title":1068,"path":1069,"stem":1070},"Методи оплати в Україні","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-methods-ukraine","01.csharp\u002F11.aspnet\u002F08.payments\u002F02.payment-methods-ukraine",{"title":1072,"path":1073,"stem":1074},"PCI DSS та безпека платежів","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpci-dss-security","01.csharp\u002F11.aspnet\u002F08.payments\u002F03.pci-dss-security",{"title":1076,"path":1077,"stem":1078},"Архітектура платіжної підсистеми","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-architecture","01.csharp\u002F11.aspnet\u002F08.payments\u002F04.payment-architecture",{"title":1080,"path":1081,"stem":1082},"Інтеграція LiqPay (ПриватБанк)","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fliqpay-integration","01.csharp\u002F11.aspnet\u002F08.payments\u002F05.liqpay-integration",{"title":1084,"path":1085,"stem":1086},"Інтеграція Monobank Acquiring API","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fmonobank-acquiring","01.csharp\u002F11.aspnet\u002F08.payments\u002F06.monobank-acquiring",{"title":1088,"path":1089,"stem":1090},"Інтеграція Stripe","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fstripe-integration","01.csharp\u002F11.aspnet\u002F08.payments\u002F07.stripe-integration",{"title":1092,"path":1093,"stem":1094},"Webhooks — глибоке занурення","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fwebhooks-deep-dive","01.csharp\u002F11.aspnet\u002F08.payments\u002F08.webhooks-deep-dive",{"title":1096,"path":1097,"stem":1098},"Підписки та рекурентні платежі","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fsubscriptions-recurring","01.csharp\u002F11.aspnet\u002F08.payments\u002F09.subscriptions-recurring",{"title":1100,"path":1101,"stem":1102},"Повернення коштів та диспути","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Frefunds-disputes","01.csharp\u002F11.aspnet\u002F08.payments\u002F10.refunds-disputes",{"title":1104,"path":1105,"stem":1106},"Тестування платіжних інтеграцій","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Ftesting-payments","01.csharp\u002F11.aspnet\u002F08.payments\u002F11.testing-payments",{"title":1108,"path":1109,"stem":1110},"Чекліст виходу в Production","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fproduction-checklist","01.csharp\u002F11.aspnet\u002F08.payments\u002F12.production-checklist",{"title":1112,"icon":1113,"items":1114,"path":1127,"stem":1128,"children":1129,"page":59},"Популярні бібліотеки","lucide:box",[1115,1116,1117,1118,1119,1120,1121,1122,1123,1124,1125,1126],"01.fluent-validation","02.mapster","03.erroror-result-pattern","04.serilog","05.mediatr","06.polly","07.health-checks","08.feature-management","09.fluent-email","10.quest-pdf","11.bogus","12.humanizer-guard","\u002Fcsharp\u002Faspnet\u002Flibraries","01.csharp\u002F11.aspnet\u002F09.libraries",[1130,1134,1138,1142,1146,1150,1154,1158,1162,1166,1170,1174,1178],{"title":1131,"path":1132,"stem":1133},"Валідація з FluentValidation в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffluent-validation","01.csharp\u002F11.aspnet\u002F09.libraries\u002F01.fluent-validation",{"title":1135,"path":1136,"stem":1137},"Маппінг об","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fmapster","01.csharp\u002F11.aspnet\u002F09.libraries\u002F02.mapster",{"title":1139,"path":1140,"stem":1141},"Обробка помилок з ErrorOr та Result Pattern в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ferroror-result-pattern","01.csharp\u002F11.aspnet\u002F09.libraries\u002F03.erroror-result-pattern",{"title":1143,"path":1144,"stem":1145},"Структуроване логування з Serilog в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fserilog","01.csharp\u002F11.aspnet\u002F09.libraries\u002F04.serilog",{"title":1147,"path":1148,"stem":1149},"CQRS та Mediator з MediatR в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fmediatr","01.csharp\u002F11.aspnet\u002F09.libraries\u002F05.mediatr",{"title":1151,"path":1152,"stem":1153},"Відмовостійкість з Polly в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fpolly","01.csharp\u002F11.aspnet\u002F09.libraries\u002F06.polly",{"title":1155,"path":1156,"stem":1157},"Health Checks в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fhealth-checks","01.csharp\u002F11.aspnet\u002F09.libraries\u002F07.health-checks",{"title":1159,"path":1160,"stem":1161},"Feature Management та Feature Flags в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffeature-management","01.csharp\u002F11.aspnet\u002F09.libraries\u002F08.feature-management",{"title":1163,"path":1164,"stem":1165},"Відправка Email з FluentEmail в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffluent-email","01.csharp\u002F11.aspnet\u002F09.libraries\u002F09.fluent-email",{"title":1167,"path":1168,"stem":1169},"Генерація PDF з QuestPDF в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fquest-pdf","01.csharp\u002F11.aspnet\u002F09.libraries\u002F10.quest-pdf",{"title":1171,"path":1172,"stem":1173},"Генерація тестових даних з Bogus в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fbogus","01.csharp\u002F11.aspnet\u002F09.libraries\u002F11.bogus",{"title":1175,"path":1176,"stem":1177},"Humanizer та Guard Clauses в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fhumanizer-guard","01.csharp\u002F11.aspnet\u002F09.libraries\u002F12.humanizer-guard",{"title":1179,"path":1180,"stem":1181},"План модуля 10.libraries — Популярні бібліотеки ASP.NET","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fplan","01.csharp\u002F11.aspnet\u002F09.libraries\u002Fplan",{"title":1183,"icon":1184,"path":1185,"stem":1186,"children":1187,"page":59},"Razor Pages","i-lucide-layout-template","\u002Fcsharp\u002Faspnet\u002Frazor-pages","01.csharp\u002F11.aspnet\u002F10.razor-pages",[1188,1192,1196,1200,1204,1208],{"title":1189,"path":1190,"stem":1191},"Від Minimal API до Razor Pages: концептуальний перехід","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Ffrom-minimal-api","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F01.from-minimal-api",{"title":1193,"path":1194,"stem":1195},"PageModel: логіка сторінки Razor Pages","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fpage-model","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F02.page-model",{"title":1197,"path":1198,"stem":1199},"Razor синтаксис: шаблонізатор у .cshtml","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Frazor-syntax","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F03.razor-syntax",{"title":1201,"path":1202,"stem":1203},"Tag Helpers: типізований HTML","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Ftag-helpers","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F04.tag-helpers",{"title":1205,"path":1206,"stem":1207},"Форми і валідація: повний цикл обробки даних","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fforms-validation","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F05.forms-validation",{"title":1209,"path":1210,"stem":1211},"Практичний проєкт: TaskManager на Razor Pages","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fproject-task-manager","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F06.project-task-manager",{"title":1213,"path":1214,"stem":1215,"children":1216,"page":59},"ASP.NET Core MVC","\u002Fcsharp\u002Faspnet\u002Fmvc","01.csharp\u002F11.aspnet\u002F11.mvc",[1217,1221,1225,1229,1233,1237,1241,1245,1249,1253,1257,1261,1265,1269,1273,1277,1281,1285],{"title":1218,"path":1219,"stem":1220},"Патерн MVC: архітектура, що змінила веб","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmvc-pattern","01.csharp\u002F11.aspnet\u002F11.mvc\u002F01.mvc-pattern",{"title":1222,"path":1223,"stem":1224},"Від Razor Pages до MVC: концептуальний перехід","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffrom-razor-pages","01.csharp\u002F11.aspnet\u002F11.mvc\u002F02.from-razor-pages",{"title":1226,"path":1227,"stem":1228},"Controllers та Actions: серце MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fcontrollers-actions","01.csharp\u002F11.aspnet\u002F11.mvc\u002F03.controllers-actions",{"title":1230,"path":1231,"stem":1232},"Маршрутизація в MVC: Convention vs Attribute Routing","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Frouting-mvc","01.csharp\u002F11.aspnet\u002F11.mvc\u002F04.routing-mvc",{"title":1234,"path":1235,"stem":1236},"Model Binding: від HTTP до C#","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmodel-binding","01.csharp\u002F11.aspnet\u002F11.mvc\u002F05.model-binding",{"title":1238,"path":1239,"stem":1240},"Views, ViewData, ViewBag, TempData і ViewModel","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fviews-viewdata-tempdata","01.csharp\u002F11.aspnet\u002F11.mvc\u002F06.views-viewdata-tempdata",{"title":1242,"path":1243,"stem":1244},"Filters: аспектно-орієнтоване програмування в MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffilters","01.csharp\u002F11.aspnet\u002F11.mvc\u002F07.filters",{"title":1246,"path":1247,"stem":1248},"Areas: структурування великих застосунків","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fareas","01.csharp\u002F11.aspnet\u002F11.mvc\u002F08.areas",{"title":1250,"path":1251,"stem":1252},"View Components: повторювані незалежні блоки UI","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fview-components","01.csharp\u002F11.aspnet\u002F11.mvc\u002F09.view-components",{"title":1254,"path":1255,"stem":1256},"Display та Editor Templates","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fdisplay-editor-templates","01.csharp\u002F11.aspnet\u002F11.mvc\u002F10.display-editor-templates",{"title":1258,"path":1259,"stem":1260},"Валідація: IValidatableObject та FluentValidation","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fvalidation-advanced","01.csharp\u002F11.aspnet\u002F11.mvc\u002F11.validation-advanced",{"title":1262,"path":1263,"stem":1264},"HTMX: інтерактивність через HTML-атрибути","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fhtmx","01.csharp\u002F11.aspnet\u002F11.mvc\u002F12.htmx",{"title":1266,"path":1267,"stem":1268},"HTMX у ASP.NET Core MVC: серверна інтеграція","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fajax-htmx-mvc","01.csharp\u002F11.aspnet\u002F11.mvc\u002F13.ajax-htmx-mvc",{"title":1270,"path":1271,"stem":1272},"Практичний проєкт: Каталог товарів з HTMX","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fhtmx-project","01.csharp\u002F11.aspnet\u002F11.mvc\u002F14.htmx-project",{"title":1274,"path":1275,"stem":1276},"Завантаження та обробка файлів","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffile-upload","01.csharp\u002F11.aspnet\u002F11.mvc\u002F15.file-upload",{"title":1278,"path":1279,"stem":1280},"Глобалізація та Локалізація MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fglobalization-localization","01.csharp\u002F11.aspnet\u002F11.mvc\u002F16.globalization-localization",{"title":1282,"path":1283,"stem":1284},"Підсумковий проєкт: Блог-платформа","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmvc-project","01.csharp\u002F11.aspnet\u002F11.mvc\u002F17.mvc-project",{"title":1286,"path":1287,"stem":1288},"План курсу: ASP.NET Core MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fplan","01.csharp\u002F11.aspnet\u002F11.mvc\u002Fplan",{"title":1290,"path":1291,"stem":1292,"children":1293,"page":59},"Web Api","\u002Fcsharp\u002Faspnet\u002Fweb-api","01.csharp\u002F11.aspnet\u002F12.web-api",[1294,1298,1302,1306,1310,1314,1318,1322,1326,1330,1334,1338,1342],{"title":1295,"path":1296,"stem":1297},"Від Minimal API до Controller-based API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Ffrom-minimal-api-to-controllers","01.csharp\u002F11.aspnet\u002F12.web-api\u002F01.from-minimal-api-to-controllers",{"title":1299,"path":1300,"stem":1301},"ControllerBase, ActionResult\u003CT> та Response Types","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fcontroller-base-actionresult","01.csharp\u002F11.aspnet\u002F12.web-api\u002F02.controller-base-actionresult",{"title":1303,"path":1304,"stem":1305},"Content Negotiation - JSON, XML та власні форматери","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fcontent-negotiation","01.csharp\u002F11.aspnet\u002F12.web-api\u002F03.content-negotiation",{"title":1307,"path":1308,"stem":1309},"Версіонування API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fapi-versioning","01.csharp\u002F11.aspnet\u002F12.web-api\u002F04.api-versioning",{"title":1311,"path":1312,"stem":1313},"ProblemDetails та структурована обробка помилок","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fproblemdetails-error-handling","01.csharp\u002F11.aspnet\u002F12.web-api\u002F05.problemdetails-error-handling",{"title":1315,"path":1316,"stem":1317},"Фільтри у Web API контексті","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Ffilters-for-api","01.csharp\u002F11.aspnet\u002F12.web-api\u002F06.filters-for-api",{"title":1319,"path":1320,"stem":1321},"Пагінація, фільтрація та сортування","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fpagination-filtering-sorting","01.csharp\u002F11.aspnet\u002F12.web-api\u002F07.pagination-filtering-sorting",{"title":1323,"path":1324,"stem":1325},"HATEOAS та Resource Expansion","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fhateoas-resource-expansion","01.csharp\u002F11.aspnet\u002F12.web-api\u002F08.hateoas-resource-expansion",{"title":1327,"path":1328,"stem":1329},"Гібридна архітектура - Minimal API + Controllers","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fminimal-api-vs-controllers-hybrid","01.csharp\u002F11.aspnet\u002F12.web-api\u002F09.minimal-api-vs-controllers-hybrid",{"title":1331,"path":1332,"stem":1333},"Документація API - Swashbuckle, NSwag та генерація клієнтів","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fapi-documentation-generation","01.csharp\u002F11.aspnet\u002F12.web-api\u002F10.api-documentation-generation",{"title":1335,"path":1336,"stem":1337},"Health Checks та моніторинг API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fhealth-checks-monitoring","01.csharp\u002F11.aspnet\u002F12.web-api\u002F11.health-checks-monitoring",{"title":1339,"path":1340,"stem":1341},"Підсумковий проєкт - Production-Ready REST API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fweb-api-project","01.csharp\u002F11.aspnet\u002F12.web-api\u002F12.web-api-project",{"title":1343,"path":1344,"stem":1345},"План курсу: ASP.NET Core Web API (Controllers)","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fplan","01.csharp\u002F11.aspnet\u002F12.web-api\u002Fplan",{"title":1347,"icon":1348,"path":1349,"stem":1350,"children":1351,"page":59},"Моніторинг","i-lucide-activity","\u002Fcsharp\u002Faspnet\u002Fmonitoring","01.csharp\u002F11.aspnet\u002F13.monitoring",[1352,1356,1360],{"title":1353,"path":1354,"stem":1355},"Спостережуваність: від console.log до production-систем","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fobservability-intro","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F01.observability-intro",{"title":1357,"path":1358,"stem":1359},"Health Checks: перший рівень observability","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fhealth-checks","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F02.health-checks",{"title":1361,"path":1362,"stem":1363},"Вбудовані метрики .NET 10 та System.Diagnostics.Metrics","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fdotnet-metrics","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F03.dotnet-metrics",{"title":1365,"icon":1366,"path":1367,"stem":1368,"children":1369,"page":59},"Desktop UI","i-lucide-app-window","\u002Fcsharp\u002Fdesktop-ui","01.csharp\u002F12.desktop-ui",[1370,1374,1378,1382,1386,1390,1394,1398,1402,1406,1410,1414,1418,1422,1426,1430,1434,1438,1442,1446,1450,1454,1458,1462,1466,1470,1474,1478,1482,1486,1490,1494,1498,1502,1506,1510,1514,1518,1522,1526,1530,1534,1538,1542,1546,1550,1554,1558,1562,1566,1570,1574,1578,1582,1586,1590,1594,1598,1602,1606,1610,1614,1618,1622,1626,1630,1634,1638,1642,1646,1650],{"title":1371,"path":1372,"stem":1373},"Що таке десктопна розробка?","\u002Fcsharp\u002Fdesktop-ui\u002Fwhat-is-desktop-dev","01.csharp\u002F12.desktop-ui\u002F01.what-is-desktop-dev",{"title":1375,"path":1376,"stem":1377},"Архітектура WPF — як влаштований графічний інтерфейс","\u002Fcsharp\u002Fdesktop-ui\u002Fwpf-architecture","01.csharp\u002F12.desktop-ui\u002F02.wpf-architecture",{"title":1379,"path":1380,"stem":1381},"Перший WPF-проєкт — від нуля до вікна","\u002Fcsharp\u002Fdesktop-ui\u002Ffirst-wpf-app","01.csharp\u002F12.desktop-ui\u002F03.first-wpf-app",{"title":1383,"path":1384,"stem":1385},"Перший Avalonia-проєкт: WPF для всіх платформ","\u002Fcsharp\u002Fdesktop-ui\u002F03a.first-avalonia-app","01.csharp\u002F12.desktop-ui\u002F03a.first-avalonia-app",{"title":1387,"path":1388,"stem":1389},"XAML: декларативний інтерфейс","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-basics","01.csharp\u002F12.desktop-ui\u002F04.xaml-basics",{"title":1391,"path":1392,"stem":1393},"Fluent UI у WPF — сучасний дизайн Windows 11","\u002Fcsharp\u002Fdesktop-ui\u002F04a.wpf-fluent-ui","01.csharp\u002F12.desktop-ui\u002F04a.wpf-fluent-ui",{"title":1395,"path":1396,"stem":1397},"WPF UI — сучасна бібліотека Fluent контролів","\u002Fcsharp\u002Fdesktop-ui\u002F04b.wpf-ui-library","01.csharp\u002F12.desktop-ui\u002F04b.wpf-ui-library",{"title":1399,"path":1400,"stem":1401},"HandyControl — велика бібліотека UI контролів для WPF","\u002Fcsharp\u002Fdesktop-ui\u002F04c.handycontrol-library","01.csharp\u002F12.desktop-ui\u002F04c.handycontrol-library",{"title":1403,"path":1404,"stem":1405},"Простори імен та ресурси XAML","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-namespaces-resources","01.csharp\u002F12.desktop-ui\u002F05.xaml-namespaces-resources",{"title":1407,"path":1408,"stem":1409},"XAML в Avalonia: ключові відмінності від WPF","\u002Fcsharp\u002Fdesktop-ui\u002F05a.avalonia-xaml-differences","01.csharp\u002F12.desktop-ui\u002F05a.avalonia-xaml-differences",{"title":1411,"path":1412,"stem":1413},"Розширення розмітки XAML (Markup Extensions)","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-markup-extensions","01.csharp\u002F12.desktop-ui\u002F06.xaml-markup-extensions",{"title":1415,"path":1416,"stem":1417},"Панелі Layout: StackPanel, WrapPanel, DockPanel","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-panels-part1","01.csharp\u002F12.desktop-ui\u002F07.layout-panels-part1",{"title":1419,"path":1420,"stem":1421},"Grid, Canvas, UniformGrid","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-panels-part2","01.csharp\u002F12.desktop-ui\u002F07.layout-panels-part2",{"title":1423,"path":1424,"stem":1425},"Просунуті техніки Layout","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-advanced","01.csharp\u002F12.desktop-ui\u002F08.layout-advanced",{"title":1427,"path":1428,"stem":1429},"Адаптивний Layout та найкращі практики","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-responsive","01.csharp\u002F12.desktop-ui\u002F09.layout-responsive",{"title":1431,"path":1432,"stem":1433},"Layout в Avalonia: відмінності та нові можливості","\u002Fcsharp\u002Fdesktop-ui\u002F09a.layout-avalonia","01.csharp\u002F12.desktop-ui\u002F09a.layout-avalonia",{"title":1435,"path":1436,"stem":1437},"Button, Image, ProgressBar та інші базові контроли","\u002Fcsharp\u002Fdesktop-ui\u002Fbasic-controls","01.csharp\u002F12.desktop-ui\u002F10.basic-controls",{"title":1439,"path":1440,"stem":1441},"Контроли в Avalonia: відмінності від WPF","\u002Fcsharp\u002Fdesktop-ui\u002F10a.controls-avalonia","01.csharp\u002F12.desktop-ui\u002F10a.controls-avalonia",{"title":1443,"path":1444,"stem":1445},"Текстові контроли — TextBlock, TextBox, RichTextBox","\u002Fcsharp\u002Fdesktop-ui\u002Ftext-controls","01.csharp\u002F12.desktop-ui\u002F11.text-controls",{"title":1447,"path":1448,"stem":1449},"Контроли вибору — CheckBox, RadioButton, ComboBox, ListBox, DatePicker","\u002Fcsharp\u002Fdesktop-ui\u002Fselection-controls","01.csharp\u002F12.desktop-ui\u002F12.selection-controls",{"title":1451,"path":1452,"stem":1453},"Content Model — GroupBox, Expander, TabControl, StatusBar","\u002Fcsharp\u002Fdesktop-ui\u002Fcontent-controls","01.csharp\u002F12.desktop-ui\u002F13.content-controls",{"title":1455,"path":1456,"stem":1457},"UI\u002FUX принципи десктопних застосунків","\u002Fcsharp\u002Fdesktop-ui\u002F13a.ui-ux-principles","01.csharp\u002F12.desktop-ui\u002F13a.ui-ux-principles",{"title":1459,"path":1460,"stem":1461},"Dependency Properties — Концепція та Value Resolution","\u002Fcsharp\u002Fdesktop-ui\u002Fdependency-properties-part1","01.csharp\u002F12.desktop-ui\u002F14.dependency-properties-part1",{"title":1463,"path":1464,"stem":1465},"Avalonia Property System — StyledProperty та DirectProperty","\u002Fcsharp\u002Fdesktop-ui\u002F14a.avalonia-property-system","01.csharp\u002F12.desktop-ui\u002F14a.avalonia-property-system",{"title":1467,"path":1468,"stem":1469},"Attached Properties — Властивості без меж","\u002Fcsharp\u002Fdesktop-ui\u002Fattached-properties","01.csharp\u002F12.desktop-ui\u002F15.attached-properties",{"title":1471,"path":1472,"stem":1473},"Routed Events — Маршрутизація подій у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Frouted-events","01.csharp\u002F12.desktop-ui\u002F16.routed-events",{"title":1475,"path":1476,"stem":1477},"Data Binding — Від Code-Behind до Декларативності","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-basics-part1","01.csharp\u002F12.desktop-ui\u002F17.data-binding-basics-part1",{"title":1479,"path":1480,"stem":1481},"INotifyPropertyChanged — Живе оновлення UI","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-basics-part2","01.csharp\u002F12.desktop-ui\u002F17.data-binding-basics-part2",{"title":1483,"path":1484,"stem":1485},"Compiled Bindings в Avalonia — Безпека на етапі компіляції","\u002Fcsharp\u002Fdesktop-ui\u002F17a.avalonia-compiled-bindings","01.csharp\u002F12.desktop-ui\u002F17a.avalonia-compiled-bindings",{"title":1487,"path":1488,"stem":1489},"Просунутий Data Binding — ElementName, RelativeSource, MultiBinding","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-advanced","01.csharp\u002F12.desktop-ui\u002F18.data-binding-advanced",{"title":1491,"path":1492,"stem":1493},"Value Converters — Перетворення типів даних у Data Binding","\u002Fcsharp\u002Fdesktop-ui\u002Fvalue-converters","01.csharp\u002F12.desktop-ui\u002F19.value-converters",{"title":1495,"path":1496,"stem":1497},"Data Templates — Візуалізація об'єктів у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-templates","01.csharp\u002F12.desktop-ui\u002F20.data-templates",{"title":1499,"path":1500,"stem":1501},"Collections Binding Part 1 — ObservableCollection та ItemsControl","\u002Fcsharp\u002Fdesktop-ui\u002Fcollections-binding-part1","01.csharp\u002F12.desktop-ui\u002F21.collections-binding-part1",{"title":1503,"path":1504,"stem":1505},"Collections Binding Part 2 — ICollectionView, Filtering, Sorting та Virtualization","\u002Fcsharp\u002Fdesktop-ui\u002Fcollections-binding-part2","01.csharp\u002F12.desktop-ui\u002F21.collections-binding-part2",{"title":1507,"path":1508,"stem":1509},"MVVM Pattern — Від Spaghetti Code до архітектури","\u002Fcsharp\u002Fdesktop-ui\u002Fmvvm-pattern","01.csharp\u002F12.desktop-ui\u002F22.mvvm-pattern",{"title":1511,"path":1512,"stem":1513},"ViewModel Implementation — Від BaseViewModel до валідації","\u002Fcsharp\u002Fdesktop-ui\u002Fviewmodel-implementation","01.csharp\u002F12.desktop-ui\u002F23.viewmodel-implementation",{"title":1515,"path":1516,"stem":1517},"Commands — Від event handlers до декларативних команд","\u002Fcsharp\u002Fdesktop-ui\u002Fcommands","01.csharp\u002F12.desktop-ui\u002F24.commands",{"title":1519,"path":1520,"stem":1521},"MVVM Toolkit — MVVM без boilerplate через Source Generators","\u002Fcsharp\u002Fdesktop-ui\u002Fmvvm-toolkit","01.csharp\u002F12.desktop-ui\u002F25.mvvm-toolkit",{"title":1523,"path":1524,"stem":1525},"Messenger Pattern — Комунікація між ViewModel без прямих посилань","\u002Fcsharp\u002Fdesktop-ui\u002Fmessenger-pattern","01.csharp\u002F12.desktop-ui\u002F26.messenger-pattern",{"title":1527,"path":1528,"stem":1529},"Стилі WPF — CSS для десктопу","\u002Fcsharp\u002Fdesktop-ui\u002Fstyles-basics","01.csharp\u002F12.desktop-ui\u002F27.styles-basics",{"title":1531,"path":1532,"stem":1533},"CSS-like стилі Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002F27a.avalonia-css-styling","01.csharp\u002F12.desktop-ui\u002F27a.avalonia-css-styling",{"title":1535,"path":1536,"stem":1537},"Control Templates — Частина 1. Концепція та TemplateBinding","\u002Fcsharp\u002Fdesktop-ui\u002Fcontrol-templates-part1","01.csharp\u002F12.desktop-ui\u002F28.control-templates-part1",{"title":1539,"path":1540,"stem":1541},"Control Templates — Частина 2. Named Parts та ContentPresenter","\u002Fcsharp\u002Fdesktop-ui\u002Fcontrol-templates-part2","01.csharp\u002F12.desktop-ui\u002F28.control-templates-part2",{"title":1543,"path":1544,"stem":1545},"Control Themes в Avalonia — нова ера стилізації","\u002Fcsharp\u002Fdesktop-ui\u002F28a.avalonia-control-themes","01.csharp\u002F12.desktop-ui\u002F28a.avalonia-control-themes",{"title":1547,"path":1548,"stem":1549},"Triggers та Visual State Manager у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Ftriggers-visual-states","01.csharp\u002F12.desktop-ui\u002F29.triggers-visual-states",{"title":1551,"path":1552,"stem":1553},"Pseudo-classes в Avalonia — замість WPF Triggers","\u002Fcsharp\u002Fdesktop-ui\u002F29a.avalonia-pseudo-classes","01.csharp\u002F12.desktop-ui\u002F29a.avalonia-pseudo-classes",{"title":1555,"path":1556,"stem":1557},"Теми та ресурсні словники у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fresources-themes","01.csharp\u002F12.desktop-ui\u002F30.resources-themes",{"title":1559,"path":1560,"stem":1561},"Avalonia Themes — Fluent Design та система тематизації","\u002Fcsharp\u002Fdesktop-ui\u002F30a.avalonia-themes-fluent","01.csharp\u002F12.desktop-ui\u002F30a.avalonia-themes-fluent",{"title":1563,"path":1564,"stem":1565},"Контроли колекцій — глибоке занурення","\u002Fcsharp\u002Fdesktop-ui\u002Fcollection-controls","01.csharp\u002F12.desktop-ui\u002F31.collection-controls",{"title":1567,"path":1568,"stem":1569},"DataGrid — колонки та базове відображення","\u002Fcsharp\u002Fdesktop-ui\u002Fdatagrid-part1","01.csharp\u002F12.desktop-ui\u002F32.datagrid-part1",{"title":1571,"path":1572,"stem":1573},"DataGrid — сортування, фільтрація, редагування","\u002Fcsharp\u002Fdesktop-ui\u002Fdatagrid-part2","01.csharp\u002F12.desktop-ui\u002F32.datagrid-part2",{"title":1575,"path":1576,"stem":1577},"TreeView та GridView","\u002Fcsharp\u002Fdesktop-ui\u002Ftreeview-listview","01.csharp\u002F12.desktop-ui\u002F33.treeview-listview",{"title":1579,"path":1580,"stem":1581},"Меню, Toolbar, ContextMenu, StatusBar","\u002Fcsharp\u002Fdesktop-ui\u002Fmenus-toolbars","01.csharp\u002F12.desktop-ui\u002F34.menus-toolbars",{"title":1583,"path":1584,"stem":1585},"Навігація та керування вікнами. Частина 1: вікна та сторінки","\u002Fcsharp\u002Fdesktop-ui\u002Fnavigation-windows-part1","01.csharp\u002F12.desktop-ui\u002F35.navigation-windows-part1",{"title":1587,"path":1588,"stem":1589},"Навігація та керування вікнами. Частина 2: MVVM-навігація","\u002Fcsharp\u002Fdesktop-ui\u002Fnavigation-windows-part2","01.csharp\u002F12.desktop-ui\u002F35.navigation-windows-part2",{"title":1591,"path":1592,"stem":1593},"Avalonia — Навігація та діалоги","\u002Fcsharp\u002Fdesktop-ui\u002F35a.avalonia-navigation-dialogs","01.csharp\u002F12.desktop-ui\u002F35a.avalonia-navigation-dialogs",{"title":1595,"path":1596,"stem":1597},"Діалоги та File Pickers у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fdialogs-file-pickers","01.csharp\u002F12.desktop-ui\u002F36.dialogs-file-pickers",{"title":1599,"path":1600,"stem":1601},"UserControl: компонентний підхід у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fuser-controls","01.csharp\u002F12.desktop-ui\u002F37.user-controls",{"title":1603,"path":1604,"stem":1605},"Custom Controls: Lookless Controls у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fcustom-controls","01.csharp\u002F12.desktop-ui\u002F38.custom-controls",{"title":1607,"path":1608,"stem":1609},"Avalonia TemplatedControl — Lookless Controls","\u002Fcsharp\u002Fdesktop-ui\u002F38a.avalonia-templated-controls","01.csharp\u002F12.desktop-ui\u002F38a.avalonia-templated-controls",{"title":1611,"path":1612,"stem":1613},"Анімації у WPF: Storyboard та Easing Functions","\u002Fcsharp\u002Fdesktop-ui\u002Fanimations-transitions","01.csharp\u002F12.desktop-ui\u002F39.animations-transitions",{"title":1615,"path":1616,"stem":1617},"Анімації в Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002F39a.avalonia-animations","01.csharp\u002F12.desktop-ui\u002F39a.avalonia-animations",{"title":1619,"path":1620,"stem":1621},"2D Графіка та Мультимедіа у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fmedia-graphics","01.csharp\u002F12.desktop-ui\u002F40.media-graphics",{"title":1623,"path":1624,"stem":1625},"Dependency Injection у WPF та Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002Fdi-integration","01.csharp\u002F12.desktop-ui\u002F41.di-integration",{"title":1627,"path":1628,"stem":1629},"SQLite та EF Core у десктопних додатках","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-persistence-part1","01.csharp\u002F12.desktop-ui\u002F42.data-persistence-part1",{"title":1631,"path":1632,"stem":1633},"Repository Pattern та Unit of Work","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-persistence-part2","01.csharp\u002F12.desktop-ui\u002F43.data-persistence-part2",{"title":1635,"path":1636,"stem":1637},"Тестування ViewModels","\u002Fcsharp\u002Fdesktop-ui\u002Fviewmodel-testing","01.csharp\u002F12.desktop-ui\u002F44.viewmodel-testing",{"title":1639,"path":1640,"stem":1641},"Avalonia Headless Testing — тестування UI без вікон","\u002Fcsharp\u002Fdesktop-ui\u002F44a.avalonia-headless-testing","01.csharp\u002F12.desktop-ui\u002F44a.avalonia-headless-testing",{"title":1643,"path":1644,"stem":1645},"Кросплатформна розробка з Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002Favalonia-cross-platform","01.csharp\u002F12.desktop-ui\u002F45.avalonia-cross-platform",{"title":1647,"path":1648,"stem":1649},"Пакування та розгортання Avalonia додатків","\u002Fcsharp\u002Fdesktop-ui\u002Favalonia-packaging-deployment","01.csharp\u002F12.desktop-ui\u002F46.avalonia-packaging-deployment",{"title":1651,"path":1652,"stem":1653},"Розгортання WPF застосунків","\u002Fcsharp\u002Fdesktop-ui\u002Fwpf-packaging-deployment","01.csharp\u002F12.desktop-ui\u002F47.wpf-packaging-deployment",{"title":1655,"icon":658,"path":1656,"stem":1657,"children":1658,"page":59},"Network Programming","\u002Fcsharp\u002Fnetwork-programming","01.csharp\u002F13.network-programming",[1659,1663,1667,1671,1675,1679,1683,1687,1691,1695,1699],{"title":1660,"path":1661,"stem":1662},"Основи комп'ютерних мереж","\u002Fcsharp\u002Fnetwork-programming\u002Ffoundations","01.csharp\u002F13.network-programming\u002F01.foundations",{"title":1664,"path":1665,"stem":1666},"Модель OSI та стек TCP\u002FIP","\u002Fcsharp\u002Fnetwork-programming\u002Fosi-model","01.csharp\u002F13.network-programming\u002F02.osi-model",{"title":1668,"path":1669,"stem":1670},"IP-протокол та адресація","\u002Fcsharp\u002Fnetwork-programming\u002Fip-addressing","01.csharp\u002F13.network-programming\u002F03.ip-addressing",{"title":1672,"path":1673,"stem":1674},"UDP — протокол без з'єднання","\u002Fcsharp\u002Fnetwork-programming\u002Fudp","01.csharp\u002F13.network-programming\u002F05.udp",{"title":1676,"path":1677,"stem":1678},"UDP Broadcast та Multicast","\u002Fcsharp\u002Fnetwork-programming\u002Fudp-broadcast-multicast","01.csharp\u002F13.network-programming\u002F06.udp-broadcast-multicast",{"title":1680,"path":1681,"stem":1682},"HTTP — протокол вебу","\u002Fcsharp\u002Fnetwork-programming\u002Fhttp-fundamentals","01.csharp\u002F13.network-programming\u002F07.http-fundamentals",{"title":1684,"path":1685,"stem":1686},"HttpListener — вбудований HTTP-сервер .NET","\u002Fcsharp\u002Fnetwork-programming\u002F07a.http-listener","01.csharp\u002F13.network-programming\u002F07a.http-listener",{"title":1688,"path":1689,"stem":1690},"HTTP Advanced — cookies, аутентифікація та HTTPS","\u002Fcsharp\u002Fnetwork-programming\u002Fhttp-advanced","01.csharp\u002F13.network-programming\u002F08.http-advanced",{"title":1692,"path":1693,"stem":1694},"SMTP та протоколи електронної пошти","\u002Fcsharp\u002Fnetwork-programming\u002Fsmtp","01.csharp\u002F13.network-programming\u002F09.smtp",{"title":1696,"path":1697,"stem":1698},"WebSocket — повнодуплексний протокол реального часу","\u002Fcsharp\u002Fnetwork-programming\u002Fwebsockets","01.csharp\u002F13.network-programming\u002F10.websockets",{"title":1700,"path":1701,"stem":1702},"TLS\u002FSSL — криптографічний захист мережевих з'єднань","\u002Fcsharp\u002Fnetwork-programming\u002Ftls-ssl","01.csharp\u002F13.network-programming\u002F11.tls-ssl",{"title":1704,"path":1705,"stem":1706},"C# & .NET: The Ultimate Roadmap","\u002Fcsharp\u002Froadmap","01.csharp\u002Froadmap",{"title":1708,"icon":1709,"path":1710,"stem":1711,"children":1712,"page":59},"C++","i-devicon-cplusplus","\u002Fcpp","02.cpp",[1713,1717,1721,1725,1729,1733,1737,1741,1745,1748,1752,1756,1760,1764,1768,1772,1776,1780,1784,1788,1792,1796,1800,1804,1808,1812,1816,1820,1824,1828,1832,1836,1840,1844,1848,1852,1856,1860,1864,1868,1872,1876,1880,1884,1888,1892,1896,1900,1904,1908],{"title":1714,"path":1715,"stem":1716},"Вступ у програмування та алгоритми","\u002Fcpp\u002Fintro-algorithms","02.cpp\u002F01.intro-algorithms",{"title":1718,"path":1719,"stem":1720},"Code Style: угоди про оформлення коду","\u002Fcpp\u002Fcode-style","02.cpp\u002F02.code-style",{"title":1722,"path":1723,"stem":1724},"Середовище розробки та перший проєкт","\u002Fcpp\u002Fide-setup","02.cpp\u002F03.ide-setup",{"title":1726,"path":1727,"stem":1728},"Вивід даних на екран","\u002Fcpp\u002Fdata-output","02.cpp\u002F04.data-output",{"title":1730,"path":1731,"stem":1732},"Типи даних, змінні та константи","\u002Fcpp\u002Fdata-types-variables","02.cpp\u002F05.data-types-variables",{"title":1734,"path":1735,"stem":1736},"Ввід даних з клавіатури","\u002Fcpp\u002Fdata-input","02.cpp\u002F06.data-input",{"title":1738,"path":1739,"stem":1740},"Оператори, перетворення типів та логічні операції","\u002Fcpp\u002Foperators-type-conversion","02.cpp\u002F07.operators-type-conversion",{"title":1742,"path":1743,"stem":1744},"Цикли","\u002Fcpp\u002Floops","02.cpp\u002F08.loops",{"title":32,"path":1746,"stem":1747},"\u002Fcpp\u002Farrays","02.cpp\u002F09.arrays",{"title":1749,"path":1750,"stem":1751},"Алгоритми сортування та аналіз складності","\u002Fcpp\u002Fsorting","02.cpp\u002F10.sorting",{"title":1753,"path":1754,"stem":1755},"Алгоритми пошуку","\u002Fcpp\u002Fsearching","02.cpp\u002F11.searching",{"title":1757,"path":1758,"stem":1759},"Функції: основи","\u002Fcpp\u002Ffunctions-basics","02.cpp\u002F12.functions-basics",{"title":1761,"path":1762,"stem":1763},"Функції: прототипи, область видимості та додаткові можливості","\u002Fcpp\u002Ffunctions-scope","02.cpp\u002F13.functions-scope",{"title":1765,"path":1766,"stem":1767},"Функції: перевантаження та шаблони","\u002Fcpp\u002Ffunctions-overloading-templates","02.cpp\u002F14.functions-overloading-templates",{"title":1769,"path":1770,"stem":1771},"Вказівники: основи","\u002Fcpp\u002Fpointers-basics","02.cpp\u002F15.pointers-basics",{"title":1773,"path":1774,"stem":1775},"Посилання (References)","\u002Fcpp\u002Freferences","02.cpp\u002F16.references",{"title":1777,"path":1778,"stem":1779},"Вказівники, const і масиви","\u002Fcpp\u002Fpointers-const-arrays","02.cpp\u002F17.pointers-const-arrays",{"title":1781,"path":1782,"stem":1783},"Адресна арифметика","\u002Fcpp\u002Fpointer-arithmetic","02.cpp\u002F18.pointer-arithmetic",{"title":1785,"path":1786,"stem":1787},"Динамічна пам'ять","\u002Fcpp\u002Fdynamic-memory","02.cpp\u002F19.dynamic-memory",{"title":1789,"path":1790,"stem":1791},"Вказівники типу void","\u002Fcpp\u002Fvoid-pointers","02.cpp\u002F20.void-pointers",{"title":1793,"path":1794,"stem":1795},"Вказівники на вказівники","\u002Fcpp\u002Fpointers-to-pointers","02.cpp\u002F21.pointers-to-pointers",{"title":1797,"path":1798,"stem":1799},"Оператор доступу до членів через вказівник (->)","\u002Fcpp\u002Fmember-access-operator","02.cpp\u002F22.member-access-operator",{"title":1801,"path":1802,"stem":1803},"Цикл for-each (Range-based for)","\u002Fcpp\u002Fforeach-loop","02.cpp\u002F23.foreach-loop",{"title":1805,"path":1806,"stem":1807},"Вказівники на функції","\u002Fcpp\u002Ffunction-pointers","02.cpp\u002F24.function-pointers",{"title":1809,"path":1810,"stem":1811},"Лямбда-вирази","\u002Fcpp\u002Flambdas","02.cpp\u002F25.lambdas",{"title":1813,"path":1814,"stem":1815},"Лямбда-захоплення","\u002Fcpp\u002Flambda-captures","02.cpp\u002F26.lambda-captures",{"title":1817,"path":1818,"stem":1819},"Еліпсис","\u002Fcpp\u002Fellipsis","02.cpp\u002F27.ellipsis",{"title":1821,"path":1822,"stem":1823},"Безпечні альтернативи еліпсису","\u002Fcpp\u002F27a.ellipsis","02.cpp\u002F27a.ellipsis",{"title":1825,"path":1826,"stem":1827},"Аргументи командного рядка","\u002Fcpp\u002Fcommand-line-arguments","02.cpp\u002F28.command-line-arguments",{"title":1829,"path":1830,"stem":1831},"Перерахування (enum)","\u002Fcpp\u002Fenum","02.cpp\u002F29.enum",{"title":1833,"path":1834,"stem":1835},"Класи-перерахування (enum class)","\u002Fcpp\u002Fenum-class","02.cpp\u002F30.enum-class",{"title":1837,"path":1838,"stem":1839},"Псевдоніми типів (typedef і using)","\u002Fcpp\u002Ftype-aliases","02.cpp\u002F31.type-aliases",{"title":1841,"path":1842,"stem":1843},"Системи числення та двійкова арифметика","\u002Fcpp\u002Fnumber-systems","02.cpp\u002F32.number-systems",{"title":1845,"path":1846,"stem":1847},"Структури (struct): агрегування даних","\u002Fcpp\u002Fstruct","02.cpp\u002F33.struct",{"title":1849,"path":1850,"stem":1851},"Структури у функціях","\u002Fcpp\u002Fstruct-functions","02.cpp\u002F34.struct-functions",{"title":1853,"path":1854,"stem":1855},"Масиви структур і вкладені структури","\u002Fcpp\u002Fstruct-arrays","02.cpp\u002F35.struct-arrays",{"title":1857,"path":1858,"stem":1859},"Патерни struct та межі застосування","\u002Fcpp\u002Fstruct-patterns","02.cpp\u002F36.struct-patterns",{"title":1861,"path":1862,"stem":1863},"Символи та таблиця ASCII","\u002Fcpp\u002Fascii-characters","02.cpp\u002F37.ascii-characters",{"title":1865,"path":1866,"stem":1867},"Unicode та кодування UTF","\u002Fcpp\u002Funicode-utf","02.cpp\u002F38.unicode-utf",{"title":1869,"path":1870,"stem":1871},"C-style рядки","\u002Fcpp\u002Fc-strings","02.cpp\u002F39.c-strings",{"title":1873,"path":1874,"stem":1875},"Вступ до std::string","\u002Fcpp\u002Fstd-string-intro","02.cpp\u002F40.std-string-intro",{"title":1877,"path":1878,"stem":1879},"Довжина, ємність та доступ до символів std::string","\u002Fcpp\u002Fstd-string-capacity-access","02.cpp\u002F41.std-string-capacity-access",{"title":1881,"path":1882,"stem":1883},"Модифікація std::string: присвоювання, додавання, вставка, видалення та заміна","\u002Fcpp\u002Fstd-string-modification","02.cpp\u002F42.std-string-modification",{"title":1885,"path":1886,"stem":1887},"Пошук у std::string: find, npos та практичні патерни","\u002Fcpp\u002Fstd-string-search","02.cpp\u002F43.std-string-search",{"title":1889,"path":1890,"stem":1891},"std::string_view: невласницький погляд на рядок без копіювання","\u002Fcpp\u002Fstd-string-view","02.cpp\u002F44.std-string-view",{"title":1893,"path":1894,"stem":1895},"Об'єднання (union): один блок пам'яті, кілька інтерпретацій","\u002Fcpp\u002Funion","02.cpp\u002F45.union",{"title":1897,"path":1898,"stem":1899},"Організація коду: файли, препроцесор, простори імен","\u002Fcpp\u002Fmultifile-programs","02.cpp\u002F46.multifile-programs",{"title":1901,"path":1902,"stem":1903},"Робота з файлами: C-стиль (stdio.h)","\u002Fcpp\u002Fc-style-files","02.cpp\u002F47.c-style-files",{"title":1905,"path":1906,"stem":1907},"Робота з файлами: C++-стиль (fstream)","\u002Fcpp\u002Fcpp-style-files","02.cpp\u002F48.cpp-style-files",{"title":1909,"path":1910,"stem":1911},"План навчання: Курс C++ — Продовження (Статті 29–60+)","\u002Fcpp\u002Fcurriculum-plan","02.cpp\u002Fcurriculum-plan",{"title":1913,"icon":1914,"path":1915,"stem":1916,"children":1917,"page":59},"JavaScript","i-devicon-javascript","\u002Fjavascript","03.javascript",[1918,1944,1998,2020,2324,2362],{"title":1919,"icon":1920,"path":1921,"stem":1922,"children":1923,"page":59},"Events","i-lucide-mouse-pointer-click","\u002Fjavascript\u002Fevents","03.javascript\u002F01.events",[1924,1928,1932,1936,1940],{"title":1925,"path":1926,"stem":1927},"Вступ до подій браузера","\u002Fjavascript\u002Fevents\u002Fintro","03.javascript\u002F01.events\u002F01.intro",{"title":1929,"path":1930,"stem":1931},"Бульбашковий механізм (Bubbling) та занурення (Capturing)","\u002Fjavascript\u002Fevents\u002Fbubbling-capturing","03.javascript\u002F01.events\u002F02.bubbling-capturing",{"title":1933,"path":1934,"stem":1935},"Делегування подій (Event Delegation)","\u002Fjavascript\u002Fevents\u002Fdelegate-events","03.javascript\u002F01.events\u002F03.delegate-events",{"title":1937,"path":1938,"stem":1939},"Типові дії браузера та preventDefault()","\u002Fjavascript\u002Fevents\u002Fprevent-default","03.javascript\u002F01.events\u002F04.prevent-default",{"title":1941,"path":1942,"stem":1943},"Запуск користувацьких подій (Custom Events)","\u002Fjavascript\u002Fevents\u002Fcustom-events","03.javascript\u002F01.events\u002F05.custom-events",{"title":1945,"icon":1946,"path":1947,"stem":1948,"children":1949,"page":59},"Network","i-lucide-globe","\u002Fjavascript\u002Fnetwork","03.javascript\u002F02.network",[1950,1954,1958,1962,1966,1970,1974,1978,1982,1986,1990,1994],{"title":1951,"path":1952,"stem":1953},"Fetch API - Сучасний підхід до HTTP-запитів","\u002Fjavascript\u002Fnetwork\u002F01-fetch-api","03.javascript\u002F02.network\u002F01-fetch-api",{"title":1955,"path":1956,"stem":1957},"FormData - Робота з формами та файлами","\u002Fjavascript\u002Fnetwork\u002F02-formdata","03.javascript\u002F02.network\u002F02-formdata",{"title":1959,"path":1960,"stem":1961},"Відстеження прогресу завантаження","\u002Fjavascript\u002Fnetwork\u002F03-download-progress","03.javascript\u002F02.network\u002F03-download-progress",{"title":1963,"path":1964,"stem":1965},"Переривання fetch-запитів","\u002Fjavascript\u002Fnetwork\u002F04-abort-requests","03.javascript\u002F02.network\u002F04-abort-requests",{"title":1967,"path":1968,"stem":1969},"CORS - Запити між різними джерелами","\u002Fjavascript\u002Fnetwork\u002F05-cors","03.javascript\u002F02.network\u002F05-cors",{"title":1971,"path":1972,"stem":1973},"Fetch API - Повний довідник опцій","\u002Fjavascript\u002Fnetwork\u002F06-fetch-options","03.javascript\u002F02.network\u002F06-fetch-options",{"title":1975,"path":1976,"stem":1977},"URL Objects - Робота з посиланнями","\u002Fjavascript\u002Fnetwork\u002F07-url-objects","03.javascript\u002F02.network\u002F07-url-objects",{"title":1979,"path":1980,"stem":1981},"XMLHttpRequest - AJAX та низькорівневі запити","\u002Fjavascript\u002Fnetwork\u002F08-xmlhttprequest","03.javascript\u002F02.network\u002F08-xmlhttprequest",{"title":1983,"path":1984,"stem":1985},"Відновлюване завантаження файлів","\u002Fjavascript\u002Fnetwork\u002F09-resumable-upload","03.javascript\u002F02.network\u002F09-resumable-upload",{"title":1987,"path":1988,"stem":1989},"Cookies, document.cookie та світ після \"Cookiepocalypse\"","\u002Fjavascript\u002Fnetwork\u002F10-cookies","03.javascript\u002F02.network\u002F10-cookies",{"title":1991,"path":1992,"stem":1993},"js-cookie: Керування Cookies без Болю","\u002Fjavascript\u002Fnetwork\u002F11-js-cookie","03.javascript\u002F02.network\u002F11-js-cookie",{"title":1995,"path":1996,"stem":1997},"Axios: Потужний HTTP-клієнт для JavaScript","\u002Fjavascript\u002Fnetwork\u002F12-axios","03.javascript\u002F02.network\u002F12-axios",{"title":1999,"icon":2000,"path":2001,"stem":2002,"children":2003,"page":59},"Bom","i-lucide-monitor","\u002Fjavascript\u002Fbom","03.javascript\u002F03.bom",[2004,2008,2012,2016],{"title":2005,"path":2006,"stem":2007},"LocalStorage, SessionStorage та patterns збереження даних","\u002Fjavascript\u002Fbom\u002F01-localstorage","03.javascript\u002F03.bom\u002F01-localstorage",{"title":2009,"path":2010,"stem":2011},"Location Object - Керування адресою сторінки","\u002Fjavascript\u002Fbom\u002F02-location-object","03.javascript\u002F03.bom\u002F02-location-object",{"title":2013,"path":2014,"stem":2015},"History API - Керування історією браузера","\u002Fjavascript\u002Fbom\u002F03-history-api","03.javascript\u002F03.bom\u002F03-history-api",{"title":2017,"path":2018,"stem":2019},"Navigator Object - Ідентифікація та Можливості Пристрою","\u002Fjavascript\u002Fbom\u002F04-navigator-object","03.javascript\u002F03.bom\u002F04-navigator-object",{"title":2021,"icon":2022,"path":2023,"stem":2024,"children":2025},"React","i-devicon-react","\u002Fjavascript\u002Freact","03.javascript\u002F04.react\u002Findex",[2026,2027,2031,2035,2039,2043,2106,2141,2293],{"title":2021,"path":2023,"stem":2024},{"title":2028,"path":2029,"stem":2030},"Робота з Формами в React","\u002Fjavascript\u002Freact\u002Freact-forms","03.javascript\u002F04.react\u002F01.react-forms",{"title":2032,"path":2033,"stem":2034},"React Hook Form: Професійна Робота з Формами","\u002Fjavascript\u002Freact\u002Freact-hook-form","03.javascript\u002F04.react\u002F02.react-hook-form",{"title":2036,"path":2037,"stem":2038},"React Hook Form: Глибоке Розуміння Архітектури та Оптимізації","\u002Fjavascript\u002Freact\u002Freact-hook-form-new","03.javascript\u002F04.react\u002F02.react-hook-form-new",{"title":2040,"path":2041,"stem":2042},"Axios та React: Професійна Архітектура Запитів","\u002Fjavascript\u002Freact\u002Fdata-fetching-axios","03.javascript\u002F04.react\u002F03.data-fetching-axios",{"title":2044,"icon":132,"path":2045,"stem":2046,"children":2047},"Tanstack Query","\u002Fjavascript\u002Freact\u002Ftanstack-query","03.javascript\u002F04.react\u002F04.tanstack-query\u002Findex",[2048,2050,2054,2058,2062,2066,2070,2074,2078,2082,2086,2090,2094,2098,2102],{"title":2049,"path":2045,"stem":2046},"TanStack Query: Майстерність Керування Станом Сервера",{"title":2051,"path":2052,"stem":2053},"Парадигма Server State: Чому useEffect недостатньо","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-state-paradigm","03.javascript\u002F04.react\u002F04.tanstack-query\u002F01.server-state-paradigm",{"title":2055,"path":2056,"stem":2057},"Встановлення та Налаштування: Фундамент","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Finstallation-and-devtools","03.javascript\u002F04.react\u002F04.tanstack-query\u002F02.installation-and-devtools",{"title":2059,"path":2060,"stem":2061},"Основи Запитів та Магія Ключів","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fquery-basics-and-keys","03.javascript\u002F04.react\u002F04.tanstack-query\u002F03.query-basics-and-keys",{"title":2063,"path":2064,"stem":2065},"Синхронізація Даних: Життєвий Цикл Запиту","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fdata-synchronization","03.javascript\u002F04.react\u002F04.tanstack-query\u002F04.data-synchronization",{"title":2067,"path":2068,"stem":2069},"Мутації та Інвалідація: Зміна Даних","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fmutations-and-invalidation","03.javascript\u002F04.react\u002F04.tanstack-query\u002F05.mutations-and-invalidation",{"title":2071,"path":2072,"stem":2073},"Оптимістичні Оновлення: Швидше за Світло","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Foptimistic-updates","03.javascript\u002F04.react\u002F04.tanstack-query\u002F06.optimistic-updates",{"title":2075,"path":2076,"stem":2077},"Пагінація та Infinite Scroll","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fpagination-and-load-more","03.javascript\u002F04.react\u002F04.tanstack-query\u002F07.pagination-and-load-more",{"title":2079,"path":2080,"stem":2081},"Просунуті Патерни та Оптимізація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F04.tanstack-query\u002F08.advanced-patterns",{"title":2083,"path":2084,"stem":2085},"Архітектура та Best Practices","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Farchitecture-and-best-practices","03.javascript\u002F04.react\u002F04.tanstack-query\u002F09.architecture-and-best-practices",{"title":2087,"path":2088,"stem":2089},"Server-Side Rendering (SSR) та Гідратація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-side-rendering","03.javascript\u002F04.react\u002F04.tanstack-query\u002F10.server-side-rendering",{"title":2091,"path":2092,"stem":2093},"Стратегії Тестування","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Ftesting-strategies","03.javascript\u002F04.react\u002F04.tanstack-query\u002F11.testing-strategies",{"title":2095,"path":2096,"stem":2097},"Аутентифікація та Обробка Помилок","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fauthentication-and-errors","03.javascript\u002F04.react\u002F04.tanstack-query\u002F12.authentication-and-errors",{"title":2099,"path":2100,"stem":2101},"React Suspense та Майбутнє","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Freact-suspense","03.javascript\u002F04.react\u002F04.tanstack-query\u002F13.react-suspense",{"title":2103,"path":2104,"stem":2105},"Глибоке Занурення в Продуктивність","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fperformance-deep-dive","03.javascript\u002F04.react\u002F04.tanstack-query\u002F14.performance-deep-dive",{"title":2107,"icon":2022,"path":2108,"stem":2109,"children":2110},"React Router","\u002Fjavascript\u002Freact\u002Freact-router","03.javascript\u002F04.react\u002F05.react-router\u002Findex",[2111,2113,2117,2121,2125,2129,2133,2137],{"title":2112,"path":2108,"stem":2109},"React Router: Навігаційна система сучасного вебу",{"title":2114,"path":2115,"stem":2116},"Налаштування та Базовий Роутинг","\u002Fjavascript\u002Freact\u002Freact-router\u002Fsetup-and-basic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F01.setup-and-basic-routing",{"title":2118,"path":2119,"stem":2120},"Динамічна Навігація","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnavigation-and-links","03.javascript\u002F04.react\u002F05.react-router\u002F02.navigation-and-links",{"title":2122,"path":2123,"stem":2124},"Вкладені Маршрути та Макети","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnested-routes-and-layouts","03.javascript\u002F04.react\u002F05.react-router\u002F03.nested-routes-and-layouts",{"title":2126,"path":2127,"stem":2128},"Динамічні Маршрути та Параметри","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdynamic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F04.dynamic-routing",{"title":2130,"path":2131,"stem":2132},"Data APIs: Loaders та Actions","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdata-loading","03.javascript\u002F04.react\u002F05.react-router\u002F05.data-loading",{"title":2134,"path":2135,"stem":2136},"Просунуті Патерни","\u002Fjavascript\u002Freact\u002Freact-router\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F05.react-router\u002F06.advanced-patterns",{"title":2138,"path":2139,"stem":2140},"Legacy Routing: Компонентний підхід","\u002Fjavascript\u002Freact\u002Freact-router\u002Flegacy-routing","03.javascript\u002F04.react\u002F05.react-router\u002F07.legacy-routing",{"title":2142,"icon":132,"path":2143,"stem":2144,"children":2145},"Redux","\u002Fjavascript\u002Freact\u002Fredux","03.javascript\u002F04.react\u002F06.redux\u002Findex",[2146,2148,2164,2193,2202,2223,2239,2268],{"title":2147,"path":2143,"stem":2144},"Redux: Еволюція управління станом",{"title":14,"icon":15,"path":2149,"stem":2150,"children":2151,"page":59},"\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals",[2152,2156,2160],{"title":2153,"path":2154,"stem":2155},"Вступ до State Management","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fintro-state-management","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F01.intro-state-management",{"title":2157,"path":2158,"stem":2159},"Філософія Redux та Три Принципи","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fredux-philosophy","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F02.redux-philosophy",{"title":2161,"path":2162,"stem":2163},"Чисті функції та Іммутабельність","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fpure-functions-immutability","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F03.pure-functions-immutability",{"title":2165,"icon":132,"path":2166,"stem":2167,"children":2168,"page":59},"Classic Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux",[2169,2173,2177,2181,2185,2189],{"title":2170,"path":2171,"stem":2172},"Створення Store (Classic Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fstore-setup","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F01.store-setup",{"title":2174,"path":2175,"stem":2176},"Actions, Constants та Action Creators","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Factions-constants","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F02.actions-constants",{"title":2178,"path":2179,"stem":2180},"Логіка Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freducers","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F03.reducers",{"title":2182,"path":2183,"stem":2184},"Комбінування Reducers (Root Reducer)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fdata-flow","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F04.data-flow",{"title":2186,"path":2187,"stem":2188},"Підключення до React (React-Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freact-redux-connection","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F05.react-redux-connection",{"title":2190,"path":2191,"stem":2192},"Middleware та Асинхронність (Redux Thunk)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fmiddleware-thunk","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F06.middleware-thunk",{"title":2194,"icon":132,"path":2195,"stem":2196,"children":2197,"page":59},"Transition To Rtk","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk",[2198],{"title":2199,"path":2200,"stem":2201},"Проблеми класичного Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk\u002Fproblems-with-classic","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk\u002F01.problems-with-classic",{"title":2203,"icon":132,"path":2204,"stem":2205,"children":2206,"page":59},"Redux Toolkit","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit",[2207,2211,2215,2219],{"title":2208,"path":2209,"stem":2210},"Налаштування Store з configureStore","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fconfigure-store","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F01.configure-store",{"title":2212,"path":2213,"stem":2214},"createSlice: Революція в Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fcreate-slice","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F02.create-slice",{"title":2216,"path":2217,"stem":2218},"Асинхронність з createAsyncThunk","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fasync-thunks","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F03.async-thunks",{"title":2220,"path":2221,"stem":2222},"04. Entity Adapter: Керування нормалізованим станом","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fentity-adapter","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F04.entity-adapter",{"title":2224,"icon":92,"path":2225,"stem":2226,"children":2227,"page":59},"Advanced","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced",[2228,2232,2236],{"title":2229,"path":2230,"stem":2231},"Мемоізація та Селектори: Повний Гайд по Reselect","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Fselectors-reselect","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F01.selectors-reselect",{"title":2233,"path":2234,"stem":2235},"RTK Query: Архітектура Серверного Кешу","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Frtk-query-intro","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F02.rtk-query-intro",{"title":2083,"path":2237,"stem":2238},"\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Farchitecture-best-practices","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F03.architecture-best-practices",{"title":2240,"icon":132,"path":2241,"stem":2242,"children":2243,"page":59},"Project Kanban","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban",[2244,2248,2252,2256,2260,2264],{"title":2245,"path":2246,"stem":2247},"Проєкт: Kanban Board (Trello Clone)","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fproject-overview","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F01.project-overview",{"title":2249,"path":2250,"stem":2251},"Налаштування та Типізація","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fsetup-and-types","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F02.setup-and-types",{"title":2253,"path":2254,"stem":2255},"Board Slice: Серце Дошки","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fboard-slice","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F03.board-slice",{"title":2257,"path":2258,"stem":2259},"Логіка Drag & Drop","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fdrag-and-drop-logic","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F04.drag-and-drop-logic",{"title":2261,"path":2262,"stem":2263},"Інтеграція з RTK Query","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Frtk-query-integration","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F05.rtk-query-integration",{"title":2265,"path":2266,"stem":2267},"Optimistic Updates","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Foptimistic-updates","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F06.optimistic-updates",{"title":2269,"icon":132,"path":2270,"stem":2271,"children":2272,"page":59},"Testing","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting","03.javascript\u002F04.react\u002F06.redux\u002F07.testing",[2273,2277,2281,2285,2289],{"title":2274,"path":2275,"stem":2276},"Тестування Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Fintro-testing","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F01.intro-testing",{"title":2278,"path":2279,"stem":2280},"Тестування Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-reducers","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F02.testing-reducers",{"title":2282,"path":2283,"stem":2284},"Тестування Селекторів","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-selectors","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F03.testing-selectors",{"title":2286,"path":2287,"stem":2288},"Тестування Компонентів (Integration)","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-components","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F04.testing-components",{"title":2290,"path":2291,"stem":2292},"Тестування Async Thunks","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-thunks","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F05.testing-thunks",{"title":2294,"icon":132,"path":2295,"stem":2296,"children":2297},"Ui Libraries","\u002Fjavascript\u002Freact\u002Fui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002Findex",[2298,2300,2304,2308,2312,2316,2320],{"title":2299,"path":2295,"stem":2296},"UI Бібліотеки в React",{"title":2301,"path":2302,"stem":2303},"Вступ до UI Бібліотек: Навіщо Винаходити Велосипед Двічі?","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fintroduction-to-ui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002F01.introduction-to-ui-libraries",{"title":2305,"path":2306,"stem":2307},"Філософія shadcn\u002Fui: \"Not a Component Library\"","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-philosophy","03.javascript\u002F04.react\u002F07.ui-libraries\u002F02.shadcn-philosophy",{"title":2309,"path":2310,"stem":2311},"Установка та Налаштування shadcn\u002Fui","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-installation","03.javascript\u002F04.react\u002F07.ui-libraries\u002F03.shadcn-installation",{"title":2313,"path":2314,"stem":2315},"Базові Компоненти shadcn\u002Fui: Фундамент Інтерфейсу","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-basics","03.javascript\u002F04.react\u002F07.ui-libraries\u002F04.shadcn-components-basics",{"title":2317,"path":2318,"stem":2319},"Компоненти Форм: Побудова Інтерактивних Form","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-forms","03.javascript\u002F04.react\u002F07.ui-libraries\u002F05.shadcn-components-forms",{"title":2321,"path":2322,"stem":2323},"Складні Компоненти: Dialog, Dropdown, Table та Command","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-advanced","03.javascript\u002F04.react\u002F07.ui-libraries\u002F06.shadcn-components-advanced",{"title":2325,"icon":2326,"path":2327,"stem":2328,"children":2329,"page":59},"TypeScript","i-devicon-typescript","\u002Fjavascript\u002Ftypescript","03.javascript\u002F05.typescript",[2330,2334,2338,2342,2346,2350,2354,2358],{"title":2331,"path":2332,"stem":2333},"TypeScript: Броня для вашого коду","\u002Fjavascript\u002Ftypescript\u002Fintro-and-basic-types","03.javascript\u002F05.typescript\u002F01.intro-and-basic-types",{"title":2335,"path":2336,"stem":2337},"Майстерність Моделювання Даних: Інтерфейси та Просунуті Типи","\u002Fjavascript\u002Ftypescript\u002Finterfaces-and-advanced-types","03.javascript\u002F05.typescript\u002F02.interfaces-and-advanced-types",{"title":2339,"path":2340,"stem":2341},"Алхімія Типів: Generics та Utility Types","\u002Fjavascript\u002Ftypescript\u002Fgenerics-and-utilities","03.javascript\u002F05.typescript\u002F03.generics-and-utilities",{"title":2343,"path":2344,"stem":2345},"Архітектура та Шаблони: Класи в TypeScript","\u002Fjavascript\u002Ftypescript\u002Fclasses-and-oop","03.javascript\u002F05.typescript\u002F04.classes-and-oop",{"title":2347,"path":2348,"stem":2349},"Продакшн та Екосистема: Advanced Config & Workflow","\u002Fjavascript\u002Ftypescript\u002Fadvanced-patterns-and-config","03.javascript\u002F05.typescript\u002F05.advanced-patterns-and-config",{"title":2351,"path":2352,"stem":2353},"TypeScript у світі React","\u002Fjavascript\u002Ftypescript\u002Freact-basics","03.javascript\u002F05.typescript\u002F06.react-basics",{"title":2355,"path":2356,"stem":2357},"React + TypeScript: Продвинуті патерни","\u002Fjavascript\u002Ftypescript\u002Freact-advanced","03.javascript\u002F05.typescript\u002F07.react-advanced",{"title":2359,"path":2360,"stem":2361},"React + TypeScript: Екосистема та бібліотеки","\u002Fjavascript\u002Ftypescript\u002Freact-ecosystem","03.javascript\u002F05.typescript\u002F08.react-ecosystem",{"title":2363,"path":2364,"stem":2365},"Atomic Design","\u002Fjavascript\u002Fatomic-design","03.javascript\u002F2.atomic-design",{"title":2367,"icon":2368,"path":2369,"stem":2370,"children":2371,"page":59},"Java","i-devicon-java","\u002Fjava","04.java",[2372,2375,2378,2382,2386,2390,2394],{"title":162,"path":2373,"stem":2374},"\u002Fjava\u002Fdata-mapper-part1","04.java\u002F01.data-mapper-part1",{"title":166,"path":2376,"stem":2377},"\u002Fjava\u002Fdata-mapper-part2","04.java\u002F02.data-mapper-part2",{"title":2379,"path":2380,"stem":2381},"Service Layer: Організація бізнес-логіки","\u002Fjava\u002Fservice-layer","04.java\u002F03.service-layer",{"title":2383,"path":2384,"stem":2385},"Rich Domain Model та State Pattern","\u002Fjava\u002Frich-domain-model","04.java\u002F04.rich-domain-model",{"title":2387,"path":2388,"stem":2389},"Патерни для складної бізнес-логіки","\u002Fjava\u002Fbusiness-logic-patterns","04.java\u002F05.business-logic-patterns",{"title":2391,"path":2392,"stem":2393},"Обробка помилок та валідація","\u002Fjava\u002Ferror-handling-validation","04.java\u002F06.error-handling-validation",{"title":2395,"path":2396,"stem":2397,"children":2398,"page":59},"Проектування баз даних","\u002Fjava\u002Fpr2","04.java\u002Fpr2",[2399,2403,2407,2411,2415,2419,2423,2427,2431,2435,2439,2443,2447,2451,2455,2459,2463,2467,2471,2475,2479,2483,2487,2491,2495,2499,2503,2507,2511,2515,2519,2523,2527,2531,2535,2539,2543],{"title":2400,"path":2401,"stem":2402},"Концептуальне моделювання: Мистецтво розуміння предметної області","\u002Fjava\u002Fpr2\u002Fconceptual-modeling","04.java\u002Fpr2\u002F01.conceptual-modeling",{"title":2404,"path":2405,"stem":2406},"Логічне моделювання: Від бізнес-ідей до структур даних","\u002Fjava\u002Fpr2\u002Flogical-modeling","04.java\u002Fpr2\u002F02.logical-modeling",{"title":2408,"path":2409,"stem":2410},"Нормалізація: Гігієна даних та боротьба з аномаліями","\u002Fjava\u002Fpr2\u002Fnormalization","04.java\u002Fpr2\u002F03.normalization",{"title":2412,"path":2413,"stem":2414},"Фізична схема: Від абстракції до DDL","\u002Fjava\u002Fpr2\u002Fphysical-schema","04.java\u002Fpr2\u002F04.physical-schema",{"title":2416,"path":2417,"stem":2418},"Архітектурна класифікація таблиць","\u002Fjava\u002Fpr2\u002Ftable-classification","04.java\u002Fpr2\u002F05.table-classification",{"title":2420,"path":2421,"stem":2422},"Database Migrations: Версіонування схеми з Flyway","\u002Fjava\u002Fpr2\u002Fdatabase-migrations","04.java\u002Fpr2\u002F06.database-migrations",{"title":2424,"path":2425,"stem":2426},"А що, якби це була не реляційна БД?","\u002Fjava\u002Fpr2\u002Fbeyond-relational","04.java\u002Fpr2\u002F07.beyond-relational",{"title":2428,"path":2429,"stem":2430},"Object-Relational Impedance Mismatch: Два світи, що не хочуть дружити","\u002Fjava\u002Fpr2\u002Fimpedance-mismatch","04.java\u002Fpr2\u002F09.impedance-mismatch",{"title":2432,"path":2433,"stem":2434},"JDBC: Перший контакт із базою даних","\u002Fjava\u002Fpr2\u002Fjdbc-fundamentals","04.java\u002Fpr2\u002F10.jdbc-fundamentals",{"title":2436,"path":2437,"stem":2438},"Якість коду: Spotless, SpotBugs та SonarQube","\u002Fjava\u002Fpr2\u002F10a.code-quality","04.java\u002Fpr2\u002F10a.code-quality",{"title":2440,"path":2441,"stem":2442},"Connection Pool: Патерн Object Pool для JDBC-з'єднань","\u002Fjava\u002Fpr2\u002Fconnection-pool","04.java\u002Fpr2\u002F11.connection-pool",{"title":2444,"path":2445,"stem":2446},"Row Data Gateway: Об'єкт як обгортка рядка таблиці","\u002Fjava\u002Fpr2\u002Frow-data-gateway","04.java\u002Fpr2\u002F12.row-data-gateway",{"title":2448,"path":2449,"stem":2450},"Table Data Gateway: Фасад таблиці як архітектурний відступ","\u002Fjava\u002Fpr2\u002Ftable-data-gateway","04.java\u002Fpr2\u002F13.table-data-gateway",{"title":2452,"path":2453,"stem":2454},"Repository + Data Mapper: Правильна шарова архітектура з JDBC","\u002Fjava\u002Fpr2\u002Frepository-data-mapper","04.java\u002Fpr2\u002F14.repository-data-mapper",{"title":2456,"path":2457,"stem":2458},"Identity Map: Кешування сутностей у рамках сесії","\u002Fjava\u002Fpr2\u002Fidentity-map","04.java\u002Fpr2\u002F15.identity-map",{"title":2460,"path":2461,"stem":2462},"Unit of Work: Відстеження змін і координація JDBC-транзакцій","\u002Fjava\u002Fpr2\u002Funit-of-work","04.java\u002Fpr2\u002F16.unit-of-work",{"title":2464,"path":2465,"stem":2466},"Strategy: Замінювані SQL-стратегії для підтримки різних СУБД","\u002Fjava\u002Fpr2\u002Fstrategy-sql","04.java\u002Fpr2\u002F17.strategy-sql",{"title":2468,"path":2469,"stem":2470},"Proxy: Lazy Loading для One-To-Many колекцій","\u002Fjava\u002Fpr2\u002Fproxy-lazy-loading","04.java\u002Fpr2\u002F18.proxy-lazy-loading",{"title":2472,"path":2473,"stem":2474},"Generic Repository через Java Reflection: анотації та динамічний SQL","\u002Fjava\u002Fpr2\u002Fgeneric-repository-reflection","04.java\u002Fpr2\u002F19.generic-repository-reflection",{"title":2476,"path":2477,"stem":2478},"Specification Pattern: Композиція бізнес-правил для складних запитів","\u002Fjava\u002Fpr2\u002Fspecification-pattern","04.java\u002Fpr2\u002F20.specification-pattern",{"title":2480,"path":2481,"stem":2482},"Розширені можливості Specification Pattern: підзапити, агрегації та гібридний підхід","\u002Fjava\u002Fpr2\u002F20a.advanced-specifications","04.java\u002Fpr2\u002F20a.advanced-specifications",{"title":2484,"path":2485,"stem":2486},"Асинхронність у JDBC: Від блокуючих викликів до CompletableFuture","\u002Fjava\u002Fpr2\u002Fasynchronous-jdbc","04.java\u002Fpr2\u002F21.asynchronous-jdbc",{"title":2488,"path":2489,"stem":2490},"Інтеграційне тестування JDBC-репозиторіїв: Embedded H2 та патерн AAA","\u002Fjava\u002Fpr2\u002Fintegration-testing-h2","04.java\u002Fpr2\u002F22.integration-testing-h2",{"title":2492,"path":2493,"stem":2494},"Testcontainers: Тестування з реальною PostgreSQL у Docker-контейнерах","\u002Fjava\u002Fpr2\u002Fintegration-testing-testcontainers","04.java\u002Fpr2\u002F23.integration-testing-testcontainers",{"title":2496,"path":2497,"stem":2498},"Google Guice: Впровадження залежностей у JavaFX-проєкті","\u002Fjava\u002Fpr2\u002Fdependency-injection-guice","04.java\u002Fpr2\u002F24.dependency-injection-guice",{"title":2500,"path":2501,"stem":2502},"JavaFX: Основи побудови графічних інтерфейсів","\u002Fjava\u002Fpr2\u002Fjavafx-fundamentals","04.java\u002Fpr2\u002F25.javafx-fundamentals",{"title":2504,"path":2505,"stem":2506},"Properties та Bindings: Реактивність у JavaFX","\u002Fjava\u002Fpr2\u002Fjavafx-properties-bindings","04.java\u002Fpr2\u002F26.javafx-properties-bindings",{"title":2508,"path":2509,"stem":2510},"MVC vs MVP vs MVVM: Еволюція архітектурних патернів UI","\u002Fjava\u002Fpr2\u002Fui-architecture-patterns","04.java\u002Fpr2\u002F27.ui-architecture-patterns",{"title":2512,"path":2513,"stem":2514},"MVVM на практиці: Побудова ViewModel","\u002Fjava\u002Fpr2\u002Fmvvm-viewmodel-implementation","04.java\u002Fpr2\u002F28.mvvm-viewmodel-implementation",{"title":2516,"path":2517,"stem":2518},"View та Controller: Зв'язування з ViewModel через FXML","\u002Fjava\u002Fpr2\u002Fmvvm-view-controller","04.java\u002Fpr2\u002F29.mvvm-view-controller",{"title":2520,"path":2521,"stem":2522},"Інтеграція MVVM з Guice: Автоматична ін'єкція залежностей","\u002Fjava\u002Fpr2\u002Fmvvm-guice-integration","04.java\u002Fpr2\u002F30.mvvm-guice-integration",{"title":2524,"path":2525,"stem":2526},"Валідація та обробка помилок у MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-validation-error-handling","04.java\u002Fpr2\u002F31.mvvm-validation-error-handling",{"title":2528,"path":2529,"stem":2530},"Навігація та управління екранами у JavaFX MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-navigation-screen-management","04.java\u002Fpr2\u002F32.mvvm-navigation-screen-management",{"title":2532,"path":2533,"stem":2534},"Тестування JavaFX MVVM-додатків","\u002Fjava\u002Fpr2\u002Fmvvm-testing","04.java\u002Fpr2\u002F33.mvvm-testing",{"title":2536,"path":2537,"stem":2538},"Стилізація та теми у JavaFX: CSS та User Experience","\u002Fjava\u002Fpr2\u002Fjavafx-styling-themes","04.java\u002Fpr2\u002F34.javafx-styling-themes",{"title":2540,"path":2541,"stem":2542},"AtlantaFX: Сучасні теми для JavaFX додатків","\u002Fjava\u002Fpr2\u002Fatlantafx-modern-themes","04.java\u002Fpr2\u002F35.atlantafx-modern-themes",{"title":2544,"path":2545,"stem":2546},"Пакування та розповсюдження JavaFX-додатків","\u002Fjava\u002Fpr2\u002Fjar-packaging-distribution","04.java\u002Fpr2\u002F36.jar-packaging-distribution",{"title":2548,"icon":2549,"path":2550,"stem":2551,"children":2552,"page":59},"Python","i-devicon-python","\u002Fpython","05.python",[2553,2557,2560,2564,2568,2572,2576,2580,2584,2588,2592,2596,2600,2604,2608,2669],{"title":2554,"path":2555,"stem":2556},"Модулі, Пакети та Віртуальні Середовища","\u002Fpython\u002Fmodules-packages-venv","05.python\u002F00.modules-packages-venv",{"title":71,"path":2558,"stem":2559},"\u002Fpython\u002Fclasses-objects","05.python\u002F01.classes-objects",{"title":2561,"path":2562,"stem":2563},"Інкапсуляція, Керування Доступом та Властивості","\u002Fpython\u002Fencapsulation","05.python\u002F02.encapsulation",{"title":2565,"path":2566,"stem":2567},"Наслідування, MRO та суперсила super()","\u002Fpython\u002Finheritance-mro","05.python\u002F03.inheritance-mro",{"title":2569,"path":2570,"stem":2571},"Абстракція — ABC проти Статичних Протоколів (PEP 544)","\u002Fpython\u002Fabstraction-protocols","05.python\u002F04.abstraction-protocols",{"title":2573,"path":2574,"stem":2575},"Магічні методи (Dunder) та Емуляція протоколів","\u002Fpython\u002Fdunder-methods","05.python\u002F05.dunder-methods",{"title":2577,"path":2578,"stem":2579},"Декоратори та Керування життєвим циклом методів","\u002Fpython\u002Fdecorators-static-class","05.python\u002F06.decorators-static-class",{"title":2581,"path":2582,"stem":2583},"Дескриптори — Магія доступу до атрибутів","\u002Fpython\u002Fdescriptors","05.python\u002F07.descriptors",{"title":2585,"path":2586,"stem":2587},"Метакласи — Динамічне створення класів під капотом CPython","\u002Fpython\u002Fmetaclasses","05.python\u002F08.metaclasses",{"title":2589,"path":2590,"stem":2591},"Dataclasses, NamedTuple та сучасні контейнери Python","\u002Fpython\u002Fmodern-containers","05.python\u002F09.modern-containers",{"title":2593,"path":2594,"stem":2595},"GIL та модель конкурентності CPython — фундамент перед потоками і процесами","\u002Fpython\u002Fgil-concurrency-intro","05.python\u002F11.gil-concurrency-intro",{"title":2597,"path":2598,"stem":2599},"Threading — конкурентність для I\u002FO-bound задач","\u002Fpython\u002Fthreading","05.python\u002F12.threading",{"title":2601,"path":2602,"stem":2603},"Multiprocessing — справжній паралелізм для CPU-bound задач","\u002Fpython\u002Fmultiprocessing","05.python\u002F13.multiprocessing",{"title":2605,"path":2606,"stem":2607},"asyncio — кооперативна конкурентність та event loop","\u002Fpython\u002Fasyncio","05.python\u002F14.asyncio",{"title":2609,"icon":92,"path":2610,"stem":2611,"children":2612,"page":59},"FastAPI","\u002Fpython\u002Ffastapi","05.python\u002Ffastapi",[2613,2617,2621,2625,2629,2633,2637,2641,2645,2649,2653,2657,2661,2665],{"title":2614,"path":2615,"stem":2616},"Глибокий Typing та Pydantic v2 — від анотацій до валідації","\u002Fpython\u002Ffastapi\u002Ftyping-pydantic","05.python\u002Ffastapi\u002F15.typing-pydantic",{"title":2618,"path":2619,"stem":2620},"WSGI, ASGI та Python Web-екосистема","\u002Fpython\u002Ffastapi\u002Fwsgi-asgi-ecosystem","05.python\u002Ffastapi\u002F16.wsgi-asgi-ecosystem",{"title":2622,"path":2623,"stem":2624},"FastAPI: Перший додаток, Uvicorn та OpenAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-intro","05.python\u002Ffastapi\u002F17.fastapi-intro",{"title":2626,"path":2627,"stem":2628},"Маршрутизація, параметри запитів та APIRouter","\u002Fpython\u002Ffastapi\u002Ffastapi-routing-params","05.python\u002Ffastapi\u002F18.fastapi-routing-params",{"title":2630,"path":2631,"stem":2632},"Pydantic v2 у FastAPI — схеми, валідація та серіалізація","\u002Fpython\u002Ffastapi\u002Ffastapi-pydantic-schemas","05.python\u002Ffastapi\u002F19.fastapi-pydantic-schemas",{"title":2634,"path":2635,"stem":2636},"Dependency Injection — серце архітектури FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-dependency-injection","05.python\u002Ffastapi\u002F20.fastapi-dependency-injection",{"title":2638,"path":2639,"stem":2640},"Обробка помилок, Middleware та CORS у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-errors-middleware","05.python\u002Ffastapi\u002F21.fastapi-errors-middleware",{"title":2642,"path":2643,"stem":2644},"SQLAlchemy 2.0 — ORM, Core та Async Engine","\u002Fpython\u002Ffastapi\u002Fsqlalchemy-orm","05.python\u002Ffastapi\u002F22.sqlalchemy-orm",{"title":2646,"path":2647,"stem":2648},"Alembic — міграції бази даних","\u002Fpython\u002Ffastapi\u002Falembic-migrations","05.python\u002Ffastapi\u002F23.alembic-migrations",{"title":2650,"path":2651,"stem":2652},"Repository Pattern та Clean Architecture у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-repository-clean-arch","05.python\u002Ffastapi\u002F24.fastapi-repository-clean-arch",{"title":2654,"path":2655,"stem":2656},"Автентифікація та авторизація — JWT, OAuth2, RBAC","\u002Fpython\u002Ffastapi\u002Ffastapi-auth-security","05.python\u002Ffastapi\u002F25.fastapi-auth-security",{"title":2658,"path":2659,"stem":2660},"Тестування FastAPI — pytest, httpx, fixtures","\u002Fpython\u002Ffastapi\u002Ffastapi-testing","05.python\u002Ffastapi\u002F26.fastapi-testing",{"title":2662,"path":2663,"stem":2664},"Async на повну — Background Tasks, WebSockets, SSE та Celery","\u002Fpython\u002Ffastapi\u002Ffastapi-async-advanced","05.python\u002Ffastapi\u002F27.fastapi-async-advanced",{"title":2666,"path":2667,"stem":2668},"Deployment — Docker, CI\u002FCD, Monitoring","\u002Fpython\u002Ffastapi\u002Ffastapi-deployment","05.python\u002Ffastapi\u002F28.fastapi-deployment",{"title":2670,"path":2671,"stem":2672},"[object Object]","\u002Fpython\u002Foop-plan","05.python\u002Foop-plan",{"title":2674,"icon":2675,"path":2676,"stem":2677,"children":2678,"page":59},"Бази даних","i-lucide-database","\u002Fdatabases","06.databases",[2679,2709,2732,2769,2798,2816,2850,2862,2871],{"title":2680,"icon":2681,"path":2682,"stem":2683,"children":2684,"page":59},"Intro","i-lucide-play","\u002Fdatabases\u002Fintro","06.databases\u002F01.intro",[2685,2689,2693,2697,2701,2705],{"title":2686,"path":2687,"stem":2688},"Введення в теорію баз даних","\u002Fdatabases\u002Fintro\u002Fintroduction-to-databases","06.databases\u002F01.intro\u002F01.introduction-to-databases",{"title":2690,"path":2691,"stem":2692},"Реляційна модель даних","\u002Fdatabases\u002Fintro\u002Frelational-model-theory","06.databases\u002F01.intro\u002F02.relational-model-theory",{"title":2694,"path":2695,"stem":2696},"ER-моделювання","\u002Fdatabases\u002Fintro\u002Fer-modeling","06.databases\u002F01.intro\u002F03.er-modeling",{"title":2698,"path":2699,"stem":2700},"Логічне проектування БД","\u002Fdatabases\u002Fintro\u002Flogical-schema","06.databases\u002F01.intro\u002F04.logical-schema",{"title":2702,"path":2703,"stem":2704},"Класифікація таблиць","\u002Fdatabases\u002Fintro\u002Ftable-classification","06.databases\u002F01.intro\u002F05.table-classification",{"title":2706,"path":2707,"stem":2708},"PlantUML для баз даних","\u002Fdatabases\u002Fintro\u002Fplantuml-diagrams","06.databases\u002F01.intro\u002F06.plantuml-diagrams",{"title":2710,"icon":2675,"path":2711,"stem":2712,"children":2713,"page":59},"MS SQL Server Start","\u002Fdatabases\u002Fms-sql-server-start","06.databases\u002F02.ms-sql-server-start",[2714,2718,2724,2728],{"title":2715,"path":2716,"stem":2717},"Типи даних у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fdata-types","06.databases\u002F02.ms-sql-server-start\u002F01.data-types",{"title":2719,"path":2720,"stem":2721,"children":2722},"Індекси у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-indexes","06.databases\u002F02.ms-sql-server-start\u002F02.sql-indexes",[2723],{"title":2719,"path":2720,"stem":2721},{"title":2725,"path":2726,"stem":2727},"Системні бази даних MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsystem-databases","06.databases\u002F02.ms-sql-server-start\u002F03.system-databases",{"title":2729,"path":2730,"stem":2731},"Огляд мови SQL та запитів","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-queries-overview","06.databases\u002F02.ms-sql-server-start\u002F04.sql-queries-overview",{"title":2733,"icon":2675,"path":2734,"stem":2735,"children":2736,"page":59},"SQL","\u002Fdatabases\u002Fsql","06.databases\u002F03.sql",[2737,2741,2745,2749,2753,2757,2761,2765],{"title":2738,"path":2739,"stem":2740},"Налаштування демонстраційної бази даних","\u002Fdatabases\u002Fsql\u002Fsample-database-setup","06.databases\u002F03.sql\u002F00.sample-database-setup",{"title":2742,"path":2743,"stem":2744},"DDL - Створення таблиць (CREATE TABLE)","\u002Fdatabases\u002Fsql\u002Fddl-create-table","06.databases\u002F03.sql\u002F01.ddl-create-table",{"title":2746,"path":2747,"stem":2748},"DDL - Зміна та видалення таблиць (ALTER, DROP)","\u002Fdatabases\u002Fsql\u002Fddl-alter-drop-table","06.databases\u002F03.sql\u002F02.ddl-alter-drop-table",{"title":2750,"path":2751,"stem":2752},"SELECT запити - Основи","\u002Fdatabases\u002Fsql\u002Fselect-queries-fundamentals","06.databases\u002F03.sql\u002F03.select-queries-fundamentals",{"title":2754,"path":2755,"stem":2756},"SELECT запити - Розширені можливості","\u002Fdatabases\u002Fsql\u002Fselect-queries-advanced","06.databases\u002F03.sql\u002F04.select-queries-advanced",{"title":2758,"path":2759,"stem":2760},"INSERT запити - Додавання даних","\u002Fdatabases\u002Fsql\u002Finsert-queries","06.databases\u002F03.sql\u002F05.insert-queries",{"title":2762,"path":2763,"stem":2764},"UPDATE та DELETE запити","\u002Fdatabases\u002Fsql\u002Fupdate-delete-queries","06.databases\u002F03.sql\u002F06.update-delete-queries",{"title":2766,"path":2767,"stem":2768},"Транзакції в SQL","\u002Fdatabases\u002Fsql\u002Ftransactions","06.databases\u002F03.sql\u002F07.transactions",{"title":2770,"icon":2675,"path":2771,"stem":2772,"children":2773,"page":59},"Multi Table Databases","\u002Fdatabases\u002Fmulti-table-databases","06.databases\u002F04.multi-table-databases",[2774,2778,2782,2786,2790,2794],{"title":2775,"path":2776,"stem":2777},"Зв'язки та нормалізація БД","\u002Fdatabases\u002Fmulti-table-databases\u002Frelationships-and-normalization","06.databases\u002F04.multi-table-databases\u002F00.relationships-and-normalization",{"title":2779,"path":2780,"stem":2781},"INNER JOIN - З'єднання таблиць","\u002Fdatabases\u002Fmulti-table-databases\u002Finner-join","06.databases\u002F04.multi-table-databases\u002F01.inner-join",{"title":2783,"path":2784,"stem":2785},"OUTER JOINs - LEFT, RIGHT, FULL","\u002Fdatabases\u002Fmulti-table-databases\u002Fouter-joins","06.databases\u002F04.multi-table-databases\u002F02.outer-joins",{"title":2787,"path":2788,"stem":2789},"CROSS та SELF JOINs","\u002Fdatabases\u002Fmulti-table-databases\u002Fcross-self-joins","06.databases\u002F04.multi-table-databases\u002F03.cross-self-joins",{"title":2791,"path":2792,"stem":2793},"Підзапити (Subqueries)","\u002Fdatabases\u002Fmulti-table-databases\u002Fsubqueries","06.databases\u002F04.multi-table-databases\u002F04.subqueries",{"title":2795,"path":2796,"stem":2797},"Агрегації з JOIN","\u002Fdatabases\u002Fmulti-table-databases\u002Faggregations-with-joins","06.databases\u002F04.multi-table-databases\u002F05.aggregations-with-joins",{"title":2799,"icon":2800,"path":2801,"stem":2802,"children":2803,"page":59},"Aggregate Functions","i-lucide-calculator","\u002Fdatabases\u002Faggregate-functions","06.databases\u002F05.aggregate-functions",[2804,2808,2812],{"title":2805,"path":2806,"stem":2807},"Функції агрегування в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fintroduction-aggregate-functions","06.databases\u002F05.aggregate-functions\u002F01.introduction-aggregate-functions",{"title":2809,"path":2810,"stem":2811},"Групування даних в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fgrouping-data","06.databases\u002F05.aggregate-functions\u002F02.grouping-data",{"title":2813,"path":2814,"stem":2815},"Підзапити з агрегатними функціями","\u002Fdatabases\u002Faggregate-functions\u002Fsubqueries-aggregates","06.databases\u002F05.aggregate-functions\u002F03.subqueries-aggregates",{"title":2817,"icon":2818,"path":2819,"stem":2820,"children":2821,"page":59},"Тригери та зберігаємі процедури","i-lucide-database-zap","\u002Fdatabases\u002Ftriggers-stored-procedures","06.databases\u002F07.triggers-stored-procedures",[2822,2826,2830,2834,2838,2842,2846],{"title":2823,"path":2824,"stem":2825},"DML-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fdml-triggers","06.databases\u002F07.triggers-stored-procedures\u002F01.dml-triggers",{"title":2827,"path":2828,"stem":2829},"DDL-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fddl-triggers","06.databases\u002F07.triggers-stored-procedures\u002F02.ddl-triggers",{"title":2831,"path":2832,"stem":2833},"Transact-SQL розширення","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransact-sql-extensions","06.databases\u002F07.triggers-stored-procedures\u002F03.transact-sql-extensions",{"title":2835,"path":2836,"stem":2837},"Транзакції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransactions","06.databases\u002F07.triggers-stored-procedures\u002F04.transactions",{"title":2839,"path":2840,"stem":2841},"Зберігаємі процедури","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fstored-procedures","06.databases\u002F07.triggers-stored-procedures\u002F05.stored-procedures",{"title":2843,"path":2844,"stem":2845},"Користувацькі функції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fuser-defined-functions","06.databases\u002F07.triggers-stored-procedures\u002F06.user-defined-functions",{"title":2847,"path":2848,"stem":2849},"Безпека баз даних","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fsecurity","06.databases\u002F07.triggers-stored-procedures\u002F08.security",{"title":2847,"icon":793,"path":2851,"stem":2852,"children":2853,"page":59},"\u002Fdatabases\u002Fsecurity","06.databases\u002F08.security",[2854,2858],{"title":2855,"path":2856,"stem":2857},"Вступ до безпеки баз даних","\u002Fdatabases\u002Fsecurity\u002Fintroduction","06.databases\u002F08.security\u002F01.introduction",{"title":2859,"path":2860,"stem":2861},"Системні представлення та метадані","\u002Fdatabases\u002Fsecurity\u002Fsystem-views","06.databases\u002F08.security\u002F02.system-views",{"title":2863,"icon":2864,"path":2865,"stem":2866,"children":2867,"page":59},"Резервне копіювання та відновлення","i-lucide-database-backup","\u002Fdatabases\u002Fbackup-recovery","06.databases\u002F09.backup-recovery",[2868],{"title":2863,"path":2869,"stem":2870},"\u002Fdatabases\u002Fbackup-recovery\u002Fbackup-restore","06.databases\u002F09.backup-recovery\u002F01.backup-restore",{"title":2872,"icon":2873,"path":2874,"stem":2875,"children":2876,"page":59},"Повнотекстовий пошук","i-lucide-search","\u002Fdatabases\u002Ffull-text-search","06.databases\u002F10.full-text-search",[2877],{"title":2872,"path":2878,"stem":2879},"\u002Fdatabases\u002Ffull-text-search\u002Ffull-text-search","06.databases\u002F10.full-text-search\u002F01.full-text-search",{"title":2881,"icon":2882,"path":2883,"stem":2884,"children":2885,"page":59},"Tools","i-lucide-wrench","\u002Ftools","07.tools",[2886,2962],{"title":2887,"icon":2888,"path":2889,"stem":2890,"children":2891},"Docker","i-simple-icons-docker","\u002Ftools\u002Fdocker","07.tools\u002F01.docker\u002Findex",[2892,2894,2898,2902,2906,2910,2914,2918,2922,2926,2930,2934,2938,2942,2946,2950,2954,2958],{"title":2893,"path":2889,"stem":2890},"Docker: від нуля до production",{"title":2895,"path":2896,"stem":2897},"Контейнеризація — від проблеми до рішення","\u002Ftools\u002Fdocker\u002Fcontainerization-concept","07.tools\u002F01.docker\u002F01.containerization-concept",{"title":2899,"path":2900,"stem":2901},"Docker — що це і навіщо?","\u002Ftools\u002Fdocker\u002Fdocker-what-and-why","07.tools\u002F01.docker\u002F02.docker-what-and-why",{"title":2903,"path":2904,"stem":2905},"Архітектура Docker Engine","\u002Ftools\u002Fdocker\u002Fdocker-architecture","07.tools\u002F01.docker\u002F03.docker-architecture",{"title":2907,"path":2908,"stem":2909},"Встановлення Docker","\u002Ftools\u002Fdocker\u002Finstallation","07.tools\u002F01.docker\u002F04.installation",{"title":2911,"path":2912,"stem":2913},"Перший контейнер — docker run","\u002Ftools\u002Fdocker\u002Ffirst-container","07.tools\u002F01.docker\u002F05.first-container",{"title":2915,"path":2916,"stem":2917},"Життєвий цикл контейнера","\u002Ftools\u002Fdocker\u002Fcontainer-lifecycle","07.tools\u002F01.docker\u002F06.container-lifecycle",{"title":2919,"path":2920,"stem":2921},"Docker Images — фундаментальні концепції","\u002Ftools\u002Fdocker\u002Fdocker-images-fundamentals","07.tools\u002F01.docker\u002F07.docker-images-fundamentals",{"title":2923,"path":2924,"stem":2925},"Dockerfile — основи","\u002Ftools\u002Fdocker\u002Fdockerfile-basics","07.tools\u002F01.docker\u002F08.dockerfile-basics",{"title":2927,"path":2928,"stem":2929},"Dockerfile — просунуті техніки","\u002Ftools\u002Fdocker\u002Fdockerfile-advanced","07.tools\u002F01.docker\u002F09.dockerfile-advanced",{"title":2931,"path":2932,"stem":2933},"Build Context та кешування шарів","\u002Ftools\u002Fdocker\u002Fbuild-context-and-cache","07.tools\u002F01.docker\u002F10.build-context-and-cache",{"title":2935,"path":2936,"stem":2937},"Реєстри Docker-образів","\u002Ftools\u002Fdocker\u002Fimage-registries","07.tools\u002F01.docker\u002F11.image-registries",{"title":2939,"path":2940,"stem":2941},"Контейнеризація .NET додатків","\u002Ftools\u002Fdocker\u002Fdotnet-containerization","07.tools\u002F01.docker\u002F12.dotnet-containerization",{"title":2943,"path":2944,"stem":2945},"Томи та збереження даних","\u002Ftools\u002Fdocker\u002Fvolumes-and-data","07.tools\u002F01.docker\u002F13.volumes-and-data",{"title":2947,"path":2948,"stem":2949},"Основи мережі в Docker","\u002Ftools\u002Fdocker\u002Fnetworking-basics","07.tools\u002F01.docker\u002F14.networking-basics",{"title":2951,"path":2952,"stem":2953},"Змінні оточення та конфігурація","\u002Ftools\u002Fdocker\u002Fenvironment-and-configuration","07.tools\u002F01.docker\u002F15.environment-and-configuration",{"title":2955,"path":2956,"stem":2957},"Docker Compose — оркестрація контейнерів","\u002Ftools\u002Fdocker\u002Fdocker-compose-basics","07.tools\u002F01.docker\u002F16.docker-compose-basics",{"title":2959,"path":2960,"stem":2961},"Docker Compose — Multi-Service застосунки","\u002Ftools\u002Fdocker\u002Fcompose-multi-service","07.tools\u002F01.docker\u002F17.compose-multi-service",{"title":2963,"icon":2964,"path":2965,"stem":2966,"children":2967},"Kubernetes","simple-icons:kubernetes","\u002Ftools\u002Fkubernetes","07.tools\u002F02.kubernetes\u002Findex",[2968,2970,2974,2978,2982,2986,2990,2994,2998],{"title":2969,"path":2965,"stem":2966},"Kubernetes: від розробки до production",{"title":2971,"path":2972,"stem":2973},"Kubernetes — коли Docker Compose більше не вистачає","\u002Ftools\u002Fkubernetes\u002Fwhy-kubernetes","07.tools\u002F02.kubernetes\u002F01.why-kubernetes",{"title":2975,"path":2976,"stem":2977},"Архітектура Kubernetes — анатомія кластера","\u002Ftools\u002Fkubernetes\u002Fkubernetes-architecture","07.tools\u002F02.kubernetes\u002F02.kubernetes-architecture",{"title":2979,"path":2980,"stem":2981},"Локальне середовище — minikube, kind та k3s","\u002Ftools\u002Fkubernetes\u002Flocal-environment","07.tools\u002F02.kubernetes\u002F03.local-environment",{"title":2983,"path":2984,"stem":2985},"Pod — атомарна одиниця Kubernetes","\u002Ftools\u002Fkubernetes\u002Fpods-and-containers","07.tools\u002F02.kubernetes\u002F04.pods-and-containers",{"title":2987,"path":2988,"stem":2989},"Патерни використання Pod","\u002Ftools\u002Fkubernetes\u002Fpod-patterns","07.tools\u002F02.kubernetes\u002F05.pod-patterns",{"title":2991,"path":2992,"stem":2993},"Deployment — декларативне управління Pod","\u002Ftools\u002Fkubernetes\u002Fdeployment-basics","07.tools\u002F02.kubernetes\u002F06.deployment-basics",{"title":2995,"path":2996,"stem":2997},"Rolling Updates та управління життєвим циклом Deployment","\u002Ftools\u002Fkubernetes\u002Fdeployment-rolling-updates","07.tools\u002F02.kubernetes\u002F07.deployment-rolling-updates",{"title":2999,"path":3000,"stem":3001},"Service — мережева абстракція для Pod","\u002Ftools\u002Fkubernetes\u002Fservices-networking","07.tools\u002F02.kubernetes\u002F08.services-networking",{"title":3003,"icon":3004,"path":3005,"stem":3006,"children":3007,"page":59},"Software Engineering","i-lucide-code-2","\u002Fsoftware-engineering","09.software-engineering",[3008,3012,3016,3020,3024,3028,3032,3036,3040,3044,3048],{"title":3009,"path":3010,"stem":3011},"1. Аналіз предметної області. Експертні знання та складність","\u002Fsoftware-engineering\u002Fintro-subdomains","09.software-engineering\u002F01.intro-subdomains",{"title":3013,"path":3014,"stem":3015},"2. Обмежені контексти. Інтеграція обмежених контекстів","\u002Fsoftware-engineering\u002Fintegrating-limited-contexts","09.software-engineering\u002F02.integrating-limited-contexts",{"title":3017,"path":3018,"stem":3019},"3. Реалізація простої бізнес-логіки","\u002Fsoftware-engineering\u002Fsimple","09.software-engineering\u002F03.simple",{"title":3021,"path":3022,"stem":3023},"4. Опрацювання складної бізнес-логіки","\u002Fsoftware-engineering\u002Fcomplex-business-logic","09.software-engineering\u002F04.complex-business-logic",{"title":3025,"path":3026,"stem":3027},"5. Моделювання фактора часу. Подієво-орієнтована архітектура.","\u002Fsoftware-engineering\u002Fmodelling-the-time-factor","09.software-engineering\u002F05.modelling-the-time-factor",{"title":3029,"path":3030,"stem":3031},"6. Архітектурні патерни","\u002Fsoftware-engineering\u002Farchitectural-patterns","09.software-engineering\u002F06.architectural-patterns",{"title":3033,"path":3034,"stem":3035},"Паттерни взаємодії","\u002Fsoftware-engineering\u002Fpatterns-of-interaction","09.software-engineering\u002F07.patterns-of-interaction",{"title":3037,"path":3038,"stem":3039},"Евристика проєктування","\u002Fsoftware-engineering\u002Fdesign-heuristics","09.software-engineering\u002F08.design-heuristics",{"title":3041,"path":3042,"stem":3043},"Еволюція проєктних рішень","\u002Fsoftware-engineering\u002Fevolution-of-design-solutions","09.software-engineering\u002F09.evolution-of-design-solutions",{"title":3045,"path":3046,"stem":3047},"EventStorming","\u002Fsoftware-engineering\u002Feventstorming","09.software-engineering\u002F10.eventstorming",{"title":3049,"path":3050,"stem":3051},"DDD на практиці","\u002Fsoftware-engineering\u002Fddd-in-practice","09.software-engineering\u002F11.ddd-in-practice",{"title":3053,"icon":943,"path":3054,"stem":3055,"children":3056,"page":59},"DDD","\u002Fddd","10.ddd",[3057,3061,3065,3069,3073,3077,3081,3085,3089,3093,3097,3101,3105],{"title":3058,"path":3059,"stem":3060},"Аналіз предметної області","\u002Fddd\u002Fdomain-analysis","10.ddd\u002F01.domain-analysis",{"title":3062,"path":3063,"stem":3064},"Експертні знання про предметну область","\u002Fddd\u002Fdomain-expert-knowledge","10.ddd\u002F02.domain-expert-knowledge",{"title":3066,"path":3067,"stem":3068},"Як осмислити складність предметної області","\u002Fddd\u002Fmanaging-domain-complexity","10.ddd\u002F03.managing-domain-complexity",{"title":3070,"path":3071,"stem":3072},"Інтеграція обмежених контекстів","\u002Fddd\u002Fbounded-context-integration","10.ddd\u002F04.bounded-context-integration",{"title":3074,"path":3075,"stem":3076},"Реалізація простої бізнес-логіки","\u002Fddd\u002Fsimple-business-logic","10.ddd\u002F05.simple-business-logic",{"title":3078,"path":3079,"stem":3080},"Обробка складної бізнес-логіки","\u002Fddd\u002Fcomplex-business-logic","10.ddd\u002F06.complex-business-logic",{"title":3082,"path":3083,"stem":3084},"Моделювання фактора часу","\u002Fddd\u002Ftime-modeling","10.ddd\u002F07.time-modeling",{"title":3086,"path":3087,"stem":3088},"Глава 8. Архітектурні Патерни","\u002Fddd\u002Farchitectural-patterns","10.ddd\u002F08.architectural-patterns",{"title":3090,"path":3091,"stem":3092},"Глава 9. Патерни Взаємодії","\u002Fddd\u002Finteraction-patterns","10.ddd\u002F09.interaction-patterns",{"title":3094,"path":3095,"stem":3096},"Глава 10. Проектні Евристики","\u002Fddd\u002Fdesign-heuristics","10.ddd\u002F10.design-heuristics",{"title":3098,"path":3099,"stem":3100},"Глава 11. Еволюція Проектних Рішень","\u002Fddd\u002Fevolution-of-design-decisions","10.ddd\u002F11.evolution-of-design-decisions",{"title":3102,"path":3103,"stem":3104},"Глава 12. EventStorming","\u002Fddd\u002Fevent-storming","10.ddd\u002F12.event-storming",{"title":3106,"path":3107,"stem":3108},"Глава 13. DDD на Практиці","\u002Fddd\u002Fddd-in-practice","10.ddd\u002F13.ddd-in-practice",{"title":3110,"icon":3111,"path":3112,"stem":3113,"children":3114,"page":59},"Media Streaming","i-lucide-video","\u002Fmedia-streaming","11.media-streaming",[3115,3119,3123,3127,3131,3135,3139],{"title":3116,"path":3117,"stem":3118},"01. Магія Стрімінгу: Що відбувається, коли ви натискаєте \"Play\"","\u002Fmedia-streaming\u002Fintroduction","11.media-streaming\u002F01.introduction",{"title":3120,"path":3121,"stem":3122},"02. Анатомія Медіа: Кодеки, Контейнери та Стиснення","\u002Fmedia-streaming\u002Faudio-video-anatomy","11.media-streaming\u002F02.audio-video-anatomy",{"title":3124,"path":3125,"stem":3126},"03. The Gym: FFmpeg Deep Dive","\u002Fmedia-streaming\u002Fffmpeg-gym","11.media-streaming\u002F03.ffmpeg-gym",{"title":3128,"path":3129,"stem":3130},"04. HLS Protocol: HTTP Live Streaming у Деталях","\u002Fmedia-streaming\u002Fhls-protocol","11.media-streaming\u002F04.hls-protocol",{"title":3132,"path":3133,"stem":3134},"05. DASH Protocol: Відкритий Стандарт","\u002Fmedia-streaming\u002Fdash-protocol","11.media-streaming\u002F05.dash-protocol",{"title":3136,"path":3137,"stem":3138},"06. Масштабування: CDN та Adaptive Bitrate","\u002Fmedia-streaming\u002Fcdn-and-adaptive-bitrate","11.media-streaming\u002F06.cdn-and-adaptive-bitrate",{"title":3140,"path":3141,"stem":3142},"07. Війна із Затримкою (Latency)","\u002Fmedia-streaming\u002Frealtime-latency","11.media-streaming\u002F07.realtime-latency",{"title":3144,"icon":3145,"path":3146,"stem":3147,"children":3148,"page":59},"HTML & CSS","i-devicon-html5","\u002Fhtml-css","12.html-css",[3149,3153,3157,3161,3165,3169,3173,3177,3181,3185,3189,3193,3197,3201,3205,3209,3213,3217,3221,3225,3229,3233,3237,3241,3245,3249,3253,3257,3261,3265],{"title":3150,"path":3151,"stem":3152},"Вступ до HTML. Структура документа","\u002Fhtml-css\u002Fintro-html-structure","12.html-css\u002F01.intro-html-structure",{"title":3154,"path":3155,"stem":3156},"Форматування тексту в HTML","\u002Fhtml-css\u002Fhtml-text-formatting","12.html-css\u002F02.html-text-formatting",{"title":3158,"path":3159,"stem":3160},"Посилання та зображення в HTML","\u002Fhtml-css\u002Fhtml-links-images","12.html-css\u002F03.html-links-images",{"title":3162,"path":3163,"stem":3164},"Списки та таблиці в HTML","\u002Fhtml-css\u002Fhtml-lists-tables","12.html-css\u002F04.html-lists-tables",{"title":3166,"path":3167,"stem":3168},"Форми в HTML","\u002Fhtml-css\u002Fhtml-forms","12.html-css\u002F05.html-forms",{"title":3170,"path":3171,"stem":3172},"Семантичні елементи HTML5","\u002Fhtml-css\u002Fhtml-semantic-elements","12.html-css\u002F06.html-semantic-elements",{"title":3174,"path":3175,"stem":3176},"Мультимедіа та розширені елементи HTML","\u002Fhtml-css\u002Fhtml-multimedia-advanced","12.html-css\u002F07.html-multimedia-advanced",{"title":3178,"path":3179,"stem":3180},"Мікророзмітка та SEO в HTML","\u002Fhtml-css\u002Fhtml-microdata-seo","12.html-css\u002F08.html-microdata-seo",{"title":3182,"path":3183,"stem":3184},"Вступ до CSS. Селектори та специфічність","\u002Fhtml-css\u002Fcss-intro-selectors","12.html-css\u002F09.css-intro-selectors",{"title":3186,"path":3187,"stem":3188},"Блокова модель CSS. Відступи. Box Sizing","\u002Fhtml-css\u002Fcss-box-model","12.html-css\u002F10.css-box-model",{"title":3190,"path":3191,"stem":3192},"Розміри у CSS: повний довідник одиниць і ключових слів","\u002Fhtml-css\u002F10a.css-sizing","12.html-css\u002F10a.css-sizing",{"title":3194,"path":3195,"stem":3196},"Типографіка в CSS. Шрифти та текст","\u002Fhtml-css\u002Fcss-typography","12.html-css\u002F11.css-typography",{"title":3198,"path":3199,"stem":3200},"Кольори та фони в CSS","\u002Fhtml-css\u002Fcss-colors-backgrounds","12.html-css\u002F12.css-colors-backgrounds",{"title":3202,"path":3203,"stem":3204},"Тіні та фільтри в CSS","\u002Fhtml-css\u002F12b.css-shadows-filters","12.html-css\u002F12b.css-shadows-filters",{"title":3206,"path":3207,"stem":3208},"CSS Flexbox: Фундамент гнучких макетів","\u002Fhtml-css\u002Fcss-flexbox-fundamentals","12.html-css\u002F13.css-flexbox-fundamentals",{"title":3210,"path":3211,"stem":3212},"CSS Flexbox: Вирівнювання та Позиціонування","\u002Fhtml-css\u002Fcss-flexbox-alignment-sizing-and-patterns","12.html-css\u002F14.css-flexbox-alignment-sizing-and-patterns",{"title":3214,"path":3215,"stem":3216},"CSS Grid. Двовимірний макет. Частина 1","\u002Fhtml-css\u002Fcss-layout-grid","12.html-css\u002F15.css-layout-grid",{"title":3218,"path":3219,"stem":3220},"CSS Grid. Двовимірний макет. Частина 2","\u002Fhtml-css\u002Fcss-layout-grid-advanced","12.html-css\u002F16.css-layout-grid-advanced",{"title":3222,"path":3223,"stem":3224},"Позиціонування в CSS. Z-index. Stacking Context","\u002Fhtml-css\u002Fcss-positioning","12.html-css\u002F17.css-positioning",{"title":3226,"path":3227,"stem":3228},"CSS Анімації та Переходи","\u002Fhtml-css\u002Fcss-animations-transitions","12.html-css\u002F18.css-animations-transitions",{"title":3230,"path":3231,"stem":3232},"Адаптивний дизайн. Media Queries. Частина 1","\u002Fhtml-css\u002Fcss-responsive-media-queries","12.html-css\u002F19.css-responsive-media-queries",{"title":3234,"path":3235,"stem":3236},"Адаптивний дизайн. Частина 2: clamp(), Container Queries, @layer","\u002Fhtml-css\u002Fcss-responsive-advanced","12.html-css\u002F20.css-responsive-advanced",{"title":3238,"path":3239,"stem":3240},"CSS Custom Properties. Методології. Сучасний CSS","\u002Fhtml-css\u002Fcss-variables-methodologies","12.html-css\u002F21.css-variables-methodologies",{"title":3242,"path":3243,"stem":3244},"Сучасний CSS 2023–2025: Нові можливості","\u002Fhtml-css\u002Fcss-modern-features","12.html-css\u002F22.css-modern-features",{"title":3246,"path":3247,"stem":3248},"CSS Nesting, @layer, @scope та @property: нативний препроцесор","\u002Fhtml-css\u002F22a.css-nesting-modern-syntax","12.html-css\u002F22a.css-nesting-modern-syntax",{"title":3250,"path":3251,"stem":3252},"CSS для форм та інтерактивних станів","\u002Fhtml-css\u002Fcss-forms-interactive-states","12.html-css\u002F23.css-forms-interactive-states",{"title":3254,"path":3255,"stem":3256},"Доступність у CSS (CSS Accessibility)","\u002Fhtml-css\u002Fcss-accessibility","12.html-css\u002F24.css-accessibility",{"title":3258,"path":3259,"stem":3260},"CSS-функції та сучасні sizing primitives","\u002Fhtml-css\u002Fcss-functions-sizing","12.html-css\u002F25.css-functions-sizing",{"title":3262,"path":3263,"stem":3264},"Rendering Pipeline і CSS Performance","\u002Fhtml-css\u002Fcss-rendering-performance","12.html-css\u002F26.css-rendering-performance",{"title":3266,"path":3267,"stem":3268},"CSS Best Practices: типові ситуації та правильні рішення","\u002Fhtml-css\u002Fcss-best-practices","12.html-css\u002F27.css-best-practices",{"title":3270,"path":3271,"stem":3272,"children":3273,"page":59},"AWS","\u002Faws","13.aws",[3274,3278,3282,3286,3290,3294,3298,3302,3306,3310,3314,3318,3322,3326,3330,3334,3338,3342],{"title":3275,"path":3276,"stem":3277},"Реєстрація AWS акаунту та студентські програми","\u002Faws\u002Faccount-registration","13.aws\u002F00.account-registration",{"title":3279,"path":3280,"stem":3281},"Вступ до хмарних обчислень та AWS","\u002Faws\u002Fintroduction-to-cloud","13.aws\u002F01.introduction-to-cloud",{"title":3283,"path":3284,"stem":3285},"AWS IAM — Identity and Access Management","\u002Faws\u002Fiam","13.aws\u002F02.iam",{"title":3287,"path":3288,"stem":3289},"AWS IAM CLI — Довідник команд","\u002Faws\u002F02a.iam-doc","13.aws\u002F02a.iam-doc",{"title":3291,"path":3292,"stem":3293},"Docker та контейнеризація в AWS — ECR, ECS та Fargate","\u002Faws\u002Fdocker-ecs","13.aws\u002F03.docker-ecs",{"title":3295,"path":3296,"stem":3297},"AWS ECR \u002F ECS CLI — Довідник команд","\u002Faws\u002F03a.docker-ecs-doc","13.aws\u002F03a.docker-ecs-doc",{"title":3299,"path":3300,"stem":3301},"Amazon EC2 — Elastic Compute Cloud","\u002Faws\u002Fec2","13.aws\u002F04.ec2",{"title":3303,"path":3304,"stem":3305},"AWS EC2 CLI — Довідник команд","\u002Faws\u002F04a.ec2-doc","13.aws\u002F04a.ec2-doc",{"title":3307,"path":3308,"stem":3309},"Elastic Load Balancing та Auto Scaling","\u002Faws\u002Falb-asg","13.aws\u002F05.alb-asg",{"title":3311,"path":3312,"stem":3313},"Amazon S3 — Simple Storage Service","\u002Faws\u002Fs3","13.aws\u002F06.s3",{"title":3315,"path":3316,"stem":3317},"Amazon CloudFront — Content Delivery Network","\u002Faws\u002Fcloudfront","13.aws\u002F07.cloudfront",{"title":3319,"path":3320,"stem":3321},"Amazon RDS — Relational Database Service","\u002Faws\u002Frds","13.aws\u002F08.rds",{"title":3323,"path":3324,"stem":3325},"Amazon DynamoDB — NoSQL Database","\u002Faws\u002Fdynamodb","13.aws\u002F09.dynamodb",{"title":3327,"path":3328,"stem":3329},"AWS Lambda та Serverless Compute","\u002Faws\u002Flambda","13.aws\u002F10.lambda",{"title":3331,"path":3332,"stem":3333},"Amazon Bedrock - Foundation Models, RAG та Agents","\u002Faws\u002Fbedrock","13.aws\u002F22.bedrock",{"title":3335,"path":3336,"stem":3337},"Amazon Rekognition - Комп'ютерний зір","\u002Faws\u002Frekognition","13.aws\u002F23.rekognition",{"title":3339,"path":3340,"stem":3341},"Amazon Textract - Інтелектуальний аналіз документів","\u002Faws\u002Ftextract","13.aws\u002F24.textract",{"title":3343,"path":3344,"stem":3345},"Amazon Polly, Transcribe, Comprehend та Translate","\u002Faws\u002Faudio-nlp-services","13.aws\u002F25.audio-nlp-services",{"title":3347,"path":3348,"stem":3349,"children":3350,"page":59},"Ai Development","\u002Fai-development","14.ai-development",[3351],{"title":3352,"path":3353,"stem":3354,"children":3355,"page":59},"Foundations","\u002Fai-development\u002Ffoundations","14.ai-development\u002F00.foundations",[3356],{"title":3357,"path":3358,"stem":3359},"Модуль 0.1. Що таке Large Language Model (LLM)","\u002Fai-development\u002Ffoundations\u002Fwhat-is-llm","14.ai-development\u002F00.foundations\u002F01.what-is-llm",{"title":3361,"path":3362,"stem":3363,"children":3364,"page":59},"React Native","\u002Freact-native","15.react-native",[3365,3386],{"title":3366,"path":3367,"stem":3368,"children":3369,"page":59},"Version1","\u002Freact-native\u002Fversion1","15.react-native\u002Fversion1",[3370,3374,3378,3382],{"title":3371,"path":3372,"stem":3373},"Що таке React Native","\u002Freact-native\u002Fversion1\u002Fwhat-is-react-native","15.react-native\u002Fversion1\u002F01.what-is-react-native",{"title":3375,"path":3376,"stem":3377},"Як влаштований React Native «під капотом»","\u002Freact-native\u002Fversion1\u002Freact-native-architecture","15.react-native\u002Fversion1\u002F02.react-native-architecture",{"title":3379,"path":3380,"stem":3381},"Від React до React Native: ключові відмінності","\u002Freact-native\u002Fversion1\u002Freact-native-vs-react","15.react-native\u002Fversion1\u002F03.react-native-vs-react",{"title":3383,"path":3384,"stem":3385},"View та Text — фундаментальні будівельні блоки","\u002Freact-native\u002Fversion1\u002Fview-and-text","15.react-native\u002Fversion1\u002F04.view-and-text",{"title":3387,"path":3388,"stem":3389,"children":3390,"page":59},"Version2","\u002Freact-native\u002Fversion2","15.react-native\u002Fversion2",[3391,3395,3399,3403,3407,3411,3415,3419,3423,3427,3431,3435,3439,3443,3447,3451,3455,3459,3463,3467,3471,3475,3479,3483,3487,3491],{"title":3392,"path":3393,"stem":3394},"React Native — навіщо він потрібен","\u002Freact-native\u002Fversion2\u002Fwhy-react-native","15.react-native\u002Fversion2\u002F01.why-react-native",{"title":3396,"path":3397,"stem":3398},"Налаштування середовища розробки","\u002Freact-native\u002Fversion2\u002Fenvironment-setup","15.react-native\u002Fversion2\u002F02.environment-setup",{"title":3400,"path":3401,"stem":3402},"Expo і класичний React Native — два шляхи одного фреймворку","\u002Freact-native\u002Fversion2\u002Fexpo-vs-cli-landscape","15.react-native\u002Fversion2\u002F03.expo-vs-cli-landscape",{"title":3404,"path":3405,"stem":3406},"Середовище Expo — перший запуск","\u002Freact-native\u002Fversion2\u002Fexpo-setup-and-tooling","15.react-native\u002Fversion2\u002F04.expo-setup-and-tooling",{"title":3408,"path":3409,"stem":3410},"Структура проєкту та перші UI-примітиви","\u002Freact-native\u002Fversion2\u002Fproject-structure-and-conventions","15.react-native\u002Fversion2\u002F05.project-structure-and-conventions",{"title":3412,"path":3413,"stem":3414},"Базові компоненти React Native","\u002Freact-native\u002Fversion2\u002Fcore-components","15.react-native\u002Fversion2\u002F06.core-components",{"title":3416,"path":3417,"stem":3418},"Flexbox і layout у React Native","\u002Freact-native\u002Fversion2\u002Fflexbox-and-layout","15.react-native\u002Fversion2\u002F07.flexbox-and-layout",{"title":3420,"path":3421,"stem":3422},"StyleSheet і теми (light \u002F dark)","\u002Freact-native\u002Fversion2\u002Fstylesheet-and-theming","15.react-native\u002Fversion2\u002F08.stylesheet-and-theming",{"title":3424,"path":3425,"stem":3426},"Списки та віртуалізація","\u002Freact-native\u002Fversion2\u002Flists-and-virtualization","15.react-native\u002Fversion2\u002F09.lists-and-virtualization",{"title":3428,"path":3429,"stem":3430},"Форми, ввід і валідація","\u002Freact-native\u002Fversion2\u002Fforms-input-validation","15.react-native\u002Fversion2\u002F10.forms-input-validation",{"title":3432,"path":3433,"stem":3434},"Основи Expo Router","\u002Freact-native\u002Fversion2\u002Fexpo-router-basics","15.react-native\u002Fversion2\u002F11.expo-router-basics",{"title":3436,"path":3437,"stem":3438},"Вкладені навігатори та модалки","\u002Freact-native\u002Fversion2\u002Fnested-navigators-and-modals","15.react-native\u002Fversion2\u002F12.nested-navigators-and-modals",{"title":3440,"path":3441,"stem":3442},"Deep linking і параметри маршрутів","\u002Freact-native\u002Fversion2\u002Fdeep-linking-and-params","15.react-native\u002Fversion2\u002F13.deep-linking-and-params",{"title":3444,"path":3445,"stem":3446},"Робота з мережею та життєвий цикл застосунку","\u002Freact-native\u002Fversion2\u002Fnetworking-and-app-lifecycle","15.react-native\u002Fversion2\u002F14.networking-and-app-lifecycle",{"title":3448,"path":3449,"stem":3450},"Redux Toolkit на мобільних платформах","\u002Freact-native\u002Fversion2\u002Fredux-toolkit-on-mobile","15.react-native\u002Fversion2\u002F15.redux-toolkit-on-mobile",{"title":3452,"path":3453,"stem":3454},"RTK Query на мобільних платформах","\u002Freact-native\u002Fversion2\u002Frtk-query-mobile","15.react-native\u002Fversion2\u002F16.rtk-query-mobile",{"title":3456,"path":3457,"stem":3458},"Автентифікація та Безпечне Зберігання","\u002Freact-native\u002Fversion2\u002Fauth-secure-storage","15.react-native\u002Fversion2\u002F18.auth-secure-storage",{"title":3460,"path":3461,"stem":3462},"Локальне сховище — AsyncStorage, MMKV, SQLite","\u002Freact-native\u002Fversion2\u002Flocal-storage-mmkv-sqlite","15.react-native\u002Fversion2\u002F19.local-storage-mmkv-sqlite",{"title":3464,"path":3465,"stem":3466},"Офлайн-First і синхронізація","\u002Freact-native\u002Fversion2\u002Foffline-first-sync","15.react-native\u002Fversion2\u002F20.offline-first-sync",{"title":3468,"path":3469,"stem":3470},"Камера, медіа та файлова система","\u002Freact-native\u002Fversion2\u002Fcamera-media-filesystem","15.react-native\u002Fversion2\u002F21.camera-media-filesystem",{"title":3472,"path":3473,"stem":3474},"Карти та геолокація","\u002Freact-native\u002Fversion2\u002Fmaps-and-location","15.react-native\u002Fversion2\u002F22.maps-and-location",{"title":3476,"path":3477,"stem":3478},"Жести та дотики","\u002Freact-native\u002Fversion2\u002Fgestures-and-touch","15.react-native\u002Fversion2\u002F23.gestures-and-touch",{"title":3480,"path":3481,"stem":3482},"Анімації з Reanimated","\u002Freact-native\u002Fversion2\u002Freanimated-animations","15.react-native\u002Fversion2\u002F24.reanimated-animations",{"title":3484,"path":3485,"stem":3486},"Push і локальні сповіщення","\u002Freact-native\u002Fversion2\u002Fpush-and-local-notifications","15.react-native\u002Fversion2\u002F25.push-and-local-notifications",{"title":3488,"path":3489,"stem":3490},"Доступність та інтернаціоналізація","\u002Freact-native\u002Fversion2\u002Faccessibility-and-i18n","15.react-native\u002Fversion2\u002F26.accessibility-and-i18n",{"title":3492,"path":3493,"stem":3494},"EAS Build та профілі збірки","\u002Freact-native\u002Fversion2\u002Feas-build-and-profiles","15.react-native\u002Fversion2\u002F29.eas-build-and-profiles",{"title":3496,"path":3497,"stem":3498,"children":3499,"page":59},"Ai Python","\u002Fai-python","16.ai-python",[3500,3504,3508],{"title":3501,"path":3502,"stem":3503},"Вступ до штучного інтелекту та машинного навчання","\u002Fai-python\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai",{"title":3505,"path":3506,"stem":3507},"Знайомство з Jupyter Notebook та JupyterLab","\u002Fai-python\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook",{"title":3509,"path":3510,"stem":3511},"Робота з даними з використанням NumPy і pandas","\u002Fai-python\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas",{"title":3513,"icon":658,"path":3514,"stem":3515,"children":3516,"page":59},"Клієнт-серверна архітектура","\u002Fclient-server-architecture","17.client-server-architecture",[3517,3521],{"title":3518,"path":3519,"stem":3520},"Архітектура клієнт-серверних систем та основи Go","\u002Fclient-server-architecture\u002Fclient-server-architecture-and-go","17.client-server-architecture\u002F01.client-server-architecture-and-go",{"title":3522,"path":3523,"stem":3524},"Система типів та модель пам’яті мови Go","\u002Fclient-server-architecture\u002Ftype-system-and-memory-model","17.client-server-architecture\u002F02.type-system-and-memory-model",{"title":3526,"icon":1946,"path":3527,"stem":3528,"children":3529,"page":59},"Розробка WEB-застосувань","\u002Fweb-development","18.web-development",[3530,3575,3613,3642],{"title":3531,"icon":658,"path":3532,"stem":3533,"children":3534,"page":59},"Архітектура комп'ютерних мереж та мережеві протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols","18.web-development\u002F01.network-architecture-and-protocols",[3535,3539,3543,3547,3551,3555,3559,3563,3567,3571],{"title":3536,"path":3537,"stem":3538},"Еволюція веброзробки та модель клієнт-сервер","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fweb-evolution-client-server","18.web-development\u002F01.network-architecture-and-protocols\u002F01.web-evolution-client-server",{"title":3540,"path":3541,"stem":3542},"Еталонна модель OSI","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fosi-model","18.web-development\u002F01.network-architecture-and-protocols\u002F02.osi-model",{"title":3544,"path":3545,"stem":3546},"Стек протоколів TCP\u002FIP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-ip-stack","18.web-development\u002F01.network-architecture-and-protocols\u002F03.tcp-ip-stack",{"title":3548,"path":3549,"stem":3550},"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":3552,"path":3553,"stem":3554},"Протоколи TCP та UDP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-udp-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F05.tcp-udp-protocols",{"title":3556,"path":3557,"stem":3558},"Система доменних імен DNS","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fdns-system","18.web-development\u002F01.network-architecture-and-protocols\u002F06.dns-system",{"title":3560,"path":3561,"stem":3562},"Протокол SMTP та поштові протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fsmtp-email-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F07.smtp-email-protocols",{"title":3564,"path":3565,"stem":3566},"Протокол WebSocket","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fwebsocket-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F08.websocket-protocol",{"title":3568,"path":3569,"stem":3570},"Протокол SSH","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fssh-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F09.ssh-protocol",{"title":3572,"path":3573,"stem":3574},"Огляд сучасних серверних технологій","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fmodern-backend-technologies","18.web-development\u002F01.network-architecture-and-protocols\u002F10.modern-backend-technologies",{"title":3576,"icon":3577,"path":3578,"stem":3579,"children":3580,"page":59},"Протокол HTTP та захищена передача даних HTTPS","i-lucide-lock","\u002Fweb-development\u002Fhttp-and-https","18.web-development\u002F02.http-and-https",[3581,3585,3589,3593,3597,3601,3605,3609],{"title":3582,"path":3583,"stem":3584},"Вступ до протоколу HTTP та еволюція веб-технологій","\u002Fweb-development\u002Fhttp-and-https\u002Fintroduction-and-evolution","18.web-development\u002F02.http-and-https\u002F01.introduction-and-evolution",{"title":3586,"path":3587,"stem":3588},"Анатомія HTTP-запиту","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-request-structure","18.web-development\u002F02.http-and-https\u002F02.http-request-structure",{"title":3590,"path":3591,"stem":3592},"Анатомія HTTP-відповіді","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-response-structure","18.web-development\u002F02.http-and-https\u002F03.http-response-structure",{"title":3594,"path":3595,"stem":3596},"Методи HTTP та їхня семантика","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-methods","18.web-development\u002F02.http-and-https\u002F04.http-methods",{"title":3598,"path":3599,"stem":3600},"Коди статусу HTTP та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-status-codes","18.web-development\u002F02.http-and-https\u002F05.http-status-codes",{"title":3602,"path":3603,"stem":3604},"HTTP-заголовки та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-headers","18.web-development\u002F02.http-and-https\u002F06.http-headers",{"title":3606,"path":3607,"stem":3608},"CORS та механізми безпеки HTTP","\u002Fweb-development\u002Fhttp-and-https\u002Fcors-and-security","18.web-development\u002F02.http-and-https\u002F07.cors-and-security",{"title":3610,"path":3611,"stem":3612},"HTTPS та криптографічні основи TLS","\u002Fweb-development\u002Fhttp-and-https\u002Fhttps-and-tls","18.web-development\u002F02.http-and-https\u002F08.https-and-tls",{"title":3614,"icon":2326,"path":3615,"stem":3616,"children":3617,"page":59},"Система типів мови TypeScript","\u002Fweb-development\u002Ftypescript-type-system","18.web-development\u002F03.typescript-type-system",[3618,3622,3626,3630,3634,3638],{"title":3619,"path":3620,"stem":3621},"Знайомство з TypeScript Compiler","\u002Fweb-development\u002Ftypescript-type-system\u002Fintroduction-compiler-config","18.web-development\u002F03.typescript-type-system\u002F01.introduction-compiler-config",{"title":3623,"path":3624,"stem":3625},"Примітивні типи даних: string, number, boolean","\u002Fweb-development\u002Ftypescript-type-system\u002Fprimitive-special-types","18.web-development\u002F03.typescript-type-system\u002F02.primitive-special-types",{"title":3627,"path":3628,"stem":3629},"Масиви, кортежі та об","\u002Fweb-development\u002Ftypescript-type-system\u002Farrays-tuples-objects","18.web-development\u002F03.typescript-type-system\u002F03.arrays-tuples-objects",{"title":3631,"path":3632,"stem":3633},"Union типи, Intersection типи та літеральні типи","\u002Fweb-development\u002Ftypescript-type-system\u002Funion-intersection-literals","18.web-development\u002F03.typescript-type-system\u002F04.union-intersection-literals",{"title":3635,"path":3636,"stem":3637},"Type Narrowing (звуження типів)","\u002Fweb-development\u002Ftypescript-type-system\u002Ftype-narrowing","18.web-development\u002F03.typescript-type-system\u002F05.type-narrowing",{"title":3639,"path":3640,"stem":3641},"Типізація функцій","\u002Fweb-development\u002Ftypescript-type-system\u002Ffunctions-typing","18.web-development\u002F03.typescript-type-system\u002F06.functions-typing",{"title":3643,"icon":2326,"path":3644,"stem":3645,"children":3646,"page":59},"Розширені засоби мови TypeScript","\u002Fweb-development\u002Ftypescript-advanced","18.web-development\u002F04.typescript-advanced",[3647,3651,3655,3659,3663,3667],{"title":3648,"path":3649,"stem":3650},"Interfaces та Classes","\u002Fweb-development\u002Ftypescript-advanced\u002Finterfaces-classes","18.web-development\u002F04.typescript-advanced\u002F01.interfaces-classes",{"title":3652,"path":3653,"stem":3654},"Основи Generic типів","\u002Fweb-development\u002Ftypescript-advanced\u002Fgenerics-fundamentals","18.web-development\u002F04.typescript-advanced\u002F02.generics-fundamentals",{"title":3656,"path":3657,"stem":3658},"Enums та Decorators","\u002Fweb-development\u002Ftypescript-advanced\u002Fenums-decorators","18.web-development\u002F04.typescript-advanced\u002F03.enums-decorators",{"title":3660,"path":3661,"stem":3662},"Utility Types","\u002Fweb-development\u002Ftypescript-advanced\u002Futility-types","18.web-development\u002F04.typescript-advanced\u002F04.utility-types",{"title":3664,"path":3665,"stem":3666},"Mapped та Conditional Types","\u002Fweb-development\u002Ftypescript-advanced\u002Fmapped-conditional-types","18.web-development\u002F04.typescript-advanced\u002F05.mapped-conditional-types",{"title":3668,"path":3669,"stem":3670},"Модулі та Strict Mode","\u002Fweb-development\u002Ftypescript-advanced\u002Fmodules-strict-mode","18.web-development\u002F04.typescript-advanced\u002F06.modules-strict-mode",{"title":3672,"path":3673,"stem":3674,"children":3675,"page":59},"Tailwind","\u002Ftailwind","21.tailwind",[3676,3680,3684,3688,3692,3696,3700,3704,3708,3712,3716,3720],{"title":3677,"path":3678,"stem":3679},"Що таке Tailwind CSS і навіщо він потрібен","\u002Ftailwind\u002Ftailwind-intro-philosophy","21.tailwind\u002F01.tailwind-intro-philosophy",{"title":3681,"path":3682,"stem":3683},"Встановлення та налаштування Tailwind CSS v4","\u002Ftailwind\u002Ftailwind-installation-setup","21.tailwind\u002F02.tailwind-installation-setup",{"title":3685,"path":3686,"stem":3687},"Utility-класи: основи та система Tailwind","\u002Ftailwind\u002Ftailwind-utility-classes-core","21.tailwind\u002F03.tailwind-utility-classes-core",{"title":3689,"path":3690,"stem":3691},"Layout: Flexbox та Grid через Tailwind","\u002Ftailwind\u002Ftailwind-flexbox-grid","21.tailwind\u002F04.tailwind-flexbox-grid",{"title":3693,"path":3694,"stem":3695},"Кастомізація теми через @theme у Tailwind v4","\u002Ftailwind\u002Ftailwind-theme-customization","21.tailwind\u002F05.tailwind-theme-customization",{"title":3697,"path":3698,"stem":3699},"Варіанти: hover, focus, responsive, dark mode та нові v4","\u002Ftailwind\u002Ftailwind-variants-states","21.tailwind\u002F06.tailwind-variants-states",{"title":3701,"path":3702,"stem":3703},"Типографіка та система кольорів у Tailwind v4","\u002Ftailwind\u002Ftailwind-typography-colors","21.tailwind\u002F07.tailwind-typography-colors",{"title":3705,"path":3706,"stem":3707},"Компоненти та повторюваність: @apply, @utility та патерни","\u002Ftailwind\u002Ftailwind-components-patterns","21.tailwind\u002F08.tailwind-components-patterns",{"title":3709,"path":3710,"stem":3711},"Темна тема та система дизайн-токенів у Tailwind v4","\u002Ftailwind\u002Ftailwind-dark-mode-theming","21.tailwind\u002F09.tailwind-dark-mode-theming",{"title":3713,"path":3714,"stem":3715},"Довільні значення та контейнерні запити у Tailwind v4","\u002Ftailwind\u002Ftailwind-arbitrary-container-queries","21.tailwind\u002F10.tailwind-arbitrary-container-queries",{"title":3717,"path":3718,"stem":3719},"Анімації, трансформації та 3D у Tailwind v4","\u002Ftailwind\u002Ftailwind-animations-transforms","21.tailwind\u002F11.tailwind-animations-transforms",{"title":3721,"path":3722,"stem":3723},"Tailwind CLI, PostCSS та інтеграція з фреймворками","\u002Ftailwind\u002Ftailwind-cli-tooling","21.tailwind\u002F12.tailwind-cli-tooling",{"title":3725,"path":3726,"stem":3727},"Тестування компонентів діаграм","\u002Ftest-components","98.test-components",{"id":3729,"title":3652,"body":3730,"description":16384,"extension":16385,"links":16386,"meta":16387,"navigation":3917,"path":3653,"seo":16388,"stem":3654,"__hash__":16389},"docs\u002F18.web-development\u002F04.typescript-advanced\u002F02.generics-fundamentals.md",{"type":3731,"value":3732,"toc":16327},"minimark",[3733,3737,3823,3826,3831,3835,3978,3981,4080,4083,4287,4311,4316,4323,4553,4573,4577,4587,4823,4826,4843,4845,4849,4862,4904,4933,4937,4943,5080,5094,5098,5112,5289,5304,5334,5338,5341,5542,5548,5739,5741,5745,5758,5762,5765,6120,6141,6145,6148,6455,6475,6492,6496,6499,6768,6771,6773,6777,6780,6784,7270,7290,7294,7299,7492,7498,7526,7530,7533,8031,8053,8067,8069,8073,8086,8090,8093,8150,8174,8178,8186,8359,8380,8405,8409,8412,8515,8518,8671,8675,8678,8864,8893,9037,9039,9043,9047,9848,9879,9895,9899,10699,10722,10726,11677,11697,11699,11703,11709,12006,12017,12027,12029,12033,12037,12171,12186,12196,12328,12332,12450,12464,12469,12625,12629,12734,12739,12763,12766,12768,12772,12775,12784,12790,12856,12868,12874,13032,13041,13046,13053,13236,13248,13252,13262,13387,13394,13400,13410,13648,13657,13659,13663,13666,14702,14706,14761,14768,14777,14779,14783,14786,14790,14891,14900,14904,15013,15016,15020,15158,15161,15167,15169,15173,15180,15184,15245,15249,15352,15362,15364,16323],[3734,3735,3652],"h1",{"id":3736},"основи-generic-типів",[3738,3739,3740,3776],"card-group",{},[3741,3742,3745],"card",{"icon":3743,"title":3744},"i-lucide-target","🎯 Мета розділу",[3746,3747,3748,3752,3760,3763,3770,3773],"ul",{},[3749,3750,3751],"li",{},"Зрозуміти проблему дублювання коду при роботі з різними типами та необхідність параметризації.",[3749,3753,3754,3755,3759],{},"Опанувати синтаксис generic типів через кутові дужки ",[3756,3757,3758],"code",{},"\u003CT>"," та конвенції іменування типових параметрів.",[3749,3761,3762],{},"Навчитися створювати generic функції, класи та інтерфейси для повторно використовуваного коду.",[3749,3764,3765,3766,3769],{},"Застосовувати constraints (обмеження) через ",[3756,3767,3768],{},"extends"," для забезпечення мінімальних вимог до типових параметрів.",[3749,3771,3772],{},"Розуміти механізм type inference для generics та коли потрібно явно вказувати типові аргументи.",[3749,3774,3775],{},"Використовувати generic типи для побудови типобезпечних колекцій, утилітних функцій та API.",[3741,3777,3780],{"icon":3778,"title":3779},"i-lucide-key","🔑 Ключові терміни",[3746,3781,3782,3789,3798,3808,3817],{},[3749,3783,3784,3788],{},[3785,3786,3787],"strong",{},"Generics (Узагальнені типи):"," механізм параметризації типів, що дозволяє писати код, який працює з різними типами без втрати типобезпеки.",[3749,3790,3791,3794,3795,3797],{},[3785,3792,3793],{},"Type Parameter (Типовий параметр):"," змінна типу, що оголошується у кутових дужках ",[3756,3796,3758],{}," та замінюється конкретним типом при використанні.",[3749,3799,3800,3803,3804,3807],{},[3785,3801,3802],{},"Type Argument (Типовий аргумент):"," конкретний тип, що передається у generic конструкцію при виклику ",[3756,3805,3806],{},"Array\u003Cnumber>",".",[3749,3809,3810,3813,3814,3816],{},[3785,3811,3812],{},"Constraint (Обмеження):"," вимога до типового параметра через ",[3756,3815,3768],{},", що гарантує наявність певних властивостей або методів.",[3749,3818,3819,3822],{},[3785,3820,3821],{},"Type Inference (Виведення типу):"," автоматичне визначення типових аргументів компілятором на основі контексту виклику.",[3824,3825],"hr",{},[3827,3828,3830],"h2",{"id":3829},"проблема-дублювання-коду-мотивація-для-generics","Проблема дублювання коду: мотивація для generics",[3832,3833,3834],"p",{},"Припустимо, ви пишете функцію, що повертає перший елемент масиву. Спочатку працюємо з масивом чисел:",[3836,3837,3842],"pre",{"className":3838,"code":3839,"language":3840,"meta":3841,"style":3841},"language-typescript shiki shiki-themes light-plus dark-plus dark-plus","function getFirstNumber(items: number[]): number | undefined {\n  return items[0];\n}\n\nconst firstNum = getFirstNumber([10, 20, 30]);\nconsole.log(firstNum);  \u002F\u002F 10\n","typescript","",[3756,3843,3844,3886,3906,3912,3919,3955],{"__ignoreMap":3841},[3845,3846,3849,3853,3857,3861,3865,3868,3872,3875,3877,3880,3883],"span",{"class":3847,"line":3848},"line",1,[3845,3850,3852],{"class":3851},"su1O8","function",[3845,3854,3856],{"class":3855},"s8Opu"," getFirstNumber",[3845,3858,3860],{"class":3859},"sHH4Y","(",[3845,3862,3864],{"class":3863},"siwwj","items",[3845,3866,3867],{"class":3859},": ",[3845,3869,3871],{"class":3870},"sN1BT","number",[3845,3873,3874],{"class":3859},"[]): ",[3845,3876,3871],{"class":3870},[3845,3878,3879],{"class":3859}," | ",[3845,3881,3882],{"class":3870},"undefined",[3845,3884,3885],{"class":3859}," {\n",[3845,3887,3889,3893,3896,3899,3903],{"class":3847,"line":3888},2,[3845,3890,3892],{"class":3891},"s8xlr","  return",[3845,3894,3895],{"class":3863}," items",[3845,3897,3898],{"class":3859},"[",[3845,3900,3902],{"class":3901},"sJj4R","0",[3845,3904,3905],{"class":3859},"];\n",[3845,3907,3909],{"class":3847,"line":3908},3,[3845,3910,3911],{"class":3859},"}\n",[3845,3913,3915],{"class":3847,"line":3914},4,[3845,3916,3918],{"emptyLinePlaceholder":3917},true,"\n",[3845,3920,3922,3925,3929,3932,3935,3938,3941,3944,3947,3949,3952],{"class":3847,"line":3921},5,[3845,3923,3924],{"class":3851},"const",[3845,3926,3928],{"class":3927},"s-QsJ"," firstNum",[3845,3930,3931],{"class":3859}," = ",[3845,3933,3934],{"class":3855},"getFirstNumber",[3845,3936,3937],{"class":3859},"([",[3845,3939,3940],{"class":3901},"10",[3845,3942,3943],{"class":3859},", ",[3845,3945,3946],{"class":3901},"20",[3845,3948,3943],{"class":3859},[3845,3950,3951],{"class":3901},"30",[3845,3953,3954],{"class":3859},"]);\n",[3845,3956,3958,3961,3963,3966,3968,3971,3974],{"class":3847,"line":3957},6,[3845,3959,3960],{"class":3863},"console",[3845,3962,3807],{"class":3859},[3845,3964,3965],{"class":3855},"log",[3845,3967,3860],{"class":3859},[3845,3969,3970],{"class":3863},"firstNum",[3845,3972,3973],{"class":3859},");  ",[3845,3975,3977],{"class":3976},"spJ8K","\u002F\u002F 10\n",[3832,3979,3980],{},"Функція працює, але лише для чисел. Що, якщо потрібна аналогічна функція для рядків?",[3836,3982,3984],{"className":3838,"code":3983,"language":3840,"meta":3841,"style":3841},"function getFirstString(items: string[]): string | undefined {\n  return items[0];\n}\n\nconst firstStr = getFirstString(['TypeScript', 'JavaScript', 'Python']);\nconsole.log(firstStr);  \u002F\u002F \"TypeScript\"\n",[3756,3985,3986,4012,4024,4028,4032,4062],{"__ignoreMap":3841},[3845,3987,3988,3990,3993,3995,3997,3999,4002,4004,4006,4008,4010],{"class":3847,"line":3848},[3845,3989,3852],{"class":3851},[3845,3991,3992],{"class":3855}," getFirstString",[3845,3994,3860],{"class":3859},[3845,3996,3864],{"class":3863},[3845,3998,3867],{"class":3859},[3845,4000,4001],{"class":3870},"string",[3845,4003,3874],{"class":3859},[3845,4005,4001],{"class":3870},[3845,4007,3879],{"class":3859},[3845,4009,3882],{"class":3870},[3845,4011,3885],{"class":3859},[3845,4013,4014,4016,4018,4020,4022],{"class":3847,"line":3888},[3845,4015,3892],{"class":3891},[3845,4017,3895],{"class":3863},[3845,4019,3898],{"class":3859},[3845,4021,3902],{"class":3901},[3845,4023,3905],{"class":3859},[3845,4025,4026],{"class":3847,"line":3908},[3845,4027,3911],{"class":3859},[3845,4029,4030],{"class":3847,"line":3914},[3845,4031,3918],{"emptyLinePlaceholder":3917},[3845,4033,4034,4036,4039,4041,4044,4046,4050,4052,4055,4057,4060],{"class":3847,"line":3921},[3845,4035,3924],{"class":3851},[3845,4037,4038],{"class":3927}," firstStr",[3845,4040,3931],{"class":3859},[3845,4042,4043],{"class":3855},"getFirstString",[3845,4045,3937],{"class":3859},[3845,4047,4049],{"class":4048},"sbdoH","'TypeScript'",[3845,4051,3943],{"class":3859},[3845,4053,4054],{"class":4048},"'JavaScript'",[3845,4056,3943],{"class":3859},[3845,4058,4059],{"class":4048},"'Python'",[3845,4061,3954],{"class":3859},[3845,4063,4064,4066,4068,4070,4072,4075,4077],{"class":3847,"line":3957},[3845,4065,3960],{"class":3863},[3845,4067,3807],{"class":3859},[3845,4069,3965],{"class":3855},[3845,4071,3860],{"class":3859},[3845,4073,4074],{"class":3863},"firstStr",[3845,4076,3973],{"class":3859},[3845,4078,4079],{"class":3976},"\u002F\u002F \"TypeScript\"\n",[3832,4081,4082],{},"А тепер для об'єктів користувачів:",[3836,4084,4086],{"className":3838,"code":4085,"language":3840,"meta":3841,"style":3841},"interface User {\n  id: string;\n  name: string;\n}\n\nfunction getFirstUser(items: User[]): User | undefined {\n  return items[0];\n}\n\nconst users: User[] = [\n  { id: 'user-1', name: 'Олександр' },\n  { id: 'user-2', name: 'Марія' }\n];\nconst firstUser = getFirstUser(users);\nconsole.log(firstUser?.name);  \u002F\u002F \"Олександр\"\n",[3756,4087,4088,4098,4110,4121,4125,4129,4155,4168,4173,4178,4193,4216,4236,4241,4262],{"__ignoreMap":3841},[3845,4089,4090,4093,4096],{"class":3847,"line":3848},[3845,4091,4092],{"class":3851},"interface",[3845,4094,4095],{"class":3870}," User",[3845,4097,3885],{"class":3859},[3845,4099,4100,4103,4105,4107],{"class":3847,"line":3888},[3845,4101,4102],{"class":3863},"  id",[3845,4104,3867],{"class":3859},[3845,4106,4001],{"class":3870},[3845,4108,4109],{"class":3859},";\n",[3845,4111,4112,4115,4117,4119],{"class":3847,"line":3908},[3845,4113,4114],{"class":3863},"  name",[3845,4116,3867],{"class":3859},[3845,4118,4001],{"class":3870},[3845,4120,4109],{"class":3859},[3845,4122,4123],{"class":3847,"line":3914},[3845,4124,3911],{"class":3859},[3845,4126,4127],{"class":3847,"line":3921},[3845,4128,3918],{"emptyLinePlaceholder":3917},[3845,4130,4131,4133,4136,4138,4140,4142,4145,4147,4149,4151,4153],{"class":3847,"line":3957},[3845,4132,3852],{"class":3851},[3845,4134,4135],{"class":3855}," getFirstUser",[3845,4137,3860],{"class":3859},[3845,4139,3864],{"class":3863},[3845,4141,3867],{"class":3859},[3845,4143,4144],{"class":3870},"User",[3845,4146,3874],{"class":3859},[3845,4148,4144],{"class":3870},[3845,4150,3879],{"class":3859},[3845,4152,3882],{"class":3870},[3845,4154,3885],{"class":3859},[3845,4156,4158,4160,4162,4164,4166],{"class":3847,"line":4157},7,[3845,4159,3892],{"class":3891},[3845,4161,3895],{"class":3863},[3845,4163,3898],{"class":3859},[3845,4165,3902],{"class":3901},[3845,4167,3905],{"class":3859},[3845,4169,4171],{"class":3847,"line":4170},8,[3845,4172,3911],{"class":3859},[3845,4174,4176],{"class":3847,"line":4175},9,[3845,4177,3918],{"emptyLinePlaceholder":3917},[3845,4179,4181,4183,4186,4188,4190],{"class":3847,"line":4180},10,[3845,4182,3924],{"class":3851},[3845,4184,4185],{"class":3927}," users",[3845,4187,3867],{"class":3859},[3845,4189,4144],{"class":3870},[3845,4191,4192],{"class":3859},"[] = [\n",[3845,4194,4196,4199,4202,4205,4207,4210,4213],{"class":3847,"line":4195},11,[3845,4197,4198],{"class":3859},"  { ",[3845,4200,4201],{"class":3863},"id:",[3845,4203,4204],{"class":4048}," 'user-1'",[3845,4206,3943],{"class":3859},[3845,4208,4209],{"class":3863},"name:",[3845,4211,4212],{"class":4048}," 'Олександр'",[3845,4214,4215],{"class":3859}," },\n",[3845,4217,4219,4221,4223,4226,4228,4230,4233],{"class":3847,"line":4218},12,[3845,4220,4198],{"class":3859},[3845,4222,4201],{"class":3863},[3845,4224,4225],{"class":4048}," 'user-2'",[3845,4227,3943],{"class":3859},[3845,4229,4209],{"class":3863},[3845,4231,4232],{"class":4048}," 'Марія'",[3845,4234,4235],{"class":3859}," }\n",[3845,4237,4239],{"class":3847,"line":4238},13,[3845,4240,3905],{"class":3859},[3845,4242,4244,4246,4249,4251,4254,4256,4259],{"class":3847,"line":4243},14,[3845,4245,3924],{"class":3851},[3845,4247,4248],{"class":3927}," firstUser",[3845,4250,3931],{"class":3859},[3845,4252,4253],{"class":3855},"getFirstUser",[3845,4255,3860],{"class":3859},[3845,4257,4258],{"class":3863},"users",[3845,4260,4261],{"class":3859},");\n",[3845,4263,4265,4267,4269,4271,4273,4276,4279,4282,4284],{"class":3847,"line":4264},15,[3845,4266,3960],{"class":3863},[3845,4268,3807],{"class":3859},[3845,4270,3965],{"class":3855},[3845,4272,3860],{"class":3859},[3845,4274,4275],{"class":3863},"firstUser",[3845,4277,4278],{"class":3859},"?.",[3845,4280,4281],{"class":3863},"name",[3845,4283,3973],{"class":3859},[3845,4285,4286],{"class":3976},"\u002F\u002F \"Олександр\"\n",[3832,4288,4289,4290,4293,4294,4297,4298,4301,4302,4306,4307,4310],{},"Ми щойно написали ",[3785,4291,4292],{},"три ідентичні функції",", що відрізняються лише типами. Логіка однакова: ",[3756,4295,4296],{},"return items[0]",". Це класичний приклад ",[3785,4299,4300],{},"дублювання коду"," (",[4303,4304,4305],"em",{},"code duplication","), що порушує принцип DRY (",[4303,4308,4309],{},"Don't Repeat Yourself",").",[4312,4313,4315],"h3",{"id":4314},"спроба-вирішення-через-any-втрата-типобезпеки","Спроба вирішення через any: втрата типобезпеки",[3832,4317,4318,4319,4322],{},"Можна спробувати об'єднати всі три функції через тип ",[3756,4320,4321],{},"any",":",[3836,4324,4326],{"className":3838,"code":4325,"language":3840,"meta":3841,"style":3841},"function getFirst(items: any[]): any {\n  return items[0];\n}\n\nconst num = getFirst([10, 20, 30]);\nconst str = getFirst(['a', 'b', 'c']);\nconst user = getFirst(users);\n\n\u002F\u002F ❌ Проблема: TypeScript не знає реальних типів\nconsole.log(num.toFixed(2));      \u002F\u002F OK у runtime, але без перевірки типів\nconsole.log(str.toUpperCase());   \u002F\u002F OK у runtime, але без перевірки типів\nconsole.log(user.name);           \u002F\u002F OK у runtime, але без перевірки типів\n\n\u002F\u002F ❌ Помилки не виявляються:\nconsole.log(num.toUpperCase());   \u002F\u002F Runtime Error, але компілятор не попереджує\n",[3756,4327,4328,4349,4361,4365,4369,4395,4423,4440,4444,4449,4478,4501,4523,4527,4532],{"__ignoreMap":3841},[3845,4329,4330,4332,4335,4337,4339,4341,4343,4345,4347],{"class":3847,"line":3848},[3845,4331,3852],{"class":3851},[3845,4333,4334],{"class":3855}," getFirst",[3845,4336,3860],{"class":3859},[3845,4338,3864],{"class":3863},[3845,4340,3867],{"class":3859},[3845,4342,4321],{"class":3870},[3845,4344,3874],{"class":3859},[3845,4346,4321],{"class":3870},[3845,4348,3885],{"class":3859},[3845,4350,4351,4353,4355,4357,4359],{"class":3847,"line":3888},[3845,4352,3892],{"class":3891},[3845,4354,3895],{"class":3863},[3845,4356,3898],{"class":3859},[3845,4358,3902],{"class":3901},[3845,4360,3905],{"class":3859},[3845,4362,4363],{"class":3847,"line":3908},[3845,4364,3911],{"class":3859},[3845,4366,4367],{"class":3847,"line":3914},[3845,4368,3918],{"emptyLinePlaceholder":3917},[3845,4370,4371,4373,4376,4378,4381,4383,4385,4387,4389,4391,4393],{"class":3847,"line":3921},[3845,4372,3924],{"class":3851},[3845,4374,4375],{"class":3927}," num",[3845,4377,3931],{"class":3859},[3845,4379,4380],{"class":3855},"getFirst",[3845,4382,3937],{"class":3859},[3845,4384,3940],{"class":3901},[3845,4386,3943],{"class":3859},[3845,4388,3946],{"class":3901},[3845,4390,3943],{"class":3859},[3845,4392,3951],{"class":3901},[3845,4394,3954],{"class":3859},[3845,4396,4397,4399,4402,4404,4406,4408,4411,4413,4416,4418,4421],{"class":3847,"line":3957},[3845,4398,3924],{"class":3851},[3845,4400,4401],{"class":3927}," str",[3845,4403,3931],{"class":3859},[3845,4405,4380],{"class":3855},[3845,4407,3937],{"class":3859},[3845,4409,4410],{"class":4048},"'a'",[3845,4412,3943],{"class":3859},[3845,4414,4415],{"class":4048},"'b'",[3845,4417,3943],{"class":3859},[3845,4419,4420],{"class":4048},"'c'",[3845,4422,3954],{"class":3859},[3845,4424,4425,4427,4430,4432,4434,4436,4438],{"class":3847,"line":4157},[3845,4426,3924],{"class":3851},[3845,4428,4429],{"class":3927}," user",[3845,4431,3931],{"class":3859},[3845,4433,4380],{"class":3855},[3845,4435,3860],{"class":3859},[3845,4437,4258],{"class":3863},[3845,4439,4261],{"class":3859},[3845,4441,4442],{"class":3847,"line":4170},[3845,4443,3918],{"emptyLinePlaceholder":3917},[3845,4445,4446],{"class":3847,"line":4175},[3845,4447,4448],{"class":3976},"\u002F\u002F ❌ Проблема: TypeScript не знає реальних типів\n",[3845,4450,4451,4453,4455,4457,4459,4462,4464,4467,4469,4472,4475],{"class":3847,"line":4180},[3845,4452,3960],{"class":3863},[3845,4454,3807],{"class":3859},[3845,4456,3965],{"class":3855},[3845,4458,3860],{"class":3859},[3845,4460,4461],{"class":3863},"num",[3845,4463,3807],{"class":3859},[3845,4465,4466],{"class":3855},"toFixed",[3845,4468,3860],{"class":3859},[3845,4470,4471],{"class":3901},"2",[3845,4473,4474],{"class":3859},"));      ",[3845,4476,4477],{"class":3976},"\u002F\u002F OK у runtime, але без перевірки типів\n",[3845,4479,4480,4482,4484,4486,4488,4491,4493,4496,4499],{"class":3847,"line":4195},[3845,4481,3960],{"class":3863},[3845,4483,3807],{"class":3859},[3845,4485,3965],{"class":3855},[3845,4487,3860],{"class":3859},[3845,4489,4490],{"class":3863},"str",[3845,4492,3807],{"class":3859},[3845,4494,4495],{"class":3855},"toUpperCase",[3845,4497,4498],{"class":3859},"());   ",[3845,4500,4477],{"class":3976},[3845,4502,4503,4505,4507,4509,4511,4514,4516,4518,4521],{"class":3847,"line":4218},[3845,4504,3960],{"class":3863},[3845,4506,3807],{"class":3859},[3845,4508,3965],{"class":3855},[3845,4510,3860],{"class":3859},[3845,4512,4513],{"class":3863},"user",[3845,4515,3807],{"class":3859},[3845,4517,4281],{"class":3863},[3845,4519,4520],{"class":3859},");           ",[3845,4522,4477],{"class":3976},[3845,4524,4525],{"class":3847,"line":4238},[3845,4526,3918],{"emptyLinePlaceholder":3917},[3845,4528,4529],{"class":3847,"line":4243},[3845,4530,4531],{"class":3976},"\u002F\u002F ❌ Помилки не виявляються:\n",[3845,4533,4534,4536,4538,4540,4542,4544,4546,4548,4550],{"class":3847,"line":4264},[3845,4535,3960],{"class":3863},[3845,4537,3807],{"class":3859},[3845,4539,3965],{"class":3855},[3845,4541,3860],{"class":3859},[3845,4543,4461],{"class":3863},[3845,4545,3807],{"class":3859},[3845,4547,4495],{"class":3855},[3845,4549,4498],{"class":3859},[3845,4551,4552],{"class":3976},"\u002F\u002F Runtime Error, але компілятор не попереджує\n",[3832,4554,4555,4556,4559,4560,4563,4564,4566,4567,4563,4570,4572],{},"Функція стала універсальною, але ",[3785,4557,4558],{},"втратила типобезпеку",": компілятор не знає, що ",[3756,4561,4562],{},"getFirst([10, 20])"," повертає ",[3756,4565,3871],{},", а ",[3756,4568,4569],{},"getFirst(['a', 'b'])",[3756,4571,4001],{},". Ми втратили головну перевагу TypeScript — статичну перевірку типів.",[4312,4574,4576],{"id":4575},"рішення-через-generics-type-safe-універсальність","Рішення через generics: type-safe універсальність",[3832,4578,4579,4582,4583,4586],{},[3785,4580,4581],{},"Generics"," вирішують цю дилему, дозволяючи написати ",[3785,4584,4585],{},"одну універсальну функцію",", що зберігає інформацію про типи:",[3836,4588,4590],{"className":3838,"code":4589,"language":3840,"meta":3841,"style":3841},"function getFirst\u003CT>(items: T[]): T | undefined {\n  return items[0];\n}\n\nconst num = getFirst\u003Cnumber>([10, 20, 30]);       \u002F\u002F num: number | undefined\nconst str = getFirst\u003Cstring>(['a', 'b', 'c']);    \u002F\u002F str: string | undefined\nconst user = getFirst\u003CUser>(users);               \u002F\u002F user: User | undefined\n\nconsole.log(num?.toFixed(2));       \u002F\u002F ✅ OK: TypeScript знає, що num — number\nconsole.log(str?.toUpperCase());    \u002F\u002F ✅ OK: TypeScript знає, що str — string\nconsole.log(user?.name);            \u002F\u002F ✅ OK: TypeScript знає, що user — User\n\n\u002F\u002F ❌ Компілятор ловить помилки:\n\u002F\u002F console.log(num?.toUpperCase()); \u002F\u002F Error: Property 'toUpperCase' does not exist on type 'number'\n",[3756,4591,4592,4623,4635,4639,4643,4676,4708,4732,4736,4762,4784,4806,4810,4815],{"__ignoreMap":3841},[3845,4593,4594,4596,4598,4601,4604,4607,4609,4611,4613,4615,4617,4619,4621],{"class":3847,"line":3848},[3845,4595,3852],{"class":3851},[3845,4597,4334],{"class":3855},[3845,4599,4600],{"class":3859},"\u003C",[3845,4602,4603],{"class":3870},"T",[3845,4605,4606],{"class":3859},">(",[3845,4608,3864],{"class":3863},[3845,4610,3867],{"class":3859},[3845,4612,4603],{"class":3870},[3845,4614,3874],{"class":3859},[3845,4616,4603],{"class":3870},[3845,4618,3879],{"class":3859},[3845,4620,3882],{"class":3870},[3845,4622,3885],{"class":3859},[3845,4624,4625,4627,4629,4631,4633],{"class":3847,"line":3888},[3845,4626,3892],{"class":3891},[3845,4628,3895],{"class":3863},[3845,4630,3898],{"class":3859},[3845,4632,3902],{"class":3901},[3845,4634,3905],{"class":3859},[3845,4636,4637],{"class":3847,"line":3908},[3845,4638,3911],{"class":3859},[3845,4640,4641],{"class":3847,"line":3914},[3845,4642,3918],{"emptyLinePlaceholder":3917},[3845,4644,4645,4647,4649,4651,4653,4655,4657,4660,4662,4664,4666,4668,4670,4673],{"class":3847,"line":3921},[3845,4646,3924],{"class":3851},[3845,4648,4375],{"class":3927},[3845,4650,3931],{"class":3859},[3845,4652,4380],{"class":3855},[3845,4654,4600],{"class":3859},[3845,4656,3871],{"class":3870},[3845,4658,4659],{"class":3859},">([",[3845,4661,3940],{"class":3901},[3845,4663,3943],{"class":3859},[3845,4665,3946],{"class":3901},[3845,4667,3943],{"class":3859},[3845,4669,3951],{"class":3901},[3845,4671,4672],{"class":3859},"]);       ",[3845,4674,4675],{"class":3976},"\u002F\u002F num: number | undefined\n",[3845,4677,4678,4680,4682,4684,4686,4688,4690,4692,4694,4696,4698,4700,4702,4705],{"class":3847,"line":3957},[3845,4679,3924],{"class":3851},[3845,4681,4401],{"class":3927},[3845,4683,3931],{"class":3859},[3845,4685,4380],{"class":3855},[3845,4687,4600],{"class":3859},[3845,4689,4001],{"class":3870},[3845,4691,4659],{"class":3859},[3845,4693,4410],{"class":4048},[3845,4695,3943],{"class":3859},[3845,4697,4415],{"class":4048},[3845,4699,3943],{"class":3859},[3845,4701,4420],{"class":4048},[3845,4703,4704],{"class":3859},"]);    ",[3845,4706,4707],{"class":3976},"\u002F\u002F str: string | undefined\n",[3845,4709,4710,4712,4714,4716,4718,4720,4722,4724,4726,4729],{"class":3847,"line":4157},[3845,4711,3924],{"class":3851},[3845,4713,4429],{"class":3927},[3845,4715,3931],{"class":3859},[3845,4717,4380],{"class":3855},[3845,4719,4600],{"class":3859},[3845,4721,4144],{"class":3870},[3845,4723,4606],{"class":3859},[3845,4725,4258],{"class":3863},[3845,4727,4728],{"class":3859},");               ",[3845,4730,4731],{"class":3976},"\u002F\u002F user: User | undefined\n",[3845,4733,4734],{"class":3847,"line":4170},[3845,4735,3918],{"emptyLinePlaceholder":3917},[3845,4737,4738,4740,4742,4744,4746,4748,4750,4752,4754,4756,4759],{"class":3847,"line":4175},[3845,4739,3960],{"class":3863},[3845,4741,3807],{"class":3859},[3845,4743,3965],{"class":3855},[3845,4745,3860],{"class":3859},[3845,4747,4461],{"class":3863},[3845,4749,4278],{"class":3859},[3845,4751,4466],{"class":3855},[3845,4753,3860],{"class":3859},[3845,4755,4471],{"class":3901},[3845,4757,4758],{"class":3859},"));       ",[3845,4760,4761],{"class":3976},"\u002F\u002F ✅ OK: TypeScript знає, що num — number\n",[3845,4763,4764,4766,4768,4770,4772,4774,4776,4778,4781],{"class":3847,"line":4180},[3845,4765,3960],{"class":3863},[3845,4767,3807],{"class":3859},[3845,4769,3965],{"class":3855},[3845,4771,3860],{"class":3859},[3845,4773,4490],{"class":3863},[3845,4775,4278],{"class":3859},[3845,4777,4495],{"class":3855},[3845,4779,4780],{"class":3859},"());    ",[3845,4782,4783],{"class":3976},"\u002F\u002F ✅ OK: TypeScript знає, що str — string\n",[3845,4785,4786,4788,4790,4792,4794,4796,4798,4800,4803],{"class":3847,"line":4195},[3845,4787,3960],{"class":3863},[3845,4789,3807],{"class":3859},[3845,4791,3965],{"class":3855},[3845,4793,3860],{"class":3859},[3845,4795,4513],{"class":3863},[3845,4797,4278],{"class":3859},[3845,4799,4281],{"class":3863},[3845,4801,4802],{"class":3859},");            ",[3845,4804,4805],{"class":3976},"\u002F\u002F ✅ OK: TypeScript знає, що user — User\n",[3845,4807,4808],{"class":3847,"line":4218},[3845,4809,3918],{"emptyLinePlaceholder":3917},[3845,4811,4812],{"class":3847,"line":4238},[3845,4813,4814],{"class":3976},"\u002F\u002F ❌ Компілятор ловить помилки:\n",[3845,4816,4817,4820],{"class":3847,"line":4243},[3845,4818,4819],{"class":3976},"\u002F\u002F console.log(num?.toUpperCase());",[3845,4821,4822],{"class":3976}," \u002F\u002F Error: Property 'toUpperCase' does not exist on type 'number'\n",[3832,4824,4825],{},"Одна функція, три виклики з різними типами, повна типобезпека. Це сила generics.",[4827,4828,4829,4832,4833,4836,4837,4840,4841,3807],"note",{},[3785,4830,4831],{},"Generic тип"," — це \"шаблон типу\" або \"функція на рівні типів\". Так само, як звичайна функція приймає значення як параметри та повертає результат, generic конструкція приймає ",[3785,4834,4835],{},"типи"," як параметри та \"повертає\" типізовану структуру. ",[3756,4838,4839],{},"getFirst\u003Cnumber>"," — це виклик generic функції з типовим аргументом ",[3756,4842,3871],{},[3824,4844],{},[3827,4846,4848],{"id":4847},"синтаксис-generic-функцій-типові-параметри","Синтаксис generic функцій: типові параметри",[3832,4850,4851,4852,4301,4855,4858,4859,4861],{},"Generic функція оголошується через ",[3785,4853,4854],{},"типовий параметр",[4303,4856,4857],{},"type parameter",") у кутових дужках ",[3756,4860,3758],{}," між іменем функції та списком параметрів:",[3836,4863,4865],{"className":3838,"code":4864,"language":3840,"meta":3841,"style":3841},"function functionName\u003CTypeParameter>(param: TypeParameter): TypeParameter {\n  \u002F\u002F тіло функції\n}\n",[3756,4866,4867,4895,4900],{"__ignoreMap":3841},[3845,4868,4869,4871,4874,4876,4879,4881,4884,4886,4888,4891,4893],{"class":3847,"line":3848},[3845,4870,3852],{"class":3851},[3845,4872,4873],{"class":3855}," functionName",[3845,4875,4600],{"class":3859},[3845,4877,4878],{"class":3870},"TypeParameter",[3845,4880,4606],{"class":3859},[3845,4882,4883],{"class":3863},"param",[3845,4885,3867],{"class":3859},[3845,4887,4878],{"class":3870},[3845,4889,4890],{"class":3859},"): ",[3845,4892,4878],{"class":3870},[3845,4894,3885],{"class":3859},[3845,4896,4897],{"class":3847,"line":3888},[3845,4898,4899],{"class":3976},"  \u002F\u002F тіло функції\n",[3845,4901,4902],{"class":3847,"line":3908},[3845,4903,3911],{"class":3859},[3832,4905,4906,4907,4909,4910,4913,4914,4916,4917,3943,4920,4923,4924,3943,4927,3943,4930,3807],{},"Типовий параметр ",[3756,4908,4878],{}," — це ",[3785,4911,4912],{},"змінна типу",", яка може бути замінена будь-яким конкретним типом при виклику функції. За конвенцією використовуються однолітерні імена з великої літери: ",[3756,4915,4603],{}," (Type), ",[3756,4918,4919],{},"U",[3756,4921,4922],{},"V"," для додаткових параметрів, або більш описові імена: ",[3756,4925,4926],{},"TKey",[3756,4928,4929],{},"TValue",[3756,4931,4932],{},"TItem",[4312,4934,4936],{"id":4935},"базовий-приклад-identity-функція","Базовий приклад: identity функція",[3832,4938,4939,4942],{},[3785,4940,4941],{},"Identity функція"," — канонічний приклад generic функції. Вона просто повертає те, що отримала, але зберігаючи тип:",[3836,4944,4946],{"className":3838,"code":4945,"language":3840,"meta":3841,"style":3841},"function identity\u003CT>(value: T): T {\n  return value;\n}\n\nconst numIdentity = identity\u003Cnumber>(42);          \u002F\u002F numIdentity: number\nconst strIdentity = identity\u003Cstring>('Hello');     \u002F\u002F strIdentity: string\nconst objIdentity = identity\u003CUser>({ id: '1', name: 'Іван' });  \u002F\u002F objIdentity: User\n",[3756,4947,4948,4974,4983,4987,4991,5018,5044],{"__ignoreMap":3841},[3845,4949,4950,4952,4955,4957,4959,4961,4964,4966,4968,4970,4972],{"class":3847,"line":3848},[3845,4951,3852],{"class":3851},[3845,4953,4954],{"class":3855}," identity",[3845,4956,4600],{"class":3859},[3845,4958,4603],{"class":3870},[3845,4960,4606],{"class":3859},[3845,4962,4963],{"class":3863},"value",[3845,4965,3867],{"class":3859},[3845,4967,4603],{"class":3870},[3845,4969,4890],{"class":3859},[3845,4971,4603],{"class":3870},[3845,4973,3885],{"class":3859},[3845,4975,4976,4978,4981],{"class":3847,"line":3888},[3845,4977,3892],{"class":3891},[3845,4979,4980],{"class":3863}," value",[3845,4982,4109],{"class":3859},[3845,4984,4985],{"class":3847,"line":3908},[3845,4986,3911],{"class":3859},[3845,4988,4989],{"class":3847,"line":3914},[3845,4990,3918],{"emptyLinePlaceholder":3917},[3845,4992,4993,4995,4998,5000,5003,5005,5007,5009,5012,5015],{"class":3847,"line":3921},[3845,4994,3924],{"class":3851},[3845,4996,4997],{"class":3927}," numIdentity",[3845,4999,3931],{"class":3859},[3845,5001,5002],{"class":3855},"identity",[3845,5004,4600],{"class":3859},[3845,5006,3871],{"class":3870},[3845,5008,4606],{"class":3859},[3845,5010,5011],{"class":3901},"42",[3845,5013,5014],{"class":3859},");          ",[3845,5016,5017],{"class":3976},"\u002F\u002F numIdentity: number\n",[3845,5019,5020,5022,5025,5027,5029,5031,5033,5035,5038,5041],{"class":3847,"line":3957},[3845,5021,3924],{"class":3851},[3845,5023,5024],{"class":3927}," strIdentity",[3845,5026,3931],{"class":3859},[3845,5028,5002],{"class":3855},[3845,5030,4600],{"class":3859},[3845,5032,4001],{"class":3870},[3845,5034,4606],{"class":3859},[3845,5036,5037],{"class":4048},"'Hello'",[3845,5039,5040],{"class":3859},");     ",[3845,5042,5043],{"class":3976},"\u002F\u002F strIdentity: string\n",[3845,5045,5046,5048,5051,5053,5055,5057,5059,5062,5064,5067,5069,5071,5074,5077],{"class":3847,"line":4157},[3845,5047,3924],{"class":3851},[3845,5049,5050],{"class":3927}," objIdentity",[3845,5052,3931],{"class":3859},[3845,5054,5002],{"class":3855},[3845,5056,4600],{"class":3859},[3845,5058,4144],{"class":3870},[3845,5060,5061],{"class":3859},">({ ",[3845,5063,4201],{"class":3863},[3845,5065,5066],{"class":4048}," '1'",[3845,5068,3943],{"class":3859},[3845,5070,4209],{"class":3863},[3845,5072,5073],{"class":4048}," 'Іван'",[3845,5075,5076],{"class":3859}," });  ",[3845,5078,5079],{"class":3976},"\u002F\u002F objIdentity: User\n",[3832,5081,5082,5083,5086,5087,5090,5091,5093],{},"Хоча функція виглядає тривіально (",[3756,5084,5085],{},"return value","), вона демонструє ключову ідею: ",[3785,5088,5089],{},"тип вхідного значення зберігається у типі повернення",". Без generics довелося б або використовувати ",[3756,5092,4321],{}," (втрата типів), або писати окрему функцію для кожного типу (дублювання).",[4312,5095,5097],{"id":5096},"type-inference-автоматичне-виведення-типових-аргументів","Type inference: автоматичне виведення типових аргументів",[3832,5099,5100,5101,5104,5105,4301,5108,5111],{},"У попередніх прикладах ми явно вказували типовий аргумент: ",[3756,5102,5103],{},"getFirst\u003Cnumber>(...)",". Але TypeScript часто може ",[3785,5106,5107],{},"автоматично вивести",[4303,5109,5110],{},"infer",") типовий аргумент на основі переданих значень:",[3836,5113,5115],{"className":3838,"code":5114,"language":3840,"meta":3841,"style":3841},"function getFirst\u003CT>(items: T[]): T | undefined {\n  return items[0];\n}\n\n\u002F\u002F Явне вказання типу:\nconst num1 = getFirst\u003Cnumber>([10, 20, 30]);\n\n\u002F\u002F Type inference: TypeScript виводить T = number з типу масиву [10, 20, 30]\nconst num2 = getFirst([10, 20, 30]);  \u002F\u002F num2: number | undefined\n\n\u002F\u002F Inference працює для будь-яких типів:\nconst str = getFirst(['a', 'b']);     \u002F\u002F str: string | undefined\nconst user = getFirst(users);         \u002F\u002F user: User | undefined (якщо users має тип User[])\n",[3756,5116,5117,5145,5157,5161,5165,5170,5199,5203,5208,5237,5241,5246,5269],{"__ignoreMap":3841},[3845,5118,5119,5121,5123,5125,5127,5129,5131,5133,5135,5137,5139,5141,5143],{"class":3847,"line":3848},[3845,5120,3852],{"class":3851},[3845,5122,4334],{"class":3855},[3845,5124,4600],{"class":3859},[3845,5126,4603],{"class":3870},[3845,5128,4606],{"class":3859},[3845,5130,3864],{"class":3863},[3845,5132,3867],{"class":3859},[3845,5134,4603],{"class":3870},[3845,5136,3874],{"class":3859},[3845,5138,4603],{"class":3870},[3845,5140,3879],{"class":3859},[3845,5142,3882],{"class":3870},[3845,5144,3885],{"class":3859},[3845,5146,5147,5149,5151,5153,5155],{"class":3847,"line":3888},[3845,5148,3892],{"class":3891},[3845,5150,3895],{"class":3863},[3845,5152,3898],{"class":3859},[3845,5154,3902],{"class":3901},[3845,5156,3905],{"class":3859},[3845,5158,5159],{"class":3847,"line":3908},[3845,5160,3911],{"class":3859},[3845,5162,5163],{"class":3847,"line":3914},[3845,5164,3918],{"emptyLinePlaceholder":3917},[3845,5166,5167],{"class":3847,"line":3921},[3845,5168,5169],{"class":3976},"\u002F\u002F Явне вказання типу:\n",[3845,5171,5172,5174,5177,5179,5181,5183,5185,5187,5189,5191,5193,5195,5197],{"class":3847,"line":3957},[3845,5173,3924],{"class":3851},[3845,5175,5176],{"class":3927}," num1",[3845,5178,3931],{"class":3859},[3845,5180,4380],{"class":3855},[3845,5182,4600],{"class":3859},[3845,5184,3871],{"class":3870},[3845,5186,4659],{"class":3859},[3845,5188,3940],{"class":3901},[3845,5190,3943],{"class":3859},[3845,5192,3946],{"class":3901},[3845,5194,3943],{"class":3859},[3845,5196,3951],{"class":3901},[3845,5198,3954],{"class":3859},[3845,5200,5201],{"class":3847,"line":4157},[3845,5202,3918],{"emptyLinePlaceholder":3917},[3845,5204,5205],{"class":3847,"line":4170},[3845,5206,5207],{"class":3976},"\u002F\u002F Type inference: TypeScript виводить T = number з типу масиву [10, 20, 30]\n",[3845,5209,5210,5212,5215,5217,5219,5221,5223,5225,5227,5229,5231,5234],{"class":3847,"line":4175},[3845,5211,3924],{"class":3851},[3845,5213,5214],{"class":3927}," num2",[3845,5216,3931],{"class":3859},[3845,5218,4380],{"class":3855},[3845,5220,3937],{"class":3859},[3845,5222,3940],{"class":3901},[3845,5224,3943],{"class":3859},[3845,5226,3946],{"class":3901},[3845,5228,3943],{"class":3859},[3845,5230,3951],{"class":3901},[3845,5232,5233],{"class":3859},"]);  ",[3845,5235,5236],{"class":3976},"\u002F\u002F num2: number | undefined\n",[3845,5238,5239],{"class":3847,"line":4180},[3845,5240,3918],{"emptyLinePlaceholder":3917},[3845,5242,5243],{"class":3847,"line":4195},[3845,5244,5245],{"class":3976},"\u002F\u002F Inference працює для будь-яких типів:\n",[3845,5247,5248,5250,5252,5254,5256,5258,5260,5262,5264,5267],{"class":3847,"line":4218},[3845,5249,3924],{"class":3851},[3845,5251,4401],{"class":3927},[3845,5253,3931],{"class":3859},[3845,5255,4380],{"class":3855},[3845,5257,3937],{"class":3859},[3845,5259,4410],{"class":4048},[3845,5261,3943],{"class":3859},[3845,5263,4415],{"class":4048},[3845,5265,5266],{"class":3859},"]);     ",[3845,5268,4707],{"class":3976},[3845,5270,5271,5273,5275,5277,5279,5281,5283,5286],{"class":3847,"line":4238},[3845,5272,3924],{"class":3851},[3845,5274,4429],{"class":3927},[3845,5276,3931],{"class":3859},[3845,5278,4380],{"class":3855},[3845,5280,3860],{"class":3859},[3845,5282,4258],{"class":3863},[3845,5284,5285],{"class":3859},");         ",[3845,5287,5288],{"class":3976},"\u002F\u002F user: User | undefined (якщо users має тип User[])\n",[3832,5290,5291,5292,5295,5296,5299,5300,5303],{},"Компілятор аналізує аргументи функції: якщо передано ",[3756,5293,5294],{},"[10, 20, 30]",", він виводить тип масиву як ",[3756,5297,5298],{},"number[]",", отже ",[3756,5301,5302],{},"T = number",". Це робить код коротшим та зрозумілішим — явне вказання типу потрібне лише тоді, коли inference неможливий або дає неправильний результат.",[5305,5306,5307,5312],"tip",{},[3832,5308,5309],{},[3785,5310,5311],{},"Коли вказувати типовий аргумент явно:",[3746,5313,5314,5324,5331],{},[3749,5315,5316,5317,5320,5321,3807],{},"Коли передаєте порожній масив або значення, що не дозволяють однозначно визначити тип: ",[3756,5318,5319],{},"getFirst([])"," → TypeScript виведе ",[3756,5322,5323],{},"unknown[]",[3749,5325,5326,5327,5330],{},"Коли хочете звузити тип: ",[3756,5328,5329],{},"getFirst\u003Cstring | number>([...])"," явно обмежує тип, навіть якщо масив містить лише числа.",[3749,5332,5333],{},"Коли викликаєте функцію без аргументів, які б дали підказку про тип.",[4312,5335,5337],{"id":5336},"кілька-типових-параметрів","Кілька типових параметрів",[3832,5339,5340],{},"Функція може приймати кілька типових параметрів, розділених комою:",[3836,5342,5344],{"className":3838,"code":5343,"language":3840,"meta":3841,"style":3841},"function pair\u003CT, U>(first: T, second: U): [T, U] {\n  return [first, second];\n}\n\nconst numStr = pair\u003Cnumber, string>(42, 'answer');  \u002F\u002F numStr: [number, string]\nconst boolObj = pair(true, { x: 10 });              \u002F\u002F inference: [boolean, { x: number }]\n\nconsole.log(numStr[0].toFixed(2));   \u002F\u002F ✅ OK: TypeScript знає, що numStr[0] — number\nconsole.log(numStr[1].toUpperCase());\u002F\u002F ✅ OK: TypeScript знає, що numStr[1] — string\n",[3756,5345,5346,5391,5406,5410,5414,5448,5479,5483,5515],{"__ignoreMap":3841},[3845,5347,5348,5350,5353,5355,5357,5359,5361,5363,5366,5368,5370,5372,5375,5377,5379,5382,5384,5386,5388],{"class":3847,"line":3848},[3845,5349,3852],{"class":3851},[3845,5351,5352],{"class":3855}," pair",[3845,5354,4600],{"class":3859},[3845,5356,4603],{"class":3870},[3845,5358,3943],{"class":3859},[3845,5360,4919],{"class":3870},[3845,5362,4606],{"class":3859},[3845,5364,5365],{"class":3863},"first",[3845,5367,3867],{"class":3859},[3845,5369,4603],{"class":3870},[3845,5371,3943],{"class":3859},[3845,5373,5374],{"class":3863},"second",[3845,5376,3867],{"class":3859},[3845,5378,4919],{"class":3870},[3845,5380,5381],{"class":3859},"): [",[3845,5383,4603],{"class":3870},[3845,5385,3943],{"class":3859},[3845,5387,4919],{"class":3870},[3845,5389,5390],{"class":3859},"] {\n",[3845,5392,5393,5395,5398,5400,5402,5404],{"class":3847,"line":3888},[3845,5394,3892],{"class":3891},[3845,5396,5397],{"class":3859}," [",[3845,5399,5365],{"class":3863},[3845,5401,3943],{"class":3859},[3845,5403,5374],{"class":3863},[3845,5405,3905],{"class":3859},[3845,5407,5408],{"class":3847,"line":3908},[3845,5409,3911],{"class":3859},[3845,5411,5412],{"class":3847,"line":3914},[3845,5413,3918],{"emptyLinePlaceholder":3917},[3845,5415,5416,5418,5421,5423,5426,5428,5430,5432,5434,5436,5438,5440,5443,5445],{"class":3847,"line":3921},[3845,5417,3924],{"class":3851},[3845,5419,5420],{"class":3927}," numStr",[3845,5422,3931],{"class":3859},[3845,5424,5425],{"class":3855},"pair",[3845,5427,4600],{"class":3859},[3845,5429,3871],{"class":3870},[3845,5431,3943],{"class":3859},[3845,5433,4001],{"class":3870},[3845,5435,4606],{"class":3859},[3845,5437,5011],{"class":3901},[3845,5439,3943],{"class":3859},[3845,5441,5442],{"class":4048},"'answer'",[3845,5444,3973],{"class":3859},[3845,5446,5447],{"class":3976},"\u002F\u002F numStr: [number, string]\n",[3845,5449,5450,5452,5455,5457,5459,5461,5464,5467,5470,5473,5476],{"class":3847,"line":3957},[3845,5451,3924],{"class":3851},[3845,5453,5454],{"class":3927}," boolObj",[3845,5456,3931],{"class":3859},[3845,5458,5425],{"class":3855},[3845,5460,3860],{"class":3859},[3845,5462,5463],{"class":3851},"true",[3845,5465,5466],{"class":3859},", { ",[3845,5468,5469],{"class":3863},"x:",[3845,5471,5472],{"class":3901}," 10",[3845,5474,5475],{"class":3859}," });              ",[3845,5477,5478],{"class":3976},"\u002F\u002F inference: [boolean, { x: number }]\n",[3845,5480,5481],{"class":3847,"line":4157},[3845,5482,3918],{"emptyLinePlaceholder":3917},[3845,5484,5485,5487,5489,5491,5493,5496,5498,5500,5503,5505,5507,5509,5512],{"class":3847,"line":4170},[3845,5486,3960],{"class":3863},[3845,5488,3807],{"class":3859},[3845,5490,3965],{"class":3855},[3845,5492,3860],{"class":3859},[3845,5494,5495],{"class":3863},"numStr",[3845,5497,3898],{"class":3859},[3845,5499,3902],{"class":3901},[3845,5501,5502],{"class":3859},"].",[3845,5504,4466],{"class":3855},[3845,5506,3860],{"class":3859},[3845,5508,4471],{"class":3901},[3845,5510,5511],{"class":3859},"));   ",[3845,5513,5514],{"class":3976},"\u002F\u002F ✅ OK: TypeScript знає, що numStr[0] — number\n",[3845,5516,5517,5519,5521,5523,5525,5527,5529,5532,5534,5536,5539],{"class":3847,"line":4175},[3845,5518,3960],{"class":3863},[3845,5520,3807],{"class":3859},[3845,5522,3965],{"class":3855},[3845,5524,3860],{"class":3859},[3845,5526,5495],{"class":3863},[3845,5528,3898],{"class":3859},[3845,5530,5531],{"class":3901},"1",[3845,5533,5502],{"class":3859},[3845,5535,4495],{"class":3855},[3845,5537,5538],{"class":3859},"());",[3845,5540,5541],{"class":3976},"\u002F\u002F ✅ OK: TypeScript знає, що numStr[1] — string\n",[3832,5543,5544,5545,5547],{},"Функція ",[3756,5546,5425],{}," створює кортеж з двох значень різних типів, зберігаючи інформацію про типи кожного елемента. Це корисно для функцій, що повертають кілька значень різних типів або працюють з гетерогенними структурами.",[5549,5550,5552],"plant-uml",{"alt":5551},"Generic функція як шаблон типу",[3836,5553,5557],{"className":5554,"code":5555,"language":5556,"meta":3841,"style":3841},"language-plantuml shiki shiki-themes light-plus dark-plus dark-plus","@startuml\nskinparam style plain\nskinparam backgroundColor #FFFFFF\n\npackage \"Generic Function Definition\" #DBEAFE {\n    rectangle \"function getFirst\u003CT>(items: T[]): T | undefined\" as GenDef #BFDBFE\n}\n\npackage \"Type Inference \u002F Explicit Type Argument\" #DCFCE7 {\n    rectangle \"getFirst\u003Cnumber>([10, 20])\\n→ T = number\" as Call1 #BBF7D0\n    rectangle \"getFirst(['a', 'b'])\\n→ T = string (inferred)\" as Call2 #BBF7D0\n    rectangle \"getFirst\u003CUser>(users)\\n→ T = User\" as Call3 #BBF7D0\n}\n\npackage \"Typed Return Values\" #FEF3C7 {\n    rectangle \"number | undefined\" as Ret1 #FDE68A\n    rectangle \"string | undefined\" as Ret2 #FDE68A\n    rectangle \"User | undefined\" as Ret3 #FDE68A\n}\n\nGenDef -down-> Call1 : підстановка T\nGenDef -down-> Call2 : підстановка T\nGenDef -down-> Call3 : підстановка T\n\nCall1 -down-> Ret1\nCall2 -down-> Ret2\nCall3 -down-> Ret3\n\nnote right of GenDef\n  Generic функція — шаблон,\n  що генерує конкретні типізовані\n  версії при кожному виклику\nend note\n@enduml\n","plantuml",[3756,5558,5559,5564,5569,5574,5578,5583,5588,5592,5596,5601,5606,5611,5616,5620,5624,5629,5635,5641,5647,5652,5657,5663,5669,5675,5680,5686,5692,5698,5703,5709,5715,5721,5727,5733],{"__ignoreMap":3841},[3845,5560,5561],{"class":3847,"line":3848},[3845,5562,5563],{},"@startuml\n",[3845,5565,5566],{"class":3847,"line":3888},[3845,5567,5568],{},"skinparam style plain\n",[3845,5570,5571],{"class":3847,"line":3908},[3845,5572,5573],{},"skinparam backgroundColor #FFFFFF\n",[3845,5575,5576],{"class":3847,"line":3914},[3845,5577,3918],{"emptyLinePlaceholder":3917},[3845,5579,5580],{"class":3847,"line":3921},[3845,5581,5582],{},"package \"Generic Function Definition\" #DBEAFE {\n",[3845,5584,5585],{"class":3847,"line":3957},[3845,5586,5587],{},"    rectangle \"function getFirst\u003CT>(items: T[]): T | undefined\" as GenDef #BFDBFE\n",[3845,5589,5590],{"class":3847,"line":4157},[3845,5591,3911],{},[3845,5593,5594],{"class":3847,"line":4170},[3845,5595,3918],{"emptyLinePlaceholder":3917},[3845,5597,5598],{"class":3847,"line":4175},[3845,5599,5600],{},"package \"Type Inference \u002F Explicit Type Argument\" #DCFCE7 {\n",[3845,5602,5603],{"class":3847,"line":4180},[3845,5604,5605],{},"    rectangle \"getFirst\u003Cnumber>([10, 20])\\n→ T = number\" as Call1 #BBF7D0\n",[3845,5607,5608],{"class":3847,"line":4195},[3845,5609,5610],{},"    rectangle \"getFirst(['a', 'b'])\\n→ T = string (inferred)\" as Call2 #BBF7D0\n",[3845,5612,5613],{"class":3847,"line":4218},[3845,5614,5615],{},"    rectangle \"getFirst\u003CUser>(users)\\n→ T = User\" as Call3 #BBF7D0\n",[3845,5617,5618],{"class":3847,"line":4238},[3845,5619,3911],{},[3845,5621,5622],{"class":3847,"line":4243},[3845,5623,3918],{"emptyLinePlaceholder":3917},[3845,5625,5626],{"class":3847,"line":4264},[3845,5627,5628],{},"package \"Typed Return Values\" #FEF3C7 {\n",[3845,5630,5632],{"class":3847,"line":5631},16,[3845,5633,5634],{},"    rectangle \"number | undefined\" as Ret1 #FDE68A\n",[3845,5636,5638],{"class":3847,"line":5637},17,[3845,5639,5640],{},"    rectangle \"string | undefined\" as Ret2 #FDE68A\n",[3845,5642,5644],{"class":3847,"line":5643},18,[3845,5645,5646],{},"    rectangle \"User | undefined\" as Ret3 #FDE68A\n",[3845,5648,5650],{"class":3847,"line":5649},19,[3845,5651,3911],{},[3845,5653,5655],{"class":3847,"line":5654},20,[3845,5656,3918],{"emptyLinePlaceholder":3917},[3845,5658,5660],{"class":3847,"line":5659},21,[3845,5661,5662],{},"GenDef -down-> Call1 : підстановка T\n",[3845,5664,5666],{"class":3847,"line":5665},22,[3845,5667,5668],{},"GenDef -down-> Call2 : підстановка T\n",[3845,5670,5672],{"class":3847,"line":5671},23,[3845,5673,5674],{},"GenDef -down-> Call3 : підстановка T\n",[3845,5676,5678],{"class":3847,"line":5677},24,[3845,5679,3918],{"emptyLinePlaceholder":3917},[3845,5681,5683],{"class":3847,"line":5682},25,[3845,5684,5685],{},"Call1 -down-> Ret1\n",[3845,5687,5689],{"class":3847,"line":5688},26,[3845,5690,5691],{},"Call2 -down-> Ret2\n",[3845,5693,5695],{"class":3847,"line":5694},27,[3845,5696,5697],{},"Call3 -down-> Ret3\n",[3845,5699,5701],{"class":3847,"line":5700},28,[3845,5702,3918],{"emptyLinePlaceholder":3917},[3845,5704,5706],{"class":3847,"line":5705},29,[3845,5707,5708],{},"note right of GenDef\n",[3845,5710,5712],{"class":3847,"line":5711},30,[3845,5713,5714],{},"  Generic функція — шаблон,\n",[3845,5716,5718],{"class":3847,"line":5717},31,[3845,5719,5720],{},"  що генерує конкретні типізовані\n",[3845,5722,5724],{"class":3847,"line":5723},32,[3845,5725,5726],{},"  версії при кожному виклику\n",[3845,5728,5730],{"class":3847,"line":5729},33,[3845,5731,5732],{},"end note\n",[3845,5734,5736],{"class":3847,"line":5735},34,[3845,5737,5738],{},"@enduml\n",[3824,5740],{},[3827,5742,5744],{"id":5743},"generic-інтерфейси-та-типи","Generic інтерфейси та типи",[3832,5746,5747,5748,3943,5751,5754,5755,3807],{},"Generics не обмежуються функціями — вони можуть параметризувати ",[3785,5749,5750],{},"інтерфейси",[3785,5752,5753],{},"type aliases"," та ",[3785,5756,5757],{},"класи",[4312,5759,5761],{"id":5760},"generic-інтерфейси","Generic інтерфейси",[3832,5763,5764],{},"Інтерфейс може мати типові параметри, що дозволяє описувати структури даних, які працюють з різними типами:",[3836,5766,5768],{"className":3838,"code":5767,"language":3840,"meta":3841,"style":3841},"interface Box\u003CT> {\n  value: T;\n  getValue(): T;\n  setValue(newValue: T): void;\n}\n\nconst numberBox: Box\u003Cnumber> = {\n  value: 42,\n  getValue() {\n    return this.value;\n  },\n  setValue(newValue: number) {\n    this.value = newValue;\n  }\n};\n\nconst stringBox: Box\u003Cstring> = {\n  value: 'Hello',\n  getValue() {\n    return this.value;\n  },\n  setValue(newValue: string) {\n    this.value = newValue;\n  }\n};\n\nnumberBox.setValue(100);\nconsole.log(numberBox.getValue());  \u002F\u002F 100\n\nstringBox.setValue('TypeScript');\nconsole.log(stringBox.getValue());  \u002F\u002F \"TypeScript\"\n\n\u002F\u002F ❌ Type safety збережено:\n\u002F\u002F numberBox.setValue('text');  \u002F\u002F Error: Argument of type 'string' is not assignable to parameter of type 'number'\n",[3756,5769,5770,5784,5795,5807,5828,5832,5836,5855,5866,5873,5887,5892,5907,5922,5927,5932,5936,5953,5962,5968,5980,5984,5998,6012,6016,6020,6024,6041,6064,6068,6083,6103,6107,6112],{"__ignoreMap":3841},[3845,5771,5772,5774,5777,5779,5781],{"class":3847,"line":3848},[3845,5773,4092],{"class":3851},[3845,5775,5776],{"class":3870}," Box",[3845,5778,4600],{"class":3859},[3845,5780,4603],{"class":3870},[3845,5782,5783],{"class":3859},"> {\n",[3845,5785,5786,5789,5791,5793],{"class":3847,"line":3888},[3845,5787,5788],{"class":3863},"  value",[3845,5790,3867],{"class":3859},[3845,5792,4603],{"class":3870},[3845,5794,4109],{"class":3859},[3845,5796,5797,5800,5803,5805],{"class":3847,"line":3908},[3845,5798,5799],{"class":3855},"  getValue",[3845,5801,5802],{"class":3859},"(): ",[3845,5804,4603],{"class":3870},[3845,5806,4109],{"class":3859},[3845,5808,5809,5812,5814,5817,5819,5821,5823,5826],{"class":3847,"line":3914},[3845,5810,5811],{"class":3855},"  setValue",[3845,5813,3860],{"class":3859},[3845,5815,5816],{"class":3863},"newValue",[3845,5818,3867],{"class":3859},[3845,5820,4603],{"class":3870},[3845,5822,4890],{"class":3859},[3845,5824,5825],{"class":3870},"void",[3845,5827,4109],{"class":3859},[3845,5829,5830],{"class":3847,"line":3921},[3845,5831,3911],{"class":3859},[3845,5833,5834],{"class":3847,"line":3957},[3845,5835,3918],{"emptyLinePlaceholder":3917},[3845,5837,5838,5840,5843,5845,5848,5850,5852],{"class":3847,"line":4157},[3845,5839,3924],{"class":3851},[3845,5841,5842],{"class":3927}," numberBox",[3845,5844,3867],{"class":3859},[3845,5846,5847],{"class":3870},"Box",[3845,5849,4600],{"class":3859},[3845,5851,3871],{"class":3870},[3845,5853,5854],{"class":3859},"> = {\n",[3845,5856,5857,5860,5863],{"class":3847,"line":4170},[3845,5858,5859],{"class":3863},"  value:",[3845,5861,5862],{"class":3901}," 42",[3845,5864,5865],{"class":3859},",\n",[3845,5867,5868,5870],{"class":3847,"line":4175},[3845,5869,5799],{"class":3855},[3845,5871,5872],{"class":3859},"() {\n",[3845,5874,5875,5878,5881,5883,5885],{"class":3847,"line":4180},[3845,5876,5877],{"class":3891},"    return",[3845,5879,5880],{"class":3851}," this",[3845,5882,3807],{"class":3859},[3845,5884,4963],{"class":3863},[3845,5886,4109],{"class":3859},[3845,5888,5889],{"class":3847,"line":4195},[3845,5890,5891],{"class":3859},"  },\n",[3845,5893,5894,5896,5898,5900,5902,5904],{"class":3847,"line":4218},[3845,5895,5811],{"class":3855},[3845,5897,3860],{"class":3859},[3845,5899,5816],{"class":3863},[3845,5901,3867],{"class":3859},[3845,5903,3871],{"class":3870},[3845,5905,5906],{"class":3859},") {\n",[3845,5908,5909,5912,5914,5916,5918,5920],{"class":3847,"line":4238},[3845,5910,5911],{"class":3851},"    this",[3845,5913,3807],{"class":3859},[3845,5915,4963],{"class":3863},[3845,5917,3931],{"class":3859},[3845,5919,5816],{"class":3863},[3845,5921,4109],{"class":3859},[3845,5923,5924],{"class":3847,"line":4243},[3845,5925,5926],{"class":3859},"  }\n",[3845,5928,5929],{"class":3847,"line":4264},[3845,5930,5931],{"class":3859},"};\n",[3845,5933,5934],{"class":3847,"line":5631},[3845,5935,3918],{"emptyLinePlaceholder":3917},[3845,5937,5938,5940,5943,5945,5947,5949,5951],{"class":3847,"line":5637},[3845,5939,3924],{"class":3851},[3845,5941,5942],{"class":3927}," stringBox",[3845,5944,3867],{"class":3859},[3845,5946,5847],{"class":3870},[3845,5948,4600],{"class":3859},[3845,5950,4001],{"class":3870},[3845,5952,5854],{"class":3859},[3845,5954,5955,5957,5960],{"class":3847,"line":5643},[3845,5956,5859],{"class":3863},[3845,5958,5959],{"class":4048}," 'Hello'",[3845,5961,5865],{"class":3859},[3845,5963,5964,5966],{"class":3847,"line":5649},[3845,5965,5799],{"class":3855},[3845,5967,5872],{"class":3859},[3845,5969,5970,5972,5974,5976,5978],{"class":3847,"line":5654},[3845,5971,5877],{"class":3891},[3845,5973,5880],{"class":3851},[3845,5975,3807],{"class":3859},[3845,5977,4963],{"class":3863},[3845,5979,4109],{"class":3859},[3845,5981,5982],{"class":3847,"line":5659},[3845,5983,5891],{"class":3859},[3845,5985,5986,5988,5990,5992,5994,5996],{"class":3847,"line":5665},[3845,5987,5811],{"class":3855},[3845,5989,3860],{"class":3859},[3845,5991,5816],{"class":3863},[3845,5993,3867],{"class":3859},[3845,5995,4001],{"class":3870},[3845,5997,5906],{"class":3859},[3845,5999,6000,6002,6004,6006,6008,6010],{"class":3847,"line":5671},[3845,6001,5911],{"class":3851},[3845,6003,3807],{"class":3859},[3845,6005,4963],{"class":3863},[3845,6007,3931],{"class":3859},[3845,6009,5816],{"class":3863},[3845,6011,4109],{"class":3859},[3845,6013,6014],{"class":3847,"line":5677},[3845,6015,5926],{"class":3859},[3845,6017,6018],{"class":3847,"line":5682},[3845,6019,5931],{"class":3859},[3845,6021,6022],{"class":3847,"line":5688},[3845,6023,3918],{"emptyLinePlaceholder":3917},[3845,6025,6026,6029,6031,6034,6036,6039],{"class":3847,"line":5694},[3845,6027,6028],{"class":3863},"numberBox",[3845,6030,3807],{"class":3859},[3845,6032,6033],{"class":3855},"setValue",[3845,6035,3860],{"class":3859},[3845,6037,6038],{"class":3901},"100",[3845,6040,4261],{"class":3859},[3845,6042,6043,6045,6047,6049,6051,6053,6055,6058,6061],{"class":3847,"line":5700},[3845,6044,3960],{"class":3863},[3845,6046,3807],{"class":3859},[3845,6048,3965],{"class":3855},[3845,6050,3860],{"class":3859},[3845,6052,6028],{"class":3863},[3845,6054,3807],{"class":3859},[3845,6056,6057],{"class":3855},"getValue",[3845,6059,6060],{"class":3859},"());  ",[3845,6062,6063],{"class":3976},"\u002F\u002F 100\n",[3845,6065,6066],{"class":3847,"line":5705},[3845,6067,3918],{"emptyLinePlaceholder":3917},[3845,6069,6070,6073,6075,6077,6079,6081],{"class":3847,"line":5711},[3845,6071,6072],{"class":3863},"stringBox",[3845,6074,3807],{"class":3859},[3845,6076,6033],{"class":3855},[3845,6078,3860],{"class":3859},[3845,6080,4049],{"class":4048},[3845,6082,4261],{"class":3859},[3845,6084,6085,6087,6089,6091,6093,6095,6097,6099,6101],{"class":3847,"line":5717},[3845,6086,3960],{"class":3863},[3845,6088,3807],{"class":3859},[3845,6090,3965],{"class":3855},[3845,6092,3860],{"class":3859},[3845,6094,6072],{"class":3863},[3845,6096,3807],{"class":3859},[3845,6098,6057],{"class":3855},[3845,6100,6060],{"class":3859},[3845,6102,4079],{"class":3976},[3845,6104,6105],{"class":3847,"line":5723},[3845,6106,3918],{"emptyLinePlaceholder":3917},[3845,6108,6109],{"class":3847,"line":5729},[3845,6110,6111],{"class":3976},"\u002F\u002F ❌ Type safety збережено:\n",[3845,6113,6114,6117],{"class":3847,"line":5735},[3845,6115,6116],{"class":3976},"\u002F\u002F numberBox.setValue('text');",[3845,6118,6119],{"class":3976},"  \u002F\u002F Error: Argument of type 'string' is not assignable to parameter of type 'number'\n",[3832,6121,6122,6123,6126,6127,6129,6130,6133,6134,6137,6138,6140],{},"Інтерфейс ",[3756,6124,6125],{},"Box\u003CT>"," — це шаблон для \"коробки\", що зберігає значення типу ",[3756,6128,4603],{},". При створенні конкретного об'єкта ми вказуємо тип: ",[3756,6131,6132],{},"Box\u003Cnumber>"," або ",[3756,6135,6136],{},"Box\u003Cstring>",", і TypeScript забезпечує, що всі операції з ",[3756,6139,4963],{}," узгоджені з цим типом.",[4312,6142,6144],{"id":6143},"generic-type-aliases","Generic type aliases",[3832,6146,6147],{},"Type aliases також підтримують параметризацію:",[3836,6149,6151],{"className":3838,"code":6150,"language":3840,"meta":3841,"style":3841},"type Result\u003CT, E> = \n  | { success: true; data: T }\n  | { success: false; error: E };\n\nfunction fetchUser(id: string): Result\u003CUser, string> {\n  if (id === 'valid-id') {\n    return {\n      success: true,\n      data: { id: 'user-1', name: 'Олена' }\n    };\n  }\n  return {\n    success: false,\n    error: 'Користувача не знайдено'\n  };\n}\n\nconst result = fetchUser('valid-id');\n\nif (result.success) {\n  console.log(result.data.name);  \u002F\u002F ✅ TypeScript знає, що result.data має тип User\n} else {\n  console.log(result.error);      \u002F\u002F ✅ TypeScript знає, що result.error — string\n}\n",[3756,6152,6153,6173,6197,6220,6224,6255,6272,6278,6288,6309,6314,6318,6324,6334,6342,6347,6351,6355,6373,6377,6393,6419,6429,6451],{"__ignoreMap":3841},[3845,6154,6155,6158,6161,6163,6165,6167,6170],{"class":3847,"line":3848},[3845,6156,6157],{"class":3851},"type",[3845,6159,6160],{"class":3870}," Result",[3845,6162,4600],{"class":3859},[3845,6164,4603],{"class":3870},[3845,6166,3943],{"class":3859},[3845,6168,6169],{"class":3870},"E",[3845,6171,6172],{"class":3859},"> = \n",[3845,6174,6175,6178,6181,6183,6185,6188,6191,6193,6195],{"class":3847,"line":3888},[3845,6176,6177],{"class":3859},"  | { ",[3845,6179,6180],{"class":3863},"success",[3845,6182,3867],{"class":3859},[3845,6184,5463],{"class":3870},[3845,6186,6187],{"class":3859},"; ",[3845,6189,6190],{"class":3863},"data",[3845,6192,3867],{"class":3859},[3845,6194,4603],{"class":3870},[3845,6196,4235],{"class":3859},[3845,6198,6199,6201,6203,6205,6208,6210,6213,6215,6217],{"class":3847,"line":3908},[3845,6200,6177],{"class":3859},[3845,6202,6180],{"class":3863},[3845,6204,3867],{"class":3859},[3845,6206,6207],{"class":3870},"false",[3845,6209,6187],{"class":3859},[3845,6211,6212],{"class":3863},"error",[3845,6214,3867],{"class":3859},[3845,6216,6169],{"class":3870},[3845,6218,6219],{"class":3859}," };\n",[3845,6221,6222],{"class":3847,"line":3914},[3845,6223,3918],{"emptyLinePlaceholder":3917},[3845,6225,6226,6228,6231,6233,6236,6238,6240,6242,6245,6247,6249,6251,6253],{"class":3847,"line":3921},[3845,6227,3852],{"class":3851},[3845,6229,6230],{"class":3855}," fetchUser",[3845,6232,3860],{"class":3859},[3845,6234,6235],{"class":3863},"id",[3845,6237,3867],{"class":3859},[3845,6239,4001],{"class":3870},[3845,6241,4890],{"class":3859},[3845,6243,6244],{"class":3870},"Result",[3845,6246,4600],{"class":3859},[3845,6248,4144],{"class":3870},[3845,6250,3943],{"class":3859},[3845,6252,4001],{"class":3870},[3845,6254,5783],{"class":3859},[3845,6256,6257,6260,6262,6264,6267,6270],{"class":3847,"line":3957},[3845,6258,6259],{"class":3891},"  if",[3845,6261,4301],{"class":3859},[3845,6263,6235],{"class":3863},[3845,6265,6266],{"class":3859}," === ",[3845,6268,6269],{"class":4048},"'valid-id'",[3845,6271,5906],{"class":3859},[3845,6273,6274,6276],{"class":3847,"line":4157},[3845,6275,5877],{"class":3891},[3845,6277,3885],{"class":3859},[3845,6279,6280,6283,6286],{"class":3847,"line":4170},[3845,6281,6282],{"class":3863},"      success:",[3845,6284,6285],{"class":3851}," true",[3845,6287,5865],{"class":3859},[3845,6289,6290,6293,6296,6298,6300,6302,6304,6307],{"class":3847,"line":4175},[3845,6291,6292],{"class":3863},"      data:",[3845,6294,6295],{"class":3859}," { ",[3845,6297,4201],{"class":3863},[3845,6299,4204],{"class":4048},[3845,6301,3943],{"class":3859},[3845,6303,4209],{"class":3863},[3845,6305,6306],{"class":4048}," 'Олена'",[3845,6308,4235],{"class":3859},[3845,6310,6311],{"class":3847,"line":4180},[3845,6312,6313],{"class":3859},"    };\n",[3845,6315,6316],{"class":3847,"line":4195},[3845,6317,5926],{"class":3859},[3845,6319,6320,6322],{"class":3847,"line":4218},[3845,6321,3892],{"class":3891},[3845,6323,3885],{"class":3859},[3845,6325,6326,6329,6332],{"class":3847,"line":4238},[3845,6327,6328],{"class":3863},"    success:",[3845,6330,6331],{"class":3851}," false",[3845,6333,5865],{"class":3859},[3845,6335,6336,6339],{"class":3847,"line":4243},[3845,6337,6338],{"class":3863},"    error:",[3845,6340,6341],{"class":4048}," 'Користувача не знайдено'\n",[3845,6343,6344],{"class":3847,"line":4264},[3845,6345,6346],{"class":3859},"  };\n",[3845,6348,6349],{"class":3847,"line":5631},[3845,6350,3911],{"class":3859},[3845,6352,6353],{"class":3847,"line":5637},[3845,6354,3918],{"emptyLinePlaceholder":3917},[3845,6356,6357,6359,6362,6364,6367,6369,6371],{"class":3847,"line":5643},[3845,6358,3924],{"class":3851},[3845,6360,6361],{"class":3927}," result",[3845,6363,3931],{"class":3859},[3845,6365,6366],{"class":3855},"fetchUser",[3845,6368,3860],{"class":3859},[3845,6370,6269],{"class":4048},[3845,6372,4261],{"class":3859},[3845,6374,6375],{"class":3847,"line":5649},[3845,6376,3918],{"emptyLinePlaceholder":3917},[3845,6378,6379,6382,6384,6387,6389,6391],{"class":3847,"line":5654},[3845,6380,6381],{"class":3891},"if",[3845,6383,4301],{"class":3859},[3845,6385,6386],{"class":3863},"result",[3845,6388,3807],{"class":3859},[3845,6390,6180],{"class":3863},[3845,6392,5906],{"class":3859},[3845,6394,6395,6398,6400,6402,6404,6406,6408,6410,6412,6414,6416],{"class":3847,"line":5659},[3845,6396,6397],{"class":3863},"  console",[3845,6399,3807],{"class":3859},[3845,6401,3965],{"class":3855},[3845,6403,3860],{"class":3859},[3845,6405,6386],{"class":3863},[3845,6407,3807],{"class":3859},[3845,6409,6190],{"class":3863},[3845,6411,3807],{"class":3859},[3845,6413,4281],{"class":3863},[3845,6415,3973],{"class":3859},[3845,6417,6418],{"class":3976},"\u002F\u002F ✅ TypeScript знає, що result.data має тип User\n",[3845,6420,6421,6424,6427],{"class":3847,"line":5665},[3845,6422,6423],{"class":3859},"} ",[3845,6425,6426],{"class":3891},"else",[3845,6428,3885],{"class":3859},[3845,6430,6431,6433,6435,6437,6439,6441,6443,6445,6448],{"class":3847,"line":5671},[3845,6432,6397],{"class":3863},[3845,6434,3807],{"class":3859},[3845,6436,3965],{"class":3855},[3845,6438,3860],{"class":3859},[3845,6440,6386],{"class":3863},[3845,6442,3807],{"class":3859},[3845,6444,6212],{"class":3863},[3845,6446,6447],{"class":3859},");      ",[3845,6449,6450],{"class":3976},"\u002F\u002F ✅ TypeScript знає, що result.error — string\n",[3845,6452,6453],{"class":3847,"line":5677},[3845,6454,3911],{"class":3859},[3832,6456,6457,6458,6461,6462,6464,6465,6467,6468,6471,6472,6474],{},"Тип ",[3756,6459,6460],{},"Result\u003CT, E>"," моделює операцію, що може завершитися успішно з даними типу ",[3756,6463,4603],{}," або невдало з помилкою типу ",[3756,6466,6169],{},". Це типобезпечна альтернатива винятків або повернення ",[3756,6469,6470],{},"null","\u002F",[3756,6473,3882],{},", що явно кодує можливість помилки у типі.",[4827,6476,6477,6478,6480,6481,6484,6485,6488,6489,3807],{},"Цей патерн популярний у функціональних мовах (Rust ",[3756,6479,6460],{},", Haskell ",[3756,6482,6483],{},"Either a b",") та знаходить застосування у TypeScript для моделювання операцій, що можуть зазнати невдачі (мережеві запити, парсинг, валідація). Discriminated union (",[3756,6486,6487],{},"success: true\u002Ffalse",") дозволяє TypeScript автоматично звужувати тип у гілках ",[3756,6490,6491],{},"if\u002Felse",[4312,6493,6495],{"id":6494},"вкладені-generic-типи","Вкладені generic типи",[3832,6497,6498],{},"Generic типи можуть бути вкладені один в одного:",[3836,6500,6502],{"className":3838,"code":6501,"language":3840,"meta":3841,"style":3841},"type Response\u003CT> = Result\u003CT, string>;  \u002F\u002F Response\u003CT> — це Result\u003CT, string>\n\ninterface ApiResponse\u003CT> {\n  statusCode: number;\n  data: T | null;\n  errors: string[];\n}\n\ntype UserResponse = ApiResponse\u003CUser>;     \u002F\u002F UserResponse має data: User | null\ntype ProductList = ApiResponse\u003CProduct[]>; \u002F\u002F ProductList має data: Product[] | null\n\nfunction handleResponse\u003CT>(response: ApiResponse\u003CT>): T | null {\n  if (response.statusCode === 200 && response.data !== null) {\n    return response.data;\n  }\n  console.error('Errors:', response.errors);\n  return null;\n}\n",[3756,6503,6504,6534,6538,6551,6562,6577,6589,6593,6597,6619,6641,6645,6680,6714,6727,6731,6755,6764],{"__ignoreMap":3841},[3845,6505,6506,6508,6511,6513,6515,6518,6520,6522,6524,6526,6528,6531],{"class":3847,"line":3848},[3845,6507,6157],{"class":3851},[3845,6509,6510],{"class":3870}," Response",[3845,6512,4600],{"class":3859},[3845,6514,4603],{"class":3870},[3845,6516,6517],{"class":3859},"> = ",[3845,6519,6244],{"class":3870},[3845,6521,4600],{"class":3859},[3845,6523,4603],{"class":3870},[3845,6525,3943],{"class":3859},[3845,6527,4001],{"class":3870},[3845,6529,6530],{"class":3859},">;  ",[3845,6532,6533],{"class":3976},"\u002F\u002F Response\u003CT> — це Result\u003CT, string>\n",[3845,6535,6536],{"class":3847,"line":3888},[3845,6537,3918],{"emptyLinePlaceholder":3917},[3845,6539,6540,6542,6545,6547,6549],{"class":3847,"line":3908},[3845,6541,4092],{"class":3851},[3845,6543,6544],{"class":3870}," ApiResponse",[3845,6546,4600],{"class":3859},[3845,6548,4603],{"class":3870},[3845,6550,5783],{"class":3859},[3845,6552,6553,6556,6558,6560],{"class":3847,"line":3914},[3845,6554,6555],{"class":3863},"  statusCode",[3845,6557,3867],{"class":3859},[3845,6559,3871],{"class":3870},[3845,6561,4109],{"class":3859},[3845,6563,6564,6567,6569,6571,6573,6575],{"class":3847,"line":3921},[3845,6565,6566],{"class":3863},"  data",[3845,6568,3867],{"class":3859},[3845,6570,4603],{"class":3870},[3845,6572,3879],{"class":3859},[3845,6574,6470],{"class":3870},[3845,6576,4109],{"class":3859},[3845,6578,6579,6582,6584,6586],{"class":3847,"line":3957},[3845,6580,6581],{"class":3863},"  errors",[3845,6583,3867],{"class":3859},[3845,6585,4001],{"class":3870},[3845,6587,6588],{"class":3859},"[];\n",[3845,6590,6591],{"class":3847,"line":4157},[3845,6592,3911],{"class":3859},[3845,6594,6595],{"class":3847,"line":4170},[3845,6596,3918],{"emptyLinePlaceholder":3917},[3845,6598,6599,6601,6604,6606,6609,6611,6613,6616],{"class":3847,"line":4175},[3845,6600,6157],{"class":3851},[3845,6602,6603],{"class":3870}," UserResponse",[3845,6605,3931],{"class":3859},[3845,6607,6608],{"class":3870},"ApiResponse",[3845,6610,4600],{"class":3859},[3845,6612,4144],{"class":3870},[3845,6614,6615],{"class":3859},">;     ",[3845,6617,6618],{"class":3976},"\u002F\u002F UserResponse має data: User | null\n",[3845,6620,6621,6623,6626,6628,6630,6632,6635,6638],{"class":3847,"line":4180},[3845,6622,6157],{"class":3851},[3845,6624,6625],{"class":3870}," ProductList",[3845,6627,3931],{"class":3859},[3845,6629,6608],{"class":3870},[3845,6631,4600],{"class":3859},[3845,6633,6634],{"class":3870},"Product",[3845,6636,6637],{"class":3859},"[]>; ",[3845,6639,6640],{"class":3976},"\u002F\u002F ProductList має data: Product[] | null\n",[3845,6642,6643],{"class":3847,"line":4195},[3845,6644,3918],{"emptyLinePlaceholder":3917},[3845,6646,6647,6649,6652,6654,6656,6658,6661,6663,6665,6667,6669,6672,6674,6676,6678],{"class":3847,"line":4218},[3845,6648,3852],{"class":3851},[3845,6650,6651],{"class":3855}," handleResponse",[3845,6653,4600],{"class":3859},[3845,6655,4603],{"class":3870},[3845,6657,4606],{"class":3859},[3845,6659,6660],{"class":3863},"response",[3845,6662,3867],{"class":3859},[3845,6664,6608],{"class":3870},[3845,6666,4600],{"class":3859},[3845,6668,4603],{"class":3870},[3845,6670,6671],{"class":3859},">): ",[3845,6673,4603],{"class":3870},[3845,6675,3879],{"class":3859},[3845,6677,6470],{"class":3870},[3845,6679,3885],{"class":3859},[3845,6681,6682,6684,6686,6688,6690,6693,6695,6698,6701,6703,6705,6707,6710,6712],{"class":3847,"line":4238},[3845,6683,6259],{"class":3891},[3845,6685,4301],{"class":3859},[3845,6687,6660],{"class":3863},[3845,6689,3807],{"class":3859},[3845,6691,6692],{"class":3863},"statusCode",[3845,6694,6266],{"class":3859},[3845,6696,6697],{"class":3901},"200",[3845,6699,6700],{"class":3859}," && ",[3845,6702,6660],{"class":3863},[3845,6704,3807],{"class":3859},[3845,6706,6190],{"class":3863},[3845,6708,6709],{"class":3859}," !== ",[3845,6711,6470],{"class":3851},[3845,6713,5906],{"class":3859},[3845,6715,6716,6718,6721,6723,6725],{"class":3847,"line":4243},[3845,6717,5877],{"class":3891},[3845,6719,6720],{"class":3863}," response",[3845,6722,3807],{"class":3859},[3845,6724,6190],{"class":3863},[3845,6726,4109],{"class":3859},[3845,6728,6729],{"class":3847,"line":4264},[3845,6730,5926],{"class":3859},[3845,6732,6733,6735,6737,6739,6741,6744,6746,6748,6750,6753],{"class":3847,"line":5631},[3845,6734,6397],{"class":3863},[3845,6736,3807],{"class":3859},[3845,6738,6212],{"class":3855},[3845,6740,3860],{"class":3859},[3845,6742,6743],{"class":4048},"'Errors:'",[3845,6745,3943],{"class":3859},[3845,6747,6660],{"class":3863},[3845,6749,3807],{"class":3859},[3845,6751,6752],{"class":3863},"errors",[3845,6754,4261],{"class":3859},[3845,6756,6757,6759,6762],{"class":3847,"line":5637},[3845,6758,3892],{"class":3891},[3845,6760,6761],{"class":3851}," null",[3845,6763,4109],{"class":3859},[3845,6765,6766],{"class":3847,"line":5643},[3845,6767,3911],{"class":3859},[3832,6769,6770],{},"Generic типи можуть служити будівельними блоками для складних типів, дозволяючи створювати багаторівневі абстракції без втрати типобезпеки.",[3824,6772],{},[3827,6774,6776],{"id":6775},"generic-класи-параметризовані-колекції","Generic класи: параметризовані колекції",[3832,6778,6779],{},"Класи можуть бути generic, що дозволяє створювати типобезпечні колекції та структури даних.",[4312,6781,6783],{"id":6782},"приклад-stack-стек","Приклад: Stack (стек)",[3836,6785,6787],{"className":3838,"code":6786,"language":3840,"meta":3841,"style":3841},"class Stack\u003CT> {\n  private items: T[] = [];\n\n  push(item: T): void {\n    this.items.push(item);\n  }\n\n  pop(): T | undefined {\n    return this.items.pop();\n  }\n\n  peek(): T | undefined {\n    return this.items[this.items.length - 1];\n  }\n\n  isEmpty(): boolean {\n    return this.items.length === 0;\n  }\n\n  size(): number {\n    return this.items.length;\n  }\n}\n\nconst numberStack = new Stack\u003Cnumber>();\nnumberStack.push(10);\nnumberStack.push(20);\nnumberStack.push(30);\n\nconsole.log(numberStack.pop());   \u002F\u002F 30\nconsole.log(numberStack.peek());  \u002F\u002F 20\nconsole.log(numberStack.size());  \u002F\u002F 2\n\n\u002F\u002F ❌ Type safety:\n\u002F\u002F numberStack.push('text');  \u002F\u002F Error: Argument of type 'string' is not assignable to parameter of type 'number'\n\nconst stringStack = new Stack\u003Cstring>();\nstringStack.push('TypeScript');\nstringStack.push('JavaScript');\nconsole.log(stringStack.pop());   \u002F\u002F \"JavaScript\"\n",[3756,6788,6789,6803,6817,6821,6841,6860,6864,6868,6883,6901,6905,6909,6924,6955,6959,6963,6975,6995,6999,7003,7014,7030,7034,7038,7042,7063,7078,7092,7106,7110,7131,7153,7175,7179,7184,7192,7197,7217,7233,7248],{"__ignoreMap":3841},[3845,6790,6791,6794,6797,6799,6801],{"class":3847,"line":3848},[3845,6792,6793],{"class":3851},"class",[3845,6795,6796],{"class":3870}," Stack",[3845,6798,4600],{"class":3859},[3845,6800,4603],{"class":3870},[3845,6802,5783],{"class":3859},[3845,6804,6805,6808,6810,6812,6814],{"class":3847,"line":3888},[3845,6806,6807],{"class":3851},"  private",[3845,6809,3895],{"class":3863},[3845,6811,3867],{"class":3859},[3845,6813,4603],{"class":3870},[3845,6815,6816],{"class":3859},"[] = [];\n",[3845,6818,6819],{"class":3847,"line":3908},[3845,6820,3918],{"emptyLinePlaceholder":3917},[3845,6822,6823,6826,6828,6831,6833,6835,6837,6839],{"class":3847,"line":3914},[3845,6824,6825],{"class":3855},"  push",[3845,6827,3860],{"class":3859},[3845,6829,6830],{"class":3863},"item",[3845,6832,3867],{"class":3859},[3845,6834,4603],{"class":3870},[3845,6836,4890],{"class":3859},[3845,6838,5825],{"class":3870},[3845,6840,3885],{"class":3859},[3845,6842,6843,6845,6847,6849,6851,6854,6856,6858],{"class":3847,"line":3921},[3845,6844,5911],{"class":3851},[3845,6846,3807],{"class":3859},[3845,6848,3864],{"class":3863},[3845,6850,3807],{"class":3859},[3845,6852,6853],{"class":3855},"push",[3845,6855,3860],{"class":3859},[3845,6857,6830],{"class":3863},[3845,6859,4261],{"class":3859},[3845,6861,6862],{"class":3847,"line":3957},[3845,6863,5926],{"class":3859},[3845,6865,6866],{"class":3847,"line":4157},[3845,6867,3918],{"emptyLinePlaceholder":3917},[3845,6869,6870,6873,6875,6877,6879,6881],{"class":3847,"line":4170},[3845,6871,6872],{"class":3855},"  pop",[3845,6874,5802],{"class":3859},[3845,6876,4603],{"class":3870},[3845,6878,3879],{"class":3859},[3845,6880,3882],{"class":3870},[3845,6882,3885],{"class":3859},[3845,6884,6885,6887,6889,6891,6893,6895,6898],{"class":3847,"line":4175},[3845,6886,5877],{"class":3891},[3845,6888,5880],{"class":3851},[3845,6890,3807],{"class":3859},[3845,6892,3864],{"class":3863},[3845,6894,3807],{"class":3859},[3845,6896,6897],{"class":3855},"pop",[3845,6899,6900],{"class":3859},"();\n",[3845,6902,6903],{"class":3847,"line":4180},[3845,6904,5926],{"class":3859},[3845,6906,6907],{"class":3847,"line":4195},[3845,6908,3918],{"emptyLinePlaceholder":3917},[3845,6910,6911,6914,6916,6918,6920,6922],{"class":3847,"line":4218},[3845,6912,6913],{"class":3855},"  peek",[3845,6915,5802],{"class":3859},[3845,6917,4603],{"class":3870},[3845,6919,3879],{"class":3859},[3845,6921,3882],{"class":3870},[3845,6923,3885],{"class":3859},[3845,6925,6926,6928,6930,6932,6934,6936,6939,6941,6943,6945,6948,6951,6953],{"class":3847,"line":4238},[3845,6927,5877],{"class":3891},[3845,6929,5880],{"class":3851},[3845,6931,3807],{"class":3859},[3845,6933,3864],{"class":3863},[3845,6935,3898],{"class":3859},[3845,6937,6938],{"class":3851},"this",[3845,6940,3807],{"class":3859},[3845,6942,3864],{"class":3863},[3845,6944,3807],{"class":3859},[3845,6946,6947],{"class":3863},"length",[3845,6949,6950],{"class":3859}," - ",[3845,6952,5531],{"class":3901},[3845,6954,3905],{"class":3859},[3845,6956,6957],{"class":3847,"line":4243},[3845,6958,5926],{"class":3859},[3845,6960,6961],{"class":3847,"line":4264},[3845,6962,3918],{"emptyLinePlaceholder":3917},[3845,6964,6965,6968,6970,6973],{"class":3847,"line":5631},[3845,6966,6967],{"class":3855},"  isEmpty",[3845,6969,5802],{"class":3859},[3845,6971,6972],{"class":3870},"boolean",[3845,6974,3885],{"class":3859},[3845,6976,6977,6979,6981,6983,6985,6987,6989,6991,6993],{"class":3847,"line":5637},[3845,6978,5877],{"class":3891},[3845,6980,5880],{"class":3851},[3845,6982,3807],{"class":3859},[3845,6984,3864],{"class":3863},[3845,6986,3807],{"class":3859},[3845,6988,6947],{"class":3863},[3845,6990,6266],{"class":3859},[3845,6992,3902],{"class":3901},[3845,6994,4109],{"class":3859},[3845,6996,6997],{"class":3847,"line":5643},[3845,6998,5926],{"class":3859},[3845,7000,7001],{"class":3847,"line":5649},[3845,7002,3918],{"emptyLinePlaceholder":3917},[3845,7004,7005,7008,7010,7012],{"class":3847,"line":5654},[3845,7006,7007],{"class":3855},"  size",[3845,7009,5802],{"class":3859},[3845,7011,3871],{"class":3870},[3845,7013,3885],{"class":3859},[3845,7015,7016,7018,7020,7022,7024,7026,7028],{"class":3847,"line":5659},[3845,7017,5877],{"class":3891},[3845,7019,5880],{"class":3851},[3845,7021,3807],{"class":3859},[3845,7023,3864],{"class":3863},[3845,7025,3807],{"class":3859},[3845,7027,6947],{"class":3863},[3845,7029,4109],{"class":3859},[3845,7031,7032],{"class":3847,"line":5665},[3845,7033,5926],{"class":3859},[3845,7035,7036],{"class":3847,"line":5671},[3845,7037,3911],{"class":3859},[3845,7039,7040],{"class":3847,"line":5677},[3845,7041,3918],{"emptyLinePlaceholder":3917},[3845,7043,7044,7046,7049,7051,7054,7056,7058,7060],{"class":3847,"line":5682},[3845,7045,3924],{"class":3851},[3845,7047,7048],{"class":3927}," numberStack",[3845,7050,3931],{"class":3859},[3845,7052,7053],{"class":3851},"new",[3845,7055,6796],{"class":3855},[3845,7057,4600],{"class":3859},[3845,7059,3871],{"class":3870},[3845,7061,7062],{"class":3859},">();\n",[3845,7064,7065,7068,7070,7072,7074,7076],{"class":3847,"line":5688},[3845,7066,7067],{"class":3863},"numberStack",[3845,7069,3807],{"class":3859},[3845,7071,6853],{"class":3855},[3845,7073,3860],{"class":3859},[3845,7075,3940],{"class":3901},[3845,7077,4261],{"class":3859},[3845,7079,7080,7082,7084,7086,7088,7090],{"class":3847,"line":5694},[3845,7081,7067],{"class":3863},[3845,7083,3807],{"class":3859},[3845,7085,6853],{"class":3855},[3845,7087,3860],{"class":3859},[3845,7089,3946],{"class":3901},[3845,7091,4261],{"class":3859},[3845,7093,7094,7096,7098,7100,7102,7104],{"class":3847,"line":5700},[3845,7095,7067],{"class":3863},[3845,7097,3807],{"class":3859},[3845,7099,6853],{"class":3855},[3845,7101,3860],{"class":3859},[3845,7103,3951],{"class":3901},[3845,7105,4261],{"class":3859},[3845,7107,7108],{"class":3847,"line":5705},[3845,7109,3918],{"emptyLinePlaceholder":3917},[3845,7111,7112,7114,7116,7118,7120,7122,7124,7126,7128],{"class":3847,"line":5711},[3845,7113,3960],{"class":3863},[3845,7115,3807],{"class":3859},[3845,7117,3965],{"class":3855},[3845,7119,3860],{"class":3859},[3845,7121,7067],{"class":3863},[3845,7123,3807],{"class":3859},[3845,7125,6897],{"class":3855},[3845,7127,4498],{"class":3859},[3845,7129,7130],{"class":3976},"\u002F\u002F 30\n",[3845,7132,7133,7135,7137,7139,7141,7143,7145,7148,7150],{"class":3847,"line":5717},[3845,7134,3960],{"class":3863},[3845,7136,3807],{"class":3859},[3845,7138,3965],{"class":3855},[3845,7140,3860],{"class":3859},[3845,7142,7067],{"class":3863},[3845,7144,3807],{"class":3859},[3845,7146,7147],{"class":3855},"peek",[3845,7149,6060],{"class":3859},[3845,7151,7152],{"class":3976},"\u002F\u002F 20\n",[3845,7154,7155,7157,7159,7161,7163,7165,7167,7170,7172],{"class":3847,"line":5723},[3845,7156,3960],{"class":3863},[3845,7158,3807],{"class":3859},[3845,7160,3965],{"class":3855},[3845,7162,3860],{"class":3859},[3845,7164,7067],{"class":3863},[3845,7166,3807],{"class":3859},[3845,7168,7169],{"class":3855},"size",[3845,7171,6060],{"class":3859},[3845,7173,7174],{"class":3976},"\u002F\u002F 2\n",[3845,7176,7177],{"class":3847,"line":5729},[3845,7178,3918],{"emptyLinePlaceholder":3917},[3845,7180,7181],{"class":3847,"line":5735},[3845,7182,7183],{"class":3976},"\u002F\u002F ❌ Type safety:\n",[3845,7185,7187,7190],{"class":3847,"line":7186},35,[3845,7188,7189],{"class":3976},"\u002F\u002F numberStack.push('text');",[3845,7191,6119],{"class":3976},[3845,7193,7195],{"class":3847,"line":7194},36,[3845,7196,3918],{"emptyLinePlaceholder":3917},[3845,7198,7200,7202,7205,7207,7209,7211,7213,7215],{"class":3847,"line":7199},37,[3845,7201,3924],{"class":3851},[3845,7203,7204],{"class":3927}," stringStack",[3845,7206,3931],{"class":3859},[3845,7208,7053],{"class":3851},[3845,7210,6796],{"class":3855},[3845,7212,4600],{"class":3859},[3845,7214,4001],{"class":3870},[3845,7216,7062],{"class":3859},[3845,7218,7220,7223,7225,7227,7229,7231],{"class":3847,"line":7219},38,[3845,7221,7222],{"class":3863},"stringStack",[3845,7224,3807],{"class":3859},[3845,7226,6853],{"class":3855},[3845,7228,3860],{"class":3859},[3845,7230,4049],{"class":4048},[3845,7232,4261],{"class":3859},[3845,7234,7236,7238,7240,7242,7244,7246],{"class":3847,"line":7235},39,[3845,7237,7222],{"class":3863},[3845,7239,3807],{"class":3859},[3845,7241,6853],{"class":3855},[3845,7243,3860],{"class":3859},[3845,7245,4054],{"class":4048},[3845,7247,4261],{"class":3859},[3845,7249,7251,7253,7255,7257,7259,7261,7263,7265,7267],{"class":3847,"line":7250},40,[3845,7252,3960],{"class":3863},[3845,7254,3807],{"class":3859},[3845,7256,3965],{"class":3855},[3845,7258,3860],{"class":3859},[3845,7260,7222],{"class":3863},[3845,7262,3807],{"class":3859},[3845,7264,6897],{"class":3855},[3845,7266,4498],{"class":3859},[3845,7268,7269],{"class":3976},"\u002F\u002F \"JavaScript\"\n",[3832,7271,7272,7273,7276,7277,7279,7280,3943,7283,3943,7286,7289],{},"Клас ",[3756,7274,7275],{},"Stack\u003CT>"," реалізує структуру даних \"стек\" (LIFO — Last In, First Out) для будь-якого типу ",[3756,7278,4603],{},". Один клас, безліч можливих типів: ",[3756,7281,7282],{},"Stack\u003Cnumber>",[3756,7284,7285],{},"Stack\u003Cstring>",[3756,7287,7288],{},"Stack\u003CUser>"," — кожен з повною типобезпекою.",[4312,7291,7293],{"id":7292},"type-inference-у-generic-класах","Type inference у generic класах",[3832,7295,7296,7297,4322],{},"При створенні екземпляра generic класу TypeScript може вивести типовий аргумент з аргументів конструктора, якщо конструктор приймає параметри типу ",[3756,7298,4603],{},[3836,7300,7302],{"className":3838,"code":7301,"language":3840,"meta":3841,"style":3841},"class Container\u003CT> {\n  constructor(public value: T) {}\n\n  getValue(): T {\n    return this.value;\n  }\n}\n\n\u002F\u002F Явне вказання типу:\nconst container1 = new Container\u003Cnumber>(42);\n\n\u002F\u002F Type inference з аргумента конструктора:\nconst container2 = new Container(42);     \u002F\u002F TypeScript виводить T = number\nconst container3 = new Container('text'); \u002F\u002F TypeScript виводить T = string\n\nconsole.log(container2.getValue().toFixed(2)); \u002F\u002F ✅ OK: getValue() повертає number\n",[3756,7303,7304,7317,7336,7340,7350,7362,7366,7370,7374,7378,7401,7405,7410,7432,7456,7460],{"__ignoreMap":3841},[3845,7305,7306,7308,7311,7313,7315],{"class":3847,"line":3848},[3845,7307,6793],{"class":3851},[3845,7309,7310],{"class":3870}," Container",[3845,7312,4600],{"class":3859},[3845,7314,4603],{"class":3870},[3845,7316,5783],{"class":3859},[3845,7318,7319,7322,7324,7327,7329,7331,7333],{"class":3847,"line":3888},[3845,7320,7321],{"class":3851},"  constructor",[3845,7323,3860],{"class":3859},[3845,7325,7326],{"class":3851},"public",[3845,7328,4980],{"class":3863},[3845,7330,3867],{"class":3859},[3845,7332,4603],{"class":3870},[3845,7334,7335],{"class":3859},") {}\n",[3845,7337,7338],{"class":3847,"line":3908},[3845,7339,3918],{"emptyLinePlaceholder":3917},[3845,7341,7342,7344,7346,7348],{"class":3847,"line":3914},[3845,7343,5799],{"class":3855},[3845,7345,5802],{"class":3859},[3845,7347,4603],{"class":3870},[3845,7349,3885],{"class":3859},[3845,7351,7352,7354,7356,7358,7360],{"class":3847,"line":3921},[3845,7353,5877],{"class":3891},[3845,7355,5880],{"class":3851},[3845,7357,3807],{"class":3859},[3845,7359,4963],{"class":3863},[3845,7361,4109],{"class":3859},[3845,7363,7364],{"class":3847,"line":3957},[3845,7365,5926],{"class":3859},[3845,7367,7368],{"class":3847,"line":4157},[3845,7369,3911],{"class":3859},[3845,7371,7372],{"class":3847,"line":4170},[3845,7373,3918],{"emptyLinePlaceholder":3917},[3845,7375,7376],{"class":3847,"line":4175},[3845,7377,5169],{"class":3976},[3845,7379,7380,7382,7385,7387,7389,7391,7393,7395,7397,7399],{"class":3847,"line":4180},[3845,7381,3924],{"class":3851},[3845,7383,7384],{"class":3927}," container1",[3845,7386,3931],{"class":3859},[3845,7388,7053],{"class":3851},[3845,7390,7310],{"class":3855},[3845,7392,4600],{"class":3859},[3845,7394,3871],{"class":3870},[3845,7396,4606],{"class":3859},[3845,7398,5011],{"class":3901},[3845,7400,4261],{"class":3859},[3845,7402,7403],{"class":3847,"line":4195},[3845,7404,3918],{"emptyLinePlaceholder":3917},[3845,7406,7407],{"class":3847,"line":4218},[3845,7408,7409],{"class":3976},"\u002F\u002F Type inference з аргумента конструктора:\n",[3845,7411,7412,7414,7417,7419,7421,7423,7425,7427,7429],{"class":3847,"line":4238},[3845,7413,3924],{"class":3851},[3845,7415,7416],{"class":3927}," container2",[3845,7418,3931],{"class":3859},[3845,7420,7053],{"class":3851},[3845,7422,7310],{"class":3855},[3845,7424,3860],{"class":3859},[3845,7426,5011],{"class":3901},[3845,7428,5040],{"class":3859},[3845,7430,7431],{"class":3976},"\u002F\u002F TypeScript виводить T = number\n",[3845,7433,7434,7436,7439,7441,7443,7445,7447,7450,7453],{"class":3847,"line":4243},[3845,7435,3924],{"class":3851},[3845,7437,7438],{"class":3927}," container3",[3845,7440,3931],{"class":3859},[3845,7442,7053],{"class":3851},[3845,7444,7310],{"class":3855},[3845,7446,3860],{"class":3859},[3845,7448,7449],{"class":4048},"'text'",[3845,7451,7452],{"class":3859},"); ",[3845,7454,7455],{"class":3976},"\u002F\u002F TypeScript виводить T = string\n",[3845,7457,7458],{"class":3847,"line":4264},[3845,7459,3918],{"emptyLinePlaceholder":3917},[3845,7461,7462,7464,7466,7468,7470,7473,7475,7477,7480,7482,7484,7486,7489],{"class":3847,"line":5631},[3845,7463,3960],{"class":3863},[3845,7465,3807],{"class":3859},[3845,7467,3965],{"class":3855},[3845,7469,3860],{"class":3859},[3845,7471,7472],{"class":3863},"container2",[3845,7474,3807],{"class":3859},[3845,7476,6057],{"class":3855},[3845,7478,7479],{"class":3859},"().",[3845,7481,4466],{"class":3855},[3845,7483,3860],{"class":3859},[3845,7485,4471],{"class":3901},[3845,7487,7488],{"class":3859},")); ",[3845,7490,7491],{"class":3976},"\u002F\u002F ✅ OK: getValue() повертає number\n",[3832,7493,7494,7495,7497],{},"Якщо конструктор не приймає аргументів типу ",[3756,7496,4603],{}," або inference неоднозначний, потрібно явно вказати типовий аргумент:",[3836,7499,7501],{"className":3838,"code":7500,"language":3840,"meta":3841,"style":3841},"const stack = new Stack\u003Cnumber>();  \u002F\u002F конструктор порожній, тому треба вказати тип\n",[3756,7502,7503],{"__ignoreMap":3841},[3845,7504,7505,7507,7510,7512,7514,7516,7518,7520,7523],{"class":3847,"line":3848},[3845,7506,3924],{"class":3851},[3845,7508,7509],{"class":3927}," stack",[3845,7511,3931],{"class":3859},[3845,7513,7053],{"class":3851},[3845,7515,6796],{"class":3855},[3845,7517,4600],{"class":3859},[3845,7519,3871],{"class":3870},[3845,7521,7522],{"class":3859},">();  ",[3845,7524,7525],{"class":3976},"\u002F\u002F конструктор порожній, тому треба вказати тип\n",[4312,7527,7529],{"id":7528},"generic-класи-та-наслідування","Generic класи та наслідування",[3832,7531,7532],{},"Generic клас може бути успадкований:",[3836,7534,7536],{"className":3838,"code":7535,"language":3840,"meta":3841,"style":3841},"class BaseRepository\u003CT> {\n  protected items: T[] = [];\n\n  add(item: T): void {\n    this.items.push(item);\n  }\n\n  findAll(): T[] {\n    return [...this.items];\n  }\n}\n\ninterface Product {\n  id: string;\n  name: string;\n  price: number;\n}\n\nclass ProductRepository extends BaseRepository\u003CProduct> {\n  findByName(name: string): Product | undefined {\n    return this.items.find(p => p.name === name);\n  }\n\n  findExpensive(minPrice: number): Product[] {\n    return this.items.filter(p => p.price >= minPrice);\n  }\n}\n\nconst repo = new ProductRepository();\nrepo.add({ id: 'prod-1', name: 'Ноутбук', price: 25000 });\nrepo.add({ id: 'prod-2', name: 'Миша', price: 500 });\n\nconst laptop = repo.findByName('Ноутбук');\nconsole.log(laptop?.price);  \u002F\u002F 25000\n\nconst expensive = repo.findExpensive(10000);\nconsole.log(expensive.length);  \u002F\u002F 1\n",[3756,7537,7538,7551,7564,7568,7587,7605,7609,7613,7625,7640,7644,7648,7652,7661,7671,7681,7692,7696,7700,7718,7741,7776,7780,7784,7804,7839,7843,7847,7851,7866,7902,7933,7937,7960,7982,7986,8009],{"__ignoreMap":3841},[3845,7539,7540,7542,7545,7547,7549],{"class":3847,"line":3848},[3845,7541,6793],{"class":3851},[3845,7543,7544],{"class":3870}," BaseRepository",[3845,7546,4600],{"class":3859},[3845,7548,4603],{"class":3870},[3845,7550,5783],{"class":3859},[3845,7552,7553,7556,7558,7560,7562],{"class":3847,"line":3888},[3845,7554,7555],{"class":3851},"  protected",[3845,7557,3895],{"class":3863},[3845,7559,3867],{"class":3859},[3845,7561,4603],{"class":3870},[3845,7563,6816],{"class":3859},[3845,7565,7566],{"class":3847,"line":3908},[3845,7567,3918],{"emptyLinePlaceholder":3917},[3845,7569,7570,7573,7575,7577,7579,7581,7583,7585],{"class":3847,"line":3914},[3845,7571,7572],{"class":3855},"  add",[3845,7574,3860],{"class":3859},[3845,7576,6830],{"class":3863},[3845,7578,3867],{"class":3859},[3845,7580,4603],{"class":3870},[3845,7582,4890],{"class":3859},[3845,7584,5825],{"class":3870},[3845,7586,3885],{"class":3859},[3845,7588,7589,7591,7593,7595,7597,7599,7601,7603],{"class":3847,"line":3921},[3845,7590,5911],{"class":3851},[3845,7592,3807],{"class":3859},[3845,7594,3864],{"class":3863},[3845,7596,3807],{"class":3859},[3845,7598,6853],{"class":3855},[3845,7600,3860],{"class":3859},[3845,7602,6830],{"class":3863},[3845,7604,4261],{"class":3859},[3845,7606,7607],{"class":3847,"line":3957},[3845,7608,5926],{"class":3859},[3845,7610,7611],{"class":3847,"line":4157},[3845,7612,3918],{"emptyLinePlaceholder":3917},[3845,7614,7615,7618,7620,7622],{"class":3847,"line":4170},[3845,7616,7617],{"class":3855},"  findAll",[3845,7619,5802],{"class":3859},[3845,7621,4603],{"class":3870},[3845,7623,7624],{"class":3859},"[] {\n",[3845,7626,7627,7629,7632,7634,7636,7638],{"class":3847,"line":4175},[3845,7628,5877],{"class":3891},[3845,7630,7631],{"class":3859}," [...",[3845,7633,6938],{"class":3851},[3845,7635,3807],{"class":3859},[3845,7637,3864],{"class":3863},[3845,7639,3905],{"class":3859},[3845,7641,7642],{"class":3847,"line":4180},[3845,7643,5926],{"class":3859},[3845,7645,7646],{"class":3847,"line":4195},[3845,7647,3911],{"class":3859},[3845,7649,7650],{"class":3847,"line":4218},[3845,7651,3918],{"emptyLinePlaceholder":3917},[3845,7653,7654,7656,7659],{"class":3847,"line":4238},[3845,7655,4092],{"class":3851},[3845,7657,7658],{"class":3870}," Product",[3845,7660,3885],{"class":3859},[3845,7662,7663,7665,7667,7669],{"class":3847,"line":4243},[3845,7664,4102],{"class":3863},[3845,7666,3867],{"class":3859},[3845,7668,4001],{"class":3870},[3845,7670,4109],{"class":3859},[3845,7672,7673,7675,7677,7679],{"class":3847,"line":4264},[3845,7674,4114],{"class":3863},[3845,7676,3867],{"class":3859},[3845,7678,4001],{"class":3870},[3845,7680,4109],{"class":3859},[3845,7682,7683,7686,7688,7690],{"class":3847,"line":5631},[3845,7684,7685],{"class":3863},"  price",[3845,7687,3867],{"class":3859},[3845,7689,3871],{"class":3870},[3845,7691,4109],{"class":3859},[3845,7693,7694],{"class":3847,"line":5637},[3845,7695,3911],{"class":3859},[3845,7697,7698],{"class":3847,"line":5643},[3845,7699,3918],{"emptyLinePlaceholder":3917},[3845,7701,7702,7704,7707,7710,7712,7714,7716],{"class":3847,"line":5649},[3845,7703,6793],{"class":3851},[3845,7705,7706],{"class":3870}," ProductRepository",[3845,7708,7709],{"class":3851}," extends",[3845,7711,7544],{"class":3870},[3845,7713,4600],{"class":3859},[3845,7715,6634],{"class":3870},[3845,7717,5783],{"class":3859},[3845,7719,7720,7723,7725,7727,7729,7731,7733,7735,7737,7739],{"class":3847,"line":5654},[3845,7721,7722],{"class":3855},"  findByName",[3845,7724,3860],{"class":3859},[3845,7726,4281],{"class":3863},[3845,7728,3867],{"class":3859},[3845,7730,4001],{"class":3870},[3845,7732,4890],{"class":3859},[3845,7734,6634],{"class":3870},[3845,7736,3879],{"class":3859},[3845,7738,3882],{"class":3870},[3845,7740,3885],{"class":3859},[3845,7742,7743,7745,7747,7749,7751,7753,7756,7758,7760,7763,7766,7768,7770,7772,7774],{"class":3847,"line":5659},[3845,7744,5877],{"class":3891},[3845,7746,5880],{"class":3851},[3845,7748,3807],{"class":3859},[3845,7750,3864],{"class":3863},[3845,7752,3807],{"class":3859},[3845,7754,7755],{"class":3855},"find",[3845,7757,3860],{"class":3859},[3845,7759,3832],{"class":3863},[3845,7761,7762],{"class":3851}," =>",[3845,7764,7765],{"class":3863}," p",[3845,7767,3807],{"class":3859},[3845,7769,4281],{"class":3863},[3845,7771,6266],{"class":3859},[3845,7773,4281],{"class":3863},[3845,7775,4261],{"class":3859},[3845,7777,7778],{"class":3847,"line":5665},[3845,7779,5926],{"class":3859},[3845,7781,7782],{"class":3847,"line":5671},[3845,7783,3918],{"emptyLinePlaceholder":3917},[3845,7785,7786,7789,7791,7794,7796,7798,7800,7802],{"class":3847,"line":5677},[3845,7787,7788],{"class":3855},"  findExpensive",[3845,7790,3860],{"class":3859},[3845,7792,7793],{"class":3863},"minPrice",[3845,7795,3867],{"class":3859},[3845,7797,3871],{"class":3870},[3845,7799,4890],{"class":3859},[3845,7801,6634],{"class":3870},[3845,7803,7624],{"class":3859},[3845,7805,7806,7808,7810,7812,7814,7816,7819,7821,7823,7825,7827,7829,7832,7835,7837],{"class":3847,"line":5682},[3845,7807,5877],{"class":3891},[3845,7809,5880],{"class":3851},[3845,7811,3807],{"class":3859},[3845,7813,3864],{"class":3863},[3845,7815,3807],{"class":3859},[3845,7817,7818],{"class":3855},"filter",[3845,7820,3860],{"class":3859},[3845,7822,3832],{"class":3863},[3845,7824,7762],{"class":3851},[3845,7826,7765],{"class":3863},[3845,7828,3807],{"class":3859},[3845,7830,7831],{"class":3863},"price",[3845,7833,7834],{"class":3859}," >= ",[3845,7836,7793],{"class":3863},[3845,7838,4261],{"class":3859},[3845,7840,7841],{"class":3847,"line":5688},[3845,7842,5926],{"class":3859},[3845,7844,7845],{"class":3847,"line":5694},[3845,7846,3911],{"class":3859},[3845,7848,7849],{"class":3847,"line":5700},[3845,7850,3918],{"emptyLinePlaceholder":3917},[3845,7852,7853,7855,7858,7860,7862,7864],{"class":3847,"line":5705},[3845,7854,3924],{"class":3851},[3845,7856,7857],{"class":3927}," repo",[3845,7859,3931],{"class":3859},[3845,7861,7053],{"class":3851},[3845,7863,7706],{"class":3855},[3845,7865,6900],{"class":3859},[3845,7867,7868,7871,7873,7876,7879,7881,7884,7886,7888,7891,7893,7896,7899],{"class":3847,"line":5711},[3845,7869,7870],{"class":3863},"repo",[3845,7872,3807],{"class":3859},[3845,7874,7875],{"class":3855},"add",[3845,7877,7878],{"class":3859},"({ ",[3845,7880,4201],{"class":3863},[3845,7882,7883],{"class":4048}," 'prod-1'",[3845,7885,3943],{"class":3859},[3845,7887,4209],{"class":3863},[3845,7889,7890],{"class":4048}," 'Ноутбук'",[3845,7892,3943],{"class":3859},[3845,7894,7895],{"class":3863},"price:",[3845,7897,7898],{"class":3901}," 25000",[3845,7900,7901],{"class":3859}," });\n",[3845,7903,7904,7906,7908,7910,7912,7914,7917,7919,7921,7924,7926,7928,7931],{"class":3847,"line":5717},[3845,7905,7870],{"class":3863},[3845,7907,3807],{"class":3859},[3845,7909,7875],{"class":3855},[3845,7911,7878],{"class":3859},[3845,7913,4201],{"class":3863},[3845,7915,7916],{"class":4048}," 'prod-2'",[3845,7918,3943],{"class":3859},[3845,7920,4209],{"class":3863},[3845,7922,7923],{"class":4048}," 'Миша'",[3845,7925,3943],{"class":3859},[3845,7927,7895],{"class":3863},[3845,7929,7930],{"class":3901}," 500",[3845,7932,7901],{"class":3859},[3845,7934,7935],{"class":3847,"line":5723},[3845,7936,3918],{"emptyLinePlaceholder":3917},[3845,7938,7939,7941,7944,7946,7948,7950,7953,7955,7958],{"class":3847,"line":5729},[3845,7940,3924],{"class":3851},[3845,7942,7943],{"class":3927}," laptop",[3845,7945,3931],{"class":3859},[3845,7947,7870],{"class":3863},[3845,7949,3807],{"class":3859},[3845,7951,7952],{"class":3855},"findByName",[3845,7954,3860],{"class":3859},[3845,7956,7957],{"class":4048},"'Ноутбук'",[3845,7959,4261],{"class":3859},[3845,7961,7962,7964,7966,7968,7970,7973,7975,7977,7979],{"class":3847,"line":5735},[3845,7963,3960],{"class":3863},[3845,7965,3807],{"class":3859},[3845,7967,3965],{"class":3855},[3845,7969,3860],{"class":3859},[3845,7971,7972],{"class":3863},"laptop",[3845,7974,4278],{"class":3859},[3845,7976,7831],{"class":3863},[3845,7978,3973],{"class":3859},[3845,7980,7981],{"class":3976},"\u002F\u002F 25000\n",[3845,7983,7984],{"class":3847,"line":7186},[3845,7985,3918],{"emptyLinePlaceholder":3917},[3845,7987,7988,7990,7993,7995,7997,7999,8002,8004,8007],{"class":3847,"line":7194},[3845,7989,3924],{"class":3851},[3845,7991,7992],{"class":3927}," expensive",[3845,7994,3931],{"class":3859},[3845,7996,7870],{"class":3863},[3845,7998,3807],{"class":3859},[3845,8000,8001],{"class":3855},"findExpensive",[3845,8003,3860],{"class":3859},[3845,8005,8006],{"class":3901},"10000",[3845,8008,4261],{"class":3859},[3845,8010,8011,8013,8015,8017,8019,8022,8024,8026,8028],{"class":3847,"line":7199},[3845,8012,3960],{"class":3863},[3845,8014,3807],{"class":3859},[3845,8016,3965],{"class":3855},[3845,8018,3860],{"class":3859},[3845,8020,8021],{"class":3863},"expensive",[3845,8023,3807],{"class":3859},[3845,8025,6947],{"class":3863},[3845,8027,3973],{"class":3859},[3845,8029,8030],{"class":3976},"\u002F\u002F 1\n",[3832,8032,7272,8033,8036,8037,8040,8041,8043,8044,8046,8047,5754,8049,8052],{},[3756,8034,8035],{},"ProductRepository"," успадковує ",[3756,8038,8039],{},"BaseRepository\u003CProduct>",", фіксуючи типовий параметр ",[3756,8042,4603],{}," як ",[3756,8045,6634],{},". Нащадок отримує типобезпечні методи ",[3756,8048,7875],{},[3756,8050,8051],{},"findAll"," та додає власні методи, специфічні для продуктів.",[5305,8054,8055,8056,4301,8059,8062,8063,8066],{},"Generic базові класи дозволяють створювати ",[3785,8057,8058],{},"універсальні репозиторії",[4303,8060,8061],{},"repository pattern",") для роботи з даними. Замість дублювання CRUD-операцій для кожної сутності (User, Product, Order), ви пишете один ",[3756,8064,8065],{},"BaseRepository\u003CT>"," та успадковуєте його, додаючи лише специфічні запити.",[3824,8068],{},[3827,8070,8072],{"id":8071},"constraints-обмеження-типових-параметрів","Constraints: обмеження типових параметрів",[3832,8074,8075,8076,8078,8079,8082,8083,8085],{},"Іноді generic функція або клас потребує, щоб типовий параметр ",[3756,8077,4603],{}," мав певні властивості або методи. ",[3785,8080,8081],{},"Constraints"," (обмеження) через ключове слово ",[3756,8084,3768],{}," дозволяють накласти такі вимоги.",[4312,8087,8089],{"id":8088},"проблема-без-constraints","Проблема без constraints",[3832,8091,8092],{},"Припустимо, ми пишемо функцію, що виводить довжину чогось:",[3836,8094,8096],{"className":3838,"code":8095,"language":3840,"meta":3841,"style":3841},"function logLength\u003CT>(item: T): void {\n  \u002F\u002F ❌ Error: Property 'length' does not exist on type 'T'\n  console.log(item.length);\n}\n",[3756,8097,8098,8123,8128,8146],{"__ignoreMap":3841},[3845,8099,8100,8102,8105,8107,8109,8111,8113,8115,8117,8119,8121],{"class":3847,"line":3848},[3845,8101,3852],{"class":3851},[3845,8103,8104],{"class":3855}," logLength",[3845,8106,4600],{"class":3859},[3845,8108,4603],{"class":3870},[3845,8110,4606],{"class":3859},[3845,8112,6830],{"class":3863},[3845,8114,3867],{"class":3859},[3845,8116,4603],{"class":3870},[3845,8118,4890],{"class":3859},[3845,8120,5825],{"class":3870},[3845,8122,3885],{"class":3859},[3845,8124,8125],{"class":3847,"line":3888},[3845,8126,8127],{"class":3976},"  \u002F\u002F ❌ Error: Property 'length' does not exist on type 'T'\n",[3845,8129,8130,8132,8134,8136,8138,8140,8142,8144],{"class":3847,"line":3908},[3845,8131,6397],{"class":3863},[3845,8133,3807],{"class":3859},[3845,8135,3965],{"class":3855},[3845,8137,3860],{"class":3859},[3845,8139,6830],{"class":3863},[3845,8141,3807],{"class":3859},[3845,8143,6947],{"class":3863},[3845,8145,4261],{"class":3859},[3845,8147,8148],{"class":3847,"line":3914},[3845,8149,3911],{"class":3859},[3832,8151,8152,8153,8155,8156,8158,8159,8161,8162,3943,8164,8166,8167,8169,8170,8173],{},"Компілятор не знає, що ",[3756,8154,4603],{}," має властивість ",[3756,8157,6947],{},". Тип ",[3756,8160,4603],{}," може бути будь-яким: ",[3756,8163,3871],{},[3756,8165,6972],{},", об'єкт без ",[3756,8168,6947],{}," — доступ до ",[3756,8171,8172],{},"item.length"," небезпечний.",[4312,8175,8177],{"id":8176},"рішення-constraint-через-extends","Рішення: constraint через extends",[3832,8179,8180,8181,8183,8184,4322],{},"Додамо обмеження, що ",[3756,8182,4603],{}," має мати властивість ",[3756,8185,6947],{},[3836,8187,8189],{"className":3838,"code":8188,"language":3840,"meta":3841,"style":3841},"interface HasLength {\n  length: number;\n}\n\nfunction logLength\u003CT extends HasLength>(item: T): void {\n  console.log(`Довжина: ${item.length}`);\n}\n\nlogLength('TypeScript');       \u002F\u002F ✅ OK: string має length\nlogLength([1, 2, 3, 4]);       \u002F\u002F ✅ OK: array має length\nlogLength({ length: 10 });     \u002F\u002F ✅ OK: об'єкт має length\n\n\u002F\u002F ❌ Error: Argument of type 'number' is not assignable to parameter of type 'HasLength'\n\u002F\u002F logLength(42);\n",[3756,8190,8191,8200,8211,8215,8219,8247,8278,8282,8286,8301,8328,8345,8349,8354],{"__ignoreMap":3841},[3845,8192,8193,8195,8198],{"class":3847,"line":3848},[3845,8194,4092],{"class":3851},[3845,8196,8197],{"class":3870}," HasLength",[3845,8199,3885],{"class":3859},[3845,8201,8202,8205,8207,8209],{"class":3847,"line":3888},[3845,8203,8204],{"class":3863},"  length",[3845,8206,3867],{"class":3859},[3845,8208,3871],{"class":3870},[3845,8210,4109],{"class":3859},[3845,8212,8213],{"class":3847,"line":3908},[3845,8214,3911],{"class":3859},[3845,8216,8217],{"class":3847,"line":3914},[3845,8218,3918],{"emptyLinePlaceholder":3917},[3845,8220,8221,8223,8225,8227,8229,8231,8233,8235,8237,8239,8241,8243,8245],{"class":3847,"line":3921},[3845,8222,3852],{"class":3851},[3845,8224,8104],{"class":3855},[3845,8226,4600],{"class":3859},[3845,8228,4603],{"class":3870},[3845,8230,7709],{"class":3851},[3845,8232,8197],{"class":3870},[3845,8234,4606],{"class":3859},[3845,8236,6830],{"class":3863},[3845,8238,3867],{"class":3859},[3845,8240,4603],{"class":3870},[3845,8242,4890],{"class":3859},[3845,8244,5825],{"class":3870},[3845,8246,3885],{"class":3859},[3845,8248,8249,8251,8253,8255,8257,8260,8263,8265,8268,8270,8273,8276],{"class":3847,"line":3957},[3845,8250,6397],{"class":3863},[3845,8252,3807],{"class":3859},[3845,8254,3965],{"class":3855},[3845,8256,3860],{"class":3859},[3845,8258,8259],{"class":4048},"`Довжина: ",[3845,8261,8262],{"class":3851},"${",[3845,8264,6830],{"class":3863},[3845,8266,3807],{"class":8267},"sD7JJ",[3845,8269,6947],{"class":3863},[3845,8271,8272],{"class":3851},"}",[3845,8274,8275],{"class":4048},"`",[3845,8277,4261],{"class":3859},[3845,8279,8280],{"class":3847,"line":4157},[3845,8281,3911],{"class":3859},[3845,8283,8284],{"class":3847,"line":4170},[3845,8285,3918],{"emptyLinePlaceholder":3917},[3845,8287,8288,8291,8293,8295,8298],{"class":3847,"line":4175},[3845,8289,8290],{"class":3855},"logLength",[3845,8292,3860],{"class":3859},[3845,8294,4049],{"class":4048},[3845,8296,8297],{"class":3859},");       ",[3845,8299,8300],{"class":3976},"\u002F\u002F ✅ OK: string має length\n",[3845,8302,8303,8305,8307,8309,8311,8313,8315,8318,8320,8323,8325],{"class":3847,"line":4180},[3845,8304,8290],{"class":3855},[3845,8306,3937],{"class":3859},[3845,8308,5531],{"class":3901},[3845,8310,3943],{"class":3859},[3845,8312,4471],{"class":3901},[3845,8314,3943],{"class":3859},[3845,8316,8317],{"class":3901},"3",[3845,8319,3943],{"class":3859},[3845,8321,8322],{"class":3901},"4",[3845,8324,4672],{"class":3859},[3845,8326,8327],{"class":3976},"\u002F\u002F ✅ OK: array має length\n",[3845,8329,8330,8332,8334,8337,8339,8342],{"class":3847,"line":4195},[3845,8331,8290],{"class":3855},[3845,8333,7878],{"class":3859},[3845,8335,8336],{"class":3863},"length:",[3845,8338,5472],{"class":3901},[3845,8340,8341],{"class":3859}," });     ",[3845,8343,8344],{"class":3976},"\u002F\u002F ✅ OK: об'єкт має length\n",[3845,8346,8347],{"class":3847,"line":4218},[3845,8348,3918],{"emptyLinePlaceholder":3917},[3845,8350,8351],{"class":3847,"line":4238},[3845,8352,8353],{"class":3976},"\u002F\u002F ❌ Error: Argument of type 'number' is not assignable to parameter of type 'HasLength'\n",[3845,8355,8356],{"class":3847,"line":4243},[3845,8357,8358],{"class":3976},"\u002F\u002F logLength(42);\n",[3832,8360,8361,8362,8365,8366,8368,8369,8372,8373,8376,8377,8379],{},"Constraint ",[3756,8363,8364],{},"T extends HasLength"," означає: \"тип ",[3756,8367,4603],{}," має задовольняти інтерфейс ",[3756,8370,8371],{},"HasLength",", тобто мати властивість ",[3756,8374,8375],{},"length: number","\". TypeScript перевіряє цю умову при виклику функції та дозволяє доступ до ",[3756,8378,8172],{}," всередині функції.",[4827,8381,8382,8385,8386,8388,8389,8391,8392,8394,8395,8398,8399,8401,8402,8404],{},[3785,8383,8384],{},"Structural typing знову працює:"," Constraint ",[3756,8387,8364],{}," не вимагає, щоб тип ",[3756,8390,4603],{}," явно реалізовував ",[3756,8393,8371],{}," через ",[3756,8396,8397],{},"implements",". Достатньо, щоб структура типу містила ",[3756,8400,8375],{},". Рядки, масиви та будь-які об'єкти з полем ",[3756,8403,6947],{}," автоматично задовольняють цю вимогу.",[4312,8406,8408],{"id":8407},"constraint-через-конкретний-тип-або-union","Constraint через конкретний тип або union",[3832,8410,8411],{},"Можна обмежити типовий параметр конкретним типом або union типом:",[3836,8413,8415],{"className":3838,"code":8414,"language":3840,"meta":3841,"style":3841},"function processNumber\u003CT extends number>(value: T): T {\n  return value * 2 as T;  \u002F\u002F множимо на 2 (приведення типу для збереження T)\n}\n\nconst result = processNumber(10);  \u002F\u002F result: 10 (TypeScript зберігає літеральний тип)\n\n\u002F\u002F ❌ Error:\n\u002F\u002F processNumber('text');  \u002F\u002F Argument of type 'string' is not assignable to parameter of type 'number'\n",[3756,8416,8417,8447,8470,8474,8478,8498,8502,8507],{"__ignoreMap":3841},[3845,8418,8419,8421,8424,8426,8428,8430,8433,8435,8437,8439,8441,8443,8445],{"class":3847,"line":3848},[3845,8420,3852],{"class":3851},[3845,8422,8423],{"class":3855}," processNumber",[3845,8425,4600],{"class":3859},[3845,8427,4603],{"class":3870},[3845,8429,7709],{"class":3851},[3845,8431,8432],{"class":3870}," number",[3845,8434,4606],{"class":3859},[3845,8436,4963],{"class":3863},[3845,8438,3867],{"class":3859},[3845,8440,4603],{"class":3870},[3845,8442,4890],{"class":3859},[3845,8444,4603],{"class":3870},[3845,8446,3885],{"class":3859},[3845,8448,8449,8451,8453,8456,8458,8461,8464,8467],{"class":3847,"line":3888},[3845,8450,3892],{"class":3891},[3845,8452,4980],{"class":3863},[3845,8454,8455],{"class":3859}," * ",[3845,8457,4471],{"class":3901},[3845,8459,8460],{"class":3891}," as",[3845,8462,8463],{"class":3870}," T",[3845,8465,8466],{"class":3859},";  ",[3845,8468,8469],{"class":3976},"\u002F\u002F множимо на 2 (приведення типу для збереження T)\n",[3845,8471,8472],{"class":3847,"line":3908},[3845,8473,3911],{"class":3859},[3845,8475,8476],{"class":3847,"line":3914},[3845,8477,3918],{"emptyLinePlaceholder":3917},[3845,8479,8480,8482,8484,8486,8489,8491,8493,8495],{"class":3847,"line":3921},[3845,8481,3924],{"class":3851},[3845,8483,6361],{"class":3927},[3845,8485,3931],{"class":3859},[3845,8487,8488],{"class":3855},"processNumber",[3845,8490,3860],{"class":3859},[3845,8492,3940],{"class":3901},[3845,8494,3973],{"class":3859},[3845,8496,8497],{"class":3976},"\u002F\u002F result: 10 (TypeScript зберігає літеральний тип)\n",[3845,8499,8500],{"class":3847,"line":3957},[3845,8501,3918],{"emptyLinePlaceholder":3917},[3845,8503,8504],{"class":3847,"line":4157},[3845,8505,8506],{"class":3976},"\u002F\u002F ❌ Error:\n",[3845,8508,8509,8512],{"class":3847,"line":4170},[3845,8510,8511],{"class":3976},"\u002F\u002F processNumber('text');",[3845,8513,8514],{"class":3976},"  \u002F\u002F Argument of type 'string' is not assignable to parameter of type 'number'\n",[3832,8516,8517],{},"Або обмежити union типом:",[3836,8519,8521],{"className":3838,"code":8520,"language":3840,"meta":3841,"style":3841},"type Primitive = string | number | boolean;\n\nfunction clone\u003CT extends Primitive>(value: T): T {\n  return value;  \u002F\u002F примітиви копіюються за значенням\n}\n\nconst num = clone(42);          \u002F\u002F num: 42\nconst str = clone('Hello');     \u002F\u002F str: \"Hello\"\nconst bool = clone(true);       \u002F\u002F bool: true\n\n\u002F\u002F ❌ Error:\n\u002F\u002F clone({ x: 10 });  \u002F\u002F Argument of type '{ x: number; }' is not assignable to parameter of type 'Primitive'\n",[3756,8522,8523,8544,8548,8577,8588,8592,8596,8616,8635,8655,8659,8663],{"__ignoreMap":3841},[3845,8524,8525,8527,8530,8532,8534,8536,8538,8540,8542],{"class":3847,"line":3848},[3845,8526,6157],{"class":3851},[3845,8528,8529],{"class":3870}," Primitive",[3845,8531,3931],{"class":3859},[3845,8533,4001],{"class":3870},[3845,8535,3879],{"class":3859},[3845,8537,3871],{"class":3870},[3845,8539,3879],{"class":3859},[3845,8541,6972],{"class":3870},[3845,8543,4109],{"class":3859},[3845,8545,8546],{"class":3847,"line":3888},[3845,8547,3918],{"emptyLinePlaceholder":3917},[3845,8549,8550,8552,8555,8557,8559,8561,8563,8565,8567,8569,8571,8573,8575],{"class":3847,"line":3908},[3845,8551,3852],{"class":3851},[3845,8553,8554],{"class":3855}," clone",[3845,8556,4600],{"class":3859},[3845,8558,4603],{"class":3870},[3845,8560,7709],{"class":3851},[3845,8562,8529],{"class":3870},[3845,8564,4606],{"class":3859},[3845,8566,4963],{"class":3863},[3845,8568,3867],{"class":3859},[3845,8570,4603],{"class":3870},[3845,8572,4890],{"class":3859},[3845,8574,4603],{"class":3870},[3845,8576,3885],{"class":3859},[3845,8578,8579,8581,8583,8585],{"class":3847,"line":3914},[3845,8580,3892],{"class":3891},[3845,8582,4980],{"class":3863},[3845,8584,8466],{"class":3859},[3845,8586,8587],{"class":3976},"\u002F\u002F примітиви копіюються за значенням\n",[3845,8589,8590],{"class":3847,"line":3921},[3845,8591,3911],{"class":3859},[3845,8593,8594],{"class":3847,"line":3957},[3845,8595,3918],{"emptyLinePlaceholder":3917},[3845,8597,8598,8600,8602,8604,8607,8609,8611,8613],{"class":3847,"line":4157},[3845,8599,3924],{"class":3851},[3845,8601,4375],{"class":3927},[3845,8603,3931],{"class":3859},[3845,8605,8606],{"class":3855},"clone",[3845,8608,3860],{"class":3859},[3845,8610,5011],{"class":3901},[3845,8612,5014],{"class":3859},[3845,8614,8615],{"class":3976},"\u002F\u002F num: 42\n",[3845,8617,8618,8620,8622,8624,8626,8628,8630,8632],{"class":3847,"line":4170},[3845,8619,3924],{"class":3851},[3845,8621,4401],{"class":3927},[3845,8623,3931],{"class":3859},[3845,8625,8606],{"class":3855},[3845,8627,3860],{"class":3859},[3845,8629,5037],{"class":4048},[3845,8631,5040],{"class":3859},[3845,8633,8634],{"class":3976},"\u002F\u002F str: \"Hello\"\n",[3845,8636,8637,8639,8642,8644,8646,8648,8650,8652],{"class":3847,"line":4175},[3845,8638,3924],{"class":3851},[3845,8640,8641],{"class":3927}," bool",[3845,8643,3931],{"class":3859},[3845,8645,8606],{"class":3855},[3845,8647,3860],{"class":3859},[3845,8649,5463],{"class":3851},[3845,8651,8297],{"class":3859},[3845,8653,8654],{"class":3976},"\u002F\u002F bool: true\n",[3845,8656,8657],{"class":3847,"line":4180},[3845,8658,3918],{"emptyLinePlaceholder":3917},[3845,8660,8661],{"class":3847,"line":4195},[3845,8662,8506],{"class":3976},[3845,8664,8665,8668],{"class":3847,"line":4218},[3845,8666,8667],{"class":3976},"\u002F\u002F clone({ x: 10 });",[3845,8669,8670],{"class":3976},"  \u002F\u002F Argument of type '{ x: number; }' is not assignable to parameter of type 'Primitive'\n",[4312,8672,8674],{"id":8673},"використання-typof-у-constraints","Використання typof у constraints",[3832,8676,8677],{},"Іноді потрібно обмежити типовий параметр на основі типу іншого параметра:",[3836,8679,8681],{"className":3838,"code":8680,"language":3840,"meta":3841,"style":3841},"function getProperty\u003CT, K extends keyof T>(obj: T, key: K): T[K] {\n  return obj[key];\n}\n\nconst user = {\n  id: 'user-1',\n  name: 'Марія',\n  age: 25\n};\n\nconst userName = getProperty(user, 'name');  \u002F\u002F userName: string\nconst userAge = getProperty(user, 'age');    \u002F\u002F userAge: number\n\n\u002F\u002F ❌ Error: Argument of type '\"address\"' is not assignable to parameter of type '\"id\" | \"name\" | \"age\"'\n\u002F\u002F getProperty(user, 'address');\n",[3756,8682,8683,8734,8747,8751,8755,8764,8773,8782,8790,8794,8798,8824,8850,8854,8859],{"__ignoreMap":3841},[3845,8684,8685,8687,8690,8692,8694,8696,8699,8701,8704,8706,8708,8711,8713,8715,8717,8720,8722,8724,8726,8728,8730,8732],{"class":3847,"line":3848},[3845,8686,3852],{"class":3851},[3845,8688,8689],{"class":3855}," getProperty",[3845,8691,4600],{"class":3859},[3845,8693,4603],{"class":3870},[3845,8695,3943],{"class":3859},[3845,8697,8698],{"class":3870},"K",[3845,8700,7709],{"class":3851},[3845,8702,8703],{"class":3851}," keyof",[3845,8705,8463],{"class":3870},[3845,8707,4606],{"class":3859},[3845,8709,8710],{"class":3863},"obj",[3845,8712,3867],{"class":3859},[3845,8714,4603],{"class":3870},[3845,8716,3943],{"class":3859},[3845,8718,8719],{"class":3863},"key",[3845,8721,3867],{"class":3859},[3845,8723,8698],{"class":3870},[3845,8725,4890],{"class":3859},[3845,8727,4603],{"class":3870},[3845,8729,3898],{"class":3859},[3845,8731,8698],{"class":3870},[3845,8733,5390],{"class":3859},[3845,8735,8736,8738,8741,8743,8745],{"class":3847,"line":3888},[3845,8737,3892],{"class":3891},[3845,8739,8740],{"class":3863}," obj",[3845,8742,3898],{"class":3859},[3845,8744,8719],{"class":3863},[3845,8746,3905],{"class":3859},[3845,8748,8749],{"class":3847,"line":3908},[3845,8750,3911],{"class":3859},[3845,8752,8753],{"class":3847,"line":3914},[3845,8754,3918],{"emptyLinePlaceholder":3917},[3845,8756,8757,8759,8761],{"class":3847,"line":3921},[3845,8758,3924],{"class":3851},[3845,8760,4429],{"class":3927},[3845,8762,8763],{"class":3859}," = {\n",[3845,8765,8766,8769,8771],{"class":3847,"line":3957},[3845,8767,8768],{"class":3863},"  id:",[3845,8770,4204],{"class":4048},[3845,8772,5865],{"class":3859},[3845,8774,8775,8778,8780],{"class":3847,"line":4157},[3845,8776,8777],{"class":3863},"  name:",[3845,8779,4232],{"class":4048},[3845,8781,5865],{"class":3859},[3845,8783,8784,8787],{"class":3847,"line":4170},[3845,8785,8786],{"class":3863},"  age:",[3845,8788,8789],{"class":3901}," 25\n",[3845,8791,8792],{"class":3847,"line":4175},[3845,8793,5931],{"class":3859},[3845,8795,8796],{"class":3847,"line":4180},[3845,8797,3918],{"emptyLinePlaceholder":3917},[3845,8799,8800,8802,8805,8807,8810,8812,8814,8816,8819,8821],{"class":3847,"line":4195},[3845,8801,3924],{"class":3851},[3845,8803,8804],{"class":3927}," userName",[3845,8806,3931],{"class":3859},[3845,8808,8809],{"class":3855},"getProperty",[3845,8811,3860],{"class":3859},[3845,8813,4513],{"class":3863},[3845,8815,3943],{"class":3859},[3845,8817,8818],{"class":4048},"'name'",[3845,8820,3973],{"class":3859},[3845,8822,8823],{"class":3976},"\u002F\u002F userName: string\n",[3845,8825,8826,8828,8831,8833,8835,8837,8839,8841,8844,8847],{"class":3847,"line":4218},[3845,8827,3924],{"class":3851},[3845,8829,8830],{"class":3927}," userAge",[3845,8832,3931],{"class":3859},[3845,8834,8809],{"class":3855},[3845,8836,3860],{"class":3859},[3845,8838,4513],{"class":3863},[3845,8840,3943],{"class":3859},[3845,8842,8843],{"class":4048},"'age'",[3845,8845,8846],{"class":3859},");    ",[3845,8848,8849],{"class":3976},"\u002F\u002F userAge: number\n",[3845,8851,8852],{"class":3847,"line":4238},[3845,8853,3918],{"emptyLinePlaceholder":3917},[3845,8855,8856],{"class":3847,"line":4243},[3845,8857,8858],{"class":3976},"\u002F\u002F ❌ Error: Argument of type '\"address\"' is not assignable to parameter of type '\"id\" | \"name\" | \"age\"'\n",[3845,8860,8861],{"class":3847,"line":4264},[3845,8862,8863],{"class":3976},"\u002F\u002F getProperty(user, 'address');\n",[3832,8865,8361,8866,8365,8869,8871,8872,8874,8875,8878,8879,8881,8882,8884,8885,8888,8889,8892],{},[3756,8867,8868],{},"K extends keyof T",[3756,8870,8698],{}," має бути одним із ключів типу ",[3756,8873,4603],{},"\". Оператор ",[3756,8876,8877],{},"keyof T"," генерує union літеральних типів ключів об'єкта ",[3756,8880,4603],{},". Для ",[3756,8883,4513],{}," це ",[3756,8886,8887],{},"\"id\" | \"name\" | \"age\"",". Тип повернення ",[3756,8890,8891],{},"T[K]"," — це тип відповідної властивості (indexed access type).",[5549,8894,8896],{"alt":8895},"Generic constraints через extends",[3836,8897,8899],{"className":5554,"code":8898,"language":5556,"meta":3841,"style":3841},"@startuml\nskinparam style plain\nskinparam backgroundColor #FFFFFF\n\nrectangle \"Generic без constraints\" as NoConst #FEE2E2 {\n    rectangle \"function process\u003CT>(item: T)\" as Func1\n    note bottom\n    T може бути будь-яким типом.\n    Не можна звертатися до\n    властивостей T без перевірок.\n    end note\n}\n\nrectangle \"Generic з constraint\" as WithConst #DCFCE7 {\n    rectangle \"function process\u003CT extends HasLength>(item: T)\" as Func2\n    note bottom\n    T має задовольняти HasLength.\n    Можна безпечно звертатися\n    до item.length всередині функції.\n    end note\n}\n\nrectangle \"Дозволені типи\" as Allowed #E0F2FE {\n    rectangle \"string\\narray\\n{ length: number }\" as Types\n}\n\nWithConst -down-> Allowed : приймає лише\nNoConst -down-> Types : приймає будь-що (небезпечно)\n\n@enduml\n",[3756,8900,8901,8905,8909,8913,8917,8922,8927,8932,8937,8942,8947,8952,8956,8960,8965,8970,8974,8979,8984,8989,8993,8997,9001,9006,9011,9015,9019,9024,9029,9033],{"__ignoreMap":3841},[3845,8902,8903],{"class":3847,"line":3848},[3845,8904,5563],{},[3845,8906,8907],{"class":3847,"line":3888},[3845,8908,5568],{},[3845,8910,8911],{"class":3847,"line":3908},[3845,8912,5573],{},[3845,8914,8915],{"class":3847,"line":3914},[3845,8916,3918],{"emptyLinePlaceholder":3917},[3845,8918,8919],{"class":3847,"line":3921},[3845,8920,8921],{},"rectangle \"Generic без constraints\" as NoConst #FEE2E2 {\n",[3845,8923,8924],{"class":3847,"line":3957},[3845,8925,8926],{},"    rectangle \"function process\u003CT>(item: T)\" as Func1\n",[3845,8928,8929],{"class":3847,"line":4157},[3845,8930,8931],{},"    note bottom\n",[3845,8933,8934],{"class":3847,"line":4170},[3845,8935,8936],{},"    T може бути будь-яким типом.\n",[3845,8938,8939],{"class":3847,"line":4175},[3845,8940,8941],{},"    Не можна звертатися до\n",[3845,8943,8944],{"class":3847,"line":4180},[3845,8945,8946],{},"    властивостей T без перевірок.\n",[3845,8948,8949],{"class":3847,"line":4195},[3845,8950,8951],{},"    end note\n",[3845,8953,8954],{"class":3847,"line":4218},[3845,8955,3911],{},[3845,8957,8958],{"class":3847,"line":4238},[3845,8959,3918],{"emptyLinePlaceholder":3917},[3845,8961,8962],{"class":3847,"line":4243},[3845,8963,8964],{},"rectangle \"Generic з constraint\" as WithConst #DCFCE7 {\n",[3845,8966,8967],{"class":3847,"line":4264},[3845,8968,8969],{},"    rectangle \"function process\u003CT extends HasLength>(item: T)\" as Func2\n",[3845,8971,8972],{"class":3847,"line":5631},[3845,8973,8931],{},[3845,8975,8976],{"class":3847,"line":5637},[3845,8977,8978],{},"    T має задовольняти HasLength.\n",[3845,8980,8981],{"class":3847,"line":5643},[3845,8982,8983],{},"    Можна безпечно звертатися\n",[3845,8985,8986],{"class":3847,"line":5649},[3845,8987,8988],{},"    до item.length всередині функції.\n",[3845,8990,8991],{"class":3847,"line":5654},[3845,8992,8951],{},[3845,8994,8995],{"class":3847,"line":5659},[3845,8996,3911],{},[3845,8998,8999],{"class":3847,"line":5665},[3845,9000,3918],{"emptyLinePlaceholder":3917},[3845,9002,9003],{"class":3847,"line":5671},[3845,9004,9005],{},"rectangle \"Дозволені типи\" as Allowed #E0F2FE {\n",[3845,9007,9008],{"class":3847,"line":5677},[3845,9009,9010],{},"    rectangle \"string\\narray\\n{ length: number }\" as Types\n",[3845,9012,9013],{"class":3847,"line":5682},[3845,9014,3911],{},[3845,9016,9017],{"class":3847,"line":5688},[3845,9018,3918],{"emptyLinePlaceholder":3917},[3845,9020,9021],{"class":3847,"line":5694},[3845,9022,9023],{},"WithConst -down-> Allowed : приймає лише\n",[3845,9025,9026],{"class":3847,"line":5700},[3845,9027,9028],{},"NoConst -down-> Types : приймає будь-що (небезпечно)\n",[3845,9030,9031],{"class":3847,"line":5705},[3845,9032,3918],{"emptyLinePlaceholder":3917},[3845,9034,9035],{"class":3847,"line":5711},[3845,9036,5738],{},[3824,9038],{},[3827,9040,9042],{"id":9041},"практичні-патерни-з-generics","Практичні патерни з generics",[4312,9044,9046],{"id":9045},"патерн-repository-з-фільтрацією","Патерн: Repository з фільтрацією",[3836,9048,9050],{"className":3838,"code":9049,"language":3840,"meta":3841,"style":3841},"interface Entity {\n  id: string;\n}\n\nclass Repository\u003CT extends Entity> {\n  private items: T[] = [];\n\n  add(item: T): void {\n    this.items.push(item);\n  }\n\n  findById(id: string): T | undefined {\n    return this.items.find(item => item.id === id);\n  }\n\n  findBy(predicate: (item: T) => boolean): T[] {\n    return this.items.filter(predicate);\n  }\n\n  update(id: string, updates: Partial\u003CT>): boolean {\n    const item = this.findById(id);\n    if (item) {\n      Object.assign(item, updates);\n      return true;\n    }\n    return false;\n  }\n\n  delete(id: string): boolean {\n    const index = this.items.findIndex(item => item.id === id);\n    if (index !== -1) {\n      this.items.splice(index, 1);\n      return true;\n    }\n    return false;\n  }\n\n  getAll(): T[] {\n    return [...this.items];\n  }\n}\n\ninterface Product extends Entity {\n  name: string;\n  price: number;\n  category: string;\n}\n\nconst productRepo = new Repository\u003CProduct>();\nproductRepo.add({ id: 'prod-1', name: 'Ноутбук', price: 25000, category: 'Електроніка' });\nproductRepo.add({ id: 'prod-2', name: 'Стілець', price: 2000, category: 'Меблі' });\n\nconst electronics = productRepo.findBy(p => p.category === 'Електроніка');\nconsole.log(electronics);  \u002F\u002F [{ id: 'prod-1', name: 'Ноутбук', ... }]\n\nproductRepo.update('prod-1', { price: 23000 });\nconst laptop = productRepo.findById('prod-1');\nconsole.log(laptop?.price);  \u002F\u002F 23000\n",[3756,9051,9052,9061,9071,9075,9079,9096,9108,9112,9130,9148,9152,9156,9179,9212,9216,9220,9254,9274,9278,9282,9315,9337,9348,9368,9377,9382,9390,9394,9398,9417,9455,9471,9495,9503,9507,9515,9519,9523,9534,9548,9552,9557,9562,9575,9586,9597,9609,9614,9619,9639,9677,9715,9720,9757,9776,9781,9805,9826],{"__ignoreMap":3841},[3845,9053,9054,9056,9059],{"class":3847,"line":3848},[3845,9055,4092],{"class":3851},[3845,9057,9058],{"class":3870}," Entity",[3845,9060,3885],{"class":3859},[3845,9062,9063,9065,9067,9069],{"class":3847,"line":3888},[3845,9064,4102],{"class":3863},[3845,9066,3867],{"class":3859},[3845,9068,4001],{"class":3870},[3845,9070,4109],{"class":3859},[3845,9072,9073],{"class":3847,"line":3908},[3845,9074,3911],{"class":3859},[3845,9076,9077],{"class":3847,"line":3914},[3845,9078,3918],{"emptyLinePlaceholder":3917},[3845,9080,9081,9083,9086,9088,9090,9092,9094],{"class":3847,"line":3921},[3845,9082,6793],{"class":3851},[3845,9084,9085],{"class":3870}," Repository",[3845,9087,4600],{"class":3859},[3845,9089,4603],{"class":3870},[3845,9091,7709],{"class":3851},[3845,9093,9058],{"class":3870},[3845,9095,5783],{"class":3859},[3845,9097,9098,9100,9102,9104,9106],{"class":3847,"line":3957},[3845,9099,6807],{"class":3851},[3845,9101,3895],{"class":3863},[3845,9103,3867],{"class":3859},[3845,9105,4603],{"class":3870},[3845,9107,6816],{"class":3859},[3845,9109,9110],{"class":3847,"line":4157},[3845,9111,3918],{"emptyLinePlaceholder":3917},[3845,9113,9114,9116,9118,9120,9122,9124,9126,9128],{"class":3847,"line":4170},[3845,9115,7572],{"class":3855},[3845,9117,3860],{"class":3859},[3845,9119,6830],{"class":3863},[3845,9121,3867],{"class":3859},[3845,9123,4603],{"class":3870},[3845,9125,4890],{"class":3859},[3845,9127,5825],{"class":3870},[3845,9129,3885],{"class":3859},[3845,9131,9132,9134,9136,9138,9140,9142,9144,9146],{"class":3847,"line":4175},[3845,9133,5911],{"class":3851},[3845,9135,3807],{"class":3859},[3845,9137,3864],{"class":3863},[3845,9139,3807],{"class":3859},[3845,9141,6853],{"class":3855},[3845,9143,3860],{"class":3859},[3845,9145,6830],{"class":3863},[3845,9147,4261],{"class":3859},[3845,9149,9150],{"class":3847,"line":4180},[3845,9151,5926],{"class":3859},[3845,9153,9154],{"class":3847,"line":4195},[3845,9155,3918],{"emptyLinePlaceholder":3917},[3845,9157,9158,9161,9163,9165,9167,9169,9171,9173,9175,9177],{"class":3847,"line":4218},[3845,9159,9160],{"class":3855},"  findById",[3845,9162,3860],{"class":3859},[3845,9164,6235],{"class":3863},[3845,9166,3867],{"class":3859},[3845,9168,4001],{"class":3870},[3845,9170,4890],{"class":3859},[3845,9172,4603],{"class":3870},[3845,9174,3879],{"class":3859},[3845,9176,3882],{"class":3870},[3845,9178,3885],{"class":3859},[3845,9180,9181,9183,9185,9187,9189,9191,9193,9195,9197,9199,9202,9204,9206,9208,9210],{"class":3847,"line":4238},[3845,9182,5877],{"class":3891},[3845,9184,5880],{"class":3851},[3845,9186,3807],{"class":3859},[3845,9188,3864],{"class":3863},[3845,9190,3807],{"class":3859},[3845,9192,7755],{"class":3855},[3845,9194,3860],{"class":3859},[3845,9196,6830],{"class":3863},[3845,9198,7762],{"class":3851},[3845,9200,9201],{"class":3863}," item",[3845,9203,3807],{"class":3859},[3845,9205,6235],{"class":3863},[3845,9207,6266],{"class":3859},[3845,9209,6235],{"class":3863},[3845,9211,4261],{"class":3859},[3845,9213,9214],{"class":3847,"line":4243},[3845,9215,5926],{"class":3859},[3845,9217,9218],{"class":3847,"line":4264},[3845,9219,3918],{"emptyLinePlaceholder":3917},[3845,9221,9222,9225,9227,9230,9233,9235,9237,9239,9242,9245,9248,9250,9252],{"class":3847,"line":5631},[3845,9223,9224],{"class":3855},"  findBy",[3845,9226,3860],{"class":3859},[3845,9228,9229],{"class":3855},"predicate",[3845,9231,9232],{"class":3859},": (",[3845,9234,6830],{"class":3863},[3845,9236,3867],{"class":3859},[3845,9238,4603],{"class":3870},[3845,9240,9241],{"class":3859},") ",[3845,9243,9244],{"class":3851},"=>",[3845,9246,9247],{"class":3870}," boolean",[3845,9249,4890],{"class":3859},[3845,9251,4603],{"class":3870},[3845,9253,7624],{"class":3859},[3845,9255,9256,9258,9260,9262,9264,9266,9268,9270,9272],{"class":3847,"line":5637},[3845,9257,5877],{"class":3891},[3845,9259,5880],{"class":3851},[3845,9261,3807],{"class":3859},[3845,9263,3864],{"class":3863},[3845,9265,3807],{"class":3859},[3845,9267,7818],{"class":3855},[3845,9269,3860],{"class":3859},[3845,9271,9229],{"class":3863},[3845,9273,4261],{"class":3859},[3845,9275,9276],{"class":3847,"line":5643},[3845,9277,5926],{"class":3859},[3845,9279,9280],{"class":3847,"line":5649},[3845,9281,3918],{"emptyLinePlaceholder":3917},[3845,9283,9284,9287,9289,9291,9293,9295,9297,9300,9302,9305,9307,9309,9311,9313],{"class":3847,"line":5654},[3845,9285,9286],{"class":3855},"  update",[3845,9288,3860],{"class":3859},[3845,9290,6235],{"class":3863},[3845,9292,3867],{"class":3859},[3845,9294,4001],{"class":3870},[3845,9296,3943],{"class":3859},[3845,9298,9299],{"class":3863},"updates",[3845,9301,3867],{"class":3859},[3845,9303,9304],{"class":3870},"Partial",[3845,9306,4600],{"class":3859},[3845,9308,4603],{"class":3870},[3845,9310,6671],{"class":3859},[3845,9312,6972],{"class":3870},[3845,9314,3885],{"class":3859},[3845,9316,9317,9320,9322,9324,9326,9328,9331,9333,9335],{"class":3847,"line":5659},[3845,9318,9319],{"class":3851},"    const",[3845,9321,9201],{"class":3927},[3845,9323,3931],{"class":3859},[3845,9325,6938],{"class":3851},[3845,9327,3807],{"class":3859},[3845,9329,9330],{"class":3855},"findById",[3845,9332,3860],{"class":3859},[3845,9334,6235],{"class":3863},[3845,9336,4261],{"class":3859},[3845,9338,9339,9342,9344,9346],{"class":3847,"line":5665},[3845,9340,9341],{"class":3891},"    if",[3845,9343,4301],{"class":3859},[3845,9345,6830],{"class":3863},[3845,9347,5906],{"class":3859},[3845,9349,9350,9353,9355,9358,9360,9362,9364,9366],{"class":3847,"line":5671},[3845,9351,9352],{"class":3863},"      Object",[3845,9354,3807],{"class":3859},[3845,9356,9357],{"class":3855},"assign",[3845,9359,3860],{"class":3859},[3845,9361,6830],{"class":3863},[3845,9363,3943],{"class":3859},[3845,9365,9299],{"class":3863},[3845,9367,4261],{"class":3859},[3845,9369,9370,9373,9375],{"class":3847,"line":5677},[3845,9371,9372],{"class":3891},"      return",[3845,9374,6285],{"class":3851},[3845,9376,4109],{"class":3859},[3845,9378,9379],{"class":3847,"line":5682},[3845,9380,9381],{"class":3859},"    }\n",[3845,9383,9384,9386,9388],{"class":3847,"line":5688},[3845,9385,5877],{"class":3891},[3845,9387,6331],{"class":3851},[3845,9389,4109],{"class":3859},[3845,9391,9392],{"class":3847,"line":5694},[3845,9393,5926],{"class":3859},[3845,9395,9396],{"class":3847,"line":5700},[3845,9397,3918],{"emptyLinePlaceholder":3917},[3845,9399,9400,9403,9405,9407,9409,9411,9413,9415],{"class":3847,"line":5705},[3845,9401,9402],{"class":3855},"  delete",[3845,9404,3860],{"class":3859},[3845,9406,6235],{"class":3863},[3845,9408,3867],{"class":3859},[3845,9410,4001],{"class":3870},[3845,9412,4890],{"class":3859},[3845,9414,6972],{"class":3870},[3845,9416,3885],{"class":3859},[3845,9418,9419,9421,9424,9426,9428,9430,9432,9434,9437,9439,9441,9443,9445,9447,9449,9451,9453],{"class":3847,"line":5711},[3845,9420,9319],{"class":3851},[3845,9422,9423],{"class":3927}," index",[3845,9425,3931],{"class":3859},[3845,9427,6938],{"class":3851},[3845,9429,3807],{"class":3859},[3845,9431,3864],{"class":3863},[3845,9433,3807],{"class":3859},[3845,9435,9436],{"class":3855},"findIndex",[3845,9438,3860],{"class":3859},[3845,9440,6830],{"class":3863},[3845,9442,7762],{"class":3851},[3845,9444,9201],{"class":3863},[3845,9446,3807],{"class":3859},[3845,9448,6235],{"class":3863},[3845,9450,6266],{"class":3859},[3845,9452,6235],{"class":3863},[3845,9454,4261],{"class":3859},[3845,9456,9457,9459,9461,9464,9467,9469],{"class":3847,"line":5717},[3845,9458,9341],{"class":3891},[3845,9460,4301],{"class":3859},[3845,9462,9463],{"class":3863},"index",[3845,9465,9466],{"class":3859}," !== -",[3845,9468,5531],{"class":3901},[3845,9470,5906],{"class":3859},[3845,9472,9473,9476,9478,9480,9482,9485,9487,9489,9491,9493],{"class":3847,"line":5723},[3845,9474,9475],{"class":3851},"      this",[3845,9477,3807],{"class":3859},[3845,9479,3864],{"class":3863},[3845,9481,3807],{"class":3859},[3845,9483,9484],{"class":3855},"splice",[3845,9486,3860],{"class":3859},[3845,9488,9463],{"class":3863},[3845,9490,3943],{"class":3859},[3845,9492,5531],{"class":3901},[3845,9494,4261],{"class":3859},[3845,9496,9497,9499,9501],{"class":3847,"line":5729},[3845,9498,9372],{"class":3891},[3845,9500,6285],{"class":3851},[3845,9502,4109],{"class":3859},[3845,9504,9505],{"class":3847,"line":5735},[3845,9506,9381],{"class":3859},[3845,9508,9509,9511,9513],{"class":3847,"line":7186},[3845,9510,5877],{"class":3891},[3845,9512,6331],{"class":3851},[3845,9514,4109],{"class":3859},[3845,9516,9517],{"class":3847,"line":7194},[3845,9518,5926],{"class":3859},[3845,9520,9521],{"class":3847,"line":7199},[3845,9522,3918],{"emptyLinePlaceholder":3917},[3845,9524,9525,9528,9530,9532],{"class":3847,"line":7219},[3845,9526,9527],{"class":3855},"  getAll",[3845,9529,5802],{"class":3859},[3845,9531,4603],{"class":3870},[3845,9533,7624],{"class":3859},[3845,9535,9536,9538,9540,9542,9544,9546],{"class":3847,"line":7235},[3845,9537,5877],{"class":3891},[3845,9539,7631],{"class":3859},[3845,9541,6938],{"class":3851},[3845,9543,3807],{"class":3859},[3845,9545,3864],{"class":3863},[3845,9547,3905],{"class":3859},[3845,9549,9550],{"class":3847,"line":7250},[3845,9551,5926],{"class":3859},[3845,9553,9555],{"class":3847,"line":9554},41,[3845,9556,3911],{"class":3859},[3845,9558,9560],{"class":3847,"line":9559},42,[3845,9561,3918],{"emptyLinePlaceholder":3917},[3845,9563,9565,9567,9569,9571,9573],{"class":3847,"line":9564},43,[3845,9566,4092],{"class":3851},[3845,9568,7658],{"class":3870},[3845,9570,7709],{"class":3851},[3845,9572,9058],{"class":3870},[3845,9574,3885],{"class":3859},[3845,9576,9578,9580,9582,9584],{"class":3847,"line":9577},44,[3845,9579,4114],{"class":3863},[3845,9581,3867],{"class":3859},[3845,9583,4001],{"class":3870},[3845,9585,4109],{"class":3859},[3845,9587,9589,9591,9593,9595],{"class":3847,"line":9588},45,[3845,9590,7685],{"class":3863},[3845,9592,3867],{"class":3859},[3845,9594,3871],{"class":3870},[3845,9596,4109],{"class":3859},[3845,9598,9600,9603,9605,9607],{"class":3847,"line":9599},46,[3845,9601,9602],{"class":3863},"  category",[3845,9604,3867],{"class":3859},[3845,9606,4001],{"class":3870},[3845,9608,4109],{"class":3859},[3845,9610,9612],{"class":3847,"line":9611},47,[3845,9613,3911],{"class":3859},[3845,9615,9617],{"class":3847,"line":9616},48,[3845,9618,3918],{"emptyLinePlaceholder":3917},[3845,9620,9622,9624,9627,9629,9631,9633,9635,9637],{"class":3847,"line":9621},49,[3845,9623,3924],{"class":3851},[3845,9625,9626],{"class":3927}," productRepo",[3845,9628,3931],{"class":3859},[3845,9630,7053],{"class":3851},[3845,9632,9085],{"class":3855},[3845,9634,4600],{"class":3859},[3845,9636,6634],{"class":3870},[3845,9638,7062],{"class":3859},[3845,9640,9642,9645,9647,9649,9651,9653,9655,9657,9659,9661,9663,9665,9667,9669,9672,9675],{"class":3847,"line":9641},50,[3845,9643,9644],{"class":3863},"productRepo",[3845,9646,3807],{"class":3859},[3845,9648,7875],{"class":3855},[3845,9650,7878],{"class":3859},[3845,9652,4201],{"class":3863},[3845,9654,7883],{"class":4048},[3845,9656,3943],{"class":3859},[3845,9658,4209],{"class":3863},[3845,9660,7890],{"class":4048},[3845,9662,3943],{"class":3859},[3845,9664,7895],{"class":3863},[3845,9666,7898],{"class":3901},[3845,9668,3943],{"class":3859},[3845,9670,9671],{"class":3863},"category:",[3845,9673,9674],{"class":4048}," 'Електроніка'",[3845,9676,7901],{"class":3859},[3845,9678,9680,9682,9684,9686,9688,9690,9692,9694,9696,9699,9701,9703,9706,9708,9710,9713],{"class":3847,"line":9679},51,[3845,9681,9644],{"class":3863},[3845,9683,3807],{"class":3859},[3845,9685,7875],{"class":3855},[3845,9687,7878],{"class":3859},[3845,9689,4201],{"class":3863},[3845,9691,7916],{"class":4048},[3845,9693,3943],{"class":3859},[3845,9695,4209],{"class":3863},[3845,9697,9698],{"class":4048}," 'Стілець'",[3845,9700,3943],{"class":3859},[3845,9702,7895],{"class":3863},[3845,9704,9705],{"class":3901}," 2000",[3845,9707,3943],{"class":3859},[3845,9709,9671],{"class":3863},[3845,9711,9712],{"class":4048}," 'Меблі'",[3845,9714,7901],{"class":3859},[3845,9716,9718],{"class":3847,"line":9717},52,[3845,9719,3918],{"emptyLinePlaceholder":3917},[3845,9721,9723,9725,9728,9730,9732,9734,9737,9739,9741,9743,9745,9747,9750,9752,9755],{"class":3847,"line":9722},53,[3845,9724,3924],{"class":3851},[3845,9726,9727],{"class":3927}," electronics",[3845,9729,3931],{"class":3859},[3845,9731,9644],{"class":3863},[3845,9733,3807],{"class":3859},[3845,9735,9736],{"class":3855},"findBy",[3845,9738,3860],{"class":3859},[3845,9740,3832],{"class":3863},[3845,9742,7762],{"class":3851},[3845,9744,7765],{"class":3863},[3845,9746,3807],{"class":3859},[3845,9748,9749],{"class":3863},"category",[3845,9751,6266],{"class":3859},[3845,9753,9754],{"class":4048},"'Електроніка'",[3845,9756,4261],{"class":3859},[3845,9758,9760,9762,9764,9766,9768,9771,9773],{"class":3847,"line":9759},54,[3845,9761,3960],{"class":3863},[3845,9763,3807],{"class":3859},[3845,9765,3965],{"class":3855},[3845,9767,3860],{"class":3859},[3845,9769,9770],{"class":3863},"electronics",[3845,9772,3973],{"class":3859},[3845,9774,9775],{"class":3976},"\u002F\u002F [{ id: 'prod-1', name: 'Ноутбук', ... }]\n",[3845,9777,9779],{"class":3847,"line":9778},55,[3845,9780,3918],{"emptyLinePlaceholder":3917},[3845,9782,9784,9786,9788,9791,9793,9796,9798,9800,9803],{"class":3847,"line":9783},56,[3845,9785,9644],{"class":3863},[3845,9787,3807],{"class":3859},[3845,9789,9790],{"class":3855},"update",[3845,9792,3860],{"class":3859},[3845,9794,9795],{"class":4048},"'prod-1'",[3845,9797,5466],{"class":3859},[3845,9799,7895],{"class":3863},[3845,9801,9802],{"class":3901}," 23000",[3845,9804,7901],{"class":3859},[3845,9806,9808,9810,9812,9814,9816,9818,9820,9822,9824],{"class":3847,"line":9807},57,[3845,9809,3924],{"class":3851},[3845,9811,7943],{"class":3927},[3845,9813,3931],{"class":3859},[3845,9815,9644],{"class":3863},[3845,9817,3807],{"class":3859},[3845,9819,9330],{"class":3855},[3845,9821,3860],{"class":3859},[3845,9823,9795],{"class":4048},[3845,9825,4261],{"class":3859},[3845,9827,9829,9831,9833,9835,9837,9839,9841,9843,9845],{"class":3847,"line":9828},58,[3845,9830,3960],{"class":3863},[3845,9832,3807],{"class":3859},[3845,9834,3965],{"class":3855},[3845,9836,3860],{"class":3859},[3845,9838,7972],{"class":3863},[3845,9840,4278],{"class":3859},[3845,9842,7831],{"class":3863},[3845,9844,3973],{"class":3859},[3845,9846,9847],{"class":3976},"\u002F\u002F 23000\n",[3832,9849,8361,9850,9853,9854,9856,9857,3943,9859,5754,9861,9864,9865,9867,9868,9871,9872,9875,9876,9878],{},[3756,9851,9852],{},"T extends Entity"," гарантує, що всі об'єкти у репозиторії мають поле ",[3756,9855,6235],{},", що необхідне для методів ",[3756,9858,9330],{},[3756,9860,9790],{},[3756,9862,9863],{},"delete",". Метод ",[3756,9866,9736],{}," приймає предикат типу ",[3756,9869,9870],{},"(item: T) => boolean",", що дозволяє гнучко фільтрувати за будь-яким критерієм. ",[3756,9873,9874],{},"Partial\u003CT>"," (utility type, який вивчатиметься у наступному розділі, але його можна використовувати інтуїтивно) робить всі поля ",[3756,9877,4603],{}," опціональними, дозволяючи оновлювати лише частину властивостей.",[9880,9881,9882,9883,9885,9886,9888,9889,9891,9892,9894],"warning",{},"Зверніть увагу, що ми ще не вивчали ",[3756,9884,9874],{}," детально (це utility type з наступного розділу), але використали його інтуїтивно: ",[3756,9887,9874],{}," робить всі властивості типу ",[3756,9890,4603],{}," опціональними. Це дозволяє передавати у ",[3756,9893,9790],{}," лише ті поля, що потрібно оновити, без необхідності дублювати всю структуру.",[4312,9896,9898],{"id":9897},"патерн-promise-wrapper-з-типобезпечною-обробкою-помилок","Патерн: Promise-wrapper з типобезпечною обробкою помилок",[3836,9900,9902],{"className":3838,"code":9901,"language":3840,"meta":3841,"style":3841},"type AsyncResult\u003CT, E = Error> =\n  | { status: 'success'; data: T }\n  | { status: 'error'; error: E }\n  | { status: 'pending' };\n\nclass AsyncOperation\u003CT, E = Error> {\n  private result: AsyncResult\u003CT, E> = { status: 'pending' };\n\n  constructor(private operation: Promise\u003CT>) {\n    this.execute();\n  }\n\n  private async execute(): Promise\u003Cvoid> {\n    try {\n      const data = await this.operation;\n      this.result = { status: 'success', data };\n    } catch (error) {\n      this.result = { status: 'error', error: error as E };\n    }\n  }\n\n  async getResult(): Promise\u003CAsyncResult\u003CT, E>> {\n    \u002F\u002F Чекаємо завершення операції\n    await this.operation.catch(() => {});\n    return this.result;\n  }\n\n  async unwrap(): Promise\u003CT> {\n    const result = await this.getResult();\n    if (result.status === 'success') {\n      return result.data;\n    }\n    throw result.status === 'error' ? result.error : new Error('Operation pending');\n  }\n}\n\n\u002F\u002F Використання:\nasync function fetchUserData(id: string): Promise\u003CUser> {\n  const response = await fetch(`\u002Fapi\u002Fusers\u002F${id}`);\n  if (!response.ok) {\n    throw new Error(`HTTP error: ${response.status}`);\n  }\n  return response.json();\n}\n\nconst operation = new AsyncOperation\u003CUser>(fetchUserData('user-123'));\n\nconst result = await operation.getResult();\nif (result.status === 'success') {\n  console.log(`User: ${result.data.name}`);\n} else if (result.status === 'error') {\n  console.error(`Error: ${result.error.message}`);\n}\n",[3756,9903,9904,9927,9949,9970,9983,9987,10008,10038,10042,10066,10077,10081,10085,10105,10112,10134,10156,10170,10200,10204,10208,10212,10239,10244,10267,10279,10283,10287,10304,10323,10341,10353,10357,10396,10400,10404,10408,10413,10442,10471,10487,10515,10519,10532,10536,10540,10569,10573,10591,10609,10640,10663,10695],{"__ignoreMap":3841},[3845,9905,9906,9908,9911,9913,9915,9917,9919,9921,9924],{"class":3847,"line":3848},[3845,9907,6157],{"class":3851},[3845,9909,9910],{"class":3870}," AsyncResult",[3845,9912,4600],{"class":3859},[3845,9914,4603],{"class":3870},[3845,9916,3943],{"class":3859},[3845,9918,6169],{"class":3870},[3845,9920,3931],{"class":3859},[3845,9922,9923],{"class":3870},"Error",[3845,9925,9926],{"class":3859},"> =\n",[3845,9928,9929,9931,9934,9936,9939,9941,9943,9945,9947],{"class":3847,"line":3888},[3845,9930,6177],{"class":3859},[3845,9932,9933],{"class":3863},"status",[3845,9935,3867],{"class":3859},[3845,9937,9938],{"class":4048},"'success'",[3845,9940,6187],{"class":3859},[3845,9942,6190],{"class":3863},[3845,9944,3867],{"class":3859},[3845,9946,4603],{"class":3870},[3845,9948,4235],{"class":3859},[3845,9950,9951,9953,9955,9957,9960,9962,9964,9966,9968],{"class":3847,"line":3908},[3845,9952,6177],{"class":3859},[3845,9954,9933],{"class":3863},[3845,9956,3867],{"class":3859},[3845,9958,9959],{"class":4048},"'error'",[3845,9961,6187],{"class":3859},[3845,9963,6212],{"class":3863},[3845,9965,3867],{"class":3859},[3845,9967,6169],{"class":3870},[3845,9969,4235],{"class":3859},[3845,9971,9972,9974,9976,9978,9981],{"class":3847,"line":3914},[3845,9973,6177],{"class":3859},[3845,9975,9933],{"class":3863},[3845,9977,3867],{"class":3859},[3845,9979,9980],{"class":4048},"'pending'",[3845,9982,6219],{"class":3859},[3845,9984,9985],{"class":3847,"line":3921},[3845,9986,3918],{"emptyLinePlaceholder":3917},[3845,9988,9989,9991,9994,9996,9998,10000,10002,10004,10006],{"class":3847,"line":3957},[3845,9990,6793],{"class":3851},[3845,9992,9993],{"class":3870}," AsyncOperation",[3845,9995,4600],{"class":3859},[3845,9997,4603],{"class":3870},[3845,9999,3943],{"class":3859},[3845,10001,6169],{"class":3870},[3845,10003,3931],{"class":3859},[3845,10005,9923],{"class":3870},[3845,10007,5783],{"class":3859},[3845,10009,10010,10012,10014,10016,10019,10021,10023,10025,10027,10030,10033,10036],{"class":3847,"line":4157},[3845,10011,6807],{"class":3851},[3845,10013,6361],{"class":3863},[3845,10015,3867],{"class":3859},[3845,10017,10018],{"class":3870},"AsyncResult",[3845,10020,4600],{"class":3859},[3845,10022,4603],{"class":3870},[3845,10024,3943],{"class":3859},[3845,10026,6169],{"class":3870},[3845,10028,10029],{"class":3859},"> = { ",[3845,10031,10032],{"class":3863},"status:",[3845,10034,10035],{"class":4048}," 'pending'",[3845,10037,6219],{"class":3859},[3845,10039,10040],{"class":3847,"line":4170},[3845,10041,3918],{"emptyLinePlaceholder":3917},[3845,10043,10044,10046,10048,10051,10054,10056,10059,10061,10063],{"class":3847,"line":4175},[3845,10045,7321],{"class":3851},[3845,10047,3860],{"class":3859},[3845,10049,10050],{"class":3851},"private",[3845,10052,10053],{"class":3863}," operation",[3845,10055,3867],{"class":3859},[3845,10057,10058],{"class":3870},"Promise",[3845,10060,4600],{"class":3859},[3845,10062,4603],{"class":3870},[3845,10064,10065],{"class":3859},">) {\n",[3845,10067,10068,10070,10072,10075],{"class":3847,"line":4180},[3845,10069,5911],{"class":3851},[3845,10071,3807],{"class":3859},[3845,10073,10074],{"class":3855},"execute",[3845,10076,6900],{"class":3859},[3845,10078,10079],{"class":3847,"line":4195},[3845,10080,5926],{"class":3859},[3845,10082,10083],{"class":3847,"line":4218},[3845,10084,3918],{"emptyLinePlaceholder":3917},[3845,10086,10087,10089,10092,10095,10097,10099,10101,10103],{"class":3847,"line":4238},[3845,10088,6807],{"class":3851},[3845,10090,10091],{"class":3851}," async",[3845,10093,10094],{"class":3855}," execute",[3845,10096,5802],{"class":3859},[3845,10098,10058],{"class":3870},[3845,10100,4600],{"class":3859},[3845,10102,5825],{"class":3870},[3845,10104,5783],{"class":3859},[3845,10106,10107,10110],{"class":3847,"line":4243},[3845,10108,10109],{"class":3891},"    try",[3845,10111,3885],{"class":3859},[3845,10113,10114,10117,10120,10122,10125,10127,10129,10132],{"class":3847,"line":4264},[3845,10115,10116],{"class":3851},"      const",[3845,10118,10119],{"class":3927}," data",[3845,10121,3931],{"class":3859},[3845,10123,10124],{"class":3891},"await",[3845,10126,5880],{"class":3851},[3845,10128,3807],{"class":3859},[3845,10130,10131],{"class":3863},"operation",[3845,10133,4109],{"class":3859},[3845,10135,10136,10138,10140,10142,10145,10147,10150,10152,10154],{"class":3847,"line":5631},[3845,10137,9475],{"class":3851},[3845,10139,3807],{"class":3859},[3845,10141,6386],{"class":3863},[3845,10143,10144],{"class":3859}," = { ",[3845,10146,10032],{"class":3863},[3845,10148,10149],{"class":4048}," 'success'",[3845,10151,3943],{"class":3859},[3845,10153,6190],{"class":3863},[3845,10155,6219],{"class":3859},[3845,10157,10158,10161,10164,10166,10168],{"class":3847,"line":5637},[3845,10159,10160],{"class":3859},"    } ",[3845,10162,10163],{"class":3891},"catch",[3845,10165,4301],{"class":3859},[3845,10167,6212],{"class":3863},[3845,10169,5906],{"class":3859},[3845,10171,10172,10174,10176,10178,10180,10182,10185,10187,10190,10193,10195,10198],{"class":3847,"line":5643},[3845,10173,9475],{"class":3851},[3845,10175,3807],{"class":3859},[3845,10177,6386],{"class":3863},[3845,10179,10144],{"class":3859},[3845,10181,10032],{"class":3863},[3845,10183,10184],{"class":4048}," 'error'",[3845,10186,3943],{"class":3859},[3845,10188,10189],{"class":3863},"error:",[3845,10191,10192],{"class":3863}," error",[3845,10194,8460],{"class":3891},[3845,10196,10197],{"class":3870}," E",[3845,10199,6219],{"class":3859},[3845,10201,10202],{"class":3847,"line":5649},[3845,10203,9381],{"class":3859},[3845,10205,10206],{"class":3847,"line":5654},[3845,10207,5926],{"class":3859},[3845,10209,10210],{"class":3847,"line":5659},[3845,10211,3918],{"emptyLinePlaceholder":3917},[3845,10213,10214,10217,10220,10222,10224,10226,10228,10230,10232,10234,10236],{"class":3847,"line":5665},[3845,10215,10216],{"class":3851},"  async",[3845,10218,10219],{"class":3855}," getResult",[3845,10221,5802],{"class":3859},[3845,10223,10058],{"class":3870},[3845,10225,4600],{"class":3859},[3845,10227,10018],{"class":3870},[3845,10229,4600],{"class":3859},[3845,10231,4603],{"class":3870},[3845,10233,3943],{"class":3859},[3845,10235,6169],{"class":3870},[3845,10237,10238],{"class":3859},">> {\n",[3845,10240,10241],{"class":3847,"line":5671},[3845,10242,10243],{"class":3976},"    \u002F\u002F Чекаємо завершення операції\n",[3845,10245,10246,10249,10251,10253,10255,10257,10259,10262,10264],{"class":3847,"line":5677},[3845,10247,10248],{"class":3891},"    await",[3845,10250,5880],{"class":3851},[3845,10252,3807],{"class":3859},[3845,10254,10131],{"class":3863},[3845,10256,3807],{"class":3859},[3845,10258,10163],{"class":3855},[3845,10260,10261],{"class":3859},"(() ",[3845,10263,9244],{"class":3851},[3845,10265,10266],{"class":3859}," {});\n",[3845,10268,10269,10271,10273,10275,10277],{"class":3847,"line":5682},[3845,10270,5877],{"class":3891},[3845,10272,5880],{"class":3851},[3845,10274,3807],{"class":3859},[3845,10276,6386],{"class":3863},[3845,10278,4109],{"class":3859},[3845,10280,10281],{"class":3847,"line":5688},[3845,10282,5926],{"class":3859},[3845,10284,10285],{"class":3847,"line":5694},[3845,10286,3918],{"emptyLinePlaceholder":3917},[3845,10288,10289,10291,10294,10296,10298,10300,10302],{"class":3847,"line":5700},[3845,10290,10216],{"class":3851},[3845,10292,10293],{"class":3855}," unwrap",[3845,10295,5802],{"class":3859},[3845,10297,10058],{"class":3870},[3845,10299,4600],{"class":3859},[3845,10301,4603],{"class":3870},[3845,10303,5783],{"class":3859},[3845,10305,10306,10308,10310,10312,10314,10316,10318,10321],{"class":3847,"line":5705},[3845,10307,9319],{"class":3851},[3845,10309,6361],{"class":3927},[3845,10311,3931],{"class":3859},[3845,10313,10124],{"class":3891},[3845,10315,5880],{"class":3851},[3845,10317,3807],{"class":3859},[3845,10319,10320],{"class":3855},"getResult",[3845,10322,6900],{"class":3859},[3845,10324,10325,10327,10329,10331,10333,10335,10337,10339],{"class":3847,"line":5711},[3845,10326,9341],{"class":3891},[3845,10328,4301],{"class":3859},[3845,10330,6386],{"class":3863},[3845,10332,3807],{"class":3859},[3845,10334,9933],{"class":3863},[3845,10336,6266],{"class":3859},[3845,10338,9938],{"class":4048},[3845,10340,5906],{"class":3859},[3845,10342,10343,10345,10347,10349,10351],{"class":3847,"line":5717},[3845,10344,9372],{"class":3891},[3845,10346,6361],{"class":3863},[3845,10348,3807],{"class":3859},[3845,10350,6190],{"class":3863},[3845,10352,4109],{"class":3859},[3845,10354,10355],{"class":3847,"line":5723},[3845,10356,9381],{"class":3859},[3845,10358,10359,10362,10364,10366,10368,10370,10372,10375,10377,10379,10381,10384,10386,10389,10391,10394],{"class":3847,"line":5729},[3845,10360,10361],{"class":3891},"    throw",[3845,10363,6361],{"class":3863},[3845,10365,3807],{"class":3859},[3845,10367,9933],{"class":3863},[3845,10369,6266],{"class":3859},[3845,10371,9959],{"class":4048},[3845,10373,10374],{"class":3859}," ? ",[3845,10376,6386],{"class":3863},[3845,10378,3807],{"class":3859},[3845,10380,6212],{"class":3863},[3845,10382,10383],{"class":3859}," : ",[3845,10385,7053],{"class":3851},[3845,10387,10388],{"class":3855}," Error",[3845,10390,3860],{"class":3859},[3845,10392,10393],{"class":4048},"'Operation pending'",[3845,10395,4261],{"class":3859},[3845,10397,10398],{"class":3847,"line":5735},[3845,10399,5926],{"class":3859},[3845,10401,10402],{"class":3847,"line":7186},[3845,10403,3911],{"class":3859},[3845,10405,10406],{"class":3847,"line":7194},[3845,10407,3918],{"emptyLinePlaceholder":3917},[3845,10409,10410],{"class":3847,"line":7199},[3845,10411,10412],{"class":3976},"\u002F\u002F Використання:\n",[3845,10414,10415,10418,10421,10424,10426,10428,10430,10432,10434,10436,10438,10440],{"class":3847,"line":7219},[3845,10416,10417],{"class":3851},"async",[3845,10419,10420],{"class":3851}," function",[3845,10422,10423],{"class":3855}," fetchUserData",[3845,10425,3860],{"class":3859},[3845,10427,6235],{"class":3863},[3845,10429,3867],{"class":3859},[3845,10431,4001],{"class":3870},[3845,10433,4890],{"class":3859},[3845,10435,10058],{"class":3870},[3845,10437,4600],{"class":3859},[3845,10439,4144],{"class":3870},[3845,10441,5783],{"class":3859},[3845,10443,10444,10447,10449,10451,10453,10456,10458,10461,10463,10465,10467,10469],{"class":3847,"line":7235},[3845,10445,10446],{"class":3851},"  const",[3845,10448,6720],{"class":3927},[3845,10450,3931],{"class":3859},[3845,10452,10124],{"class":3891},[3845,10454,10455],{"class":3855}," fetch",[3845,10457,3860],{"class":3859},[3845,10459,10460],{"class":4048},"`\u002Fapi\u002Fusers\u002F",[3845,10462,8262],{"class":3851},[3845,10464,6235],{"class":3863},[3845,10466,8272],{"class":3851},[3845,10468,8275],{"class":4048},[3845,10470,4261],{"class":3859},[3845,10472,10473,10475,10478,10480,10482,10485],{"class":3847,"line":7250},[3845,10474,6259],{"class":3891},[3845,10476,10477],{"class":3859}," (!",[3845,10479,6660],{"class":3863},[3845,10481,3807],{"class":3859},[3845,10483,10484],{"class":3863},"ok",[3845,10486,5906],{"class":3859},[3845,10488,10489,10491,10494,10496,10498,10501,10503,10505,10507,10509,10511,10513],{"class":3847,"line":9554},[3845,10490,10361],{"class":3891},[3845,10492,10493],{"class":3851}," new",[3845,10495,10388],{"class":3855},[3845,10497,3860],{"class":3859},[3845,10499,10500],{"class":4048},"`HTTP error: ",[3845,10502,8262],{"class":3851},[3845,10504,6660],{"class":3863},[3845,10506,3807],{"class":8267},[3845,10508,9933],{"class":3863},[3845,10510,8272],{"class":3851},[3845,10512,8275],{"class":4048},[3845,10514,4261],{"class":3859},[3845,10516,10517],{"class":3847,"line":9559},[3845,10518,5926],{"class":3859},[3845,10520,10521,10523,10525,10527,10530],{"class":3847,"line":9564},[3845,10522,3892],{"class":3891},[3845,10524,6720],{"class":3863},[3845,10526,3807],{"class":3859},[3845,10528,10529],{"class":3855},"json",[3845,10531,6900],{"class":3859},[3845,10533,10534],{"class":3847,"line":9577},[3845,10535,3911],{"class":3859},[3845,10537,10538],{"class":3847,"line":9588},[3845,10539,3918],{"emptyLinePlaceholder":3917},[3845,10541,10542,10544,10546,10548,10550,10552,10554,10556,10558,10561,10563,10566],{"class":3847,"line":9599},[3845,10543,3924],{"class":3851},[3845,10545,10053],{"class":3927},[3845,10547,3931],{"class":3859},[3845,10549,7053],{"class":3851},[3845,10551,9993],{"class":3855},[3845,10553,4600],{"class":3859},[3845,10555,4144],{"class":3870},[3845,10557,4606],{"class":3859},[3845,10559,10560],{"class":3855},"fetchUserData",[3845,10562,3860],{"class":3859},[3845,10564,10565],{"class":4048},"'user-123'",[3845,10567,10568],{"class":3859},"));\n",[3845,10570,10571],{"class":3847,"line":9611},[3845,10572,3918],{"emptyLinePlaceholder":3917},[3845,10574,10575,10577,10579,10581,10583,10585,10587,10589],{"class":3847,"line":9616},[3845,10576,3924],{"class":3851},[3845,10578,6361],{"class":3927},[3845,10580,3931],{"class":3859},[3845,10582,10124],{"class":3891},[3845,10584,10053],{"class":3863},[3845,10586,3807],{"class":3859},[3845,10588,10320],{"class":3855},[3845,10590,6900],{"class":3859},[3845,10592,10593,10595,10597,10599,10601,10603,10605,10607],{"class":3847,"line":9621},[3845,10594,6381],{"class":3891},[3845,10596,4301],{"class":3859},[3845,10598,6386],{"class":3863},[3845,10600,3807],{"class":3859},[3845,10602,9933],{"class":3863},[3845,10604,6266],{"class":3859},[3845,10606,9938],{"class":4048},[3845,10608,5906],{"class":3859},[3845,10610,10611,10613,10615,10617,10619,10622,10624,10626,10628,10630,10632,10634,10636,10638],{"class":3847,"line":9641},[3845,10612,6397],{"class":3863},[3845,10614,3807],{"class":3859},[3845,10616,3965],{"class":3855},[3845,10618,3860],{"class":3859},[3845,10620,10621],{"class":4048},"`User: ",[3845,10623,8262],{"class":3851},[3845,10625,6386],{"class":3863},[3845,10627,3807],{"class":8267},[3845,10629,6190],{"class":3863},[3845,10631,3807],{"class":8267},[3845,10633,4281],{"class":3863},[3845,10635,8272],{"class":3851},[3845,10637,8275],{"class":4048},[3845,10639,4261],{"class":3859},[3845,10641,10642,10644,10646,10649,10651,10653,10655,10657,10659,10661],{"class":3847,"line":9679},[3845,10643,6423],{"class":3859},[3845,10645,6426],{"class":3891},[3845,10647,10648],{"class":3891}," if",[3845,10650,4301],{"class":3859},[3845,10652,6386],{"class":3863},[3845,10654,3807],{"class":3859},[3845,10656,9933],{"class":3863},[3845,10658,6266],{"class":3859},[3845,10660,9959],{"class":4048},[3845,10662,5906],{"class":3859},[3845,10664,10665,10667,10669,10671,10673,10676,10678,10680,10682,10684,10686,10689,10691,10693],{"class":3847,"line":9717},[3845,10666,6397],{"class":3863},[3845,10668,3807],{"class":3859},[3845,10670,6212],{"class":3855},[3845,10672,3860],{"class":3859},[3845,10674,10675],{"class":4048},"`Error: ",[3845,10677,8262],{"class":3851},[3845,10679,6386],{"class":3863},[3845,10681,3807],{"class":8267},[3845,10683,6212],{"class":3863},[3845,10685,3807],{"class":8267},[3845,10687,10688],{"class":3863},"message",[3845,10690,8272],{"class":3851},[3845,10692,8275],{"class":4048},[3845,10694,4261],{"class":3859},[3845,10696,10697],{"class":3847,"line":9722},[3845,10698,3911],{"class":3859},[3832,10700,7272,10701,10704,10705,10708,10709,10711,10712,10714,10715,10717,10718,10721],{},[3756,10702,10703],{},"AsyncOperation\u003CT, E>"," обгортає ",[3756,10706,10707],{},"Promise\u003CT>"," та надає зручний API для роботи з асинхронними операціями через discriminated union. Типовий параметр ",[3756,10710,4603],{}," представляє тип успішного результату, ",[3756,10713,6169],{}," — тип помилки (за замовчуванням ",[3756,10716,9923],{},"). Метод ",[3756,10719,10720],{},"getResult()"," повертає структурований результат замість throw\u002Fcatch, що дозволяє обробляти помилки функціонально.",[4312,10723,10725],{"id":10724},"патерн-builder-з-fluent-interface","Патерн: Builder з fluent interface",[3836,10727,10729],{"className":3838,"code":10728,"language":3840,"meta":3841,"style":3841},"class QueryBuilder\u003CT> {\n  private filters: Array\u003C(item: T) => boolean> = [];\n  private sortFn: ((a: T, b: T) => number) | null = null;\n  private limitCount: number | null = null;\n\n  where(predicate: (item: T) => boolean): QueryBuilder\u003CT> {\n    this.filters.push(predicate);\n    return this;\n  }\n\n  sort(compareFn: (a: T, b: T) => number): QueryBuilder\u003CT> {\n    this.sortFn = compareFn;\n    return this;\n  }\n\n  limit(count: number): QueryBuilder\u003CT> {\n    this.limitCount = count;\n    return this;\n  }\n\n  execute(data: T[]): T[] {\n    let result = [...data];\n\n    \u002F\u002F Застосовуємо фільтри\n    for (const filter of this.filters) {\n      result = result.filter(filter);\n    }\n\n    \u002F\u002F Сортуємо\n    if (this.sortFn) {\n      result.sort(this.sortFn);\n    }\n\n    \u002F\u002F Обмежуємо кількість\n    if (this.limitCount !== null) {\n      result = result.slice(0, this.limitCount);\n    }\n\n    return result;\n  }\n}\n\ninterface Product {\n  id: string;\n  name: string;\n  price: number;\n  category: string;\n}\n\nconst products: Product[] = [\n  { id: '1', name: 'Ноутбук', price: 25000, category: 'Електроніка' },\n  { id: '2', name: 'Миша', price: 500, category: 'Електроніка' },\n  { id: '3', name: 'Стілець', price: 2000, category: 'Меблі' },\n  { id: '4', name: 'Монітор', price: 8000, category: 'Електроніка' },\n  { id: '5', name: 'Стіл', price: 5000, category: 'Меблі' }\n];\n\nconst query = new QueryBuilder\u003CProduct>()\n  .where(p => p.category === 'Електроніка')\n  .where(p => p.price > 1000)\n  .sort((a, b) => b.price - a.price)  \u002F\u002F за спаданням ціни\n  .limit(2);\n\nconst result = query.execute(products);\nconsole.log(result);\n\u002F\u002F [\n\u002F\u002F   { id: '1', name: 'Ноутбук', price: 25000, category: 'Електроніка' },\n\u002F\u002F   { id: '4', name: 'Монітор', price: 8000, category: 'Електроніка' }\n\u002F\u002F ]\n",[3756,10730,10731,10744,10774,10817,10838,10842,10876,10895,10903,10907,10911,10953,10968,10976,10980,10984,11008,11023,11031,11035,11039,11058,11072,11076,11081,11104,11123,11127,11131,11136,11150,11169,11173,11177,11182,11200,11227,11231,11235,11243,11247,11251,11255,11263,11273,11283,11293,11303,11307,11311,11324,11352,11381,11410,11441,11472,11476,11480,11500,11528,11555,11596,11610,11615,11638,11653,11659,11665,11671],{"__ignoreMap":3841},[3845,10732,10733,10735,10738,10740,10742],{"class":3847,"line":3848},[3845,10734,6793],{"class":3851},[3845,10736,10737],{"class":3870}," QueryBuilder",[3845,10739,4600],{"class":3859},[3845,10741,4603],{"class":3870},[3845,10743,5783],{"class":3859},[3845,10745,10746,10748,10751,10753,10756,10759,10761,10763,10765,10767,10769,10771],{"class":3847,"line":3888},[3845,10747,6807],{"class":3851},[3845,10749,10750],{"class":3863}," filters",[3845,10752,3867],{"class":3859},[3845,10754,10755],{"class":3870},"Array",[3845,10757,10758],{"class":3859},"\u003C(",[3845,10760,6830],{"class":3863},[3845,10762,3867],{"class":3859},[3845,10764,4603],{"class":3870},[3845,10766,9241],{"class":3859},[3845,10768,9244],{"class":3851},[3845,10770,9247],{"class":3870},[3845,10772,10773],{"class":3859},"> = [];\n",[3845,10775,10776,10778,10781,10784,10787,10789,10791,10793,10796,10798,10800,10802,10804,10806,10809,10811,10813,10815],{"class":3847,"line":3908},[3845,10777,6807],{"class":3851},[3845,10779,10780],{"class":3863}," sortFn",[3845,10782,10783],{"class":3859},": ((",[3845,10785,10786],{"class":3863},"a",[3845,10788,3867],{"class":3859},[3845,10790,4603],{"class":3870},[3845,10792,3943],{"class":3859},[3845,10794,10795],{"class":3863},"b",[3845,10797,3867],{"class":3859},[3845,10799,4603],{"class":3870},[3845,10801,9241],{"class":3859},[3845,10803,9244],{"class":3851},[3845,10805,8432],{"class":3870},[3845,10807,10808],{"class":3859},") | ",[3845,10810,6470],{"class":3870},[3845,10812,3931],{"class":3859},[3845,10814,6470],{"class":3851},[3845,10816,4109],{"class":3859},[3845,10818,10819,10821,10824,10826,10828,10830,10832,10834,10836],{"class":3847,"line":3914},[3845,10820,6807],{"class":3851},[3845,10822,10823],{"class":3863}," limitCount",[3845,10825,3867],{"class":3859},[3845,10827,3871],{"class":3870},[3845,10829,3879],{"class":3859},[3845,10831,6470],{"class":3870},[3845,10833,3931],{"class":3859},[3845,10835,6470],{"class":3851},[3845,10837,4109],{"class":3859},[3845,10839,10840],{"class":3847,"line":3921},[3845,10841,3918],{"emptyLinePlaceholder":3917},[3845,10843,10844,10847,10849,10851,10853,10855,10857,10859,10861,10863,10865,10867,10870,10872,10874],{"class":3847,"line":3957},[3845,10845,10846],{"class":3855},"  where",[3845,10848,3860],{"class":3859},[3845,10850,9229],{"class":3855},[3845,10852,9232],{"class":3859},[3845,10854,6830],{"class":3863},[3845,10856,3867],{"class":3859},[3845,10858,4603],{"class":3870},[3845,10860,9241],{"class":3859},[3845,10862,9244],{"class":3851},[3845,10864,9247],{"class":3870},[3845,10866,4890],{"class":3859},[3845,10868,10869],{"class":3870},"QueryBuilder",[3845,10871,4600],{"class":3859},[3845,10873,4603],{"class":3870},[3845,10875,5783],{"class":3859},[3845,10877,10878,10880,10882,10885,10887,10889,10891,10893],{"class":3847,"line":4157},[3845,10879,5911],{"class":3851},[3845,10881,3807],{"class":3859},[3845,10883,10884],{"class":3863},"filters",[3845,10886,3807],{"class":3859},[3845,10888,6853],{"class":3855},[3845,10890,3860],{"class":3859},[3845,10892,9229],{"class":3863},[3845,10894,4261],{"class":3859},[3845,10896,10897,10899,10901],{"class":3847,"line":4170},[3845,10898,5877],{"class":3891},[3845,10900,5880],{"class":3851},[3845,10902,4109],{"class":3859},[3845,10904,10905],{"class":3847,"line":4175},[3845,10906,5926],{"class":3859},[3845,10908,10909],{"class":3847,"line":4180},[3845,10910,3918],{"emptyLinePlaceholder":3917},[3845,10912,10913,10916,10918,10921,10923,10925,10927,10929,10931,10933,10935,10937,10939,10941,10943,10945,10947,10949,10951],{"class":3847,"line":4195},[3845,10914,10915],{"class":3855},"  sort",[3845,10917,3860],{"class":3859},[3845,10919,10920],{"class":3855},"compareFn",[3845,10922,9232],{"class":3859},[3845,10924,10786],{"class":3863},[3845,10926,3867],{"class":3859},[3845,10928,4603],{"class":3870},[3845,10930,3943],{"class":3859},[3845,10932,10795],{"class":3863},[3845,10934,3867],{"class":3859},[3845,10936,4603],{"class":3870},[3845,10938,9241],{"class":3859},[3845,10940,9244],{"class":3851},[3845,10942,8432],{"class":3870},[3845,10944,4890],{"class":3859},[3845,10946,10869],{"class":3870},[3845,10948,4600],{"class":3859},[3845,10950,4603],{"class":3870},[3845,10952,5783],{"class":3859},[3845,10954,10955,10957,10959,10962,10964,10966],{"class":3847,"line":4218},[3845,10956,5911],{"class":3851},[3845,10958,3807],{"class":3859},[3845,10960,10961],{"class":3863},"sortFn",[3845,10963,3931],{"class":3859},[3845,10965,10920],{"class":3863},[3845,10967,4109],{"class":3859},[3845,10969,10970,10972,10974],{"class":3847,"line":4238},[3845,10971,5877],{"class":3891},[3845,10973,5880],{"class":3851},[3845,10975,4109],{"class":3859},[3845,10977,10978],{"class":3847,"line":4243},[3845,10979,5926],{"class":3859},[3845,10981,10982],{"class":3847,"line":4264},[3845,10983,3918],{"emptyLinePlaceholder":3917},[3845,10985,10986,10989,10991,10994,10996,10998,11000,11002,11004,11006],{"class":3847,"line":5631},[3845,10987,10988],{"class":3855},"  limit",[3845,10990,3860],{"class":3859},[3845,10992,10993],{"class":3863},"count",[3845,10995,3867],{"class":3859},[3845,10997,3871],{"class":3870},[3845,10999,4890],{"class":3859},[3845,11001,10869],{"class":3870},[3845,11003,4600],{"class":3859},[3845,11005,4603],{"class":3870},[3845,11007,5783],{"class":3859},[3845,11009,11010,11012,11014,11017,11019,11021],{"class":3847,"line":5637},[3845,11011,5911],{"class":3851},[3845,11013,3807],{"class":3859},[3845,11015,11016],{"class":3863},"limitCount",[3845,11018,3931],{"class":3859},[3845,11020,10993],{"class":3863},[3845,11022,4109],{"class":3859},[3845,11024,11025,11027,11029],{"class":3847,"line":5643},[3845,11026,5877],{"class":3891},[3845,11028,5880],{"class":3851},[3845,11030,4109],{"class":3859},[3845,11032,11033],{"class":3847,"line":5649},[3845,11034,5926],{"class":3859},[3845,11036,11037],{"class":3847,"line":5654},[3845,11038,3918],{"emptyLinePlaceholder":3917},[3845,11040,11041,11044,11046,11048,11050,11052,11054,11056],{"class":3847,"line":5659},[3845,11042,11043],{"class":3855},"  execute",[3845,11045,3860],{"class":3859},[3845,11047,6190],{"class":3863},[3845,11049,3867],{"class":3859},[3845,11051,4603],{"class":3870},[3845,11053,3874],{"class":3859},[3845,11055,4603],{"class":3870},[3845,11057,7624],{"class":3859},[3845,11059,11060,11063,11065,11068,11070],{"class":3847,"line":5665},[3845,11061,11062],{"class":3851},"    let",[3845,11064,6361],{"class":3863},[3845,11066,11067],{"class":3859}," = [...",[3845,11069,6190],{"class":3863},[3845,11071,3905],{"class":3859},[3845,11073,11074],{"class":3847,"line":5671},[3845,11075,3918],{"emptyLinePlaceholder":3917},[3845,11077,11078],{"class":3847,"line":5677},[3845,11079,11080],{"class":3976},"    \u002F\u002F Застосовуємо фільтри\n",[3845,11082,11083,11086,11088,11090,11093,11096,11098,11100,11102],{"class":3847,"line":5682},[3845,11084,11085],{"class":3891},"    for",[3845,11087,4301],{"class":3859},[3845,11089,3924],{"class":3851},[3845,11091,11092],{"class":3927}," filter",[3845,11094,11095],{"class":3851}," of",[3845,11097,5880],{"class":3851},[3845,11099,3807],{"class":3859},[3845,11101,10884],{"class":3863},[3845,11103,5906],{"class":3859},[3845,11105,11106,11109,11111,11113,11115,11117,11119,11121],{"class":3847,"line":5688},[3845,11107,11108],{"class":3863},"      result",[3845,11110,3931],{"class":3859},[3845,11112,6386],{"class":3863},[3845,11114,3807],{"class":3859},[3845,11116,7818],{"class":3855},[3845,11118,3860],{"class":3859},[3845,11120,7818],{"class":3863},[3845,11122,4261],{"class":3859},[3845,11124,11125],{"class":3847,"line":5694},[3845,11126,9381],{"class":3859},[3845,11128,11129],{"class":3847,"line":5700},[3845,11130,3918],{"emptyLinePlaceholder":3917},[3845,11132,11133],{"class":3847,"line":5705},[3845,11134,11135],{"class":3976},"    \u002F\u002F Сортуємо\n",[3845,11137,11138,11140,11142,11144,11146,11148],{"class":3847,"line":5711},[3845,11139,9341],{"class":3891},[3845,11141,4301],{"class":3859},[3845,11143,6938],{"class":3851},[3845,11145,3807],{"class":3859},[3845,11147,10961],{"class":3863},[3845,11149,5906],{"class":3859},[3845,11151,11152,11154,11156,11159,11161,11163,11165,11167],{"class":3847,"line":5717},[3845,11153,11108],{"class":3863},[3845,11155,3807],{"class":3859},[3845,11157,11158],{"class":3855},"sort",[3845,11160,3860],{"class":3859},[3845,11162,6938],{"class":3851},[3845,11164,3807],{"class":3859},[3845,11166,10961],{"class":3863},[3845,11168,4261],{"class":3859},[3845,11170,11171],{"class":3847,"line":5723},[3845,11172,9381],{"class":3859},[3845,11174,11175],{"class":3847,"line":5729},[3845,11176,3918],{"emptyLinePlaceholder":3917},[3845,11178,11179],{"class":3847,"line":5735},[3845,11180,11181],{"class":3976},"    \u002F\u002F Обмежуємо кількість\n",[3845,11183,11184,11186,11188,11190,11192,11194,11196,11198],{"class":3847,"line":7186},[3845,11185,9341],{"class":3891},[3845,11187,4301],{"class":3859},[3845,11189,6938],{"class":3851},[3845,11191,3807],{"class":3859},[3845,11193,11016],{"class":3863},[3845,11195,6709],{"class":3859},[3845,11197,6470],{"class":3851},[3845,11199,5906],{"class":3859},[3845,11201,11202,11204,11206,11208,11210,11213,11215,11217,11219,11221,11223,11225],{"class":3847,"line":7194},[3845,11203,11108],{"class":3863},[3845,11205,3931],{"class":3859},[3845,11207,6386],{"class":3863},[3845,11209,3807],{"class":3859},[3845,11211,11212],{"class":3855},"slice",[3845,11214,3860],{"class":3859},[3845,11216,3902],{"class":3901},[3845,11218,3943],{"class":3859},[3845,11220,6938],{"class":3851},[3845,11222,3807],{"class":3859},[3845,11224,11016],{"class":3863},[3845,11226,4261],{"class":3859},[3845,11228,11229],{"class":3847,"line":7199},[3845,11230,9381],{"class":3859},[3845,11232,11233],{"class":3847,"line":7219},[3845,11234,3918],{"emptyLinePlaceholder":3917},[3845,11236,11237,11239,11241],{"class":3847,"line":7235},[3845,11238,5877],{"class":3891},[3845,11240,6361],{"class":3863},[3845,11242,4109],{"class":3859},[3845,11244,11245],{"class":3847,"line":7250},[3845,11246,5926],{"class":3859},[3845,11248,11249],{"class":3847,"line":9554},[3845,11250,3911],{"class":3859},[3845,11252,11253],{"class":3847,"line":9559},[3845,11254,3918],{"emptyLinePlaceholder":3917},[3845,11256,11257,11259,11261],{"class":3847,"line":9564},[3845,11258,4092],{"class":3851},[3845,11260,7658],{"class":3870},[3845,11262,3885],{"class":3859},[3845,11264,11265,11267,11269,11271],{"class":3847,"line":9577},[3845,11266,4102],{"class":3863},[3845,11268,3867],{"class":3859},[3845,11270,4001],{"class":3870},[3845,11272,4109],{"class":3859},[3845,11274,11275,11277,11279,11281],{"class":3847,"line":9588},[3845,11276,4114],{"class":3863},[3845,11278,3867],{"class":3859},[3845,11280,4001],{"class":3870},[3845,11282,4109],{"class":3859},[3845,11284,11285,11287,11289,11291],{"class":3847,"line":9599},[3845,11286,7685],{"class":3863},[3845,11288,3867],{"class":3859},[3845,11290,3871],{"class":3870},[3845,11292,4109],{"class":3859},[3845,11294,11295,11297,11299,11301],{"class":3847,"line":9611},[3845,11296,9602],{"class":3863},[3845,11298,3867],{"class":3859},[3845,11300,4001],{"class":3870},[3845,11302,4109],{"class":3859},[3845,11304,11305],{"class":3847,"line":9616},[3845,11306,3911],{"class":3859},[3845,11308,11309],{"class":3847,"line":9621},[3845,11310,3918],{"emptyLinePlaceholder":3917},[3845,11312,11313,11315,11318,11320,11322],{"class":3847,"line":9641},[3845,11314,3924],{"class":3851},[3845,11316,11317],{"class":3927}," products",[3845,11319,3867],{"class":3859},[3845,11321,6634],{"class":3870},[3845,11323,4192],{"class":3859},[3845,11325,11326,11328,11330,11332,11334,11336,11338,11340,11342,11344,11346,11348,11350],{"class":3847,"line":9679},[3845,11327,4198],{"class":3859},[3845,11329,4201],{"class":3863},[3845,11331,5066],{"class":4048},[3845,11333,3943],{"class":3859},[3845,11335,4209],{"class":3863},[3845,11337,7890],{"class":4048},[3845,11339,3943],{"class":3859},[3845,11341,7895],{"class":3863},[3845,11343,7898],{"class":3901},[3845,11345,3943],{"class":3859},[3845,11347,9671],{"class":3863},[3845,11349,9674],{"class":4048},[3845,11351,4215],{"class":3859},[3845,11353,11354,11356,11358,11361,11363,11365,11367,11369,11371,11373,11375,11377,11379],{"class":3847,"line":9717},[3845,11355,4198],{"class":3859},[3845,11357,4201],{"class":3863},[3845,11359,11360],{"class":4048}," '2'",[3845,11362,3943],{"class":3859},[3845,11364,4209],{"class":3863},[3845,11366,7923],{"class":4048},[3845,11368,3943],{"class":3859},[3845,11370,7895],{"class":3863},[3845,11372,7930],{"class":3901},[3845,11374,3943],{"class":3859},[3845,11376,9671],{"class":3863},[3845,11378,9674],{"class":4048},[3845,11380,4215],{"class":3859},[3845,11382,11383,11385,11387,11390,11392,11394,11396,11398,11400,11402,11404,11406,11408],{"class":3847,"line":9722},[3845,11384,4198],{"class":3859},[3845,11386,4201],{"class":3863},[3845,11388,11389],{"class":4048}," '3'",[3845,11391,3943],{"class":3859},[3845,11393,4209],{"class":3863},[3845,11395,9698],{"class":4048},[3845,11397,3943],{"class":3859},[3845,11399,7895],{"class":3863},[3845,11401,9705],{"class":3901},[3845,11403,3943],{"class":3859},[3845,11405,9671],{"class":3863},[3845,11407,9712],{"class":4048},[3845,11409,4215],{"class":3859},[3845,11411,11412,11414,11416,11419,11421,11423,11426,11428,11430,11433,11435,11437,11439],{"class":3847,"line":9759},[3845,11413,4198],{"class":3859},[3845,11415,4201],{"class":3863},[3845,11417,11418],{"class":4048}," '4'",[3845,11420,3943],{"class":3859},[3845,11422,4209],{"class":3863},[3845,11424,11425],{"class":4048}," 'Монітор'",[3845,11427,3943],{"class":3859},[3845,11429,7895],{"class":3863},[3845,11431,11432],{"class":3901}," 8000",[3845,11434,3943],{"class":3859},[3845,11436,9671],{"class":3863},[3845,11438,9674],{"class":4048},[3845,11440,4215],{"class":3859},[3845,11442,11443,11445,11447,11450,11452,11454,11457,11459,11461,11464,11466,11468,11470],{"class":3847,"line":9778},[3845,11444,4198],{"class":3859},[3845,11446,4201],{"class":3863},[3845,11448,11449],{"class":4048}," '5'",[3845,11451,3943],{"class":3859},[3845,11453,4209],{"class":3863},[3845,11455,11456],{"class":4048}," 'Стіл'",[3845,11458,3943],{"class":3859},[3845,11460,7895],{"class":3863},[3845,11462,11463],{"class":3901}," 5000",[3845,11465,3943],{"class":3859},[3845,11467,9671],{"class":3863},[3845,11469,9712],{"class":4048},[3845,11471,4235],{"class":3859},[3845,11473,11474],{"class":3847,"line":9783},[3845,11475,3905],{"class":3859},[3845,11477,11478],{"class":3847,"line":9807},[3845,11479,3918],{"emptyLinePlaceholder":3917},[3845,11481,11482,11484,11487,11489,11491,11493,11495,11497],{"class":3847,"line":9828},[3845,11483,3924],{"class":3851},[3845,11485,11486],{"class":3927}," query",[3845,11488,3931],{"class":3859},[3845,11490,7053],{"class":3851},[3845,11492,10737],{"class":3855},[3845,11494,4600],{"class":3859},[3845,11496,6634],{"class":3870},[3845,11498,11499],{"class":3859},">()\n",[3845,11501,11503,11506,11509,11511,11513,11515,11517,11519,11521,11523,11525],{"class":3847,"line":11502},59,[3845,11504,11505],{"class":3859},"  .",[3845,11507,11508],{"class":3855},"where",[3845,11510,3860],{"class":3859},[3845,11512,3832],{"class":3863},[3845,11514,7762],{"class":3851},[3845,11516,7765],{"class":3863},[3845,11518,3807],{"class":3859},[3845,11520,9749],{"class":3863},[3845,11522,6266],{"class":3859},[3845,11524,9754],{"class":4048},[3845,11526,11527],{"class":3859},")\n",[3845,11529,11531,11533,11535,11537,11539,11541,11543,11545,11547,11550,11553],{"class":3847,"line":11530},60,[3845,11532,11505],{"class":3859},[3845,11534,11508],{"class":3855},[3845,11536,3860],{"class":3859},[3845,11538,3832],{"class":3863},[3845,11540,7762],{"class":3851},[3845,11542,7765],{"class":3863},[3845,11544,3807],{"class":3859},[3845,11546,7831],{"class":3863},[3845,11548,11549],{"class":3859}," > ",[3845,11551,11552],{"class":3901},"1000",[3845,11554,11527],{"class":3859},[3845,11556,11558,11560,11562,11565,11567,11569,11571,11573,11575,11578,11580,11582,11584,11586,11588,11590,11593],{"class":3847,"line":11557},61,[3845,11559,11505],{"class":3859},[3845,11561,11158],{"class":3855},[3845,11563,11564],{"class":3859},"((",[3845,11566,10786],{"class":3863},[3845,11568,3943],{"class":3859},[3845,11570,10795],{"class":3863},[3845,11572,9241],{"class":3859},[3845,11574,9244],{"class":3851},[3845,11576,11577],{"class":3863}," b",[3845,11579,3807],{"class":3859},[3845,11581,7831],{"class":3863},[3845,11583,6950],{"class":3859},[3845,11585,10786],{"class":3863},[3845,11587,3807],{"class":3859},[3845,11589,7831],{"class":3863},[3845,11591,11592],{"class":3859},")  ",[3845,11594,11595],{"class":3976},"\u002F\u002F за спаданням ціни\n",[3845,11597,11599,11601,11604,11606,11608],{"class":3847,"line":11598},62,[3845,11600,11505],{"class":3859},[3845,11602,11603],{"class":3855},"limit",[3845,11605,3860],{"class":3859},[3845,11607,4471],{"class":3901},[3845,11609,4261],{"class":3859},[3845,11611,11613],{"class":3847,"line":11612},63,[3845,11614,3918],{"emptyLinePlaceholder":3917},[3845,11616,11618,11620,11622,11624,11627,11629,11631,11633,11636],{"class":3847,"line":11617},64,[3845,11619,3924],{"class":3851},[3845,11621,6361],{"class":3927},[3845,11623,3931],{"class":3859},[3845,11625,11626],{"class":3863},"query",[3845,11628,3807],{"class":3859},[3845,11630,10074],{"class":3855},[3845,11632,3860],{"class":3859},[3845,11634,11635],{"class":3863},"products",[3845,11637,4261],{"class":3859},[3845,11639,11641,11643,11645,11647,11649,11651],{"class":3847,"line":11640},65,[3845,11642,3960],{"class":3863},[3845,11644,3807],{"class":3859},[3845,11646,3965],{"class":3855},[3845,11648,3860],{"class":3859},[3845,11650,6386],{"class":3863},[3845,11652,4261],{"class":3859},[3845,11654,11656],{"class":3847,"line":11655},66,[3845,11657,11658],{"class":3976},"\u002F\u002F [\n",[3845,11660,11662],{"class":3847,"line":11661},67,[3845,11663,11664],{"class":3976},"\u002F\u002F   { id: '1', name: 'Ноутбук', price: 25000, category: 'Електроніка' },\n",[3845,11666,11668],{"class":3847,"line":11667},68,[3845,11669,11670],{"class":3976},"\u002F\u002F   { id: '4', name: 'Монітор', price: 8000, category: 'Електроніка' }\n",[3845,11672,11674],{"class":3847,"line":11673},69,[3845,11675,11676],{"class":3976},"\u002F\u002F ]\n",[3832,11678,11679,11682,11683,11685,11686,11688,11689,11692,11693,11696],{},[3756,11680,11681],{},"QueryBuilder\u003CT>"," реалізує патерн Builder з fluent interface для побудови складних запитів до колекцій даних. Кожен метод повертає ",[3756,11684,6938],{},", дозволяючи ланцюжок викликів. Generic параметр ",[3756,11687,4603],{}," гарантує, що предикати у ",[3756,11690,11691],{},"where()"," та функція порівняння у ",[3756,11694,11695],{},"sort()"," працюють з правильним типом даних.",[3824,11698],{},[3827,11700,11702],{"id":11701},"default-типові-параметри","Default типові параметри",[3832,11704,11705,11706,4322],{},"Як і параметри функцій, типові параметри можуть мати ",[3785,11707,11708],{},"значення за замовчуванням",[3836,11710,11712],{"className":3838,"code":11711,"language":3840,"meta":3841,"style":3841},"class ApiClient\u003CT = any> {\n  async get(url: string): Promise\u003CT> {\n    const response = await fetch(url);\n    return response.json();\n  }\n\n  async post(url: string, data: T): Promise\u003Cvoid> {\n    await fetch(url, {\n      method: 'POST',\n      body: JSON.stringify(data),\n      headers: { 'Content-Type': 'application\u002Fjson' }\n    });\n  }\n}\n\n\u002F\u002F Використання з явним типом:\nconst userClient = new ApiClient\u003CUser>();\nconst user = await userClient.get('\u002Fapi\u002Fusers\u002F1');  \u002F\u002F user: User\n\n\u002F\u002F Використання без типу (за замовчуванням any):\nconst genericClient = new ApiClient();\nconst data = await genericClient.get('\u002Fapi\u002Fdata');  \u002F\u002F data: any\n",[3756,11713,11714,11731,11757,11775,11787,11791,11795,11828,11841,11851,11871,11888,11893,11897,11901,11905,11910,11929,11956,11960,11965,11980],{"__ignoreMap":3841},[3845,11715,11716,11718,11721,11723,11725,11727,11729],{"class":3847,"line":3848},[3845,11717,6793],{"class":3851},[3845,11719,11720],{"class":3870}," ApiClient",[3845,11722,4600],{"class":3859},[3845,11724,4603],{"class":3870},[3845,11726,3931],{"class":3859},[3845,11728,4321],{"class":3870},[3845,11730,5783],{"class":3859},[3845,11732,11733,11735,11738,11740,11743,11745,11747,11749,11751,11753,11755],{"class":3847,"line":3888},[3845,11734,10216],{"class":3851},[3845,11736,11737],{"class":3855}," get",[3845,11739,3860],{"class":3859},[3845,11741,11742],{"class":3863},"url",[3845,11744,3867],{"class":3859},[3845,11746,4001],{"class":3870},[3845,11748,4890],{"class":3859},[3845,11750,10058],{"class":3870},[3845,11752,4600],{"class":3859},[3845,11754,4603],{"class":3870},[3845,11756,5783],{"class":3859},[3845,11758,11759,11761,11763,11765,11767,11769,11771,11773],{"class":3847,"line":3908},[3845,11760,9319],{"class":3851},[3845,11762,6720],{"class":3927},[3845,11764,3931],{"class":3859},[3845,11766,10124],{"class":3891},[3845,11768,10455],{"class":3855},[3845,11770,3860],{"class":3859},[3845,11772,11742],{"class":3863},[3845,11774,4261],{"class":3859},[3845,11776,11777,11779,11781,11783,11785],{"class":3847,"line":3914},[3845,11778,5877],{"class":3891},[3845,11780,6720],{"class":3863},[3845,11782,3807],{"class":3859},[3845,11784,10529],{"class":3855},[3845,11786,6900],{"class":3859},[3845,11788,11789],{"class":3847,"line":3921},[3845,11790,5926],{"class":3859},[3845,11792,11793],{"class":3847,"line":3957},[3845,11794,3918],{"emptyLinePlaceholder":3917},[3845,11796,11797,11799,11802,11804,11806,11808,11810,11812,11814,11816,11818,11820,11822,11824,11826],{"class":3847,"line":4157},[3845,11798,10216],{"class":3851},[3845,11800,11801],{"class":3855}," post",[3845,11803,3860],{"class":3859},[3845,11805,11742],{"class":3863},[3845,11807,3867],{"class":3859},[3845,11809,4001],{"class":3870},[3845,11811,3943],{"class":3859},[3845,11813,6190],{"class":3863},[3845,11815,3867],{"class":3859},[3845,11817,4603],{"class":3870},[3845,11819,4890],{"class":3859},[3845,11821,10058],{"class":3870},[3845,11823,4600],{"class":3859},[3845,11825,5825],{"class":3870},[3845,11827,5783],{"class":3859},[3845,11829,11830,11832,11834,11836,11838],{"class":3847,"line":4170},[3845,11831,10248],{"class":3891},[3845,11833,10455],{"class":3855},[3845,11835,3860],{"class":3859},[3845,11837,11742],{"class":3863},[3845,11839,11840],{"class":3859},", {\n",[3845,11842,11843,11846,11849],{"class":3847,"line":4175},[3845,11844,11845],{"class":3863},"      method:",[3845,11847,11848],{"class":4048}," 'POST'",[3845,11850,5865],{"class":3859},[3845,11852,11853,11856,11859,11861,11864,11866,11868],{"class":3847,"line":4180},[3845,11854,11855],{"class":3863},"      body:",[3845,11857,11858],{"class":3927}," JSON",[3845,11860,3807],{"class":3859},[3845,11862,11863],{"class":3855},"stringify",[3845,11865,3860],{"class":3859},[3845,11867,6190],{"class":3863},[3845,11869,11870],{"class":3859},"),\n",[3845,11872,11873,11876,11878,11881,11883,11886],{"class":3847,"line":4195},[3845,11874,11875],{"class":3863},"      headers:",[3845,11877,6295],{"class":3859},[3845,11879,11880],{"class":4048},"'Content-Type'",[3845,11882,4322],{"class":3863},[3845,11884,11885],{"class":4048}," 'application\u002Fjson'",[3845,11887,4235],{"class":3859},[3845,11889,11890],{"class":3847,"line":4218},[3845,11891,11892],{"class":3859},"    });\n",[3845,11894,11895],{"class":3847,"line":4238},[3845,11896,5926],{"class":3859},[3845,11898,11899],{"class":3847,"line":4243},[3845,11900,3911],{"class":3859},[3845,11902,11903],{"class":3847,"line":4264},[3845,11904,3918],{"emptyLinePlaceholder":3917},[3845,11906,11907],{"class":3847,"line":5631},[3845,11908,11909],{"class":3976},"\u002F\u002F Використання з явним типом:\n",[3845,11911,11912,11914,11917,11919,11921,11923,11925,11927],{"class":3847,"line":5637},[3845,11913,3924],{"class":3851},[3845,11915,11916],{"class":3927}," userClient",[3845,11918,3931],{"class":3859},[3845,11920,7053],{"class":3851},[3845,11922,11720],{"class":3855},[3845,11924,4600],{"class":3859},[3845,11926,4144],{"class":3870},[3845,11928,7062],{"class":3859},[3845,11930,11931,11933,11935,11937,11939,11941,11943,11946,11948,11951,11953],{"class":3847,"line":5643},[3845,11932,3924],{"class":3851},[3845,11934,4429],{"class":3927},[3845,11936,3931],{"class":3859},[3845,11938,10124],{"class":3891},[3845,11940,11916],{"class":3863},[3845,11942,3807],{"class":3859},[3845,11944,11945],{"class":3855},"get",[3845,11947,3860],{"class":3859},[3845,11949,11950],{"class":4048},"'\u002Fapi\u002Fusers\u002F1'",[3845,11952,3973],{"class":3859},[3845,11954,11955],{"class":3976},"\u002F\u002F user: User\n",[3845,11957,11958],{"class":3847,"line":5649},[3845,11959,3918],{"emptyLinePlaceholder":3917},[3845,11961,11962],{"class":3847,"line":5654},[3845,11963,11964],{"class":3976},"\u002F\u002F Використання без типу (за замовчуванням any):\n",[3845,11966,11967,11969,11972,11974,11976,11978],{"class":3847,"line":5659},[3845,11968,3924],{"class":3851},[3845,11970,11971],{"class":3927}," genericClient",[3845,11973,3931],{"class":3859},[3845,11975,7053],{"class":3851},[3845,11977,11720],{"class":3855},[3845,11979,6900],{"class":3859},[3845,11981,11982,11984,11986,11988,11990,11992,11994,11996,11998,12001,12003],{"class":3847,"line":5665},[3845,11983,3924],{"class":3851},[3845,11985,10119],{"class":3927},[3845,11987,3931],{"class":3859},[3845,11989,10124],{"class":3891},[3845,11991,11971],{"class":3863},[3845,11993,3807],{"class":3859},[3845,11995,11945],{"class":3855},[3845,11997,3860],{"class":3859},[3845,11999,12000],{"class":4048},"'\u002Fapi\u002Fdata'",[3845,12002,3973],{"class":3859},[3845,12004,12005],{"class":3976},"\u002F\u002F data: any\n",[3832,12007,12008,12009,12012,12013,12016],{},"Default типовий параметр ",[3756,12010,12011],{},"T = any"," дозволяє створювати екземпляр ",[3756,12014,12015],{},"ApiClient"," без вказання типу, коли типобезпека не критична або тип даних невідомий заздалегідь. Проте краще явно вказувати тип для збереження переваг TypeScript.",[5305,12018,12019,12020,6133,12023,12026],{},"Використовуйте default типові параметри для ",[3785,12021,12022],{},"backward compatibility",[3785,12024,12025],{},"поступової міграції",": якщо у вас вже є клас без generics, додавання generic параметра з default значенням дозволяє зберегти сумісність з існуючим кодом, поступово додаючи типізацію у нових місцях.",[3824,12028],{},[3827,12030,12032],{"id":12031},"обмеження-та-поширені-помилки-з-generics","Обмеження та поширені помилки з generics",[4312,12034,12036],{"id":12035},"помилка-1-забування-про-type-variance-та-звуження-типу","Помилка 1: Забування про type variance та звуження типу",[3836,12038,12040],{"className":3838,"code":12039,"language":3840,"meta":3841,"style":3841},"function processItems\u003CT>(items: T[]): T[] {\n  \u002F\u002F ❌ Помилка: спроба звузити тип всередині функції\n  const numbers = items as number[];  \u002F\u002F небезпечне приведення\n  return numbers.map(n => n * 2) as T[];\n}\n\nconst result = processItems([1, 2, 3]);  \u002F\u002F працює\n\u002F\u002F const result2 = processItems(['a', 'b']);  \u002F\u002F Runtime Error: NaN\n",[3756,12041,12042,12067,12072,12093,12127,12131,12135,12163],{"__ignoreMap":3841},[3845,12043,12044,12046,12049,12051,12053,12055,12057,12059,12061,12063,12065],{"class":3847,"line":3848},[3845,12045,3852],{"class":3851},[3845,12047,12048],{"class":3855}," processItems",[3845,12050,4600],{"class":3859},[3845,12052,4603],{"class":3870},[3845,12054,4606],{"class":3859},[3845,12056,3864],{"class":3863},[3845,12058,3867],{"class":3859},[3845,12060,4603],{"class":3870},[3845,12062,3874],{"class":3859},[3845,12064,4603],{"class":3870},[3845,12066,7624],{"class":3859},[3845,12068,12069],{"class":3847,"line":3888},[3845,12070,12071],{"class":3976},"  \u002F\u002F ❌ Помилка: спроба звузити тип всередині функції\n",[3845,12073,12074,12076,12079,12081,12083,12085,12087,12090],{"class":3847,"line":3908},[3845,12075,10446],{"class":3851},[3845,12077,12078],{"class":3927}," numbers",[3845,12080,3931],{"class":3859},[3845,12082,3864],{"class":3863},[3845,12084,8460],{"class":3891},[3845,12086,8432],{"class":3870},[3845,12088,12089],{"class":3859},"[];  ",[3845,12091,12092],{"class":3976},"\u002F\u002F небезпечне приведення\n",[3845,12094,12095,12097,12099,12101,12104,12106,12109,12111,12114,12116,12118,12120,12123,12125],{"class":3847,"line":3914},[3845,12096,3892],{"class":3891},[3845,12098,12078],{"class":3863},[3845,12100,3807],{"class":3859},[3845,12102,12103],{"class":3855},"map",[3845,12105,3860],{"class":3859},[3845,12107,12108],{"class":3863},"n",[3845,12110,7762],{"class":3851},[3845,12112,12113],{"class":3863}," n",[3845,12115,8455],{"class":3859},[3845,12117,4471],{"class":3901},[3845,12119,9241],{"class":3859},[3845,12121,12122],{"class":3891},"as",[3845,12124,8463],{"class":3870},[3845,12126,6588],{"class":3859},[3845,12128,12129],{"class":3847,"line":3921},[3845,12130,3911],{"class":3859},[3845,12132,12133],{"class":3847,"line":3957},[3845,12134,3918],{"emptyLinePlaceholder":3917},[3845,12136,12137,12139,12141,12143,12146,12148,12150,12152,12154,12156,12158,12160],{"class":3847,"line":4157},[3845,12138,3924],{"class":3851},[3845,12140,6361],{"class":3927},[3845,12142,3931],{"class":3859},[3845,12144,12145],{"class":3855},"processItems",[3845,12147,3937],{"class":3859},[3845,12149,5531],{"class":3901},[3845,12151,3943],{"class":3859},[3845,12153,4471],{"class":3901},[3845,12155,3943],{"class":3859},[3845,12157,8317],{"class":3901},[3845,12159,5233],{"class":3859},[3845,12161,12162],{"class":3976},"\u002F\u002F працює\n",[3845,12164,12165,12168],{"class":3847,"line":4170},[3845,12166,12167],{"class":3976},"\u002F\u002F const result2 = processItems(['a', 'b']);",[3845,12169,12170],{"class":3976},"  \u002F\u002F Runtime Error: NaN\n",[3832,12172,12173,12176,12177,12179,12180,12182,12183,12185],{},[3785,12174,12175],{},"Проблема:"," Generic функція має працювати з будь-яким типом ",[3756,12178,4603],{},", але тіло функції припускає, що ",[3756,12181,4603],{}," завжди ",[3756,12184,3871],{},". Це порушує контракт generic функції.",[3832,12187,12188,12191,12192,12195],{},[3785,12189,12190],{},"Рішення:"," Або додайте constraint ",[3756,12193,12194],{},"T extends number",", або перепишіть логіку так, щоб вона не залежала від конкретного типу:",[3836,12197,12199],{"className":3838,"code":12198,"language":3840,"meta":3841,"style":3841},"\u002F\u002F ✅ Правильно: constraint\nfunction processNumbers\u003CT extends number>(items: T[]): number[] {\n  return items.map(n => n * 2);\n}\n\n\u002F\u002F ✅ Правильно: generic операція\nfunction duplicateItems\u003CT>(items: T[]): T[] {\n  return items.flatMap(item => [item, item]);\n}\n",[3756,12200,12201,12206,12235,12259,12263,12267,12272,12297,12324],{"__ignoreMap":3841},[3845,12202,12203],{"class":3847,"line":3848},[3845,12204,12205],{"class":3976},"\u002F\u002F ✅ Правильно: constraint\n",[3845,12207,12208,12210,12213,12215,12217,12219,12221,12223,12225,12227,12229,12231,12233],{"class":3847,"line":3888},[3845,12209,3852],{"class":3851},[3845,12211,12212],{"class":3855}," processNumbers",[3845,12214,4600],{"class":3859},[3845,12216,4603],{"class":3870},[3845,12218,7709],{"class":3851},[3845,12220,8432],{"class":3870},[3845,12222,4606],{"class":3859},[3845,12224,3864],{"class":3863},[3845,12226,3867],{"class":3859},[3845,12228,4603],{"class":3870},[3845,12230,3874],{"class":3859},[3845,12232,3871],{"class":3870},[3845,12234,7624],{"class":3859},[3845,12236,12237,12239,12241,12243,12245,12247,12249,12251,12253,12255,12257],{"class":3847,"line":3908},[3845,12238,3892],{"class":3891},[3845,12240,3895],{"class":3863},[3845,12242,3807],{"class":3859},[3845,12244,12103],{"class":3855},[3845,12246,3860],{"class":3859},[3845,12248,12108],{"class":3863},[3845,12250,7762],{"class":3851},[3845,12252,12113],{"class":3863},[3845,12254,8455],{"class":3859},[3845,12256,4471],{"class":3901},[3845,12258,4261],{"class":3859},[3845,12260,12261],{"class":3847,"line":3914},[3845,12262,3911],{"class":3859},[3845,12264,12265],{"class":3847,"line":3921},[3845,12266,3918],{"emptyLinePlaceholder":3917},[3845,12268,12269],{"class":3847,"line":3957},[3845,12270,12271],{"class":3976},"\u002F\u002F ✅ Правильно: generic операція\n",[3845,12273,12274,12276,12279,12281,12283,12285,12287,12289,12291,12293,12295],{"class":3847,"line":4157},[3845,12275,3852],{"class":3851},[3845,12277,12278],{"class":3855}," duplicateItems",[3845,12280,4600],{"class":3859},[3845,12282,4603],{"class":3870},[3845,12284,4606],{"class":3859},[3845,12286,3864],{"class":3863},[3845,12288,3867],{"class":3859},[3845,12290,4603],{"class":3870},[3845,12292,3874],{"class":3859},[3845,12294,4603],{"class":3870},[3845,12296,7624],{"class":3859},[3845,12298,12299,12301,12303,12305,12308,12310,12312,12314,12316,12318,12320,12322],{"class":3847,"line":4170},[3845,12300,3892],{"class":3891},[3845,12302,3895],{"class":3863},[3845,12304,3807],{"class":3859},[3845,12306,12307],{"class":3855},"flatMap",[3845,12309,3860],{"class":3859},[3845,12311,6830],{"class":3863},[3845,12313,7762],{"class":3851},[3845,12315,5397],{"class":3859},[3845,12317,6830],{"class":3863},[3845,12319,3943],{"class":3859},[3845,12321,6830],{"class":3863},[3845,12323,3954],{"class":3859},[3845,12325,12326],{"class":3847,"line":4175},[3845,12327,3911],{"class":3859},[4312,12329,12331],{"id":12330},"помилка-2-неправильне-використання-типових-параметрів-у-static-членах","Помилка 2: Неправильне використання типових параметрів у static членах",[3836,12333,12335],{"className":3838,"code":12334,"language":3840,"meta":3841,"style":3841},"class Container\u003CT> {\n  private value: T;\n\n  \u002F\u002F ❌ Error: Static members cannot reference class type parameters\n  \u002F\u002F static defaultValue: T;\n\n  constructor(value: T) {\n    this.value = value;\n  }\n\n  \u002F\u002F ✅ OK: інстанс-методи можуть використовувати T\n  getValue(): T {\n    return this.value;\n  }\n}\n",[3756,12336,12337,12349,12361,12365,12370,12375,12379,12393,12407,12411,12415,12420,12430,12442,12446],{"__ignoreMap":3841},[3845,12338,12339,12341,12343,12345,12347],{"class":3847,"line":3848},[3845,12340,6793],{"class":3851},[3845,12342,7310],{"class":3870},[3845,12344,4600],{"class":3859},[3845,12346,4603],{"class":3870},[3845,12348,5783],{"class":3859},[3845,12350,12351,12353,12355,12357,12359],{"class":3847,"line":3888},[3845,12352,6807],{"class":3851},[3845,12354,4980],{"class":3863},[3845,12356,3867],{"class":3859},[3845,12358,4603],{"class":3870},[3845,12360,4109],{"class":3859},[3845,12362,12363],{"class":3847,"line":3908},[3845,12364,3918],{"emptyLinePlaceholder":3917},[3845,12366,12367],{"class":3847,"line":3914},[3845,12368,12369],{"class":3976},"  \u002F\u002F ❌ Error: Static members cannot reference class type parameters\n",[3845,12371,12372],{"class":3847,"line":3921},[3845,12373,12374],{"class":3976},"  \u002F\u002F static defaultValue: T;\n",[3845,12376,12377],{"class":3847,"line":3957},[3845,12378,3918],{"emptyLinePlaceholder":3917},[3845,12380,12381,12383,12385,12387,12389,12391],{"class":3847,"line":4157},[3845,12382,7321],{"class":3851},[3845,12384,3860],{"class":3859},[3845,12386,4963],{"class":3863},[3845,12388,3867],{"class":3859},[3845,12390,4603],{"class":3870},[3845,12392,5906],{"class":3859},[3845,12394,12395,12397,12399,12401,12403,12405],{"class":3847,"line":4170},[3845,12396,5911],{"class":3851},[3845,12398,3807],{"class":3859},[3845,12400,4963],{"class":3863},[3845,12402,3931],{"class":3859},[3845,12404,4963],{"class":3863},[3845,12406,4109],{"class":3859},[3845,12408,12409],{"class":3847,"line":4175},[3845,12410,5926],{"class":3859},[3845,12412,12413],{"class":3847,"line":4180},[3845,12414,3918],{"emptyLinePlaceholder":3917},[3845,12416,12417],{"class":3847,"line":4195},[3845,12418,12419],{"class":3976},"  \u002F\u002F ✅ OK: інстанс-методи можуть використовувати T\n",[3845,12421,12422,12424,12426,12428],{"class":3847,"line":4218},[3845,12423,5799],{"class":3855},[3845,12425,5802],{"class":3859},[3845,12427,4603],{"class":3870},[3845,12429,3885],{"class":3859},[3845,12431,12432,12434,12436,12438,12440],{"class":3847,"line":4238},[3845,12433,5877],{"class":3891},[3845,12435,5880],{"class":3851},[3845,12437,3807],{"class":3859},[3845,12439,4963],{"class":3863},[3845,12441,4109],{"class":3859},[3845,12443,12444],{"class":3847,"line":4243},[3845,12445,5926],{"class":3859},[3845,12447,12448],{"class":3847,"line":4264},[3845,12449,3911],{"class":3859},[3832,12451,12452,12454,12455,12457,12458,12461,12462,3807],{},[3785,12453,12175],{}," Статичні члени належать класу як цілому, а не конкретному екземпляру. Типовий параметр ",[3756,12456,4603],{}," визначається лише при створенні екземпляра (",[3756,12459,12460],{},"new Container\u003Cnumber>()","), тому статичні члени не мають доступу до ",[3756,12463,4603],{},[3832,12465,12466,12468],{},[3785,12467,12190],{}," Використовуйте окремий generic параметр для статичного методу або уникайте використання типових параметрів класу у статичних членах:",[3836,12470,12472],{"className":3838,"code":12471,"language":3840,"meta":3841,"style":3841},"class Container\u003CT> {\n  private value: T;\n\n  constructor(value: T) {\n    this.value = value;\n  }\n\n  \u002F\u002F ✅ Статичний метод з власним generic параметром\n  static create\u003CU>(value: U): Container\u003CU> {\n    return new Container(value);\n  }\n}\n\nconst container = Container.create(42);  \u002F\u002F Container\u003Cnumber>\n",[3756,12473,12474,12486,12498,12502,12516,12530,12534,12538,12543,12574,12588,12592,12596,12600],{"__ignoreMap":3841},[3845,12475,12476,12478,12480,12482,12484],{"class":3847,"line":3848},[3845,12477,6793],{"class":3851},[3845,12479,7310],{"class":3870},[3845,12481,4600],{"class":3859},[3845,12483,4603],{"class":3870},[3845,12485,5783],{"class":3859},[3845,12487,12488,12490,12492,12494,12496],{"class":3847,"line":3888},[3845,12489,6807],{"class":3851},[3845,12491,4980],{"class":3863},[3845,12493,3867],{"class":3859},[3845,12495,4603],{"class":3870},[3845,12497,4109],{"class":3859},[3845,12499,12500],{"class":3847,"line":3908},[3845,12501,3918],{"emptyLinePlaceholder":3917},[3845,12503,12504,12506,12508,12510,12512,12514],{"class":3847,"line":3914},[3845,12505,7321],{"class":3851},[3845,12507,3860],{"class":3859},[3845,12509,4963],{"class":3863},[3845,12511,3867],{"class":3859},[3845,12513,4603],{"class":3870},[3845,12515,5906],{"class":3859},[3845,12517,12518,12520,12522,12524,12526,12528],{"class":3847,"line":3921},[3845,12519,5911],{"class":3851},[3845,12521,3807],{"class":3859},[3845,12523,4963],{"class":3863},[3845,12525,3931],{"class":3859},[3845,12527,4963],{"class":3863},[3845,12529,4109],{"class":3859},[3845,12531,12532],{"class":3847,"line":3957},[3845,12533,5926],{"class":3859},[3845,12535,12536],{"class":3847,"line":4157},[3845,12537,3918],{"emptyLinePlaceholder":3917},[3845,12539,12540],{"class":3847,"line":4170},[3845,12541,12542],{"class":3976},"  \u002F\u002F ✅ Статичний метод з власним generic параметром\n",[3845,12544,12545,12548,12551,12553,12555,12557,12559,12561,12563,12565,12568,12570,12572],{"class":3847,"line":4175},[3845,12546,12547],{"class":3851},"  static",[3845,12549,12550],{"class":3855}," create",[3845,12552,4600],{"class":3859},[3845,12554,4919],{"class":3870},[3845,12556,4606],{"class":3859},[3845,12558,4963],{"class":3863},[3845,12560,3867],{"class":3859},[3845,12562,4919],{"class":3870},[3845,12564,4890],{"class":3859},[3845,12566,12567],{"class":3870},"Container",[3845,12569,4600],{"class":3859},[3845,12571,4919],{"class":3870},[3845,12573,5783],{"class":3859},[3845,12575,12576,12578,12580,12582,12584,12586],{"class":3847,"line":4180},[3845,12577,5877],{"class":3891},[3845,12579,10493],{"class":3851},[3845,12581,7310],{"class":3855},[3845,12583,3860],{"class":3859},[3845,12585,4963],{"class":3863},[3845,12587,4261],{"class":3859},[3845,12589,12590],{"class":3847,"line":4195},[3845,12591,5926],{"class":3859},[3845,12593,12594],{"class":3847,"line":4218},[3845,12595,3911],{"class":3859},[3845,12597,12598],{"class":3847,"line":4238},[3845,12599,3918],{"emptyLinePlaceholder":3917},[3845,12601,12602,12604,12607,12609,12611,12613,12616,12618,12620,12622],{"class":3847,"line":4243},[3845,12603,3924],{"class":3851},[3845,12605,12606],{"class":3927}," container",[3845,12608,3931],{"class":3859},[3845,12610,12567],{"class":3863},[3845,12612,3807],{"class":3859},[3845,12614,12615],{"class":3855},"create",[3845,12617,3860],{"class":3859},[3845,12619,5011],{"class":3901},[3845,12621,3973],{"class":3859},[3845,12623,12624],{"class":3976},"\u002F\u002F Container\u003Cnumber>\n",[4312,12626,12628],{"id":12627},"помилка-3-надмірне-використання-generics-там-де-достатньо-union-типів","Помилка 3: Надмірне використання generics там, де достатньо union типів",[3836,12630,12632],{"className":3838,"code":12631,"language":3840,"meta":3841,"style":3841},"\u002F\u002F ❌ Надмірно складно:\nfunction process\u003CT extends string | number>(value: T): T {\n  return value;\n}\n\n\u002F\u002F ✅ Простіше та зрозуміліше:\nfunction process(value: string | number): string | number {\n  return value;\n}\n",[3756,12633,12634,12639,12673,12681,12685,12689,12694,12722,12730],{"__ignoreMap":3841},[3845,12635,12636],{"class":3847,"line":3848},[3845,12637,12638],{"class":3976},"\u002F\u002F ❌ Надмірно складно:\n",[3845,12640,12641,12643,12646,12648,12650,12652,12655,12657,12659,12661,12663,12665,12667,12669,12671],{"class":3847,"line":3888},[3845,12642,3852],{"class":3851},[3845,12644,12645],{"class":3855}," process",[3845,12647,4600],{"class":3859},[3845,12649,4603],{"class":3870},[3845,12651,7709],{"class":3851},[3845,12653,12654],{"class":3870}," string",[3845,12656,3879],{"class":3859},[3845,12658,3871],{"class":3870},[3845,12660,4606],{"class":3859},[3845,12662,4963],{"class":3863},[3845,12664,3867],{"class":3859},[3845,12666,4603],{"class":3870},[3845,12668,4890],{"class":3859},[3845,12670,4603],{"class":3870},[3845,12672,3885],{"class":3859},[3845,12674,12675,12677,12679],{"class":3847,"line":3908},[3845,12676,3892],{"class":3891},[3845,12678,4980],{"class":3863},[3845,12680,4109],{"class":3859},[3845,12682,12683],{"class":3847,"line":3914},[3845,12684,3911],{"class":3859},[3845,12686,12687],{"class":3847,"line":3921},[3845,12688,3918],{"emptyLinePlaceholder":3917},[3845,12690,12691],{"class":3847,"line":3957},[3845,12692,12693],{"class":3976},"\u002F\u002F ✅ Простіше та зрозуміліше:\n",[3845,12695,12696,12698,12700,12702,12704,12706,12708,12710,12712,12714,12716,12718,12720],{"class":3847,"line":4157},[3845,12697,3852],{"class":3851},[3845,12699,12645],{"class":3855},[3845,12701,3860],{"class":3859},[3845,12703,4963],{"class":3863},[3845,12705,3867],{"class":3859},[3845,12707,4001],{"class":3870},[3845,12709,3879],{"class":3859},[3845,12711,3871],{"class":3870},[3845,12713,4890],{"class":3859},[3845,12715,4001],{"class":3870},[3845,12717,3879],{"class":3859},[3845,12719,3871],{"class":3870},[3845,12721,3885],{"class":3859},[3845,12723,12724,12726,12728],{"class":3847,"line":4170},[3845,12725,3892],{"class":3891},[3845,12727,4980],{"class":3863},[3845,12729,4109],{"class":3859},[3845,12731,12732],{"class":3847,"line":4175},[3845,12733,3911],{"class":3859},[3832,12735,12736,12738],{},[3785,12737,12175],{}," Generic додає складність без реальної користі. Якщо функція просто повертає те саме значення або не потребує збереження точного літерального типу, union тип простіший.",[3832,12740,12741,12744,12745,12748,12749,12752,12753,12756,12757,3943,12759,3943,12761,4310],{},[3785,12742,12743],{},"Коли використовувати generic:"," Коли потрібно ",[3785,12746,12747],{},"зберегти зв'язок між типами"," (наприклад, тип вхідного параметра визначає тип повернення) або коли тип має ",[3785,12750,12751],{},"поширюватися через кілька операцій"," (як у ",[3756,12754,12755],{},"Repository\u003CT>"," — тип проходить через ",[3756,12758,7875],{},[3756,12760,9330],{},[3756,12762,9790],{},[9880,12764,12765],{},"Правило: використовуйте generics, коли тип параметра впливає на тип повернення або коли потрібна універсальна логіка для різних типів. Не додавайте generic \"просто так\" — кожен типовий параметр збільшує когнітивне навантаження читання коду.",[3824,12767],{},[3827,12769,12771],{"id":12770},"generics-у-стандартній-бібліотеці-typescript","Generics у стандартній бібліотеці TypeScript",[3832,12773,12774],{},"TypeScript активно використовує generics у вбудованих типах та інтерфейсах.",[4312,12776,10755,12778],{"id":12777},"array-та-readonlyarray",[12779,12780,12781,12782],"t",{}," та ReadonlyArray",[12779,12783],{},[3832,12785,12786,12787,4322],{},"Масиви у TypeScript — це generic тип ",[3756,12788,12789],{},"Array\u003CT>",[3836,12791,12793],{"className":3838,"code":12792,"language":3840,"meta":3841,"style":3841},"\u002F\u002F Два еквівалентні способи оголошення типу масиву:\nconst numbers1: number[] = [1, 2, 3];\nconst numbers2: Array\u003Cnumber> = [1, 2, 3];\n",[3756,12794,12795,12800,12826],{"__ignoreMap":3841},[3845,12796,12797],{"class":3847,"line":3848},[3845,12798,12799],{"class":3976},"\u002F\u002F Два еквівалентні способи оголошення типу масиву:\n",[3845,12801,12802,12804,12807,12809,12811,12814,12816,12818,12820,12822,12824],{"class":3847,"line":3888},[3845,12803,3924],{"class":3851},[3845,12805,12806],{"class":3927}," numbers1",[3845,12808,3867],{"class":3859},[3845,12810,3871],{"class":3870},[3845,12812,12813],{"class":3859},"[] = [",[3845,12815,5531],{"class":3901},[3845,12817,3943],{"class":3859},[3845,12819,4471],{"class":3901},[3845,12821,3943],{"class":3859},[3845,12823,8317],{"class":3901},[3845,12825,3905],{"class":3859},[3845,12827,12828,12830,12833,12835,12837,12839,12841,12844,12846,12848,12850,12852,12854],{"class":3847,"line":3908},[3845,12829,3924],{"class":3851},[3845,12831,12832],{"class":3927}," numbers2",[3845,12834,3867],{"class":3859},[3845,12836,10755],{"class":3870},[3845,12838,4600],{"class":3859},[3845,12840,3871],{"class":3870},[3845,12842,12843],{"class":3859},"> = [",[3845,12845,5531],{"class":3901},[3845,12847,3943],{"class":3859},[3845,12849,4471],{"class":3901},[3845,12851,3943],{"class":3859},[3845,12853,8317],{"class":3901},[3845,12855,3905],{"class":3859},[3832,12857,12858,12859,12861,12862,12864,12865,12867],{},"Синтаксис ",[3756,12860,5298],{}," — це скорочення для ",[3756,12863,3806],{},". Обидва варіанти ідентичні, але ",[3756,12866,12789],{}," виразніше показує generic природу масивів.",[3832,12869,12870,12873],{},[3756,12871,12872],{},"ReadonlyArray\u003CT>"," — незмінна версія масиву:",[3836,12875,12877],{"className":3838,"code":12876,"language":3840,"meta":3841,"style":3841},"function processNumbers(nums: ReadonlyArray\u003Cnumber>): number {\n  \u002F\u002F nums.push(10);  \u002F\u002F ❌ Error: Property 'push' does not exist on type 'readonly number[]'\n  return nums.reduce((sum, n) => sum + n, 0);\n}\n\nconst numbers: ReadonlyArray\u003Cnumber> = [1, 2, 3, 4, 5];\nconst sum = processNumbers(numbers);\nconsole.log(sum);  \u002F\u002F 15\n",[3756,12878,12879,12905,12913,12952,12956,12960,12997,13015],{"__ignoreMap":3841},[3845,12880,12881,12883,12885,12887,12890,12892,12895,12897,12899,12901,12903],{"class":3847,"line":3848},[3845,12882,3852],{"class":3851},[3845,12884,12212],{"class":3855},[3845,12886,3860],{"class":3859},[3845,12888,12889],{"class":3863},"nums",[3845,12891,3867],{"class":3859},[3845,12893,12894],{"class":3870},"ReadonlyArray",[3845,12896,4600],{"class":3859},[3845,12898,3871],{"class":3870},[3845,12900,6671],{"class":3859},[3845,12902,3871],{"class":3870},[3845,12904,3885],{"class":3859},[3845,12906,12907,12910],{"class":3847,"line":3888},[3845,12908,12909],{"class":3976},"  \u002F\u002F nums.push(10);",[3845,12911,12912],{"class":3976},"  \u002F\u002F ❌ Error: Property 'push' does not exist on type 'readonly number[]'\n",[3845,12914,12915,12917,12920,12922,12925,12927,12930,12932,12934,12936,12938,12941,12944,12946,12948,12950],{"class":3847,"line":3908},[3845,12916,3892],{"class":3891},[3845,12918,12919],{"class":3863}," nums",[3845,12921,3807],{"class":3859},[3845,12923,12924],{"class":3855},"reduce",[3845,12926,11564],{"class":3859},[3845,12928,12929],{"class":3863},"sum",[3845,12931,3943],{"class":3859},[3845,12933,12108],{"class":3863},[3845,12935,9241],{"class":3859},[3845,12937,9244],{"class":3851},[3845,12939,12940],{"class":3863}," sum",[3845,12942,12943],{"class":3859}," + ",[3845,12945,12108],{"class":3863},[3845,12947,3943],{"class":3859},[3845,12949,3902],{"class":3901},[3845,12951,4261],{"class":3859},[3845,12953,12954],{"class":3847,"line":3914},[3845,12955,3911],{"class":3859},[3845,12957,12958],{"class":3847,"line":3921},[3845,12959,3918],{"emptyLinePlaceholder":3917},[3845,12961,12962,12964,12966,12968,12970,12972,12974,12976,12978,12980,12982,12984,12986,12988,12990,12992,12995],{"class":3847,"line":3957},[3845,12963,3924],{"class":3851},[3845,12965,12078],{"class":3927},[3845,12967,3867],{"class":3859},[3845,12969,12894],{"class":3870},[3845,12971,4600],{"class":3859},[3845,12973,3871],{"class":3870},[3845,12975,12843],{"class":3859},[3845,12977,5531],{"class":3901},[3845,12979,3943],{"class":3859},[3845,12981,4471],{"class":3901},[3845,12983,3943],{"class":3859},[3845,12985,8317],{"class":3901},[3845,12987,3943],{"class":3859},[3845,12989,8322],{"class":3901},[3845,12991,3943],{"class":3859},[3845,12993,12994],{"class":3901},"5",[3845,12996,3905],{"class":3859},[3845,12998,12999,13001,13003,13005,13008,13010,13013],{"class":3847,"line":4157},[3845,13000,3924],{"class":3851},[3845,13002,12940],{"class":3927},[3845,13004,3931],{"class":3859},[3845,13006,13007],{"class":3855},"processNumbers",[3845,13009,3860],{"class":3859},[3845,13011,13012],{"class":3863},"numbers",[3845,13014,4261],{"class":3859},[3845,13016,13017,13019,13021,13023,13025,13027,13029],{"class":3847,"line":4170},[3845,13018,3960],{"class":3863},[3845,13020,3807],{"class":3859},[3845,13022,3965],{"class":3855},[3845,13024,3860],{"class":3859},[3845,13026,12929],{"class":3863},[3845,13028,3973],{"class":3859},[3845,13030,13031],{"class":3976},"\u002F\u002F 15\n",[3832,13033,13034,13036,13037,13040],{},[3756,13035,12872],{}," гарантує, що функція не змінює переданий масив, що важливо для ",[3785,13038,13039],{},"іммутабельних структур даних"," та функціонального програмування.",[4312,13042,10058,13044],{"id":13043},"promise",[12779,13045],{},[3832,13047,13048,13050,13051,4322],{},[3756,13049,10058],{}," — generic тип, що представляє асинхронну операцію, яка завершиться значенням типу ",[3756,13052,4603],{},[3836,13054,13056],{"className":3838,"code":13055,"language":3840,"meta":3841,"style":3841},"async function fetchUser(id: string): Promise\u003CUser> {\n  const response = await fetch(`\u002Fapi\u002Fusers\u002F${id}`);\n  return response.json();  \u002F\u002F TypeScript знає, що це Promise\u003CUser>\n}\n\nconst userPromise: Promise\u003CUser> = fetchUser('user-123');\n\nuserPromise.then(user => {\n  console.log(user.name);  \u002F\u002F TypeScript знає, що user має тип User\n});\n\n\u002F\u002F або через async\u002Fawait:\nconst user = await fetchUser('user-123');  \u002F\u002F user: User\n",[3756,13057,13058,13084,13110,13126,13130,13134,13159,13163,13181,13202,13207,13211,13216],{"__ignoreMap":3841},[3845,13059,13060,13062,13064,13066,13068,13070,13072,13074,13076,13078,13080,13082],{"class":3847,"line":3848},[3845,13061,10417],{"class":3851},[3845,13063,10420],{"class":3851},[3845,13065,6230],{"class":3855},[3845,13067,3860],{"class":3859},[3845,13069,6235],{"class":3863},[3845,13071,3867],{"class":3859},[3845,13073,4001],{"class":3870},[3845,13075,4890],{"class":3859},[3845,13077,10058],{"class":3870},[3845,13079,4600],{"class":3859},[3845,13081,4144],{"class":3870},[3845,13083,5783],{"class":3859},[3845,13085,13086,13088,13090,13092,13094,13096,13098,13100,13102,13104,13106,13108],{"class":3847,"line":3888},[3845,13087,10446],{"class":3851},[3845,13089,6720],{"class":3927},[3845,13091,3931],{"class":3859},[3845,13093,10124],{"class":3891},[3845,13095,10455],{"class":3855},[3845,13097,3860],{"class":3859},[3845,13099,10460],{"class":4048},[3845,13101,8262],{"class":3851},[3845,13103,6235],{"class":3863},[3845,13105,8272],{"class":3851},[3845,13107,8275],{"class":4048},[3845,13109,4261],{"class":3859},[3845,13111,13112,13114,13116,13118,13120,13123],{"class":3847,"line":3908},[3845,13113,3892],{"class":3891},[3845,13115,6720],{"class":3863},[3845,13117,3807],{"class":3859},[3845,13119,10529],{"class":3855},[3845,13121,13122],{"class":3859},"();  ",[3845,13124,13125],{"class":3976},"\u002F\u002F TypeScript знає, що це Promise\u003CUser>\n",[3845,13127,13128],{"class":3847,"line":3914},[3845,13129,3911],{"class":3859},[3845,13131,13132],{"class":3847,"line":3921},[3845,13133,3918],{"emptyLinePlaceholder":3917},[3845,13135,13136,13138,13141,13143,13145,13147,13149,13151,13153,13155,13157],{"class":3847,"line":3957},[3845,13137,3924],{"class":3851},[3845,13139,13140],{"class":3927}," userPromise",[3845,13142,3867],{"class":3859},[3845,13144,10058],{"class":3870},[3845,13146,4600],{"class":3859},[3845,13148,4144],{"class":3870},[3845,13150,6517],{"class":3859},[3845,13152,6366],{"class":3855},[3845,13154,3860],{"class":3859},[3845,13156,10565],{"class":4048},[3845,13158,4261],{"class":3859},[3845,13160,13161],{"class":3847,"line":4157},[3845,13162,3918],{"emptyLinePlaceholder":3917},[3845,13164,13165,13168,13170,13173,13175,13177,13179],{"class":3847,"line":4170},[3845,13166,13167],{"class":3863},"userPromise",[3845,13169,3807],{"class":3859},[3845,13171,13172],{"class":3855},"then",[3845,13174,3860],{"class":3859},[3845,13176,4513],{"class":3863},[3845,13178,7762],{"class":3851},[3845,13180,3885],{"class":3859},[3845,13182,13183,13185,13187,13189,13191,13193,13195,13197,13199],{"class":3847,"line":4175},[3845,13184,6397],{"class":3863},[3845,13186,3807],{"class":3859},[3845,13188,3965],{"class":3855},[3845,13190,3860],{"class":3859},[3845,13192,4513],{"class":3863},[3845,13194,3807],{"class":3859},[3845,13196,4281],{"class":3863},[3845,13198,3973],{"class":3859},[3845,13200,13201],{"class":3976},"\u002F\u002F TypeScript знає, що user має тип User\n",[3845,13203,13204],{"class":3847,"line":4180},[3845,13205,13206],{"class":3859},"});\n",[3845,13208,13209],{"class":3847,"line":4195},[3845,13210,3918],{"emptyLinePlaceholder":3917},[3845,13212,13213],{"class":3847,"line":4218},[3845,13214,13215],{"class":3976},"\u002F\u002F або через async\u002Fawait:\n",[3845,13217,13218,13220,13222,13224,13226,13228,13230,13232,13234],{"class":3847,"line":4238},[3845,13219,3924],{"class":3851},[3845,13221,4429],{"class":3927},[3845,13223,3931],{"class":3859},[3845,13225,10124],{"class":3891},[3845,13227,6230],{"class":3855},[3845,13229,3860],{"class":3859},[3845,13231,10565],{"class":4048},[3845,13233,3973],{"class":3859},[3845,13235,11955],{"class":3976},[3832,13237,4906,13238,13240,13241,13243,13244,13247],{},[3756,13239,10707],{}," визначає тип значення, що буде доступне після ",[3756,13242,10124],{}," або у ",[3756,13245,13246],{},".then()",". Це дозволяє типобезпечно працювати з асинхронним кодом.",[4312,13249,13251],{"id":13250},"recordk-v","Record\u003CK, V>",[3832,13253,13254,13256,13257,13259,13260,4322],{},[3756,13255,13251],{}," створює тип об'єкта з ключами типу ",[3756,13258,8698],{}," та значеннями типу ",[3756,13261,4922],{},[3836,13263,13265],{"className":3838,"code":13264,"language":3840,"meta":3841,"style":3841},"type UserRoles = Record\u003Cstring, string[]>;\n\nconst roles: UserRoles = {\n  'user-1': ['admin', 'editor'],\n  'user-2': ['viewer'],\n  'user-3': ['editor']\n};\n\nconsole.log(roles['user-1']);  \u002F\u002F ['admin', 'editor']\n",[3756,13266,13267,13290,13294,13308,13328,13342,13356,13360,13364],{"__ignoreMap":3841},[3845,13268,13269,13271,13274,13276,13279,13281,13283,13285,13287],{"class":3847,"line":3848},[3845,13270,6157],{"class":3851},[3845,13272,13273],{"class":3870}," UserRoles",[3845,13275,3931],{"class":3859},[3845,13277,13278],{"class":3870},"Record",[3845,13280,4600],{"class":3859},[3845,13282,4001],{"class":3870},[3845,13284,3943],{"class":3859},[3845,13286,4001],{"class":3870},[3845,13288,13289],{"class":3859},"[]>;\n",[3845,13291,13292],{"class":3847,"line":3888},[3845,13293,3918],{"emptyLinePlaceholder":3917},[3845,13295,13296,13298,13301,13303,13306],{"class":3847,"line":3908},[3845,13297,3924],{"class":3851},[3845,13299,13300],{"class":3927}," roles",[3845,13302,3867],{"class":3859},[3845,13304,13305],{"class":3870},"UserRoles",[3845,13307,8763],{"class":3859},[3845,13309,13310,13313,13315,13317,13320,13322,13325],{"class":3847,"line":3914},[3845,13311,13312],{"class":4048},"  'user-1'",[3845,13314,4322],{"class":3863},[3845,13316,5397],{"class":3859},[3845,13318,13319],{"class":4048},"'admin'",[3845,13321,3943],{"class":3859},[3845,13323,13324],{"class":4048},"'editor'",[3845,13326,13327],{"class":3859},"],\n",[3845,13329,13330,13333,13335,13337,13340],{"class":3847,"line":3921},[3845,13331,13332],{"class":4048},"  'user-2'",[3845,13334,4322],{"class":3863},[3845,13336,5397],{"class":3859},[3845,13338,13339],{"class":4048},"'viewer'",[3845,13341,13327],{"class":3859},[3845,13343,13344,13347,13349,13351,13353],{"class":3847,"line":3957},[3845,13345,13346],{"class":4048},"  'user-3'",[3845,13348,4322],{"class":3863},[3845,13350,5397],{"class":3859},[3845,13352,13324],{"class":4048},[3845,13354,13355],{"class":3859},"]\n",[3845,13357,13358],{"class":3847,"line":4157},[3845,13359,5931],{"class":3859},[3845,13361,13362],{"class":3847,"line":4170},[3845,13363,3918],{"emptyLinePlaceholder":3917},[3845,13365,13366,13368,13370,13372,13374,13377,13379,13382,13384],{"class":3847,"line":4175},[3845,13367,3960],{"class":3863},[3845,13369,3807],{"class":3859},[3845,13371,3965],{"class":3855},[3845,13373,3860],{"class":3859},[3845,13375,13376],{"class":3863},"roles",[3845,13378,3898],{"class":3859},[3845,13380,13381],{"class":4048},"'user-1'",[3845,13383,5233],{"class":3859},[3845,13385,13386],{"class":3976},"\u002F\u002F ['admin', 'editor']\n",[3832,13388,13389,13390,13393],{},"Це еквівалент index signature ",[3756,13391,13392],{},"{ [key: string]: string[] }",", але більш виразний та зручний для композиції типів.",[4312,13395,13397,13398],{"id":13396},"mapk-v-та-set","Map\u003CK, V> та Set",[12779,13399],{},[3832,13401,13402,13403,5754,13406,13409],{},"Колекції ",[3756,13404,13405],{},"Map",[3756,13407,13408],{},"Set"," також generic:",[3836,13411,13413],{"className":3838,"code":13412,"language":3840,"meta":3841,"style":3841},"const userMap = new Map\u003Cstring, User>();\nuserMap.set('user-1', { id: 'user-1', name: 'Олександр' });\nuserMap.set('user-2', { id: 'user-2', name: 'Марія' });\n\nconst user = userMap.get('user-1');  \u002F\u002F user: User | undefined\nif (user) {\n  console.log(user.name);\n}\n\nconst uniqueIds = new Set\u003Cstring>();\nuniqueIds.add('id-1');\nuniqueIds.add('id-2');\nuniqueIds.add('id-1');  \u002F\u002F дублікат, не додасться\n\nconsole.log(uniqueIds.size);  \u002F\u002F 2\n",[3756,13414,13415,13439,13467,13494,13498,13520,13530,13548,13552,13556,13576,13592,13607,13624,13628],{"__ignoreMap":3841},[3845,13416,13417,13419,13422,13424,13426,13429,13431,13433,13435,13437],{"class":3847,"line":3848},[3845,13418,3924],{"class":3851},[3845,13420,13421],{"class":3927}," userMap",[3845,13423,3931],{"class":3859},[3845,13425,7053],{"class":3851},[3845,13427,13428],{"class":3855}," Map",[3845,13430,4600],{"class":3859},[3845,13432,4001],{"class":3870},[3845,13434,3943],{"class":3859},[3845,13436,4144],{"class":3870},[3845,13438,7062],{"class":3859},[3845,13440,13441,13444,13446,13449,13451,13453,13455,13457,13459,13461,13463,13465],{"class":3847,"line":3888},[3845,13442,13443],{"class":3863},"userMap",[3845,13445,3807],{"class":3859},[3845,13447,13448],{"class":3855},"set",[3845,13450,3860],{"class":3859},[3845,13452,13381],{"class":4048},[3845,13454,5466],{"class":3859},[3845,13456,4201],{"class":3863},[3845,13458,4204],{"class":4048},[3845,13460,3943],{"class":3859},[3845,13462,4209],{"class":3863},[3845,13464,4212],{"class":4048},[3845,13466,7901],{"class":3859},[3845,13468,13469,13471,13473,13475,13477,13480,13482,13484,13486,13488,13490,13492],{"class":3847,"line":3908},[3845,13470,13443],{"class":3863},[3845,13472,3807],{"class":3859},[3845,13474,13448],{"class":3855},[3845,13476,3860],{"class":3859},[3845,13478,13479],{"class":4048},"'user-2'",[3845,13481,5466],{"class":3859},[3845,13483,4201],{"class":3863},[3845,13485,4225],{"class":4048},[3845,13487,3943],{"class":3859},[3845,13489,4209],{"class":3863},[3845,13491,4232],{"class":4048},[3845,13493,7901],{"class":3859},[3845,13495,13496],{"class":3847,"line":3914},[3845,13497,3918],{"emptyLinePlaceholder":3917},[3845,13499,13500,13502,13504,13506,13508,13510,13512,13514,13516,13518],{"class":3847,"line":3921},[3845,13501,3924],{"class":3851},[3845,13503,4429],{"class":3927},[3845,13505,3931],{"class":3859},[3845,13507,13443],{"class":3863},[3845,13509,3807],{"class":3859},[3845,13511,11945],{"class":3855},[3845,13513,3860],{"class":3859},[3845,13515,13381],{"class":4048},[3845,13517,3973],{"class":3859},[3845,13519,4731],{"class":3976},[3845,13521,13522,13524,13526,13528],{"class":3847,"line":3957},[3845,13523,6381],{"class":3891},[3845,13525,4301],{"class":3859},[3845,13527,4513],{"class":3863},[3845,13529,5906],{"class":3859},[3845,13531,13532,13534,13536,13538,13540,13542,13544,13546],{"class":3847,"line":4157},[3845,13533,6397],{"class":3863},[3845,13535,3807],{"class":3859},[3845,13537,3965],{"class":3855},[3845,13539,3860],{"class":3859},[3845,13541,4513],{"class":3863},[3845,13543,3807],{"class":3859},[3845,13545,4281],{"class":3863},[3845,13547,4261],{"class":3859},[3845,13549,13550],{"class":3847,"line":4170},[3845,13551,3911],{"class":3859},[3845,13553,13554],{"class":3847,"line":4175},[3845,13555,3918],{"emptyLinePlaceholder":3917},[3845,13557,13558,13560,13563,13565,13567,13570,13572,13574],{"class":3847,"line":4180},[3845,13559,3924],{"class":3851},[3845,13561,13562],{"class":3927}," uniqueIds",[3845,13564,3931],{"class":3859},[3845,13566,7053],{"class":3851},[3845,13568,13569],{"class":3855}," Set",[3845,13571,4600],{"class":3859},[3845,13573,4001],{"class":3870},[3845,13575,7062],{"class":3859},[3845,13577,13578,13581,13583,13585,13587,13590],{"class":3847,"line":4195},[3845,13579,13580],{"class":3863},"uniqueIds",[3845,13582,3807],{"class":3859},[3845,13584,7875],{"class":3855},[3845,13586,3860],{"class":3859},[3845,13588,13589],{"class":4048},"'id-1'",[3845,13591,4261],{"class":3859},[3845,13593,13594,13596,13598,13600,13602,13605],{"class":3847,"line":4218},[3845,13595,13580],{"class":3863},[3845,13597,3807],{"class":3859},[3845,13599,7875],{"class":3855},[3845,13601,3860],{"class":3859},[3845,13603,13604],{"class":4048},"'id-2'",[3845,13606,4261],{"class":3859},[3845,13608,13609,13611,13613,13615,13617,13619,13621],{"class":3847,"line":4238},[3845,13610,13580],{"class":3863},[3845,13612,3807],{"class":3859},[3845,13614,7875],{"class":3855},[3845,13616,3860],{"class":3859},[3845,13618,13589],{"class":4048},[3845,13620,3973],{"class":3859},[3845,13622,13623],{"class":3976},"\u002F\u002F дублікат, не додасться\n",[3845,13625,13626],{"class":3847,"line":4243},[3845,13627,3918],{"emptyLinePlaceholder":3917},[3845,13629,13630,13632,13634,13636,13638,13640,13642,13644,13646],{"class":3847,"line":4264},[3845,13631,3960],{"class":3863},[3845,13633,3807],{"class":3859},[3845,13635,3965],{"class":3855},[3845,13637,3860],{"class":3859},[3845,13639,13580],{"class":3863},[3845,13641,3807],{"class":3859},[3845,13643,7169],{"class":3863},[3845,13645,3973],{"class":3859},[3845,13647,7174],{"class":3976},[3832,13649,13650,13651,13653,13654,13656],{},"Generic параметри гарантують, що ключі та значення у ",[3756,13652,13405],{}," мають правильні типи, а елементи ",[3756,13655,13408],{}," однорідні.",[3824,13658],{},[3827,13660,13662],{"id":13661},"практичний-кейс-типобезпечний-event-emitter","Практичний кейс: типобезпечний Event Emitter",[3832,13664,13665],{},"Побудуємо типобезпечний event emitter, що використовує generics для забезпечення узгодженості типів подій та слухачів.",[3836,13667,13669],{"className":3838,"code":13668,"language":3840,"meta":3841,"style":3841},"type EventMap = Record\u003Cstring, any>;\n\ntype EventListener\u003CT> = (payload: T) => void;\n\nclass TypedEventEmitter\u003CEvents extends EventMap> {\n  private listeners: {\n    [K in keyof Events]?: Array\u003CEventListener\u003CEvents[K]>>;\n  } = {};\n\n  on\u003CK extends keyof Events>(event: K, listener: EventListener\u003CEvents[K]>): void {\n    if (!this.listeners[event]) {\n      this.listeners[event] = [];\n    }\n    this.listeners[event]!.push(listener);\n  }\n\n  off\u003CK extends keyof Events>(event: K, listener: EventListener\u003CEvents[K]>): void {\n    const eventListeners = this.listeners[event];\n    if (eventListeners) {\n      const index = eventListeners.indexOf(listener);\n      if (index !== -1) {\n        eventListeners.splice(index, 1);\n      }\n    }\n  }\n\n  emit\u003CK extends keyof Events>(event: K, payload: Events[K]): void {\n    const eventListeners = this.listeners[event];\n    if (eventListeners) {\n      eventListeners.forEach(listener => listener(payload));\n    }\n  }\n\n  once\u003CK extends keyof Events>(event: K, listener: EventListener\u003CEvents[K]>): void {\n    const onceListener: EventListener\u003CEvents[K]> = (payload) => {\n      listener(payload);\n      this.off(event, onceListener);\n    };\n    this.on(event, onceListener);\n  }\n}\n\n\u002F\u002F Визначаємо карту подій для конкретного застосунку:\ninterface AppEvents {\n  userLoggedIn: { userId: string; timestamp: Date };\n  messageReceived: { from: string; text: string };\n  dataLoaded: { count: number };\n}\n\nconst emitter = new TypedEventEmitter\u003CAppEvents>();\n\n\u002F\u002F ✅ Type-safe: TypeScript знає структуру кожної події\nemitter.on('userLoggedIn', (payload) => {\n  console.log(`User ${payload.userId} logged in at ${payload.timestamp}`);\n});\n\nemitter.on('messageReceived', (payload) => {\n  console.log(`Message from ${payload.from}: ${payload.text}`);\n});\n\n\u002F\u002F ✅ Перевірка типів при emit:\nemitter.emit('userLoggedIn', {\n  userId: 'user-123',\n  timestamp: new Date()\n});\n\nemitter.emit('messageReceived', {\n  from: 'Олександр',\n  text: 'Привіт!'\n});\n\n\u002F\u002F ❌ Error: Argument of type '{ count: string; }' is not assignable...\n\u002F\u002F emitter.emit('dataLoaded', { count: 'invalid' });\n\n\u002F\u002F ❌ Error: Argument of type '\"unknownEvent\"' is not assignable to parameter of type 'keyof AppEvents'\n\u002F\u002F emitter.emit('unknownEvent', {});\n",[3756,13670,13671,13693,13697,13727,13731,13748,13758,13794,13799,13803,13851,13871,13886,13890,13913,13917,13921,13966,13987,13998,14019,14034,14053,14058,14062,14066,14070,14112,14132,14142,14167,14171,14175,14179,14224,14254,14265,14285,14289,14308,14312,14316,14320,14325,14334,14361,14386,14401,14405,14409,14429,14433,14438,14463,14503,14507,14511,14534,14573,14577,14581,14586,14601,14611,14624,14628,14632,14646,14655,14663,14668,14673,14679,14685,14690,14696],{"__ignoreMap":3841},[3845,13672,13673,13675,13678,13680,13682,13684,13686,13688,13690],{"class":3847,"line":3848},[3845,13674,6157],{"class":3851},[3845,13676,13677],{"class":3870}," EventMap",[3845,13679,3931],{"class":3859},[3845,13681,13278],{"class":3870},[3845,13683,4600],{"class":3859},[3845,13685,4001],{"class":3870},[3845,13687,3943],{"class":3859},[3845,13689,4321],{"class":3870},[3845,13691,13692],{"class":3859},">;\n",[3845,13694,13695],{"class":3847,"line":3888},[3845,13696,3918],{"emptyLinePlaceholder":3917},[3845,13698,13699,13701,13704,13706,13708,13711,13714,13716,13718,13720,13722,13725],{"class":3847,"line":3908},[3845,13700,6157],{"class":3851},[3845,13702,13703],{"class":3870}," EventListener",[3845,13705,4600],{"class":3859},[3845,13707,4603],{"class":3870},[3845,13709,13710],{"class":3859},"> = (",[3845,13712,13713],{"class":3863},"payload",[3845,13715,3867],{"class":3859},[3845,13717,4603],{"class":3870},[3845,13719,9241],{"class":3859},[3845,13721,9244],{"class":3851},[3845,13723,13724],{"class":3870}," void",[3845,13726,4109],{"class":3859},[3845,13728,13729],{"class":3847,"line":3914},[3845,13730,3918],{"emptyLinePlaceholder":3917},[3845,13732,13733,13735,13738,13740,13742,13744,13746],{"class":3847,"line":3921},[3845,13734,6793],{"class":3851},[3845,13736,13737],{"class":3870}," TypedEventEmitter",[3845,13739,4600],{"class":3859},[3845,13741,1919],{"class":3870},[3845,13743,7709],{"class":3851},[3845,13745,13677],{"class":3870},[3845,13747,5783],{"class":3859},[3845,13749,13750,13752,13755],{"class":3847,"line":3957},[3845,13751,6807],{"class":3851},[3845,13753,13754],{"class":3863}," listeners",[3845,13756,13757],{"class":3859},": {\n",[3845,13759,13760,13763,13765,13768,13770,13773,13776,13778,13780,13783,13785,13787,13789,13791],{"class":3847,"line":4157},[3845,13761,13762],{"class":3859},"    [",[3845,13764,8698],{"class":3870},[3845,13766,13767],{"class":3851}," in",[3845,13769,8703],{"class":3851},[3845,13771,13772],{"class":3870}," Events",[3845,13774,13775],{"class":3859},"]?: ",[3845,13777,10755],{"class":3870},[3845,13779,4600],{"class":3859},[3845,13781,13782],{"class":3870},"EventListener",[3845,13784,4600],{"class":3859},[3845,13786,1919],{"class":3870},[3845,13788,3898],{"class":3859},[3845,13790,8698],{"class":3870},[3845,13792,13793],{"class":3859},"]>>;\n",[3845,13795,13796],{"class":3847,"line":4170},[3845,13797,13798],{"class":3859},"  } = {};\n",[3845,13800,13801],{"class":3847,"line":4175},[3845,13802,3918],{"emptyLinePlaceholder":3917},[3845,13804,13805,13808,13810,13812,13814,13816,13818,13820,13823,13825,13827,13829,13832,13834,13836,13838,13840,13842,13844,13847,13849],{"class":3847,"line":4180},[3845,13806,13807],{"class":3855},"  on",[3845,13809,4600],{"class":3859},[3845,13811,8698],{"class":3870},[3845,13813,7709],{"class":3851},[3845,13815,8703],{"class":3851},[3845,13817,13772],{"class":3870},[3845,13819,4606],{"class":3859},[3845,13821,13822],{"class":3863},"event",[3845,13824,3867],{"class":3859},[3845,13826,8698],{"class":3870},[3845,13828,3943],{"class":3859},[3845,13830,13831],{"class":3863},"listener",[3845,13833,3867],{"class":3859},[3845,13835,13782],{"class":3870},[3845,13837,4600],{"class":3859},[3845,13839,1919],{"class":3870},[3845,13841,3898],{"class":3859},[3845,13843,8698],{"class":3870},[3845,13845,13846],{"class":3859},"]>): ",[3845,13848,5825],{"class":3870},[3845,13850,3885],{"class":3859},[3845,13852,13853,13855,13857,13859,13861,13864,13866,13868],{"class":3847,"line":4195},[3845,13854,9341],{"class":3891},[3845,13856,10477],{"class":3859},[3845,13858,6938],{"class":3851},[3845,13860,3807],{"class":3859},[3845,13862,13863],{"class":3863},"listeners",[3845,13865,3898],{"class":3859},[3845,13867,13822],{"class":3863},[3845,13869,13870],{"class":3859},"]) {\n",[3845,13872,13873,13875,13877,13879,13881,13883],{"class":3847,"line":4218},[3845,13874,9475],{"class":3851},[3845,13876,3807],{"class":3859},[3845,13878,13863],{"class":3863},[3845,13880,3898],{"class":3859},[3845,13882,13822],{"class":3863},[3845,13884,13885],{"class":3859},"] = [];\n",[3845,13887,13888],{"class":3847,"line":4238},[3845,13889,9381],{"class":3859},[3845,13891,13892,13894,13896,13898,13900,13902,13905,13907,13909,13911],{"class":3847,"line":4243},[3845,13893,5911],{"class":3851},[3845,13895,3807],{"class":3859},[3845,13897,13863],{"class":3863},[3845,13899,3898],{"class":3859},[3845,13901,13822],{"class":3863},[3845,13903,13904],{"class":3859},"]!.",[3845,13906,6853],{"class":3855},[3845,13908,3860],{"class":3859},[3845,13910,13831],{"class":3863},[3845,13912,4261],{"class":3859},[3845,13914,13915],{"class":3847,"line":4264},[3845,13916,5926],{"class":3859},[3845,13918,13919],{"class":3847,"line":5631},[3845,13920,3918],{"emptyLinePlaceholder":3917},[3845,13922,13923,13926,13928,13930,13932,13934,13936,13938,13940,13942,13944,13946,13948,13950,13952,13954,13956,13958,13960,13962,13964],{"class":3847,"line":5637},[3845,13924,13925],{"class":3855},"  off",[3845,13927,4600],{"class":3859},[3845,13929,8698],{"class":3870},[3845,13931,7709],{"class":3851},[3845,13933,8703],{"class":3851},[3845,13935,13772],{"class":3870},[3845,13937,4606],{"class":3859},[3845,13939,13822],{"class":3863},[3845,13941,3867],{"class":3859},[3845,13943,8698],{"class":3870},[3845,13945,3943],{"class":3859},[3845,13947,13831],{"class":3863},[3845,13949,3867],{"class":3859},[3845,13951,13782],{"class":3870},[3845,13953,4600],{"class":3859},[3845,13955,1919],{"class":3870},[3845,13957,3898],{"class":3859},[3845,13959,8698],{"class":3870},[3845,13961,13846],{"class":3859},[3845,13963,5825],{"class":3870},[3845,13965,3885],{"class":3859},[3845,13967,13968,13970,13973,13975,13977,13979,13981,13983,13985],{"class":3847,"line":5643},[3845,13969,9319],{"class":3851},[3845,13971,13972],{"class":3927}," eventListeners",[3845,13974,3931],{"class":3859},[3845,13976,6938],{"class":3851},[3845,13978,3807],{"class":3859},[3845,13980,13863],{"class":3863},[3845,13982,3898],{"class":3859},[3845,13984,13822],{"class":3863},[3845,13986,3905],{"class":3859},[3845,13988,13989,13991,13993,13996],{"class":3847,"line":5649},[3845,13990,9341],{"class":3891},[3845,13992,4301],{"class":3859},[3845,13994,13995],{"class":3863},"eventListeners",[3845,13997,5906],{"class":3859},[3845,13999,14000,14002,14004,14006,14008,14010,14013,14015,14017],{"class":3847,"line":5654},[3845,14001,10116],{"class":3851},[3845,14003,9423],{"class":3927},[3845,14005,3931],{"class":3859},[3845,14007,13995],{"class":3863},[3845,14009,3807],{"class":3859},[3845,14011,14012],{"class":3855},"indexOf",[3845,14014,3860],{"class":3859},[3845,14016,13831],{"class":3863},[3845,14018,4261],{"class":3859},[3845,14020,14021,14024,14026,14028,14030,14032],{"class":3847,"line":5659},[3845,14022,14023],{"class":3891},"      if",[3845,14025,4301],{"class":3859},[3845,14027,9463],{"class":3863},[3845,14029,9466],{"class":3859},[3845,14031,5531],{"class":3901},[3845,14033,5906],{"class":3859},[3845,14035,14036,14039,14041,14043,14045,14047,14049,14051],{"class":3847,"line":5665},[3845,14037,14038],{"class":3863},"        eventListeners",[3845,14040,3807],{"class":3859},[3845,14042,9484],{"class":3855},[3845,14044,3860],{"class":3859},[3845,14046,9463],{"class":3863},[3845,14048,3943],{"class":3859},[3845,14050,5531],{"class":3901},[3845,14052,4261],{"class":3859},[3845,14054,14055],{"class":3847,"line":5671},[3845,14056,14057],{"class":3859},"      }\n",[3845,14059,14060],{"class":3847,"line":5677},[3845,14061,9381],{"class":3859},[3845,14063,14064],{"class":3847,"line":5682},[3845,14065,5926],{"class":3859},[3845,14067,14068],{"class":3847,"line":5688},[3845,14069,3918],{"emptyLinePlaceholder":3917},[3845,14071,14072,14075,14077,14079,14081,14083,14085,14087,14089,14091,14093,14095,14097,14099,14101,14103,14105,14108,14110],{"class":3847,"line":5694},[3845,14073,14074],{"class":3855},"  emit",[3845,14076,4600],{"class":3859},[3845,14078,8698],{"class":3870},[3845,14080,7709],{"class":3851},[3845,14082,8703],{"class":3851},[3845,14084,13772],{"class":3870},[3845,14086,4606],{"class":3859},[3845,14088,13822],{"class":3863},[3845,14090,3867],{"class":3859},[3845,14092,8698],{"class":3870},[3845,14094,3943],{"class":3859},[3845,14096,13713],{"class":3863},[3845,14098,3867],{"class":3859},[3845,14100,1919],{"class":3870},[3845,14102,3898],{"class":3859},[3845,14104,8698],{"class":3870},[3845,14106,14107],{"class":3859},"]): ",[3845,14109,5825],{"class":3870},[3845,14111,3885],{"class":3859},[3845,14113,14114,14116,14118,14120,14122,14124,14126,14128,14130],{"class":3847,"line":5700},[3845,14115,9319],{"class":3851},[3845,14117,13972],{"class":3927},[3845,14119,3931],{"class":3859},[3845,14121,6938],{"class":3851},[3845,14123,3807],{"class":3859},[3845,14125,13863],{"class":3863},[3845,14127,3898],{"class":3859},[3845,14129,13822],{"class":3863},[3845,14131,3905],{"class":3859},[3845,14133,14134,14136,14138,14140],{"class":3847,"line":5705},[3845,14135,9341],{"class":3891},[3845,14137,4301],{"class":3859},[3845,14139,13995],{"class":3863},[3845,14141,5906],{"class":3859},[3845,14143,14144,14147,14149,14152,14154,14156,14158,14161,14163,14165],{"class":3847,"line":5711},[3845,14145,14146],{"class":3863},"      eventListeners",[3845,14148,3807],{"class":3859},[3845,14150,14151],{"class":3855},"forEach",[3845,14153,3860],{"class":3859},[3845,14155,13831],{"class":3863},[3845,14157,7762],{"class":3851},[3845,14159,14160],{"class":3855}," listener",[3845,14162,3860],{"class":3859},[3845,14164,13713],{"class":3863},[3845,14166,10568],{"class":3859},[3845,14168,14169],{"class":3847,"line":5717},[3845,14170,9381],{"class":3859},[3845,14172,14173],{"class":3847,"line":5723},[3845,14174,5926],{"class":3859},[3845,14176,14177],{"class":3847,"line":5729},[3845,14178,3918],{"emptyLinePlaceholder":3917},[3845,14180,14181,14184,14186,14188,14190,14192,14194,14196,14198,14200,14202,14204,14206,14208,14210,14212,14214,14216,14218,14220,14222],{"class":3847,"line":5735},[3845,14182,14183],{"class":3855},"  once",[3845,14185,4600],{"class":3859},[3845,14187,8698],{"class":3870},[3845,14189,7709],{"class":3851},[3845,14191,8703],{"class":3851},[3845,14193,13772],{"class":3870},[3845,14195,4606],{"class":3859},[3845,14197,13822],{"class":3863},[3845,14199,3867],{"class":3859},[3845,14201,8698],{"class":3870},[3845,14203,3943],{"class":3859},[3845,14205,13831],{"class":3863},[3845,14207,3867],{"class":3859},[3845,14209,13782],{"class":3870},[3845,14211,4600],{"class":3859},[3845,14213,1919],{"class":3870},[3845,14215,3898],{"class":3859},[3845,14217,8698],{"class":3870},[3845,14219,13846],{"class":3859},[3845,14221,5825],{"class":3870},[3845,14223,3885],{"class":3859},[3845,14225,14226,14228,14231,14233,14235,14237,14239,14241,14243,14246,14248,14250,14252],{"class":3847,"line":7186},[3845,14227,9319],{"class":3851},[3845,14229,14230],{"class":3855}," onceListener",[3845,14232,3867],{"class":3859},[3845,14234,13782],{"class":3870},[3845,14236,4600],{"class":3859},[3845,14238,1919],{"class":3870},[3845,14240,3898],{"class":3859},[3845,14242,8698],{"class":3870},[3845,14244,14245],{"class":3859},"]> = (",[3845,14247,13713],{"class":3863},[3845,14249,9241],{"class":3859},[3845,14251,9244],{"class":3851},[3845,14253,3885],{"class":3859},[3845,14255,14256,14259,14261,14263],{"class":3847,"line":7194},[3845,14257,14258],{"class":3855},"      listener",[3845,14260,3860],{"class":3859},[3845,14262,13713],{"class":3863},[3845,14264,4261],{"class":3859},[3845,14266,14267,14269,14271,14274,14276,14278,14280,14283],{"class":3847,"line":7199},[3845,14268,9475],{"class":3851},[3845,14270,3807],{"class":3859},[3845,14272,14273],{"class":3855},"off",[3845,14275,3860],{"class":3859},[3845,14277,13822],{"class":3863},[3845,14279,3943],{"class":3859},[3845,14281,14282],{"class":3863},"onceListener",[3845,14284,4261],{"class":3859},[3845,14286,14287],{"class":3847,"line":7219},[3845,14288,6313],{"class":3859},[3845,14290,14291,14293,14295,14298,14300,14302,14304,14306],{"class":3847,"line":7235},[3845,14292,5911],{"class":3851},[3845,14294,3807],{"class":3859},[3845,14296,14297],{"class":3855},"on",[3845,14299,3860],{"class":3859},[3845,14301,13822],{"class":3863},[3845,14303,3943],{"class":3859},[3845,14305,14282],{"class":3863},[3845,14307,4261],{"class":3859},[3845,14309,14310],{"class":3847,"line":7250},[3845,14311,5926],{"class":3859},[3845,14313,14314],{"class":3847,"line":9554},[3845,14315,3911],{"class":3859},[3845,14317,14318],{"class":3847,"line":9559},[3845,14319,3918],{"emptyLinePlaceholder":3917},[3845,14321,14322],{"class":3847,"line":9564},[3845,14323,14324],{"class":3976},"\u002F\u002F Визначаємо карту подій для конкретного застосунку:\n",[3845,14326,14327,14329,14332],{"class":3847,"line":9577},[3845,14328,4092],{"class":3851},[3845,14330,14331],{"class":3870}," AppEvents",[3845,14333,3885],{"class":3859},[3845,14335,14336,14339,14342,14345,14347,14349,14351,14354,14356,14359],{"class":3847,"line":9588},[3845,14337,14338],{"class":3863},"  userLoggedIn",[3845,14340,14341],{"class":3859},": { ",[3845,14343,14344],{"class":3863},"userId",[3845,14346,3867],{"class":3859},[3845,14348,4001],{"class":3870},[3845,14350,6187],{"class":3859},[3845,14352,14353],{"class":3863},"timestamp",[3845,14355,3867],{"class":3859},[3845,14357,14358],{"class":3870},"Date",[3845,14360,6219],{"class":3859},[3845,14362,14363,14366,14368,14371,14373,14375,14377,14380,14382,14384],{"class":3847,"line":9599},[3845,14364,14365],{"class":3863},"  messageReceived",[3845,14367,14341],{"class":3859},[3845,14369,14370],{"class":3863},"from",[3845,14372,3867],{"class":3859},[3845,14374,4001],{"class":3870},[3845,14376,6187],{"class":3859},[3845,14378,14379],{"class":3863},"text",[3845,14381,3867],{"class":3859},[3845,14383,4001],{"class":3870},[3845,14385,6219],{"class":3859},[3845,14387,14388,14391,14393,14395,14397,14399],{"class":3847,"line":9611},[3845,14389,14390],{"class":3863},"  dataLoaded",[3845,14392,14341],{"class":3859},[3845,14394,10993],{"class":3863},[3845,14396,3867],{"class":3859},[3845,14398,3871],{"class":3870},[3845,14400,6219],{"class":3859},[3845,14402,14403],{"class":3847,"line":9616},[3845,14404,3911],{"class":3859},[3845,14406,14407],{"class":3847,"line":9621},[3845,14408,3918],{"emptyLinePlaceholder":3917},[3845,14410,14411,14413,14416,14418,14420,14422,14424,14427],{"class":3847,"line":9641},[3845,14412,3924],{"class":3851},[3845,14414,14415],{"class":3927}," emitter",[3845,14417,3931],{"class":3859},[3845,14419,7053],{"class":3851},[3845,14421,13737],{"class":3855},[3845,14423,4600],{"class":3859},[3845,14425,14426],{"class":3870},"AppEvents",[3845,14428,7062],{"class":3859},[3845,14430,14431],{"class":3847,"line":9679},[3845,14432,3918],{"emptyLinePlaceholder":3917},[3845,14434,14435],{"class":3847,"line":9717},[3845,14436,14437],{"class":3976},"\u002F\u002F ✅ Type-safe: TypeScript знає структуру кожної події\n",[3845,14439,14440,14443,14445,14447,14449,14452,14455,14457,14459,14461],{"class":3847,"line":9722},[3845,14441,14442],{"class":3863},"emitter",[3845,14444,3807],{"class":3859},[3845,14446,14297],{"class":3855},[3845,14448,3860],{"class":3859},[3845,14450,14451],{"class":4048},"'userLoggedIn'",[3845,14453,14454],{"class":3859},", (",[3845,14456,13713],{"class":3863},[3845,14458,9241],{"class":3859},[3845,14460,9244],{"class":3851},[3845,14462,3885],{"class":3859},[3845,14464,14465,14467,14469,14471,14473,14476,14478,14480,14482,14484,14486,14489,14491,14493,14495,14497,14499,14501],{"class":3847,"line":9759},[3845,14466,6397],{"class":3863},[3845,14468,3807],{"class":3859},[3845,14470,3965],{"class":3855},[3845,14472,3860],{"class":3859},[3845,14474,14475],{"class":4048},"`User ",[3845,14477,8262],{"class":3851},[3845,14479,13713],{"class":3863},[3845,14481,3807],{"class":8267},[3845,14483,14344],{"class":3863},[3845,14485,8272],{"class":3851},[3845,14487,14488],{"class":4048}," logged in at ",[3845,14490,8262],{"class":3851},[3845,14492,13713],{"class":3863},[3845,14494,3807],{"class":8267},[3845,14496,14353],{"class":3863},[3845,14498,8272],{"class":3851},[3845,14500,8275],{"class":4048},[3845,14502,4261],{"class":3859},[3845,14504,14505],{"class":3847,"line":9778},[3845,14506,13206],{"class":3859},[3845,14508,14509],{"class":3847,"line":9783},[3845,14510,3918],{"emptyLinePlaceholder":3917},[3845,14512,14513,14515,14517,14519,14521,14524,14526,14528,14530,14532],{"class":3847,"line":9807},[3845,14514,14442],{"class":3863},[3845,14516,3807],{"class":3859},[3845,14518,14297],{"class":3855},[3845,14520,3860],{"class":3859},[3845,14522,14523],{"class":4048},"'messageReceived'",[3845,14525,14454],{"class":3859},[3845,14527,13713],{"class":3863},[3845,14529,9241],{"class":3859},[3845,14531,9244],{"class":3851},[3845,14533,3885],{"class":3859},[3845,14535,14536,14538,14540,14542,14544,14547,14549,14551,14553,14555,14557,14559,14561,14563,14565,14567,14569,14571],{"class":3847,"line":9828},[3845,14537,6397],{"class":3863},[3845,14539,3807],{"class":3859},[3845,14541,3965],{"class":3855},[3845,14543,3860],{"class":3859},[3845,14545,14546],{"class":4048},"`Message from ",[3845,14548,8262],{"class":3851},[3845,14550,13713],{"class":3863},[3845,14552,3807],{"class":8267},[3845,14554,14370],{"class":3863},[3845,14556,8272],{"class":3851},[3845,14558,3867],{"class":4048},[3845,14560,8262],{"class":3851},[3845,14562,13713],{"class":3863},[3845,14564,3807],{"class":8267},[3845,14566,14379],{"class":3863},[3845,14568,8272],{"class":3851},[3845,14570,8275],{"class":4048},[3845,14572,4261],{"class":3859},[3845,14574,14575],{"class":3847,"line":11502},[3845,14576,13206],{"class":3859},[3845,14578,14579],{"class":3847,"line":11530},[3845,14580,3918],{"emptyLinePlaceholder":3917},[3845,14582,14583],{"class":3847,"line":11557},[3845,14584,14585],{"class":3976},"\u002F\u002F ✅ Перевірка типів при emit:\n",[3845,14587,14588,14590,14592,14595,14597,14599],{"class":3847,"line":11598},[3845,14589,14442],{"class":3863},[3845,14591,3807],{"class":3859},[3845,14593,14594],{"class":3855},"emit",[3845,14596,3860],{"class":3859},[3845,14598,14451],{"class":4048},[3845,14600,11840],{"class":3859},[3845,14602,14603,14606,14609],{"class":3847,"line":11612},[3845,14604,14605],{"class":3863},"  userId:",[3845,14607,14608],{"class":4048}," 'user-123'",[3845,14610,5865],{"class":3859},[3845,14612,14613,14616,14618,14621],{"class":3847,"line":11617},[3845,14614,14615],{"class":3863},"  timestamp:",[3845,14617,10493],{"class":3851},[3845,14619,14620],{"class":3855}," Date",[3845,14622,14623],{"class":3859},"()\n",[3845,14625,14626],{"class":3847,"line":11640},[3845,14627,13206],{"class":3859},[3845,14629,14630],{"class":3847,"line":11655},[3845,14631,3918],{"emptyLinePlaceholder":3917},[3845,14633,14634,14636,14638,14640,14642,14644],{"class":3847,"line":11661},[3845,14635,14442],{"class":3863},[3845,14637,3807],{"class":3859},[3845,14639,14594],{"class":3855},[3845,14641,3860],{"class":3859},[3845,14643,14523],{"class":4048},[3845,14645,11840],{"class":3859},[3845,14647,14648,14651,14653],{"class":3847,"line":11667},[3845,14649,14650],{"class":3863},"  from:",[3845,14652,4212],{"class":4048},[3845,14654,5865],{"class":3859},[3845,14656,14657,14660],{"class":3847,"line":11673},[3845,14658,14659],{"class":3863},"  text:",[3845,14661,14662],{"class":4048}," 'Привіт!'\n",[3845,14664,14666],{"class":3847,"line":14665},70,[3845,14667,13206],{"class":3859},[3845,14669,14671],{"class":3847,"line":14670},71,[3845,14672,3918],{"emptyLinePlaceholder":3917},[3845,14674,14676],{"class":3847,"line":14675},72,[3845,14677,14678],{"class":3976},"\u002F\u002F ❌ Error: Argument of type '{ count: string; }' is not assignable...\n",[3845,14680,14682],{"class":3847,"line":14681},73,[3845,14683,14684],{"class":3976},"\u002F\u002F emitter.emit('dataLoaded', { count: 'invalid' });\n",[3845,14686,14688],{"class":3847,"line":14687},74,[3845,14689,3918],{"emptyLinePlaceholder":3917},[3845,14691,14693],{"class":3847,"line":14692},75,[3845,14694,14695],{"class":3976},"\u002F\u002F ❌ Error: Argument of type '\"unknownEvent\"' is not assignable to parameter of type 'keyof AppEvents'\n",[3845,14697,14699],{"class":3847,"line":14698},76,[3845,14700,14701],{"class":3976},"\u002F\u002F emitter.emit('unknownEvent', {});\n",[4312,14703,14705],{"id":14704},"аналіз-реалізації","Аналіз реалізації",[3746,14707,14708,14716,14725,14746],{},[3749,14709,14710,14715],{},[3785,14711,4906,14712,4322],{},[3756,14713,14714],{},"Events extends EventMap"," Приймає об'єкт-карту, де ключі — назви подій, значення — типи payload.",[3749,14717,14718,14724],{},[3785,14719,14720,14721,4322],{},"Mapped type ",[3756,14722,14723],{},"{ [K in keyof Events]?: ... }"," Створює структуру, де для кожної події є масив слухачів відповідного типу.",[3749,14726,14727,14732,14733,3943,14735,3943,14737,14739,14740,14742,14743,14745],{},[3785,14728,8361,14729,4322],{},[3756,14730,14731],{},"K extends keyof Events"," У методах ",[3756,14734,14297],{},[3756,14736,14273],{},[3756,14738,14594],{}," параметр ",[3756,14741,13822],{}," обмежений ключами ",[3756,14744,1919],{},", що запобігає передачі неіснуючих подій.",[3749,14747,14748,14754,14755,14757,14758,14760],{},[3785,14749,14750,14751,4322],{},"Indexed access type ",[3756,14752,14753],{},"Events[K]"," Отримує тип payload для події ",[3756,14756,8698],{},", гарантуючи, що слухач та ",[3756,14759,14594],{}," використовують узгоджені типи.",[3832,14762,14763,14764,14767],{},"Цей підхід забезпечує ",[3785,14765,14766],{},"повну типобезпеку"," на рівні компіляції: неможливо підписатися на неіснуючу подію, неможливо передати payload невірного типу, неможливо забути обов'язкові поля у payload. Всі помилки ловляться до запуску коду.",[5305,14769,14770,14771,5754,14774,3807],{},"Патерн typed event emitter широко використовується у фреймворках та бібліотеках (наприклад, Socket.IO з версії 4.x підтримує typed events). Він демонструє силу generics для побудови API, що ",[3785,14772,14773],{},"самодокументуються",[3785,14775,14776],{},"безпечні за дизайном",[3824,14778],{},[3827,14780,14782],{"id":14781},"коли-не-використовувати-generics","Коли НЕ використовувати generics",[3832,14784,14785],{},"Generics — потужний інструмент, але не панацея. У деяких ситуаціях вони додають складність без реальної користі.",[4312,14787,14789],{"id":14788},"випадок-1-функція-не-зберігає-звязок-між-типами","Випадок 1: Функція не зберігає зв'язок між типами",[3836,14791,14793],{"className":3838,"code":14792,"language":3840,"meta":3841,"style":3841},"\u002F\u002F ❌ Generic без сенсу:\nfunction logMessage\u003CT>(message: T): void {\n  console.log(message);\n}\n\n\u002F\u002F ✅ Простіше:\nfunction logMessage(message: unknown): void {\n  console.log(message);\n}\n",[3756,14794,14795,14800,14825,14839,14843,14847,14852,14873,14887],{"__ignoreMap":3841},[3845,14796,14797],{"class":3847,"line":3848},[3845,14798,14799],{"class":3976},"\u002F\u002F ❌ Generic без сенсу:\n",[3845,14801,14802,14804,14807,14809,14811,14813,14815,14817,14819,14821,14823],{"class":3847,"line":3888},[3845,14803,3852],{"class":3851},[3845,14805,14806],{"class":3855}," logMessage",[3845,14808,4600],{"class":3859},[3845,14810,4603],{"class":3870},[3845,14812,4606],{"class":3859},[3845,14814,10688],{"class":3863},[3845,14816,3867],{"class":3859},[3845,14818,4603],{"class":3870},[3845,14820,4890],{"class":3859},[3845,14822,5825],{"class":3870},[3845,14824,3885],{"class":3859},[3845,14826,14827,14829,14831,14833,14835,14837],{"class":3847,"line":3908},[3845,14828,6397],{"class":3863},[3845,14830,3807],{"class":3859},[3845,14832,3965],{"class":3855},[3845,14834,3860],{"class":3859},[3845,14836,10688],{"class":3863},[3845,14838,4261],{"class":3859},[3845,14840,14841],{"class":3847,"line":3914},[3845,14842,3911],{"class":3859},[3845,14844,14845],{"class":3847,"line":3921},[3845,14846,3918],{"emptyLinePlaceholder":3917},[3845,14848,14849],{"class":3847,"line":3957},[3845,14850,14851],{"class":3976},"\u002F\u002F ✅ Простіше:\n",[3845,14853,14854,14856,14858,14860,14862,14864,14867,14869,14871],{"class":3847,"line":4157},[3845,14855,3852],{"class":3851},[3845,14857,14806],{"class":3855},[3845,14859,3860],{"class":3859},[3845,14861,10688],{"class":3863},[3845,14863,3867],{"class":3859},[3845,14865,14866],{"class":3870},"unknown",[3845,14868,4890],{"class":3859},[3845,14870,5825],{"class":3870},[3845,14872,3885],{"class":3859},[3845,14874,14875,14877,14879,14881,14883,14885],{"class":3847,"line":4170},[3845,14876,6397],{"class":3863},[3845,14878,3807],{"class":3859},[3845,14880,3965],{"class":3855},[3845,14882,3860],{"class":3859},[3845,14884,10688],{"class":3863},[3845,14886,4261],{"class":3859},[3845,14888,14889],{"class":3847,"line":4175},[3845,14890,3911],{"class":3859},[3832,14892,14893,14894,14896,14897,14899],{},"Якщо тип параметра не впливає на тип повернення або логіку функції, generic не потрібен. Використовуйте ",[3756,14895,14866],{}," (безпечніший за ",[3756,14898,4321],{},") для прийому будь-яких значень.",[4312,14901,14903],{"id":14902},"випадок-2-union-тип-достатній","Випадок 2: Union тип достатній",[3836,14905,14907],{"className":3838,"code":14906,"language":3840,"meta":3841,"style":3841},"\u002F\u002F ❌ Надмірна параметризація:\nfunction formatValue\u003CT extends string | number>(value: T): string {\n  return String(value);\n}\n\n\u002F\u002F ✅ Union тип простіший:\nfunction formatValue(value: string | number): string {\n  return String(value);\n}\n",[3756,14908,14909,14914,14947,14960,14964,14968,14973,14997,15009],{"__ignoreMap":3841},[3845,14910,14911],{"class":3847,"line":3848},[3845,14912,14913],{"class":3976},"\u002F\u002F ❌ Надмірна параметризація:\n",[3845,14915,14916,14918,14921,14923,14925,14927,14929,14931,14933,14935,14937,14939,14941,14943,14945],{"class":3847,"line":3888},[3845,14917,3852],{"class":3851},[3845,14919,14920],{"class":3855}," formatValue",[3845,14922,4600],{"class":3859},[3845,14924,4603],{"class":3870},[3845,14926,7709],{"class":3851},[3845,14928,12654],{"class":3870},[3845,14930,3879],{"class":3859},[3845,14932,3871],{"class":3870},[3845,14934,4606],{"class":3859},[3845,14936,4963],{"class":3863},[3845,14938,3867],{"class":3859},[3845,14940,4603],{"class":3870},[3845,14942,4890],{"class":3859},[3845,14944,4001],{"class":3870},[3845,14946,3885],{"class":3859},[3845,14948,14949,14951,14954,14956,14958],{"class":3847,"line":3908},[3845,14950,3892],{"class":3891},[3845,14952,14953],{"class":3855}," String",[3845,14955,3860],{"class":3859},[3845,14957,4963],{"class":3863},[3845,14959,4261],{"class":3859},[3845,14961,14962],{"class":3847,"line":3914},[3845,14963,3911],{"class":3859},[3845,14965,14966],{"class":3847,"line":3921},[3845,14967,3918],{"emptyLinePlaceholder":3917},[3845,14969,14970],{"class":3847,"line":3957},[3845,14971,14972],{"class":3976},"\u002F\u002F ✅ Union тип простіший:\n",[3845,14974,14975,14977,14979,14981,14983,14985,14987,14989,14991,14993,14995],{"class":3847,"line":4157},[3845,14976,3852],{"class":3851},[3845,14978,14920],{"class":3855},[3845,14980,3860],{"class":3859},[3845,14982,4963],{"class":3863},[3845,14984,3867],{"class":3859},[3845,14986,4001],{"class":3870},[3845,14988,3879],{"class":3859},[3845,14990,3871],{"class":3870},[3845,14992,4890],{"class":3859},[3845,14994,4001],{"class":3870},[3845,14996,3885],{"class":3859},[3845,14998,14999,15001,15003,15005,15007],{"class":3847,"line":4170},[3845,15000,3892],{"class":3891},[3845,15002,14953],{"class":3855},[3845,15004,3860],{"class":3859},[3845,15006,4963],{"class":3863},[3845,15008,4261],{"class":3859},[3845,15010,15011],{"class":3847,"line":4175},[3845,15012,3911],{"class":3859},[3832,15014,15015],{},"Якщо немає потреби зберігати точний підтип (чи це string, чи number), union тип виразніший.",[4312,15017,15019],{"id":15018},"випадок-3-один-типовий-параметр-використовується-лише-раз","Випадок 3: Один типовий параметр використовується лише раз",[3836,15021,15023],{"className":3838,"code":15022,"language":3840,"meta":3841,"style":3841},"\u002F\u002F ❌ Generic використовується лише в одному місці:\nfunction createId\u003CT>(prefix: T): string {\n  return `${prefix}-${Math.random()}`;\n}\n\n\u002F\u002F ✅ Явний тип простіший:\nfunction createId(prefix: string): string {\n  return `${prefix}-${Math.random()}`;\n}\n",[3756,15024,15025,15030,15056,15091,15095,15099,15104,15124,15154],{"__ignoreMap":3841},[3845,15026,15027],{"class":3847,"line":3848},[3845,15028,15029],{"class":3976},"\u002F\u002F ❌ Generic використовується лише в одному місці:\n",[3845,15031,15032,15034,15037,15039,15041,15043,15046,15048,15050,15052,15054],{"class":3847,"line":3888},[3845,15033,3852],{"class":3851},[3845,15035,15036],{"class":3855}," createId",[3845,15038,4600],{"class":3859},[3845,15040,4603],{"class":3870},[3845,15042,4606],{"class":3859},[3845,15044,15045],{"class":3863},"prefix",[3845,15047,3867],{"class":3859},[3845,15049,4603],{"class":3870},[3845,15051,4890],{"class":3859},[3845,15053,4001],{"class":3870},[3845,15055,3885],{"class":3859},[3845,15057,15058,15060,15063,15065,15067,15069,15072,15074,15077,15079,15082,15085,15087,15089],{"class":3847,"line":3908},[3845,15059,3892],{"class":3891},[3845,15061,15062],{"class":4048}," `",[3845,15064,8262],{"class":3851},[3845,15066,15045],{"class":3863},[3845,15068,8272],{"class":3851},[3845,15070,15071],{"class":4048},"-",[3845,15073,8262],{"class":3851},[3845,15075,15076],{"class":3863},"Math",[3845,15078,3807],{"class":8267},[3845,15080,15081],{"class":3855},"random",[3845,15083,15084],{"class":8267},"()",[3845,15086,8272],{"class":3851},[3845,15088,8275],{"class":4048},[3845,15090,4109],{"class":3859},[3845,15092,15093],{"class":3847,"line":3914},[3845,15094,3911],{"class":3859},[3845,15096,15097],{"class":3847,"line":3921},[3845,15098,3918],{"emptyLinePlaceholder":3917},[3845,15100,15101],{"class":3847,"line":3957},[3845,15102,15103],{"class":3976},"\u002F\u002F ✅ Явний тип простіший:\n",[3845,15105,15106,15108,15110,15112,15114,15116,15118,15120,15122],{"class":3847,"line":4157},[3845,15107,3852],{"class":3851},[3845,15109,15036],{"class":3855},[3845,15111,3860],{"class":3859},[3845,15113,15045],{"class":3863},[3845,15115,3867],{"class":3859},[3845,15117,4001],{"class":3870},[3845,15119,4890],{"class":3859},[3845,15121,4001],{"class":3870},[3845,15123,3885],{"class":3859},[3845,15125,15126,15128,15130,15132,15134,15136,15138,15140,15142,15144,15146,15148,15150,15152],{"class":3847,"line":4170},[3845,15127,3892],{"class":3891},[3845,15129,15062],{"class":4048},[3845,15131,8262],{"class":3851},[3845,15133,15045],{"class":3863},[3845,15135,8272],{"class":3851},[3845,15137,15071],{"class":4048},[3845,15139,8262],{"class":3851},[3845,15141,15076],{"class":3863},[3845,15143,3807],{"class":8267},[3845,15145,15081],{"class":3855},[3845,15147,15084],{"class":8267},[3845,15149,8272],{"class":3851},[3845,15151,8275],{"class":4048},[3845,15153,4109],{"class":3859},[3845,15155,15156],{"class":3847,"line":4175},[3845,15157,3911],{"class":3859},[3832,15159,15160],{},"Якщо типовий параметр з'являється лише в одному параметрі функції і не впливає на повернення, краще використовувати конкретний тип.",[9880,15162,15163,15166],{},[3785,15164,15165],{},"Правило мінімальної складності:"," Додавайте generic лише тоді, коли він вирішує реальну проблему (дублювання коду, втрата типобезпеки) або надає значну перевагу (повторне використання, гнучкість). Якщо простіше рішення (union, intersection, конкретний тип) працює, віддавайте йому перевагу.",[3824,15168],{},[3827,15170,15172],{"id":15171},"підсумок-generics-як-основа-переповторно-використовуваного-коду","Підсумок: generics як основа переповторно використовуваного коду",[3832,15174,15175,15176,15179],{},"Generic типи — один із найпотужніших інструментів TypeScript, що дозволяє писати ",[3785,15177,15178],{},"універсальний, типобезпечний та переповторно використовуваний код",". Вони усувають необхідність дублювання логіки для різних типів та забезпечують, що типи узгоджені по всьому коду.",[4312,15181,15183],{"id":15182},"ключові-тези","Ключові тези",[3746,15185,15186,15194,15200,15212,15226,15239],{},[3749,15187,15188,15191,15192,3807],{},[3785,15189,15190],{},"Generics параметризують типи:"," Замість створення окремих функцій\u002Fкласів для кожного типу, пишемо один generic шаблон з типовим параметром ",[3756,15193,3758],{},[3749,15195,15196,15199],{},[3785,15197,15198],{},"Type inference спрощує використання:"," Часто TypeScript може автоматично вивести типовий аргумент з контексту, роблячи код коротшим.",[3749,15201,15202,15208,15209,3807],{},[3785,15203,15204,15205,15207],{},"Constraints через ",[3756,15206,3768],{}," забезпечують мінімальні вимоги:"," Коли generic код потребує певних властивостей або методів, використовуємо ",[3756,15210,15211],{},"T extends Interface",[3749,15213,15214,15217,15218,3943,15220,3943,15222,15225],{},[3785,15215,15216],{},"Generic класи для типобезпечних колекцій:"," ",[3756,15219,7275],{},[3756,15221,12755],{},[3756,15223,15224],{},"EventEmitter\u003CEvents>"," — класичні приклади generic класів.",[3749,15227,15228,15217,15231,3943,15233,3943,15235,15238],{},[3785,15229,15230],{},"Generic інтерфейси для абстрактних контрактів:",[3756,15232,6125],{},[3756,15234,6460],{},[3756,15236,15237],{},"ApiResponse\u003CT>"," — інтерфейси, що описують структури для різних типів даних.",[3749,15240,15241,15244],{},[3785,15242,15243],{},"Не зловживайте generics:"," Використовуйте їх там, де є реальна потреба у параметризації типів, а не \"на всяк випадок\".",[4312,15246,15248],{"id":15247},"практичні-рекомендації","Практичні рекомендації",[5305,15250,15251,15256,15291,15296],{},[3832,15252,15253],{},[3785,15254,15255],{},"Іменування типових параметрів:",[3746,15257,15258,15263,15274,15279],{},[3749,15259,15260,15262],{},[3756,15261,4603],{}," (Type) — для єдиного generic параметра.",[3749,15264,15265,15268,15269,3943,15272,4310],{},[3756,15266,15267],{},"K, V"," (Key, Value) — для пар ключ-значення (",[3756,15270,15271],{},"Map\u003CK, V>",[3756,15273,13251],{},[3749,15275,15276,15278],{},[3756,15277,6169],{}," (Element, Error) — для елементів колекцій або типів помилок.",[3749,15280,15281,15282,3943,15285,3943,15288,3807],{},"Описові імена для складних випадків: ",[3756,15283,15284],{},"TEntity",[3756,15286,15287],{},"TResponse",[3756,15289,15290],{},"TConfig",[3832,15292,15293],{},[3785,15294,15295],{},"Де застосовувати generics:",[3746,15297,15298,15316,15334,15340,15346],{},[3749,15299,15300,15217,15303,3943,15305,3943,15307,3943,15309,3943,15312,15315],{},[3785,15301,15302],{},"Утилітні функції:",[3756,15304,12103],{},[3756,15306,7818],{},[3756,15308,12924],{},[3756,15310,15311],{},"groupBy",[3756,15313,15314],{},"unique"," — функції, що працюють з колекціями будь-якого типу.",[3749,15317,15318,15217,15321,3943,15324,3943,15327,3943,15330,15333],{},[3785,15319,15320],{},"Data structures:",[3756,15322,15323],{},"Stack",[3756,15325,15326],{},"Queue",[3756,15328,15329],{},"LinkedList",[3756,15331,15332],{},"Tree"," — структури даних, що зберігають елементи довільного типу.",[3749,15335,15336,15339],{},[3785,15337,15338],{},"Repositories та DAL:"," Абстракції доступу до даних, що працюють з різними сутностями.",[3749,15341,15342,15345],{},[3785,15343,15344],{},"API wrappers:"," HTTP-клієнти, WebSocket обгортки, що повертають типізовані відповіді.",[3749,15347,15348,15351],{},[3785,15349,15350],{},"Event systems:"," Typed event emitters, pub\u002Fsub системи з типізованими повідомленнями.",[3832,15353,15354,15355,5754,15358,15361],{},"У наступному розділі ми вивчимо ",[3785,15356,15357],{},"enums",[3785,15359,15360],{},"decorators"," — інструменти для моделювання обмежених множин значень та метапрограмування, що доповнюють наш інструментарій для побудови надійних TypeScript застосунків.",[3824,15363],{},[15365,15366,15367,15421,15661,15861,15992,16028],"accordion",{},[15368,15369,15372,15386,15389,15414],"accordion-item",{"icon":15370,"label":15371},"i-lucide-help-circle","❓ В чому різниця між `Array\u003CT>` та `T[]`?",[3832,15373,15374,15375,15378,15379,15382,15383,15385],{},"Це ",[3785,15376,15377],{},"повністю еквівалентні"," способи оголошення типу масиву. ",[3756,15380,15381],{},"T[]"," — це синтаксичний цукор для ",[3756,15384,12789],{},". Обидва варіанти генерують ідентичний тип після компіляції.",[3832,15387,15388],{},"Вибір між ними — питання стилю:",[3746,15390,15391,15399],{},[3749,15392,15393,3943,15395,15398],{},[3756,15394,5298],{},[3756,15396,15397],{},"string[]"," — коротший, часто використовується для простих типів.",[3749,15400,15401,3943,15403,15406,15407,15410,15411,3807],{},[3756,15402,3806],{},[3756,15404,15405],{},"Array\u003Cstring>"," — більш виразний для складних типів: ",[3756,15408,15409],{},"Array\u003CUser | Product>"," читається краще, ніж ",[3756,15412,15413],{},"(User | Product)[]",[3832,15415,15416,15417,15420],{},"Важливо бути ",[3785,15418,15419],{},"послідовним"," у межах проєкту — оберіть один стиль та дотримуйтеся його.",[15368,15422,15424,15427,15468,15481,15486,15587,15590],{"icon":15370,"label":15423},"❓ Чи можна створити екземпляр типового параметра `new T()`?",[3832,15425,15426],{},"Ні, TypeScript не дозволяє безпосередньо інстанціювати типовий параметр:",[3836,15428,15430],{"className":3838,"code":15429,"language":3840,"meta":3841,"style":3841},"function create\u003CT>(): T {\n  \u002F\u002F ❌ Error: 'T' only refers to a type, but is being used as a value here\n  return new T();\n}\n",[3756,15431,15432,15449,15454,15464],{"__ignoreMap":3841},[3845,15433,15434,15436,15438,15440,15442,15445,15447],{"class":3847,"line":3848},[3845,15435,3852],{"class":3851},[3845,15437,12550],{"class":3855},[3845,15439,4600],{"class":3859},[3845,15441,4603],{"class":3870},[3845,15443,15444],{"class":3859},">(): ",[3845,15446,4603],{"class":3870},[3845,15448,3885],{"class":3859},[3845,15450,15451],{"class":3847,"line":3888},[3845,15452,15453],{"class":3976},"  \u002F\u002F ❌ Error: 'T' only refers to a type, but is being used as a value here\n",[3845,15455,15456,15458,15460,15462],{"class":3847,"line":3908},[3845,15457,3892],{"class":3891},[3845,15459,10493],{"class":3851},[3845,15461,8463],{"class":3855},[3845,15463,6900],{"class":3859},[3845,15465,15466],{"class":3847,"line":3914},[3845,15467,3911],{"class":3859},[3832,15469,15470,15473,15474,15476,15477,15480],{},[3785,15471,15472],{},"Причина:"," Типи стираються при компіляції у JavaScript. У runtime інформація про ",[3756,15475,4603],{}," недоступна, тому ",[3756,15478,15479],{},"new T()"," не має сенсу.",[3832,15482,15483,15485],{},[3785,15484,12190],{}," Передайте конструктор як параметр:",[3836,15487,15489],{"className":3838,"code":15488,"language":3840,"meta":3841,"style":3841},"function create\u003CT>(constructor: new () => T): T {\n  return new constructor();\n}\n\nclass User {\n  name = 'Default User';\n}\n\nconst user = create(User);  \u002F\u002F user: User\n",[3756,15490,15491,15523,15534,15538,15542,15550,15561,15565,15569],{"__ignoreMap":3841},[3845,15492,15493,15495,15497,15499,15501,15503,15506,15508,15510,15513,15515,15517,15519,15521],{"class":3847,"line":3848},[3845,15494,3852],{"class":3851},[3845,15496,12550],{"class":3855},[3845,15498,4600],{"class":3859},[3845,15500,4603],{"class":3870},[3845,15502,4606],{"class":3859},[3845,15504,15505],{"class":3863},"constructor",[3845,15507,3867],{"class":3859},[3845,15509,7053],{"class":3891},[3845,15511,15512],{"class":3859}," () ",[3845,15514,9244],{"class":3851},[3845,15516,8463],{"class":3870},[3845,15518,4890],{"class":3859},[3845,15520,4603],{"class":3870},[3845,15522,3885],{"class":3859},[3845,15524,15525,15527,15529,15532],{"class":3847,"line":3888},[3845,15526,3892],{"class":3891},[3845,15528,10493],{"class":3851},[3845,15530,15531],{"class":3855}," constructor",[3845,15533,6900],{"class":3859},[3845,15535,15536],{"class":3847,"line":3908},[3845,15537,3911],{"class":3859},[3845,15539,15540],{"class":3847,"line":3914},[3845,15541,3918],{"emptyLinePlaceholder":3917},[3845,15543,15544,15546,15548],{"class":3847,"line":3921},[3845,15545,6793],{"class":3851},[3845,15547,4095],{"class":3870},[3845,15549,3885],{"class":3859},[3845,15551,15552,15554,15556,15559],{"class":3847,"line":3957},[3845,15553,4114],{"class":3863},[3845,15555,3931],{"class":3859},[3845,15557,15558],{"class":4048},"'Default User'",[3845,15560,4109],{"class":3859},[3845,15562,15563],{"class":3847,"line":4157},[3845,15564,3911],{"class":3859},[3845,15566,15567],{"class":3847,"line":4170},[3845,15568,3918],{"emptyLinePlaceholder":3917},[3845,15570,15571,15573,15575,15577,15579,15581,15583,15585],{"class":3847,"line":4175},[3845,15572,3924],{"class":3851},[3845,15574,4429],{"class":3927},[3845,15576,3931],{"class":3859},[3845,15578,12615],{"class":3855},[3845,15580,3860],{"class":3859},[3845,15582,4144],{"class":3863},[3845,15584,3973],{"class":3859},[3845,15586,11955],{"class":3976},[3832,15588,15589],{},"Або використовуйте фабричну функцію:",[3836,15591,15593],{"className":3838,"code":15592,"language":3840,"meta":3841,"style":3841},"function create\u003CT>(factory: () => T): T {\n  return factory();\n}\n\nconst user = create(() => new User());\n",[3756,15594,15595,15623,15632,15636,15640],{"__ignoreMap":3841},[3845,15596,15597,15599,15601,15603,15605,15607,15610,15613,15615,15617,15619,15621],{"class":3847,"line":3848},[3845,15598,3852],{"class":3851},[3845,15600,12550],{"class":3855},[3845,15602,4600],{"class":3859},[3845,15604,4603],{"class":3870},[3845,15606,4606],{"class":3859},[3845,15608,15609],{"class":3855},"factory",[3845,15611,15612],{"class":3859},": () ",[3845,15614,9244],{"class":3851},[3845,15616,8463],{"class":3870},[3845,15618,4890],{"class":3859},[3845,15620,4603],{"class":3870},[3845,15622,3885],{"class":3859},[3845,15624,15625,15627,15630],{"class":3847,"line":3888},[3845,15626,3892],{"class":3891},[3845,15628,15629],{"class":3855}," factory",[3845,15631,6900],{"class":3859},[3845,15633,15634],{"class":3847,"line":3908},[3845,15635,3911],{"class":3859},[3845,15637,15638],{"class":3847,"line":3914},[3845,15639,3918],{"emptyLinePlaceholder":3917},[3845,15641,15642,15644,15646,15648,15650,15652,15654,15656,15658],{"class":3847,"line":3921},[3845,15643,3924],{"class":3851},[3845,15645,4429],{"class":3927},[3845,15647,3931],{"class":3859},[3845,15649,12615],{"class":3855},[3845,15651,10261],{"class":3859},[3845,15653,9244],{"class":3851},[3845,15655,10493],{"class":3851},[3845,15657,4095],{"class":3855},[3845,15659,15660],{"class":3859},"());\n",[15368,15662,15664,15671,15794,15800],{"icon":15370,"label":15663},"❓ Як працює type inference для generic функцій з кількома параметрами?",[3832,15665,15666,15667,15670],{},"TypeScript аналізує ",[3785,15668,15669],{},"всі"," аргументи функції та намагається вивести типові параметри, що задовольняють усі обмеження:",[3836,15672,15674],{"className":3838,"code":15673,"language":3840,"meta":3841,"style":3841},"function merge\u003CT, U>(obj1: T, obj2: U): T & U {\n  return { ...obj1, ...obj2 };\n}\n\nconst result = merge(\n  { name: 'Іван' },\n  { age: 30 }\n);\n\u002F\u002F TypeScript виводить: T = { name: string }, U = { age: number }\n\u002F\u002F result: { name: string } & { age: number } = { name: string; age: number }\n",[3756,15675,15676,15720,15736,15740,15744,15758,15768,15780,15784,15789],{"__ignoreMap":3841},[3845,15677,15678,15680,15683,15685,15687,15689,15691,15693,15696,15698,15700,15702,15705,15707,15709,15711,15713,15716,15718],{"class":3847,"line":3848},[3845,15679,3852],{"class":3851},[3845,15681,15682],{"class":3855}," merge",[3845,15684,4600],{"class":3859},[3845,15686,4603],{"class":3870},[3845,15688,3943],{"class":3859},[3845,15690,4919],{"class":3870},[3845,15692,4606],{"class":3859},[3845,15694,15695],{"class":3863},"obj1",[3845,15697,3867],{"class":3859},[3845,15699,4603],{"class":3870},[3845,15701,3943],{"class":3859},[3845,15703,15704],{"class":3863},"obj2",[3845,15706,3867],{"class":3859},[3845,15708,4919],{"class":3870},[3845,15710,4890],{"class":3859},[3845,15712,4603],{"class":3870},[3845,15714,15715],{"class":3859}," & ",[3845,15717,4919],{"class":3870},[3845,15719,3885],{"class":3859},[3845,15721,15722,15724,15727,15729,15732,15734],{"class":3847,"line":3888},[3845,15723,3892],{"class":3891},[3845,15725,15726],{"class":3859}," { ...",[3845,15728,15695],{"class":3863},[3845,15730,15731],{"class":3859},", ...",[3845,15733,15704],{"class":3863},[3845,15735,6219],{"class":3859},[3845,15737,15738],{"class":3847,"line":3908},[3845,15739,3911],{"class":3859},[3845,15741,15742],{"class":3847,"line":3914},[3845,15743,3918],{"emptyLinePlaceholder":3917},[3845,15745,15746,15748,15750,15752,15755],{"class":3847,"line":3921},[3845,15747,3924],{"class":3851},[3845,15749,6361],{"class":3927},[3845,15751,3931],{"class":3859},[3845,15753,15754],{"class":3855},"merge",[3845,15756,15757],{"class":3859},"(\n",[3845,15759,15760,15762,15764,15766],{"class":3847,"line":3957},[3845,15761,4198],{"class":3859},[3845,15763,4209],{"class":3863},[3845,15765,5073],{"class":4048},[3845,15767,4215],{"class":3859},[3845,15769,15770,15772,15775,15778],{"class":3847,"line":4157},[3845,15771,4198],{"class":3859},[3845,15773,15774],{"class":3863},"age:",[3845,15776,15777],{"class":3901}," 30",[3845,15779,4235],{"class":3859},[3845,15781,15782],{"class":3847,"line":4170},[3845,15783,4261],{"class":3859},[3845,15785,15786],{"class":3847,"line":4175},[3845,15787,15788],{"class":3976},"\u002F\u002F TypeScript виводить: T = { name: string }, U = { age: number }\n",[3845,15790,15791],{"class":3847,"line":4180},[3845,15792,15793],{"class":3976},"\u002F\u002F result: { name: string } & { age: number } = { name: string; age: number }\n",[3832,15795,15796,15797,15799],{},"Якщо inference неоднозначний або неможливий, TypeScript видасть помилку або виведе ",[3756,15798,14866],{},". У таких випадках вказуйте типові аргументи явно:",[3836,15801,15803],{"className":3838,"code":15802,"language":3840,"meta":3841,"style":3841},"const result = merge\u003C{ name: string }, { age: number }>(\n  { name: 'Іван' },\n  { age: 30 }\n);\n",[3756,15804,15805,15837,15847,15857],{"__ignoreMap":3841},[3845,15806,15807,15809,15811,15813,15815,15818,15820,15822,15824,15827,15830,15832,15834],{"class":3847,"line":3848},[3845,15808,3924],{"class":3851},[3845,15810,6361],{"class":3927},[3845,15812,3931],{"class":3859},[3845,15814,15754],{"class":3855},[3845,15816,15817],{"class":3859},"\u003C{ ",[3845,15819,4281],{"class":3863},[3845,15821,3867],{"class":3859},[3845,15823,4001],{"class":3870},[3845,15825,15826],{"class":3859}," }, { ",[3845,15828,15829],{"class":3863},"age",[3845,15831,3867],{"class":3859},[3845,15833,3871],{"class":3870},[3845,15835,15836],{"class":3859}," }>(\n",[3845,15838,15839,15841,15843,15845],{"class":3847,"line":3888},[3845,15840,4198],{"class":3859},[3845,15842,4209],{"class":3863},[3845,15844,5073],{"class":4048},[3845,15846,4215],{"class":3859},[3845,15848,15849,15851,15853,15855],{"class":3847,"line":3908},[3845,15850,4198],{"class":3859},[3845,15852,15774],{"class":3863},[3845,15854,15777],{"class":3901},[3845,15856,4235],{"class":3859},[3845,15858,15859],{"class":3847,"line":3914},[3845,15860,4261],{"class":3859},[15368,15862,15864,15867,15979],{"icon":15370,"label":15863},"❓ Чи можна використовувати union тип як constraint?",[3832,15865,15866],{},"Так, можна обмежити типовий параметр union типом:",[3836,15868,15870],{"className":3838,"code":15869,"language":3840,"meta":3841,"style":3841},"function process\u003CT extends string | number>(value: T): T {\n  \u002F\u002F Можна безпечно викликати методи, спільні для string та number\n  console.log(value.toString());\n  return value;\n}\n\nprocess(42);          \u002F\u002F ✅ OK: T = 42 (number literal type)\nprocess('text');      \u002F\u002F ✅ OK: T = \"text\" (string literal type)\n\u002F\u002F process(true);     \u002F\u002F ❌ Error: boolean не входить у string | number\n",[3756,15871,15872,15904,15909,15928,15936,15940,15944,15958,15971],{"__ignoreMap":3841},[3845,15873,15874,15876,15878,15880,15882,15884,15886,15888,15890,15892,15894,15896,15898,15900,15902],{"class":3847,"line":3848},[3845,15875,3852],{"class":3851},[3845,15877,12645],{"class":3855},[3845,15879,4600],{"class":3859},[3845,15881,4603],{"class":3870},[3845,15883,7709],{"class":3851},[3845,15885,12654],{"class":3870},[3845,15887,3879],{"class":3859},[3845,15889,3871],{"class":3870},[3845,15891,4606],{"class":3859},[3845,15893,4963],{"class":3863},[3845,15895,3867],{"class":3859},[3845,15897,4603],{"class":3870},[3845,15899,4890],{"class":3859},[3845,15901,4603],{"class":3870},[3845,15903,3885],{"class":3859},[3845,15905,15906],{"class":3847,"line":3888},[3845,15907,15908],{"class":3976},"  \u002F\u002F Можна безпечно викликати методи, спільні для string та number\n",[3845,15910,15911,15913,15915,15917,15919,15921,15923,15926],{"class":3847,"line":3908},[3845,15912,6397],{"class":3863},[3845,15914,3807],{"class":3859},[3845,15916,3965],{"class":3855},[3845,15918,3860],{"class":3859},[3845,15920,4963],{"class":3863},[3845,15922,3807],{"class":3859},[3845,15924,15925],{"class":3855},"toString",[3845,15927,15660],{"class":3859},[3845,15929,15930,15932,15934],{"class":3847,"line":3914},[3845,15931,3892],{"class":3891},[3845,15933,4980],{"class":3863},[3845,15935,4109],{"class":3859},[3845,15937,15938],{"class":3847,"line":3921},[3845,15939,3911],{"class":3859},[3845,15941,15942],{"class":3847,"line":3957},[3845,15943,3918],{"emptyLinePlaceholder":3917},[3845,15945,15946,15949,15951,15953,15955],{"class":3847,"line":4157},[3845,15947,15948],{"class":3855},"process",[3845,15950,3860],{"class":3859},[3845,15952,5011],{"class":3901},[3845,15954,5014],{"class":3859},[3845,15956,15957],{"class":3976},"\u002F\u002F ✅ OK: T = 42 (number literal type)\n",[3845,15959,15960,15962,15964,15966,15968],{"class":3847,"line":4170},[3845,15961,15948],{"class":3855},[3845,15963,3860],{"class":3859},[3845,15965,7449],{"class":4048},[3845,15967,6447],{"class":3859},[3845,15969,15970],{"class":3976},"\u002F\u002F ✅ OK: T = \"text\" (string literal type)\n",[3845,15972,15973,15976],{"class":3847,"line":4175},[3845,15974,15975],{"class":3976},"\u002F\u002F process(true);",[3845,15977,15978],{"class":3976},"     \u002F\u002F ❌ Error: boolean не входить у string | number\n",[3832,15980,15981,15982,15217,15984,15987,15988,15991],{},"TypeScript перевіряє, що переданий тип ",[3756,15983,4603],{},[3785,15985,15986],{},"assignable"," до ",[3756,15989,15990],{},"string | number",". Всередині функції можна безпечно звертатися до методів та властивостей, спільних для всіх типів union.",[15368,15993,15995,16011,16022],{"icon":15370,"label":15994},"❓ Що таке generic utility types і чи вивчаємо їх у цьому розділі?",[3832,15996,15997,4301,16000,3943,16002,3943,16005,3943,16008,16010],{},[3785,15998,15999],{},"Generic utility types",[3756,16001,9874],{},[3756,16003,16004],{},"Pick\u003CT, K>",[3756,16006,16007],{},"Omit\u003CT, K>",[3756,16009,13251],{}," тощо) — це вбудовані generic типи TypeScript, що виконують трансформації над іншими типами.",[3832,16012,16013,16014,16017,16018,16021],{},"У цьому розділі ми вивчили ",[3785,16015,16016],{},"основи generics"," (синтаксис, constraints, inference) та застосування їх у функціях, класах та інтерфейсах. ",[3785,16019,16020],{},"Utility types будуть детально розглянуті у наступному розділі"," (04.utility-types.md), де ми вивчимо, як вони реалізовані та як їх використовувати для маніпуляції типами.",[3832,16023,16024,16025,16027],{},"Ми використали ",[3756,16026,9874],{}," інтуїтивно в одному прикладі, але його детальний розбір попереду.",[15368,16029,16031,16039,16098,16103,16320],{"icon":15370,"label":16030},"❓ Як перевірити у runtime, який тип має generic параметр?",[3832,16032,16033,16036,16037,4322],{},[3785,16034,16035],{},"Неможливо напряму"," — типи стираються при компіляції. У runtime JavaScript не має інформації про ",[3756,16038,4603],{},[3836,16040,16042],{"className":3838,"code":16041,"language":3840,"meta":3841,"style":3841},"function check\u003CT>(value: T): void {\n  \u002F\u002F ❌ Немає способу дізнатися, що таке T у runtime\n  console.log(typeof T);  \u002F\u002F Error: 'T' only refers to a type\n}\n",[3756,16043,16044,16069,16074,16094],{"__ignoreMap":3841},[3845,16045,16046,16048,16051,16053,16055,16057,16059,16061,16063,16065,16067],{"class":3847,"line":3848},[3845,16047,3852],{"class":3851},[3845,16049,16050],{"class":3855}," check",[3845,16052,4600],{"class":3859},[3845,16054,4603],{"class":3870},[3845,16056,4606],{"class":3859},[3845,16058,4963],{"class":3863},[3845,16060,3867],{"class":3859},[3845,16062,4603],{"class":3870},[3845,16064,4890],{"class":3859},[3845,16066,5825],{"class":3870},[3845,16068,3885],{"class":3859},[3845,16070,16071],{"class":3847,"line":3888},[3845,16072,16073],{"class":3976},"  \u002F\u002F ❌ Немає способу дізнатися, що таке T у runtime\n",[3845,16075,16076,16078,16080,16082,16084,16087,16089,16091],{"class":3847,"line":3908},[3845,16077,6397],{"class":3863},[3845,16079,3807],{"class":3859},[3845,16081,3965],{"class":3855},[3845,16083,3860],{"class":3859},[3845,16085,16086],{"class":3851},"typeof",[3845,16088,8463],{"class":3927},[3845,16090,3973],{"class":3859},[3845,16092,16093],{"class":3976},"\u002F\u002F Error: 'T' only refers to a type\n",[3845,16095,16096],{"class":3847,"line":3914},[3845,16097,3911],{"class":3859},[3832,16099,16100,16102],{},[3785,16101,12190],{}," Використовуйте type guards, перевірку властивостей або передавайте додаткові метадані:",[3836,16104,16106],{"className":3838,"code":16105,"language":3840,"meta":3841,"style":3841},"function isString(value: unknown): value is string {\n  return typeof value === 'string';\n}\n\nfunction process\u003CT>(value: T): void {\n  if (isString(value)) {\n    console.log(value.toUpperCase());  \u002F\u002F TypeScript знає, що value тут string\n  }\n}\n\n\u002F\u002F Або передайте тип як параметр:\nfunction processWithType\u003CT>(value: T, type: 'string' | 'number'): void {\n  if (type === 'string') {\n    console.log((value as any).toUpperCase());\n  }\n}\n",[3756,16107,16108,16134,16150,16154,16158,16182,16198,16220,16224,16228,16232,16237,16275,16289,16312,16316],{"__ignoreMap":3841},[3845,16109,16110,16112,16115,16117,16119,16121,16123,16125,16127,16130,16132],{"class":3847,"line":3848},[3845,16111,3852],{"class":3851},[3845,16113,16114],{"class":3855}," isString",[3845,16116,3860],{"class":3859},[3845,16118,4963],{"class":3863},[3845,16120,3867],{"class":3859},[3845,16122,14866],{"class":3870},[3845,16124,4890],{"class":3859},[3845,16126,4963],{"class":3863},[3845,16128,16129],{"class":3851}," is",[3845,16131,12654],{"class":3870},[3845,16133,3885],{"class":3859},[3845,16135,16136,16138,16141,16143,16145,16148],{"class":3847,"line":3888},[3845,16137,3892],{"class":3891},[3845,16139,16140],{"class":3851}," typeof",[3845,16142,4980],{"class":3863},[3845,16144,6266],{"class":3859},[3845,16146,16147],{"class":4048},"'string'",[3845,16149,4109],{"class":3859},[3845,16151,16152],{"class":3847,"line":3908},[3845,16153,3911],{"class":3859},[3845,16155,16156],{"class":3847,"line":3914},[3845,16157,3918],{"emptyLinePlaceholder":3917},[3845,16159,16160,16162,16164,16166,16168,16170,16172,16174,16176,16178,16180],{"class":3847,"line":3921},[3845,16161,3852],{"class":3851},[3845,16163,12645],{"class":3855},[3845,16165,4600],{"class":3859},[3845,16167,4603],{"class":3870},[3845,16169,4606],{"class":3859},[3845,16171,4963],{"class":3863},[3845,16173,3867],{"class":3859},[3845,16175,4603],{"class":3870},[3845,16177,4890],{"class":3859},[3845,16179,5825],{"class":3870},[3845,16181,3885],{"class":3859},[3845,16183,16184,16186,16188,16191,16193,16195],{"class":3847,"line":3957},[3845,16185,6259],{"class":3891},[3845,16187,4301],{"class":3859},[3845,16189,16190],{"class":3855},"isString",[3845,16192,3860],{"class":3859},[3845,16194,4963],{"class":3863},[3845,16196,16197],{"class":3859},")) {\n",[3845,16199,16200,16203,16205,16207,16209,16211,16213,16215,16217],{"class":3847,"line":4157},[3845,16201,16202],{"class":3863},"    console",[3845,16204,3807],{"class":3859},[3845,16206,3965],{"class":3855},[3845,16208,3860],{"class":3859},[3845,16210,4963],{"class":3863},[3845,16212,3807],{"class":3859},[3845,16214,4495],{"class":3855},[3845,16216,6060],{"class":3859},[3845,16218,16219],{"class":3976},"\u002F\u002F TypeScript знає, що value тут string\n",[3845,16221,16222],{"class":3847,"line":4170},[3845,16223,5926],{"class":3859},[3845,16225,16226],{"class":3847,"line":4175},[3845,16227,3911],{"class":3859},[3845,16229,16230],{"class":3847,"line":4180},[3845,16231,3918],{"emptyLinePlaceholder":3917},[3845,16233,16234],{"class":3847,"line":4195},[3845,16235,16236],{"class":3976},"\u002F\u002F Або передайте тип як параметр:\n",[3845,16238,16239,16241,16244,16246,16248,16250,16252,16254,16256,16258,16260,16262,16264,16266,16269,16271,16273],{"class":3847,"line":4218},[3845,16240,3852],{"class":3851},[3845,16242,16243],{"class":3855}," processWithType",[3845,16245,4600],{"class":3859},[3845,16247,4603],{"class":3870},[3845,16249,4606],{"class":3859},[3845,16251,4963],{"class":3863},[3845,16253,3867],{"class":3859},[3845,16255,4603],{"class":3870},[3845,16257,3943],{"class":3859},[3845,16259,6157],{"class":3863},[3845,16261,3867],{"class":3859},[3845,16263,16147],{"class":4048},[3845,16265,3879],{"class":3859},[3845,16267,16268],{"class":4048},"'number'",[3845,16270,4890],{"class":3859},[3845,16272,5825],{"class":3870},[3845,16274,3885],{"class":3859},[3845,16276,16277,16279,16281,16283,16285,16287],{"class":3847,"line":4238},[3845,16278,6259],{"class":3891},[3845,16280,4301],{"class":3859},[3845,16282,6157],{"class":3863},[3845,16284,6266],{"class":3859},[3845,16286,16147],{"class":4048},[3845,16288,5906],{"class":3859},[3845,16290,16291,16293,16295,16297,16299,16301,16303,16306,16308,16310],{"class":3847,"line":4243},[3845,16292,16202],{"class":3863},[3845,16294,3807],{"class":3859},[3845,16296,3965],{"class":3855},[3845,16298,11564],{"class":3859},[3845,16300,4963],{"class":3863},[3845,16302,8460],{"class":3891},[3845,16304,16305],{"class":3870}," any",[3845,16307,4310],{"class":3859},[3845,16309,4495],{"class":3855},[3845,16311,15660],{"class":3859},[3845,16313,16314],{"class":3847,"line":4264},[3845,16315,5926],{"class":3859},[3845,16317,16318],{"class":3847,"line":5631},[3845,16319,3911],{"class":3859},[3832,16321,16322],{},"Для складних перевірок використовуйте бібліотеки валідації (Zod, io-ts, Yup), що виконують runtime перевірку структури даних.",[16324,16325,16326],"style",{},"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 .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}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 .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}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 .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .sD7JJ, html code.shiki .sD7JJ{--shiki-light:#000000FF;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}",{"title":3841,"searchDepth":3888,"depth":3888,"links":16328},[16329,16333,16338,16343,16348,16354,16359,16360,16365,16372,16375,16380],{"id":3829,"depth":3888,"text":3830,"children":16330},[16331,16332],{"id":4314,"depth":3908,"text":4315},{"id":4575,"depth":3908,"text":4576},{"id":4847,"depth":3888,"text":4848,"children":16334},[16335,16336,16337],{"id":4935,"depth":3908,"text":4936},{"id":5096,"depth":3908,"text":5097},{"id":5336,"depth":3908,"text":5337},{"id":5743,"depth":3888,"text":5744,"children":16339},[16340,16341,16342],{"id":5760,"depth":3908,"text":5761},{"id":6143,"depth":3908,"text":6144},{"id":6494,"depth":3908,"text":6495},{"id":6775,"depth":3888,"text":6776,"children":16344},[16345,16346,16347],{"id":6782,"depth":3908,"text":6783},{"id":7292,"depth":3908,"text":7293},{"id":7528,"depth":3908,"text":7529},{"id":8071,"depth":3888,"text":8072,"children":16349},[16350,16351,16352,16353],{"id":8088,"depth":3908,"text":8089},{"id":8176,"depth":3908,"text":8177},{"id":8407,"depth":3908,"text":8408},{"id":8673,"depth":3908,"text":8674},{"id":9041,"depth":3888,"text":9042,"children":16355},[16356,16357,16358],{"id":9045,"depth":3908,"text":9046},{"id":9897,"depth":3908,"text":9898},{"id":10724,"depth":3908,"text":10725},{"id":11701,"depth":3888,"text":11702},{"id":12031,"depth":3888,"text":12032,"children":16361},[16362,16363,16364],{"id":12035,"depth":3908,"text":12036},{"id":12330,"depth":3908,"text":12331},{"id":12627,"depth":3908,"text":12628},{"id":12770,"depth":3888,"text":12771,"children":16366},[16367,16369,16370,16371],{"id":12777,"depth":3908,"text":16368},"Array та ReadonlyArray",{"id":13043,"depth":3908,"text":10058},{"id":13250,"depth":3908,"text":13251},{"id":13396,"depth":3908,"text":13397},{"id":13661,"depth":3888,"text":13662,"children":16373},[16374],{"id":14704,"depth":3908,"text":14705},{"id":14781,"depth":3888,"text":14782,"children":16376},[16377,16378,16379],{"id":14788,"depth":3908,"text":14789},{"id":14902,"depth":3908,"text":14903},{"id":15018,"depth":3908,"text":15019},{"id":15171,"depth":3888,"text":15172,"children":16381},[16382,16383],{"id":15182,"depth":3908,"text":15183},{"id":15247,"depth":3908,"text":15248},"Введення у Generic типи: параметризація типів, constraints та практичне використання","md",null,{},{"title":3652,"description":16384},"yDpyGhgTMqBhopB2m8Jl5elZ1qmoCE1xShAQ4Pl33eM",[16391,16393],{"title":3648,"path":3649,"stem":3650,"description":16392,"children":-1},"Інтерфейси, класи та об",{"title":3656,"path":3657,"stem":3658,"description":16394,"children":-1},"Перерахування (Enums) та декоратори у TypeScript",1788081815334]