[{"data":1,"prerenderedAt":17800},["ShallowReactive",2],{"navigation_docs":3,"-web-development-typescript-type-system-functions-typing":3728,"-web-development-typescript-type-system-functions-typing-surround":17795},[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":3639,"body":3730,"description":17789,"extension":17790,"links":17791,"meta":17792,"navigation":3949,"path":3640,"seo":17793,"stem":3641,"__hash__":17794},"docs\u002F18.web-development\u002F03.typescript-type-system\u002F06.functions-typing.md",{"type":3731,"value":3732,"toc":17723},"minimark",[3733,3737,3824,3827,3832,3837,3850,3867,4275,4278,4282,4296,4437,4440,4455,4457,4461,4465,4468,4473,4529,4541,4546,4600,4616,4621,4719,4730,4735,4796,4799,5029,5033,5039,5118,5127,5209,5223,5225,5229,5233,5240,5348,5354,5368,5373,5565,5569,5572,5710,5715,5896,5898,5902,5906,5911,6053,6058,6154,6158,6163,6342,6347,6352,6363,6368,6376,6506,6542,6546,6555,6665,6670,6779,6785,6789,6799,6807,6918,6923,6939,7036,7038,7042,7046,7056,7186,7192,7344,7349,7434,7438,7441,7682,7690,7692,7696,7700,7703,7817,7822,7935,7939,7942,8092,8097,8111,8278,8288,8292,8295,8505,8510,8627,8629,8633,8637,8647,8807,8816,8835,8839,9029,9033,9373,9377,9385,9518,9523,9626,9631,9701,9746,9748,9752,9756,9762,9978,9983,10002,10005,10140,10144,10147,10348,10353,10522,10526,10529,10870,10874,10880,11005,11016,11088,11090,11094,11098,11115,11262,11267,11281,11286,11486,11490,11499,11718,11735,11884,11888,11894,12188,12191,12193,12197,12201,12204,12449,12460,12485,12489,12499,12785,12790,12805,12811,12815,12822,13051,13065,13069,13551,13555,13560,13571,13576,13587,13774,13776,13780,13784,13794,13915,13925,13929,13937,14054,14065,14069,14337,14341,14350,14506,14511,14680,14713,14715,14719,14723,15062,15066,15579,15583,15906,15910,16386,16388,16392,16395,16400,16411,16416,16427,16432,16451,16456,16480,16485,16502,16507,16524,16528,16539,16544,16561,16566,16583,17719],[3734,3735,3639],"h1",{"id":3736},"типізація-функцій",[3738,3739,3740,3775],"card-group",{},[3741,3742,3745],"card",{"icon":3743,"title":3744},"i-lucide-target","🎯 Мета розділу",[3746,3747,3748,3752,3755,3758,3761,3764,3767],"ul",{},[3749,3750,3751],"li",{},"Зрозуміти, як функції зберігаються у JavaScript та чому вони є об'єктами першого класу.",[3749,3753,3754],{},"Освоїти типізацію параметрів та повернення значень функцій.",[3749,3756,3757],{},"Навчитися працювати з опціональними та default параметрами.",[3749,3759,3760],{},"Опанувати rest parameters та spread оператор для змінної кількості аргументів.",[3749,3762,3763],{},"Вивчити типізацію callback-функцій та функцій вищого порядку.",[3749,3765,3766],{},"Усвідомити концепцію function overloading для складних сигнатур.",[3749,3768,3769,3770,3774],{},"Розібратися з контекстом ",[3771,3772,3773],"code",{},"this"," та його типізацією.",[3741,3776,3779],{"icon":3777,"title":3778},"i-lucide-key","🔑 Ключові терміни",[3746,3780,3781,3788,3794,3800,3806,3812,3818],{},[3749,3782,3783,3787],{},[3784,3785,3786],"strong",{},"Function Signature:"," сигнатура функції — типи параметрів та тип повернення.",[3749,3789,3790,3793],{},[3784,3791,3792],{},"Optional Parameter:"," опціональний параметр, що може бути відсутнім при виклику.",[3749,3795,3796,3799],{},[3784,3797,3798],{},"Default Parameter:"," параметр зі значенням за замовчуванням.",[3749,3801,3802,3805],{},[3784,3803,3804],{},"Rest Parameters:"," змінна кількість аргументів, зібраних у масив.",[3749,3807,3808,3811],{},[3784,3809,3810],{},"Callback:"," функція, передана як аргумент іншій функції.",[3749,3813,3814,3817],{},[3784,3815,3816],{},"Higher-Order Function:"," функція, що приймає або повертає інші функції.",[3749,3819,3820,3823],{},[3784,3821,3822],{},"Function Overloading:"," можливість визначити кілька сигнатур для однієї функції.",[3825,3826],"hr",{},[3828,3829,3831],"h2",{"id":3830},"функції-як-обєкти-першого-класу","Функції як об'єкти першого класу",[3833,3834,3836],"h3",{"id":3835},"функції-у-javascript-більше-ніж-підпрограми","Функції у JavaScript: більше, ніж підпрограми",[3838,3839,3840,3841,3844,3845,3849],"p",{},"У JavaScript функції є ",[3784,3842,3843],{},"об'єктами першого класу"," (",[3846,3847,3848],"em",{},"first-class objects",") — це означає, що з функціями можна робити все те саме, що й з іншими значеннями:",[3746,3851,3852,3855,3858,3861,3864],{},[3749,3853,3854],{},"Зберігати у змінних",[3749,3856,3857],{},"Передавати як аргументи іншим функціям",[3749,3859,3860],{},"Повертати з функцій",[3749,3862,3863],{},"Зберігати у масивах та об'єктах",[3749,3865,3866],{},"Створювати динамічно під час виконання",[3868,3869,3874],"pre",{"className":3870,"code":3871,"language":3872,"meta":3873,"style":3873},"language-javascript shiki shiki-themes light-plus dark-plus dark-plus","\u002F\u002F Функція як значення змінної\nlet greet = function(name) {\n  return `Hello, ${name}!`;\n};\n\n\u002F\u002F Функція як елемент масиву\nlet operations = [\n  function(a, b) { return a + b; },\n  function(a, b) { return a - b; },\n  function(a, b) { return a * b; }\n];\n\n\u002F\u002F Функція як властивість об'єкта\nlet calculator = {\n  add: function(a, b) { return a + b; },\n  subtract: function(a, b) { return a - b; }\n};\n\n\u002F\u002F Функція як аргумент (callback)\n[1, 2, 3].map(function(n) { return n * 2; });\n\n\u002F\u002F Функція як повернення значення\nfunction createMultiplier(factor) {\n  return function(n) {\n    return n * factor;\n  };\n}\n","javascript","",[3771,3875,3876,3885,3913,3938,3944,3951,3957,3968,4002,4028,4055,4061,4066,4072,4083,4115,4145,4150,4155,4161,4210,4215,4221,4236,4249,4263,4269],{"__ignoreMap":3873},[3877,3878,3881],"span",{"class":3879,"line":3880},"line",1,[3877,3882,3884],{"class":3883},"spJ8K","\u002F\u002F Функція як значення змінної\n",[3877,3886,3888,3892,3896,3900,3903,3906,3910],{"class":3879,"line":3887},2,[3877,3889,3891],{"class":3890},"su1O8","let",[3877,3893,3895],{"class":3894},"s8Opu"," greet",[3877,3897,3899],{"class":3898},"sHH4Y"," = ",[3877,3901,3902],{"class":3890},"function",[3877,3904,3905],{"class":3898},"(",[3877,3907,3909],{"class":3908},"siwwj","name",[3877,3911,3912],{"class":3898},") {\n",[3877,3914,3916,3920,3924,3927,3929,3932,3935],{"class":3879,"line":3915},3,[3877,3917,3919],{"class":3918},"s8xlr","  return",[3877,3921,3923],{"class":3922},"sbdoH"," `Hello, ",[3877,3925,3926],{"class":3890},"${",[3877,3928,3909],{"class":3908},[3877,3930,3931],{"class":3890},"}",[3877,3933,3934],{"class":3922},"!`",[3877,3936,3937],{"class":3898},";\n",[3877,3939,3941],{"class":3879,"line":3940},4,[3877,3942,3943],{"class":3898},"};\n",[3877,3945,3947],{"class":3879,"line":3946},5,[3877,3948,3950],{"emptyLinePlaceholder":3949},true,"\n",[3877,3952,3954],{"class":3879,"line":3953},6,[3877,3955,3956],{"class":3883},"\u002F\u002F Функція як елемент масиву\n",[3877,3958,3960,3962,3965],{"class":3879,"line":3959},7,[3877,3961,3891],{"class":3890},[3877,3963,3964],{"class":3908}," operations",[3877,3966,3967],{"class":3898}," = [\n",[3877,3969,3971,3974,3976,3979,3982,3985,3988,3991,3994,3997,3999],{"class":3879,"line":3970},8,[3877,3972,3973],{"class":3890},"  function",[3877,3975,3905],{"class":3898},[3877,3977,3978],{"class":3908},"a",[3877,3980,3981],{"class":3898},", ",[3877,3983,3984],{"class":3908},"b",[3877,3986,3987],{"class":3898},") { ",[3877,3989,3990],{"class":3918},"return",[3877,3992,3993],{"class":3908}," a",[3877,3995,3996],{"class":3898}," + ",[3877,3998,3984],{"class":3908},[3877,4000,4001],{"class":3898},"; },\n",[3877,4003,4005,4007,4009,4011,4013,4015,4017,4019,4021,4024,4026],{"class":3879,"line":4004},9,[3877,4006,3973],{"class":3890},[3877,4008,3905],{"class":3898},[3877,4010,3978],{"class":3908},[3877,4012,3981],{"class":3898},[3877,4014,3984],{"class":3908},[3877,4016,3987],{"class":3898},[3877,4018,3990],{"class":3918},[3877,4020,3993],{"class":3908},[3877,4022,4023],{"class":3898}," - ",[3877,4025,3984],{"class":3908},[3877,4027,4001],{"class":3898},[3877,4029,4031,4033,4035,4037,4039,4041,4043,4045,4047,4050,4052],{"class":3879,"line":4030},10,[3877,4032,3973],{"class":3890},[3877,4034,3905],{"class":3898},[3877,4036,3978],{"class":3908},[3877,4038,3981],{"class":3898},[3877,4040,3984],{"class":3908},[3877,4042,3987],{"class":3898},[3877,4044,3990],{"class":3918},[3877,4046,3993],{"class":3908},[3877,4048,4049],{"class":3898}," * ",[3877,4051,3984],{"class":3908},[3877,4053,4054],{"class":3898},"; }\n",[3877,4056,4058],{"class":3879,"line":4057},11,[3877,4059,4060],{"class":3898},"];\n",[3877,4062,4064],{"class":3879,"line":4063},12,[3877,4065,3950],{"emptyLinePlaceholder":3949},[3877,4067,4069],{"class":3879,"line":4068},13,[3877,4070,4071],{"class":3883},"\u002F\u002F Функція як властивість об'єкта\n",[3877,4073,4075,4077,4080],{"class":3879,"line":4074},14,[3877,4076,3891],{"class":3890},[3877,4078,4079],{"class":3908}," calculator",[3877,4081,4082],{"class":3898}," = {\n",[3877,4084,4086,4089,4092,4095,4097,4099,4101,4103,4105,4107,4109,4111,4113],{"class":3879,"line":4085},15,[3877,4087,4088],{"class":3894},"  add",[3877,4090,4091],{"class":3908},":",[3877,4093,4094],{"class":3890}," function",[3877,4096,3905],{"class":3898},[3877,4098,3978],{"class":3908},[3877,4100,3981],{"class":3898},[3877,4102,3984],{"class":3908},[3877,4104,3987],{"class":3898},[3877,4106,3990],{"class":3918},[3877,4108,3993],{"class":3908},[3877,4110,3996],{"class":3898},[3877,4112,3984],{"class":3908},[3877,4114,4001],{"class":3898},[3877,4116,4118,4121,4123,4125,4127,4129,4131,4133,4135,4137,4139,4141,4143],{"class":3879,"line":4117},16,[3877,4119,4120],{"class":3894},"  subtract",[3877,4122,4091],{"class":3908},[3877,4124,4094],{"class":3890},[3877,4126,3905],{"class":3898},[3877,4128,3978],{"class":3908},[3877,4130,3981],{"class":3898},[3877,4132,3984],{"class":3908},[3877,4134,3987],{"class":3898},[3877,4136,3990],{"class":3918},[3877,4138,3993],{"class":3908},[3877,4140,4023],{"class":3898},[3877,4142,3984],{"class":3908},[3877,4144,4054],{"class":3898},[3877,4146,4148],{"class":3879,"line":4147},17,[3877,4149,3943],{"class":3898},[3877,4151,4153],{"class":3879,"line":4152},18,[3877,4154,3950],{"emptyLinePlaceholder":3949},[3877,4156,4158],{"class":3879,"line":4157},19,[3877,4159,4160],{"class":3883},"\u002F\u002F Функція як аргумент (callback)\n",[3877,4162,4164,4167,4171,4173,4176,4178,4181,4184,4187,4189,4191,4193,4196,4198,4200,4203,4205,4207],{"class":3879,"line":4163},20,[3877,4165,4166],{"class":3898},"[",[3877,4168,4170],{"class":4169},"sJj4R","1",[3877,4172,3981],{"class":3898},[3877,4174,4175],{"class":4169},"2",[3877,4177,3981],{"class":3898},[3877,4179,4180],{"class":4169},"3",[3877,4182,4183],{"class":3898},"].",[3877,4185,4186],{"class":3894},"map",[3877,4188,3905],{"class":3898},[3877,4190,3902],{"class":3890},[3877,4192,3905],{"class":3898},[3877,4194,4195],{"class":3908},"n",[3877,4197,3987],{"class":3898},[3877,4199,3990],{"class":3918},[3877,4201,4202],{"class":3908}," n",[3877,4204,4049],{"class":3898},[3877,4206,4175],{"class":4169},[3877,4208,4209],{"class":3898},"; });\n",[3877,4211,4213],{"class":3879,"line":4212},21,[3877,4214,3950],{"emptyLinePlaceholder":3949},[3877,4216,4218],{"class":3879,"line":4217},22,[3877,4219,4220],{"class":3883},"\u002F\u002F Функція як повернення значення\n",[3877,4222,4224,4226,4229,4231,4234],{"class":3879,"line":4223},23,[3877,4225,3902],{"class":3890},[3877,4227,4228],{"class":3894}," createMultiplier",[3877,4230,3905],{"class":3898},[3877,4232,4233],{"class":3908},"factor",[3877,4235,3912],{"class":3898},[3877,4237,4239,4241,4243,4245,4247],{"class":3879,"line":4238},24,[3877,4240,3919],{"class":3918},[3877,4242,4094],{"class":3890},[3877,4244,3905],{"class":3898},[3877,4246,4195],{"class":3908},[3877,4248,3912],{"class":3898},[3877,4250,4252,4255,4257,4259,4261],{"class":3879,"line":4251},25,[3877,4253,4254],{"class":3918},"    return",[3877,4256,4202],{"class":3908},[3877,4258,4049],{"class":3898},[3877,4260,4233],{"class":3908},[3877,4262,3937],{"class":3898},[3877,4264,4266],{"class":3879,"line":4265},26,[3877,4267,4268],{"class":3898},"  };\n",[3877,4270,4272],{"class":3879,"line":4271},27,[3877,4273,4274],{"class":3898},"}\n",[3838,4276,4277],{},"Саме ця властивість робить JavaScript потужною мовою для функціонального програмування та асинхронної обробки (callbacks, promises).",[3833,4279,4281],{"id":4280},"функції-зберігаються-у-памяті-як-обєкти","Функції зберігаються у пам'яті як об'єкти",[3838,4283,4284,4285,3844,4288,4291,4292,4295],{},"Коли ви оголошуєте функцію, JavaScript створює об'єкт-функцію у ",[3784,4286,4287],{},"купі",[3846,4289,4290],{},"heap","), а змінна містить ",[3784,4293,4294],{},"посилання"," на цей об'єкт:",[3868,4297,4299],{"className":3870,"code":4298,"language":3872,"meta":3873,"style":3873},"function greet(name) {\n  return `Hello, ${name}!`;\n}\n\n\u002F\u002F greet — це посилання на об'єкт-функцію\nconsole.log(typeof greet);  \u002F\u002F \"function\"\nconsole.log(greet instanceof Object);  \u002F\u002F true (функція — це об'єкт!)\n\n\u002F\u002F Функції можуть мати властивості!\ngreet.version = \"1.0.0\";\nconsole.log(greet.version);  \u002F\u002F \"1.0.0\"\n",[3771,4300,4301,4313,4329,4333,4337,4342,4366,4391,4395,4400,4416],{"__ignoreMap":3873},[3877,4302,4303,4305,4307,4309,4311],{"class":3879,"line":3880},[3877,4304,3902],{"class":3890},[3877,4306,3895],{"class":3894},[3877,4308,3905],{"class":3898},[3877,4310,3909],{"class":3908},[3877,4312,3912],{"class":3898},[3877,4314,4315,4317,4319,4321,4323,4325,4327],{"class":3879,"line":3887},[3877,4316,3919],{"class":3918},[3877,4318,3923],{"class":3922},[3877,4320,3926],{"class":3890},[3877,4322,3909],{"class":3908},[3877,4324,3931],{"class":3890},[3877,4326,3934],{"class":3922},[3877,4328,3937],{"class":3898},[3877,4330,4331],{"class":3879,"line":3915},[3877,4332,4274],{"class":3898},[3877,4334,4335],{"class":3879,"line":3940},[3877,4336,3950],{"emptyLinePlaceholder":3949},[3877,4338,4339],{"class":3879,"line":3946},[3877,4340,4341],{"class":3883},"\u002F\u002F greet — це посилання на об'єкт-функцію\n",[3877,4343,4344,4347,4350,4353,4355,4358,4360,4363],{"class":3879,"line":3953},[3877,4345,4346],{"class":3908},"console",[3877,4348,4349],{"class":3898},".",[3877,4351,4352],{"class":3894},"log",[3877,4354,3905],{"class":3898},[3877,4356,4357],{"class":3890},"typeof",[3877,4359,3895],{"class":3908},[3877,4361,4362],{"class":3898},");  ",[3877,4364,4365],{"class":3883},"\u002F\u002F \"function\"\n",[3877,4367,4368,4370,4372,4374,4376,4379,4382,4386,4388],{"class":3879,"line":3959},[3877,4369,4346],{"class":3908},[3877,4371,4349],{"class":3898},[3877,4373,4352],{"class":3894},[3877,4375,3905],{"class":3898},[3877,4377,4378],{"class":3908},"greet",[3877,4380,4381],{"class":3890}," instanceof",[3877,4383,4385],{"class":4384},"sN1BT"," Object",[3877,4387,4362],{"class":3898},[3877,4389,4390],{"class":3883},"\u002F\u002F true (функція — це об'єкт!)\n",[3877,4392,4393],{"class":3879,"line":3970},[3877,4394,3950],{"emptyLinePlaceholder":3949},[3877,4396,4397],{"class":3879,"line":4004},[3877,4398,4399],{"class":3883},"\u002F\u002F Функції можуть мати властивості!\n",[3877,4401,4402,4404,4406,4409,4411,4414],{"class":3879,"line":4030},[3877,4403,4378],{"class":3908},[3877,4405,4349],{"class":3898},[3877,4407,4408],{"class":3908},"version",[3877,4410,3899],{"class":3898},[3877,4412,4413],{"class":3922},"\"1.0.0\"",[3877,4415,3937],{"class":3898},[3877,4417,4418,4420,4422,4424,4426,4428,4430,4432,4434],{"class":3879,"line":4057},[3877,4419,4346],{"class":3908},[3877,4421,4349],{"class":3898},[3877,4423,4352],{"class":3894},[3877,4425,3905],{"class":3898},[3877,4427,4378],{"class":3908},[3877,4429,4349],{"class":3898},[3877,4431,4408],{"class":3908},[3877,4433,4362],{"class":3898},[3877,4435,4436],{"class":3883},"\u002F\u002F \"1.0.0\"\n",[3838,4438,4439],{},"Це пояснює, чому функції можна передавати та повертати — ви працюєте з посиланнями, а не копіюєте код функції.",[4441,4442,4443,4446,4447,4450,4451,4454],"note",{},[3784,4444,4445],{},"Історична деталь:"," У ранніх версіях JavaScript функції та об'єкти були різними сутностями. Проте Brendan Eich (створювач JavaScript) вирішив зробити функції спеціальним видом об'єктів (",[3846,4448,4449],{},"callable objects","), що можна викликати через ",[3771,4452,4453],{},"()",". Це рішення зробило мову набагато гнучкішою.",[3825,4456],{},[3828,4458,4460],{"id":4459},"оголошення-функцій-у-typescript","Оголошення функцій у TypeScript",[3833,4462,4464],{"id":4463},"function-declaration-vs-function-expression","Function Declaration vs Function Expression",[3838,4466,4467],{},"У JavaScript є кілька способів створити функцію:",[3838,4469,4470],{},[3784,4471,4472],{},"1. Function Declaration (оголошення функції):",[3868,4474,4478],{"className":4475,"code":4476,"language":4477,"meta":3873,"style":3873},"language-typescript shiki shiki-themes light-plus dark-plus dark-plus","function add(a: number, b: number): number {\n  return a + b;\n}\n","typescript",[3771,4479,4480,4513,4525],{"__ignoreMap":3873},[3877,4481,4482,4484,4487,4489,4491,4494,4497,4499,4501,4503,4505,4508,4510],{"class":3879,"line":3880},[3877,4483,3902],{"class":3890},[3877,4485,4486],{"class":3894}," add",[3877,4488,3905],{"class":3898},[3877,4490,3978],{"class":3908},[3877,4492,4493],{"class":3898},": ",[3877,4495,4496],{"class":4384},"number",[3877,4498,3981],{"class":3898},[3877,4500,3984],{"class":3908},[3877,4502,4493],{"class":3898},[3877,4504,4496],{"class":4384},[3877,4506,4507],{"class":3898},"): ",[3877,4509,4496],{"class":4384},[3877,4511,4512],{"class":3898}," {\n",[3877,4514,4515,4517,4519,4521,4523],{"class":3879,"line":3887},[3877,4516,3919],{"class":3918},[3877,4518,3993],{"class":3908},[3877,4520,3996],{"class":3898},[3877,4522,3984],{"class":3908},[3877,4524,3937],{"class":3898},[3877,4526,4527],{"class":3879,"line":3915},[3877,4528,4274],{"class":3898},[3746,4530,4531,4538],{},[3749,4532,4533,4534,4537],{},"Piднімається (",[3846,4535,4536],{},"hoisting",") на початок області видимості",[3749,4539,4540],{},"Доступна до рядка оголошення у коді",[3838,4542,4543],{},[3784,4544,4545],{},"2. Function Expression (функція-вираз):",[3868,4547,4549],{"className":4475,"code":4548,"language":4477,"meta":3873,"style":3873},"const add = function(a: number, b: number): number {\n  return a + b;\n};\n",[3771,4550,4551,4584,4596],{"__ignoreMap":3873},[3877,4552,4553,4556,4558,4560,4562,4564,4566,4568,4570,4572,4574,4576,4578,4580,4582],{"class":3879,"line":3880},[3877,4554,4555],{"class":3890},"const",[3877,4557,4486],{"class":3894},[3877,4559,3899],{"class":3898},[3877,4561,3902],{"class":3890},[3877,4563,3905],{"class":3898},[3877,4565,3978],{"class":3908},[3877,4567,4493],{"class":3898},[3877,4569,4496],{"class":4384},[3877,4571,3981],{"class":3898},[3877,4573,3984],{"class":3908},[3877,4575,4493],{"class":3898},[3877,4577,4496],{"class":4384},[3877,4579,4507],{"class":3898},[3877,4581,4496],{"class":4384},[3877,4583,4512],{"class":3898},[3877,4585,4586,4588,4590,4592,4594],{"class":3879,"line":3887},[3877,4587,3919],{"class":3918},[3877,4589,3993],{"class":3908},[3877,4591,3996],{"class":3898},[3877,4593,3984],{"class":3908},[3877,4595,3937],{"class":3898},[3877,4597,4598],{"class":3879,"line":3915},[3877,4599,3943],{"class":3898},[3746,4601,4602,4605],{},[3749,4603,4604],{},"Зберігається у змінній",[3749,4606,4607,4608,4611,4612,4615],{},"Не піднімається (змінна ",[3771,4609,4610],{},"add"," піднімається, але ініціалізується як ",[3771,4613,4614],{},"undefined",")",[3838,4617,4618],{},[3784,4619,4620],{},"3. Arrow Function (стрілочна функція):",[3868,4622,4624],{"className":4475,"code":4623,"language":4477,"meta":3873,"style":3873},"const add = (a: number, b: number): number => {\n  return a + b;\n};\n\n\u002F\u002F Або коротка форма (без фігурних дужок)\nconst add = (a: number, b: number): number => a + b;\n",[3771,4625,4626,4658,4670,4674,4678,4683],{"__ignoreMap":3873},[3877,4627,4628,4630,4632,4635,4637,4639,4641,4643,4645,4647,4649,4651,4653,4656],{"class":3879,"line":3880},[3877,4629,4555],{"class":3890},[3877,4631,4486],{"class":3894},[3877,4633,4634],{"class":3898}," = (",[3877,4636,3978],{"class":3908},[3877,4638,4493],{"class":3898},[3877,4640,4496],{"class":4384},[3877,4642,3981],{"class":3898},[3877,4644,3984],{"class":3908},[3877,4646,4493],{"class":3898},[3877,4648,4496],{"class":4384},[3877,4650,4507],{"class":3898},[3877,4652,4496],{"class":4384},[3877,4654,4655],{"class":3890}," =>",[3877,4657,4512],{"class":3898},[3877,4659,4660,4662,4664,4666,4668],{"class":3879,"line":3887},[3877,4661,3919],{"class":3918},[3877,4663,3993],{"class":3908},[3877,4665,3996],{"class":3898},[3877,4667,3984],{"class":3908},[3877,4669,3937],{"class":3898},[3877,4671,4672],{"class":3879,"line":3915},[3877,4673,3943],{"class":3898},[3877,4675,4676],{"class":3879,"line":3940},[3877,4677,3950],{"emptyLinePlaceholder":3949},[3877,4679,4680],{"class":3879,"line":3946},[3877,4681,4682],{"class":3883},"\u002F\u002F Або коротка форма (без фігурних дужок)\n",[3877,4684,4685,4687,4689,4691,4693,4695,4697,4699,4701,4703,4705,4707,4709,4711,4713,4715,4717],{"class":3879,"line":3953},[3877,4686,4555],{"class":3890},[3877,4688,4486],{"class":3894},[3877,4690,4634],{"class":3898},[3877,4692,3978],{"class":3908},[3877,4694,4493],{"class":3898},[3877,4696,4496],{"class":4384},[3877,4698,3981],{"class":3898},[3877,4700,3984],{"class":3908},[3877,4702,4493],{"class":3898},[3877,4704,4496],{"class":4384},[3877,4706,4507],{"class":3898},[3877,4708,4496],{"class":4384},[3877,4710,4655],{"class":3890},[3877,4712,3993],{"class":3908},[3877,4714,3996],{"class":3898},[3877,4716,3984],{"class":3908},[3877,4718,3937],{"class":3898},[3746,4720,4721,4724],{},[3749,4722,4723],{},"Компактний синтаксис",[3749,4725,4726,4727,4729],{},"Не має власного ",[3771,4728,3773],{}," (успадковує з контексту)",[3838,4731,4732],{},[3784,4733,4734],{},"4. Method Shorthand (метод об'єкта):",[3868,4736,4738],{"className":4475,"code":4737,"language":4477,"meta":3873,"style":3873},"const calculator = {\n  add(a: number, b: number): number {\n    return a + b;\n  }\n};\n",[3771,4739,4740,4749,4775,4787,4792],{"__ignoreMap":3873},[3877,4741,4742,4744,4747],{"class":3879,"line":3880},[3877,4743,4555],{"class":3890},[3877,4745,4079],{"class":4746},"s-QsJ",[3877,4748,4082],{"class":3898},[3877,4750,4751,4753,4755,4757,4759,4761,4763,4765,4767,4769,4771,4773],{"class":3879,"line":3887},[3877,4752,4088],{"class":3894},[3877,4754,3905],{"class":3898},[3877,4756,3978],{"class":3908},[3877,4758,4493],{"class":3898},[3877,4760,4496],{"class":4384},[3877,4762,3981],{"class":3898},[3877,4764,3984],{"class":3908},[3877,4766,4493],{"class":3898},[3877,4768,4496],{"class":4384},[3877,4770,4507],{"class":3898},[3877,4772,4496],{"class":4384},[3877,4774,4512],{"class":3898},[3877,4776,4777,4779,4781,4783,4785],{"class":3879,"line":3915},[3877,4778,4254],{"class":3918},[3877,4780,3993],{"class":3908},[3877,4782,3996],{"class":3898},[3877,4784,3984],{"class":3908},[3877,4786,3937],{"class":3898},[3877,4788,4789],{"class":3879,"line":3940},[3877,4790,4791],{"class":3898},"  }\n",[3877,4793,4794],{"class":3879,"line":3946},[3877,4795,3943],{"class":3898},[3838,4797,4798],{},"Усі ці способи мають схожу типізацію у TypeScript.",[4800,4801,4803],"plant-uml",{"alt":4802},"Різні способи оголошення функцій та їх характеристики",[3868,4804,4808],{"className":4805,"code":4806,"language":4807,"meta":3873,"style":3873},"language-plantuml shiki shiki-themes light-plus dark-plus dark-plus","@startuml\nskinparam style plain\nskinparam backgroundColor #FFFFFF\n\nrectangle \"Function Declaration\\nfunction add(a, b) { }\" as FD #DCFCE7 {\n    note bottom\n    ✓ Hoisting (піднімається)\n    ✓ Має власний this\n    ✓ Може бути named\n    end note\n}\n\nrectangle \"Function Expression\\nconst add = function(a, b) { }\" as FE #DBEAFE {\n    note bottom\n    ✗ Hoisting (не піднімається)\n    ✓ Має власний this\n    ✓ Може бути anonymous\n    end note\n}\n\nrectangle \"Arrow Function\\nconst add = (a, b) => { }\" as AF #FEF3C7 {\n    note bottom\n    ✗ Hoisting (не піднімається)\n    ✗ Немає власного this\n    ✓ Компактний синтаксис\n    end note\n}\n\nrectangle \"Method Shorthand\\n{ add(a, b) { } }\" as MS #FED7AA {\n    note bottom\n    ✓ Має власний this\n    ✓ Зручний для методів об'єктів\n    ✓ Коротший синтаксис\n    end note\n}\n\nnote right of FD\n  Вибір залежить від контексту:\n  - Declaration: топ-рівень, експорти\n  - Expression: динамічне створення\n  - Arrow: callbacks, this-less функції\n  - Method: методи об'єктів\u002Fкласів\nend note\n@enduml\n","plantuml",[3771,4809,4810,4815,4820,4825,4829,4834,4839,4844,4849,4854,4859,4863,4867,4872,4876,4881,4885,4890,4894,4898,4902,4907,4911,4915,4920,4925,4929,4933,4938,4944,4949,4954,4960,4966,4971,4976,4981,4987,4993,4999,5005,5011,5017,5023],{"__ignoreMap":3873},[3877,4811,4812],{"class":3879,"line":3880},[3877,4813,4814],{},"@startuml\n",[3877,4816,4817],{"class":3879,"line":3887},[3877,4818,4819],{},"skinparam style plain\n",[3877,4821,4822],{"class":3879,"line":3915},[3877,4823,4824],{},"skinparam backgroundColor #FFFFFF\n",[3877,4826,4827],{"class":3879,"line":3940},[3877,4828,3950],{"emptyLinePlaceholder":3949},[3877,4830,4831],{"class":3879,"line":3946},[3877,4832,4833],{},"rectangle \"Function Declaration\\nfunction add(a, b) { }\" as FD #DCFCE7 {\n",[3877,4835,4836],{"class":3879,"line":3953},[3877,4837,4838],{},"    note bottom\n",[3877,4840,4841],{"class":3879,"line":3959},[3877,4842,4843],{},"    ✓ Hoisting (піднімається)\n",[3877,4845,4846],{"class":3879,"line":3970},[3877,4847,4848],{},"    ✓ Має власний this\n",[3877,4850,4851],{"class":3879,"line":4004},[3877,4852,4853],{},"    ✓ Може бути named\n",[3877,4855,4856],{"class":3879,"line":4030},[3877,4857,4858],{},"    end note\n",[3877,4860,4861],{"class":3879,"line":4057},[3877,4862,4274],{},[3877,4864,4865],{"class":3879,"line":4063},[3877,4866,3950],{"emptyLinePlaceholder":3949},[3877,4868,4869],{"class":3879,"line":4068},[3877,4870,4871],{},"rectangle \"Function Expression\\nconst add = function(a, b) { }\" as FE #DBEAFE {\n",[3877,4873,4874],{"class":3879,"line":4074},[3877,4875,4838],{},[3877,4877,4878],{"class":3879,"line":4085},[3877,4879,4880],{},"    ✗ Hoisting (не піднімається)\n",[3877,4882,4883],{"class":3879,"line":4117},[3877,4884,4848],{},[3877,4886,4887],{"class":3879,"line":4147},[3877,4888,4889],{},"    ✓ Може бути anonymous\n",[3877,4891,4892],{"class":3879,"line":4152},[3877,4893,4858],{},[3877,4895,4896],{"class":3879,"line":4157},[3877,4897,4274],{},[3877,4899,4900],{"class":3879,"line":4163},[3877,4901,3950],{"emptyLinePlaceholder":3949},[3877,4903,4904],{"class":3879,"line":4212},[3877,4905,4906],{},"rectangle \"Arrow Function\\nconst add = (a, b) => { }\" as AF #FEF3C7 {\n",[3877,4908,4909],{"class":3879,"line":4217},[3877,4910,4838],{},[3877,4912,4913],{"class":3879,"line":4223},[3877,4914,4880],{},[3877,4916,4917],{"class":3879,"line":4238},[3877,4918,4919],{},"    ✗ Немає власного this\n",[3877,4921,4922],{"class":3879,"line":4251},[3877,4923,4924],{},"    ✓ Компактний синтаксис\n",[3877,4926,4927],{"class":3879,"line":4265},[3877,4928,4858],{},[3877,4930,4931],{"class":3879,"line":4271},[3877,4932,4274],{},[3877,4934,4936],{"class":3879,"line":4935},28,[3877,4937,3950],{"emptyLinePlaceholder":3949},[3877,4939,4941],{"class":3879,"line":4940},29,[3877,4942,4943],{},"rectangle \"Method Shorthand\\n{ add(a, b) { } }\" as MS #FED7AA {\n",[3877,4945,4947],{"class":3879,"line":4946},30,[3877,4948,4838],{},[3877,4950,4952],{"class":3879,"line":4951},31,[3877,4953,4848],{},[3877,4955,4957],{"class":3879,"line":4956},32,[3877,4958,4959],{},"    ✓ Зручний для методів об'єктів\n",[3877,4961,4963],{"class":3879,"line":4962},33,[3877,4964,4965],{},"    ✓ Коротший синтаксис\n",[3877,4967,4969],{"class":3879,"line":4968},34,[3877,4970,4858],{},[3877,4972,4974],{"class":3879,"line":4973},35,[3877,4975,4274],{},[3877,4977,4979],{"class":3879,"line":4978},36,[3877,4980,3950],{"emptyLinePlaceholder":3949},[3877,4982,4984],{"class":3879,"line":4983},37,[3877,4985,4986],{},"note right of FD\n",[3877,4988,4990],{"class":3879,"line":4989},38,[3877,4991,4992],{},"  Вибір залежить від контексту:\n",[3877,4994,4996],{"class":3879,"line":4995},39,[3877,4997,4998],{},"  - Declaration: топ-рівень, експорти\n",[3877,5000,5002],{"class":3879,"line":5001},40,[3877,5003,5004],{},"  - Expression: динамічне створення\n",[3877,5006,5008],{"class":3879,"line":5007},41,[3877,5009,5010],{},"  - Arrow: callbacks, this-less функції\n",[3877,5012,5014],{"class":3879,"line":5013},42,[3877,5015,5016],{},"  - Method: методи об'єктів\u002Fкласів\n",[3877,5018,5020],{"class":3879,"line":5019},43,[3877,5021,5022],{},"end note\n",[3877,5024,5026],{"class":3879,"line":5025},44,[3877,5027,5028],{},"@enduml\n",[3833,5030,5032],{"id":5031},"hoisting-чому-declaration-доступна-раніше","Hoisting: чому declaration доступна раніше",[3838,5034,5035,5038],{},[3784,5036,5037],{},"Function declaration"," піднімається на початок області видимості:",[3868,5040,5042],{"className":4475,"code":5041,"language":4477,"meta":3873,"style":3873},"console.log(add(2, 3));  \u002F\u002F 5 — працює!\n\nfunction add(a: number, b: number): number {\n  return a + b;\n}\n",[3771,5043,5044,5070,5074,5102,5114],{"__ignoreMap":3873},[3877,5045,5046,5048,5050,5052,5054,5056,5058,5060,5062,5064,5067],{"class":3879,"line":3880},[3877,5047,4346],{"class":3908},[3877,5049,4349],{"class":3898},[3877,5051,4352],{"class":3894},[3877,5053,3905],{"class":3898},[3877,5055,4610],{"class":3894},[3877,5057,3905],{"class":3898},[3877,5059,4175],{"class":4169},[3877,5061,3981],{"class":3898},[3877,5063,4180],{"class":4169},[3877,5065,5066],{"class":3898},"));  ",[3877,5068,5069],{"class":3883},"\u002F\u002F 5 — працює!\n",[3877,5071,5072],{"class":3879,"line":3887},[3877,5073,3950],{"emptyLinePlaceholder":3949},[3877,5075,5076,5078,5080,5082,5084,5086,5088,5090,5092,5094,5096,5098,5100],{"class":3879,"line":3915},[3877,5077,3902],{"class":3890},[3877,5079,4486],{"class":3894},[3877,5081,3905],{"class":3898},[3877,5083,3978],{"class":3908},[3877,5085,4493],{"class":3898},[3877,5087,4496],{"class":4384},[3877,5089,3981],{"class":3898},[3877,5091,3984],{"class":3908},[3877,5093,4493],{"class":3898},[3877,5095,4496],{"class":4384},[3877,5097,4507],{"class":3898},[3877,5099,4496],{"class":4384},[3877,5101,4512],{"class":3898},[3877,5103,5104,5106,5108,5110,5112],{"class":3879,"line":3940},[3877,5105,3919],{"class":3918},[3877,5107,3993],{"class":3908},[3877,5109,3996],{"class":3898},[3877,5111,3984],{"class":3908},[3877,5113,3937],{"class":3898},[3877,5115,5116],{"class":3879,"line":3946},[3877,5117,4274],{"class":3898},[3838,5119,5120,5123,5124,5126],{},[3784,5121,5122],{},"Function expression"," не піднімається (змінна піднімається, але як ",[3771,5125,4614],{},"):",[3868,5128,5130],{"className":4475,"code":5129,"language":4477,"meta":3873,"style":3873},"console.log(add(2, 3));  \u002F\u002F Error: Cannot access 'add' before initialization\n\nconst add = function(a: number, b: number): number {\n  return a + b;\n};\n",[3771,5131,5132,5157,5161,5193,5205],{"__ignoreMap":3873},[3877,5133,5134,5136,5138,5140,5142,5144,5146,5148,5150,5152,5154],{"class":3879,"line":3880},[3877,5135,4346],{"class":3908},[3877,5137,4349],{"class":3898},[3877,5139,4352],{"class":3894},[3877,5141,3905],{"class":3898},[3877,5143,4610],{"class":3894},[3877,5145,3905],{"class":3898},[3877,5147,4175],{"class":4169},[3877,5149,3981],{"class":3898},[3877,5151,4180],{"class":4169},[3877,5153,5066],{"class":3898},[3877,5155,5156],{"class":3883},"\u002F\u002F Error: Cannot access 'add' before initialization\n",[3877,5158,5159],{"class":3879,"line":3887},[3877,5160,3950],{"emptyLinePlaceholder":3949},[3877,5162,5163,5165,5167,5169,5171,5173,5175,5177,5179,5181,5183,5185,5187,5189,5191],{"class":3879,"line":3915},[3877,5164,4555],{"class":3890},[3877,5166,4486],{"class":3894},[3877,5168,3899],{"class":3898},[3877,5170,3902],{"class":3890},[3877,5172,3905],{"class":3898},[3877,5174,3978],{"class":3908},[3877,5176,4493],{"class":3898},[3877,5178,4496],{"class":4384},[3877,5180,3981],{"class":3898},[3877,5182,3984],{"class":3908},[3877,5184,4493],{"class":3898},[3877,5186,4496],{"class":4384},[3877,5188,4507],{"class":3898},[3877,5190,4496],{"class":4384},[3877,5192,4512],{"class":3898},[3877,5194,5195,5197,5199,5201,5203],{"class":3879,"line":3940},[3877,5196,3919],{"class":3918},[3877,5198,3993],{"class":3908},[3877,5200,3996],{"class":3898},[3877,5202,3984],{"class":3908},[3877,5204,3937],{"class":3898},[3877,5206,5207],{"class":3879,"line":3946},[3877,5208,3943],{"class":3898},[5210,5211,5212,5213,5216,5217,5220,5221,4349],"tip",{},"Використовуйте ",[3784,5214,5215],{},"function declaration"," для функцій верхнього рівня у модулях (особливо для експортованих функцій). Використовуйте ",[3784,5218,5219],{},"arrow functions"," для callbacks та функцій, що не потребують власного ",[3771,5222,3773],{},[3825,5224],{},[3828,5226,5228],{"id":5227},"типізація-параметрів","Типізація параметрів",[3833,5230,5232],{"id":5231},"обовязкові-параметри","Обов'язкові параметри",[3838,5234,5235,5236,5239],{},"У TypeScript кожен параметр функції ",[3784,5237,5238],{},"обов'язково"," має тип:",[3868,5241,5243],{"className":4475,"code":5242,"language":4477,"meta":3873,"style":3873},"function greet(name: string): string {\n  return `Hello, ${name}!`;\n}\n\ngreet(\"Alice\");      \u002F\u002F OK\ngreet(123);          \u002F\u002F Error: Argument of type 'number' is not assignable to parameter of type 'string'\ngreet();             \u002F\u002F Error: Expected 1 arguments, but got 0\ngreet(\"Alice\", 28);  \u002F\u002F Error: Expected 1 arguments, but got 2\n",[3771,5244,5245,5266,5282,5286,5290,5305,5320,5330],{"__ignoreMap":3873},[3877,5246,5247,5249,5251,5253,5255,5257,5260,5262,5264],{"class":3879,"line":3880},[3877,5248,3902],{"class":3890},[3877,5250,3895],{"class":3894},[3877,5252,3905],{"class":3898},[3877,5254,3909],{"class":3908},[3877,5256,4493],{"class":3898},[3877,5258,5259],{"class":4384},"string",[3877,5261,4507],{"class":3898},[3877,5263,5259],{"class":4384},[3877,5265,4512],{"class":3898},[3877,5267,5268,5270,5272,5274,5276,5278,5280],{"class":3879,"line":3887},[3877,5269,3919],{"class":3918},[3877,5271,3923],{"class":3922},[3877,5273,3926],{"class":3890},[3877,5275,3909],{"class":3908},[3877,5277,3931],{"class":3890},[3877,5279,3934],{"class":3922},[3877,5281,3937],{"class":3898},[3877,5283,5284],{"class":3879,"line":3915},[3877,5285,4274],{"class":3898},[3877,5287,5288],{"class":3879,"line":3940},[3877,5289,3950],{"emptyLinePlaceholder":3949},[3877,5291,5292,5294,5296,5299,5302],{"class":3879,"line":3946},[3877,5293,4378],{"class":3894},[3877,5295,3905],{"class":3898},[3877,5297,5298],{"class":3922},"\"Alice\"",[3877,5300,5301],{"class":3898},");      ",[3877,5303,5304],{"class":3883},"\u002F\u002F OK\n",[3877,5306,5307,5309,5311,5314,5317],{"class":3879,"line":3953},[3877,5308,4378],{"class":3894},[3877,5310,3905],{"class":3898},[3877,5312,5313],{"class":4169},"123",[3877,5315,5316],{"class":3898},");          ",[3877,5318,5319],{"class":3883},"\u002F\u002F Error: Argument of type 'number' is not assignable to parameter of type 'string'\n",[3877,5321,5322,5324,5327],{"class":3879,"line":3959},[3877,5323,4378],{"class":3894},[3877,5325,5326],{"class":3898},"();             ",[3877,5328,5329],{"class":3883},"\u002F\u002F Error: Expected 1 arguments, but got 0\n",[3877,5331,5332,5334,5336,5338,5340,5343,5345],{"class":3879,"line":3970},[3877,5333,4378],{"class":3894},[3877,5335,3905],{"class":3898},[3877,5337,5298],{"class":3922},[3877,5339,3981],{"class":3898},[3877,5341,5342],{"class":4169},"28",[3877,5344,4362],{"class":3898},[3877,5346,5347],{"class":3883},"\u002F\u002F Error: Expected 1 arguments, but got 2\n",[3838,5349,5350,5351,4091],{},"TypeScript ",[3784,5352,5353],{},"строго перевіряє",[3746,5355,5356,5362],{},[3749,5357,5358,5361],{},[3784,5359,5360],{},"Типи"," аргументів (мають відповідати типам параметрів)",[3749,5363,5364,5367],{},[3784,5365,5366],{},"Кількість"," аргументів (має співпадати з кількістю параметрів)",[3838,5369,5370],{},[3784,5371,5372],{},"Кілька параметрів:",[3868,5374,5376],{"className":4475,"code":5375,"language":4477,"meta":3873,"style":3873},"function add(a: number, b: number): number {\n  return a + b;\n}\n\nfunction formatUser(firstName: string, lastName: string, age: number): string {\n  return `${firstName} ${lastName} (${age})`;\n}\n\nconsole.log(add(5, 3));                          \u002F\u002F 8\nconsole.log(formatUser(\"Alice\", \"Smith\", 28));  \u002F\u002F \"Alice Smith (28)\"\n",[3771,5377,5378,5406,5418,5422,5426,5466,5499,5503,5507,5534],{"__ignoreMap":3873},[3877,5379,5380,5382,5384,5386,5388,5390,5392,5394,5396,5398,5400,5402,5404],{"class":3879,"line":3880},[3877,5381,3902],{"class":3890},[3877,5383,4486],{"class":3894},[3877,5385,3905],{"class":3898},[3877,5387,3978],{"class":3908},[3877,5389,4493],{"class":3898},[3877,5391,4496],{"class":4384},[3877,5393,3981],{"class":3898},[3877,5395,3984],{"class":3908},[3877,5397,4493],{"class":3898},[3877,5399,4496],{"class":4384},[3877,5401,4507],{"class":3898},[3877,5403,4496],{"class":4384},[3877,5405,4512],{"class":3898},[3877,5407,5408,5410,5412,5414,5416],{"class":3879,"line":3887},[3877,5409,3919],{"class":3918},[3877,5411,3993],{"class":3908},[3877,5413,3996],{"class":3898},[3877,5415,3984],{"class":3908},[3877,5417,3937],{"class":3898},[3877,5419,5420],{"class":3879,"line":3915},[3877,5421,4274],{"class":3898},[3877,5423,5424],{"class":3879,"line":3940},[3877,5425,3950],{"emptyLinePlaceholder":3949},[3877,5427,5428,5430,5433,5435,5438,5440,5442,5444,5447,5449,5451,5453,5456,5458,5460,5462,5464],{"class":3879,"line":3946},[3877,5429,3902],{"class":3890},[3877,5431,5432],{"class":3894}," formatUser",[3877,5434,3905],{"class":3898},[3877,5436,5437],{"class":3908},"firstName",[3877,5439,4493],{"class":3898},[3877,5441,5259],{"class":4384},[3877,5443,3981],{"class":3898},[3877,5445,5446],{"class":3908},"lastName",[3877,5448,4493],{"class":3898},[3877,5450,5259],{"class":4384},[3877,5452,3981],{"class":3898},[3877,5454,5455],{"class":3908},"age",[3877,5457,4493],{"class":3898},[3877,5459,4496],{"class":4384},[3877,5461,4507],{"class":3898},[3877,5463,5259],{"class":4384},[3877,5465,4512],{"class":3898},[3877,5467,5468,5470,5473,5475,5477,5479,5482,5484,5486,5488,5490,5492,5494,5497],{"class":3879,"line":3953},[3877,5469,3919],{"class":3918},[3877,5471,5472],{"class":3922}," `",[3877,5474,3926],{"class":3890},[3877,5476,5437],{"class":3908},[3877,5478,3931],{"class":3890},[3877,5480,5481],{"class":3890}," ${",[3877,5483,5446],{"class":3908},[3877,5485,3931],{"class":3890},[3877,5487,3844],{"class":3922},[3877,5489,3926],{"class":3890},[3877,5491,5455],{"class":3908},[3877,5493,3931],{"class":3890},[3877,5495,5496],{"class":3922},")`",[3877,5498,3937],{"class":3898},[3877,5500,5501],{"class":3879,"line":3959},[3877,5502,4274],{"class":3898},[3877,5504,5505],{"class":3879,"line":3970},[3877,5506,3950],{"emptyLinePlaceholder":3949},[3877,5508,5509,5511,5513,5515,5517,5519,5521,5524,5526,5528,5531],{"class":3879,"line":4004},[3877,5510,4346],{"class":3908},[3877,5512,4349],{"class":3898},[3877,5514,4352],{"class":3894},[3877,5516,3905],{"class":3898},[3877,5518,4610],{"class":3894},[3877,5520,3905],{"class":3898},[3877,5522,5523],{"class":4169},"5",[3877,5525,3981],{"class":3898},[3877,5527,4180],{"class":4169},[3877,5529,5530],{"class":3898},"));                          ",[3877,5532,5533],{"class":3883},"\u002F\u002F 8\n",[3877,5535,5536,5538,5540,5542,5544,5547,5549,5551,5553,5556,5558,5560,5562],{"class":3879,"line":4030},[3877,5537,4346],{"class":3908},[3877,5539,4349],{"class":3898},[3877,5541,4352],{"class":3894},[3877,5543,3905],{"class":3898},[3877,5545,5546],{"class":3894},"formatUser",[3877,5548,3905],{"class":3898},[3877,5550,5298],{"class":3922},[3877,5552,3981],{"class":3898},[3877,5554,5555],{"class":3922},"\"Smith\"",[3877,5557,3981],{"class":3898},[3877,5559,5342],{"class":4169},[3877,5561,5066],{"class":3898},[3877,5563,5564],{"class":3883},"\u002F\u002F \"Alice Smith (28)\"\n",[3833,5566,5568],{"id":5567},"type-inference-для-параметрів-у-стрілочних-функціях","Type Inference для параметрів у стрілочних функціях",[3838,5570,5571],{},"Якщо стрілочна функція використовується у контексті, де TypeScript знає очікуваний тип, параметри можуть виводитися автоматично:",[3868,5573,5575],{"className":4475,"code":5574,"language":4477,"meta":3873,"style":3873},"\u002F\u002F TypeScript знає, що map очікує функцію (n: number) => number\nlet numbers = [1, 2, 3, 4, 5];\n\n\u002F\u002F Параметр n автоматично має тип number\nlet doubled = numbers.map(n => n * 2);\n\u002F\u002F                        ^\n\u002F\u002F                   TypeScript виводить: n: number\n\n\u002F\u002F Явна типізація (можна, але не обов'язково)\nlet tripled = numbers.map((n: number) => n * 3);\n",[3771,5576,5577,5582,5613,5617,5622,5653,5658,5663,5667,5672],{"__ignoreMap":3873},[3877,5578,5579],{"class":3879,"line":3880},[3877,5580,5581],{"class":3883},"\u002F\u002F TypeScript знає, що map очікує функцію (n: number) => number\n",[3877,5583,5584,5586,5589,5592,5594,5596,5598,5600,5602,5604,5607,5609,5611],{"class":3879,"line":3887},[3877,5585,3891],{"class":3890},[3877,5587,5588],{"class":3908}," numbers",[3877,5590,5591],{"class":3898}," = [",[3877,5593,4170],{"class":4169},[3877,5595,3981],{"class":3898},[3877,5597,4175],{"class":4169},[3877,5599,3981],{"class":3898},[3877,5601,4180],{"class":4169},[3877,5603,3981],{"class":3898},[3877,5605,5606],{"class":4169},"4",[3877,5608,3981],{"class":3898},[3877,5610,5523],{"class":4169},[3877,5612,4060],{"class":3898},[3877,5614,5615],{"class":3879,"line":3915},[3877,5616,3950],{"emptyLinePlaceholder":3949},[3877,5618,5619],{"class":3879,"line":3940},[3877,5620,5621],{"class":3883},"\u002F\u002F Параметр n автоматично має тип number\n",[3877,5623,5624,5626,5629,5631,5634,5636,5638,5640,5642,5644,5646,5648,5650],{"class":3879,"line":3946},[3877,5625,3891],{"class":3890},[3877,5627,5628],{"class":3908}," doubled",[3877,5630,3899],{"class":3898},[3877,5632,5633],{"class":3908},"numbers",[3877,5635,4349],{"class":3898},[3877,5637,4186],{"class":3894},[3877,5639,3905],{"class":3898},[3877,5641,4195],{"class":3908},[3877,5643,4655],{"class":3890},[3877,5645,4202],{"class":3908},[3877,5647,4049],{"class":3898},[3877,5649,4175],{"class":4169},[3877,5651,5652],{"class":3898},");\n",[3877,5654,5655],{"class":3879,"line":3953},[3877,5656,5657],{"class":3883},"\u002F\u002F                        ^\n",[3877,5659,5660],{"class":3879,"line":3959},[3877,5661,5662],{"class":3883},"\u002F\u002F                   TypeScript виводить: n: number\n",[3877,5664,5665],{"class":3879,"line":3970},[3877,5666,3950],{"emptyLinePlaceholder":3949},[3877,5668,5669],{"class":3879,"line":4004},[3877,5670,5671],{"class":3883},"\u002F\u002F Явна типізація (можна, але не обов'язково)\n",[3877,5673,5674,5676,5679,5681,5683,5685,5687,5690,5692,5694,5696,5699,5702,5704,5706,5708],{"class":3879,"line":4030},[3877,5675,3891],{"class":3890},[3877,5677,5678],{"class":3908}," tripled",[3877,5680,3899],{"class":3898},[3877,5682,5633],{"class":3908},[3877,5684,4349],{"class":3898},[3877,5686,4186],{"class":3894},[3877,5688,5689],{"class":3898},"((",[3877,5691,4195],{"class":3908},[3877,5693,4493],{"class":3898},[3877,5695,4496],{"class":4384},[3877,5697,5698],{"class":3898},") ",[3877,5700,5701],{"class":3890},"=>",[3877,5703,4202],{"class":3908},[3877,5705,4049],{"class":3898},[3877,5707,4180],{"class":4169},[3877,5709,5652],{"class":3898},[3838,5711,5712],{},[3784,5713,5714],{},"Для callback-функцій контекст часто достатній:",[3868,5716,5718],{"className":4475,"code":5717,"language":4477,"meta":3873,"style":3873},"let names = [\"Alice\", \"Bob\", \"Charlie\"];\n\n\u002F\u002F name автоматично виводиться як string\nnames.forEach(name => {\n  console.log(name.toUpperCase());  \u002F\u002F OK: TypeScript знає, що name — string\n});\n\n\u002F\u002F index та array теж виводяться автоматично\nnames.forEach((name, index, array) => {\n  console.log(`${index}: ${name} (total: ${array.length})`);\n  \u002F\u002F           ^         ^                  ^\n  \u002F\u002F         number    string            number\n});\n",[3771,5719,5720,5743,5747,5752,5770,5794,5799,5803,5808,5836,5882,5887,5892],{"__ignoreMap":3873},[3877,5721,5722,5724,5727,5729,5731,5733,5736,5738,5741],{"class":3879,"line":3880},[3877,5723,3891],{"class":3890},[3877,5725,5726],{"class":3908}," names",[3877,5728,5591],{"class":3898},[3877,5730,5298],{"class":3922},[3877,5732,3981],{"class":3898},[3877,5734,5735],{"class":3922},"\"Bob\"",[3877,5737,3981],{"class":3898},[3877,5739,5740],{"class":3922},"\"Charlie\"",[3877,5742,4060],{"class":3898},[3877,5744,5745],{"class":3879,"line":3887},[3877,5746,3950],{"emptyLinePlaceholder":3949},[3877,5748,5749],{"class":3879,"line":3915},[3877,5750,5751],{"class":3883},"\u002F\u002F name автоматично виводиться як string\n",[3877,5753,5754,5757,5759,5762,5764,5766,5768],{"class":3879,"line":3940},[3877,5755,5756],{"class":3908},"names",[3877,5758,4349],{"class":3898},[3877,5760,5761],{"class":3894},"forEach",[3877,5763,3905],{"class":3898},[3877,5765,3909],{"class":3908},[3877,5767,4655],{"class":3890},[3877,5769,4512],{"class":3898},[3877,5771,5772,5775,5777,5779,5781,5783,5785,5788,5791],{"class":3879,"line":3946},[3877,5773,5774],{"class":3908},"  console",[3877,5776,4349],{"class":3898},[3877,5778,4352],{"class":3894},[3877,5780,3905],{"class":3898},[3877,5782,3909],{"class":3908},[3877,5784,4349],{"class":3898},[3877,5786,5787],{"class":3894},"toUpperCase",[3877,5789,5790],{"class":3898},"());  ",[3877,5792,5793],{"class":3883},"\u002F\u002F OK: TypeScript знає, що name — string\n",[3877,5795,5796],{"class":3879,"line":3953},[3877,5797,5798],{"class":3898},"});\n",[3877,5800,5801],{"class":3879,"line":3959},[3877,5802,3950],{"emptyLinePlaceholder":3949},[3877,5804,5805],{"class":3879,"line":3970},[3877,5806,5807],{"class":3883},"\u002F\u002F index та array теж виводяться автоматично\n",[3877,5809,5810,5812,5814,5816,5818,5820,5822,5825,5827,5830,5832,5834],{"class":3879,"line":4004},[3877,5811,5756],{"class":3908},[3877,5813,4349],{"class":3898},[3877,5815,5761],{"class":3894},[3877,5817,5689],{"class":3898},[3877,5819,3909],{"class":3908},[3877,5821,3981],{"class":3898},[3877,5823,5824],{"class":3908},"index",[3877,5826,3981],{"class":3898},[3877,5828,5829],{"class":3908},"array",[3877,5831,5698],{"class":3898},[3877,5833,5701],{"class":3890},[3877,5835,4512],{"class":3898},[3877,5837,5838,5840,5842,5844,5846,5849,5851,5853,5855,5857,5859,5861,5863,5866,5868,5870,5873,5876,5878,5880],{"class":3879,"line":4030},[3877,5839,5774],{"class":3908},[3877,5841,4349],{"class":3898},[3877,5843,4352],{"class":3894},[3877,5845,3905],{"class":3898},[3877,5847,5848],{"class":3922},"`",[3877,5850,3926],{"class":3890},[3877,5852,5824],{"class":3908},[3877,5854,3931],{"class":3890},[3877,5856,4493],{"class":3922},[3877,5858,3926],{"class":3890},[3877,5860,3909],{"class":3908},[3877,5862,3931],{"class":3890},[3877,5864,5865],{"class":3922}," (total: ",[3877,5867,3926],{"class":3890},[3877,5869,5829],{"class":3908},[3877,5871,4349],{"class":5872},"sD7JJ",[3877,5874,5875],{"class":3908},"length",[3877,5877,3931],{"class":3890},[3877,5879,5496],{"class":3922},[3877,5881,5652],{"class":3898},[3877,5883,5884],{"class":3879,"line":4057},[3877,5885,5886],{"class":3883},"  \u002F\u002F           ^         ^                  ^\n",[3877,5888,5889],{"class":3879,"line":4063},[3877,5890,5891],{"class":3883},"  \u002F\u002F         number    string            number\n",[3877,5893,5894],{"class":3879,"line":4068},[3877,5895,5798],{"class":3898},[3825,5897],{},[3828,5899,5901],{"id":5900},"типізація-повернення-значень","Типізація повернення значень",[3833,5903,5905],{"id":5904},"явна-анотація-типу-повернення","Явна анотація типу повернення",[3838,5907,5908,5909,4091],{},"Тип повернення вказується після списку параметрів через ",[3771,5910,4091],{},[3868,5912,5914],{"className":4475,"code":5913,"language":4477,"meta":3873,"style":3873},"function add(a: number, b: number): number {\n  return a + b;\n}\n\nfunction greet(name: string): string {\n  return `Hello, ${name}!`;\n}\n\nfunction isEven(n: number): boolean {\n  return n % 2 === 0;\n}\n",[3771,5915,5916,5944,5956,5960,5964,5984,6000,6004,6008,6030,6049],{"__ignoreMap":3873},[3877,5917,5918,5920,5922,5924,5926,5928,5930,5932,5934,5936,5938,5940,5942],{"class":3879,"line":3880},[3877,5919,3902],{"class":3890},[3877,5921,4486],{"class":3894},[3877,5923,3905],{"class":3898},[3877,5925,3978],{"class":3908},[3877,5927,4493],{"class":3898},[3877,5929,4496],{"class":4384},[3877,5931,3981],{"class":3898},[3877,5933,3984],{"class":3908},[3877,5935,4493],{"class":3898},[3877,5937,4496],{"class":4384},[3877,5939,4507],{"class":3898},[3877,5941,4496],{"class":4384},[3877,5943,4512],{"class":3898},[3877,5945,5946,5948,5950,5952,5954],{"class":3879,"line":3887},[3877,5947,3919],{"class":3918},[3877,5949,3993],{"class":3908},[3877,5951,3996],{"class":3898},[3877,5953,3984],{"class":3908},[3877,5955,3937],{"class":3898},[3877,5957,5958],{"class":3879,"line":3915},[3877,5959,4274],{"class":3898},[3877,5961,5962],{"class":3879,"line":3940},[3877,5963,3950],{"emptyLinePlaceholder":3949},[3877,5965,5966,5968,5970,5972,5974,5976,5978,5980,5982],{"class":3879,"line":3946},[3877,5967,3902],{"class":3890},[3877,5969,3895],{"class":3894},[3877,5971,3905],{"class":3898},[3877,5973,3909],{"class":3908},[3877,5975,4493],{"class":3898},[3877,5977,5259],{"class":4384},[3877,5979,4507],{"class":3898},[3877,5981,5259],{"class":4384},[3877,5983,4512],{"class":3898},[3877,5985,5986,5988,5990,5992,5994,5996,5998],{"class":3879,"line":3953},[3877,5987,3919],{"class":3918},[3877,5989,3923],{"class":3922},[3877,5991,3926],{"class":3890},[3877,5993,3909],{"class":3908},[3877,5995,3931],{"class":3890},[3877,5997,3934],{"class":3922},[3877,5999,3937],{"class":3898},[3877,6001,6002],{"class":3879,"line":3959},[3877,6003,4274],{"class":3898},[3877,6005,6006],{"class":3879,"line":3970},[3877,6007,3950],{"emptyLinePlaceholder":3949},[3877,6009,6010,6012,6015,6017,6019,6021,6023,6025,6028],{"class":3879,"line":4004},[3877,6011,3902],{"class":3890},[3877,6013,6014],{"class":3894}," isEven",[3877,6016,3905],{"class":3898},[3877,6018,4195],{"class":3908},[3877,6020,4493],{"class":3898},[3877,6022,4496],{"class":4384},[3877,6024,4507],{"class":3898},[3877,6026,6027],{"class":4384},"boolean",[3877,6029,4512],{"class":3898},[3877,6031,6032,6034,6036,6039,6041,6044,6047],{"class":3879,"line":4030},[3877,6033,3919],{"class":3918},[3877,6035,4202],{"class":3908},[3877,6037,6038],{"class":3898}," % ",[3877,6040,4175],{"class":4169},[3877,6042,6043],{"class":3898}," === ",[3877,6045,6046],{"class":4169},"0",[3877,6048,3937],{"class":3898},[3877,6050,6051],{"class":3879,"line":4057},[3877,6052,4274],{"class":3898},[3838,6054,6055],{},[3784,6056,6057],{},"TypeScript перевіряє, що повернене значення відповідає типу:",[3868,6059,6061],{"className":4475,"code":6060,"language":4477,"meta":3873,"style":3873},"function add(a: number, b: number): number {\n  return `${a + b}`;  \u002F\u002F Error: Type 'string' is not assignable to type 'number'\n}\n\nfunction greet(name: string): string {\n  \u002F\u002F Error: A function whose declared type is neither 'undefined', 'void', nor 'any' must return a value\n}\n",[3771,6062,6063,6091,6117,6121,6125,6145,6150],{"__ignoreMap":3873},[3877,6064,6065,6067,6069,6071,6073,6075,6077,6079,6081,6083,6085,6087,6089],{"class":3879,"line":3880},[3877,6066,3902],{"class":3890},[3877,6068,4486],{"class":3894},[3877,6070,3905],{"class":3898},[3877,6072,3978],{"class":3908},[3877,6074,4493],{"class":3898},[3877,6076,4496],{"class":4384},[3877,6078,3981],{"class":3898},[3877,6080,3984],{"class":3908},[3877,6082,4493],{"class":3898},[3877,6084,4496],{"class":4384},[3877,6086,4507],{"class":3898},[3877,6088,4496],{"class":4384},[3877,6090,4512],{"class":3898},[3877,6092,6093,6095,6097,6099,6101,6104,6107,6109,6111,6114],{"class":3879,"line":3887},[3877,6094,3919],{"class":3918},[3877,6096,5472],{"class":3922},[3877,6098,3926],{"class":3890},[3877,6100,3978],{"class":3908},[3877,6102,6103],{"class":3898}," +",[3877,6105,6106],{"class":3908}," b",[3877,6108,3931],{"class":3890},[3877,6110,5848],{"class":3922},[3877,6112,6113],{"class":3898},";  ",[3877,6115,6116],{"class":3883},"\u002F\u002F Error: Type 'string' is not assignable to type 'number'\n",[3877,6118,6119],{"class":3879,"line":3915},[3877,6120,4274],{"class":3898},[3877,6122,6123],{"class":3879,"line":3940},[3877,6124,3950],{"emptyLinePlaceholder":3949},[3877,6126,6127,6129,6131,6133,6135,6137,6139,6141,6143],{"class":3879,"line":3946},[3877,6128,3902],{"class":3890},[3877,6130,3895],{"class":3894},[3877,6132,3905],{"class":3898},[3877,6134,3909],{"class":3908},[3877,6136,4493],{"class":3898},[3877,6138,5259],{"class":4384},[3877,6140,4507],{"class":3898},[3877,6142,5259],{"class":4384},[3877,6144,4512],{"class":3898},[3877,6146,6147],{"class":3879,"line":3953},[3877,6148,6149],{"class":3883},"  \u002F\u002F Error: A function whose declared type is neither 'undefined', 'void', nor 'any' must return a value\n",[3877,6151,6152],{"class":3879,"line":3959},[3877,6153,4274],{"class":3898},[3833,6155,6157],{"id":6156},"type-inference-для-типу-повернення","Type Inference для типу повернення",[3838,6159,6160,6161,4091],{},"TypeScript може автоматично вивести тип повернення на основі виразів ",[3771,6162,3990],{},[3868,6164,6166],{"className":4475,"code":6165,"language":4477,"meta":3873,"style":3873},"\u002F\u002F TypeScript виводить: number\nfunction add(a: number, b: number) {\n  return a + b;\n}\n\n\u002F\u002F TypeScript виводить: string\nfunction greet(name: string) {\n  return `Hello, ${name}!`;\n}\n\n\u002F\u002F TypeScript виводить: number | string (union type)\nfunction format(value: number, asString: boolean) {\n  if (asString) {\n    return String(value);  \u002F\u002F string\n  }\n  return value;            \u002F\u002F number\n}\n",[3771,6167,6168,6173,6197,6209,6213,6217,6222,6238,6254,6258,6262,6267,6294,6305,6321,6325,6338],{"__ignoreMap":3873},[3877,6169,6170],{"class":3879,"line":3880},[3877,6171,6172],{"class":3883},"\u002F\u002F TypeScript виводить: number\n",[3877,6174,6175,6177,6179,6181,6183,6185,6187,6189,6191,6193,6195],{"class":3879,"line":3887},[3877,6176,3902],{"class":3890},[3877,6178,4486],{"class":3894},[3877,6180,3905],{"class":3898},[3877,6182,3978],{"class":3908},[3877,6184,4493],{"class":3898},[3877,6186,4496],{"class":4384},[3877,6188,3981],{"class":3898},[3877,6190,3984],{"class":3908},[3877,6192,4493],{"class":3898},[3877,6194,4496],{"class":4384},[3877,6196,3912],{"class":3898},[3877,6198,6199,6201,6203,6205,6207],{"class":3879,"line":3915},[3877,6200,3919],{"class":3918},[3877,6202,3993],{"class":3908},[3877,6204,3996],{"class":3898},[3877,6206,3984],{"class":3908},[3877,6208,3937],{"class":3898},[3877,6210,6211],{"class":3879,"line":3940},[3877,6212,4274],{"class":3898},[3877,6214,6215],{"class":3879,"line":3946},[3877,6216,3950],{"emptyLinePlaceholder":3949},[3877,6218,6219],{"class":3879,"line":3953},[3877,6220,6221],{"class":3883},"\u002F\u002F TypeScript виводить: string\n",[3877,6223,6224,6226,6228,6230,6232,6234,6236],{"class":3879,"line":3959},[3877,6225,3902],{"class":3890},[3877,6227,3895],{"class":3894},[3877,6229,3905],{"class":3898},[3877,6231,3909],{"class":3908},[3877,6233,4493],{"class":3898},[3877,6235,5259],{"class":4384},[3877,6237,3912],{"class":3898},[3877,6239,6240,6242,6244,6246,6248,6250,6252],{"class":3879,"line":3970},[3877,6241,3919],{"class":3918},[3877,6243,3923],{"class":3922},[3877,6245,3926],{"class":3890},[3877,6247,3909],{"class":3908},[3877,6249,3931],{"class":3890},[3877,6251,3934],{"class":3922},[3877,6253,3937],{"class":3898},[3877,6255,6256],{"class":3879,"line":4004},[3877,6257,4274],{"class":3898},[3877,6259,6260],{"class":3879,"line":4030},[3877,6261,3950],{"emptyLinePlaceholder":3949},[3877,6263,6264],{"class":3879,"line":4057},[3877,6265,6266],{"class":3883},"\u002F\u002F TypeScript виводить: number | string (union type)\n",[3877,6268,6269,6271,6274,6276,6279,6281,6283,6285,6288,6290,6292],{"class":3879,"line":4063},[3877,6270,3902],{"class":3890},[3877,6272,6273],{"class":3894}," format",[3877,6275,3905],{"class":3898},[3877,6277,6278],{"class":3908},"value",[3877,6280,4493],{"class":3898},[3877,6282,4496],{"class":4384},[3877,6284,3981],{"class":3898},[3877,6286,6287],{"class":3908},"asString",[3877,6289,4493],{"class":3898},[3877,6291,6027],{"class":4384},[3877,6293,3912],{"class":3898},[3877,6295,6296,6299,6301,6303],{"class":3879,"line":4068},[3877,6297,6298],{"class":3918},"  if",[3877,6300,3844],{"class":3898},[3877,6302,6287],{"class":3908},[3877,6304,3912],{"class":3898},[3877,6306,6307,6309,6312,6314,6316,6318],{"class":3879,"line":4074},[3877,6308,4254],{"class":3918},[3877,6310,6311],{"class":3894}," String",[3877,6313,3905],{"class":3898},[3877,6315,6278],{"class":3908},[3877,6317,4362],{"class":3898},[3877,6319,6320],{"class":3883},"\u002F\u002F string\n",[3877,6322,6323],{"class":3879,"line":4085},[3877,6324,4791],{"class":3898},[3877,6326,6327,6329,6332,6335],{"class":3879,"line":4117},[3877,6328,3919],{"class":3918},[3877,6330,6331],{"class":3908}," value",[3877,6333,6334],{"class":3898},";            ",[3877,6336,6337],{"class":3883},"\u002F\u002F number\n",[3877,6339,6340],{"class":3879,"line":4147},[3877,6341,4274],{"class":3898},[3838,6343,6344],{},[3784,6345,6346],{},"Чи варто явно вказувати тип повернення?",[3838,6348,6349],{},[3784,6350,6351],{},"Аргументи \"за\" явну типізацію:",[3746,6353,6354,6357,6360],{},[3749,6355,6356],{},"Документація: тип повернення одразу видно у сигнатурі",[3749,6358,6359],{},"Захист від помилок: TypeScript перевіряє, що ви повертаєте правильний тип",[3749,6361,6362],{},"Стабільність API: зміна реалізації не змінить тип повернення випадково",[3838,6364,6365],{},[3784,6366,6367],{},"Аргументи \"за\" type inference:",[3746,6369,6370,6373],{},[3749,6371,6372],{},"Менше коду",[3749,6374,6375],{},"TypeScript сам виводить тип точно",[3868,6377,6379],{"className":4475,"code":6378,"language":4477,"meta":3873,"style":3873},"\u002F\u002F ✅ Добре: явний тип для публічних функцій\nexport function calculateDiscount(price: number, percent: number): number {\n  return price * (1 - percent \u002F 100);\n}\n\n\u002F\u002F ✅ Добре: inference для локальних хелперів\nfunction formatPrice(price: number) {\n  return `$${price.toFixed(2)}`;\n}\n",[3771,6380,6381,6386,6420,6444,6448,6452,6457,6474,6502],{"__ignoreMap":3873},[3877,6382,6383],{"class":3879,"line":3880},[3877,6384,6385],{"class":3883},"\u002F\u002F ✅ Добре: явний тип для публічних функцій\n",[3877,6387,6388,6391,6393,6396,6398,6401,6403,6405,6407,6410,6412,6414,6416,6418],{"class":3879,"line":3887},[3877,6389,6390],{"class":3918},"export",[3877,6392,4094],{"class":3890},[3877,6394,6395],{"class":3894}," calculateDiscount",[3877,6397,3905],{"class":3898},[3877,6399,6400],{"class":3908},"price",[3877,6402,4493],{"class":3898},[3877,6404,4496],{"class":4384},[3877,6406,3981],{"class":3898},[3877,6408,6409],{"class":3908},"percent",[3877,6411,4493],{"class":3898},[3877,6413,4496],{"class":4384},[3877,6415,4507],{"class":3898},[3877,6417,4496],{"class":4384},[3877,6419,4512],{"class":3898},[3877,6421,6422,6424,6427,6430,6432,6434,6436,6439,6442],{"class":3879,"line":3915},[3877,6423,3919],{"class":3918},[3877,6425,6426],{"class":3908}," price",[3877,6428,6429],{"class":3898}," * (",[3877,6431,4170],{"class":4169},[3877,6433,4023],{"class":3898},[3877,6435,6409],{"class":3908},[3877,6437,6438],{"class":3898}," \u002F ",[3877,6440,6441],{"class":4169},"100",[3877,6443,5652],{"class":3898},[3877,6445,6446],{"class":3879,"line":3940},[3877,6447,4274],{"class":3898},[3877,6449,6450],{"class":3879,"line":3946},[3877,6451,3950],{"emptyLinePlaceholder":3949},[3877,6453,6454],{"class":3879,"line":3953},[3877,6455,6456],{"class":3883},"\u002F\u002F ✅ Добре: inference для локальних хелперів\n",[3877,6458,6459,6461,6464,6466,6468,6470,6472],{"class":3879,"line":3959},[3877,6460,3902],{"class":3890},[3877,6462,6463],{"class":3894}," formatPrice",[3877,6465,3905],{"class":3898},[3877,6467,6400],{"class":3908},[3877,6469,4493],{"class":3898},[3877,6471,4496],{"class":4384},[3877,6473,3912],{"class":3898},[3877,6475,6476,6478,6481,6483,6485,6487,6490,6492,6494,6496,6498,6500],{"class":3879,"line":3970},[3877,6477,3919],{"class":3918},[3877,6479,6480],{"class":3922}," `$",[3877,6482,3926],{"class":3890},[3877,6484,6400],{"class":3908},[3877,6486,4349],{"class":5872},[3877,6488,6489],{"class":3894},"toFixed",[3877,6491,3905],{"class":5872},[3877,6493,4175],{"class":4169},[3877,6495,4615],{"class":5872},[3877,6497,3931],{"class":3890},[3877,6499,5848],{"class":3922},[3877,6501,3937],{"class":3898},[3877,6503,6504],{"class":3879,"line":4004},[3877,6505,4274],{"class":3898},[5210,6507,6508,6518,6531],{},[3838,6509,6510,6513,6514,6517],{},[3784,6511,6512],{},"Рекомендація:"," Завжди ",[3784,6515,6516],{},"явно"," вказуйте тип повернення для:",[3746,6519,6520,6523,6526],{},[3749,6521,6522],{},"Експортованих функцій (public API)",[3749,6524,6525],{},"Методів класів",[3749,6527,6528,6529],{},"Складних функцій з кількома ",[3771,6530,3990],{},[3838,6532,6533,6534,6537,6538,6541],{},"Для ",[3784,6535,6536],{},"локальних хелперів"," та ",[3784,6539,6540],{},"простих функцій"," можна покластися на type inference.",[3833,6543,6545],{"id":6544},"void-функції-без-повернення-значення","Void: функції без повернення значення",[3838,6547,6548,6549,6551,6552,4091],{},"Функції, що не повертають значення (або повертають ",[3771,6550,4614],{},"), мають тип повернення ",[3771,6553,6554],{},"void",[3868,6556,6558],{"className":4475,"code":6557,"language":4477,"meta":3873,"style":3873},"function logMessage(message: string): void {\n  console.log(message);\n  \u002F\u002F немає return або return без значення\n}\n\nfunction greet(name: string): void {\n  console.log(`Hello, ${name}!`);\n  return;  \u002F\u002F OK: return без значення\n}\n",[3771,6559,6560,6582,6596,6601,6605,6609,6629,6652,6661],{"__ignoreMap":3873},[3877,6561,6562,6564,6567,6569,6572,6574,6576,6578,6580],{"class":3879,"line":3880},[3877,6563,3902],{"class":3890},[3877,6565,6566],{"class":3894}," logMessage",[3877,6568,3905],{"class":3898},[3877,6570,6571],{"class":3908},"message",[3877,6573,4493],{"class":3898},[3877,6575,5259],{"class":4384},[3877,6577,4507],{"class":3898},[3877,6579,6554],{"class":4384},[3877,6581,4512],{"class":3898},[3877,6583,6584,6586,6588,6590,6592,6594],{"class":3879,"line":3887},[3877,6585,5774],{"class":3908},[3877,6587,4349],{"class":3898},[3877,6589,4352],{"class":3894},[3877,6591,3905],{"class":3898},[3877,6593,6571],{"class":3908},[3877,6595,5652],{"class":3898},[3877,6597,6598],{"class":3879,"line":3915},[3877,6599,6600],{"class":3883},"  \u002F\u002F немає return або return без значення\n",[3877,6602,6603],{"class":3879,"line":3940},[3877,6604,4274],{"class":3898},[3877,6606,6607],{"class":3879,"line":3946},[3877,6608,3950],{"emptyLinePlaceholder":3949},[3877,6610,6611,6613,6615,6617,6619,6621,6623,6625,6627],{"class":3879,"line":3953},[3877,6612,3902],{"class":3890},[3877,6614,3895],{"class":3894},[3877,6616,3905],{"class":3898},[3877,6618,3909],{"class":3908},[3877,6620,4493],{"class":3898},[3877,6622,5259],{"class":4384},[3877,6624,4507],{"class":3898},[3877,6626,6554],{"class":4384},[3877,6628,4512],{"class":3898},[3877,6630,6631,6633,6635,6637,6639,6642,6644,6646,6648,6650],{"class":3879,"line":3959},[3877,6632,5774],{"class":3908},[3877,6634,4349],{"class":3898},[3877,6636,4352],{"class":3894},[3877,6638,3905],{"class":3898},[3877,6640,6641],{"class":3922},"`Hello, ",[3877,6643,3926],{"class":3890},[3877,6645,3909],{"class":3908},[3877,6647,3931],{"class":3890},[3877,6649,3934],{"class":3922},[3877,6651,5652],{"class":3898},[3877,6653,6654,6656,6658],{"class":3879,"line":3970},[3877,6655,3919],{"class":3918},[3877,6657,6113],{"class":3898},[3877,6659,6660],{"class":3883},"\u002F\u002F OK: return без значення\n",[3877,6662,6663],{"class":3879,"line":4004},[3877,6664,4274],{"class":3898},[3838,6666,6667],{},[3784,6668,6669],{},"Void vs undefined:",[3868,6671,6673],{"className":4475,"code":6672,"language":4477,"meta":3873,"style":3873},"\u002F\u002F void: функція НЕ має повертати значення\nfunction log1(message: string): void {\n  console.log(message);\n}\n\n\u002F\u002F undefined: функція ПОВИННА явно повернути undefined\nfunction log2(message: string): undefined {\n  console.log(message);\n  return undefined;  \u002F\u002F обов'язково!\n}\n",[3771,6674,6675,6680,6701,6715,6719,6723,6728,6749,6763,6775],{"__ignoreMap":3873},[3877,6676,6677],{"class":3879,"line":3880},[3877,6678,6679],{"class":3883},"\u002F\u002F void: функція НЕ має повертати значення\n",[3877,6681,6682,6684,6687,6689,6691,6693,6695,6697,6699],{"class":3879,"line":3887},[3877,6683,3902],{"class":3890},[3877,6685,6686],{"class":3894}," log1",[3877,6688,3905],{"class":3898},[3877,6690,6571],{"class":3908},[3877,6692,4493],{"class":3898},[3877,6694,5259],{"class":4384},[3877,6696,4507],{"class":3898},[3877,6698,6554],{"class":4384},[3877,6700,4512],{"class":3898},[3877,6702,6703,6705,6707,6709,6711,6713],{"class":3879,"line":3915},[3877,6704,5774],{"class":3908},[3877,6706,4349],{"class":3898},[3877,6708,4352],{"class":3894},[3877,6710,3905],{"class":3898},[3877,6712,6571],{"class":3908},[3877,6714,5652],{"class":3898},[3877,6716,6717],{"class":3879,"line":3940},[3877,6718,4274],{"class":3898},[3877,6720,6721],{"class":3879,"line":3946},[3877,6722,3950],{"emptyLinePlaceholder":3949},[3877,6724,6725],{"class":3879,"line":3953},[3877,6726,6727],{"class":3883},"\u002F\u002F undefined: функція ПОВИННА явно повернути undefined\n",[3877,6729,6730,6732,6735,6737,6739,6741,6743,6745,6747],{"class":3879,"line":3959},[3877,6731,3902],{"class":3890},[3877,6733,6734],{"class":3894}," log2",[3877,6736,3905],{"class":3898},[3877,6738,6571],{"class":3908},[3877,6740,4493],{"class":3898},[3877,6742,5259],{"class":4384},[3877,6744,4507],{"class":3898},[3877,6746,4614],{"class":4384},[3877,6748,4512],{"class":3898},[3877,6750,6751,6753,6755,6757,6759,6761],{"class":3879,"line":3970},[3877,6752,5774],{"class":3908},[3877,6754,4349],{"class":3898},[3877,6756,4352],{"class":3894},[3877,6758,3905],{"class":3898},[3877,6760,6571],{"class":3908},[3877,6762,5652],{"class":3898},[3877,6764,6765,6767,6770,6772],{"class":3879,"line":4004},[3877,6766,3919],{"class":3918},[3877,6768,6769],{"class":3890}," undefined",[3877,6771,6113],{"class":3898},[3877,6773,6774],{"class":3883},"\u002F\u002F обов'язково!\n",[3877,6776,6777],{"class":3879,"line":4030},[3877,6778,4274],{"class":3898},[3838,6780,6781,6782,6784],{},"У більшості випадків використовуйте ",[3771,6783,6554],{}," для функцій без повернення.",[3833,6786,6788],{"id":6787},"never-функції-що-ніколи-не-завершуються","Never: функції, що ніколи не завершуються",[3838,6790,6791,6792,6795,6796,4091],{},"Тип ",[3771,6793,6794],{},"never"," для функцій, що ",[3784,6797,6798],{},"ніколи не повертають керування",[3746,6800,6801,6804],{},[3749,6802,6803],{},"Функції, що завжди викидають помилку",[3749,6805,6806],{},"Функції з нескінченними циклами",[3868,6808,6810],{"className":4475,"code":6809,"language":4477,"meta":3873,"style":3873},"function throwError(message: string): never {\n  throw new Error(message);\n  \u002F\u002F після throw код не виконується — функція не повертає нічого\n}\n\nfunction infiniteLoop(): never {\n  while (true) {\n    console.log(\"Running...\");\n  }\n  \u002F\u002F цикл ніколи не завершиться — функція не поверне керування\n}\n",[3771,6811,6812,6833,6850,6855,6859,6863,6877,6889,6905,6909,6914],{"__ignoreMap":3873},[3877,6813,6814,6816,6819,6821,6823,6825,6827,6829,6831],{"class":3879,"line":3880},[3877,6815,3902],{"class":3890},[3877,6817,6818],{"class":3894}," throwError",[3877,6820,3905],{"class":3898},[3877,6822,6571],{"class":3908},[3877,6824,4493],{"class":3898},[3877,6826,5259],{"class":4384},[3877,6828,4507],{"class":3898},[3877,6830,6794],{"class":4384},[3877,6832,4512],{"class":3898},[3877,6834,6835,6838,6841,6844,6846,6848],{"class":3879,"line":3887},[3877,6836,6837],{"class":3918},"  throw",[3877,6839,6840],{"class":3890}," new",[3877,6842,6843],{"class":3894}," Error",[3877,6845,3905],{"class":3898},[3877,6847,6571],{"class":3908},[3877,6849,5652],{"class":3898},[3877,6851,6852],{"class":3879,"line":3915},[3877,6853,6854],{"class":3883},"  \u002F\u002F після throw код не виконується — функція не повертає нічого\n",[3877,6856,6857],{"class":3879,"line":3940},[3877,6858,4274],{"class":3898},[3877,6860,6861],{"class":3879,"line":3946},[3877,6862,3950],{"emptyLinePlaceholder":3949},[3877,6864,6865,6867,6870,6873,6875],{"class":3879,"line":3953},[3877,6866,3902],{"class":3890},[3877,6868,6869],{"class":3894}," infiniteLoop",[3877,6871,6872],{"class":3898},"(): ",[3877,6874,6794],{"class":4384},[3877,6876,4512],{"class":3898},[3877,6878,6879,6882,6884,6887],{"class":3879,"line":3959},[3877,6880,6881],{"class":3918},"  while",[3877,6883,3844],{"class":3898},[3877,6885,6886],{"class":3890},"true",[3877,6888,3912],{"class":3898},[3877,6890,6891,6894,6896,6898,6900,6903],{"class":3879,"line":3970},[3877,6892,6893],{"class":3908},"    console",[3877,6895,4349],{"class":3898},[3877,6897,4352],{"class":3894},[3877,6899,3905],{"class":3898},[3877,6901,6902],{"class":3922},"\"Running...\"",[3877,6904,5652],{"class":3898},[3877,6906,6907],{"class":3879,"line":4004},[3877,6908,4791],{"class":3898},[3877,6910,6911],{"class":3879,"line":4030},[3877,6912,6913],{"class":3883},"  \u002F\u002F цикл ніколи не завершиться — функція не поверне керування\n",[3877,6915,6916],{"class":3879,"line":4057},[3877,6917,4274],{"class":3898},[3838,6919,6920],{},[3784,6921,6922],{},"Різниця між void та never:",[3746,6924,6925,6930],{},[3749,6926,6927,6929],{},[3771,6928,6554],{},": функція виконується та завершується, але не повертає значення",[3749,6931,6932,6934,6935,6938],{},[3771,6933,6794],{},": функція ",[3784,6936,6937],{},"ніколи не завершується"," нормально",[3868,6940,6942],{"className":4475,"code":6941,"language":4477,"meta":3873,"style":3873},"function log(message: string): void {\n  console.log(message);\n  \u002F\u002F функція завершується та повертає undefined\n}\n\nfunction crash(message: string): never {\n  throw new Error(message);\n  \u002F\u002F функція ніколи не дійде до кінця\n}\n",[3771,6943,6944,6965,6979,6984,6988,6992,7013,7027,7032],{"__ignoreMap":3873},[3877,6945,6946,6948,6951,6953,6955,6957,6959,6961,6963],{"class":3879,"line":3880},[3877,6947,3902],{"class":3890},[3877,6949,6950],{"class":3894}," log",[3877,6952,3905],{"class":3898},[3877,6954,6571],{"class":3908},[3877,6956,4493],{"class":3898},[3877,6958,5259],{"class":4384},[3877,6960,4507],{"class":3898},[3877,6962,6554],{"class":4384},[3877,6964,4512],{"class":3898},[3877,6966,6967,6969,6971,6973,6975,6977],{"class":3879,"line":3887},[3877,6968,5774],{"class":3908},[3877,6970,4349],{"class":3898},[3877,6972,4352],{"class":3894},[3877,6974,3905],{"class":3898},[3877,6976,6571],{"class":3908},[3877,6978,5652],{"class":3898},[3877,6980,6981],{"class":3879,"line":3915},[3877,6982,6983],{"class":3883},"  \u002F\u002F функція завершується та повертає undefined\n",[3877,6985,6986],{"class":3879,"line":3940},[3877,6987,4274],{"class":3898},[3877,6989,6990],{"class":3879,"line":3946},[3877,6991,3950],{"emptyLinePlaceholder":3949},[3877,6993,6994,6996,6999,7001,7003,7005,7007,7009,7011],{"class":3879,"line":3953},[3877,6995,3902],{"class":3890},[3877,6997,6998],{"class":3894}," crash",[3877,7000,3905],{"class":3898},[3877,7002,6571],{"class":3908},[3877,7004,4493],{"class":3898},[3877,7006,5259],{"class":4384},[3877,7008,4507],{"class":3898},[3877,7010,6794],{"class":4384},[3877,7012,4512],{"class":3898},[3877,7014,7015,7017,7019,7021,7023,7025],{"class":3879,"line":3959},[3877,7016,6837],{"class":3918},[3877,7018,6840],{"class":3890},[3877,7020,6843],{"class":3894},[3877,7022,3905],{"class":3898},[3877,7024,6571],{"class":3908},[3877,7026,5652],{"class":3898},[3877,7028,7029],{"class":3879,"line":3970},[3877,7030,7031],{"class":3883},"  \u002F\u002F функція ніколи не дійде до кінця\n",[3877,7033,7034],{"class":3879,"line":4004},[3877,7035,4274],{"class":3898},[3825,7037],{},[3828,7039,7041],{"id":7040},"опціональні-параметри","Опціональні параметри",[3833,7043,7045],{"id":7044},"синтаксис-опціональних-параметрів","Синтаксис опціональних параметрів",[3838,7047,7048,7049,7052,7053,4091],{},"Параметр можна зробити ",[3784,7050,7051],{},"опціональним"," через ",[3771,7054,7055],{},"?",[3868,7057,7059],{"className":4475,"code":7058,"language":4477,"meta":3873,"style":3873},"function greet(name: string, greeting?: string): string {\n  if (greeting) {\n    return `${greeting}, ${name}!`;\n  }\n  return `Hello, ${name}!`;\n}\n\ngreet(\"Alice\");                  \u002F\u002F \"Hello, Alice!\"\ngreet(\"Bob\", \"Good morning\");    \u002F\u002F \"Good morning, Bob!\"\n",[3771,7060,7061,7091,7101,7125,7129,7145,7149,7153,7167],{"__ignoreMap":3873},[3877,7062,7063,7065,7067,7069,7071,7073,7075,7077,7080,7083,7085,7087,7089],{"class":3879,"line":3880},[3877,7064,3902],{"class":3890},[3877,7066,3895],{"class":3894},[3877,7068,3905],{"class":3898},[3877,7070,3909],{"class":3908},[3877,7072,4493],{"class":3898},[3877,7074,5259],{"class":4384},[3877,7076,3981],{"class":3898},[3877,7078,7079],{"class":3908},"greeting",[3877,7081,7082],{"class":3898},"?: ",[3877,7084,5259],{"class":4384},[3877,7086,4507],{"class":3898},[3877,7088,5259],{"class":4384},[3877,7090,4512],{"class":3898},[3877,7092,7093,7095,7097,7099],{"class":3879,"line":3887},[3877,7094,6298],{"class":3918},[3877,7096,3844],{"class":3898},[3877,7098,7079],{"class":3908},[3877,7100,3912],{"class":3898},[3877,7102,7103,7105,7107,7109,7111,7113,7115,7117,7119,7121,7123],{"class":3879,"line":3915},[3877,7104,4254],{"class":3918},[3877,7106,5472],{"class":3922},[3877,7108,3926],{"class":3890},[3877,7110,7079],{"class":3908},[3877,7112,3931],{"class":3890},[3877,7114,3981],{"class":3922},[3877,7116,3926],{"class":3890},[3877,7118,3909],{"class":3908},[3877,7120,3931],{"class":3890},[3877,7122,3934],{"class":3922},[3877,7124,3937],{"class":3898},[3877,7126,7127],{"class":3879,"line":3940},[3877,7128,4791],{"class":3898},[3877,7130,7131,7133,7135,7137,7139,7141,7143],{"class":3879,"line":3946},[3877,7132,3919],{"class":3918},[3877,7134,3923],{"class":3922},[3877,7136,3926],{"class":3890},[3877,7138,3909],{"class":3908},[3877,7140,3931],{"class":3890},[3877,7142,3934],{"class":3922},[3877,7144,3937],{"class":3898},[3877,7146,7147],{"class":3879,"line":3953},[3877,7148,4274],{"class":3898},[3877,7150,7151],{"class":3879,"line":3959},[3877,7152,3950],{"emptyLinePlaceholder":3949},[3877,7154,7155,7157,7159,7161,7164],{"class":3879,"line":3970},[3877,7156,4378],{"class":3894},[3877,7158,3905],{"class":3898},[3877,7160,5298],{"class":3922},[3877,7162,7163],{"class":3898},");                  ",[3877,7165,7166],{"class":3883},"\u002F\u002F \"Hello, Alice!\"\n",[3877,7168,7169,7171,7173,7175,7177,7180,7183],{"class":3879,"line":4004},[3877,7170,4378],{"class":3894},[3877,7172,3905],{"class":3898},[3877,7174,5735],{"class":3922},[3877,7176,3981],{"class":3898},[3877,7178,7179],{"class":3922},"\"Good morning\"",[3877,7181,7182],{"class":3898},");    ",[3877,7184,7185],{"class":3883},"\u002F\u002F \"Good morning, Bob!\"\n",[3838,7187,7188,7189,4091],{},"Опціональний параметр має тип ",[3771,7190,7191],{},"T | undefined",[3868,7193,7195],{"className":4475,"code":7194,"language":4477,"meta":3873,"style":3873},"function formatUser(name: string, age?: number): string {\n  \u002F\u002F age має тип: number | undefined\n  \n  if (age !== undefined) {\n    return `${name} (${age})`;\n  }\n  return name;\n}\n\nconsole.log(formatUser(\"Alice\"));       \u002F\u002F \"Alice\"\nconsole.log(formatUser(\"Bob\", 32));     \u002F\u002F \"Bob (32)\"\n",[3771,7196,7197,7225,7230,7235,7250,7274,7278,7287,7291,7295,7317],{"__ignoreMap":3873},[3877,7198,7199,7201,7203,7205,7207,7209,7211,7213,7215,7217,7219,7221,7223],{"class":3879,"line":3880},[3877,7200,3902],{"class":3890},[3877,7202,5432],{"class":3894},[3877,7204,3905],{"class":3898},[3877,7206,3909],{"class":3908},[3877,7208,4493],{"class":3898},[3877,7210,5259],{"class":4384},[3877,7212,3981],{"class":3898},[3877,7214,5455],{"class":3908},[3877,7216,7082],{"class":3898},[3877,7218,4496],{"class":4384},[3877,7220,4507],{"class":3898},[3877,7222,5259],{"class":4384},[3877,7224,4512],{"class":3898},[3877,7226,7227],{"class":3879,"line":3887},[3877,7228,7229],{"class":3883},"  \u002F\u002F age має тип: number | undefined\n",[3877,7231,7232],{"class":3879,"line":3915},[3877,7233,7234],{"class":3898},"  \n",[3877,7236,7237,7239,7241,7243,7246,7248],{"class":3879,"line":3940},[3877,7238,6298],{"class":3918},[3877,7240,3844],{"class":3898},[3877,7242,5455],{"class":3908},[3877,7244,7245],{"class":3898}," !== ",[3877,7247,4614],{"class":3890},[3877,7249,3912],{"class":3898},[3877,7251,7252,7254,7256,7258,7260,7262,7264,7266,7268,7270,7272],{"class":3879,"line":3946},[3877,7253,4254],{"class":3918},[3877,7255,5472],{"class":3922},[3877,7257,3926],{"class":3890},[3877,7259,3909],{"class":3908},[3877,7261,3931],{"class":3890},[3877,7263,3844],{"class":3922},[3877,7265,3926],{"class":3890},[3877,7267,5455],{"class":3908},[3877,7269,3931],{"class":3890},[3877,7271,5496],{"class":3922},[3877,7273,3937],{"class":3898},[3877,7275,7276],{"class":3879,"line":3953},[3877,7277,4791],{"class":3898},[3877,7279,7280,7282,7285],{"class":3879,"line":3959},[3877,7281,3919],{"class":3918},[3877,7283,7284],{"class":3908}," name",[3877,7286,3937],{"class":3898},[3877,7288,7289],{"class":3879,"line":3970},[3877,7290,4274],{"class":3898},[3877,7292,7293],{"class":3879,"line":4004},[3877,7294,3950],{"emptyLinePlaceholder":3949},[3877,7296,7297,7299,7301,7303,7305,7307,7309,7311,7314],{"class":3879,"line":4030},[3877,7298,4346],{"class":3908},[3877,7300,4349],{"class":3898},[3877,7302,4352],{"class":3894},[3877,7304,3905],{"class":3898},[3877,7306,5546],{"class":3894},[3877,7308,3905],{"class":3898},[3877,7310,5298],{"class":3922},[3877,7312,7313],{"class":3898},"));       ",[3877,7315,7316],{"class":3883},"\u002F\u002F \"Alice\"\n",[3877,7318,7319,7321,7323,7325,7327,7329,7331,7333,7335,7338,7341],{"class":3879,"line":4057},[3877,7320,4346],{"class":3908},[3877,7322,4349],{"class":3898},[3877,7324,4352],{"class":3894},[3877,7326,3905],{"class":3898},[3877,7328,5546],{"class":3894},[3877,7330,3905],{"class":3898},[3877,7332,5735],{"class":3922},[3877,7334,3981],{"class":3898},[3877,7336,7337],{"class":4169},"32",[3877,7339,7340],{"class":3898},"));     ",[3877,7342,7343],{"class":3883},"\u002F\u002F \"Bob (32)\"\n",[3838,7345,7346],{},[3784,7347,7348],{},"Опціональні параметри мають бути після обов'язкових:",[3868,7350,7352],{"className":4475,"code":7351,"language":4477,"meta":3873,"style":3873},"\u002F\u002F ✅ Правильно: опціональні в кінці\nfunction example1(required: string, optional?: number): void { }\n\n\u002F\u002F ❌ Помилка: опціональний параметр перед обов'язковим\nfunction example2(optional?: number, required: string): void { }\n\u002F\u002F Error: A required parameter cannot follow an optional parameter\n",[3771,7353,7354,7359,7391,7395,7400,7429],{"__ignoreMap":3873},[3877,7355,7356],{"class":3879,"line":3880},[3877,7357,7358],{"class":3883},"\u002F\u002F ✅ Правильно: опціональні в кінці\n",[3877,7360,7361,7363,7366,7368,7371,7373,7375,7377,7380,7382,7384,7386,7388],{"class":3879,"line":3887},[3877,7362,3902],{"class":3890},[3877,7364,7365],{"class":3894}," example1",[3877,7367,3905],{"class":3898},[3877,7369,7370],{"class":3908},"required",[3877,7372,4493],{"class":3898},[3877,7374,5259],{"class":4384},[3877,7376,3981],{"class":3898},[3877,7378,7379],{"class":3908},"optional",[3877,7381,7082],{"class":3898},[3877,7383,4496],{"class":4384},[3877,7385,4507],{"class":3898},[3877,7387,6554],{"class":4384},[3877,7389,7390],{"class":3898}," { }\n",[3877,7392,7393],{"class":3879,"line":3915},[3877,7394,3950],{"emptyLinePlaceholder":3949},[3877,7396,7397],{"class":3879,"line":3940},[3877,7398,7399],{"class":3883},"\u002F\u002F ❌ Помилка: опціональний параметр перед обов'язковим\n",[3877,7401,7402,7404,7407,7409,7411,7413,7415,7417,7419,7421,7423,7425,7427],{"class":3879,"line":3946},[3877,7403,3902],{"class":3890},[3877,7405,7406],{"class":3894}," example2",[3877,7408,3905],{"class":3898},[3877,7410,7379],{"class":3908},[3877,7412,7082],{"class":3898},[3877,7414,4496],{"class":4384},[3877,7416,3981],{"class":3898},[3877,7418,7370],{"class":3908},[3877,7420,4493],{"class":3898},[3877,7422,5259],{"class":4384},[3877,7424,4507],{"class":3898},[3877,7426,6554],{"class":4384},[3877,7428,7390],{"class":3898},[3877,7430,7431],{"class":3879,"line":3953},[3877,7432,7433],{"class":3883},"\u002F\u002F Error: A required parameter cannot follow an optional parameter\n",[3833,7435,7437],{"id":7436},"опціональні-параметри-vs-union-з-undefined","Опціональні параметри vs Union з undefined",[3838,7439,7440],{},"Є дві схожі, але різні конструкції:",[3868,7442,7444],{"className":4475,"code":7443,"language":4477,"meta":3873,"style":3873},"\u002F\u002F Опціональний параметр: можна НЕ передавати\nfunction greet1(name: string, greeting?: string): void {\n  console.log(greeting || \"Hello\", name);\n}\n\ngreet1(\"Alice\");           \u002F\u002F OK: greeting відсутній\ngreet1(\"Bob\", \"Hi\");       \u002F\u002F OK\ngreet1(\"Charlie\", undefined); \u002F\u002F OK: явний undefined\n\n\u002F\u002F Union з undefined: ОБОВ'ЯЗКОВИЙ, але може бути undefined\nfunction greet2(name: string, greeting: string | undefined): void {\n  console.log(greeting || \"Hello\", name);\n}\n\ngreet2(\"Alice\");           \u002F\u002F Error: Expected 2 arguments, but got 1\ngreet2(\"Bob\", \"Hi\");       \u002F\u002F OK\ngreet2(\"Charlie\", undefined); \u002F\u002F OK: явний undefined\n",[3771,7445,7446,7451,7480,7504,7508,7512,7527,7545,7563,7567,7572,7606,7628,7632,7636,7650,7666],{"__ignoreMap":3873},[3877,7447,7448],{"class":3879,"line":3880},[3877,7449,7450],{"class":3883},"\u002F\u002F Опціональний параметр: можна НЕ передавати\n",[3877,7452,7453,7455,7458,7460,7462,7464,7466,7468,7470,7472,7474,7476,7478],{"class":3879,"line":3887},[3877,7454,3902],{"class":3890},[3877,7456,7457],{"class":3894}," greet1",[3877,7459,3905],{"class":3898},[3877,7461,3909],{"class":3908},[3877,7463,4493],{"class":3898},[3877,7465,5259],{"class":4384},[3877,7467,3981],{"class":3898},[3877,7469,7079],{"class":3908},[3877,7471,7082],{"class":3898},[3877,7473,5259],{"class":4384},[3877,7475,4507],{"class":3898},[3877,7477,6554],{"class":4384},[3877,7479,4512],{"class":3898},[3877,7481,7482,7484,7486,7488,7490,7492,7495,7498,7500,7502],{"class":3879,"line":3915},[3877,7483,5774],{"class":3908},[3877,7485,4349],{"class":3898},[3877,7487,4352],{"class":3894},[3877,7489,3905],{"class":3898},[3877,7491,7079],{"class":3908},[3877,7493,7494],{"class":3898}," || ",[3877,7496,7497],{"class":3922},"\"Hello\"",[3877,7499,3981],{"class":3898},[3877,7501,3909],{"class":3908},[3877,7503,5652],{"class":3898},[3877,7505,7506],{"class":3879,"line":3940},[3877,7507,4274],{"class":3898},[3877,7509,7510],{"class":3879,"line":3946},[3877,7511,3950],{"emptyLinePlaceholder":3949},[3877,7513,7514,7517,7519,7521,7524],{"class":3879,"line":3953},[3877,7515,7516],{"class":3894},"greet1",[3877,7518,3905],{"class":3898},[3877,7520,5298],{"class":3922},[3877,7522,7523],{"class":3898},");           ",[3877,7525,7526],{"class":3883},"\u002F\u002F OK: greeting відсутній\n",[3877,7528,7529,7531,7533,7535,7537,7540,7543],{"class":3879,"line":3959},[3877,7530,7516],{"class":3894},[3877,7532,3905],{"class":3898},[3877,7534,5735],{"class":3922},[3877,7536,3981],{"class":3898},[3877,7538,7539],{"class":3922},"\"Hi\"",[3877,7541,7542],{"class":3898},");       ",[3877,7544,5304],{"class":3883},[3877,7546,7547,7549,7551,7553,7555,7557,7560],{"class":3879,"line":3970},[3877,7548,7516],{"class":3894},[3877,7550,3905],{"class":3898},[3877,7552,5740],{"class":3922},[3877,7554,3981],{"class":3898},[3877,7556,4614],{"class":3890},[3877,7558,7559],{"class":3898},"); ",[3877,7561,7562],{"class":3883},"\u002F\u002F OK: явний undefined\n",[3877,7564,7565],{"class":3879,"line":4004},[3877,7566,3950],{"emptyLinePlaceholder":3949},[3877,7568,7569],{"class":3879,"line":4030},[3877,7570,7571],{"class":3883},"\u002F\u002F Union з undefined: ОБОВ'ЯЗКОВИЙ, але може бути undefined\n",[3877,7573,7574,7576,7579,7581,7583,7585,7587,7589,7591,7593,7595,7598,7600,7602,7604],{"class":3879,"line":4057},[3877,7575,3902],{"class":3890},[3877,7577,7578],{"class":3894}," greet2",[3877,7580,3905],{"class":3898},[3877,7582,3909],{"class":3908},[3877,7584,4493],{"class":3898},[3877,7586,5259],{"class":4384},[3877,7588,3981],{"class":3898},[3877,7590,7079],{"class":3908},[3877,7592,4493],{"class":3898},[3877,7594,5259],{"class":4384},[3877,7596,7597],{"class":3898}," | ",[3877,7599,4614],{"class":4384},[3877,7601,4507],{"class":3898},[3877,7603,6554],{"class":4384},[3877,7605,4512],{"class":3898},[3877,7607,7608,7610,7612,7614,7616,7618,7620,7622,7624,7626],{"class":3879,"line":4063},[3877,7609,5774],{"class":3908},[3877,7611,4349],{"class":3898},[3877,7613,4352],{"class":3894},[3877,7615,3905],{"class":3898},[3877,7617,7079],{"class":3908},[3877,7619,7494],{"class":3898},[3877,7621,7497],{"class":3922},[3877,7623,3981],{"class":3898},[3877,7625,3909],{"class":3908},[3877,7627,5652],{"class":3898},[3877,7629,7630],{"class":3879,"line":4068},[3877,7631,4274],{"class":3898},[3877,7633,7634],{"class":3879,"line":4074},[3877,7635,3950],{"emptyLinePlaceholder":3949},[3877,7637,7638,7641,7643,7645,7647],{"class":3879,"line":4085},[3877,7639,7640],{"class":3894},"greet2",[3877,7642,3905],{"class":3898},[3877,7644,5298],{"class":3922},[3877,7646,7523],{"class":3898},[3877,7648,7649],{"class":3883},"\u002F\u002F Error: Expected 2 arguments, but got 1\n",[3877,7651,7652,7654,7656,7658,7660,7662,7664],{"class":3879,"line":4117},[3877,7653,7640],{"class":3894},[3877,7655,3905],{"class":3898},[3877,7657,5735],{"class":3922},[3877,7659,3981],{"class":3898},[3877,7661,7539],{"class":3922},[3877,7663,7542],{"class":3898},[3877,7665,5304],{"class":3883},[3877,7667,7668,7670,7672,7674,7676,7678,7680],{"class":3879,"line":4147},[3877,7669,7640],{"class":3894},[3877,7671,3905],{"class":3898},[3877,7673,5740],{"class":3922},[3877,7675,3981],{"class":3898},[3877,7677,4614],{"class":3890},[3877,7679,7559],{"class":3898},[3877,7681,7562],{"class":3883},[3838,7683,6781,7684,3844,7687,7689],{},[3784,7685,7686],{},"опціональні параметри",[3771,7688,7055],{},") — вони зручніші.",[3825,7691],{},[3828,7693,7695],{"id":7694},"default-parameters-параметри-за-замовчуванням","Default Parameters (параметри за замовчуванням)",[3833,7697,7699],{"id":7698},"синтаксис-default-параметрів","Синтаксис default параметрів",[3838,7701,7702],{},"JavaScript (ES6+) та TypeScript підтримують параметри зі значеннями за замовчуванням:",[3868,7704,7706],{"className":4475,"code":7705,"language":4477,"meta":3873,"style":3873},"function greet(name: string, greeting: string = \"Hello\"): string {\n  return `${greeting}, ${name}!`;\n}\n\nconsole.log(greet(\"Alice\"));                \u002F\u002F \"Hello, Alice!\"\nconsole.log(greet(\"Bob\", \"Good morning\"));  \u002F\u002F \"Good morning, Bob!\"\n",[3771,7707,7708,7740,7764,7768,7772,7793],{"__ignoreMap":3873},[3877,7709,7710,7712,7714,7716,7718,7720,7722,7724,7726,7728,7730,7732,7734,7736,7738],{"class":3879,"line":3880},[3877,7711,3902],{"class":3890},[3877,7713,3895],{"class":3894},[3877,7715,3905],{"class":3898},[3877,7717,3909],{"class":3908},[3877,7719,4493],{"class":3898},[3877,7721,5259],{"class":4384},[3877,7723,3981],{"class":3898},[3877,7725,7079],{"class":3908},[3877,7727,4493],{"class":3898},[3877,7729,5259],{"class":4384},[3877,7731,3899],{"class":3898},[3877,7733,7497],{"class":3922},[3877,7735,4507],{"class":3898},[3877,7737,5259],{"class":4384},[3877,7739,4512],{"class":3898},[3877,7741,7742,7744,7746,7748,7750,7752,7754,7756,7758,7760,7762],{"class":3879,"line":3887},[3877,7743,3919],{"class":3918},[3877,7745,5472],{"class":3922},[3877,7747,3926],{"class":3890},[3877,7749,7079],{"class":3908},[3877,7751,3931],{"class":3890},[3877,7753,3981],{"class":3922},[3877,7755,3926],{"class":3890},[3877,7757,3909],{"class":3908},[3877,7759,3931],{"class":3890},[3877,7761,3934],{"class":3922},[3877,7763,3937],{"class":3898},[3877,7765,7766],{"class":3879,"line":3915},[3877,7767,4274],{"class":3898},[3877,7769,7770],{"class":3879,"line":3940},[3877,7771,3950],{"emptyLinePlaceholder":3949},[3877,7773,7774,7776,7778,7780,7782,7784,7786,7788,7791],{"class":3879,"line":3946},[3877,7775,4346],{"class":3908},[3877,7777,4349],{"class":3898},[3877,7779,4352],{"class":3894},[3877,7781,3905],{"class":3898},[3877,7783,4378],{"class":3894},[3877,7785,3905],{"class":3898},[3877,7787,5298],{"class":3922},[3877,7789,7790],{"class":3898},"));                ",[3877,7792,7166],{"class":3883},[3877,7794,7795,7797,7799,7801,7803,7805,7807,7809,7811,7813,7815],{"class":3879,"line":3953},[3877,7796,4346],{"class":3908},[3877,7798,4349],{"class":3898},[3877,7800,4352],{"class":3894},[3877,7802,3905],{"class":3898},[3877,7804,4378],{"class":3894},[3877,7806,3905],{"class":3898},[3877,7808,5735],{"class":3922},[3877,7810,3981],{"class":3898},[3877,7812,7179],{"class":3922},[3877,7814,5066],{"class":3898},[3877,7816,7185],{"class":3883},[3838,7818,7819],{},[3784,7820,7821],{},"TypeScript автоматично виводить тип з default значення:",[3868,7823,7825],{"className":4475,"code":7824,"language":4477,"meta":3873,"style":3873},"function multiply(a: number, b = 2): number {\n  \u002F\u002F                          ^\n  \u002F\u002F                   TypeScript виводить: b: number = 2\n  return a * b;\n}\n\nconsole.log(multiply(5));      \u002F\u002F 10 (5 * 2)\nconsole.log(multiply(5, 3));   \u002F\u002F 15 (5 * 3)\n",[3771,7826,7827,7856,7861,7866,7878,7882,7886,7909],{"__ignoreMap":3873},[3877,7828,7829,7831,7834,7836,7838,7840,7842,7844,7846,7848,7850,7852,7854],{"class":3879,"line":3880},[3877,7830,3902],{"class":3890},[3877,7832,7833],{"class":3894}," multiply",[3877,7835,3905],{"class":3898},[3877,7837,3978],{"class":3908},[3877,7839,4493],{"class":3898},[3877,7841,4496],{"class":4384},[3877,7843,3981],{"class":3898},[3877,7845,3984],{"class":3908},[3877,7847,3899],{"class":3898},[3877,7849,4175],{"class":4169},[3877,7851,4507],{"class":3898},[3877,7853,4496],{"class":4384},[3877,7855,4512],{"class":3898},[3877,7857,7858],{"class":3879,"line":3887},[3877,7859,7860],{"class":3883},"  \u002F\u002F                          ^\n",[3877,7862,7863],{"class":3879,"line":3915},[3877,7864,7865],{"class":3883},"  \u002F\u002F                   TypeScript виводить: b: number = 2\n",[3877,7867,7868,7870,7872,7874,7876],{"class":3879,"line":3940},[3877,7869,3919],{"class":3918},[3877,7871,3993],{"class":3908},[3877,7873,4049],{"class":3898},[3877,7875,3984],{"class":3908},[3877,7877,3937],{"class":3898},[3877,7879,7880],{"class":3879,"line":3946},[3877,7881,4274],{"class":3898},[3877,7883,7884],{"class":3879,"line":3953},[3877,7885,3950],{"emptyLinePlaceholder":3949},[3877,7887,7888,7890,7892,7894,7896,7899,7901,7903,7906],{"class":3879,"line":3959},[3877,7889,4346],{"class":3908},[3877,7891,4349],{"class":3898},[3877,7893,4352],{"class":3894},[3877,7895,3905],{"class":3898},[3877,7897,7898],{"class":3894},"multiply",[3877,7900,3905],{"class":3898},[3877,7902,5523],{"class":4169},[3877,7904,7905],{"class":3898},"));      ",[3877,7907,7908],{"class":3883},"\u002F\u002F 10 (5 * 2)\n",[3877,7910,7911,7913,7915,7917,7919,7921,7923,7925,7927,7929,7932],{"class":3879,"line":3970},[3877,7912,4346],{"class":3908},[3877,7914,4349],{"class":3898},[3877,7916,4352],{"class":3894},[3877,7918,3905],{"class":3898},[3877,7920,7898],{"class":3894},[3877,7922,3905],{"class":3898},[3877,7924,5523],{"class":4169},[3877,7926,3981],{"class":3898},[3877,7928,4180],{"class":4169},[3877,7930,7931],{"class":3898},"));   ",[3877,7933,7934],{"class":3883},"\u002F\u002F 15 (5 * 3)\n",[3833,7936,7938],{"id":7937},"default-параметри-vs-опціональні-параметри","Default параметри vs опціональні параметри",[3838,7940,7941],{},"Default параметри автоматично роблять параметр опціональним:",[3868,7943,7945],{"className":4475,"code":7944,"language":4477,"meta":3873,"style":3873},"\u002F\u002F Обидва підходи схожі:\n\n\u002F\u002F Опціональний параметр\nfunction greet1(name: string, greeting?: string): string {\n  return `${greeting || \"Hello\"}, ${name}!`;\n}\n\n\u002F\u002F Default параметр\nfunction greet2(name: string, greeting: string = \"Hello\"): string {\n  return `${greeting}, ${name}!`;\n}\n",[3771,7946,7947,7952,7956,7961,7989,8019,8023,8027,8032,8064,8088],{"__ignoreMap":3873},[3877,7948,7949],{"class":3879,"line":3880},[3877,7950,7951],{"class":3883},"\u002F\u002F Обидва підходи схожі:\n",[3877,7953,7954],{"class":3879,"line":3887},[3877,7955,3950],{"emptyLinePlaceholder":3949},[3877,7957,7958],{"class":3879,"line":3915},[3877,7959,7960],{"class":3883},"\u002F\u002F Опціональний параметр\n",[3877,7962,7963,7965,7967,7969,7971,7973,7975,7977,7979,7981,7983,7985,7987],{"class":3879,"line":3940},[3877,7964,3902],{"class":3890},[3877,7966,7457],{"class":3894},[3877,7968,3905],{"class":3898},[3877,7970,3909],{"class":3908},[3877,7972,4493],{"class":3898},[3877,7974,5259],{"class":4384},[3877,7976,3981],{"class":3898},[3877,7978,7079],{"class":3908},[3877,7980,7082],{"class":3898},[3877,7982,5259],{"class":4384},[3877,7984,4507],{"class":3898},[3877,7986,5259],{"class":4384},[3877,7988,4512],{"class":3898},[3877,7990,7991,7993,7995,7997,7999,8002,8005,8007,8009,8011,8013,8015,8017],{"class":3879,"line":3946},[3877,7992,3919],{"class":3918},[3877,7994,5472],{"class":3922},[3877,7996,3926],{"class":3890},[3877,7998,7079],{"class":3908},[3877,8000,8001],{"class":3898}," ||",[3877,8003,8004],{"class":3922}," \"Hello\"",[3877,8006,3931],{"class":3890},[3877,8008,3981],{"class":3922},[3877,8010,3926],{"class":3890},[3877,8012,3909],{"class":3908},[3877,8014,3931],{"class":3890},[3877,8016,3934],{"class":3922},[3877,8018,3937],{"class":3898},[3877,8020,8021],{"class":3879,"line":3953},[3877,8022,4274],{"class":3898},[3877,8024,8025],{"class":3879,"line":3959},[3877,8026,3950],{"emptyLinePlaceholder":3949},[3877,8028,8029],{"class":3879,"line":3970},[3877,8030,8031],{"class":3883},"\u002F\u002F Default параметр\n",[3877,8033,8034,8036,8038,8040,8042,8044,8046,8048,8050,8052,8054,8056,8058,8060,8062],{"class":3879,"line":4004},[3877,8035,3902],{"class":3890},[3877,8037,7578],{"class":3894},[3877,8039,3905],{"class":3898},[3877,8041,3909],{"class":3908},[3877,8043,4493],{"class":3898},[3877,8045,5259],{"class":4384},[3877,8047,3981],{"class":3898},[3877,8049,7079],{"class":3908},[3877,8051,4493],{"class":3898},[3877,8053,5259],{"class":4384},[3877,8055,3899],{"class":3898},[3877,8057,7497],{"class":3922},[3877,8059,4507],{"class":3898},[3877,8061,5259],{"class":4384},[3877,8063,4512],{"class":3898},[3877,8065,8066,8068,8070,8072,8074,8076,8078,8080,8082,8084,8086],{"class":3879,"line":4030},[3877,8067,3919],{"class":3918},[3877,8069,5472],{"class":3922},[3877,8071,3926],{"class":3890},[3877,8073,7079],{"class":3908},[3877,8075,3931],{"class":3890},[3877,8077,3981],{"class":3922},[3877,8079,3926],{"class":3890},[3877,8081,3909],{"class":3908},[3877,8083,3931],{"class":3890},[3877,8085,3934],{"class":3922},[3877,8087,3937],{"class":3898},[3877,8089,8090],{"class":3879,"line":4057},[3877,8091,4274],{"class":3898},[3838,8093,8094],{},[3784,8095,8096],{},"Різниця:",[3746,8098,8099,8104],{},[3749,8100,7188,8101,8103],{},[3771,8102,7191],{}," — потрібна перевірка",[3749,8105,8106,8107,8110],{},"Default параметр має тип ",[3771,8108,8109],{},"T"," — значення гарантовано існує",[3868,8112,8114],{"className":4475,"code":8113,"language":4477,"meta":3873,"style":3873},"function example1(value?: number): void {\n  \u002F\u002F value: number | undefined\n  console.log(value.toFixed(2));  \u002F\u002F Error: value може бути undefined\n  \n  if (value !== undefined) {\n    console.log(value.toFixed(2));  \u002F\u002F OK\n  }\n}\n\nfunction example2(value: number = 0): void {\n  \u002F\u002F value: number (гарантовано існує)\n  console.log(value.toFixed(2));  \u002F\u002F OK: завжди number\n}\n",[3771,8115,8116,8136,8141,8166,8170,8184,8208,8212,8216,8220,8244,8249,8274],{"__ignoreMap":3873},[3877,8117,8118,8120,8122,8124,8126,8128,8130,8132,8134],{"class":3879,"line":3880},[3877,8119,3902],{"class":3890},[3877,8121,7365],{"class":3894},[3877,8123,3905],{"class":3898},[3877,8125,6278],{"class":3908},[3877,8127,7082],{"class":3898},[3877,8129,4496],{"class":4384},[3877,8131,4507],{"class":3898},[3877,8133,6554],{"class":4384},[3877,8135,4512],{"class":3898},[3877,8137,8138],{"class":3879,"line":3887},[3877,8139,8140],{"class":3883},"  \u002F\u002F value: number | undefined\n",[3877,8142,8143,8145,8147,8149,8151,8153,8155,8157,8159,8161,8163],{"class":3879,"line":3915},[3877,8144,5774],{"class":3908},[3877,8146,4349],{"class":3898},[3877,8148,4352],{"class":3894},[3877,8150,3905],{"class":3898},[3877,8152,6278],{"class":3908},[3877,8154,4349],{"class":3898},[3877,8156,6489],{"class":3894},[3877,8158,3905],{"class":3898},[3877,8160,4175],{"class":4169},[3877,8162,5066],{"class":3898},[3877,8164,8165],{"class":3883},"\u002F\u002F Error: value може бути undefined\n",[3877,8167,8168],{"class":3879,"line":3940},[3877,8169,7234],{"class":3898},[3877,8171,8172,8174,8176,8178,8180,8182],{"class":3879,"line":3946},[3877,8173,6298],{"class":3918},[3877,8175,3844],{"class":3898},[3877,8177,6278],{"class":3908},[3877,8179,7245],{"class":3898},[3877,8181,4614],{"class":3890},[3877,8183,3912],{"class":3898},[3877,8185,8186,8188,8190,8192,8194,8196,8198,8200,8202,8204,8206],{"class":3879,"line":3953},[3877,8187,6893],{"class":3908},[3877,8189,4349],{"class":3898},[3877,8191,4352],{"class":3894},[3877,8193,3905],{"class":3898},[3877,8195,6278],{"class":3908},[3877,8197,4349],{"class":3898},[3877,8199,6489],{"class":3894},[3877,8201,3905],{"class":3898},[3877,8203,4175],{"class":4169},[3877,8205,5066],{"class":3898},[3877,8207,5304],{"class":3883},[3877,8209,8210],{"class":3879,"line":3959},[3877,8211,4791],{"class":3898},[3877,8213,8214],{"class":3879,"line":3970},[3877,8215,4274],{"class":3898},[3877,8217,8218],{"class":3879,"line":4004},[3877,8219,3950],{"emptyLinePlaceholder":3949},[3877,8221,8222,8224,8226,8228,8230,8232,8234,8236,8238,8240,8242],{"class":3879,"line":4030},[3877,8223,3902],{"class":3890},[3877,8225,7406],{"class":3894},[3877,8227,3905],{"class":3898},[3877,8229,6278],{"class":3908},[3877,8231,4493],{"class":3898},[3877,8233,4496],{"class":4384},[3877,8235,3899],{"class":3898},[3877,8237,6046],{"class":4169},[3877,8239,4507],{"class":3898},[3877,8241,6554],{"class":4384},[3877,8243,4512],{"class":3898},[3877,8245,8246],{"class":3879,"line":4057},[3877,8247,8248],{"class":3883},"  \u002F\u002F value: number (гарантовано існує)\n",[3877,8250,8251,8253,8255,8257,8259,8261,8263,8265,8267,8269,8271],{"class":3879,"line":4063},[3877,8252,5774],{"class":3908},[3877,8254,4349],{"class":3898},[3877,8256,4352],{"class":3894},[3877,8258,3905],{"class":3898},[3877,8260,6278],{"class":3908},[3877,8262,4349],{"class":3898},[3877,8264,6489],{"class":3894},[3877,8266,3905],{"class":3898},[3877,8268,4175],{"class":4169},[3877,8270,5066],{"class":3898},[3877,8272,8273],{"class":3883},"\u002F\u002F OK: завжди number\n",[3877,8275,8276],{"class":3879,"line":4068},[3877,8277,4274],{"class":3898},[5210,8279,8280,8281,8284,8285,8287],{},"Віддавайте перевагу ",[3784,8282,8283],{},"default параметрам",", якщо є логічне значення за замовчуванням. Використовуйте ",[3784,8286,7686],{},", якщо відсутність значення має особливий сенс.",[3833,8289,8291],{"id":8290},"default-параметри-можуть-бути-складними-виразами","Default параметри можуть бути складними виразами",[3838,8293,8294],{},"Default значення може бути будь-яким виразом, навіть викликом функції:",[3868,8296,8298],{"className":4475,"code":8297,"language":4477,"meta":3873,"style":3873},"function generateId(): string {\n  return `id_${Date.now()}_${Math.random().toString(36)}`;\n}\n\nfunction createUser(name: string, id: string = generateId()): { name: string; id: string } {\n  return { name, id };\n}\n\nconsole.log(createUser(\"Alice\"));\n\u002F\u002F { name: \"Alice\", id: \"id_1725000000000_abc123\" }\n\nconsole.log(createUser(\"Bob\", \"custom_id\"));\n\u002F\u002F { name: \"Bob\", id: \"custom_id\" }\n",[3771,8299,8300,8313,8366,8370,8374,8424,8440,8444,8448,8468,8473,8477,8500],{"__ignoreMap":3873},[3877,8301,8302,8304,8307,8309,8311],{"class":3879,"line":3880},[3877,8303,3902],{"class":3890},[3877,8305,8306],{"class":3894}," generateId",[3877,8308,6872],{"class":3898},[3877,8310,5259],{"class":4384},[3877,8312,4512],{"class":3898},[3877,8314,8315,8317,8320,8322,8325,8327,8330,8332,8334,8337,8339,8342,8344,8347,8350,8353,8355,8358,8360,8362,8364],{"class":3879,"line":3887},[3877,8316,3919],{"class":3918},[3877,8318,8319],{"class":3922}," `id_",[3877,8321,3926],{"class":3890},[3877,8323,8324],{"class":3908},"Date",[3877,8326,4349],{"class":5872},[3877,8328,8329],{"class":3894},"now",[3877,8331,4453],{"class":5872},[3877,8333,3931],{"class":3890},[3877,8335,8336],{"class":3922},"_",[3877,8338,3926],{"class":3890},[3877,8340,8341],{"class":3908},"Math",[3877,8343,4349],{"class":5872},[3877,8345,8346],{"class":3894},"random",[3877,8348,8349],{"class":5872},"().",[3877,8351,8352],{"class":3894},"toString",[3877,8354,3905],{"class":5872},[3877,8356,8357],{"class":4169},"36",[3877,8359,4615],{"class":5872},[3877,8361,3931],{"class":3890},[3877,8363,5848],{"class":3922},[3877,8365,3937],{"class":3898},[3877,8367,8368],{"class":3879,"line":3915},[3877,8369,4274],{"class":3898},[3877,8371,8372],{"class":3879,"line":3940},[3877,8373,3950],{"emptyLinePlaceholder":3949},[3877,8375,8376,8378,8381,8383,8385,8387,8389,8391,8394,8396,8398,8400,8403,8406,8408,8410,8412,8415,8417,8419,8421],{"class":3879,"line":3946},[3877,8377,3902],{"class":3890},[3877,8379,8380],{"class":3894}," createUser",[3877,8382,3905],{"class":3898},[3877,8384,3909],{"class":3908},[3877,8386,4493],{"class":3898},[3877,8388,5259],{"class":4384},[3877,8390,3981],{"class":3898},[3877,8392,8393],{"class":3908},"id",[3877,8395,4493],{"class":3898},[3877,8397,5259],{"class":4384},[3877,8399,3899],{"class":3898},[3877,8401,8402],{"class":3894},"generateId",[3877,8404,8405],{"class":3898},"()): { ",[3877,8407,3909],{"class":3908},[3877,8409,4493],{"class":3898},[3877,8411,5259],{"class":4384},[3877,8413,8414],{"class":3898},"; ",[3877,8416,8393],{"class":3908},[3877,8418,4493],{"class":3898},[3877,8420,5259],{"class":4384},[3877,8422,8423],{"class":3898}," } {\n",[3877,8425,8426,8428,8431,8433,8435,8437],{"class":3879,"line":3953},[3877,8427,3919],{"class":3918},[3877,8429,8430],{"class":3898}," { ",[3877,8432,3909],{"class":3908},[3877,8434,3981],{"class":3898},[3877,8436,8393],{"class":3908},[3877,8438,8439],{"class":3898}," };\n",[3877,8441,8442],{"class":3879,"line":3959},[3877,8443,4274],{"class":3898},[3877,8445,8446],{"class":3879,"line":3970},[3877,8447,3950],{"emptyLinePlaceholder":3949},[3877,8449,8450,8452,8454,8456,8458,8461,8463,8465],{"class":3879,"line":4004},[3877,8451,4346],{"class":3908},[3877,8453,4349],{"class":3898},[3877,8455,4352],{"class":3894},[3877,8457,3905],{"class":3898},[3877,8459,8460],{"class":3894},"createUser",[3877,8462,3905],{"class":3898},[3877,8464,5298],{"class":3922},[3877,8466,8467],{"class":3898},"));\n",[3877,8469,8470],{"class":3879,"line":4030},[3877,8471,8472],{"class":3883},"\u002F\u002F { name: \"Alice\", id: \"id_1725000000000_abc123\" }\n",[3877,8474,8475],{"class":3879,"line":4057},[3877,8476,3950],{"emptyLinePlaceholder":3949},[3877,8478,8479,8481,8483,8485,8487,8489,8491,8493,8495,8498],{"class":3879,"line":4063},[3877,8480,4346],{"class":3908},[3877,8482,4349],{"class":3898},[3877,8484,4352],{"class":3894},[3877,8486,3905],{"class":3898},[3877,8488,8460],{"class":3894},[3877,8490,3905],{"class":3898},[3877,8492,5735],{"class":3922},[3877,8494,3981],{"class":3898},[3877,8496,8497],{"class":3922},"\"custom_id\"",[3877,8499,8467],{"class":3898},[3877,8501,8502],{"class":3879,"line":4068},[3877,8503,8504],{"class":3883},"\u002F\u002F { name: \"Bob\", id: \"custom_id\" }\n",[3838,8506,8507],{},[3784,8508,8509],{},"Default вираз обчислюється при кожному виклику:",[3868,8511,8513],{"className":4475,"code":8512,"language":4477,"meta":3873,"style":3873},"function log(message: string, timestamp: number = Date.now()): void {\n  console.log(`[${timestamp}] ${message}`);\n}\n\nlog(\"First call\");   \u002F\u002F [1725000000000] First call\n\u002F\u002F ... пауза ...\nlog(\"Second call\");  \u002F\u002F [1725000001000] Second call (новий timestamp!)\n",[3771,8514,8515,8553,8585,8589,8593,8608,8613],{"__ignoreMap":3873},[3877,8516,8517,8519,8521,8523,8525,8527,8529,8531,8534,8536,8538,8540,8542,8544,8546,8549,8551],{"class":3879,"line":3880},[3877,8518,3902],{"class":3890},[3877,8520,6950],{"class":3894},[3877,8522,3905],{"class":3898},[3877,8524,6571],{"class":3908},[3877,8526,4493],{"class":3898},[3877,8528,5259],{"class":4384},[3877,8530,3981],{"class":3898},[3877,8532,8533],{"class":3908},"timestamp",[3877,8535,4493],{"class":3898},[3877,8537,4496],{"class":4384},[3877,8539,3899],{"class":3898},[3877,8541,8324],{"class":3908},[3877,8543,4349],{"class":3898},[3877,8545,8329],{"class":3894},[3877,8547,8548],{"class":3898},"()): ",[3877,8550,6554],{"class":4384},[3877,8552,4512],{"class":3898},[3877,8554,8555,8557,8559,8561,8563,8566,8568,8570,8572,8575,8577,8579,8581,8583],{"class":3879,"line":3887},[3877,8556,5774],{"class":3908},[3877,8558,4349],{"class":3898},[3877,8560,4352],{"class":3894},[3877,8562,3905],{"class":3898},[3877,8564,8565],{"class":3922},"`[",[3877,8567,3926],{"class":3890},[3877,8569,8533],{"class":3908},[3877,8571,3931],{"class":3890},[3877,8573,8574],{"class":3922},"] ",[3877,8576,3926],{"class":3890},[3877,8578,6571],{"class":3908},[3877,8580,3931],{"class":3890},[3877,8582,5848],{"class":3922},[3877,8584,5652],{"class":3898},[3877,8586,8587],{"class":3879,"line":3915},[3877,8588,4274],{"class":3898},[3877,8590,8591],{"class":3879,"line":3940},[3877,8592,3950],{"emptyLinePlaceholder":3949},[3877,8594,8595,8597,8599,8602,8605],{"class":3879,"line":3946},[3877,8596,4352],{"class":3894},[3877,8598,3905],{"class":3898},[3877,8600,8601],{"class":3922},"\"First call\"",[3877,8603,8604],{"class":3898},");   ",[3877,8606,8607],{"class":3883},"\u002F\u002F [1725000000000] First call\n",[3877,8609,8610],{"class":3879,"line":3953},[3877,8611,8612],{"class":3883},"\u002F\u002F ... пауза ...\n",[3877,8614,8615,8617,8619,8622,8624],{"class":3879,"line":3959},[3877,8616,4352],{"class":3894},[3877,8618,3905],{"class":3898},[3877,8620,8621],{"class":3922},"\"Second call\"",[3877,8623,4362],{"class":3898},[3877,8625,8626],{"class":3883},"\u002F\u002F [1725000001000] Second call (новий timestamp!)\n",[3825,8628],{},[3828,8630,8632],{"id":8631},"rest-parameters-змінна-кількість-аргументів","Rest Parameters (змінна кількість аргументів)",[3833,8634,8636],{"id":8635},"синтаксис-rest-parameters","Синтаксис rest parameters",[3838,8638,8639,8642,8643,8646],{},[3784,8640,8641],{},"Rest parameters"," дозволяють функції приймати ",[3784,8644,8645],{},"змінну кількість"," аргументів, зібраних у масив:",[3868,8648,8650],{"className":4475,"code":8649,"language":4477,"meta":3873,"style":3873},"function sum(...numbers: number[]): number {\n  return numbers.reduce((total, n) => total + n, 0);\n}\n\nconsole.log(sum(1, 2, 3));           \u002F\u002F 6\nconsole.log(sum(10, 20, 30, 40));    \u002F\u002F 100\nconsole.log(sum());                  \u002F\u002F 0 (порожній масив)\n",[3771,8651,8652,8675,8712,8716,8720,8751,8789],{"__ignoreMap":3873},[3877,8653,8654,8656,8659,8662,8664,8666,8668,8671,8673],{"class":3879,"line":3880},[3877,8655,3902],{"class":3890},[3877,8657,8658],{"class":3894}," sum",[3877,8660,8661],{"class":3898},"(...",[3877,8663,5633],{"class":3908},[3877,8665,4493],{"class":3898},[3877,8667,4496],{"class":4384},[3877,8669,8670],{"class":3898},"[]): ",[3877,8672,4496],{"class":4384},[3877,8674,4512],{"class":3898},[3877,8676,8677,8679,8681,8683,8686,8688,8691,8693,8695,8697,8699,8702,8704,8706,8708,8710],{"class":3879,"line":3887},[3877,8678,3919],{"class":3918},[3877,8680,5588],{"class":3908},[3877,8682,4349],{"class":3898},[3877,8684,8685],{"class":3894},"reduce",[3877,8687,5689],{"class":3898},[3877,8689,8690],{"class":3908},"total",[3877,8692,3981],{"class":3898},[3877,8694,4195],{"class":3908},[3877,8696,5698],{"class":3898},[3877,8698,5701],{"class":3890},[3877,8700,8701],{"class":3908}," total",[3877,8703,3996],{"class":3898},[3877,8705,4195],{"class":3908},[3877,8707,3981],{"class":3898},[3877,8709,6046],{"class":4169},[3877,8711,5652],{"class":3898},[3877,8713,8714],{"class":3879,"line":3915},[3877,8715,4274],{"class":3898},[3877,8717,8718],{"class":3879,"line":3940},[3877,8719,3950],{"emptyLinePlaceholder":3949},[3877,8721,8722,8724,8726,8728,8730,8733,8735,8737,8739,8741,8743,8745,8748],{"class":3879,"line":3946},[3877,8723,4346],{"class":3908},[3877,8725,4349],{"class":3898},[3877,8727,4352],{"class":3894},[3877,8729,3905],{"class":3898},[3877,8731,8732],{"class":3894},"sum",[3877,8734,3905],{"class":3898},[3877,8736,4170],{"class":4169},[3877,8738,3981],{"class":3898},[3877,8740,4175],{"class":4169},[3877,8742,3981],{"class":3898},[3877,8744,4180],{"class":4169},[3877,8746,8747],{"class":3898},"));           ",[3877,8749,8750],{"class":3883},"\u002F\u002F 6\n",[3877,8752,8753,8755,8757,8759,8761,8763,8765,8768,8770,8773,8775,8778,8780,8783,8786],{"class":3879,"line":3953},[3877,8754,4346],{"class":3908},[3877,8756,4349],{"class":3898},[3877,8758,4352],{"class":3894},[3877,8760,3905],{"class":3898},[3877,8762,8732],{"class":3894},[3877,8764,3905],{"class":3898},[3877,8766,8767],{"class":4169},"10",[3877,8769,3981],{"class":3898},[3877,8771,8772],{"class":4169},"20",[3877,8774,3981],{"class":3898},[3877,8776,8777],{"class":4169},"30",[3877,8779,3981],{"class":3898},[3877,8781,8782],{"class":4169},"40",[3877,8784,8785],{"class":3898},"));    ",[3877,8787,8788],{"class":3883},"\u002F\u002F 100\n",[3877,8790,8791,8793,8795,8797,8799,8801,8804],{"class":3879,"line":3959},[3877,8792,4346],{"class":3908},[3877,8794,4349],{"class":3898},[3877,8796,4352],{"class":3894},[3877,8798,3905],{"class":3898},[3877,8800,8732],{"class":3894},[3877,8802,8803],{"class":3898},"());                  ",[3877,8805,8806],{"class":3883},"\u002F\u002F 0 (порожній масив)\n",[3838,8808,8809,8812,8813],{},[3784,8810,8811],{},"Синтаксис:"," ",[3771,8814,8815],{},"...parameterName: Type[]",[3746,8817,8818,8824,8829],{},[3749,8819,8820,8823],{},[3771,8821,8822],{},"..."," — spread\u002Frest оператор",[3749,8825,8826,8828],{},[3771,8827,5633],{}," — ім'я параметра (буде масивом)",[3749,8830,8831,8834],{},[3771,8832,8833],{},"number[]"," — тип елементів масиву",[3833,8836,8838],{"id":8837},"rest-параметр-має-бути-останнім","Rest параметр має бути останнім",[3868,8840,8842],{"className":4475,"code":8841,"language":4477,"meta":3873,"style":3873},"\u002F\u002F ✅ Правильно: rest параметр в кінці\nfunction format(template: string, ...values: unknown[]): string {\n  return template.replace(\u002F{(\\d+)}\u002Fg, (_, index) => String(values[index]));\n}\n\nconsole.log(format(\"Hello, {0}! You are {1} years old.\", \"Alice\", 28));\n\u002F\u002F \"Hello, Alice! You are 28 years old.\"\n\n\u002F\u002F ❌ Помилка: rest параметр не в кінці\nfunction example(...numbers: number[], suffix: string): void { }\n\u002F\u002F Error: A rest parameter must be last in a parameter list\n",[3771,8843,8844,8849,8881,8943,8947,8951,8979,8984,8988,8993,9024],{"__ignoreMap":3873},[3877,8845,8846],{"class":3879,"line":3880},[3877,8847,8848],{"class":3883},"\u002F\u002F ✅ Правильно: rest параметр в кінці\n",[3877,8850,8851,8853,8855,8857,8860,8862,8864,8867,8870,8872,8875,8877,8879],{"class":3879,"line":3887},[3877,8852,3902],{"class":3890},[3877,8854,6273],{"class":3894},[3877,8856,3905],{"class":3898},[3877,8858,8859],{"class":3908},"template",[3877,8861,4493],{"class":3898},[3877,8863,5259],{"class":4384},[3877,8865,8866],{"class":3898},", ...",[3877,8868,8869],{"class":3908},"values",[3877,8871,4493],{"class":3898},[3877,8873,8874],{"class":4384},"unknown",[3877,8876,8670],{"class":3898},[3877,8878,5259],{"class":4384},[3877,8880,4512],{"class":3898},[3877,8882,8883,8885,8888,8890,8893,8895,8899,8902,8905,8909,8911,8914,8917,8920,8922,8924,8926,8928,8930,8932,8934,8936,8938,8940],{"class":3879,"line":3915},[3877,8884,3919],{"class":3918},[3877,8886,8887],{"class":3908}," template",[3877,8889,4349],{"class":3898},[3877,8891,8892],{"class":3894},"replace",[3877,8894,3905],{"class":3898},[3877,8896,8898],{"class":8897},"shsrj","\u002F{",[3877,8900,3905],{"class":8901},"sAV2Q",[3877,8903,8904],{"class":8897},"\\d",[3877,8906,8908],{"class":8907},"sYsli","+",[3877,8910,4615],{"class":8901},[3877,8912,8913],{"class":8897},"}\u002F",[3877,8915,8916],{"class":3890},"g",[3877,8918,8919],{"class":3898},", (",[3877,8921,8336],{"class":3908},[3877,8923,3981],{"class":3898},[3877,8925,5824],{"class":3908},[3877,8927,5698],{"class":3898},[3877,8929,5701],{"class":3890},[3877,8931,6311],{"class":3894},[3877,8933,3905],{"class":3898},[3877,8935,8869],{"class":3908},[3877,8937,4166],{"class":3898},[3877,8939,5824],{"class":3908},[3877,8941,8942],{"class":3898},"]));\n",[3877,8944,8945],{"class":3879,"line":3940},[3877,8946,4274],{"class":3898},[3877,8948,8949],{"class":3879,"line":3946},[3877,8950,3950],{"emptyLinePlaceholder":3949},[3877,8952,8953,8955,8957,8959,8961,8964,8966,8969,8971,8973,8975,8977],{"class":3879,"line":3953},[3877,8954,4346],{"class":3908},[3877,8956,4349],{"class":3898},[3877,8958,4352],{"class":3894},[3877,8960,3905],{"class":3898},[3877,8962,8963],{"class":3894},"format",[3877,8965,3905],{"class":3898},[3877,8967,8968],{"class":3922},"\"Hello, {0}! You are {1} years old.\"",[3877,8970,3981],{"class":3898},[3877,8972,5298],{"class":3922},[3877,8974,3981],{"class":3898},[3877,8976,5342],{"class":4169},[3877,8978,8467],{"class":3898},[3877,8980,8981],{"class":3879,"line":3959},[3877,8982,8983],{"class":3883},"\u002F\u002F \"Hello, Alice! You are 28 years old.\"\n",[3877,8985,8986],{"class":3879,"line":3970},[3877,8987,3950],{"emptyLinePlaceholder":3949},[3877,8989,8990],{"class":3879,"line":4004},[3877,8991,8992],{"class":3883},"\u002F\u002F ❌ Помилка: rest параметр не в кінці\n",[3877,8994,8995,8997,9000,9002,9004,9006,9008,9011,9014,9016,9018,9020,9022],{"class":3879,"line":4030},[3877,8996,3902],{"class":3890},[3877,8998,8999],{"class":3894}," example",[3877,9001,8661],{"class":3898},[3877,9003,5633],{"class":3908},[3877,9005,4493],{"class":3898},[3877,9007,4496],{"class":4384},[3877,9009,9010],{"class":3898},"[], ",[3877,9012,9013],{"class":3908},"suffix",[3877,9015,4493],{"class":3898},[3877,9017,5259],{"class":4384},[3877,9019,4507],{"class":3898},[3877,9021,6554],{"class":4384},[3877,9023,7390],{"class":3898},[3877,9025,9026],{"class":3879,"line":4057},[3877,9027,9028],{"class":3883},"\u002F\u002F Error: A rest parameter must be last in a parameter list\n",[3833,9030,9032],{"id":9031},"комбінування-обовязкових-опціональних-та-rest-параметрів","Комбінування обов'язкових, опціональних та rest параметрів",[3868,9034,9036],{"className":4475,"code":9035,"language":4477,"meta":3873,"style":3873},"function logMessage(\n  level: \"info\" | \"warn\" | \"error\",    \u002F\u002F обов'язковий\n  message: string,                      \u002F\u002F обов'язковий\n  context?: string,                     \u002F\u002F опціональний\n  ...details: unknown[]                 \u002F\u002F rest параметр\n): void {\n  console.log(`[${level.toUpperCase()}] ${message}`);\n  \n  if (context) {\n    console.log(`Context: ${context}`);\n  }\n  \n  if (details.length > 0) {\n    console.log(\"Details:\", details);\n  }\n}\n\nlogMessage(\"info\", \"User logged in\");\n\u002F\u002F [INFO] User logged in\n\nlogMessage(\"warn\", \"High memory usage\", \"server-01\");\n\u002F\u002F [WARN] High memory usage\n\u002F\u002F Context: server-01\n\nlogMessage(\"error\", \"Database connection failed\", \"db-primary\", { host: \"localhost\", port: 5432 });\n\u002F\u002F [ERROR] Database connection failed\n\u002F\u002F Context: db-primary\n\u002F\u002F Details: [{ host: \"localhost\", port: 5432 }]\n",[3771,9037,9038,9047,9073,9087,9102,9120,9128,9165,9169,9180,9203,9207,9211,9230,9249,9253,9257,9261,9277,9282,9286,9306,9311,9316,9320,9358,9363,9368],{"__ignoreMap":3873},[3877,9039,9040,9042,9044],{"class":3879,"line":3880},[3877,9041,3902],{"class":3890},[3877,9043,6566],{"class":3894},[3877,9045,9046],{"class":3898},"(\n",[3877,9048,9049,9052,9054,9057,9059,9062,9064,9067,9070],{"class":3879,"line":3887},[3877,9050,9051],{"class":3908},"  level",[3877,9053,4493],{"class":3898},[3877,9055,9056],{"class":3922},"\"info\"",[3877,9058,7597],{"class":3898},[3877,9060,9061],{"class":3922},"\"warn\"",[3877,9063,7597],{"class":3898},[3877,9065,9066],{"class":3922},"\"error\"",[3877,9068,9069],{"class":3898},",    ",[3877,9071,9072],{"class":3883},"\u002F\u002F обов'язковий\n",[3877,9074,9075,9078,9080,9082,9085],{"class":3879,"line":3915},[3877,9076,9077],{"class":3908},"  message",[3877,9079,4493],{"class":3898},[3877,9081,5259],{"class":4384},[3877,9083,9084],{"class":3898},",                      ",[3877,9086,9072],{"class":3883},[3877,9088,9089,9092,9094,9096,9099],{"class":3879,"line":3940},[3877,9090,9091],{"class":3908},"  context",[3877,9093,7082],{"class":3898},[3877,9095,5259],{"class":4384},[3877,9097,9098],{"class":3898},",                     ",[3877,9100,9101],{"class":3883},"\u002F\u002F опціональний\n",[3877,9103,9104,9107,9110,9112,9114,9117],{"class":3879,"line":3946},[3877,9105,9106],{"class":3898},"  ...",[3877,9108,9109],{"class":3908},"details",[3877,9111,4493],{"class":3898},[3877,9113,8874],{"class":4384},[3877,9115,9116],{"class":3898},"[]                 ",[3877,9118,9119],{"class":3883},"\u002F\u002F rest параметр\n",[3877,9121,9122,9124,9126],{"class":3879,"line":3953},[3877,9123,4507],{"class":3898},[3877,9125,6554],{"class":4384},[3877,9127,4512],{"class":3898},[3877,9129,9130,9132,9134,9136,9138,9140,9142,9145,9147,9149,9151,9153,9155,9157,9159,9161,9163],{"class":3879,"line":3959},[3877,9131,5774],{"class":3908},[3877,9133,4349],{"class":3898},[3877,9135,4352],{"class":3894},[3877,9137,3905],{"class":3898},[3877,9139,8565],{"class":3922},[3877,9141,3926],{"class":3890},[3877,9143,9144],{"class":3908},"level",[3877,9146,4349],{"class":5872},[3877,9148,5787],{"class":3894},[3877,9150,4453],{"class":5872},[3877,9152,3931],{"class":3890},[3877,9154,8574],{"class":3922},[3877,9156,3926],{"class":3890},[3877,9158,6571],{"class":3908},[3877,9160,3931],{"class":3890},[3877,9162,5848],{"class":3922},[3877,9164,5652],{"class":3898},[3877,9166,9167],{"class":3879,"line":3970},[3877,9168,7234],{"class":3898},[3877,9170,9171,9173,9175,9178],{"class":3879,"line":4004},[3877,9172,6298],{"class":3918},[3877,9174,3844],{"class":3898},[3877,9176,9177],{"class":3908},"context",[3877,9179,3912],{"class":3898},[3877,9181,9182,9184,9186,9188,9190,9193,9195,9197,9199,9201],{"class":3879,"line":4030},[3877,9183,6893],{"class":3908},[3877,9185,4349],{"class":3898},[3877,9187,4352],{"class":3894},[3877,9189,3905],{"class":3898},[3877,9191,9192],{"class":3922},"`Context: ",[3877,9194,3926],{"class":3890},[3877,9196,9177],{"class":3908},[3877,9198,3931],{"class":3890},[3877,9200,5848],{"class":3922},[3877,9202,5652],{"class":3898},[3877,9204,9205],{"class":3879,"line":4057},[3877,9206,4791],{"class":3898},[3877,9208,9209],{"class":3879,"line":4063},[3877,9210,7234],{"class":3898},[3877,9212,9213,9215,9217,9219,9221,9223,9226,9228],{"class":3879,"line":4068},[3877,9214,6298],{"class":3918},[3877,9216,3844],{"class":3898},[3877,9218,9109],{"class":3908},[3877,9220,4349],{"class":3898},[3877,9222,5875],{"class":3908},[3877,9224,9225],{"class":3898}," > ",[3877,9227,6046],{"class":4169},[3877,9229,3912],{"class":3898},[3877,9231,9232,9234,9236,9238,9240,9243,9245,9247],{"class":3879,"line":4074},[3877,9233,6893],{"class":3908},[3877,9235,4349],{"class":3898},[3877,9237,4352],{"class":3894},[3877,9239,3905],{"class":3898},[3877,9241,9242],{"class":3922},"\"Details:\"",[3877,9244,3981],{"class":3898},[3877,9246,9109],{"class":3908},[3877,9248,5652],{"class":3898},[3877,9250,9251],{"class":3879,"line":4085},[3877,9252,4791],{"class":3898},[3877,9254,9255],{"class":3879,"line":4117},[3877,9256,4274],{"class":3898},[3877,9258,9259],{"class":3879,"line":4147},[3877,9260,3950],{"emptyLinePlaceholder":3949},[3877,9262,9263,9266,9268,9270,9272,9275],{"class":3879,"line":4152},[3877,9264,9265],{"class":3894},"logMessage",[3877,9267,3905],{"class":3898},[3877,9269,9056],{"class":3922},[3877,9271,3981],{"class":3898},[3877,9273,9274],{"class":3922},"\"User logged in\"",[3877,9276,5652],{"class":3898},[3877,9278,9279],{"class":3879,"line":4157},[3877,9280,9281],{"class":3883},"\u002F\u002F [INFO] User logged in\n",[3877,9283,9284],{"class":3879,"line":4163},[3877,9285,3950],{"emptyLinePlaceholder":3949},[3877,9287,9288,9290,9292,9294,9296,9299,9301,9304],{"class":3879,"line":4212},[3877,9289,9265],{"class":3894},[3877,9291,3905],{"class":3898},[3877,9293,9061],{"class":3922},[3877,9295,3981],{"class":3898},[3877,9297,9298],{"class":3922},"\"High memory usage\"",[3877,9300,3981],{"class":3898},[3877,9302,9303],{"class":3922},"\"server-01\"",[3877,9305,5652],{"class":3898},[3877,9307,9308],{"class":3879,"line":4217},[3877,9309,9310],{"class":3883},"\u002F\u002F [WARN] High memory usage\n",[3877,9312,9313],{"class":3879,"line":4223},[3877,9314,9315],{"class":3883},"\u002F\u002F Context: server-01\n",[3877,9317,9318],{"class":3879,"line":4238},[3877,9319,3950],{"emptyLinePlaceholder":3949},[3877,9321,9322,9324,9326,9328,9330,9333,9335,9338,9341,9344,9347,9349,9352,9355],{"class":3879,"line":4251},[3877,9323,9265],{"class":3894},[3877,9325,3905],{"class":3898},[3877,9327,9066],{"class":3922},[3877,9329,3981],{"class":3898},[3877,9331,9332],{"class":3922},"\"Database connection failed\"",[3877,9334,3981],{"class":3898},[3877,9336,9337],{"class":3922},"\"db-primary\"",[3877,9339,9340],{"class":3898},", { ",[3877,9342,9343],{"class":3908},"host:",[3877,9345,9346],{"class":3922}," \"localhost\"",[3877,9348,3981],{"class":3898},[3877,9350,9351],{"class":3908},"port:",[3877,9353,9354],{"class":4169}," 5432",[3877,9356,9357],{"class":3898}," });\n",[3877,9359,9360],{"class":3879,"line":4265},[3877,9361,9362],{"class":3883},"\u002F\u002F [ERROR] Database connection failed\n",[3877,9364,9365],{"class":3879,"line":4271},[3877,9366,9367],{"class":3883},"\u002F\u002F Context: db-primary\n",[3877,9369,9370],{"class":3879,"line":4935},[3877,9371,9372],{"class":3883},"\u002F\u002F Details: [{ host: \"localhost\", port: 5432 }]\n",[3833,9374,9376],{"id":9375},"spread-оператор-для-передачі-масиву","Spread оператор для передачі масиву",[3838,9378,9379,3844,9382,9384],{},[3784,9380,9381],{},"Spread оператор",[3771,9383,8822],{},") дозволяє розгорнути масив у окремі аргументи:",[3868,9386,9388],{"className":4475,"code":9387,"language":4477,"meta":3873,"style":3873},"function add(a: number, b: number, c: number): number {\n  return a + b + c;\n}\n\nlet numbers = [1, 2, 3];\n\n\u002F\u002F Без spread: передається масив як один аргумент\n\u002F\u002F add(numbers);  \u002F\u002F Error: Expected 3 arguments, but got 1\n\n\u002F\u002F Зі spread: масив розгортається у 3 аргументи\nconsole.log(add(...numbers));  \u002F\u002F 6 (те саме, що add(1, 2, 3))\n",[3771,9389,9390,9427,9443,9447,9451,9471,9475,9480,9488,9492,9497],{"__ignoreMap":3873},[3877,9391,9392,9394,9396,9398,9400,9402,9404,9406,9408,9410,9412,9414,9417,9419,9421,9423,9425],{"class":3879,"line":3880},[3877,9393,3902],{"class":3890},[3877,9395,4486],{"class":3894},[3877,9397,3905],{"class":3898},[3877,9399,3978],{"class":3908},[3877,9401,4493],{"class":3898},[3877,9403,4496],{"class":4384},[3877,9405,3981],{"class":3898},[3877,9407,3984],{"class":3908},[3877,9409,4493],{"class":3898},[3877,9411,4496],{"class":4384},[3877,9413,3981],{"class":3898},[3877,9415,9416],{"class":3908},"c",[3877,9418,4493],{"class":3898},[3877,9420,4496],{"class":4384},[3877,9422,4507],{"class":3898},[3877,9424,4496],{"class":4384},[3877,9426,4512],{"class":3898},[3877,9428,9429,9431,9433,9435,9437,9439,9441],{"class":3879,"line":3887},[3877,9430,3919],{"class":3918},[3877,9432,3993],{"class":3908},[3877,9434,3996],{"class":3898},[3877,9436,3984],{"class":3908},[3877,9438,3996],{"class":3898},[3877,9440,9416],{"class":3908},[3877,9442,3937],{"class":3898},[3877,9444,9445],{"class":3879,"line":3915},[3877,9446,4274],{"class":3898},[3877,9448,9449],{"class":3879,"line":3940},[3877,9450,3950],{"emptyLinePlaceholder":3949},[3877,9452,9453,9455,9457,9459,9461,9463,9465,9467,9469],{"class":3879,"line":3946},[3877,9454,3891],{"class":3890},[3877,9456,5588],{"class":3908},[3877,9458,5591],{"class":3898},[3877,9460,4170],{"class":4169},[3877,9462,3981],{"class":3898},[3877,9464,4175],{"class":4169},[3877,9466,3981],{"class":3898},[3877,9468,4180],{"class":4169},[3877,9470,4060],{"class":3898},[3877,9472,9473],{"class":3879,"line":3953},[3877,9474,3950],{"emptyLinePlaceholder":3949},[3877,9476,9477],{"class":3879,"line":3959},[3877,9478,9479],{"class":3883},"\u002F\u002F Без spread: передається масив як один аргумент\n",[3877,9481,9482,9485],{"class":3879,"line":3970},[3877,9483,9484],{"class":3883},"\u002F\u002F add(numbers);",[3877,9486,9487],{"class":3883},"  \u002F\u002F Error: Expected 3 arguments, but got 1\n",[3877,9489,9490],{"class":3879,"line":4004},[3877,9491,3950],{"emptyLinePlaceholder":3949},[3877,9493,9494],{"class":3879,"line":4030},[3877,9495,9496],{"class":3883},"\u002F\u002F Зі spread: масив розгортається у 3 аргументи\n",[3877,9498,9499,9501,9503,9505,9507,9509,9511,9513,9515],{"class":3879,"line":4057},[3877,9500,4346],{"class":3908},[3877,9502,4349],{"class":3898},[3877,9504,4352],{"class":3894},[3877,9506,3905],{"class":3898},[3877,9508,4610],{"class":3894},[3877,9510,8661],{"class":3898},[3877,9512,5633],{"class":3908},[3877,9514,5066],{"class":3898},[3877,9516,9517],{"class":3883},"\u002F\u002F 6 (те саме, що add(1, 2, 3))\n",[3838,9519,9520],{},[3784,9521,9522],{},"Spread для копіювання масивів:",[3868,9524,9526],{"className":4475,"code":9525,"language":4477,"meta":3873,"style":3873},"let original = [1, 2, 3];\nlet copy = [...original];  \u002F\u002F створює новий масив\n\ncopy.push(4);\n\nconsole.log(original);  \u002F\u002F [1, 2, 3]\nconsole.log(copy);      \u002F\u002F [1, 2, 3, 4]\n",[3771,9527,9528,9549,9568,9572,9588,9592,9609],{"__ignoreMap":3873},[3877,9529,9530,9532,9535,9537,9539,9541,9543,9545,9547],{"class":3879,"line":3880},[3877,9531,3891],{"class":3890},[3877,9533,9534],{"class":3908}," original",[3877,9536,5591],{"class":3898},[3877,9538,4170],{"class":4169},[3877,9540,3981],{"class":3898},[3877,9542,4175],{"class":4169},[3877,9544,3981],{"class":3898},[3877,9546,4180],{"class":4169},[3877,9548,4060],{"class":3898},[3877,9550,9551,9553,9556,9559,9562,9565],{"class":3879,"line":3887},[3877,9552,3891],{"class":3890},[3877,9554,9555],{"class":3908}," copy",[3877,9557,9558],{"class":3898}," = [...",[3877,9560,9561],{"class":3908},"original",[3877,9563,9564],{"class":3898},"];  ",[3877,9566,9567],{"class":3883},"\u002F\u002F створює новий масив\n",[3877,9569,9570],{"class":3879,"line":3915},[3877,9571,3950],{"emptyLinePlaceholder":3949},[3877,9573,9574,9577,9579,9582,9584,9586],{"class":3879,"line":3940},[3877,9575,9576],{"class":3908},"copy",[3877,9578,4349],{"class":3898},[3877,9580,9581],{"class":3894},"push",[3877,9583,3905],{"class":3898},[3877,9585,5606],{"class":4169},[3877,9587,5652],{"class":3898},[3877,9589,9590],{"class":3879,"line":3946},[3877,9591,3950],{"emptyLinePlaceholder":3949},[3877,9593,9594,9596,9598,9600,9602,9604,9606],{"class":3879,"line":3953},[3877,9595,4346],{"class":3908},[3877,9597,4349],{"class":3898},[3877,9599,4352],{"class":3894},[3877,9601,3905],{"class":3898},[3877,9603,9561],{"class":3908},[3877,9605,4362],{"class":3898},[3877,9607,9608],{"class":3883},"\u002F\u002F [1, 2, 3]\n",[3877,9610,9611,9613,9615,9617,9619,9621,9623],{"class":3879,"line":3959},[3877,9612,4346],{"class":3908},[3877,9614,4349],{"class":3898},[3877,9616,4352],{"class":3894},[3877,9618,3905],{"class":3898},[3877,9620,9576],{"class":3908},[3877,9622,5301],{"class":3898},[3877,9624,9625],{"class":3883},"\u002F\u002F [1, 2, 3, 4]\n",[3838,9627,9628],{},[3784,9629,9630],{},"Spread для об'єднання масивів:",[3868,9632,9634],{"className":4475,"code":9633,"language":4477,"meta":3873,"style":3873},"let first = [1, 2, 3];\nlet second = [4, 5, 6];\nlet combined = [...first, ...second];  \u002F\u002F [1, 2, 3, 4, 5, 6]\n",[3771,9635,9636,9657,9679],{"__ignoreMap":3873},[3877,9637,9638,9640,9643,9645,9647,9649,9651,9653,9655],{"class":3879,"line":3880},[3877,9639,3891],{"class":3890},[3877,9641,9642],{"class":3908}," first",[3877,9644,5591],{"class":3898},[3877,9646,4170],{"class":4169},[3877,9648,3981],{"class":3898},[3877,9650,4175],{"class":4169},[3877,9652,3981],{"class":3898},[3877,9654,4180],{"class":4169},[3877,9656,4060],{"class":3898},[3877,9658,9659,9661,9664,9666,9668,9670,9672,9674,9677],{"class":3879,"line":3887},[3877,9660,3891],{"class":3890},[3877,9662,9663],{"class":3908}," second",[3877,9665,5591],{"class":3898},[3877,9667,5606],{"class":4169},[3877,9669,3981],{"class":3898},[3877,9671,5523],{"class":4169},[3877,9673,3981],{"class":3898},[3877,9675,9676],{"class":4169},"6",[3877,9678,4060],{"class":3898},[3877,9680,9681,9683,9686,9688,9691,9693,9696,9698],{"class":3879,"line":3915},[3877,9682,3891],{"class":3890},[3877,9684,9685],{"class":3908}," combined",[3877,9687,9558],{"class":3898},[3877,9689,9690],{"class":3908},"first",[3877,9692,8866],{"class":3898},[3877,9694,9695],{"class":3908},"second",[3877,9697,9564],{"class":3898},[3877,9699,9700],{"class":3883},"\u002F\u002F [1, 2, 3, 4, 5, 6]\n",[4441,9702,9703,9708,9743],{},[3838,9704,9705],{},[3784,9706,9707],{},"Rest vs Spread:",[3746,9709,9710,9727],{},[3749,9711,9712,3844,9715,9718,9719,9722,9723,9726],{},[3784,9713,9714],{},"Rest",[3771,9716,9717],{},"...numbers: number[]",") — ",[3784,9720,9721],{},"збирає"," кілька аргументів у ",[3784,9724,9725],{},"один масив"," (у параметрах функції)",[3749,9728,9729,3844,9732,9718,9735,9738,9739,9742],{},[3784,9730,9731],{},"Spread",[3771,9733,9734],{},"add(...numbers)",[3784,9736,9737],{},"розгортає"," масив у ",[3784,9740,9741],{},"окремі аргументи"," (при виклику функції)",[3838,9744,9745],{},"Це два боки однієї монети: rest збирає, spread розгортає.",[3825,9747],{},[3828,9749,9751],{"id":9750},"типізація-callback-функцій","Типізація callback-функцій",[3833,9753,9755],{"id":9754},"callback-як-параметр","Callback як параметр",[3838,9757,9758,9761],{},[3784,9759,9760],{},"Callback"," — це функція, передана як аргумент іншій функції:",[3868,9763,9765],{"className":4475,"code":9764,"language":4477,"meta":3873,"style":3873},"function processArray(\n  numbers: number[],\n  callback: (n: number) => number\n): number[] {\n  return numbers.map(callback);\n}\n\n\u002F\u002F Передаємо callback як стрілочну функцію\nlet doubled = processArray([1, 2, 3], (n) => n * 2);\nconsole.log(doubled);  \u002F\u002F [2, 4, 6]\n\n\u002F\u002F Передаємо callback як function expression\nlet squared = processArray([1, 2, 3], function(n) { return n * n; });\nconsole.log(squared);  \u002F\u002F [1, 4, 9]\n",[3771,9766,9767,9776,9788,9809,9818,9835,9839,9843,9848,9889,9907,9911,9916,9960],{"__ignoreMap":3873},[3877,9768,9769,9771,9774],{"class":3879,"line":3880},[3877,9770,3902],{"class":3890},[3877,9772,9773],{"class":3894}," processArray",[3877,9775,9046],{"class":3898},[3877,9777,9778,9781,9783,9785],{"class":3879,"line":3887},[3877,9779,9780],{"class":3908},"  numbers",[3877,9782,4493],{"class":3898},[3877,9784,4496],{"class":4384},[3877,9786,9787],{"class":3898},"[],\n",[3877,9789,9790,9793,9796,9798,9800,9802,9804,9806],{"class":3879,"line":3915},[3877,9791,9792],{"class":3894},"  callback",[3877,9794,9795],{"class":3898},": (",[3877,9797,4195],{"class":3908},[3877,9799,4493],{"class":3898},[3877,9801,4496],{"class":4384},[3877,9803,5698],{"class":3898},[3877,9805,5701],{"class":3890},[3877,9807,9808],{"class":4384}," number\n",[3877,9810,9811,9813,9815],{"class":3879,"line":3940},[3877,9812,4507],{"class":3898},[3877,9814,4496],{"class":4384},[3877,9816,9817],{"class":3898},"[] {\n",[3877,9819,9820,9822,9824,9826,9828,9830,9833],{"class":3879,"line":3946},[3877,9821,3919],{"class":3918},[3877,9823,5588],{"class":3908},[3877,9825,4349],{"class":3898},[3877,9827,4186],{"class":3894},[3877,9829,3905],{"class":3898},[3877,9831,9832],{"class":3908},"callback",[3877,9834,5652],{"class":3898},[3877,9836,9837],{"class":3879,"line":3953},[3877,9838,4274],{"class":3898},[3877,9840,9841],{"class":3879,"line":3959},[3877,9842,3950],{"emptyLinePlaceholder":3949},[3877,9844,9845],{"class":3879,"line":3970},[3877,9846,9847],{"class":3883},"\u002F\u002F Передаємо callback як стрілочну функцію\n",[3877,9849,9850,9852,9854,9856,9859,9862,9864,9866,9868,9870,9872,9875,9877,9879,9881,9883,9885,9887],{"class":3879,"line":4004},[3877,9851,3891],{"class":3890},[3877,9853,5628],{"class":3908},[3877,9855,3899],{"class":3898},[3877,9857,9858],{"class":3894},"processArray",[3877,9860,9861],{"class":3898},"([",[3877,9863,4170],{"class":4169},[3877,9865,3981],{"class":3898},[3877,9867,4175],{"class":4169},[3877,9869,3981],{"class":3898},[3877,9871,4180],{"class":4169},[3877,9873,9874],{"class":3898},"], (",[3877,9876,4195],{"class":3908},[3877,9878,5698],{"class":3898},[3877,9880,5701],{"class":3890},[3877,9882,4202],{"class":3908},[3877,9884,4049],{"class":3898},[3877,9886,4175],{"class":4169},[3877,9888,5652],{"class":3898},[3877,9890,9891,9893,9895,9897,9899,9902,9904],{"class":3879,"line":4030},[3877,9892,4346],{"class":3908},[3877,9894,4349],{"class":3898},[3877,9896,4352],{"class":3894},[3877,9898,3905],{"class":3898},[3877,9900,9901],{"class":3908},"doubled",[3877,9903,4362],{"class":3898},[3877,9905,9906],{"class":3883},"\u002F\u002F [2, 4, 6]\n",[3877,9908,9909],{"class":3879,"line":4057},[3877,9910,3950],{"emptyLinePlaceholder":3949},[3877,9912,9913],{"class":3879,"line":4063},[3877,9914,9915],{"class":3883},"\u002F\u002F Передаємо callback як function expression\n",[3877,9917,9918,9920,9923,9925,9927,9929,9931,9933,9935,9937,9939,9942,9944,9946,9948,9950,9952,9954,9956,9958],{"class":3879,"line":4068},[3877,9919,3891],{"class":3890},[3877,9921,9922],{"class":3908}," squared",[3877,9924,3899],{"class":3898},[3877,9926,9858],{"class":3894},[3877,9928,9861],{"class":3898},[3877,9930,4170],{"class":4169},[3877,9932,3981],{"class":3898},[3877,9934,4175],{"class":4169},[3877,9936,3981],{"class":3898},[3877,9938,4180],{"class":4169},[3877,9940,9941],{"class":3898},"], ",[3877,9943,3902],{"class":3890},[3877,9945,3905],{"class":3898},[3877,9947,4195],{"class":3908},[3877,9949,3987],{"class":3898},[3877,9951,3990],{"class":3918},[3877,9953,4202],{"class":3908},[3877,9955,4049],{"class":3898},[3877,9957,4195],{"class":3908},[3877,9959,4209],{"class":3898},[3877,9961,9962,9964,9966,9968,9970,9973,9975],{"class":3879,"line":4074},[3877,9963,4346],{"class":3908},[3877,9965,4349],{"class":3898},[3877,9967,4352],{"class":3894},[3877,9969,3905],{"class":3898},[3877,9971,9972],{"class":3908},"squared",[3877,9974,4362],{"class":3898},[3877,9976,9977],{"class":3883},"\u002F\u002F [1, 4, 9]\n",[3838,9979,9980],{},[3784,9981,9982],{},"Синтаксис типу callback:",[3868,9984,9986],{"className":4475,"code":9985,"language":4477,"meta":3873,"style":3873},"(параметри) => типПовернення\n",[3771,9987,9988],{"__ignoreMap":3873},[3877,9989,9990,9992,9995,9997,9999],{"class":3879,"line":3880},[3877,9991,3905],{"class":3898},[3877,9993,9994],{"class":3908},"параметри",[3877,9996,5698],{"class":3898},[3877,9998,5701],{"class":3890},[3877,10000,10001],{"class":3908}," типПовернення\n",[3838,10003,10004],{},"Приклади:",[3868,10006,10008],{"className":4475,"code":10007,"language":4477,"meta":3873,"style":3873},"\u002F\u002F Callback без параметрів\nlet onClick: () => void;\n\n\u002F\u002F Callback з одним параметром\nlet onInput: (value: string) => void;\n\n\u002F\u002F Callback з кількома параметрами\nlet onSubmit: (username: string, password: string) => boolean;\n\n\u002F\u002F Callback, що повертає значення\nlet transform: (value: number) => string;\n",[3771,10009,10010,10015,10032,10036,10041,10064,10068,10073,10107,10111,10116],{"__ignoreMap":3873},[3877,10011,10012],{"class":3879,"line":3880},[3877,10013,10014],{"class":3883},"\u002F\u002F Callback без параметрів\n",[3877,10016,10017,10019,10022,10025,10027,10030],{"class":3879,"line":3887},[3877,10018,3891],{"class":3890},[3877,10020,10021],{"class":3894}," onClick",[3877,10023,10024],{"class":3898},": () ",[3877,10026,5701],{"class":3890},[3877,10028,10029],{"class":4384}," void",[3877,10031,3937],{"class":3898},[3877,10033,10034],{"class":3879,"line":3915},[3877,10035,3950],{"emptyLinePlaceholder":3949},[3877,10037,10038],{"class":3879,"line":3940},[3877,10039,10040],{"class":3883},"\u002F\u002F Callback з одним параметром\n",[3877,10042,10043,10045,10048,10050,10052,10054,10056,10058,10060,10062],{"class":3879,"line":3946},[3877,10044,3891],{"class":3890},[3877,10046,10047],{"class":3894}," onInput",[3877,10049,9795],{"class":3898},[3877,10051,6278],{"class":3908},[3877,10053,4493],{"class":3898},[3877,10055,5259],{"class":4384},[3877,10057,5698],{"class":3898},[3877,10059,5701],{"class":3890},[3877,10061,10029],{"class":4384},[3877,10063,3937],{"class":3898},[3877,10065,10066],{"class":3879,"line":3953},[3877,10067,3950],{"emptyLinePlaceholder":3949},[3877,10069,10070],{"class":3879,"line":3959},[3877,10071,10072],{"class":3883},"\u002F\u002F Callback з кількома параметрами\n",[3877,10074,10075,10077,10080,10082,10085,10087,10089,10091,10094,10096,10098,10100,10102,10105],{"class":3879,"line":3970},[3877,10076,3891],{"class":3890},[3877,10078,10079],{"class":3894}," onSubmit",[3877,10081,9795],{"class":3898},[3877,10083,10084],{"class":3908},"username",[3877,10086,4493],{"class":3898},[3877,10088,5259],{"class":4384},[3877,10090,3981],{"class":3898},[3877,10092,10093],{"class":3908},"password",[3877,10095,4493],{"class":3898},[3877,10097,5259],{"class":4384},[3877,10099,5698],{"class":3898},[3877,10101,5701],{"class":3890},[3877,10103,10104],{"class":4384}," boolean",[3877,10106,3937],{"class":3898},[3877,10108,10109],{"class":3879,"line":4004},[3877,10110,3950],{"emptyLinePlaceholder":3949},[3877,10112,10113],{"class":3879,"line":4030},[3877,10114,10115],{"class":3883},"\u002F\u002F Callback, що повертає значення\n",[3877,10117,10118,10120,10123,10125,10127,10129,10131,10133,10135,10138],{"class":3879,"line":4057},[3877,10119,3891],{"class":3890},[3877,10121,10122],{"class":3894}," transform",[3877,10124,9795],{"class":3898},[3877,10126,6278],{"class":3908},[3877,10128,4493],{"class":3898},[3877,10130,4496],{"class":4384},[3877,10132,5698],{"class":3898},[3877,10134,5701],{"class":3890},[3877,10136,10137],{"class":4384}," string",[3877,10139,3937],{"class":3898},[3833,10141,10143],{"id":10142},"inline-типізація-callback-функцій","Inline-типізація callback-функцій",[3838,10145,10146],{},"Для простих callback-функцій типізацію можна писати inline:",[3868,10148,10150],{"className":4475,"code":10149,"language":4477,"meta":3873,"style":3873},"function forEach(items: string[], callback: (item: string, index: number) => void): void {\n  for (let i = 0; i \u003C items.length; i++) {\n    callback(items[i], i);\n  }\n}\n\nforEach([\"Alice\", \"Bob\", \"Charlie\"], (name, index) => {\n  console.log(`${index}: ${name}`);\n});\n\u002F\u002F 0: Alice\n\u002F\u002F 1: Bob\n\u002F\u002F 2: Charlie\n",[3771,10151,10152,10201,10238,10257,10261,10265,10269,10299,10329,10333,10338,10343],{"__ignoreMap":3873},[3877,10153,10154,10156,10159,10161,10164,10166,10168,10170,10172,10174,10177,10179,10181,10183,10185,10187,10189,10191,10193,10195,10197,10199],{"class":3879,"line":3880},[3877,10155,3902],{"class":3890},[3877,10157,10158],{"class":3894}," forEach",[3877,10160,3905],{"class":3898},[3877,10162,10163],{"class":3908},"items",[3877,10165,4493],{"class":3898},[3877,10167,5259],{"class":4384},[3877,10169,9010],{"class":3898},[3877,10171,9832],{"class":3894},[3877,10173,9795],{"class":3898},[3877,10175,10176],{"class":3908},"item",[3877,10178,4493],{"class":3898},[3877,10180,5259],{"class":4384},[3877,10182,3981],{"class":3898},[3877,10184,5824],{"class":3908},[3877,10186,4493],{"class":3898},[3877,10188,4496],{"class":4384},[3877,10190,5698],{"class":3898},[3877,10192,5701],{"class":3890},[3877,10194,10029],{"class":4384},[3877,10196,4507],{"class":3898},[3877,10198,6554],{"class":4384},[3877,10200,4512],{"class":3898},[3877,10202,10203,10206,10208,10210,10213,10215,10217,10219,10222,10225,10227,10229,10231,10233,10235],{"class":3879,"line":3887},[3877,10204,10205],{"class":3918},"  for",[3877,10207,3844],{"class":3898},[3877,10209,3891],{"class":3890},[3877,10211,10212],{"class":3908}," i",[3877,10214,3899],{"class":3898},[3877,10216,6046],{"class":4169},[3877,10218,8414],{"class":3898},[3877,10220,10221],{"class":3908},"i",[3877,10223,10224],{"class":3898}," \u003C ",[3877,10226,10163],{"class":3908},[3877,10228,4349],{"class":3898},[3877,10230,5875],{"class":3908},[3877,10232,8414],{"class":3898},[3877,10234,10221],{"class":3908},[3877,10236,10237],{"class":3898},"++) {\n",[3877,10239,10240,10243,10245,10247,10249,10251,10253,10255],{"class":3879,"line":3915},[3877,10241,10242],{"class":3894},"    callback",[3877,10244,3905],{"class":3898},[3877,10246,10163],{"class":3908},[3877,10248,4166],{"class":3898},[3877,10250,10221],{"class":3908},[3877,10252,9941],{"class":3898},[3877,10254,10221],{"class":3908},[3877,10256,5652],{"class":3898},[3877,10258,10259],{"class":3879,"line":3940},[3877,10260,4791],{"class":3898},[3877,10262,10263],{"class":3879,"line":3946},[3877,10264,4274],{"class":3898},[3877,10266,10267],{"class":3879,"line":3953},[3877,10268,3950],{"emptyLinePlaceholder":3949},[3877,10270,10271,10273,10275,10277,10279,10281,10283,10285,10287,10289,10291,10293,10295,10297],{"class":3879,"line":3959},[3877,10272,5761],{"class":3894},[3877,10274,9861],{"class":3898},[3877,10276,5298],{"class":3922},[3877,10278,3981],{"class":3898},[3877,10280,5735],{"class":3922},[3877,10282,3981],{"class":3898},[3877,10284,5740],{"class":3922},[3877,10286,9874],{"class":3898},[3877,10288,3909],{"class":3908},[3877,10290,3981],{"class":3898},[3877,10292,5824],{"class":3908},[3877,10294,5698],{"class":3898},[3877,10296,5701],{"class":3890},[3877,10298,4512],{"class":3898},[3877,10300,10301,10303,10305,10307,10309,10311,10313,10315,10317,10319,10321,10323,10325,10327],{"class":3879,"line":3970},[3877,10302,5774],{"class":3908},[3877,10304,4349],{"class":3898},[3877,10306,4352],{"class":3894},[3877,10308,3905],{"class":3898},[3877,10310,5848],{"class":3922},[3877,10312,3926],{"class":3890},[3877,10314,5824],{"class":3908},[3877,10316,3931],{"class":3890},[3877,10318,4493],{"class":3922},[3877,10320,3926],{"class":3890},[3877,10322,3909],{"class":3908},[3877,10324,3931],{"class":3890},[3877,10326,5848],{"class":3922},[3877,10328,5652],{"class":3898},[3877,10330,10331],{"class":3879,"line":4004},[3877,10332,5798],{"class":3898},[3877,10334,10335],{"class":3879,"line":4030},[3877,10336,10337],{"class":3883},"\u002F\u002F 0: Alice\n",[3877,10339,10340],{"class":3879,"line":4057},[3877,10341,10342],{"class":3883},"\u002F\u002F 1: Bob\n",[3877,10344,10345],{"class":3879,"line":4063},[3877,10346,10347],{"class":3883},"\u002F\u002F 2: Charlie\n",[3838,10349,10350],{},[3784,10351,10352],{},"TypeScript виводить типи параметрів callback:",[3868,10354,10356],{"className":4475,"code":10355,"language":4477,"meta":3873,"style":3873},"function map(items: number[], callback: (item: number) => number): number[] {\n  let result: number[] = [];\n  for (let item of items) {\n    result.push(callback(item));\n  }\n  return result;\n}\n\n\u002F\u002F TypeScript знає, що item — це number\nlet doubled = map([1, 2, 3], item => item * 2);\n\u002F\u002F                           ^\n\u002F\u002F                  TypeScript виводить: item: number\n",[3771,10357,10358,10398,10413,10432,10451,10455,10463,10467,10471,10476,10512,10517],{"__ignoreMap":3873},[3877,10359,10360,10362,10365,10367,10369,10371,10373,10375,10377,10379,10381,10383,10385,10387,10389,10392,10394,10396],{"class":3879,"line":3880},[3877,10361,3902],{"class":3890},[3877,10363,10364],{"class":3894}," map",[3877,10366,3905],{"class":3898},[3877,10368,10163],{"class":3908},[3877,10370,4493],{"class":3898},[3877,10372,4496],{"class":4384},[3877,10374,9010],{"class":3898},[3877,10376,9832],{"class":3894},[3877,10378,9795],{"class":3898},[3877,10380,10176],{"class":3908},[3877,10382,4493],{"class":3898},[3877,10384,4496],{"class":4384},[3877,10386,5698],{"class":3898},[3877,10388,5701],{"class":3890},[3877,10390,10391],{"class":4384}," number",[3877,10393,4507],{"class":3898},[3877,10395,4496],{"class":4384},[3877,10397,9817],{"class":3898},[3877,10399,10400,10403,10406,10408,10410],{"class":3879,"line":3887},[3877,10401,10402],{"class":3890},"  let",[3877,10404,10405],{"class":3908}," result",[3877,10407,4493],{"class":3898},[3877,10409,4496],{"class":4384},[3877,10411,10412],{"class":3898},"[] = [];\n",[3877,10414,10415,10417,10419,10421,10424,10427,10430],{"class":3879,"line":3915},[3877,10416,10205],{"class":3918},[3877,10418,3844],{"class":3898},[3877,10420,3891],{"class":3890},[3877,10422,10423],{"class":3908}," item",[3877,10425,10426],{"class":3890}," of",[3877,10428,10429],{"class":3908}," items",[3877,10431,3912],{"class":3898},[3877,10433,10434,10437,10439,10441,10443,10445,10447,10449],{"class":3879,"line":3940},[3877,10435,10436],{"class":3908},"    result",[3877,10438,4349],{"class":3898},[3877,10440,9581],{"class":3894},[3877,10442,3905],{"class":3898},[3877,10444,9832],{"class":3894},[3877,10446,3905],{"class":3898},[3877,10448,10176],{"class":3908},[3877,10450,8467],{"class":3898},[3877,10452,10453],{"class":3879,"line":3946},[3877,10454,4791],{"class":3898},[3877,10456,10457,10459,10461],{"class":3879,"line":3953},[3877,10458,3919],{"class":3918},[3877,10460,10405],{"class":3908},[3877,10462,3937],{"class":3898},[3877,10464,10465],{"class":3879,"line":3959},[3877,10466,4274],{"class":3898},[3877,10468,10469],{"class":3879,"line":3970},[3877,10470,3950],{"emptyLinePlaceholder":3949},[3877,10472,10473],{"class":3879,"line":4004},[3877,10474,10475],{"class":3883},"\u002F\u002F TypeScript знає, що item — це number\n",[3877,10477,10478,10480,10482,10484,10486,10488,10490,10492,10494,10496,10498,10500,10502,10504,10506,10508,10510],{"class":3879,"line":4030},[3877,10479,3891],{"class":3890},[3877,10481,5628],{"class":3908},[3877,10483,3899],{"class":3898},[3877,10485,4186],{"class":3894},[3877,10487,9861],{"class":3898},[3877,10489,4170],{"class":4169},[3877,10491,3981],{"class":3898},[3877,10493,4175],{"class":4169},[3877,10495,3981],{"class":3898},[3877,10497,4180],{"class":4169},[3877,10499,9941],{"class":3898},[3877,10501,10176],{"class":3908},[3877,10503,4655],{"class":3890},[3877,10505,10423],{"class":3908},[3877,10507,4049],{"class":3898},[3877,10509,4175],{"class":4169},[3877,10511,5652],{"class":3898},[3877,10513,10514],{"class":3879,"line":4057},[3877,10515,10516],{"class":3883},"\u002F\u002F                           ^\n",[3877,10518,10519],{"class":3879,"line":4063},[3877,10520,10521],{"class":3883},"\u002F\u002F                  TypeScript виводить: item: number\n",[3833,10523,10525],{"id":10524},"опціональні-callback","Опціональні callback",[3838,10527,10528],{},"Callback можна зробити опціональним:",[3868,10530,10532],{"className":4475,"code":10531,"language":4477,"meta":3873,"style":3873},"function fetchData(\n  url: string,\n  onSuccess?: (data: unknown) => void,\n  onError?: (error: Error) => void\n): void {\n  fetch(url)\n    .then(response => response.json())\n    .then(data => {\n      if (onSuccess) {\n        onSuccess(data);  \u002F\u002F викликаємо, якщо передано\n      }\n    })\n    .catch(error => {\n      if (onError) {\n        onError(error);  \u002F\u002F викликаємо, якщо передано\n      }\n    });\n}\n\n\u002F\u002F Використання\nfetchData(\"\u002Fapi\u002Fusers\", data => {\n  console.log(\"Data received:\", data);\n});\n\nfetchData(\n  \"\u002Fapi\u002Fusers\",\n  data => console.log(\"Success:\", data),\n  error => console.error(\"Error:\", error)\n);\n",[3771,10533,10534,10543,10555,10578,10600,10608,10621,10647,10661,10673,10687,10692,10697,10712,10723,10736,10740,10745,10749,10753,10758,10776,10795,10799,10803,10809,10816,10842,10866],{"__ignoreMap":3873},[3877,10535,10536,10538,10541],{"class":3879,"line":3880},[3877,10537,3902],{"class":3890},[3877,10539,10540],{"class":3894}," fetchData",[3877,10542,9046],{"class":3898},[3877,10544,10545,10548,10550,10552],{"class":3879,"line":3887},[3877,10546,10547],{"class":3908},"  url",[3877,10549,4493],{"class":3898},[3877,10551,5259],{"class":4384},[3877,10553,10554],{"class":3898},",\n",[3877,10556,10557,10560,10563,10566,10568,10570,10572,10574,10576],{"class":3879,"line":3915},[3877,10558,10559],{"class":3894},"  onSuccess",[3877,10561,10562],{"class":3898},"?: (",[3877,10564,10565],{"class":3908},"data",[3877,10567,4493],{"class":3898},[3877,10569,8874],{"class":4384},[3877,10571,5698],{"class":3898},[3877,10573,5701],{"class":3890},[3877,10575,10029],{"class":4384},[3877,10577,10554],{"class":3898},[3877,10579,10580,10583,10585,10588,10590,10593,10595,10597],{"class":3879,"line":3940},[3877,10581,10582],{"class":3894},"  onError",[3877,10584,10562],{"class":3898},[3877,10586,10587],{"class":3908},"error",[3877,10589,4493],{"class":3898},[3877,10591,10592],{"class":4384},"Error",[3877,10594,5698],{"class":3898},[3877,10596,5701],{"class":3890},[3877,10598,10599],{"class":4384}," void\n",[3877,10601,10602,10604,10606],{"class":3879,"line":3946},[3877,10603,4507],{"class":3898},[3877,10605,6554],{"class":4384},[3877,10607,4512],{"class":3898},[3877,10609,10610,10613,10615,10618],{"class":3879,"line":3953},[3877,10611,10612],{"class":3894},"  fetch",[3877,10614,3905],{"class":3898},[3877,10616,10617],{"class":3908},"url",[3877,10619,10620],{"class":3898},")\n",[3877,10622,10623,10626,10629,10631,10634,10636,10639,10641,10644],{"class":3879,"line":3959},[3877,10624,10625],{"class":3898},"    .",[3877,10627,10628],{"class":3894},"then",[3877,10630,3905],{"class":3898},[3877,10632,10633],{"class":3908},"response",[3877,10635,4655],{"class":3890},[3877,10637,10638],{"class":3908}," response",[3877,10640,4349],{"class":3898},[3877,10642,10643],{"class":3894},"json",[3877,10645,10646],{"class":3898},"())\n",[3877,10648,10649,10651,10653,10655,10657,10659],{"class":3879,"line":3970},[3877,10650,10625],{"class":3898},[3877,10652,10628],{"class":3894},[3877,10654,3905],{"class":3898},[3877,10656,10565],{"class":3908},[3877,10658,4655],{"class":3890},[3877,10660,4512],{"class":3898},[3877,10662,10663,10666,10668,10671],{"class":3879,"line":4004},[3877,10664,10665],{"class":3918},"      if",[3877,10667,3844],{"class":3898},[3877,10669,10670],{"class":3908},"onSuccess",[3877,10672,3912],{"class":3898},[3877,10674,10675,10678,10680,10682,10684],{"class":3879,"line":4030},[3877,10676,10677],{"class":3894},"        onSuccess",[3877,10679,3905],{"class":3898},[3877,10681,10565],{"class":3908},[3877,10683,4362],{"class":3898},[3877,10685,10686],{"class":3883},"\u002F\u002F викликаємо, якщо передано\n",[3877,10688,10689],{"class":3879,"line":4057},[3877,10690,10691],{"class":3898},"      }\n",[3877,10693,10694],{"class":3879,"line":4063},[3877,10695,10696],{"class":3898},"    })\n",[3877,10698,10699,10701,10704,10706,10708,10710],{"class":3879,"line":4068},[3877,10700,10625],{"class":3898},[3877,10702,10703],{"class":3894},"catch",[3877,10705,3905],{"class":3898},[3877,10707,10587],{"class":3908},[3877,10709,4655],{"class":3890},[3877,10711,4512],{"class":3898},[3877,10713,10714,10716,10718,10721],{"class":3879,"line":4074},[3877,10715,10665],{"class":3918},[3877,10717,3844],{"class":3898},[3877,10719,10720],{"class":3908},"onError",[3877,10722,3912],{"class":3898},[3877,10724,10725,10728,10730,10732,10734],{"class":3879,"line":4085},[3877,10726,10727],{"class":3894},"        onError",[3877,10729,3905],{"class":3898},[3877,10731,10587],{"class":3908},[3877,10733,4362],{"class":3898},[3877,10735,10686],{"class":3883},[3877,10737,10738],{"class":3879,"line":4117},[3877,10739,10691],{"class":3898},[3877,10741,10742],{"class":3879,"line":4147},[3877,10743,10744],{"class":3898},"    });\n",[3877,10746,10747],{"class":3879,"line":4152},[3877,10748,4274],{"class":3898},[3877,10750,10751],{"class":3879,"line":4157},[3877,10752,3950],{"emptyLinePlaceholder":3949},[3877,10754,10755],{"class":3879,"line":4163},[3877,10756,10757],{"class":3883},"\u002F\u002F Використання\n",[3877,10759,10760,10763,10765,10768,10770,10772,10774],{"class":3879,"line":4212},[3877,10761,10762],{"class":3894},"fetchData",[3877,10764,3905],{"class":3898},[3877,10766,10767],{"class":3922},"\"\u002Fapi\u002Fusers\"",[3877,10769,3981],{"class":3898},[3877,10771,10565],{"class":3908},[3877,10773,4655],{"class":3890},[3877,10775,4512],{"class":3898},[3877,10777,10778,10780,10782,10784,10786,10789,10791,10793],{"class":3879,"line":4217},[3877,10779,5774],{"class":3908},[3877,10781,4349],{"class":3898},[3877,10783,4352],{"class":3894},[3877,10785,3905],{"class":3898},[3877,10787,10788],{"class":3922},"\"Data received:\"",[3877,10790,3981],{"class":3898},[3877,10792,10565],{"class":3908},[3877,10794,5652],{"class":3898},[3877,10796,10797],{"class":3879,"line":4223},[3877,10798,5798],{"class":3898},[3877,10800,10801],{"class":3879,"line":4238},[3877,10802,3950],{"emptyLinePlaceholder":3949},[3877,10804,10805,10807],{"class":3879,"line":4251},[3877,10806,10762],{"class":3894},[3877,10808,9046],{"class":3898},[3877,10810,10811,10814],{"class":3879,"line":4265},[3877,10812,10813],{"class":3922},"  \"\u002Fapi\u002Fusers\"",[3877,10815,10554],{"class":3898},[3877,10817,10818,10821,10823,10826,10828,10830,10832,10835,10837,10839],{"class":3879,"line":4271},[3877,10819,10820],{"class":3908},"  data",[3877,10822,4655],{"class":3890},[3877,10824,10825],{"class":3908}," console",[3877,10827,4349],{"class":3898},[3877,10829,4352],{"class":3894},[3877,10831,3905],{"class":3898},[3877,10833,10834],{"class":3922},"\"Success:\"",[3877,10836,3981],{"class":3898},[3877,10838,10565],{"class":3908},[3877,10840,10841],{"class":3898},"),\n",[3877,10843,10844,10847,10849,10851,10853,10855,10857,10860,10862,10864],{"class":3879,"line":4935},[3877,10845,10846],{"class":3908},"  error",[3877,10848,4655],{"class":3890},[3877,10850,10825],{"class":3908},[3877,10852,4349],{"class":3898},[3877,10854,10587],{"class":3894},[3877,10856,3905],{"class":3898},[3877,10858,10859],{"class":3922},"\"Error:\"",[3877,10861,3981],{"class":3898},[3877,10863,10587],{"class":3908},[3877,10865,10620],{"class":3898},[3877,10867,10868],{"class":3879,"line":4940},[3877,10869,5652],{"class":3898},[3833,10871,10873],{"id":10872},"callback-з-контекстом-this","Callback з контекстом (this)",[3838,10875,10876,10877,10879],{},"Якщо callback використовує ",[3771,10878,3773],{},", потрібно явно типізувати контекст:",[3868,10881,10883],{"className":4475,"code":10882,"language":4477,"meta":3873,"style":3873},"function addEventListener(\n  event: string,\n  callback: (this: HTMLElement, event: Event) => void\n): void {\n  \u002F\u002F реалізація додавання слухача\n}\n\naddEventListener(\"click\", function(event) {\n  \u002F\u002F Тут this: HTMLElement\n  console.log(this.id);  \u002F\u002F OK: TypeScript знає, що this — це HTMLElement\n});\n",[3771,10884,10885,10894,10905,10934,10942,10947,10951,10955,10975,10980,11001],{"__ignoreMap":3873},[3877,10886,10887,10889,10892],{"class":3879,"line":3880},[3877,10888,3902],{"class":3890},[3877,10890,10891],{"class":3894}," addEventListener",[3877,10893,9046],{"class":3898},[3877,10895,10896,10899,10901,10903],{"class":3879,"line":3887},[3877,10897,10898],{"class":3908},"  event",[3877,10900,4493],{"class":3898},[3877,10902,5259],{"class":4384},[3877,10904,10554],{"class":3898},[3877,10906,10907,10909,10911,10913,10915,10918,10920,10923,10925,10928,10930,10932],{"class":3879,"line":3915},[3877,10908,9792],{"class":3894},[3877,10910,9795],{"class":3898},[3877,10912,3773],{"class":3890},[3877,10914,4493],{"class":3898},[3877,10916,10917],{"class":4384},"HTMLElement",[3877,10919,3981],{"class":3898},[3877,10921,10922],{"class":3908},"event",[3877,10924,4493],{"class":3898},[3877,10926,10927],{"class":4384},"Event",[3877,10929,5698],{"class":3898},[3877,10931,5701],{"class":3890},[3877,10933,10599],{"class":4384},[3877,10935,10936,10938,10940],{"class":3879,"line":3940},[3877,10937,4507],{"class":3898},[3877,10939,6554],{"class":4384},[3877,10941,4512],{"class":3898},[3877,10943,10944],{"class":3879,"line":3946},[3877,10945,10946],{"class":3883},"  \u002F\u002F реалізація додавання слухача\n",[3877,10948,10949],{"class":3879,"line":3953},[3877,10950,4274],{"class":3898},[3877,10952,10953],{"class":3879,"line":3959},[3877,10954,3950],{"emptyLinePlaceholder":3949},[3877,10956,10957,10960,10962,10965,10967,10969,10971,10973],{"class":3879,"line":3970},[3877,10958,10959],{"class":3894},"addEventListener",[3877,10961,3905],{"class":3898},[3877,10963,10964],{"class":3922},"\"click\"",[3877,10966,3981],{"class":3898},[3877,10968,3902],{"class":3890},[3877,10970,3905],{"class":3898},[3877,10972,10922],{"class":3908},[3877,10974,3912],{"class":3898},[3877,10976,10977],{"class":3879,"line":4004},[3877,10978,10979],{"class":3883},"  \u002F\u002F Тут this: HTMLElement\n",[3877,10981,10982,10984,10986,10988,10990,10992,10994,10996,10998],{"class":3879,"line":4030},[3877,10983,5774],{"class":3908},[3877,10985,4349],{"class":3898},[3877,10987,4352],{"class":3894},[3877,10989,3905],{"class":3898},[3877,10991,3773],{"class":3890},[3877,10993,4349],{"class":3898},[3877,10995,8393],{"class":3908},[3877,10997,4362],{"class":3898},[3877,10999,11000],{"class":3883},"\u002F\u002F OK: TypeScript знає, що this — це HTMLElement\n",[3877,11002,11003],{"class":3879,"line":4057},[3877,11004,5798],{"class":3898},[3838,11006,11007,11008,11011,11012,11015],{},"Синтаксис ",[3771,11009,11010],{},"this: Type"," у параметрах — це ",[3784,11013,11014],{},"псевдопараметр",", що не передається при виклику, а лише типізує контекст.",[11017,11018,11019,11031,11080],"warning",{},[3838,11020,11021,11024,11025,11027,11028,11030],{},[3784,11022,11023],{},"Arrow functions не мають власного this:"," Якщо callback має бути стрілочною функцією, вона успадковує ",[3771,11026,3773],{}," з зовнішнього контексту і не може мати ",[3771,11029,3773],{},"-параметр:",[3868,11032,11034],{"className":4475,"code":11033,"language":4477,"meta":3873,"style":3873},"addEventListener(\"click\", (event) => {\n  \u002F\u002F this тут — НЕ HTMLElement, а контекст з місця визначення\n  console.log(this);  \u002F\u002F може бути window, undefined, або інший контекст\n});\n",[3771,11035,11036,11054,11059,11076],{"__ignoreMap":3873},[3877,11037,11038,11040,11042,11044,11046,11048,11050,11052],{"class":3879,"line":3880},[3877,11039,10959],{"class":3894},[3877,11041,3905],{"class":3898},[3877,11043,10964],{"class":3922},[3877,11045,8919],{"class":3898},[3877,11047,10922],{"class":3908},[3877,11049,5698],{"class":3898},[3877,11051,5701],{"class":3890},[3877,11053,4512],{"class":3898},[3877,11055,11056],{"class":3879,"line":3887},[3877,11057,11058],{"class":3883},"  \u002F\u002F this тут — НЕ HTMLElement, а контекст з місця визначення\n",[3877,11060,11061,11063,11065,11067,11069,11071,11073],{"class":3879,"line":3915},[3877,11062,5774],{"class":3908},[3877,11064,4349],{"class":3898},[3877,11066,4352],{"class":3894},[3877,11068,3905],{"class":3898},[3877,11070,3773],{"class":3890},[3877,11072,4362],{"class":3898},[3877,11074,11075],{"class":3883},"\u002F\u002F може бути window, undefined, або інший контекст\n",[3877,11077,11078],{"class":3879,"line":3940},[3877,11079,5798],{"class":3898},[3838,11081,11082,11083,11085,11086,4349],{},"Використовуйте звичайні функції (",[3771,11084,3902],{},"), якщо потрібен доступ до ",[3771,11087,3773],{},[3825,11089],{},[3828,11091,11093],{"id":11092},"функції-вищого-порядку-higher-order-functions","Функції вищого порядку (Higher-Order Functions)",[3833,11095,11097],{"id":11096},"функції-що-повертають-функції","Функції, що повертають функції",[3838,11099,11100,3844,11103,11106,11107,11110,11111,11114],{},[3784,11101,11102],{},"Функція вищого порядку",[3846,11104,11105],{},"higher-order function",") — це функція, що ",[3784,11108,11109],{},"приймає"," інші функції як аргументи або ",[3784,11112,11113],{},"повертає"," функції як результат.",[3868,11116,11118],{"className":4475,"code":11117,"language":4477,"meta":3873,"style":3873},"function createMultiplier(factor: number): (n: number) => number {\n  return (n) => n * factor;\n}\n\nlet double = createMultiplier(2);\nlet triple = createMultiplier(3);\n\nconsole.log(double(5));  \u002F\u002F 10\nconsole.log(triple(5));  \u002F\u002F 15\n",[3771,11119,11120,11151,11171,11175,11179,11197,11214,11218,11240],{"__ignoreMap":3873},[3877,11121,11122,11124,11126,11128,11130,11132,11134,11137,11139,11141,11143,11145,11147,11149],{"class":3879,"line":3880},[3877,11123,3902],{"class":3890},[3877,11125,4228],{"class":3894},[3877,11127,3905],{"class":3898},[3877,11129,4233],{"class":3908},[3877,11131,4493],{"class":3898},[3877,11133,4496],{"class":4384},[3877,11135,11136],{"class":3898},"): (",[3877,11138,4195],{"class":3908},[3877,11140,4493],{"class":3898},[3877,11142,4496],{"class":4384},[3877,11144,5698],{"class":3898},[3877,11146,5701],{"class":3890},[3877,11148,10391],{"class":4384},[3877,11150,4512],{"class":3898},[3877,11152,11153,11155,11157,11159,11161,11163,11165,11167,11169],{"class":3879,"line":3887},[3877,11154,3919],{"class":3918},[3877,11156,3844],{"class":3898},[3877,11158,4195],{"class":3908},[3877,11160,5698],{"class":3898},[3877,11162,5701],{"class":3890},[3877,11164,4202],{"class":3908},[3877,11166,4049],{"class":3898},[3877,11168,4233],{"class":3908},[3877,11170,3937],{"class":3898},[3877,11172,11173],{"class":3879,"line":3915},[3877,11174,4274],{"class":3898},[3877,11176,11177],{"class":3879,"line":3940},[3877,11178,3950],{"emptyLinePlaceholder":3949},[3877,11180,11181,11183,11186,11188,11191,11193,11195],{"class":3879,"line":3946},[3877,11182,3891],{"class":3890},[3877,11184,11185],{"class":3908}," double",[3877,11187,3899],{"class":3898},[3877,11189,11190],{"class":3894},"createMultiplier",[3877,11192,3905],{"class":3898},[3877,11194,4175],{"class":4169},[3877,11196,5652],{"class":3898},[3877,11198,11199,11201,11204,11206,11208,11210,11212],{"class":3879,"line":3953},[3877,11200,3891],{"class":3890},[3877,11202,11203],{"class":3908}," triple",[3877,11205,3899],{"class":3898},[3877,11207,11190],{"class":3894},[3877,11209,3905],{"class":3898},[3877,11211,4180],{"class":4169},[3877,11213,5652],{"class":3898},[3877,11215,11216],{"class":3879,"line":3959},[3877,11217,3950],{"emptyLinePlaceholder":3949},[3877,11219,11220,11222,11224,11226,11228,11231,11233,11235,11237],{"class":3879,"line":3970},[3877,11221,4346],{"class":3908},[3877,11223,4349],{"class":3898},[3877,11225,4352],{"class":3894},[3877,11227,3905],{"class":3898},[3877,11229,11230],{"class":3894},"double",[3877,11232,3905],{"class":3898},[3877,11234,5523],{"class":4169},[3877,11236,5066],{"class":3898},[3877,11238,11239],{"class":3883},"\u002F\u002F 10\n",[3877,11241,11242,11244,11246,11248,11250,11253,11255,11257,11259],{"class":3879,"line":4004},[3877,11243,4346],{"class":3908},[3877,11245,4349],{"class":3898},[3877,11247,4352],{"class":3894},[3877,11249,3905],{"class":3898},[3877,11251,11252],{"class":3894},"triple",[3877,11254,3905],{"class":3898},[3877,11256,5523],{"class":4169},[3877,11258,5066],{"class":3898},[3877,11260,11261],{"class":3883},"\u002F\u002F 15\n",[3838,11263,11264],{},[3784,11265,11266],{},"Типізація:",[3746,11268,11269],{},[3749,11270,11271,11272,11275,11276,11278,11279],{},"Тип повернення: ",[3771,11273,11274],{},"(n: number) => number"," — функція, що приймає ",[3771,11277,4496],{}," і повертає ",[3771,11280,4496],{},[3838,11282,11283],{},[3784,11284,11285],{},"Практичний приклад: фабрика валідаторів:",[3868,11287,11289],{"className":4475,"code":11288,"language":4477,"meta":3873,"style":3873},"function createValidator(minLength: number): (value: string) => boolean {\n  return (value) => value.length >= minLength;\n}\n\nlet validateUsername = createValidator(3);\nlet validatePassword = createValidator(8);\n\nconsole.log(validateUsername(\"Al\"));          \u002F\u002F false\nconsole.log(validateUsername(\"Alice\"));       \u002F\u002F true\nconsole.log(validatePassword(\"pass\"));        \u002F\u002F false\nconsole.log(validatePassword(\"password123\")); \u002F\u002F true\n",[3771,11290,11291,11323,11348,11352,11356,11374,11392,11396,11420,11441,11464],{"__ignoreMap":3873},[3877,11292,11293,11295,11298,11300,11303,11305,11307,11309,11311,11313,11315,11317,11319,11321],{"class":3879,"line":3880},[3877,11294,3902],{"class":3890},[3877,11296,11297],{"class":3894}," createValidator",[3877,11299,3905],{"class":3898},[3877,11301,11302],{"class":3908},"minLength",[3877,11304,4493],{"class":3898},[3877,11306,4496],{"class":4384},[3877,11308,11136],{"class":3898},[3877,11310,6278],{"class":3908},[3877,11312,4493],{"class":3898},[3877,11314,5259],{"class":4384},[3877,11316,5698],{"class":3898},[3877,11318,5701],{"class":3890},[3877,11320,10104],{"class":4384},[3877,11322,4512],{"class":3898},[3877,11324,11325,11327,11329,11331,11333,11335,11337,11339,11341,11344,11346],{"class":3879,"line":3887},[3877,11326,3919],{"class":3918},[3877,11328,3844],{"class":3898},[3877,11330,6278],{"class":3908},[3877,11332,5698],{"class":3898},[3877,11334,5701],{"class":3890},[3877,11336,6331],{"class":3908},[3877,11338,4349],{"class":3898},[3877,11340,5875],{"class":3908},[3877,11342,11343],{"class":3898}," >= ",[3877,11345,11302],{"class":3908},[3877,11347,3937],{"class":3898},[3877,11349,11350],{"class":3879,"line":3915},[3877,11351,4274],{"class":3898},[3877,11353,11354],{"class":3879,"line":3940},[3877,11355,3950],{"emptyLinePlaceholder":3949},[3877,11357,11358,11360,11363,11365,11368,11370,11372],{"class":3879,"line":3946},[3877,11359,3891],{"class":3890},[3877,11361,11362],{"class":3908}," validateUsername",[3877,11364,3899],{"class":3898},[3877,11366,11367],{"class":3894},"createValidator",[3877,11369,3905],{"class":3898},[3877,11371,4180],{"class":4169},[3877,11373,5652],{"class":3898},[3877,11375,11376,11378,11381,11383,11385,11387,11390],{"class":3879,"line":3953},[3877,11377,3891],{"class":3890},[3877,11379,11380],{"class":3908}," validatePassword",[3877,11382,3899],{"class":3898},[3877,11384,11367],{"class":3894},[3877,11386,3905],{"class":3898},[3877,11388,11389],{"class":4169},"8",[3877,11391,5652],{"class":3898},[3877,11393,11394],{"class":3879,"line":3959},[3877,11395,3950],{"emptyLinePlaceholder":3949},[3877,11397,11398,11400,11402,11404,11406,11409,11411,11414,11417],{"class":3879,"line":3970},[3877,11399,4346],{"class":3908},[3877,11401,4349],{"class":3898},[3877,11403,4352],{"class":3894},[3877,11405,3905],{"class":3898},[3877,11407,11408],{"class":3894},"validateUsername",[3877,11410,3905],{"class":3898},[3877,11412,11413],{"class":3922},"\"Al\"",[3877,11415,11416],{"class":3898},"));          ",[3877,11418,11419],{"class":3883},"\u002F\u002F false\n",[3877,11421,11422,11424,11426,11428,11430,11432,11434,11436,11438],{"class":3879,"line":4004},[3877,11423,4346],{"class":3908},[3877,11425,4349],{"class":3898},[3877,11427,4352],{"class":3894},[3877,11429,3905],{"class":3898},[3877,11431,11408],{"class":3894},[3877,11433,3905],{"class":3898},[3877,11435,5298],{"class":3922},[3877,11437,7313],{"class":3898},[3877,11439,11440],{"class":3883},"\u002F\u002F true\n",[3877,11442,11443,11445,11447,11449,11451,11454,11456,11459,11462],{"class":3879,"line":4030},[3877,11444,4346],{"class":3908},[3877,11446,4349],{"class":3898},[3877,11448,4352],{"class":3894},[3877,11450,3905],{"class":3898},[3877,11452,11453],{"class":3894},"validatePassword",[3877,11455,3905],{"class":3898},[3877,11457,11458],{"class":3922},"\"pass\"",[3877,11460,11461],{"class":3898},"));        ",[3877,11463,11419],{"class":3883},[3877,11465,11466,11468,11470,11472,11474,11476,11478,11481,11484],{"class":3879,"line":4057},[3877,11467,4346],{"class":3908},[3877,11469,4349],{"class":3898},[3877,11471,4352],{"class":3894},[3877,11473,3905],{"class":3898},[3877,11475,11453],{"class":3894},[3877,11477,3905],{"class":3898},[3877,11479,11480],{"class":3922},"\"password123\"",[3877,11482,11483],{"class":3898},")); ",[3877,11485,11440],{"class":3883},[3833,11487,11489],{"id":11488},"замикання-closures","Замикання (Closures)",[3838,11491,11492,11493,3981,11496,5126],{},"Функції, що повертаються, зберігають доступ до змінних зовнішньої функції (",[3784,11494,11495],{},"замикання",[3846,11497,11498],{},"closure",[3868,11500,11502],{"className":4475,"code":11501,"language":4477,"meta":3873,"style":3873},"function createCounter(start: number): () => number {\n  let count = start;  \u002F\u002F змінна зберігається у замиканні\n  \n  return () => {\n    count++;\n    return count;\n  };\n}\n\nlet counter1 = createCounter(0);\nlet counter2 = createCounter(100);\n\nconsole.log(counter1());  \u002F\u002F 1\nconsole.log(counter1());  \u002F\u002F 2\nconsole.log(counter1());  \u002F\u002F 3\n\nconsole.log(counter2());  \u002F\u002F 101\nconsole.log(counter2());  \u002F\u002F 102\n",[3771,11503,11504,11529,11545,11549,11560,11568,11576,11580,11584,11588,11606,11623,11627,11645,11662,11679,11683,11701],{"__ignoreMap":3873},[3877,11505,11506,11508,11511,11513,11516,11518,11520,11523,11525,11527],{"class":3879,"line":3880},[3877,11507,3902],{"class":3890},[3877,11509,11510],{"class":3894}," createCounter",[3877,11512,3905],{"class":3898},[3877,11514,11515],{"class":3908},"start",[3877,11517,4493],{"class":3898},[3877,11519,4496],{"class":4384},[3877,11521,11522],{"class":3898},"): () ",[3877,11524,5701],{"class":3890},[3877,11526,10391],{"class":4384},[3877,11528,4512],{"class":3898},[3877,11530,11531,11533,11536,11538,11540,11542],{"class":3879,"line":3887},[3877,11532,10402],{"class":3890},[3877,11534,11535],{"class":3908}," count",[3877,11537,3899],{"class":3898},[3877,11539,11515],{"class":3908},[3877,11541,6113],{"class":3898},[3877,11543,11544],{"class":3883},"\u002F\u002F змінна зберігається у замиканні\n",[3877,11546,11547],{"class":3879,"line":3915},[3877,11548,7234],{"class":3898},[3877,11550,11551,11553,11556,11558],{"class":3879,"line":3940},[3877,11552,3919],{"class":3918},[3877,11554,11555],{"class":3898}," () ",[3877,11557,5701],{"class":3890},[3877,11559,4512],{"class":3898},[3877,11561,11562,11565],{"class":3879,"line":3946},[3877,11563,11564],{"class":3908},"    count",[3877,11566,11567],{"class":3898},"++;\n",[3877,11569,11570,11572,11574],{"class":3879,"line":3953},[3877,11571,4254],{"class":3918},[3877,11573,11535],{"class":3908},[3877,11575,3937],{"class":3898},[3877,11577,11578],{"class":3879,"line":3959},[3877,11579,4268],{"class":3898},[3877,11581,11582],{"class":3879,"line":3970},[3877,11583,4274],{"class":3898},[3877,11585,11586],{"class":3879,"line":4004},[3877,11587,3950],{"emptyLinePlaceholder":3949},[3877,11589,11590,11592,11595,11597,11600,11602,11604],{"class":3879,"line":4030},[3877,11591,3891],{"class":3890},[3877,11593,11594],{"class":3908}," counter1",[3877,11596,3899],{"class":3898},[3877,11598,11599],{"class":3894},"createCounter",[3877,11601,3905],{"class":3898},[3877,11603,6046],{"class":4169},[3877,11605,5652],{"class":3898},[3877,11607,11608,11610,11613,11615,11617,11619,11621],{"class":3879,"line":4057},[3877,11609,3891],{"class":3890},[3877,11611,11612],{"class":3908}," counter2",[3877,11614,3899],{"class":3898},[3877,11616,11599],{"class":3894},[3877,11618,3905],{"class":3898},[3877,11620,6441],{"class":4169},[3877,11622,5652],{"class":3898},[3877,11624,11625],{"class":3879,"line":4063},[3877,11626,3950],{"emptyLinePlaceholder":3949},[3877,11628,11629,11631,11633,11635,11637,11640,11642],{"class":3879,"line":4068},[3877,11630,4346],{"class":3908},[3877,11632,4349],{"class":3898},[3877,11634,4352],{"class":3894},[3877,11636,3905],{"class":3898},[3877,11638,11639],{"class":3894},"counter1",[3877,11641,5790],{"class":3898},[3877,11643,11644],{"class":3883},"\u002F\u002F 1\n",[3877,11646,11647,11649,11651,11653,11655,11657,11659],{"class":3879,"line":4074},[3877,11648,4346],{"class":3908},[3877,11650,4349],{"class":3898},[3877,11652,4352],{"class":3894},[3877,11654,3905],{"class":3898},[3877,11656,11639],{"class":3894},[3877,11658,5790],{"class":3898},[3877,11660,11661],{"class":3883},"\u002F\u002F 2\n",[3877,11663,11664,11666,11668,11670,11672,11674,11676],{"class":3879,"line":4085},[3877,11665,4346],{"class":3908},[3877,11667,4349],{"class":3898},[3877,11669,4352],{"class":3894},[3877,11671,3905],{"class":3898},[3877,11673,11639],{"class":3894},[3877,11675,5790],{"class":3898},[3877,11677,11678],{"class":3883},"\u002F\u002F 3\n",[3877,11680,11681],{"class":3879,"line":4117},[3877,11682,3950],{"emptyLinePlaceholder":3949},[3877,11684,11685,11687,11689,11691,11693,11696,11698],{"class":3879,"line":4147},[3877,11686,4346],{"class":3908},[3877,11688,4349],{"class":3898},[3877,11690,4352],{"class":3894},[3877,11692,3905],{"class":3898},[3877,11694,11695],{"class":3894},"counter2",[3877,11697,5790],{"class":3898},[3877,11699,11700],{"class":3883},"\u002F\u002F 101\n",[3877,11702,11703,11705,11707,11709,11711,11713,11715],{"class":3879,"line":4152},[3877,11704,4346],{"class":3908},[3877,11706,4349],{"class":3898},[3877,11708,4352],{"class":3894},[3877,11710,3905],{"class":3898},[3877,11712,11695],{"class":3894},[3877,11714,5790],{"class":3898},[3877,11716,11717],{"class":3883},"\u002F\u002F 102\n",[3838,11719,11720,11721,11723,11724,11727,11728,11731,11732,4349],{},"Кожен виклик ",[3771,11722,11599],{}," створює ",[3784,11725,11726],{},"окреме"," замикання зі ",[3784,11729,11730],{},"власною"," копією змінної ",[3771,11733,11734],{},"count",[4800,11736,11738],{"alt":11737},"Замикання: функція зберігає доступ до зовнішніх змінних",[3868,11739,11741],{"className":4805,"code":11740,"language":4807,"meta":3873,"style":3873},"@startuml\nskinparam style plain\nskinparam backgroundColor #FFFFFF\n\nrectangle \"createCounter(0)\" as Create1 #DCFCE7 {\n    rectangle \"Замикання 1\" as Closure1 #86EFAC {\n        note bottom\n        count = 0 (потім 1, 2, 3...)\n        end note\n    }\n    rectangle \"Функція counter1\" as Func1 #BBF7D0\n}\n\nrectangle \"createCounter(100)\" as Create2 #DBEAFE {\n    rectangle \"Замикання 2\" as Closure2 #93C5FD {\n        note bottom\n        count = 100 (потім 101, 102...)\n        end note\n    }\n    rectangle \"Функція counter2\" as Func2 #BFDBFE\n}\n\nFunc1 --> Closure1 : має доступ до\nFunc2 --> Closure2 : має доступ до\n\nnote right of Create1\n  Кожне замикання —\n  це окремий \"контекст\"\n  зі власними змінними\nend note\n@enduml\n",[3771,11742,11743,11747,11751,11755,11759,11764,11769,11774,11779,11784,11789,11794,11798,11802,11807,11812,11816,11821,11825,11829,11834,11838,11842,11847,11852,11856,11861,11866,11871,11876,11880],{"__ignoreMap":3873},[3877,11744,11745],{"class":3879,"line":3880},[3877,11746,4814],{},[3877,11748,11749],{"class":3879,"line":3887},[3877,11750,4819],{},[3877,11752,11753],{"class":3879,"line":3915},[3877,11754,4824],{},[3877,11756,11757],{"class":3879,"line":3940},[3877,11758,3950],{"emptyLinePlaceholder":3949},[3877,11760,11761],{"class":3879,"line":3946},[3877,11762,11763],{},"rectangle \"createCounter(0)\" as Create1 #DCFCE7 {\n",[3877,11765,11766],{"class":3879,"line":3953},[3877,11767,11768],{},"    rectangle \"Замикання 1\" as Closure1 #86EFAC {\n",[3877,11770,11771],{"class":3879,"line":3959},[3877,11772,11773],{},"        note bottom\n",[3877,11775,11776],{"class":3879,"line":3970},[3877,11777,11778],{},"        count = 0 (потім 1, 2, 3...)\n",[3877,11780,11781],{"class":3879,"line":4004},[3877,11782,11783],{},"        end note\n",[3877,11785,11786],{"class":3879,"line":4030},[3877,11787,11788],{},"    }\n",[3877,11790,11791],{"class":3879,"line":4057},[3877,11792,11793],{},"    rectangle \"Функція counter1\" as Func1 #BBF7D0\n",[3877,11795,11796],{"class":3879,"line":4063},[3877,11797,4274],{},[3877,11799,11800],{"class":3879,"line":4068},[3877,11801,3950],{"emptyLinePlaceholder":3949},[3877,11803,11804],{"class":3879,"line":4074},[3877,11805,11806],{},"rectangle \"createCounter(100)\" as Create2 #DBEAFE {\n",[3877,11808,11809],{"class":3879,"line":4085},[3877,11810,11811],{},"    rectangle \"Замикання 2\" as Closure2 #93C5FD {\n",[3877,11813,11814],{"class":3879,"line":4117},[3877,11815,11773],{},[3877,11817,11818],{"class":3879,"line":4147},[3877,11819,11820],{},"        count = 100 (потім 101, 102...)\n",[3877,11822,11823],{"class":3879,"line":4152},[3877,11824,11783],{},[3877,11826,11827],{"class":3879,"line":4157},[3877,11828,11788],{},[3877,11830,11831],{"class":3879,"line":4163},[3877,11832,11833],{},"    rectangle \"Функція counter2\" as Func2 #BFDBFE\n",[3877,11835,11836],{"class":3879,"line":4212},[3877,11837,4274],{},[3877,11839,11840],{"class":3879,"line":4217},[3877,11841,3950],{"emptyLinePlaceholder":3949},[3877,11843,11844],{"class":3879,"line":4223},[3877,11845,11846],{},"Func1 --> Closure1 : має доступ до\n",[3877,11848,11849],{"class":3879,"line":4238},[3877,11850,11851],{},"Func2 --> Closure2 : має доступ до\n",[3877,11853,11854],{"class":3879,"line":4251},[3877,11855,3950],{"emptyLinePlaceholder":3949},[3877,11857,11858],{"class":3879,"line":4265},[3877,11859,11860],{},"note right of Create1\n",[3877,11862,11863],{"class":3879,"line":4271},[3877,11864,11865],{},"  Кожне замикання —\n",[3877,11867,11868],{"class":3879,"line":4935},[3877,11869,11870],{},"  це окремий \"контекст\"\n",[3877,11872,11873],{"class":3879,"line":4940},[3877,11874,11875],{},"  зі власними змінними\n",[3877,11877,11878],{"class":3879,"line":4946},[3877,11879,5022],{},[3877,11881,11882],{"class":3879,"line":4951},[3877,11883,5028],{},[3833,11885,11887],{"id":11886},"карирування-currying","Карирування (Currying)",[3838,11889,11890,11893],{},[3784,11891,11892],{},"Карирування"," — це техніка перетворення функції з кількома параметрами на послідовність функцій з одним параметром:",[3868,11895,11897],{"className":4475,"code":11896,"language":4477,"meta":3873,"style":3873},"\u002F\u002F Звичайна функція з 3 параметрами\nfunction add(a: number, b: number, c: number): number {\n  return a + b + c;\n}\n\n\u002F\u002F Карирована версія\nfunction addCurried(a: number): (b: number) => (c: number) => number {\n  return (b) => (c) => a + b + c;\n}\n\n\u002F\u002F Використання\nlet result1 = add(1, 2, 3);  \u002F\u002F 6\n\nlet result2 = addCurried(1)(2)(3);  \u002F\u002F 6\n\n\u002F\u002F Часткове застосування\nlet add1 = addCurried(1);      \u002F\u002F (b: number) => (c: number) => number\nlet add1and2 = add1(2);        \u002F\u002F (c: number) => number\nlet result3 = add1and2(3);     \u002F\u002F 6\n",[3771,11898,11899,11904,11940,11956,11960,11964,11969,12012,12044,12048,12052,12056,12083,12087,12116,12120,12125,12145,12167],{"__ignoreMap":3873},[3877,11900,11901],{"class":3879,"line":3880},[3877,11902,11903],{"class":3883},"\u002F\u002F Звичайна функція з 3 параметрами\n",[3877,11905,11906,11908,11910,11912,11914,11916,11918,11920,11922,11924,11926,11928,11930,11932,11934,11936,11938],{"class":3879,"line":3887},[3877,11907,3902],{"class":3890},[3877,11909,4486],{"class":3894},[3877,11911,3905],{"class":3898},[3877,11913,3978],{"class":3908},[3877,11915,4493],{"class":3898},[3877,11917,4496],{"class":4384},[3877,11919,3981],{"class":3898},[3877,11921,3984],{"class":3908},[3877,11923,4493],{"class":3898},[3877,11925,4496],{"class":4384},[3877,11927,3981],{"class":3898},[3877,11929,9416],{"class":3908},[3877,11931,4493],{"class":3898},[3877,11933,4496],{"class":4384},[3877,11935,4507],{"class":3898},[3877,11937,4496],{"class":4384},[3877,11939,4512],{"class":3898},[3877,11941,11942,11944,11946,11948,11950,11952,11954],{"class":3879,"line":3915},[3877,11943,3919],{"class":3918},[3877,11945,3993],{"class":3908},[3877,11947,3996],{"class":3898},[3877,11949,3984],{"class":3908},[3877,11951,3996],{"class":3898},[3877,11953,9416],{"class":3908},[3877,11955,3937],{"class":3898},[3877,11957,11958],{"class":3879,"line":3940},[3877,11959,4274],{"class":3898},[3877,11961,11962],{"class":3879,"line":3946},[3877,11963,3950],{"emptyLinePlaceholder":3949},[3877,11965,11966],{"class":3879,"line":3953},[3877,11967,11968],{"class":3883},"\u002F\u002F Карирована версія\n",[3877,11970,11971,11973,11976,11978,11980,11982,11984,11986,11988,11990,11992,11994,11996,11998,12000,12002,12004,12006,12008,12010],{"class":3879,"line":3959},[3877,11972,3902],{"class":3890},[3877,11974,11975],{"class":3894}," addCurried",[3877,11977,3905],{"class":3898},[3877,11979,3978],{"class":3908},[3877,11981,4493],{"class":3898},[3877,11983,4496],{"class":4384},[3877,11985,11136],{"class":3898},[3877,11987,3984],{"class":3908},[3877,11989,4493],{"class":3898},[3877,11991,4496],{"class":4384},[3877,11993,5698],{"class":3898},[3877,11995,5701],{"class":3890},[3877,11997,3844],{"class":3898},[3877,11999,9416],{"class":3908},[3877,12001,4493],{"class":3898},[3877,12003,4496],{"class":4384},[3877,12005,5698],{"class":3898},[3877,12007,5701],{"class":3890},[3877,12009,10391],{"class":4384},[3877,12011,4512],{"class":3898},[3877,12013,12014,12016,12018,12020,12022,12024,12026,12028,12030,12032,12034,12036,12038,12040,12042],{"class":3879,"line":3970},[3877,12015,3919],{"class":3918},[3877,12017,3844],{"class":3898},[3877,12019,3984],{"class":3908},[3877,12021,5698],{"class":3898},[3877,12023,5701],{"class":3890},[3877,12025,3844],{"class":3898},[3877,12027,9416],{"class":3908},[3877,12029,5698],{"class":3898},[3877,12031,5701],{"class":3890},[3877,12033,3993],{"class":3908},[3877,12035,3996],{"class":3898},[3877,12037,3984],{"class":3908},[3877,12039,3996],{"class":3898},[3877,12041,9416],{"class":3908},[3877,12043,3937],{"class":3898},[3877,12045,12046],{"class":3879,"line":4004},[3877,12047,4274],{"class":3898},[3877,12049,12050],{"class":3879,"line":4030},[3877,12051,3950],{"emptyLinePlaceholder":3949},[3877,12053,12054],{"class":3879,"line":4057},[3877,12055,10757],{"class":3883},[3877,12057,12058,12060,12063,12065,12067,12069,12071,12073,12075,12077,12079,12081],{"class":3879,"line":4063},[3877,12059,3891],{"class":3890},[3877,12061,12062],{"class":3908}," result1",[3877,12064,3899],{"class":3898},[3877,12066,4610],{"class":3894},[3877,12068,3905],{"class":3898},[3877,12070,4170],{"class":4169},[3877,12072,3981],{"class":3898},[3877,12074,4175],{"class":4169},[3877,12076,3981],{"class":3898},[3877,12078,4180],{"class":4169},[3877,12080,4362],{"class":3898},[3877,12082,8750],{"class":3883},[3877,12084,12085],{"class":3879,"line":4068},[3877,12086,3950],{"emptyLinePlaceholder":3949},[3877,12088,12089,12091,12094,12096,12099,12101,12103,12106,12108,12110,12112,12114],{"class":3879,"line":4074},[3877,12090,3891],{"class":3890},[3877,12092,12093],{"class":3908}," result2",[3877,12095,3899],{"class":3898},[3877,12097,12098],{"class":3894},"addCurried",[3877,12100,3905],{"class":3898},[3877,12102,4170],{"class":4169},[3877,12104,12105],{"class":3898},")(",[3877,12107,4175],{"class":4169},[3877,12109,12105],{"class":3898},[3877,12111,4180],{"class":4169},[3877,12113,4362],{"class":3898},[3877,12115,8750],{"class":3883},[3877,12117,12118],{"class":3879,"line":4085},[3877,12119,3950],{"emptyLinePlaceholder":3949},[3877,12121,12122],{"class":3879,"line":4117},[3877,12123,12124],{"class":3883},"\u002F\u002F Часткове застосування\n",[3877,12126,12127,12129,12132,12134,12136,12138,12140,12142],{"class":3879,"line":4147},[3877,12128,3891],{"class":3890},[3877,12130,12131],{"class":3908}," add1",[3877,12133,3899],{"class":3898},[3877,12135,12098],{"class":3894},[3877,12137,3905],{"class":3898},[3877,12139,4170],{"class":4169},[3877,12141,5301],{"class":3898},[3877,12143,12144],{"class":3883},"\u002F\u002F (b: number) => (c: number) => number\n",[3877,12146,12147,12149,12152,12154,12157,12159,12161,12164],{"class":3879,"line":4152},[3877,12148,3891],{"class":3890},[3877,12150,12151],{"class":3908}," add1and2",[3877,12153,3899],{"class":3898},[3877,12155,12156],{"class":3894},"add1",[3877,12158,3905],{"class":3898},[3877,12160,4175],{"class":4169},[3877,12162,12163],{"class":3898},");        ",[3877,12165,12166],{"class":3883},"\u002F\u002F (c: number) => number\n",[3877,12168,12169,12171,12174,12176,12179,12181,12183,12186],{"class":3879,"line":4157},[3877,12170,3891],{"class":3890},[3877,12172,12173],{"class":3908}," result3",[3877,12175,3899],{"class":3898},[3877,12177,12178],{"class":3894},"add1and2",[3877,12180,3905],{"class":3898},[3877,12182,4180],{"class":4169},[3877,12184,12185],{"class":3898},");     ",[3877,12187,8750],{"class":3883},[3838,12189,12190],{},"Карирування корисне для створення спеціалізованих функцій з попередньо заданими параметрами.",[3825,12192],{},[3828,12194,12196],{"id":12195},"function-overloading-перевантаження-функцій","Function Overloading (перевантаження функцій)",[3833,12198,12200],{"id":12199},"проблема-різні-сигнатури-для-різних-входів","Проблема: різні сигнатури для різних входів",[3838,12202,12203],{},"Іноді функція має різну поведінку та різні типи повернення залежно від типів аргументів:",[3868,12205,12207],{"className":4475,"code":12206,"language":4477,"meta":3873,"style":3873},"\u002F\u002F Хочемо, щоб функція:\n\u002F\u002F - приймала string → повертала string\n\u002F\u002F - приймала number → повертала number\n\u002F\u002F - приймала string[] → повертала string[]\n\nfunction process(input: string | number | string[]): string | number | string[] {\n  if (typeof input === \"string\") {\n    return input.toUpperCase();\n  } else if (typeof input === \"number\") {\n    return input * 2;\n  } else {\n    return input.map(s => s.toUpperCase());\n  }\n}\n\nlet result1 = process(\"hello\");  \u002F\u002F тип: string | number | string[]\nlet result2 = process(5);        \u002F\u002F тип: string | number | string[]\nlet result3 = process([\"a\", \"b\"]); \u002F\u002F тип: string | number | string[]\n",[3771,12208,12209,12214,12219,12224,12229,12233,12271,12289,12302,12326,12338,12346,12373,12377,12381,12385,12406,12424],{"__ignoreMap":3873},[3877,12210,12211],{"class":3879,"line":3880},[3877,12212,12213],{"class":3883},"\u002F\u002F Хочемо, щоб функція:\n",[3877,12215,12216],{"class":3879,"line":3887},[3877,12217,12218],{"class":3883},"\u002F\u002F - приймала string → повертала string\n",[3877,12220,12221],{"class":3879,"line":3915},[3877,12222,12223],{"class":3883},"\u002F\u002F - приймала number → повертала number\n",[3877,12225,12226],{"class":3879,"line":3940},[3877,12227,12228],{"class":3883},"\u002F\u002F - приймала string[] → повертала string[]\n",[3877,12230,12231],{"class":3879,"line":3946},[3877,12232,3950],{"emptyLinePlaceholder":3949},[3877,12234,12235,12237,12240,12242,12245,12247,12249,12251,12253,12255,12257,12259,12261,12263,12265,12267,12269],{"class":3879,"line":3953},[3877,12236,3902],{"class":3890},[3877,12238,12239],{"class":3894}," process",[3877,12241,3905],{"class":3898},[3877,12243,12244],{"class":3908},"input",[3877,12246,4493],{"class":3898},[3877,12248,5259],{"class":4384},[3877,12250,7597],{"class":3898},[3877,12252,4496],{"class":4384},[3877,12254,7597],{"class":3898},[3877,12256,5259],{"class":4384},[3877,12258,8670],{"class":3898},[3877,12260,5259],{"class":4384},[3877,12262,7597],{"class":3898},[3877,12264,4496],{"class":4384},[3877,12266,7597],{"class":3898},[3877,12268,5259],{"class":4384},[3877,12270,9817],{"class":3898},[3877,12272,12273,12275,12277,12279,12282,12284,12287],{"class":3879,"line":3959},[3877,12274,6298],{"class":3918},[3877,12276,3844],{"class":3898},[3877,12278,4357],{"class":3890},[3877,12280,12281],{"class":3908}," input",[3877,12283,6043],{"class":3898},[3877,12285,12286],{"class":3922},"\"string\"",[3877,12288,3912],{"class":3898},[3877,12290,12291,12293,12295,12297,12299],{"class":3879,"line":3970},[3877,12292,4254],{"class":3918},[3877,12294,12281],{"class":3908},[3877,12296,4349],{"class":3898},[3877,12298,5787],{"class":3894},[3877,12300,12301],{"class":3898},"();\n",[3877,12303,12304,12307,12310,12313,12315,12317,12319,12321,12324],{"class":3879,"line":4004},[3877,12305,12306],{"class":3898},"  } ",[3877,12308,12309],{"class":3918},"else",[3877,12311,12312],{"class":3918}," if",[3877,12314,3844],{"class":3898},[3877,12316,4357],{"class":3890},[3877,12318,12281],{"class":3908},[3877,12320,6043],{"class":3898},[3877,12322,12323],{"class":3922},"\"number\"",[3877,12325,3912],{"class":3898},[3877,12327,12328,12330,12332,12334,12336],{"class":3879,"line":4030},[3877,12329,4254],{"class":3918},[3877,12331,12281],{"class":3908},[3877,12333,4049],{"class":3898},[3877,12335,4175],{"class":4169},[3877,12337,3937],{"class":3898},[3877,12339,12340,12342,12344],{"class":3879,"line":4057},[3877,12341,12306],{"class":3898},[3877,12343,12309],{"class":3918},[3877,12345,4512],{"class":3898},[3877,12347,12348,12350,12352,12354,12356,12358,12361,12363,12366,12368,12370],{"class":3879,"line":4063},[3877,12349,4254],{"class":3918},[3877,12351,12281],{"class":3908},[3877,12353,4349],{"class":3898},[3877,12355,4186],{"class":3894},[3877,12357,3905],{"class":3898},[3877,12359,12360],{"class":3908},"s",[3877,12362,4655],{"class":3890},[3877,12364,12365],{"class":3908}," s",[3877,12367,4349],{"class":3898},[3877,12369,5787],{"class":3894},[3877,12371,12372],{"class":3898},"());\n",[3877,12374,12375],{"class":3879,"line":4068},[3877,12376,4791],{"class":3898},[3877,12378,12379],{"class":3879,"line":4074},[3877,12380,4274],{"class":3898},[3877,12382,12383],{"class":3879,"line":4085},[3877,12384,3950],{"emptyLinePlaceholder":3949},[3877,12386,12387,12389,12391,12393,12396,12398,12401,12403],{"class":3879,"line":4117},[3877,12388,3891],{"class":3890},[3877,12390,12062],{"class":3908},[3877,12392,3899],{"class":3898},[3877,12394,12395],{"class":3894},"process",[3877,12397,3905],{"class":3898},[3877,12399,12400],{"class":3922},"\"hello\"",[3877,12402,4362],{"class":3898},[3877,12404,12405],{"class":3883},"\u002F\u002F тип: string | number | string[]\n",[3877,12407,12408,12410,12412,12414,12416,12418,12420,12422],{"class":3879,"line":4147},[3877,12409,3891],{"class":3890},[3877,12411,12093],{"class":3908},[3877,12413,3899],{"class":3898},[3877,12415,12395],{"class":3894},[3877,12417,3905],{"class":3898},[3877,12419,5523],{"class":4169},[3877,12421,12163],{"class":3898},[3877,12423,12405],{"class":3883},[3877,12425,12426,12428,12430,12432,12434,12436,12439,12441,12444,12447],{"class":3879,"line":4152},[3877,12427,3891],{"class":3890},[3877,12429,12173],{"class":3908},[3877,12431,3899],{"class":3898},[3877,12433,12395],{"class":3894},[3877,12435,9861],{"class":3898},[3877,12437,12438],{"class":3922},"\"a\"",[3877,12440,3981],{"class":3898},[3877,12442,12443],{"class":3922},"\"b\"",[3877,12445,12446],{"class":3898},"]); ",[3877,12448,12405],{"class":3883},[3838,12450,12451,12452,12455,12456,12459],{},"Проблема: TypeScript не знає ",[3784,12453,12454],{},"точного"," типу повернення — він виводить широкий union type ",[3771,12457,12458],{},"string | number | string[]"," для всіх випадків, хоча ми знаємо:",[3746,12461,12462,12470,12477],{},[3749,12463,12464,12467,12468],{},[3771,12465,12466],{},"process(string)"," → ",[3771,12469,5259],{},[3749,12471,12472,12467,12475],{},[3771,12473,12474],{},"process(number)",[3771,12476,4496],{},[3749,12478,12479,12467,12482],{},[3771,12480,12481],{},"process(string[])",[3771,12483,12484],{},"string[]",[3833,12486,12488],{"id":12487},"синтаксис-function-overloading","Синтаксис Function Overloading",[3838,12490,12491,12494,12495,12498],{},[3784,12492,12493],{},"Function overloading"," дозволяє визначити ",[3784,12496,12497],{},"кілька сигнатур"," для однієї функції:",[3868,12500,12502],{"className":4475,"code":12501,"language":4477,"meta":3873,"style":3873},"\u002F\u002F Overload signatures (сигнатури перевантаження)\nfunction process(input: string): string;\nfunction process(input: number): number;\nfunction process(input: string[]): string[];\n\n\u002F\u002F Implementation signature (реалізація)\nfunction process(input: string | number | string[]): string | number | string[] {\n  if (typeof input === \"string\") {\n    return input.toUpperCase();\n  } else if (typeof input === \"number\") {\n    return input * 2;\n  } else {\n    return input.map(s => s.toUpperCase());\n  }\n}\n\n\u002F\u002F Тепер TypeScript знає точні типи!\nlet result1 = process(\"hello\");  \u002F\u002F тип: string\nlet result2 = process(5);        \u002F\u002F тип: number\nlet result3 = process([\"a\", \"b\"]); \u002F\u002F тип: string[]\n",[3771,12503,12504,12509,12529,12549,12570,12574,12579,12615,12631,12643,12663,12675,12683,12707,12711,12715,12719,12724,12743,12762],{"__ignoreMap":3873},[3877,12505,12506],{"class":3879,"line":3880},[3877,12507,12508],{"class":3883},"\u002F\u002F Overload signatures (сигнатури перевантаження)\n",[3877,12510,12511,12513,12515,12517,12519,12521,12523,12525,12527],{"class":3879,"line":3887},[3877,12512,3902],{"class":3890},[3877,12514,12239],{"class":3894},[3877,12516,3905],{"class":3898},[3877,12518,12244],{"class":3908},[3877,12520,4493],{"class":3898},[3877,12522,5259],{"class":4384},[3877,12524,4507],{"class":3898},[3877,12526,5259],{"class":4384},[3877,12528,3937],{"class":3898},[3877,12530,12531,12533,12535,12537,12539,12541,12543,12545,12547],{"class":3879,"line":3915},[3877,12532,3902],{"class":3890},[3877,12534,12239],{"class":3894},[3877,12536,3905],{"class":3898},[3877,12538,12244],{"class":3908},[3877,12540,4493],{"class":3898},[3877,12542,4496],{"class":4384},[3877,12544,4507],{"class":3898},[3877,12546,4496],{"class":4384},[3877,12548,3937],{"class":3898},[3877,12550,12551,12553,12555,12557,12559,12561,12563,12565,12567],{"class":3879,"line":3940},[3877,12552,3902],{"class":3890},[3877,12554,12239],{"class":3894},[3877,12556,3905],{"class":3898},[3877,12558,12244],{"class":3908},[3877,12560,4493],{"class":3898},[3877,12562,5259],{"class":4384},[3877,12564,8670],{"class":3898},[3877,12566,5259],{"class":4384},[3877,12568,12569],{"class":3898},"[];\n",[3877,12571,12572],{"class":3879,"line":3946},[3877,12573,3950],{"emptyLinePlaceholder":3949},[3877,12575,12576],{"class":3879,"line":3953},[3877,12577,12578],{"class":3883},"\u002F\u002F Implementation signature (реалізація)\n",[3877,12580,12581,12583,12585,12587,12589,12591,12593,12595,12597,12599,12601,12603,12605,12607,12609,12611,12613],{"class":3879,"line":3959},[3877,12582,3902],{"class":3890},[3877,12584,12239],{"class":3894},[3877,12586,3905],{"class":3898},[3877,12588,12244],{"class":3908},[3877,12590,4493],{"class":3898},[3877,12592,5259],{"class":4384},[3877,12594,7597],{"class":3898},[3877,12596,4496],{"class":4384},[3877,12598,7597],{"class":3898},[3877,12600,5259],{"class":4384},[3877,12602,8670],{"class":3898},[3877,12604,5259],{"class":4384},[3877,12606,7597],{"class":3898},[3877,12608,4496],{"class":4384},[3877,12610,7597],{"class":3898},[3877,12612,5259],{"class":4384},[3877,12614,9817],{"class":3898},[3877,12616,12617,12619,12621,12623,12625,12627,12629],{"class":3879,"line":3970},[3877,12618,6298],{"class":3918},[3877,12620,3844],{"class":3898},[3877,12622,4357],{"class":3890},[3877,12624,12281],{"class":3908},[3877,12626,6043],{"class":3898},[3877,12628,12286],{"class":3922},[3877,12630,3912],{"class":3898},[3877,12632,12633,12635,12637,12639,12641],{"class":3879,"line":4004},[3877,12634,4254],{"class":3918},[3877,12636,12281],{"class":3908},[3877,12638,4349],{"class":3898},[3877,12640,5787],{"class":3894},[3877,12642,12301],{"class":3898},[3877,12644,12645,12647,12649,12651,12653,12655,12657,12659,12661],{"class":3879,"line":4030},[3877,12646,12306],{"class":3898},[3877,12648,12309],{"class":3918},[3877,12650,12312],{"class":3918},[3877,12652,3844],{"class":3898},[3877,12654,4357],{"class":3890},[3877,12656,12281],{"class":3908},[3877,12658,6043],{"class":3898},[3877,12660,12323],{"class":3922},[3877,12662,3912],{"class":3898},[3877,12664,12665,12667,12669,12671,12673],{"class":3879,"line":4057},[3877,12666,4254],{"class":3918},[3877,12668,12281],{"class":3908},[3877,12670,4049],{"class":3898},[3877,12672,4175],{"class":4169},[3877,12674,3937],{"class":3898},[3877,12676,12677,12679,12681],{"class":3879,"line":4063},[3877,12678,12306],{"class":3898},[3877,12680,12309],{"class":3918},[3877,12682,4512],{"class":3898},[3877,12684,12685,12687,12689,12691,12693,12695,12697,12699,12701,12703,12705],{"class":3879,"line":4068},[3877,12686,4254],{"class":3918},[3877,12688,12281],{"class":3908},[3877,12690,4349],{"class":3898},[3877,12692,4186],{"class":3894},[3877,12694,3905],{"class":3898},[3877,12696,12360],{"class":3908},[3877,12698,4655],{"class":3890},[3877,12700,12365],{"class":3908},[3877,12702,4349],{"class":3898},[3877,12704,5787],{"class":3894},[3877,12706,12372],{"class":3898},[3877,12708,12709],{"class":3879,"line":4074},[3877,12710,4791],{"class":3898},[3877,12712,12713],{"class":3879,"line":4085},[3877,12714,4274],{"class":3898},[3877,12716,12717],{"class":3879,"line":4117},[3877,12718,3950],{"emptyLinePlaceholder":3949},[3877,12720,12721],{"class":3879,"line":4147},[3877,12722,12723],{"class":3883},"\u002F\u002F Тепер TypeScript знає точні типи!\n",[3877,12725,12726,12728,12730,12732,12734,12736,12738,12740],{"class":3879,"line":4152},[3877,12727,3891],{"class":3890},[3877,12729,12062],{"class":3908},[3877,12731,3899],{"class":3898},[3877,12733,12395],{"class":3894},[3877,12735,3905],{"class":3898},[3877,12737,12400],{"class":3922},[3877,12739,4362],{"class":3898},[3877,12741,12742],{"class":3883},"\u002F\u002F тип: string\n",[3877,12744,12745,12747,12749,12751,12753,12755,12757,12759],{"class":3879,"line":4157},[3877,12746,3891],{"class":3890},[3877,12748,12093],{"class":3908},[3877,12750,3899],{"class":3898},[3877,12752,12395],{"class":3894},[3877,12754,3905],{"class":3898},[3877,12756,5523],{"class":4169},[3877,12758,12163],{"class":3898},[3877,12760,12761],{"class":3883},"\u002F\u002F тип: number\n",[3877,12763,12764,12766,12768,12770,12772,12774,12776,12778,12780,12782],{"class":3879,"line":4163},[3877,12765,3891],{"class":3890},[3877,12767,12173],{"class":3908},[3877,12769,3899],{"class":3898},[3877,12771,12395],{"class":3894},[3877,12773,9861],{"class":3898},[3877,12775,12438],{"class":3922},[3877,12777,3981],{"class":3898},[3877,12779,12443],{"class":3922},[3877,12781,12446],{"class":3898},[3877,12783,12784],{"class":3883},"\u002F\u002F тип: string[]\n",[3838,12786,12787],{},[3784,12788,12789],{},"Структура:",[12791,12792,12793,12799],"ol",{},[3749,12794,12795,12798],{},[3784,12796,12797],{},"Overload signatures"," (декілька) — описують різні способи виклику функції",[3749,12800,12801,12804],{},[3784,12802,12803],{},"Implementation signature"," (одна) — фактична реалізація, що має охоплювати всі overload signatures",[11017,12806,12807,12810],{},[3784,12808,12809],{},"Implementation signature не видна зовні:"," TypeScript використовує лише overload signatures для перевірки типів при виклику. Implementation signature має бути достатньо широкою, щоб охопити всі overload signatures.",[3833,12812,12814],{"id":12813},"порядок-overload-signatures-має-значення","Порядок overload signatures має значення",[3838,12816,12817,12818,12821],{},"TypeScript перевіряє overload signatures ",[3784,12819,12820],{},"зверху вниз"," і вибирає першу, що підходить:",[3868,12823,12825],{"className":4475,"code":12824,"language":4477,"meta":3873,"style":3873},"\u002F\u002F ❌ Неправильний порядок\nfunction format(value: unknown): string;         \u002F\u002F занадто широка, підходить для всього\nfunction format(value: number): string;          \u002F\u002F ніколи не викличеться!\nfunction format(value: string): string;          \u002F\u002F ніколи не викличеться!\n\nfunction format(value: unknown): string {\n  return String(value);\n}\n\n\u002F\u002F ✅ Правильний порядок: від специфічних до загальних\nfunction format(value: number): string;\nfunction format(value: string): string;\nfunction format(value: unknown): string;\n\nfunction format(value: unknown): string {\n  return String(value);\n}\n",[3771,12826,12827,12832,12856,12880,12902,12906,12926,12938,12942,12946,12951,12971,12991,13011,13015,13035,13047],{"__ignoreMap":3873},[3877,12828,12829],{"class":3879,"line":3880},[3877,12830,12831],{"class":3883},"\u002F\u002F ❌ Неправильний порядок\n",[3877,12833,12834,12836,12838,12840,12842,12844,12846,12848,12850,12853],{"class":3879,"line":3887},[3877,12835,3902],{"class":3890},[3877,12837,6273],{"class":3894},[3877,12839,3905],{"class":3898},[3877,12841,6278],{"class":3908},[3877,12843,4493],{"class":3898},[3877,12845,8874],{"class":4384},[3877,12847,4507],{"class":3898},[3877,12849,5259],{"class":4384},[3877,12851,12852],{"class":3898},";         ",[3877,12854,12855],{"class":3883},"\u002F\u002F занадто широка, підходить для всього\n",[3877,12857,12858,12860,12862,12864,12866,12868,12870,12872,12874,12877],{"class":3879,"line":3915},[3877,12859,3902],{"class":3890},[3877,12861,6273],{"class":3894},[3877,12863,3905],{"class":3898},[3877,12865,6278],{"class":3908},[3877,12867,4493],{"class":3898},[3877,12869,4496],{"class":4384},[3877,12871,4507],{"class":3898},[3877,12873,5259],{"class":4384},[3877,12875,12876],{"class":3898},";          ",[3877,12878,12879],{"class":3883},"\u002F\u002F ніколи не викличеться!\n",[3877,12881,12882,12884,12886,12888,12890,12892,12894,12896,12898,12900],{"class":3879,"line":3940},[3877,12883,3902],{"class":3890},[3877,12885,6273],{"class":3894},[3877,12887,3905],{"class":3898},[3877,12889,6278],{"class":3908},[3877,12891,4493],{"class":3898},[3877,12893,5259],{"class":4384},[3877,12895,4507],{"class":3898},[3877,12897,5259],{"class":4384},[3877,12899,12876],{"class":3898},[3877,12901,12879],{"class":3883},[3877,12903,12904],{"class":3879,"line":3946},[3877,12905,3950],{"emptyLinePlaceholder":3949},[3877,12907,12908,12910,12912,12914,12916,12918,12920,12922,12924],{"class":3879,"line":3953},[3877,12909,3902],{"class":3890},[3877,12911,6273],{"class":3894},[3877,12913,3905],{"class":3898},[3877,12915,6278],{"class":3908},[3877,12917,4493],{"class":3898},[3877,12919,8874],{"class":4384},[3877,12921,4507],{"class":3898},[3877,12923,5259],{"class":4384},[3877,12925,4512],{"class":3898},[3877,12927,12928,12930,12932,12934,12936],{"class":3879,"line":3959},[3877,12929,3919],{"class":3918},[3877,12931,6311],{"class":3894},[3877,12933,3905],{"class":3898},[3877,12935,6278],{"class":3908},[3877,12937,5652],{"class":3898},[3877,12939,12940],{"class":3879,"line":3970},[3877,12941,4274],{"class":3898},[3877,12943,12944],{"class":3879,"line":4004},[3877,12945,3950],{"emptyLinePlaceholder":3949},[3877,12947,12948],{"class":3879,"line":4030},[3877,12949,12950],{"class":3883},"\u002F\u002F ✅ Правильний порядок: від специфічних до загальних\n",[3877,12952,12953,12955,12957,12959,12961,12963,12965,12967,12969],{"class":3879,"line":4057},[3877,12954,3902],{"class":3890},[3877,12956,6273],{"class":3894},[3877,12958,3905],{"class":3898},[3877,12960,6278],{"class":3908},[3877,12962,4493],{"class":3898},[3877,12964,4496],{"class":4384},[3877,12966,4507],{"class":3898},[3877,12968,5259],{"class":4384},[3877,12970,3937],{"class":3898},[3877,12972,12973,12975,12977,12979,12981,12983,12985,12987,12989],{"class":3879,"line":4063},[3877,12974,3902],{"class":3890},[3877,12976,6273],{"class":3894},[3877,12978,3905],{"class":3898},[3877,12980,6278],{"class":3908},[3877,12982,4493],{"class":3898},[3877,12984,5259],{"class":4384},[3877,12986,4507],{"class":3898},[3877,12988,5259],{"class":4384},[3877,12990,3937],{"class":3898},[3877,12992,12993,12995,12997,12999,13001,13003,13005,13007,13009],{"class":3879,"line":4068},[3877,12994,3902],{"class":3890},[3877,12996,6273],{"class":3894},[3877,12998,3905],{"class":3898},[3877,13000,6278],{"class":3908},[3877,13002,4493],{"class":3898},[3877,13004,8874],{"class":4384},[3877,13006,4507],{"class":3898},[3877,13008,5259],{"class":4384},[3877,13010,3937],{"class":3898},[3877,13012,13013],{"class":3879,"line":4074},[3877,13014,3950],{"emptyLinePlaceholder":3949},[3877,13016,13017,13019,13021,13023,13025,13027,13029,13031,13033],{"class":3879,"line":4085},[3877,13018,3902],{"class":3890},[3877,13020,6273],{"class":3894},[3877,13022,3905],{"class":3898},[3877,13024,6278],{"class":3908},[3877,13026,4493],{"class":3898},[3877,13028,8874],{"class":4384},[3877,13030,4507],{"class":3898},[3877,13032,5259],{"class":4384},[3877,13034,4512],{"class":3898},[3877,13036,13037,13039,13041,13043,13045],{"class":3879,"line":4117},[3877,13038,3919],{"class":3918},[3877,13040,6311],{"class":3894},[3877,13042,3905],{"class":3898},[3877,13044,6278],{"class":3908},[3877,13046,5652],{"class":3898},[3877,13048,13049],{"class":3879,"line":4147},[3877,13050,4274],{"class":3898},[3838,13052,13053,13056,13057,13060,13061,13064],{},[3784,13054,13055],{},"Правило:"," Розташовуйте більш ",[3784,13058,13059],{},"специфічні"," сигнатури вище, більш ",[3784,13062,13063],{},"загальні"," — нижче.",[3833,13066,13068],{"id":13067},"приклад-функція-createelement","Приклад: функція createElement",[3868,13070,13072],{"className":4475,"code":13071,"language":4477,"meta":3873,"style":3873},"\u002F\u002F Створює DOM-елемент з різними сигнатурами\n\n\u002F\u002F Overload 1: створити елемент без атрибутів\nfunction createElement(tag: string): HTMLElement;\n\n\u002F\u002F Overload 2: створити елемент з атрибутами\nfunction createElement(tag: string, attributes: { [key: string]: string }): HTMLElement;\n\n\u002F\u002F Overload 3: створити елемент з атрибутами та дітьми\nfunction createElement(\n  tag: string,\n  attributes: { [key: string]: string },\n  children: HTMLElement[]\n): HTMLElement;\n\n\u002F\u002F Implementation\nfunction createElement(\n  tag: string,\n  attributes?: { [key: string]: string },\n  children?: HTMLElement[]\n): HTMLElement {\n  let element = document.createElement(tag);\n  \n  if (attributes) {\n    for (let key in attributes) {\n      element.setAttribute(key, attributes[key]);\n    }\n  }\n  \n  if (children) {\n    children.forEach(child => element.appendChild(child));\n  }\n  \n  return element;\n}\n\n\u002F\u002F Використання — TypeScript знає типи\nlet div1 = createElement(\"div\");\nlet div2 = createElement(\"div\", { class: \"container\" });\nlet div3 = createElement(\"div\", { id: \"main\" }, [\n  createElement(\"p\"),\n  createElement(\"span\")\n]);\n",[3771,13073,13074,13079,13083,13088,13110,13114,13119,13160,13164,13169,13177,13188,13208,13220,13228,13232,13237,13245,13255,13274,13284,13292,13315,13319,13329,13349,13374,13378,13382,13386,13397,13426,13430,13434,13442,13446,13450,13455,13473,13498,13524,13536,13547],{"__ignoreMap":3873},[3877,13075,13076],{"class":3879,"line":3880},[3877,13077,13078],{"class":3883},"\u002F\u002F Створює DOM-елемент з різними сигнатурами\n",[3877,13080,13081],{"class":3879,"line":3887},[3877,13082,3950],{"emptyLinePlaceholder":3949},[3877,13084,13085],{"class":3879,"line":3915},[3877,13086,13087],{"class":3883},"\u002F\u002F Overload 1: створити елемент без атрибутів\n",[3877,13089,13090,13092,13095,13097,13100,13102,13104,13106,13108],{"class":3879,"line":3940},[3877,13091,3902],{"class":3890},[3877,13093,13094],{"class":3894}," createElement",[3877,13096,3905],{"class":3898},[3877,13098,13099],{"class":3908},"tag",[3877,13101,4493],{"class":3898},[3877,13103,5259],{"class":4384},[3877,13105,4507],{"class":3898},[3877,13107,10917],{"class":4384},[3877,13109,3937],{"class":3898},[3877,13111,13112],{"class":3879,"line":3946},[3877,13113,3950],{"emptyLinePlaceholder":3949},[3877,13115,13116],{"class":3879,"line":3953},[3877,13117,13118],{"class":3883},"\u002F\u002F Overload 2: створити елемент з атрибутами\n",[3877,13120,13121,13123,13125,13127,13129,13131,13133,13135,13138,13141,13144,13146,13148,13151,13153,13156,13158],{"class":3879,"line":3959},[3877,13122,3902],{"class":3890},[3877,13124,13094],{"class":3894},[3877,13126,3905],{"class":3898},[3877,13128,13099],{"class":3908},[3877,13130,4493],{"class":3898},[3877,13132,5259],{"class":4384},[3877,13134,3981],{"class":3898},[3877,13136,13137],{"class":3908},"attributes",[3877,13139,13140],{"class":3898},": { [",[3877,13142,13143],{"class":3908},"key",[3877,13145,4493],{"class":3898},[3877,13147,5259],{"class":4384},[3877,13149,13150],{"class":3898},"]: ",[3877,13152,5259],{"class":4384},[3877,13154,13155],{"class":3898}," }): ",[3877,13157,10917],{"class":4384},[3877,13159,3937],{"class":3898},[3877,13161,13162],{"class":3879,"line":3970},[3877,13163,3950],{"emptyLinePlaceholder":3949},[3877,13165,13166],{"class":3879,"line":4004},[3877,13167,13168],{"class":3883},"\u002F\u002F Overload 3: створити елемент з атрибутами та дітьми\n",[3877,13170,13171,13173,13175],{"class":3879,"line":4030},[3877,13172,3902],{"class":3890},[3877,13174,13094],{"class":3894},[3877,13176,9046],{"class":3898},[3877,13178,13179,13182,13184,13186],{"class":3879,"line":4057},[3877,13180,13181],{"class":3908},"  tag",[3877,13183,4493],{"class":3898},[3877,13185,5259],{"class":4384},[3877,13187,10554],{"class":3898},[3877,13189,13190,13193,13195,13197,13199,13201,13203,13205],{"class":3879,"line":4063},[3877,13191,13192],{"class":3908},"  attributes",[3877,13194,13140],{"class":3898},[3877,13196,13143],{"class":3908},[3877,13198,4493],{"class":3898},[3877,13200,5259],{"class":4384},[3877,13202,13150],{"class":3898},[3877,13204,5259],{"class":4384},[3877,13206,13207],{"class":3898}," },\n",[3877,13209,13210,13213,13215,13217],{"class":3879,"line":4068},[3877,13211,13212],{"class":3908},"  children",[3877,13214,4493],{"class":3898},[3877,13216,10917],{"class":4384},[3877,13218,13219],{"class":3898},"[]\n",[3877,13221,13222,13224,13226],{"class":3879,"line":4074},[3877,13223,4507],{"class":3898},[3877,13225,10917],{"class":4384},[3877,13227,3937],{"class":3898},[3877,13229,13230],{"class":3879,"line":4085},[3877,13231,3950],{"emptyLinePlaceholder":3949},[3877,13233,13234],{"class":3879,"line":4117},[3877,13235,13236],{"class":3883},"\u002F\u002F Implementation\n",[3877,13238,13239,13241,13243],{"class":3879,"line":4147},[3877,13240,3902],{"class":3890},[3877,13242,13094],{"class":3894},[3877,13244,9046],{"class":3898},[3877,13246,13247,13249,13251,13253],{"class":3879,"line":4152},[3877,13248,13181],{"class":3908},[3877,13250,4493],{"class":3898},[3877,13252,5259],{"class":4384},[3877,13254,10554],{"class":3898},[3877,13256,13257,13259,13262,13264,13266,13268,13270,13272],{"class":3879,"line":4157},[3877,13258,13192],{"class":3908},[3877,13260,13261],{"class":3898},"?: { [",[3877,13263,13143],{"class":3908},[3877,13265,4493],{"class":3898},[3877,13267,5259],{"class":4384},[3877,13269,13150],{"class":3898},[3877,13271,5259],{"class":4384},[3877,13273,13207],{"class":3898},[3877,13275,13276,13278,13280,13282],{"class":3879,"line":4163},[3877,13277,13212],{"class":3908},[3877,13279,7082],{"class":3898},[3877,13281,10917],{"class":4384},[3877,13283,13219],{"class":3898},[3877,13285,13286,13288,13290],{"class":3879,"line":4212},[3877,13287,4507],{"class":3898},[3877,13289,10917],{"class":4384},[3877,13291,4512],{"class":3898},[3877,13293,13294,13296,13299,13301,13304,13306,13309,13311,13313],{"class":3879,"line":4217},[3877,13295,10402],{"class":3890},[3877,13297,13298],{"class":3908}," element",[3877,13300,3899],{"class":3898},[3877,13302,13303],{"class":3908},"document",[3877,13305,4349],{"class":3898},[3877,13307,13308],{"class":3894},"createElement",[3877,13310,3905],{"class":3898},[3877,13312,13099],{"class":3908},[3877,13314,5652],{"class":3898},[3877,13316,13317],{"class":3879,"line":4223},[3877,13318,7234],{"class":3898},[3877,13320,13321,13323,13325,13327],{"class":3879,"line":4238},[3877,13322,6298],{"class":3918},[3877,13324,3844],{"class":3898},[3877,13326,13137],{"class":3908},[3877,13328,3912],{"class":3898},[3877,13330,13331,13334,13336,13338,13341,13344,13347],{"class":3879,"line":4251},[3877,13332,13333],{"class":3918},"    for",[3877,13335,3844],{"class":3898},[3877,13337,3891],{"class":3890},[3877,13339,13340],{"class":3908}," key",[3877,13342,13343],{"class":3890}," in",[3877,13345,13346],{"class":3908}," attributes",[3877,13348,3912],{"class":3898},[3877,13350,13351,13354,13356,13359,13361,13363,13365,13367,13369,13371],{"class":3879,"line":4265},[3877,13352,13353],{"class":3908},"      element",[3877,13355,4349],{"class":3898},[3877,13357,13358],{"class":3894},"setAttribute",[3877,13360,3905],{"class":3898},[3877,13362,13143],{"class":3908},[3877,13364,3981],{"class":3898},[3877,13366,13137],{"class":3908},[3877,13368,4166],{"class":3898},[3877,13370,13143],{"class":3908},[3877,13372,13373],{"class":3898},"]);\n",[3877,13375,13376],{"class":3879,"line":4271},[3877,13377,11788],{"class":3898},[3877,13379,13380],{"class":3879,"line":4935},[3877,13381,4791],{"class":3898},[3877,13383,13384],{"class":3879,"line":4940},[3877,13385,7234],{"class":3898},[3877,13387,13388,13390,13392,13395],{"class":3879,"line":4946},[3877,13389,6298],{"class":3918},[3877,13391,3844],{"class":3898},[3877,13393,13394],{"class":3908},"children",[3877,13396,3912],{"class":3898},[3877,13398,13399,13402,13404,13406,13408,13411,13413,13415,13417,13420,13422,13424],{"class":3879,"line":4951},[3877,13400,13401],{"class":3908},"    children",[3877,13403,4349],{"class":3898},[3877,13405,5761],{"class":3894},[3877,13407,3905],{"class":3898},[3877,13409,13410],{"class":3908},"child",[3877,13412,4655],{"class":3890},[3877,13414,13298],{"class":3908},[3877,13416,4349],{"class":3898},[3877,13418,13419],{"class":3894},"appendChild",[3877,13421,3905],{"class":3898},[3877,13423,13410],{"class":3908},[3877,13425,8467],{"class":3898},[3877,13427,13428],{"class":3879,"line":4956},[3877,13429,4791],{"class":3898},[3877,13431,13432],{"class":3879,"line":4962},[3877,13433,7234],{"class":3898},[3877,13435,13436,13438,13440],{"class":3879,"line":4968},[3877,13437,3919],{"class":3918},[3877,13439,13298],{"class":3908},[3877,13441,3937],{"class":3898},[3877,13443,13444],{"class":3879,"line":4973},[3877,13445,4274],{"class":3898},[3877,13447,13448],{"class":3879,"line":4978},[3877,13449,3950],{"emptyLinePlaceholder":3949},[3877,13451,13452],{"class":3879,"line":4983},[3877,13453,13454],{"class":3883},"\u002F\u002F Використання — TypeScript знає типи\n",[3877,13456,13457,13459,13462,13464,13466,13468,13471],{"class":3879,"line":4989},[3877,13458,3891],{"class":3890},[3877,13460,13461],{"class":3908}," div1",[3877,13463,3899],{"class":3898},[3877,13465,13308],{"class":3894},[3877,13467,3905],{"class":3898},[3877,13469,13470],{"class":3922},"\"div\"",[3877,13472,5652],{"class":3898},[3877,13474,13475,13477,13480,13482,13484,13486,13488,13490,13493,13496],{"class":3879,"line":4995},[3877,13476,3891],{"class":3890},[3877,13478,13479],{"class":3908}," div2",[3877,13481,3899],{"class":3898},[3877,13483,13308],{"class":3894},[3877,13485,3905],{"class":3898},[3877,13487,13470],{"class":3922},[3877,13489,9340],{"class":3898},[3877,13491,13492],{"class":3908},"class:",[3877,13494,13495],{"class":3922}," \"container\"",[3877,13497,9357],{"class":3898},[3877,13499,13500,13502,13505,13507,13509,13511,13513,13515,13518,13521],{"class":3879,"line":5001},[3877,13501,3891],{"class":3890},[3877,13503,13504],{"class":3908}," div3",[3877,13506,3899],{"class":3898},[3877,13508,13308],{"class":3894},[3877,13510,3905],{"class":3898},[3877,13512,13470],{"class":3922},[3877,13514,9340],{"class":3898},[3877,13516,13517],{"class":3908},"id:",[3877,13519,13520],{"class":3922}," \"main\"",[3877,13522,13523],{"class":3898}," }, [\n",[3877,13525,13526,13529,13531,13534],{"class":3879,"line":5007},[3877,13527,13528],{"class":3894},"  createElement",[3877,13530,3905],{"class":3898},[3877,13532,13533],{"class":3922},"\"p\"",[3877,13535,10841],{"class":3898},[3877,13537,13538,13540,13542,13545],{"class":3879,"line":5013},[3877,13539,13528],{"class":3894},[3877,13541,3905],{"class":3898},[3877,13543,13544],{"class":3922},"\"span\"",[3877,13546,10620],{"class":3898},[3877,13548,13549],{"class":3879,"line":5019},[3877,13550,13373],{"class":3898},[3833,13552,13554],{"id":13553},"коли-використовувати-overloading","Коли використовувати overloading",[3838,13556,13557],{},[3784,13558,13559],{},"Використовуйте overloading, коли:",[3746,13561,13562,13565,13568],{},[3749,13563,13564],{},"Тип повернення залежить від типу вхідних аргументів",[3749,13566,13567],{},"Різні комбінації параметрів мають різне значення",[3749,13569,13570],{},"Потрібна точна типізація для кожного випадку",[3838,13572,13573],{},[3784,13574,13575],{},"НЕ використовуйте overloading, коли:",[3746,13577,13578,13581,13584],{},[3749,13579,13580],{},"Опціональні параметри достатні",[3749,13582,13583],{},"Union types адекватно описують всі випадки",[3749,13585,13586],{},"Логіка функції не змінюється залежно від типів",[3868,13588,13590],{"className":4475,"code":13589,"language":4477,"meta":3873,"style":3873},"\u002F\u002F ❌ Погано: overloading для опціональних параметрів\nfunction greet(name: string): string;\nfunction greet(name: string, greeting: string): string;\nfunction greet(name: string, greeting?: string): string {\n  return `${greeting || \"Hello\"}, ${name}!`;\n}\n\n\u002F\u002F ✅ Добре: просто опціональний параметр\nfunction greet(name: string, greeting: string = \"Hello\"): string {\n  return `${greeting}, ${name}!`;\n}\n",[3771,13591,13592,13597,13617,13645,13673,13701,13705,13709,13714,13746,13770],{"__ignoreMap":3873},[3877,13593,13594],{"class":3879,"line":3880},[3877,13595,13596],{"class":3883},"\u002F\u002F ❌ Погано: overloading для опціональних параметрів\n",[3877,13598,13599,13601,13603,13605,13607,13609,13611,13613,13615],{"class":3879,"line":3887},[3877,13600,3902],{"class":3890},[3877,13602,3895],{"class":3894},[3877,13604,3905],{"class":3898},[3877,13606,3909],{"class":3908},[3877,13608,4493],{"class":3898},[3877,13610,5259],{"class":4384},[3877,13612,4507],{"class":3898},[3877,13614,5259],{"class":4384},[3877,13616,3937],{"class":3898},[3877,13618,13619,13621,13623,13625,13627,13629,13631,13633,13635,13637,13639,13641,13643],{"class":3879,"line":3915},[3877,13620,3902],{"class":3890},[3877,13622,3895],{"class":3894},[3877,13624,3905],{"class":3898},[3877,13626,3909],{"class":3908},[3877,13628,4493],{"class":3898},[3877,13630,5259],{"class":4384},[3877,13632,3981],{"class":3898},[3877,13634,7079],{"class":3908},[3877,13636,4493],{"class":3898},[3877,13638,5259],{"class":4384},[3877,13640,4507],{"class":3898},[3877,13642,5259],{"class":4384},[3877,13644,3937],{"class":3898},[3877,13646,13647,13649,13651,13653,13655,13657,13659,13661,13663,13665,13667,13669,13671],{"class":3879,"line":3940},[3877,13648,3902],{"class":3890},[3877,13650,3895],{"class":3894},[3877,13652,3905],{"class":3898},[3877,13654,3909],{"class":3908},[3877,13656,4493],{"class":3898},[3877,13658,5259],{"class":4384},[3877,13660,3981],{"class":3898},[3877,13662,7079],{"class":3908},[3877,13664,7082],{"class":3898},[3877,13666,5259],{"class":4384},[3877,13668,4507],{"class":3898},[3877,13670,5259],{"class":4384},[3877,13672,4512],{"class":3898},[3877,13674,13675,13677,13679,13681,13683,13685,13687,13689,13691,13693,13695,13697,13699],{"class":3879,"line":3946},[3877,13676,3919],{"class":3918},[3877,13678,5472],{"class":3922},[3877,13680,3926],{"class":3890},[3877,13682,7079],{"class":3908},[3877,13684,8001],{"class":3898},[3877,13686,8004],{"class":3922},[3877,13688,3931],{"class":3890},[3877,13690,3981],{"class":3922},[3877,13692,3926],{"class":3890},[3877,13694,3909],{"class":3908},[3877,13696,3931],{"class":3890},[3877,13698,3934],{"class":3922},[3877,13700,3937],{"class":3898},[3877,13702,13703],{"class":3879,"line":3953},[3877,13704,4274],{"class":3898},[3877,13706,13707],{"class":3879,"line":3959},[3877,13708,3950],{"emptyLinePlaceholder":3949},[3877,13710,13711],{"class":3879,"line":3970},[3877,13712,13713],{"class":3883},"\u002F\u002F ✅ Добре: просто опціональний параметр\n",[3877,13715,13716,13718,13720,13722,13724,13726,13728,13730,13732,13734,13736,13738,13740,13742,13744],{"class":3879,"line":4004},[3877,13717,3902],{"class":3890},[3877,13719,3895],{"class":3894},[3877,13721,3905],{"class":3898},[3877,13723,3909],{"class":3908},[3877,13725,4493],{"class":3898},[3877,13727,5259],{"class":4384},[3877,13729,3981],{"class":3898},[3877,13731,7079],{"class":3908},[3877,13733,4493],{"class":3898},[3877,13735,5259],{"class":4384},[3877,13737,3899],{"class":3898},[3877,13739,7497],{"class":3922},[3877,13741,4507],{"class":3898},[3877,13743,5259],{"class":4384},[3877,13745,4512],{"class":3898},[3877,13747,13748,13750,13752,13754,13756,13758,13760,13762,13764,13766,13768],{"class":3879,"line":4030},[3877,13749,3919],{"class":3918},[3877,13751,5472],{"class":3922},[3877,13753,3926],{"class":3890},[3877,13755,7079],{"class":3908},[3877,13757,3931],{"class":3890},[3877,13759,3981],{"class":3922},[3877,13761,3926],{"class":3890},[3877,13763,3909],{"class":3908},[3877,13765,3931],{"class":3890},[3877,13767,3934],{"class":3922},[3877,13769,3937],{"class":3898},[3877,13771,13772],{"class":3879,"line":4057},[3877,13773,4274],{"class":3898},[3825,13775],{},[3828,13777,13779],{"id":13778},"типізація-контексту-this","Типізація контексту this",[3833,13781,13783],{"id":13782},"проблема-з-this-у-javascript","Проблема з this у JavaScript",[3838,13785,13786,13787,13789,13790,13793],{},"У JavaScript значення ",[3771,13788,3773],{}," залежить від ",[3784,13791,13792],{},"способу виклику"," функції, а не від місця її визначення:",[3868,13795,13797],{"className":3870,"code":13796,"language":3872,"meta":3873,"style":3873},"let user = {\n  name: \"Alice\",\n  greet: function() {\n    console.log(`Hello, ${this.name}!`);\n  }\n};\n\nuser.greet();  \u002F\u002F \"Hello, Alice!\" (this = user)\n\nlet greetFunc = user.greet;\ngreetFunc();   \u002F\u002F \"Hello, undefined!\" (this = undefined у strict mode або window)\n",[3771,13798,13799,13808,13818,13830,13856,13860,13864,13868,13883,13887,13904],{"__ignoreMap":3873},[3877,13800,13801,13803,13806],{"class":3879,"line":3880},[3877,13802,3891],{"class":3890},[3877,13804,13805],{"class":3908}," user",[3877,13807,4082],{"class":3898},[3877,13809,13810,13813,13816],{"class":3879,"line":3887},[3877,13811,13812],{"class":3908},"  name:",[3877,13814,13815],{"class":3922}," \"Alice\"",[3877,13817,10554],{"class":3898},[3877,13819,13820,13823,13825,13827],{"class":3879,"line":3915},[3877,13821,13822],{"class":3894},"  greet",[3877,13824,4091],{"class":3908},[3877,13826,4094],{"class":3890},[3877,13828,13829],{"class":3898},"() {\n",[3877,13831,13832,13834,13836,13838,13840,13842,13844,13846,13848,13850,13852,13854],{"class":3879,"line":3940},[3877,13833,6893],{"class":3908},[3877,13835,4349],{"class":3898},[3877,13837,4352],{"class":3894},[3877,13839,3905],{"class":3898},[3877,13841,6641],{"class":3922},[3877,13843,3926],{"class":3890},[3877,13845,3773],{"class":3890},[3877,13847,4349],{"class":5872},[3877,13849,3909],{"class":3908},[3877,13851,3931],{"class":3890},[3877,13853,3934],{"class":3922},[3877,13855,5652],{"class":3898},[3877,13857,13858],{"class":3879,"line":3946},[3877,13859,4791],{"class":3898},[3877,13861,13862],{"class":3879,"line":3953},[3877,13863,3943],{"class":3898},[3877,13865,13866],{"class":3879,"line":3959},[3877,13867,3950],{"emptyLinePlaceholder":3949},[3877,13869,13870,13873,13875,13877,13880],{"class":3879,"line":3970},[3877,13871,13872],{"class":3908},"user",[3877,13874,4349],{"class":3898},[3877,13876,4378],{"class":3894},[3877,13878,13879],{"class":3898},"();  ",[3877,13881,13882],{"class":3883},"\u002F\u002F \"Hello, Alice!\" (this = user)\n",[3877,13884,13885],{"class":3879,"line":4004},[3877,13886,3950],{"emptyLinePlaceholder":3949},[3877,13888,13889,13891,13894,13896,13898,13900,13902],{"class":3879,"line":4030},[3877,13890,3891],{"class":3890},[3877,13892,13893],{"class":3908}," greetFunc",[3877,13895,3899],{"class":3898},[3877,13897,13872],{"class":3908},[3877,13899,4349],{"class":3898},[3877,13901,4378],{"class":3908},[3877,13903,3937],{"class":3898},[3877,13905,13906,13909,13912],{"class":3879,"line":4057},[3877,13907,13908],{"class":3894},"greetFunc",[3877,13910,13911],{"class":3898},"();   ",[3877,13913,13914],{"class":3883},"\u002F\u002F \"Hello, undefined!\" (this = undefined у strict mode або window)\n",[3838,13916,13917,13918,13921,13922,13924],{},"TypeScript за замовчуванням має тип ",[3771,13919,13920],{},"any"," для ",[3771,13923,3773],{},", що небезпечно.",[3833,13926,13928],{"id":13927},"типізація-this-через-псевдопараметр","Типізація this через псевдопараметр",[3838,13930,13931,13932,7052,13934,13936],{},"TypeScript дозволяє явно типізувати ",[3771,13933,3773],{},[3784,13935,11014],{}," (не передається при виклику):",[3868,13938,13940],{"className":4475,"code":13939,"language":4477,"meta":3873,"style":3873},"function greet(this: { name: string }): void {\n  console.log(`Hello, ${this.name}!`);\n}\n\nlet user = { name: \"Alice\", greet: greet };\n\nuser.greet();  \u002F\u002F OK: this = user, що має властивість name\n\ngreet();  \u002F\u002F Error: The 'this' context of type 'void' is not assignable to method's 'this' of type '{ name: string }'\n",[3771,13941,13942,13967,13993,13997,14001,14024,14028,14041,14045],{"__ignoreMap":3873},[3877,13943,13944,13946,13948,13950,13952,13955,13957,13959,13961,13963,13965],{"class":3879,"line":3880},[3877,13945,3902],{"class":3890},[3877,13947,3895],{"class":3894},[3877,13949,3905],{"class":3898},[3877,13951,3773],{"class":3890},[3877,13953,13954],{"class":3898},": { ",[3877,13956,3909],{"class":3908},[3877,13958,4493],{"class":3898},[3877,13960,5259],{"class":4384},[3877,13962,13155],{"class":3898},[3877,13964,6554],{"class":4384},[3877,13966,4512],{"class":3898},[3877,13968,13969,13971,13973,13975,13977,13979,13981,13983,13985,13987,13989,13991],{"class":3879,"line":3887},[3877,13970,5774],{"class":3908},[3877,13972,4349],{"class":3898},[3877,13974,4352],{"class":3894},[3877,13976,3905],{"class":3898},[3877,13978,6641],{"class":3922},[3877,13980,3926],{"class":3890},[3877,13982,3773],{"class":3890},[3877,13984,4349],{"class":5872},[3877,13986,3909],{"class":3908},[3877,13988,3931],{"class":3890},[3877,13990,3934],{"class":3922},[3877,13992,5652],{"class":3898},[3877,13994,13995],{"class":3879,"line":3915},[3877,13996,4274],{"class":3898},[3877,13998,13999],{"class":3879,"line":3940},[3877,14000,3950],{"emptyLinePlaceholder":3949},[3877,14002,14003,14005,14007,14010,14013,14015,14017,14020,14022],{"class":3879,"line":3946},[3877,14004,3891],{"class":3890},[3877,14006,13805],{"class":3908},[3877,14008,14009],{"class":3898}," = { ",[3877,14011,14012],{"class":3908},"name:",[3877,14014,13815],{"class":3922},[3877,14016,3981],{"class":3898},[3877,14018,14019],{"class":3908},"greet:",[3877,14021,3895],{"class":3908},[3877,14023,8439],{"class":3898},[3877,14025,14026],{"class":3879,"line":3953},[3877,14027,3950],{"emptyLinePlaceholder":3949},[3877,14029,14030,14032,14034,14036,14038],{"class":3879,"line":3959},[3877,14031,13872],{"class":3908},[3877,14033,4349],{"class":3898},[3877,14035,4378],{"class":3894},[3877,14037,13879],{"class":3898},[3877,14039,14040],{"class":3883},"\u002F\u002F OK: this = user, що має властивість name\n",[3877,14042,14043],{"class":3879,"line":3970},[3877,14044,3950],{"emptyLinePlaceholder":3949},[3877,14046,14047,14049,14051],{"class":3879,"line":4004},[3877,14048,4378],{"class":3894},[3877,14050,13879],{"class":3898},[3877,14052,14053],{"class":3883},"\u002F\u002F Error: The 'this' context of type 'void' is not assignable to method's 'this' of type '{ name: string }'\n",[3838,14055,14056,8812,14058,14060,14061,14064],{},[3784,14057,8811],{},[3771,14059,11010],{}," як ",[3784,14062,14063],{},"перший"," параметр (але не враховується у кількості аргументів).",[3833,14066,14068],{"id":14067},"приклад-метод-обєкта-з-типізованим-this","Приклад: метод об'єкта з типізованим this",[3868,14070,14072],{"className":4475,"code":14071,"language":4477,"meta":3873,"style":3873},"let calculator = {\n  value: 0,\n  \n  add(this: { value: number }, n: number): void {\n    this.value += n;\n  },\n  \n  subtract(this: { value: number }, n: number): void {\n    this.value -= n;\n  },\n  \n  getValue(this: { value: number }): number {\n    return this.value;\n  }\n};\n\ncalculator.add(5);\ncalculator.subtract(2);\nconsole.log(calculator.getValue());  \u002F\u002F 3\n\n\u002F\u002F Спроба викликати метод без правильного this\nlet add = calculator.add;\n\u002F\u002F add(5);  \u002F\u002F Error: The 'this' context of type 'void' is not assignable...\n",[3771,14073,14074,14082,14092,14096,14127,14143,14148,14152,14182,14197,14201,14205,14228,14241,14245,14249,14253,14268,14283,14304,14308,14313,14329],{"__ignoreMap":3873},[3877,14075,14076,14078,14080],{"class":3879,"line":3880},[3877,14077,3891],{"class":3890},[3877,14079,4079],{"class":3908},[3877,14081,4082],{"class":3898},[3877,14083,14084,14087,14090],{"class":3879,"line":3887},[3877,14085,14086],{"class":3908},"  value:",[3877,14088,14089],{"class":4169}," 0",[3877,14091,10554],{"class":3898},[3877,14093,14094],{"class":3879,"line":3915},[3877,14095,7234],{"class":3898},[3877,14097,14098,14100,14102,14104,14106,14108,14110,14112,14115,14117,14119,14121,14123,14125],{"class":3879,"line":3940},[3877,14099,4088],{"class":3894},[3877,14101,3905],{"class":3898},[3877,14103,3773],{"class":3890},[3877,14105,13954],{"class":3898},[3877,14107,6278],{"class":3908},[3877,14109,4493],{"class":3898},[3877,14111,4496],{"class":4384},[3877,14113,14114],{"class":3898}," }, ",[3877,14116,4195],{"class":3908},[3877,14118,4493],{"class":3898},[3877,14120,4496],{"class":4384},[3877,14122,4507],{"class":3898},[3877,14124,6554],{"class":4384},[3877,14126,4512],{"class":3898},[3877,14128,14129,14132,14134,14136,14139,14141],{"class":3879,"line":3946},[3877,14130,14131],{"class":3890},"    this",[3877,14133,4349],{"class":3898},[3877,14135,6278],{"class":3908},[3877,14137,14138],{"class":3898}," += ",[3877,14140,4195],{"class":3908},[3877,14142,3937],{"class":3898},[3877,14144,14145],{"class":3879,"line":3953},[3877,14146,14147],{"class":3898},"  },\n",[3877,14149,14150],{"class":3879,"line":3959},[3877,14151,7234],{"class":3898},[3877,14153,14154,14156,14158,14160,14162,14164,14166,14168,14170,14172,14174,14176,14178,14180],{"class":3879,"line":3970},[3877,14155,4120],{"class":3894},[3877,14157,3905],{"class":3898},[3877,14159,3773],{"class":3890},[3877,14161,13954],{"class":3898},[3877,14163,6278],{"class":3908},[3877,14165,4493],{"class":3898},[3877,14167,4496],{"class":4384},[3877,14169,14114],{"class":3898},[3877,14171,4195],{"class":3908},[3877,14173,4493],{"class":3898},[3877,14175,4496],{"class":4384},[3877,14177,4507],{"class":3898},[3877,14179,6554],{"class":4384},[3877,14181,4512],{"class":3898},[3877,14183,14184,14186,14188,14190,14193,14195],{"class":3879,"line":4004},[3877,14185,14131],{"class":3890},[3877,14187,4349],{"class":3898},[3877,14189,6278],{"class":3908},[3877,14191,14192],{"class":3898}," -= ",[3877,14194,4195],{"class":3908},[3877,14196,3937],{"class":3898},[3877,14198,14199],{"class":3879,"line":4030},[3877,14200,14147],{"class":3898},[3877,14202,14203],{"class":3879,"line":4057},[3877,14204,7234],{"class":3898},[3877,14206,14207,14210,14212,14214,14216,14218,14220,14222,14224,14226],{"class":3879,"line":4063},[3877,14208,14209],{"class":3894},"  getValue",[3877,14211,3905],{"class":3898},[3877,14213,3773],{"class":3890},[3877,14215,13954],{"class":3898},[3877,14217,6278],{"class":3908},[3877,14219,4493],{"class":3898},[3877,14221,4496],{"class":4384},[3877,14223,13155],{"class":3898},[3877,14225,4496],{"class":4384},[3877,14227,4512],{"class":3898},[3877,14229,14230,14232,14235,14237,14239],{"class":3879,"line":4068},[3877,14231,4254],{"class":3918},[3877,14233,14234],{"class":3890}," this",[3877,14236,4349],{"class":3898},[3877,14238,6278],{"class":3908},[3877,14240,3937],{"class":3898},[3877,14242,14243],{"class":3879,"line":4074},[3877,14244,4791],{"class":3898},[3877,14246,14247],{"class":3879,"line":4085},[3877,14248,3943],{"class":3898},[3877,14250,14251],{"class":3879,"line":4117},[3877,14252,3950],{"emptyLinePlaceholder":3949},[3877,14254,14255,14258,14260,14262,14264,14266],{"class":3879,"line":4147},[3877,14256,14257],{"class":3908},"calculator",[3877,14259,4349],{"class":3898},[3877,14261,4610],{"class":3894},[3877,14263,3905],{"class":3898},[3877,14265,5523],{"class":4169},[3877,14267,5652],{"class":3898},[3877,14269,14270,14272,14274,14277,14279,14281],{"class":3879,"line":4152},[3877,14271,14257],{"class":3908},[3877,14273,4349],{"class":3898},[3877,14275,14276],{"class":3894},"subtract",[3877,14278,3905],{"class":3898},[3877,14280,4175],{"class":4169},[3877,14282,5652],{"class":3898},[3877,14284,14285,14287,14289,14291,14293,14295,14297,14300,14302],{"class":3879,"line":4157},[3877,14286,4346],{"class":3908},[3877,14288,4349],{"class":3898},[3877,14290,4352],{"class":3894},[3877,14292,3905],{"class":3898},[3877,14294,14257],{"class":3908},[3877,14296,4349],{"class":3898},[3877,14298,14299],{"class":3894},"getValue",[3877,14301,5790],{"class":3898},[3877,14303,11678],{"class":3883},[3877,14305,14306],{"class":3879,"line":4163},[3877,14307,3950],{"emptyLinePlaceholder":3949},[3877,14309,14310],{"class":3879,"line":4212},[3877,14311,14312],{"class":3883},"\u002F\u002F Спроба викликати метод без правильного this\n",[3877,14314,14315,14317,14319,14321,14323,14325,14327],{"class":3879,"line":4217},[3877,14316,3891],{"class":3890},[3877,14318,4486],{"class":3908},[3877,14320,3899],{"class":3898},[3877,14322,14257],{"class":3908},[3877,14324,4349],{"class":3898},[3877,14326,4610],{"class":3908},[3877,14328,3937],{"class":3898},[3877,14330,14331,14334],{"class":3879,"line":4223},[3877,14332,14333],{"class":3883},"\u002F\u002F add(5);",[3877,14335,14336],{"class":3883},"  \u002F\u002F Error: The 'this' context of type 'void' is not assignable...\n",[3833,14338,14340],{"id":14339},"arrow-functions-і-this","Arrow functions і this",[3838,14342,14343,14346,14347,14349],{},[3784,14344,14345],{},"Arrow functions не мають власного this"," — вони успадковують ",[3771,14348,3773],{}," з місця визначення:",[3868,14351,14353],{"className":4475,"code":14352,"language":4477,"meta":3873,"style":3873},"let user = {\n  name: \"Alice\",\n  \n  \u002F\u002F Звичайна функція: має власний this\n  greet1: function() {\n    console.log(`Hello, ${this.name}!`);\n  },\n  \n  \u002F\u002F Arrow function: успадковує this з зовнішнього контексту\n  greet2: () => {\n    console.log(`Hello, ${this.name}!`);\n  }\n};\n\nuser.greet1();  \u002F\u002F \"Hello, Alice!\" (this = user)\nuser.greet2();  \u002F\u002F \"Hello, undefined!\" (this = глобальний контекст)\n",[3771,14354,14355,14363,14371,14375,14380,14391,14417,14421,14425,14430,14443,14469,14473,14477,14481,14493],{"__ignoreMap":3873},[3877,14356,14357,14359,14361],{"class":3879,"line":3880},[3877,14358,3891],{"class":3890},[3877,14360,13805],{"class":3908},[3877,14362,4082],{"class":3898},[3877,14364,14365,14367,14369],{"class":3879,"line":3887},[3877,14366,13812],{"class":3908},[3877,14368,13815],{"class":3922},[3877,14370,10554],{"class":3898},[3877,14372,14373],{"class":3879,"line":3915},[3877,14374,7234],{"class":3898},[3877,14376,14377],{"class":3879,"line":3940},[3877,14378,14379],{"class":3883},"  \u002F\u002F Звичайна функція: має власний this\n",[3877,14381,14382,14385,14387,14389],{"class":3879,"line":3946},[3877,14383,14384],{"class":3894},"  greet1",[3877,14386,4091],{"class":3908},[3877,14388,4094],{"class":3890},[3877,14390,13829],{"class":3898},[3877,14392,14393,14395,14397,14399,14401,14403,14405,14407,14409,14411,14413,14415],{"class":3879,"line":3953},[3877,14394,6893],{"class":3908},[3877,14396,4349],{"class":3898},[3877,14398,4352],{"class":3894},[3877,14400,3905],{"class":3898},[3877,14402,6641],{"class":3922},[3877,14404,3926],{"class":3890},[3877,14406,3773],{"class":3890},[3877,14408,4349],{"class":5872},[3877,14410,3909],{"class":3908},[3877,14412,3931],{"class":3890},[3877,14414,3934],{"class":3922},[3877,14416,5652],{"class":3898},[3877,14418,14419],{"class":3879,"line":3959},[3877,14420,14147],{"class":3898},[3877,14422,14423],{"class":3879,"line":3970},[3877,14424,7234],{"class":3898},[3877,14426,14427],{"class":3879,"line":4004},[3877,14428,14429],{"class":3883},"  \u002F\u002F Arrow function: успадковує this з зовнішнього контексту\n",[3877,14431,14432,14435,14437,14439,14441],{"class":3879,"line":4030},[3877,14433,14434],{"class":3894},"  greet2",[3877,14436,4091],{"class":3908},[3877,14438,11555],{"class":3898},[3877,14440,5701],{"class":3890},[3877,14442,4512],{"class":3898},[3877,14444,14445,14447,14449,14451,14453,14455,14457,14459,14461,14463,14465,14467],{"class":3879,"line":4057},[3877,14446,6893],{"class":3908},[3877,14448,4349],{"class":3898},[3877,14450,4352],{"class":3894},[3877,14452,3905],{"class":3898},[3877,14454,6641],{"class":3922},[3877,14456,3926],{"class":3890},[3877,14458,3773],{"class":3890},[3877,14460,4349],{"class":5872},[3877,14462,3909],{"class":3908},[3877,14464,3931],{"class":3890},[3877,14466,3934],{"class":3922},[3877,14468,5652],{"class":3898},[3877,14470,14471],{"class":3879,"line":4063},[3877,14472,4791],{"class":3898},[3877,14474,14475],{"class":3879,"line":4068},[3877,14476,3943],{"class":3898},[3877,14478,14479],{"class":3879,"line":4074},[3877,14480,3950],{"emptyLinePlaceholder":3949},[3877,14482,14483,14485,14487,14489,14491],{"class":3879,"line":4085},[3877,14484,13872],{"class":3908},[3877,14486,4349],{"class":3898},[3877,14488,7516],{"class":3894},[3877,14490,13879],{"class":3898},[3877,14492,13882],{"class":3883},[3877,14494,14495,14497,14499,14501,14503],{"class":3879,"line":4117},[3877,14496,13872],{"class":3908},[3877,14498,4349],{"class":3898},[3877,14500,7640],{"class":3894},[3877,14502,13879],{"class":3898},[3877,14504,14505],{"class":3883},"\u002F\u002F \"Hello, undefined!\" (this = глобальний контекст)\n",[3838,14507,14508],{},[3784,14509,14510],{},"Використовуйте arrow functions для callback, де потрібен стабільний this:",[3868,14512,14514],{"className":4475,"code":14513,"language":4477,"meta":3873,"style":3873},"class Timer {\n  seconds = 0;\n  \n  start(): void {\n    \u002F\u002F Arrow function зберігає this від класу\n    setInterval(() => {\n      this.seconds++;\n      console.log(this.seconds);\n    }, 1000);\n    \n    \u002F\u002F Звичайна функція втратила б this\n    \u002F\u002F setInterval(function() {\n    \u002F\u002F   this.seconds++;  \u002F\u002F Error: this тут undefined\n    \u002F\u002F }, 1000);\n  }\n}\n\nlet timer = new Timer();\ntimer.start();  \u002F\u002F 1, 2, 3, ...\n",[3771,14515,14516,14526,14537,14541,14552,14557,14569,14581,14600,14610,14615,14620,14625,14633,14638,14642,14646,14650,14666],{"__ignoreMap":3873},[3877,14517,14518,14521,14524],{"class":3879,"line":3880},[3877,14519,14520],{"class":3890},"class",[3877,14522,14523],{"class":4384}," Timer",[3877,14525,4512],{"class":3898},[3877,14527,14528,14531,14533,14535],{"class":3879,"line":3887},[3877,14529,14530],{"class":3908},"  seconds",[3877,14532,3899],{"class":3898},[3877,14534,6046],{"class":4169},[3877,14536,3937],{"class":3898},[3877,14538,14539],{"class":3879,"line":3915},[3877,14540,7234],{"class":3898},[3877,14542,14543,14546,14548,14550],{"class":3879,"line":3940},[3877,14544,14545],{"class":3894},"  start",[3877,14547,6872],{"class":3898},[3877,14549,6554],{"class":4384},[3877,14551,4512],{"class":3898},[3877,14553,14554],{"class":3879,"line":3946},[3877,14555,14556],{"class":3883},"    \u002F\u002F Arrow function зберігає this від класу\n",[3877,14558,14559,14562,14565,14567],{"class":3879,"line":3953},[3877,14560,14561],{"class":3894},"    setInterval",[3877,14563,14564],{"class":3898},"(() ",[3877,14566,5701],{"class":3890},[3877,14568,4512],{"class":3898},[3877,14570,14571,14574,14576,14579],{"class":3879,"line":3959},[3877,14572,14573],{"class":3890},"      this",[3877,14575,4349],{"class":3898},[3877,14577,14578],{"class":3908},"seconds",[3877,14580,11567],{"class":3898},[3877,14582,14583,14586,14588,14590,14592,14594,14596,14598],{"class":3879,"line":3970},[3877,14584,14585],{"class":3908},"      console",[3877,14587,4349],{"class":3898},[3877,14589,4352],{"class":3894},[3877,14591,3905],{"class":3898},[3877,14593,3773],{"class":3890},[3877,14595,4349],{"class":3898},[3877,14597,14578],{"class":3908},[3877,14599,5652],{"class":3898},[3877,14601,14602,14605,14608],{"class":3879,"line":4004},[3877,14603,14604],{"class":3898},"    }, ",[3877,14606,14607],{"class":4169},"1000",[3877,14609,5652],{"class":3898},[3877,14611,14612],{"class":3879,"line":4030},[3877,14613,14614],{"class":3898},"    \n",[3877,14616,14617],{"class":3879,"line":4057},[3877,14618,14619],{"class":3883},"    \u002F\u002F Звичайна функція втратила б this\n",[3877,14621,14622],{"class":3879,"line":4063},[3877,14623,14624],{"class":3883},"    \u002F\u002F setInterval(function() {\n",[3877,14626,14627,14630],{"class":3879,"line":4068},[3877,14628,14629],{"class":3883},"    \u002F\u002F   this.seconds++;",[3877,14631,14632],{"class":3883},"  \u002F\u002F Error: this тут undefined\n",[3877,14634,14635],{"class":3879,"line":4074},[3877,14636,14637],{"class":3883},"    \u002F\u002F }, 1000);\n",[3877,14639,14640],{"class":3879,"line":4085},[3877,14641,4791],{"class":3898},[3877,14643,14644],{"class":3879,"line":4117},[3877,14645,4274],{"class":3898},[3877,14647,14648],{"class":3879,"line":4147},[3877,14649,3950],{"emptyLinePlaceholder":3949},[3877,14651,14652,14654,14657,14659,14662,14664],{"class":3879,"line":4152},[3877,14653,3891],{"class":3890},[3877,14655,14656],{"class":3908}," timer",[3877,14658,3899],{"class":3898},[3877,14660,14661],{"class":3890},"new",[3877,14663,14523],{"class":3894},[3877,14665,12301],{"class":3898},[3877,14667,14668,14671,14673,14675,14677],{"class":3879,"line":4157},[3877,14669,14670],{"class":3908},"timer",[3877,14672,4349],{"class":3898},[3877,14674,11515],{"class":3894},[3877,14676,13879],{"class":3898},[3877,14678,14679],{"class":3883},"\u002F\u002F 1, 2, 3, ...\n",[5210,14681,14682,14687],{},[3838,14683,14684],{},[3784,14685,14686],{},"Правило вибору:",[3746,14688,14689,14701],{},[3749,14690,14691,14694,14695,14698,14699,4349],{},[3784,14692,14693],{},"Методи об'єктів\u002Fкласів:"," Використовуйте звичайні функції (",[3771,14696,14697],{},"method() { }",") для доступу до ",[3771,14700,3773],{},[3749,14702,14703,14706,14707,14710,14711,4349],{},[3784,14704,14705],{},"Callbacks, event handlers:"," Використовуйте arrow functions (",[3771,14708,14709],{},"() => { }",") для збереження зовнішнього ",[3771,14712,3773],{},[3825,14714],{},[3828,14716,14718],{"id":14717},"практичні-приклади-та-патерни","Практичні приклади та патерни",[3833,14720,14722],{"id":14721},"приклад-1-функція-сортування-з-порівнювачем","Приклад 1: Функція сортування з порівнювачем",[3868,14724,14726],{"className":4475,"code":14725,"language":4477,"meta":3873,"style":3873},"function sortBy\u003CT>(\n  array: T[],\n  compareFn: (a: T, b: T) => number\n): T[] {\n  return [...array].sort(compareFn);\n}\n\nlet numbers = [5, 2, 8, 1, 9];\nlet sorted = sortBy(numbers, (a, b) => a - b);\nconsole.log(sorted);  \u002F\u002F [1, 2, 5, 8, 9]\n\nlet users = [\n  { name: \"Alice\", age: 28 },\n  { name: \"Bob\", age: 32 },\n  { name: \"Charlie\", age: 25 }\n];\n\nlet sortedByAge = sortBy(users, (a, b) => a.age - b.age);\nconsole.log(sortedByAge);\n\u002F\u002F [\n\u002F\u002F   { name: \"Charlie\", age: 25 },\n\u002F\u002F   { name: \"Alice\", age: 28 },\n\u002F\u002F   { name: \"Bob\", age: 32 }\n\u002F\u002F ]\n",[3771,14727,14728,14743,14754,14781,14789,14810,14814,14818,14847,14883,14901,14905,14914,14933,14951,14970,14974,14978,15022,15037,15042,15047,15052,15057],{"__ignoreMap":3873},[3877,14729,14730,14732,14735,14738,14740],{"class":3879,"line":3880},[3877,14731,3902],{"class":3890},[3877,14733,14734],{"class":3894}," sortBy",[3877,14736,14737],{"class":3898},"\u003C",[3877,14739,8109],{"class":4384},[3877,14741,14742],{"class":3898},">(\n",[3877,14744,14745,14748,14750,14752],{"class":3879,"line":3887},[3877,14746,14747],{"class":3908},"  array",[3877,14749,4493],{"class":3898},[3877,14751,8109],{"class":4384},[3877,14753,9787],{"class":3898},[3877,14755,14756,14759,14761,14763,14765,14767,14769,14771,14773,14775,14777,14779],{"class":3879,"line":3915},[3877,14757,14758],{"class":3894},"  compareFn",[3877,14760,9795],{"class":3898},[3877,14762,3978],{"class":3908},[3877,14764,4493],{"class":3898},[3877,14766,8109],{"class":4384},[3877,14768,3981],{"class":3898},[3877,14770,3984],{"class":3908},[3877,14772,4493],{"class":3898},[3877,14774,8109],{"class":4384},[3877,14776,5698],{"class":3898},[3877,14778,5701],{"class":3890},[3877,14780,9808],{"class":4384},[3877,14782,14783,14785,14787],{"class":3879,"line":3940},[3877,14784,4507],{"class":3898},[3877,14786,8109],{"class":4384},[3877,14788,9817],{"class":3898},[3877,14790,14791,14793,14796,14798,14800,14803,14805,14808],{"class":3879,"line":3946},[3877,14792,3919],{"class":3918},[3877,14794,14795],{"class":3898}," [...",[3877,14797,5829],{"class":3908},[3877,14799,4183],{"class":3898},[3877,14801,14802],{"class":3894},"sort",[3877,14804,3905],{"class":3898},[3877,14806,14807],{"class":3908},"compareFn",[3877,14809,5652],{"class":3898},[3877,14811,14812],{"class":3879,"line":3953},[3877,14813,4274],{"class":3898},[3877,14815,14816],{"class":3879,"line":3959},[3877,14817,3950],{"emptyLinePlaceholder":3949},[3877,14819,14820,14822,14824,14826,14828,14830,14832,14834,14836,14838,14840,14842,14845],{"class":3879,"line":3970},[3877,14821,3891],{"class":3890},[3877,14823,5588],{"class":3908},[3877,14825,5591],{"class":3898},[3877,14827,5523],{"class":4169},[3877,14829,3981],{"class":3898},[3877,14831,4175],{"class":4169},[3877,14833,3981],{"class":3898},[3877,14835,11389],{"class":4169},[3877,14837,3981],{"class":3898},[3877,14839,4170],{"class":4169},[3877,14841,3981],{"class":3898},[3877,14843,14844],{"class":4169},"9",[3877,14846,4060],{"class":3898},[3877,14848,14849,14851,14854,14856,14859,14861,14863,14865,14867,14869,14871,14873,14875,14877,14879,14881],{"class":3879,"line":4004},[3877,14850,3891],{"class":3890},[3877,14852,14853],{"class":3908}," sorted",[3877,14855,3899],{"class":3898},[3877,14857,14858],{"class":3894},"sortBy",[3877,14860,3905],{"class":3898},[3877,14862,5633],{"class":3908},[3877,14864,8919],{"class":3898},[3877,14866,3978],{"class":3908},[3877,14868,3981],{"class":3898},[3877,14870,3984],{"class":3908},[3877,14872,5698],{"class":3898},[3877,14874,5701],{"class":3890},[3877,14876,3993],{"class":3908},[3877,14878,4023],{"class":3898},[3877,14880,3984],{"class":3908},[3877,14882,5652],{"class":3898},[3877,14884,14885,14887,14889,14891,14893,14896,14898],{"class":3879,"line":4030},[3877,14886,4346],{"class":3908},[3877,14888,4349],{"class":3898},[3877,14890,4352],{"class":3894},[3877,14892,3905],{"class":3898},[3877,14894,14895],{"class":3908},"sorted",[3877,14897,4362],{"class":3898},[3877,14899,14900],{"class":3883},"\u002F\u002F [1, 2, 5, 8, 9]\n",[3877,14902,14903],{"class":3879,"line":4057},[3877,14904,3950],{"emptyLinePlaceholder":3949},[3877,14906,14907,14909,14912],{"class":3879,"line":4063},[3877,14908,3891],{"class":3890},[3877,14910,14911],{"class":3908}," users",[3877,14913,3967],{"class":3898},[3877,14915,14916,14919,14921,14923,14925,14928,14931],{"class":3879,"line":4068},[3877,14917,14918],{"class":3898},"  { ",[3877,14920,14012],{"class":3908},[3877,14922,13815],{"class":3922},[3877,14924,3981],{"class":3898},[3877,14926,14927],{"class":3908},"age:",[3877,14929,14930],{"class":4169}," 28",[3877,14932,13207],{"class":3898},[3877,14934,14935,14937,14939,14942,14944,14946,14949],{"class":3879,"line":4074},[3877,14936,14918],{"class":3898},[3877,14938,14012],{"class":3908},[3877,14940,14941],{"class":3922}," \"Bob\"",[3877,14943,3981],{"class":3898},[3877,14945,14927],{"class":3908},[3877,14947,14948],{"class":4169}," 32",[3877,14950,13207],{"class":3898},[3877,14952,14953,14955,14957,14960,14962,14964,14967],{"class":3879,"line":4085},[3877,14954,14918],{"class":3898},[3877,14956,14012],{"class":3908},[3877,14958,14959],{"class":3922}," \"Charlie\"",[3877,14961,3981],{"class":3898},[3877,14963,14927],{"class":3908},[3877,14965,14966],{"class":4169}," 25",[3877,14968,14969],{"class":3898}," }\n",[3877,14971,14972],{"class":3879,"line":4117},[3877,14973,4060],{"class":3898},[3877,14975,14976],{"class":3879,"line":4147},[3877,14977,3950],{"emptyLinePlaceholder":3949},[3877,14979,14980,14982,14985,14987,14989,14991,14994,14996,14998,15000,15002,15004,15006,15008,15010,15012,15014,15016,15018,15020],{"class":3879,"line":4152},[3877,14981,3891],{"class":3890},[3877,14983,14984],{"class":3908}," sortedByAge",[3877,14986,3899],{"class":3898},[3877,14988,14858],{"class":3894},[3877,14990,3905],{"class":3898},[3877,14992,14993],{"class":3908},"users",[3877,14995,8919],{"class":3898},[3877,14997,3978],{"class":3908},[3877,14999,3981],{"class":3898},[3877,15001,3984],{"class":3908},[3877,15003,5698],{"class":3898},[3877,15005,5701],{"class":3890},[3877,15007,3993],{"class":3908},[3877,15009,4349],{"class":3898},[3877,15011,5455],{"class":3908},[3877,15013,4023],{"class":3898},[3877,15015,3984],{"class":3908},[3877,15017,4349],{"class":3898},[3877,15019,5455],{"class":3908},[3877,15021,5652],{"class":3898},[3877,15023,15024,15026,15028,15030,15032,15035],{"class":3879,"line":4157},[3877,15025,4346],{"class":3908},[3877,15027,4349],{"class":3898},[3877,15029,4352],{"class":3894},[3877,15031,3905],{"class":3898},[3877,15033,15034],{"class":3908},"sortedByAge",[3877,15036,5652],{"class":3898},[3877,15038,15039],{"class":3879,"line":4163},[3877,15040,15041],{"class":3883},"\u002F\u002F [\n",[3877,15043,15044],{"class":3879,"line":4212},[3877,15045,15046],{"class":3883},"\u002F\u002F   { name: \"Charlie\", age: 25 },\n",[3877,15048,15049],{"class":3879,"line":4217},[3877,15050,15051],{"class":3883},"\u002F\u002F   { name: \"Alice\", age: 28 },\n",[3877,15053,15054],{"class":3879,"line":4223},[3877,15055,15056],{"class":3883},"\u002F\u002F   { name: \"Bob\", age: 32 }\n",[3877,15058,15059],{"class":3879,"line":4238},[3877,15060,15061],{"class":3883},"\u002F\u002F ]\n",[3833,15063,15065],{"id":15064},"приклад-2-retry-функція-з-експоненційним-backoff","Приклад 2: Retry-функція з експоненційним backoff",[3868,15067,15069],{"className":4475,"code":15068,"language":4477,"meta":3873,"style":3873},"async function retry\u003CT>(\n  fn: () => Promise\u003CT>,\n  maxAttempts: number = 3,\n  delayMs: number = 1000\n): Promise\u003CT> {\n  for (let attempt = 1; attempt \u003C= maxAttempts; attempt++) {\n    try {\n      return await fn();\n    } catch (error) {\n      if (attempt === maxAttempts) {\n        throw error;\n      }\n      \n      \u002F\u002F Експоненційний backoff: 1s, 2s, 4s, ...\n      let delay = delayMs * Math.pow(2, attempt - 1);\n      console.log(`Attempt ${attempt} failed, retrying in ${delay}ms...`);\n      await new Promise(resolve => setTimeout(resolve, delay));\n    }\n  }\n  \n  throw new Error(\"Retry failed\");\n}\n\n\u002F\u002F Використання\nasync function fetchData(): Promise\u003Cstring> {\n  let response = await fetch(\"\u002Fapi\u002Fdata\");\n  if (!response.ok) {\n    throw new Error(`HTTP ${response.status}`);\n  }\n  return response.text();\n}\n\nretry(fetchData, 5, 500)\n  .then(data => console.log(\"Data:\", data))\n  .catch(error => console.error(\"Failed after retries:\", error));\n",[3771,15070,15071,15087,15106,15121,15135,15149,15181,15188,15201,15214,15228,15238,15242,15247,15252,15288,15322,15351,15355,15359,15363,15378,15382,15386,15390,15408,15429,15445,15474,15478,15491,15495,15499,15519,15550],{"__ignoreMap":3873},[3877,15072,15073,15076,15078,15081,15083,15085],{"class":3879,"line":3880},[3877,15074,15075],{"class":3890},"async",[3877,15077,4094],{"class":3890},[3877,15079,15080],{"class":3894}," retry",[3877,15082,14737],{"class":3898},[3877,15084,8109],{"class":4384},[3877,15086,14742],{"class":3898},[3877,15088,15089,15092,15094,15096,15099,15101,15103],{"class":3879,"line":3887},[3877,15090,15091],{"class":3894},"  fn",[3877,15093,10024],{"class":3898},[3877,15095,5701],{"class":3890},[3877,15097,15098],{"class":4384}," Promise",[3877,15100,14737],{"class":3898},[3877,15102,8109],{"class":4384},[3877,15104,15105],{"class":3898},">,\n",[3877,15107,15108,15111,15113,15115,15117,15119],{"class":3879,"line":3915},[3877,15109,15110],{"class":3908},"  maxAttempts",[3877,15112,4493],{"class":3898},[3877,15114,4496],{"class":4384},[3877,15116,3899],{"class":3898},[3877,15118,4180],{"class":4169},[3877,15120,10554],{"class":3898},[3877,15122,15123,15126,15128,15130,15132],{"class":3879,"line":3940},[3877,15124,15125],{"class":3908},"  delayMs",[3877,15127,4493],{"class":3898},[3877,15129,4496],{"class":4384},[3877,15131,3899],{"class":3898},[3877,15133,15134],{"class":4169},"1000\n",[3877,15136,15137,15139,15142,15144,15146],{"class":3879,"line":3946},[3877,15138,4507],{"class":3898},[3877,15140,15141],{"class":4384},"Promise",[3877,15143,14737],{"class":3898},[3877,15145,8109],{"class":4384},[3877,15147,15148],{"class":3898},"> {\n",[3877,15150,15151,15153,15155,15157,15160,15162,15164,15166,15169,15172,15175,15177,15179],{"class":3879,"line":3953},[3877,15152,10205],{"class":3918},[3877,15154,3844],{"class":3898},[3877,15156,3891],{"class":3890},[3877,15158,15159],{"class":3908}," attempt",[3877,15161,3899],{"class":3898},[3877,15163,4170],{"class":4169},[3877,15165,8414],{"class":3898},[3877,15167,15168],{"class":3908},"attempt",[3877,15170,15171],{"class":3898}," \u003C= ",[3877,15173,15174],{"class":3908},"maxAttempts",[3877,15176,8414],{"class":3898},[3877,15178,15168],{"class":3908},[3877,15180,10237],{"class":3898},[3877,15182,15183,15186],{"class":3879,"line":3959},[3877,15184,15185],{"class":3918},"    try",[3877,15187,4512],{"class":3898},[3877,15189,15190,15193,15196,15199],{"class":3879,"line":3970},[3877,15191,15192],{"class":3918},"      return",[3877,15194,15195],{"class":3918}," await",[3877,15197,15198],{"class":3894}," fn",[3877,15200,12301],{"class":3898},[3877,15202,15203,15206,15208,15210,15212],{"class":3879,"line":4004},[3877,15204,15205],{"class":3898},"    } ",[3877,15207,10703],{"class":3918},[3877,15209,3844],{"class":3898},[3877,15211,10587],{"class":3908},[3877,15213,3912],{"class":3898},[3877,15215,15216,15218,15220,15222,15224,15226],{"class":3879,"line":4030},[3877,15217,10665],{"class":3918},[3877,15219,3844],{"class":3898},[3877,15221,15168],{"class":3908},[3877,15223,6043],{"class":3898},[3877,15225,15174],{"class":3908},[3877,15227,3912],{"class":3898},[3877,15229,15230,15233,15236],{"class":3879,"line":4057},[3877,15231,15232],{"class":3918},"        throw",[3877,15234,15235],{"class":3908}," error",[3877,15237,3937],{"class":3898},[3877,15239,15240],{"class":3879,"line":4063},[3877,15241,10691],{"class":3898},[3877,15243,15244],{"class":3879,"line":4068},[3877,15245,15246],{"class":3898},"      \n",[3877,15248,15249],{"class":3879,"line":4074},[3877,15250,15251],{"class":3883},"      \u002F\u002F Експоненційний backoff: 1s, 2s, 4s, ...\n",[3877,15253,15254,15257,15260,15262,15265,15267,15269,15271,15274,15276,15278,15280,15282,15284,15286],{"class":3879,"line":4085},[3877,15255,15256],{"class":3890},"      let",[3877,15258,15259],{"class":3908}," delay",[3877,15261,3899],{"class":3898},[3877,15263,15264],{"class":3908},"delayMs",[3877,15266,4049],{"class":3898},[3877,15268,8341],{"class":3908},[3877,15270,4349],{"class":3898},[3877,15272,15273],{"class":3894},"pow",[3877,15275,3905],{"class":3898},[3877,15277,4175],{"class":4169},[3877,15279,3981],{"class":3898},[3877,15281,15168],{"class":3908},[3877,15283,4023],{"class":3898},[3877,15285,4170],{"class":4169},[3877,15287,5652],{"class":3898},[3877,15289,15290,15292,15294,15296,15298,15301,15303,15305,15307,15310,15312,15315,15317,15320],{"class":3879,"line":4117},[3877,15291,14585],{"class":3908},[3877,15293,4349],{"class":3898},[3877,15295,4352],{"class":3894},[3877,15297,3905],{"class":3898},[3877,15299,15300],{"class":3922},"`Attempt ",[3877,15302,3926],{"class":3890},[3877,15304,15168],{"class":3908},[3877,15306,3931],{"class":3890},[3877,15308,15309],{"class":3922}," failed, retrying in ",[3877,15311,3926],{"class":3890},[3877,15313,15314],{"class":3908},"delay",[3877,15316,3931],{"class":3890},[3877,15318,15319],{"class":3922},"ms...`",[3877,15321,5652],{"class":3898},[3877,15323,15324,15327,15329,15331,15333,15336,15338,15341,15343,15345,15347,15349],{"class":3879,"line":4147},[3877,15325,15326],{"class":3918},"      await",[3877,15328,6840],{"class":3890},[3877,15330,15098],{"class":4384},[3877,15332,3905],{"class":3898},[3877,15334,15335],{"class":3908},"resolve",[3877,15337,4655],{"class":3890},[3877,15339,15340],{"class":3894}," setTimeout",[3877,15342,3905],{"class":3898},[3877,15344,15335],{"class":3908},[3877,15346,3981],{"class":3898},[3877,15348,15314],{"class":3908},[3877,15350,8467],{"class":3898},[3877,15352,15353],{"class":3879,"line":4152},[3877,15354,11788],{"class":3898},[3877,15356,15357],{"class":3879,"line":4157},[3877,15358,4791],{"class":3898},[3877,15360,15361],{"class":3879,"line":4163},[3877,15362,7234],{"class":3898},[3877,15364,15365,15367,15369,15371,15373,15376],{"class":3879,"line":4212},[3877,15366,6837],{"class":3918},[3877,15368,6840],{"class":3890},[3877,15370,6843],{"class":3894},[3877,15372,3905],{"class":3898},[3877,15374,15375],{"class":3922},"\"Retry failed\"",[3877,15377,5652],{"class":3898},[3877,15379,15380],{"class":3879,"line":4217},[3877,15381,4274],{"class":3898},[3877,15383,15384],{"class":3879,"line":4223},[3877,15385,3950],{"emptyLinePlaceholder":3949},[3877,15387,15388],{"class":3879,"line":4238},[3877,15389,10757],{"class":3883},[3877,15391,15392,15394,15396,15398,15400,15402,15404,15406],{"class":3879,"line":4251},[3877,15393,15075],{"class":3890},[3877,15395,4094],{"class":3890},[3877,15397,10540],{"class":3894},[3877,15399,6872],{"class":3898},[3877,15401,15141],{"class":4384},[3877,15403,14737],{"class":3898},[3877,15405,5259],{"class":4384},[3877,15407,15148],{"class":3898},[3877,15409,15410,15412,15414,15416,15419,15422,15424,15427],{"class":3879,"line":4265},[3877,15411,10402],{"class":3890},[3877,15413,10638],{"class":3908},[3877,15415,3899],{"class":3898},[3877,15417,15418],{"class":3918},"await",[3877,15420,15421],{"class":3894}," fetch",[3877,15423,3905],{"class":3898},[3877,15425,15426],{"class":3922},"\"\u002Fapi\u002Fdata\"",[3877,15428,5652],{"class":3898},[3877,15430,15431,15433,15436,15438,15440,15443],{"class":3879,"line":4271},[3877,15432,6298],{"class":3918},[3877,15434,15435],{"class":3898}," (!",[3877,15437,10633],{"class":3908},[3877,15439,4349],{"class":3898},[3877,15441,15442],{"class":3908},"ok",[3877,15444,3912],{"class":3898},[3877,15446,15447,15450,15452,15454,15456,15459,15461,15463,15465,15468,15470,15472],{"class":3879,"line":4935},[3877,15448,15449],{"class":3918},"    throw",[3877,15451,6840],{"class":3890},[3877,15453,6843],{"class":3894},[3877,15455,3905],{"class":3898},[3877,15457,15458],{"class":3922},"`HTTP ",[3877,15460,3926],{"class":3890},[3877,15462,10633],{"class":3908},[3877,15464,4349],{"class":5872},[3877,15466,15467],{"class":3908},"status",[3877,15469,3931],{"class":3890},[3877,15471,5848],{"class":3922},[3877,15473,5652],{"class":3898},[3877,15475,15476],{"class":3879,"line":4940},[3877,15477,4791],{"class":3898},[3877,15479,15480,15482,15484,15486,15489],{"class":3879,"line":4946},[3877,15481,3919],{"class":3918},[3877,15483,10638],{"class":3908},[3877,15485,4349],{"class":3898},[3877,15487,15488],{"class":3894},"text",[3877,15490,12301],{"class":3898},[3877,15492,15493],{"class":3879,"line":4951},[3877,15494,4274],{"class":3898},[3877,15496,15497],{"class":3879,"line":4956},[3877,15498,3950],{"emptyLinePlaceholder":3949},[3877,15500,15501,15504,15506,15508,15510,15512,15514,15517],{"class":3879,"line":4962},[3877,15502,15503],{"class":3894},"retry",[3877,15505,3905],{"class":3898},[3877,15507,10762],{"class":3908},[3877,15509,3981],{"class":3898},[3877,15511,5523],{"class":4169},[3877,15513,3981],{"class":3898},[3877,15515,15516],{"class":4169},"500",[3877,15518,10620],{"class":3898},[3877,15520,15521,15524,15526,15528,15530,15532,15534,15536,15538,15540,15543,15545,15547],{"class":3879,"line":4968},[3877,15522,15523],{"class":3898},"  .",[3877,15525,10628],{"class":3894},[3877,15527,3905],{"class":3898},[3877,15529,10565],{"class":3908},[3877,15531,4655],{"class":3890},[3877,15533,10825],{"class":3908},[3877,15535,4349],{"class":3898},[3877,15537,4352],{"class":3894},[3877,15539,3905],{"class":3898},[3877,15541,15542],{"class":3922},"\"Data:\"",[3877,15544,3981],{"class":3898},[3877,15546,10565],{"class":3908},[3877,15548,15549],{"class":3898},"))\n",[3877,15551,15552,15554,15556,15558,15560,15562,15564,15566,15568,15570,15573,15575,15577],{"class":3879,"line":4973},[3877,15553,15523],{"class":3898},[3877,15555,10703],{"class":3894},[3877,15557,3905],{"class":3898},[3877,15559,10587],{"class":3908},[3877,15561,4655],{"class":3890},[3877,15563,10825],{"class":3908},[3877,15565,4349],{"class":3898},[3877,15567,10587],{"class":3894},[3877,15569,3905],{"class":3898},[3877,15571,15572],{"class":3922},"\"Failed after retries:\"",[3877,15574,3981],{"class":3898},[3877,15576,10587],{"class":3908},[3877,15578,8467],{"class":3898},[3833,15580,15582],{"id":15581},"приклад-3-debounce-функція","Приклад 3: Debounce-функція",[3868,15584,15586],{"className":4475,"code":15585,"language":4477,"meta":3873,"style":3873},"function debounce\u003CT extends unknown[]>(\n  fn: (...args: T) => void,\n  delayMs: number\n): (...args: T) => void {\n  let timeoutId: number | undefined;\n  \n  return (...args: T) => {\n    if (timeoutId !== undefined) {\n      clearTimeout(timeoutId);\n    }\n    \n    timeoutId = setTimeout(() => {\n      fn(...args);\n    }, delayMs);\n  };\n}\n\n\u002F\u002F Використання\nfunction handleInput(value: string): void {\n  console.log(\"Searching for:\", value);\n  \u002F\u002F виконати запит до API\n}\n\nlet debouncedInput = debounce(handleInput, 300);\n\n\u002F\u002F Виклики з затримкою менше 300ms будуть скасовані\ndebouncedInput(\"a\");\ndebouncedInput(\"ab\");\ndebouncedInput(\"abc\");  \u002F\u002F тільки цей виклик виконається через 300ms\n",[3771,15587,15588,15608,15630,15639,15658,15675,15679,15698,15714,15725,15729,15733,15749,15760,15768,15772,15776,15780,15784,15805,15824,15829,15833,15837,15861,15865,15870,15881,15892],{"__ignoreMap":3873},[3877,15589,15590,15592,15595,15597,15599,15602,15605],{"class":3879,"line":3880},[3877,15591,3902],{"class":3890},[3877,15593,15594],{"class":3894}," debounce",[3877,15596,14737],{"class":3898},[3877,15598,8109],{"class":4384},[3877,15600,15601],{"class":3890}," extends",[3877,15603,15604],{"class":4384}," unknown",[3877,15606,15607],{"class":3898},"[]>(\n",[3877,15609,15610,15612,15615,15618,15620,15622,15624,15626,15628],{"class":3879,"line":3887},[3877,15611,15091],{"class":3894},[3877,15613,15614],{"class":3898},": (...",[3877,15616,15617],{"class":3908},"args",[3877,15619,4493],{"class":3898},[3877,15621,8109],{"class":4384},[3877,15623,5698],{"class":3898},[3877,15625,5701],{"class":3890},[3877,15627,10029],{"class":4384},[3877,15629,10554],{"class":3898},[3877,15631,15632,15634,15636],{"class":3879,"line":3915},[3877,15633,15125],{"class":3908},[3877,15635,4493],{"class":3898},[3877,15637,15638],{"class":4384},"number\n",[3877,15640,15641,15644,15646,15648,15650,15652,15654,15656],{"class":3879,"line":3940},[3877,15642,15643],{"class":3898},"): (...",[3877,15645,15617],{"class":3908},[3877,15647,4493],{"class":3898},[3877,15649,8109],{"class":4384},[3877,15651,5698],{"class":3898},[3877,15653,5701],{"class":3890},[3877,15655,10029],{"class":4384},[3877,15657,4512],{"class":3898},[3877,15659,15660,15662,15665,15667,15669,15671,15673],{"class":3879,"line":3946},[3877,15661,10402],{"class":3890},[3877,15663,15664],{"class":3908}," timeoutId",[3877,15666,4493],{"class":3898},[3877,15668,4496],{"class":4384},[3877,15670,7597],{"class":3898},[3877,15672,4614],{"class":4384},[3877,15674,3937],{"class":3898},[3877,15676,15677],{"class":3879,"line":3953},[3877,15678,7234],{"class":3898},[3877,15680,15681,15683,15686,15688,15690,15692,15694,15696],{"class":3879,"line":3959},[3877,15682,3919],{"class":3918},[3877,15684,15685],{"class":3898}," (...",[3877,15687,15617],{"class":3908},[3877,15689,4493],{"class":3898},[3877,15691,8109],{"class":4384},[3877,15693,5698],{"class":3898},[3877,15695,5701],{"class":3890},[3877,15697,4512],{"class":3898},[3877,15699,15700,15703,15705,15708,15710,15712],{"class":3879,"line":3970},[3877,15701,15702],{"class":3918},"    if",[3877,15704,3844],{"class":3898},[3877,15706,15707],{"class":3908},"timeoutId",[3877,15709,7245],{"class":3898},[3877,15711,4614],{"class":3890},[3877,15713,3912],{"class":3898},[3877,15715,15716,15719,15721,15723],{"class":3879,"line":4004},[3877,15717,15718],{"class":3894},"      clearTimeout",[3877,15720,3905],{"class":3898},[3877,15722,15707],{"class":3908},[3877,15724,5652],{"class":3898},[3877,15726,15727],{"class":3879,"line":4030},[3877,15728,11788],{"class":3898},[3877,15730,15731],{"class":3879,"line":4057},[3877,15732,14614],{"class":3898},[3877,15734,15735,15738,15740,15743,15745,15747],{"class":3879,"line":4063},[3877,15736,15737],{"class":3908},"    timeoutId",[3877,15739,3899],{"class":3898},[3877,15741,15742],{"class":3894},"setTimeout",[3877,15744,14564],{"class":3898},[3877,15746,5701],{"class":3890},[3877,15748,4512],{"class":3898},[3877,15750,15751,15754,15756,15758],{"class":3879,"line":4068},[3877,15752,15753],{"class":3894},"      fn",[3877,15755,8661],{"class":3898},[3877,15757,15617],{"class":3908},[3877,15759,5652],{"class":3898},[3877,15761,15762,15764,15766],{"class":3879,"line":4074},[3877,15763,14604],{"class":3898},[3877,15765,15264],{"class":3908},[3877,15767,5652],{"class":3898},[3877,15769,15770],{"class":3879,"line":4085},[3877,15771,4268],{"class":3898},[3877,15773,15774],{"class":3879,"line":4117},[3877,15775,4274],{"class":3898},[3877,15777,15778],{"class":3879,"line":4147},[3877,15779,3950],{"emptyLinePlaceholder":3949},[3877,15781,15782],{"class":3879,"line":4152},[3877,15783,10757],{"class":3883},[3877,15785,15786,15788,15791,15793,15795,15797,15799,15801,15803],{"class":3879,"line":4157},[3877,15787,3902],{"class":3890},[3877,15789,15790],{"class":3894}," handleInput",[3877,15792,3905],{"class":3898},[3877,15794,6278],{"class":3908},[3877,15796,4493],{"class":3898},[3877,15798,5259],{"class":4384},[3877,15800,4507],{"class":3898},[3877,15802,6554],{"class":4384},[3877,15804,4512],{"class":3898},[3877,15806,15807,15809,15811,15813,15815,15818,15820,15822],{"class":3879,"line":4163},[3877,15808,5774],{"class":3908},[3877,15810,4349],{"class":3898},[3877,15812,4352],{"class":3894},[3877,15814,3905],{"class":3898},[3877,15816,15817],{"class":3922},"\"Searching for:\"",[3877,15819,3981],{"class":3898},[3877,15821,6278],{"class":3908},[3877,15823,5652],{"class":3898},[3877,15825,15826],{"class":3879,"line":4212},[3877,15827,15828],{"class":3883},"  \u002F\u002F виконати запит до API\n",[3877,15830,15831],{"class":3879,"line":4217},[3877,15832,4274],{"class":3898},[3877,15834,15835],{"class":3879,"line":4223},[3877,15836,3950],{"emptyLinePlaceholder":3949},[3877,15838,15839,15841,15844,15846,15849,15851,15854,15856,15859],{"class":3879,"line":4238},[3877,15840,3891],{"class":3890},[3877,15842,15843],{"class":3908}," debouncedInput",[3877,15845,3899],{"class":3898},[3877,15847,15848],{"class":3894},"debounce",[3877,15850,3905],{"class":3898},[3877,15852,15853],{"class":3908},"handleInput",[3877,15855,3981],{"class":3898},[3877,15857,15858],{"class":4169},"300",[3877,15860,5652],{"class":3898},[3877,15862,15863],{"class":3879,"line":4251},[3877,15864,3950],{"emptyLinePlaceholder":3949},[3877,15866,15867],{"class":3879,"line":4265},[3877,15868,15869],{"class":3883},"\u002F\u002F Виклики з затримкою менше 300ms будуть скасовані\n",[3877,15871,15872,15875,15877,15879],{"class":3879,"line":4271},[3877,15873,15874],{"class":3894},"debouncedInput",[3877,15876,3905],{"class":3898},[3877,15878,12438],{"class":3922},[3877,15880,5652],{"class":3898},[3877,15882,15883,15885,15887,15890],{"class":3879,"line":4935},[3877,15884,15874],{"class":3894},[3877,15886,3905],{"class":3898},[3877,15888,15889],{"class":3922},"\"ab\"",[3877,15891,5652],{"class":3898},[3877,15893,15894,15896,15898,15901,15903],{"class":3879,"line":4940},[3877,15895,15874],{"class":3894},[3877,15897,3905],{"class":3898},[3877,15899,15900],{"class":3922},"\"abc\"",[3877,15902,4362],{"class":3898},[3877,15904,15905],{"class":3883},"\u002F\u002F тільки цей виклик виконається через 300ms\n",[3833,15907,15909],{"id":15908},"приклад-4-pipe-функція-для-композиції","Приклад 4: Pipe-функція для композиції",[3868,15911,15913],{"className":4475,"code":15912,"language":4477,"meta":3873,"style":3873},"function pipe\u003CA>(value: A): A;\nfunction pipe\u003CA, B>(value: A, fn1: (a: A) => B): B;\nfunction pipe\u003CA, B, C>(value: A, fn1: (a: A) => B, fn2: (b: B) => C): C;\nfunction pipe\u003CA, B, C, D>(\n  value: A,\n  fn1: (a: A) => B,\n  fn2: (b: B) => C,\n  fn3: (c: C) => D\n): D;\n\nfunction pipe(value: unknown, ...fns: ((arg: unknown) => unknown)[]): unknown {\n  return fns.reduce((acc, fn) => fn(acc), value);\n}\n\n\u002F\u002F Використання\nlet result = pipe(\n  5,\n  (n: number) => n * 2,      \u002F\u002F 10\n  (n: number) => n + 3,      \u002F\u002F 13\n  (n: number) => n.toString() \u002F\u002F \"13\"\n);\n\nconsole.log(result);  \u002F\u002F \"13\"\n",[3771,15914,15915,15942,15991,16062,16087,16098,16119,16140,16160,16168,16172,16214,16252,16256,16260,16264,16277,16284,16310,16335,16361,16365,16369],{"__ignoreMap":3873},[3877,15916,15917,15919,15922,15924,15927,15930,15932,15934,15936,15938,15940],{"class":3879,"line":3880},[3877,15918,3902],{"class":3890},[3877,15920,15921],{"class":3894}," pipe",[3877,15923,14737],{"class":3898},[3877,15925,15926],{"class":4384},"A",[3877,15928,15929],{"class":3898},">(",[3877,15931,6278],{"class":3908},[3877,15933,4493],{"class":3898},[3877,15935,15926],{"class":4384},[3877,15937,4507],{"class":3898},[3877,15939,15926],{"class":4384},[3877,15941,3937],{"class":3898},[3877,15943,15944,15946,15948,15950,15952,15954,15957,15959,15961,15963,15965,15967,15970,15972,15974,15976,15978,15980,15982,15985,15987,15989],{"class":3879,"line":3887},[3877,15945,3902],{"class":3890},[3877,15947,15921],{"class":3894},[3877,15949,14737],{"class":3898},[3877,15951,15926],{"class":4384},[3877,15953,3981],{"class":3898},[3877,15955,15956],{"class":4384},"B",[3877,15958,15929],{"class":3898},[3877,15960,6278],{"class":3908},[3877,15962,4493],{"class":3898},[3877,15964,15926],{"class":4384},[3877,15966,3981],{"class":3898},[3877,15968,15969],{"class":3894},"fn1",[3877,15971,9795],{"class":3898},[3877,15973,3978],{"class":3908},[3877,15975,4493],{"class":3898},[3877,15977,15926],{"class":4384},[3877,15979,5698],{"class":3898},[3877,15981,5701],{"class":3890},[3877,15983,15984],{"class":4384}," B",[3877,15986,4507],{"class":3898},[3877,15988,15956],{"class":4384},[3877,15990,3937],{"class":3898},[3877,15992,15993,15995,15997,15999,16001,16003,16005,16007,16010,16012,16014,16016,16018,16020,16022,16024,16026,16028,16030,16032,16034,16036,16038,16041,16043,16045,16047,16049,16051,16053,16056,16058,16060],{"class":3879,"line":3915},[3877,15994,3902],{"class":3890},[3877,15996,15921],{"class":3894},[3877,15998,14737],{"class":3898},[3877,16000,15926],{"class":4384},[3877,16002,3981],{"class":3898},[3877,16004,15956],{"class":4384},[3877,16006,3981],{"class":3898},[3877,16008,16009],{"class":4384},"C",[3877,16011,15929],{"class":3898},[3877,16013,6278],{"class":3908},[3877,16015,4493],{"class":3898},[3877,16017,15926],{"class":4384},[3877,16019,3981],{"class":3898},[3877,16021,15969],{"class":3894},[3877,16023,9795],{"class":3898},[3877,16025,3978],{"class":3908},[3877,16027,4493],{"class":3898},[3877,16029,15926],{"class":4384},[3877,16031,5698],{"class":3898},[3877,16033,5701],{"class":3890},[3877,16035,15984],{"class":4384},[3877,16037,3981],{"class":3898},[3877,16039,16040],{"class":3894},"fn2",[3877,16042,9795],{"class":3898},[3877,16044,3984],{"class":3908},[3877,16046,4493],{"class":3898},[3877,16048,15956],{"class":4384},[3877,16050,5698],{"class":3898},[3877,16052,5701],{"class":3890},[3877,16054,16055],{"class":4384}," C",[3877,16057,4507],{"class":3898},[3877,16059,16009],{"class":4384},[3877,16061,3937],{"class":3898},[3877,16063,16064,16066,16068,16070,16072,16074,16076,16078,16080,16082,16085],{"class":3879,"line":3940},[3877,16065,3902],{"class":3890},[3877,16067,15921],{"class":3894},[3877,16069,14737],{"class":3898},[3877,16071,15926],{"class":4384},[3877,16073,3981],{"class":3898},[3877,16075,15956],{"class":4384},[3877,16077,3981],{"class":3898},[3877,16079,16009],{"class":4384},[3877,16081,3981],{"class":3898},[3877,16083,16084],{"class":4384},"D",[3877,16086,14742],{"class":3898},[3877,16088,16089,16092,16094,16096],{"class":3879,"line":3946},[3877,16090,16091],{"class":3908},"  value",[3877,16093,4493],{"class":3898},[3877,16095,15926],{"class":4384},[3877,16097,10554],{"class":3898},[3877,16099,16100,16103,16105,16107,16109,16111,16113,16115,16117],{"class":3879,"line":3953},[3877,16101,16102],{"class":3894},"  fn1",[3877,16104,9795],{"class":3898},[3877,16106,3978],{"class":3908},[3877,16108,4493],{"class":3898},[3877,16110,15926],{"class":4384},[3877,16112,5698],{"class":3898},[3877,16114,5701],{"class":3890},[3877,16116,15984],{"class":4384},[3877,16118,10554],{"class":3898},[3877,16120,16121,16124,16126,16128,16130,16132,16134,16136,16138],{"class":3879,"line":3959},[3877,16122,16123],{"class":3894},"  fn2",[3877,16125,9795],{"class":3898},[3877,16127,3984],{"class":3908},[3877,16129,4493],{"class":3898},[3877,16131,15956],{"class":4384},[3877,16133,5698],{"class":3898},[3877,16135,5701],{"class":3890},[3877,16137,16055],{"class":4384},[3877,16139,10554],{"class":3898},[3877,16141,16142,16145,16147,16149,16151,16153,16155,16157],{"class":3879,"line":3970},[3877,16143,16144],{"class":3894},"  fn3",[3877,16146,9795],{"class":3898},[3877,16148,9416],{"class":3908},[3877,16150,4493],{"class":3898},[3877,16152,16009],{"class":4384},[3877,16154,5698],{"class":3898},[3877,16156,5701],{"class":3890},[3877,16158,16159],{"class":4384}," D\n",[3877,16161,16162,16164,16166],{"class":3879,"line":4004},[3877,16163,4507],{"class":3898},[3877,16165,16084],{"class":4384},[3877,16167,3937],{"class":3898},[3877,16169,16170],{"class":3879,"line":4030},[3877,16171,3950],{"emptyLinePlaceholder":3949},[3877,16173,16174,16176,16178,16180,16182,16184,16186,16188,16191,16194,16197,16199,16201,16203,16205,16207,16210,16212],{"class":3879,"line":4057},[3877,16175,3902],{"class":3890},[3877,16177,15921],{"class":3894},[3877,16179,3905],{"class":3898},[3877,16181,6278],{"class":3908},[3877,16183,4493],{"class":3898},[3877,16185,8874],{"class":4384},[3877,16187,8866],{"class":3898},[3877,16189,16190],{"class":3908},"fns",[3877,16192,16193],{"class":3898},": ((",[3877,16195,16196],{"class":3908},"arg",[3877,16198,4493],{"class":3898},[3877,16200,8874],{"class":4384},[3877,16202,5698],{"class":3898},[3877,16204,5701],{"class":3890},[3877,16206,15604],{"class":4384},[3877,16208,16209],{"class":3898},")[]): ",[3877,16211,8874],{"class":4384},[3877,16213,4512],{"class":3898},[3877,16215,16216,16218,16221,16223,16225,16227,16230,16232,16235,16237,16239,16241,16243,16245,16248,16250],{"class":3879,"line":4063},[3877,16217,3919],{"class":3918},[3877,16219,16220],{"class":3908}," fns",[3877,16222,4349],{"class":3898},[3877,16224,8685],{"class":3894},[3877,16226,5689],{"class":3898},[3877,16228,16229],{"class":3908},"acc",[3877,16231,3981],{"class":3898},[3877,16233,16234],{"class":3908},"fn",[3877,16236,5698],{"class":3898},[3877,16238,5701],{"class":3890},[3877,16240,15198],{"class":3894},[3877,16242,3905],{"class":3898},[3877,16244,16229],{"class":3908},[3877,16246,16247],{"class":3898},"), ",[3877,16249,6278],{"class":3908},[3877,16251,5652],{"class":3898},[3877,16253,16254],{"class":3879,"line":4068},[3877,16255,4274],{"class":3898},[3877,16257,16258],{"class":3879,"line":4074},[3877,16259,3950],{"emptyLinePlaceholder":3949},[3877,16261,16262],{"class":3879,"line":4085},[3877,16263,10757],{"class":3883},[3877,16265,16266,16268,16270,16272,16275],{"class":3879,"line":4117},[3877,16267,3891],{"class":3890},[3877,16269,10405],{"class":3908},[3877,16271,3899],{"class":3898},[3877,16273,16274],{"class":3894},"pipe",[3877,16276,9046],{"class":3898},[3877,16278,16279,16282],{"class":3879,"line":4147},[3877,16280,16281],{"class":4169},"  5",[3877,16283,10554],{"class":3898},[3877,16285,16286,16289,16291,16293,16295,16297,16299,16301,16303,16305,16308],{"class":3879,"line":4152},[3877,16287,16288],{"class":3898},"  (",[3877,16290,4195],{"class":3908},[3877,16292,4493],{"class":3898},[3877,16294,4496],{"class":4384},[3877,16296,5698],{"class":3898},[3877,16298,5701],{"class":3890},[3877,16300,4202],{"class":3908},[3877,16302,4049],{"class":3898},[3877,16304,4175],{"class":4169},[3877,16306,16307],{"class":3898},",      ",[3877,16309,11239],{"class":3883},[3877,16311,16312,16314,16316,16318,16320,16322,16324,16326,16328,16330,16332],{"class":3879,"line":4157},[3877,16313,16288],{"class":3898},[3877,16315,4195],{"class":3908},[3877,16317,4493],{"class":3898},[3877,16319,4496],{"class":4384},[3877,16321,5698],{"class":3898},[3877,16323,5701],{"class":3890},[3877,16325,4202],{"class":3908},[3877,16327,3996],{"class":3898},[3877,16329,4180],{"class":4169},[3877,16331,16307],{"class":3898},[3877,16333,16334],{"class":3883},"\u002F\u002F 13\n",[3877,16336,16337,16339,16341,16343,16345,16347,16349,16351,16353,16355,16358],{"class":3879,"line":4163},[3877,16338,16288],{"class":3898},[3877,16340,4195],{"class":3908},[3877,16342,4493],{"class":3898},[3877,16344,4496],{"class":4384},[3877,16346,5698],{"class":3898},[3877,16348,5701],{"class":3890},[3877,16350,4202],{"class":3908},[3877,16352,4349],{"class":3898},[3877,16354,8352],{"class":3894},[3877,16356,16357],{"class":3898},"() ",[3877,16359,16360],{"class":3883},"\u002F\u002F \"13\"\n",[3877,16362,16363],{"class":3879,"line":4212},[3877,16364,5652],{"class":3898},[3877,16366,16367],{"class":3879,"line":4217},[3877,16368,3950],{"emptyLinePlaceholder":3949},[3877,16370,16371,16373,16375,16377,16379,16382,16384],{"class":3879,"line":4223},[3877,16372,4346],{"class":3908},[3877,16374,4349],{"class":3898},[3877,16376,4352],{"class":3894},[3877,16378,3905],{"class":3898},[3877,16380,16381],{"class":3908},"result",[3877,16383,4362],{"class":3898},[3877,16385,16360],{"class":3883},[3825,16387],{},[3828,16389,16391],{"id":16390},"підсумок","Підсумок",[3838,16393,16394],{},"У цьому розділі ви опанували типізацію функцій у TypeScript:",[3838,16396,16397],{},[3784,16398,16399],{},"Оголошення функцій:",[3746,16401,16402,16405,16408],{},[3749,16403,16404],{},"Function declaration, function expression, arrow function, method shorthand",[3749,16406,16407],{},"Hoisting: function declaration піднімається, expression — ні",[3749,16409,16410],{},"Функції є об'єктами першого класу у JavaScript",[3838,16412,16413],{},[3784,16414,16415],{},"Типізація параметрів:",[3746,16417,16418,16421,16424],{},[3749,16419,16420],{},"Обов'язкові параметри з типами",[3749,16422,16423],{},"Type inference для параметрів у контексті (callbacks)",[3749,16425,16426],{},"Кожен параметр має тип, кількість аргументів перевіряється",[3838,16428,16429],{},[3784,16430,16431],{},"Типізація повернення:",[3746,16433,16434,16440,16443],{},[3749,16435,16436,16437],{},"Явна анотація типу повернення через ",[3771,16438,16439],{},": Type",[3749,16441,16442],{},"Type inference для простих функцій",[3749,16444,16445,16447,16448,16450],{},[3771,16446,6554],{}," для функцій без повернення, ",[3771,16449,6794],{}," для функцій, що ніколи не завершуються",[3838,16452,16453],{},[3784,16454,16455],{},"Опціональні та default параметри:",[3746,16457,16458,16466,16472],{},[3749,16459,16460,16461,4493,16463],{},"Опціональний параметр через ",[3771,16462,7055],{},[3771,16464,16465],{},"param?: Type",[3749,16467,16468,16469],{},"Default параметр: ",[3771,16470,16471],{},"param: Type = defaultValue",[3749,16473,16474,16475,16477,16478],{},"Опціональні параметри мають тип ",[3771,16476,7191],{},", default — лише ",[3771,16479,8109],{},[3838,16481,16482],{},[3784,16483,16484],{},"Rest parameters:",[3746,16486,16487,16493,16495],{},[3749,16488,16489,16492],{},[3771,16490,16491],{},"...params: Type[]"," для змінної кількості аргументів",[3749,16494,8838],{},[3749,16496,16497,16498,16501],{},"Spread оператор ",[3771,16499,16500],{},"...array"," для розгортання масиву у аргументи",[3838,16503,16504],{},[3784,16505,16506],{},"Callbacks та Higher-Order Functions:",[3746,16508,16509,16515,16518,16521],{},[3749,16510,16511,16512],{},"Inline-типізація callbacks: ",[3771,16513,16514],{},"(param: Type) => ReturnType",[3749,16516,16517],{},"TypeScript виводить типи параметрів callback з контексту",[3749,16519,16520],{},"Функції вищого порядку: приймають або повертають інші функції",[3749,16522,16523],{},"Замикання (closures) зберігають доступ до зовнішніх змінних",[3838,16525,16526],{},[3784,16527,3822],{},[3746,16529,16530,16533,16536],{},[3749,16531,16532],{},"Кілька overload signatures для опису різних способів виклику",[3749,16534,16535],{},"Implementation signature охоплює всі overload signatures",[3749,16537,16538],{},"Порядок має значення: від специфічних до загальних",[3838,16540,16541],{},[3784,16542,16543],{},"Типізація this:",[3746,16545,16546,16552,16558],{},[3749,16547,16548,16549,16551],{},"Псевдопараметр ",[3771,16550,11010],{}," для явної типізації контексту",[3749,16553,16554,16555,16557],{},"Arrow functions не мають власного ",[3771,16556,3773],{},", успадковують з зовнішнього контексту",[3749,16559,16560],{},"Використовуйте звичайні функції для методів, arrow functions для callbacks",[3838,16562,16563],{},[3784,16564,16565],{},"Ключові рекомендації:",[3746,16567,16568,16571,16574,16577,16580],{},[3749,16569,16570],{},"Завжди типізуйте публічні функції явно (параметри та повернення)",[3749,16572,16573],{},"Використовуйте default параметри замість опціональних, якщо є логічне значення за замовчуванням",[3749,16575,16576],{},"Віддавайте перевагу type inference для локальних функцій та callbacks",[3749,16578,16579],{},"Використовуйте overloading для функцій з різними поведінками залежно від типів",[3749,16581,16582],{},"Arrow functions для callbacks, звичайні функції для методів",[16584,16585,16586,16812,16986,17179,17341,17528],"accordion",{},[16587,16588,16591,16596,16666,16680,16685,16746,16761,16766,16803],"accordion-item",{"icon":16589,"label":16590},"i-lucide-help-circle","❓ Чим відрізняється function declaration від function expression?",[3838,16592,16593],{},[3784,16594,16595],{},"Function Declaration:",[3868,16597,16599],{"className":4475,"code":16598,"language":4477,"meta":3873,"style":3873},"function greet(name: string): string {\n  return `Hello, ${name}!`;\n}\n\nconsole.log(greet(\"Alice\"));  \u002F\u002F OK: працює ДО оголошення!\n",[3771,16600,16601,16621,16637,16641,16645],{"__ignoreMap":3873},[3877,16602,16603,16605,16607,16609,16611,16613,16615,16617,16619],{"class":3879,"line":3880},[3877,16604,3902],{"class":3890},[3877,16606,3895],{"class":3894},[3877,16608,3905],{"class":3898},[3877,16610,3909],{"class":3908},[3877,16612,4493],{"class":3898},[3877,16614,5259],{"class":4384},[3877,16616,4507],{"class":3898},[3877,16618,5259],{"class":4384},[3877,16620,4512],{"class":3898},[3877,16622,16623,16625,16627,16629,16631,16633,16635],{"class":3879,"line":3887},[3877,16624,3919],{"class":3918},[3877,16626,3923],{"class":3922},[3877,16628,3926],{"class":3890},[3877,16630,3909],{"class":3908},[3877,16632,3931],{"class":3890},[3877,16634,3934],{"class":3922},[3877,16636,3937],{"class":3898},[3877,16638,16639],{"class":3879,"line":3915},[3877,16640,4274],{"class":3898},[3877,16642,16643],{"class":3879,"line":3940},[3877,16644,3950],{"emptyLinePlaceholder":3949},[3877,16646,16647,16649,16651,16653,16655,16657,16659,16661,16663],{"class":3879,"line":3946},[3877,16648,4346],{"class":3908},[3877,16650,4349],{"class":3898},[3877,16652,4352],{"class":3894},[3877,16654,3905],{"class":3898},[3877,16656,4378],{"class":3894},[3877,16658,3905],{"class":3898},[3877,16660,5298],{"class":3922},[3877,16662,5066],{"class":3898},[3877,16664,16665],{"class":3883},"\u002F\u002F OK: працює ДО оголошення!\n",[3746,16667,16668,16674],{},[3749,16669,16670,16673],{},[3784,16671,16672],{},"Hoisting:"," Піднімається на початок області видимості, доступна до рядка оголошення",[3749,16675,16676,16679],{},[3784,16677,16678],{},"Використання:"," Функції верхнього рівня, експорти",[3838,16681,16682],{},[3784,16683,16684],{},"Function Expression:",[3868,16686,16688],{"className":4475,"code":16687,"language":4477,"meta":3873,"style":3873},"const greet = function(name: string): string {\n  return `Hello, ${name}!`;\n};\n\n\u002F\u002F console.log(greet(\"Alice\"));  \u002F\u002F Error: Cannot access before initialization\n",[3771,16689,16690,16714,16730,16734,16738],{"__ignoreMap":3873},[3877,16691,16692,16694,16696,16698,16700,16702,16704,16706,16708,16710,16712],{"class":3879,"line":3880},[3877,16693,4555],{"class":3890},[3877,16695,3895],{"class":3894},[3877,16697,3899],{"class":3898},[3877,16699,3902],{"class":3890},[3877,16701,3905],{"class":3898},[3877,16703,3909],{"class":3908},[3877,16705,4493],{"class":3898},[3877,16707,5259],{"class":4384},[3877,16709,4507],{"class":3898},[3877,16711,5259],{"class":4384},[3877,16713,4512],{"class":3898},[3877,16715,16716,16718,16720,16722,16724,16726,16728],{"class":3879,"line":3887},[3877,16717,3919],{"class":3918},[3877,16719,3923],{"class":3922},[3877,16721,3926],{"class":3890},[3877,16723,3909],{"class":3908},[3877,16725,3931],{"class":3890},[3877,16727,3934],{"class":3922},[3877,16729,3937],{"class":3898},[3877,16731,16732],{"class":3879,"line":3915},[3877,16733,3943],{"class":3898},[3877,16735,16736],{"class":3879,"line":3940},[3877,16737,3950],{"emptyLinePlaceholder":3949},[3877,16739,16740,16743],{"class":3879,"line":3946},[3877,16741,16742],{"class":3883},"\u002F\u002F console.log(greet(\"Alice\"));",[3877,16744,16745],{"class":3883},"  \u002F\u002F Error: Cannot access before initialization\n",[3746,16747,16748,16756],{},[3749,16749,16750,16752,16753,16755],{},[3784,16751,16672],{}," Змінна піднімається як ",[3771,16754,4614],{},", ініціалізація — ні",[3749,16757,16758,16760],{},[3784,16759,16678],{}," Динамічне створення функцій, присвоєння у змінні",[3838,16762,16763],{},[3784,16764,16765],{},"Arrow Function (різновид expression):",[3868,16767,16769],{"className":4475,"code":16768,"language":4477,"meta":3873,"style":3873},"const greet = (name: string): string => `Hello, ${name}!`;\n",[3771,16770,16771],{"__ignoreMap":3873},[3877,16772,16773,16775,16777,16779,16781,16783,16785,16787,16789,16791,16793,16795,16797,16799,16801],{"class":3879,"line":3880},[3877,16774,4555],{"class":3890},[3877,16776,3895],{"class":3894},[3877,16778,4634],{"class":3898},[3877,16780,3909],{"class":3908},[3877,16782,4493],{"class":3898},[3877,16784,5259],{"class":4384},[3877,16786,4507],{"class":3898},[3877,16788,5259],{"class":4384},[3877,16790,4655],{"class":3890},[3877,16792,3923],{"class":3922},[3877,16794,3926],{"class":3890},[3877,16796,3909],{"class":3908},[3877,16798,3931],{"class":3890},[3877,16800,3934],{"class":3922},[3877,16802,3937],{"class":3898},[3746,16804,16805,16809],{},[3749,16806,4726,16807],{},[3771,16808,3773],{},[3749,16810,16811],{},"Компактніший синтаксис",[16587,16813,16815,16826,16874,16881,16968,16972],{"icon":16589,"label":16814},"❓ Коли використовувати void vs never?",[3838,16816,16817,16819,16820,16823,16824,5126],{},[3784,16818,6554],{}," — функція ",[3784,16821,16822],{},"завершується",", але не повертає значення (або повертає ",[3771,16825,4614],{},[3868,16827,16829],{"className":4475,"code":16828,"language":4477,"meta":3873,"style":3873},"function log(message: string): void {\n  console.log(message);\n  \u002F\u002F функція дійшла до кінця\n}\n",[3771,16830,16831,16851,16865,16870],{"__ignoreMap":3873},[3877,16832,16833,16835,16837,16839,16841,16843,16845,16847,16849],{"class":3879,"line":3880},[3877,16834,3902],{"class":3890},[3877,16836,6950],{"class":3894},[3877,16838,3905],{"class":3898},[3877,16840,6571],{"class":3908},[3877,16842,4493],{"class":3898},[3877,16844,5259],{"class":4384},[3877,16846,4507],{"class":3898},[3877,16848,6554],{"class":4384},[3877,16850,4512],{"class":3898},[3877,16852,16853,16855,16857,16859,16861,16863],{"class":3879,"line":3887},[3877,16854,5774],{"class":3908},[3877,16856,4349],{"class":3898},[3877,16858,4352],{"class":3894},[3877,16860,3905],{"class":3898},[3877,16862,6571],{"class":3908},[3877,16864,5652],{"class":3898},[3877,16866,16867],{"class":3879,"line":3915},[3877,16868,16869],{"class":3883},"  \u002F\u002F функція дійшла до кінця\n",[3877,16871,16872],{"class":3879,"line":3940},[3877,16873,4274],{"class":3898},[3838,16875,16876,16819,16878,16880],{},[3784,16877,6794],{},[3784,16879,6937],{}," нормально:",[3868,16882,16884],{"className":4475,"code":16883,"language":4477,"meta":3873,"style":3873},"function throwError(message: string): never {\n  throw new Error(message);\n  \u002F\u002F код після throw не виконується\n}\n\nfunction infiniteLoop(): never {\n  while (true) {\n    \u002F\u002F цикл ніколи не завершиться\n  }\n}\n",[3771,16885,16886,16906,16920,16925,16929,16933,16945,16955,16960,16964],{"__ignoreMap":3873},[3877,16887,16888,16890,16892,16894,16896,16898,16900,16902,16904],{"class":3879,"line":3880},[3877,16889,3902],{"class":3890},[3877,16891,6818],{"class":3894},[3877,16893,3905],{"class":3898},[3877,16895,6571],{"class":3908},[3877,16897,4493],{"class":3898},[3877,16899,5259],{"class":4384},[3877,16901,4507],{"class":3898},[3877,16903,6794],{"class":4384},[3877,16905,4512],{"class":3898},[3877,16907,16908,16910,16912,16914,16916,16918],{"class":3879,"line":3887},[3877,16909,6837],{"class":3918},[3877,16911,6840],{"class":3890},[3877,16913,6843],{"class":3894},[3877,16915,3905],{"class":3898},[3877,16917,6571],{"class":3908},[3877,16919,5652],{"class":3898},[3877,16921,16922],{"class":3879,"line":3915},[3877,16923,16924],{"class":3883},"  \u002F\u002F код після throw не виконується\n",[3877,16926,16927],{"class":3879,"line":3940},[3877,16928,4274],{"class":3898},[3877,16930,16931],{"class":3879,"line":3946},[3877,16932,3950],{"emptyLinePlaceholder":3949},[3877,16934,16935,16937,16939,16941,16943],{"class":3879,"line":3953},[3877,16936,3902],{"class":3890},[3877,16938,6869],{"class":3894},[3877,16940,6872],{"class":3898},[3877,16942,6794],{"class":4384},[3877,16944,4512],{"class":3898},[3877,16946,16947,16949,16951,16953],{"class":3879,"line":3959},[3877,16948,6881],{"class":3918},[3877,16950,3844],{"class":3898},[3877,16952,6886],{"class":3890},[3877,16954,3912],{"class":3898},[3877,16956,16957],{"class":3879,"line":3970},[3877,16958,16959],{"class":3883},"    \u002F\u002F цикл ніколи не завершиться\n",[3877,16961,16962],{"class":3879,"line":4004},[3877,16963,4791],{"class":3898},[3877,16965,16966],{"class":3879,"line":4030},[3877,16967,4274],{"class":3898},[3838,16969,16970],{},[3784,16971,8096],{},[3746,16973,16974,16981],{},[3749,16975,16976,16978,16979,4615],{},[3771,16977,6554],{},": функція виконується → завершується → повертає керування (значення ",[3771,16980,4614],{},[3749,16982,16983,16985],{},[3771,16984,6794],{},": функція або викидає помилку, або ніколи не закінчується",[16587,16987,16989,17002,17094,17106,17159,17163],{"icon":16589,"label":16988},"❓ Що таке rest parameters vs spread operator?",[3838,16990,16991,3844,16993,9718,16996,9722,16998,17001],{},[3784,16992,8641],{},[3771,16994,16995],{},"...params",[3784,16997,9721],{},[3784,16999,17000],{},"масив"," (у визначенні функції):",[3868,17003,17005],{"className":4475,"code":17004,"language":4477,"meta":3873,"style":3873},"function sum(...numbers: number[]): number {\n  return numbers.reduce((a, b) => a + b, 0);\n}\n\nsum(1, 2, 3, 4);  \u002F\u002F numbers = [1, 2, 3, 4]\n",[3771,17006,17007,17027,17061,17065,17069],{"__ignoreMap":3873},[3877,17008,17009,17011,17013,17015,17017,17019,17021,17023,17025],{"class":3879,"line":3880},[3877,17010,3902],{"class":3890},[3877,17012,8658],{"class":3894},[3877,17014,8661],{"class":3898},[3877,17016,5633],{"class":3908},[3877,17018,4493],{"class":3898},[3877,17020,4496],{"class":4384},[3877,17022,8670],{"class":3898},[3877,17024,4496],{"class":4384},[3877,17026,4512],{"class":3898},[3877,17028,17029,17031,17033,17035,17037,17039,17041,17043,17045,17047,17049,17051,17053,17055,17057,17059],{"class":3879,"line":3887},[3877,17030,3919],{"class":3918},[3877,17032,5588],{"class":3908},[3877,17034,4349],{"class":3898},[3877,17036,8685],{"class":3894},[3877,17038,5689],{"class":3898},[3877,17040,3978],{"class":3908},[3877,17042,3981],{"class":3898},[3877,17044,3984],{"class":3908},[3877,17046,5698],{"class":3898},[3877,17048,5701],{"class":3890},[3877,17050,3993],{"class":3908},[3877,17052,3996],{"class":3898},[3877,17054,3984],{"class":3908},[3877,17056,3981],{"class":3898},[3877,17058,6046],{"class":4169},[3877,17060,5652],{"class":3898},[3877,17062,17063],{"class":3879,"line":3915},[3877,17064,4274],{"class":3898},[3877,17066,17067],{"class":3879,"line":3940},[3877,17068,3950],{"emptyLinePlaceholder":3949},[3877,17070,17071,17073,17075,17077,17079,17081,17083,17085,17087,17089,17091],{"class":3879,"line":3946},[3877,17072,8732],{"class":3894},[3877,17074,3905],{"class":3898},[3877,17076,4170],{"class":4169},[3877,17078,3981],{"class":3898},[3877,17080,4175],{"class":4169},[3877,17082,3981],{"class":3898},[3877,17084,4180],{"class":4169},[3877,17086,3981],{"class":3898},[3877,17088,5606],{"class":4169},[3877,17090,4362],{"class":3898},[3877,17092,17093],{"class":3883},"\u002F\u002F numbers = [1, 2, 3, 4]\n",[3838,17095,17096,3844,17099,9718,17101,9738,17103,17105],{},[3784,17097,17098],{},"Spread operator",[3771,17100,16500],{},[3784,17102,9737],{},[3784,17104,9741],{}," (при виклику):",[3868,17107,17109],{"className":4475,"code":17108,"language":4477,"meta":3873,"style":3873},"let nums = [1, 2, 3];\nconsole.log(Math.max(...nums));  \u002F\u002F Math.max(1, 2, 3)\n",[3771,17110,17111,17132],{"__ignoreMap":3873},[3877,17112,17113,17115,17118,17120,17122,17124,17126,17128,17130],{"class":3879,"line":3880},[3877,17114,3891],{"class":3890},[3877,17116,17117],{"class":3908}," nums",[3877,17119,5591],{"class":3898},[3877,17121,4170],{"class":4169},[3877,17123,3981],{"class":3898},[3877,17125,4175],{"class":4169},[3877,17127,3981],{"class":3898},[3877,17129,4180],{"class":4169},[3877,17131,4060],{"class":3898},[3877,17133,17134,17136,17138,17140,17142,17144,17146,17149,17151,17154,17156],{"class":3879,"line":3887},[3877,17135,4346],{"class":3908},[3877,17137,4349],{"class":3898},[3877,17139,4352],{"class":3894},[3877,17141,3905],{"class":3898},[3877,17143,8341],{"class":3908},[3877,17145,4349],{"class":3898},[3877,17147,17148],{"class":3894},"max",[3877,17150,8661],{"class":3898},[3877,17152,17153],{"class":3908},"nums",[3877,17155,5066],{"class":3898},[3877,17157,17158],{"class":3883},"\u002F\u002F Math.max(1, 2, 3)\n",[3838,17160,17161],{},[3784,17162,13055],{},[3746,17164,17165,17172],{},[3749,17166,17167,17168,17171],{},"Rest — у ",[3784,17169,17170],{},"параметрах"," функції (збирає аргументи)",[3749,17173,17174,17175,17178],{},"Spread — у ",[3784,17176,17177],{},"виклику"," функції (розгортає масив)",[16587,17180,17182,17189,17246,17260,17266,17338],{"icon":16589,"label":17181},"❓ Чому опціональні параметри мають бути після обов'язкових?",[3838,17183,17184,17185,17188],{},"JavaScript\u002FTypeScript передає аргументи ",[3784,17186,17187],{},"позиційно"," (за порядком):",[3868,17190,17192],{"className":4475,"code":17191,"language":4477,"meta":3873,"style":3873},"\u002F\u002F ❌ Якби можна було так:\nfunction example(optional?: string, required: number): void { }\n\nexample(42);  \u002F\u002F Що передається: optional=42 чи required=42?\n",[3771,17193,17194,17199,17227,17231],{"__ignoreMap":3873},[3877,17195,17196],{"class":3879,"line":3880},[3877,17197,17198],{"class":3883},"\u002F\u002F ❌ Якби можна було так:\n",[3877,17200,17201,17203,17205,17207,17209,17211,17213,17215,17217,17219,17221,17223,17225],{"class":3879,"line":3887},[3877,17202,3902],{"class":3890},[3877,17204,8999],{"class":3894},[3877,17206,3905],{"class":3898},[3877,17208,7379],{"class":3908},[3877,17210,7082],{"class":3898},[3877,17212,5259],{"class":4384},[3877,17214,3981],{"class":3898},[3877,17216,7370],{"class":3908},[3877,17218,4493],{"class":3898},[3877,17220,4496],{"class":4384},[3877,17222,4507],{"class":3898},[3877,17224,6554],{"class":4384},[3877,17226,7390],{"class":3898},[3877,17228,17229],{"class":3879,"line":3915},[3877,17230,3950],{"emptyLinePlaceholder":3949},[3877,17232,17233,17236,17238,17241,17243],{"class":3879,"line":3940},[3877,17234,17235],{"class":3894},"example",[3877,17237,3905],{"class":3898},[3877,17239,17240],{"class":4169},"42",[3877,17242,4362],{"class":3898},[3877,17244,17245],{"class":3883},"\u002F\u002F Що передається: optional=42 чи required=42?\n",[3838,17247,17248,17249,17251,17252,17254,17255,17257,17258,4349],{},"Неоднозначність! TypeScript не знає, чи ",[3771,17250,17240],{}," — це пропущений ",[3771,17253,7379],{}," і передається ",[3771,17256,7370],{},", чи це ",[3771,17259,7379],{},[3838,17261,17262,17265],{},[3784,17263,17264],{},"Рішення:"," Опціональні параметри в кінці:",[3868,17267,17269],{"className":4475,"code":17268,"language":4477,"meta":3873,"style":3873},"\u002F\u002F ✅ Правильно\nfunction example(required: number, optional?: string): void { }\n\nexample(42);          \u002F\u002F required=42, optional=undefined\nexample(42, \"hello\"); \u002F\u002F required=42, optional=\"hello\"\n",[3771,17270,17271,17276,17304,17308,17321],{"__ignoreMap":3873},[3877,17272,17273],{"class":3879,"line":3880},[3877,17274,17275],{"class":3883},"\u002F\u002F ✅ Правильно\n",[3877,17277,17278,17280,17282,17284,17286,17288,17290,17292,17294,17296,17298,17300,17302],{"class":3879,"line":3887},[3877,17279,3902],{"class":3890},[3877,17281,8999],{"class":3894},[3877,17283,3905],{"class":3898},[3877,17285,7370],{"class":3908},[3877,17287,4493],{"class":3898},[3877,17289,4496],{"class":4384},[3877,17291,3981],{"class":3898},[3877,17293,7379],{"class":3908},[3877,17295,7082],{"class":3898},[3877,17297,5259],{"class":4384},[3877,17299,4507],{"class":3898},[3877,17301,6554],{"class":4384},[3877,17303,7390],{"class":3898},[3877,17305,17306],{"class":3879,"line":3915},[3877,17307,3950],{"emptyLinePlaceholder":3949},[3877,17309,17310,17312,17314,17316,17318],{"class":3879,"line":3940},[3877,17311,17235],{"class":3894},[3877,17313,3905],{"class":3898},[3877,17315,17240],{"class":4169},[3877,17317,5316],{"class":3898},[3877,17319,17320],{"class":3883},"\u002F\u002F required=42, optional=undefined\n",[3877,17322,17323,17325,17327,17329,17331,17333,17335],{"class":3879,"line":3946},[3877,17324,17235],{"class":3894},[3877,17326,3905],{"class":3898},[3877,17328,17240],{"class":4169},[3877,17330,3981],{"class":3898},[3877,17332,12400],{"class":3922},[3877,17334,7559],{"class":3898},[3877,17336,17337],{"class":3883},"\u002F\u002F required=42, optional=\"hello\"\n",[3838,17339,17340],{},"Тепер все однозначно!",[16587,17342,17344,17357,17362,17435,17440,17445,17517],{"icon":16589,"label":17343},"❓ Чому arrow functions не мають власного this?",[3838,17345,17346,17349,17350,17353,17354,17356],{},[3784,17347,17348],{},"Arrow functions"," були додані в ES6 саме для ",[3784,17351,17352],{},"вирішення проблеми"," з ",[3771,17355,3773],{}," у callbacks:",[3838,17358,17359],{},[3784,17360,17361],{},"Проблема зі звичайними функціями:",[3868,17363,17365],{"className":3870,"code":17364,"language":3872,"meta":3873,"style":3873},"class Timer {\n  seconds = 0;\n  \n  start() {\n    setInterval(function() {\n      this.seconds++;  \u002F\u002F Error: this тут undefined!\n    }, 1000);\n  }\n}\n",[3771,17366,17367,17375,17385,17389,17395,17405,17419,17427,17431],{"__ignoreMap":3873},[3877,17368,17369,17371,17373],{"class":3879,"line":3880},[3877,17370,14520],{"class":3890},[3877,17372,14523],{"class":4384},[3877,17374,4512],{"class":3898},[3877,17376,17377,17379,17381,17383],{"class":3879,"line":3887},[3877,17378,14530],{"class":3908},[3877,17380,3899],{"class":3898},[3877,17382,6046],{"class":4169},[3877,17384,3937],{"class":3898},[3877,17386,17387],{"class":3879,"line":3915},[3877,17388,7234],{"class":3898},[3877,17390,17391,17393],{"class":3879,"line":3940},[3877,17392,14545],{"class":3894},[3877,17394,13829],{"class":3898},[3877,17396,17397,17399,17401,17403],{"class":3879,"line":3946},[3877,17398,14561],{"class":3894},[3877,17400,3905],{"class":3898},[3877,17402,3902],{"class":3890},[3877,17404,13829],{"class":3898},[3877,17406,17407,17409,17411,17413,17416],{"class":3879,"line":3953},[3877,17408,14573],{"class":3890},[3877,17410,4349],{"class":3898},[3877,17412,14578],{"class":3908},[3877,17414,17415],{"class":3898},"++;  ",[3877,17417,17418],{"class":3883},"\u002F\u002F Error: this тут undefined!\n",[3877,17420,17421,17423,17425],{"class":3879,"line":3959},[3877,17422,14604],{"class":3898},[3877,17424,14607],{"class":4169},[3877,17426,5652],{"class":3898},[3877,17428,17429],{"class":3879,"line":3970},[3877,17430,4791],{"class":3898},[3877,17432,17433],{"class":3879,"line":4004},[3877,17434,4274],{"class":3898},[3838,17436,17437,17439],{},[3771,17438,3773],{}," у callback втрачається, бо функція викликається в іншому контексті.",[3838,17441,17442],{},[3784,17443,17444],{},"Рішення: arrow function успадковує this:",[3868,17446,17448],{"className":3870,"code":17447,"language":3872,"meta":3873,"style":3873},"class Timer {\n  seconds = 0;\n  \n  start() {\n    setInterval(() => {\n      this.seconds++;  \u002F\u002F OK: this = екземпляр Timer\n    }, 1000);\n  }\n}\n",[3771,17449,17450,17458,17468,17472,17478,17488,17501,17509,17513],{"__ignoreMap":3873},[3877,17451,17452,17454,17456],{"class":3879,"line":3880},[3877,17453,14520],{"class":3890},[3877,17455,14523],{"class":4384},[3877,17457,4512],{"class":3898},[3877,17459,17460,17462,17464,17466],{"class":3879,"line":3887},[3877,17461,14530],{"class":3908},[3877,17463,3899],{"class":3898},[3877,17465,6046],{"class":4169},[3877,17467,3937],{"class":3898},[3877,17469,17470],{"class":3879,"line":3915},[3877,17471,7234],{"class":3898},[3877,17473,17474,17476],{"class":3879,"line":3940},[3877,17475,14545],{"class":3894},[3877,17477,13829],{"class":3898},[3877,17479,17480,17482,17484,17486],{"class":3879,"line":3946},[3877,17481,14561],{"class":3894},[3877,17483,14564],{"class":3898},[3877,17485,5701],{"class":3890},[3877,17487,4512],{"class":3898},[3877,17489,17490,17492,17494,17496,17498],{"class":3879,"line":3953},[3877,17491,14573],{"class":3890},[3877,17493,4349],{"class":3898},[3877,17495,14578],{"class":3908},[3877,17497,17415],{"class":3898},[3877,17499,17500],{"class":3883},"\u002F\u002F OK: this = екземпляр Timer\n",[3877,17502,17503,17505,17507],{"class":3879,"line":3959},[3877,17504,14604],{"class":3898},[3877,17506,14607],{"class":4169},[3877,17508,5652],{"class":3898},[3877,17510,17511],{"class":3879,"line":3970},[3877,17512,4791],{"class":3898},[3877,17514,17515],{"class":3879,"line":4004},[3877,17516,4274],{"class":3898},[3838,17518,17519,17520,17523,17524,17527],{},"Arrow function ",[3784,17521,17522],{},"не створює власний this",", а ",[3784,17525,17526],{},"успадковує"," його з місця визначення. Це робить callbacks безпечними.",[16587,17529,17531,17537,17544,17626,17633,17688,17694,17710],{"icon":16589,"label":17530},"❓ Коли використовувати function overloading?",[3838,17532,17533,17536],{},[3784,17534,17535],{},"Використовуйте overloading",", коли:",[12791,17538,17539],{},[3749,17540,17541],{},[3784,17542,17543],{},"Тип повернення залежить від типу входу:",[3868,17545,17547],{"className":4475,"code":17546,"language":4477,"meta":3873,"style":3873},"function process(input: string): string;\nfunction process(input: number): number;\nfunction process(input: string | number): string | number {\n  \u002F\u002F реалізація\n}\n",[3771,17548,17549,17569,17589,17617,17622],{"__ignoreMap":3873},[3877,17550,17551,17553,17555,17557,17559,17561,17563,17565,17567],{"class":3879,"line":3880},[3877,17552,3902],{"class":3890},[3877,17554,12239],{"class":3894},[3877,17556,3905],{"class":3898},[3877,17558,12244],{"class":3908},[3877,17560,4493],{"class":3898},[3877,17562,5259],{"class":4384},[3877,17564,4507],{"class":3898},[3877,17566,5259],{"class":4384},[3877,17568,3937],{"class":3898},[3877,17570,17571,17573,17575,17577,17579,17581,17583,17585,17587],{"class":3879,"line":3887},[3877,17572,3902],{"class":3890},[3877,17574,12239],{"class":3894},[3877,17576,3905],{"class":3898},[3877,17578,12244],{"class":3908},[3877,17580,4493],{"class":3898},[3877,17582,4496],{"class":4384},[3877,17584,4507],{"class":3898},[3877,17586,4496],{"class":4384},[3877,17588,3937],{"class":3898},[3877,17590,17591,17593,17595,17597,17599,17601,17603,17605,17607,17609,17611,17613,17615],{"class":3879,"line":3915},[3877,17592,3902],{"class":3890},[3877,17594,12239],{"class":3894},[3877,17596,3905],{"class":3898},[3877,17598,12244],{"class":3908},[3877,17600,4493],{"class":3898},[3877,17602,5259],{"class":4384},[3877,17604,7597],{"class":3898},[3877,17606,4496],{"class":4384},[3877,17608,4507],{"class":3898},[3877,17610,5259],{"class":4384},[3877,17612,7597],{"class":3898},[3877,17614,4496],{"class":4384},[3877,17616,4512],{"class":3898},[3877,17618,17619],{"class":3879,"line":3940},[3877,17620,17621],{"class":3883},"  \u002F\u002F реалізація\n",[3877,17623,17624],{"class":3879,"line":3946},[3877,17625,4274],{"class":3898},[12791,17627,17628],{"start":3887},[3749,17629,17630],{},[3784,17631,17632],{},"Різні комбінації параметрів:",[3868,17634,17636],{"className":4475,"code":17635,"language":4477,"meta":3873,"style":3873},"function createElement(tag: string): HTMLElement;\nfunction createElement(tag: string, attrs: object): HTMLElement;\n",[3771,17637,17638,17658],{"__ignoreMap":3873},[3877,17639,17640,17642,17644,17646,17648,17650,17652,17654,17656],{"class":3879,"line":3880},[3877,17641,3902],{"class":3890},[3877,17643,13094],{"class":3894},[3877,17645,3905],{"class":3898},[3877,17647,13099],{"class":3908},[3877,17649,4493],{"class":3898},[3877,17651,5259],{"class":4384},[3877,17653,4507],{"class":3898},[3877,17655,10917],{"class":4384},[3877,17657,3937],{"class":3898},[3877,17659,17660,17662,17664,17666,17668,17670,17672,17674,17677,17679,17682,17684,17686],{"class":3879,"line":3887},[3877,17661,3902],{"class":3890},[3877,17663,13094],{"class":3894},[3877,17665,3905],{"class":3898},[3877,17667,13099],{"class":3908},[3877,17669,4493],{"class":3898},[3877,17671,5259],{"class":4384},[3877,17673,3981],{"class":3898},[3877,17675,17676],{"class":3908},"attrs",[3877,17678,4493],{"class":3898},[3877,17680,17681],{"class":4384},"object",[3877,17683,4507],{"class":3898},[3877,17685,10917],{"class":4384},[3877,17687,3937],{"class":3898},[3838,17689,17690,17693],{},[3784,17691,17692],{},"НЕ використовуйте overloading"," для:",[3746,17695,17696,17701,17707],{},[3749,17697,17698,17699,4615],{},"Опціональних параметрів (використовуйте ",[3771,17700,7055],{},[3749,17702,17703,17704,4615],{},"Default значень (використовуйте ",[3771,17705,17706],{},"=",[3749,17708,17709],{},"Простих union types",[3838,17711,17712,17714,17715,17718],{},[3784,17713,13055],{}," Overloading — для ",[3784,17716,17717],{},"складних"," випадків, де union type недостатньо точний.",[17720,17721,17722],"style",{},"html pre.shiki code .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}html pre.shiki code .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .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 .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}html pre.shiki code .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}html pre.shiki code .s-QsJ, html code.shiki .s-QsJ{--shiki-light:#0070C1;--shiki-default:#4FC1FF;--shiki-dark:#4FC1FF}html pre.shiki code .sD7JJ, html code.shiki .sD7JJ{--shiki-light:#000000FF;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .shsrj, html code.shiki .shsrj{--shiki-light:#811F3F;--shiki-default:#D16969;--shiki-dark:#D16969}html pre.shiki code .sAV2Q, html code.shiki .sAV2Q{--shiki-light:#D16969;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .sYsli, html code.shiki .sYsli{--shiki-light:#000000;--shiki-default:#D7BA7D;--shiki-dark:#D7BA7D}",{"title":3873,"searchDepth":3887,"depth":3887,"links":17724},[17725,17729,17733,17737,17743,17747,17752,17758,17764,17769,17776,17782,17788],{"id":3830,"depth":3887,"text":3831,"children":17726},[17727,17728],{"id":3835,"depth":3915,"text":3836},{"id":4280,"depth":3915,"text":4281},{"id":4459,"depth":3887,"text":4460,"children":17730},[17731,17732],{"id":4463,"depth":3915,"text":4464},{"id":5031,"depth":3915,"text":5032},{"id":5227,"depth":3887,"text":5228,"children":17734},[17735,17736],{"id":5231,"depth":3915,"text":5232},{"id":5567,"depth":3915,"text":5568},{"id":5900,"depth":3887,"text":5901,"children":17738},[17739,17740,17741,17742],{"id":5904,"depth":3915,"text":5905},{"id":6156,"depth":3915,"text":6157},{"id":6544,"depth":3915,"text":6545},{"id":6787,"depth":3915,"text":6788},{"id":7040,"depth":3887,"text":7041,"children":17744},[17745,17746],{"id":7044,"depth":3915,"text":7045},{"id":7436,"depth":3915,"text":7437},{"id":7694,"depth":3887,"text":7695,"children":17748},[17749,17750,17751],{"id":7698,"depth":3915,"text":7699},{"id":7937,"depth":3915,"text":7938},{"id":8290,"depth":3915,"text":8291},{"id":8631,"depth":3887,"text":8632,"children":17753},[17754,17755,17756,17757],{"id":8635,"depth":3915,"text":8636},{"id":8837,"depth":3915,"text":8838},{"id":9031,"depth":3915,"text":9032},{"id":9375,"depth":3915,"text":9376},{"id":9750,"depth":3887,"text":9751,"children":17759},[17760,17761,17762,17763],{"id":9754,"depth":3915,"text":9755},{"id":10142,"depth":3915,"text":10143},{"id":10524,"depth":3915,"text":10525},{"id":10872,"depth":3915,"text":10873},{"id":11092,"depth":3887,"text":11093,"children":17765},[17766,17767,17768],{"id":11096,"depth":3915,"text":11097},{"id":11488,"depth":3915,"text":11489},{"id":11886,"depth":3915,"text":11887},{"id":12195,"depth":3887,"text":12196,"children":17770},[17771,17772,17773,17774,17775],{"id":12199,"depth":3915,"text":12200},{"id":12487,"depth":3915,"text":12488},{"id":12813,"depth":3915,"text":12814},{"id":13067,"depth":3915,"text":13068},{"id":13553,"depth":3915,"text":13554},{"id":13778,"depth":3887,"text":13779,"children":17777},[17778,17779,17780,17781],{"id":13782,"depth":3915,"text":13783},{"id":13927,"depth":3915,"text":13928},{"id":14067,"depth":3915,"text":14068},{"id":14339,"depth":3915,"text":14340},{"id":14717,"depth":3887,"text":14718,"children":17783},[17784,17785,17786,17787],{"id":14721,"depth":3915,"text":14722},{"id":15064,"depth":3915,"text":15065},{"id":15581,"depth":3915,"text":15582},{"id":15908,"depth":3915,"text":15909},{"id":16390,"depth":3887,"text":16391},"Глибокий розбір типізації функцій у TypeScript: параметри, повернення значень, опціональні параметри, rest parameters, перевантаження функцій та callback типізація","md",null,{},{"title":3639,"description":17789},"5TqwIGn0fCKU0zXEUeRS7MN0KxeogziAJaJlIp8tMk8",[17796,17798],{"title":3635,"path":3636,"stem":3637,"description":17797,"children":-1},"Глибокий розбір механізмів звуження типів у TypeScript: type guards, typeof, instanceof, truthiness, equality checks та control flow analysis",{"title":3648,"path":3649,"stem":3650,"description":17799,"children":-1},"Інтерфейси, класи та об",1788081880262]