[{"data":1,"prerenderedAt":17048},["ShallowReactive",2],{"navigation_docs":3,"-web-development-typescript-type-system-arrays-tuples-objects":3728,"-web-development-typescript-type-system-arrays-tuples-objects-surround":17043},[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":3627,"body":3730,"description":17037,"extension":17038,"links":17039,"meta":17040,"navigation":3975,"path":3628,"seo":17041,"stem":3629,"__hash__":17042},"docs\u002F18.web-development\u002F03.typescript-type-system\u002F03.arrays-tuples-objects.md",{"type":3731,"value":3732,"toc":16982},"minimark",[3733,3738,3816,3819,3824,3829,3849,4086,4090,4097,4230,4235,4405,4572,4746,4750,4753,4762,4994,5003,5062,5068,5073,5182,5186,5193,5270,5275,5335,5339,5356,5361,5599,5604,5924,5929,6241,6263,6267,6270,6589,6594,6790,6796,6798,6802,6806,6813,6891,6901,6968,6972,6978,7061,7066,7370,7374,7551,7555,7569,7710,7715,7806,7813,8025,8027,8031,8035,8056,8061,8179,8183,8186,8312,8317,8424,8428,8435,8583,8588,8690,8694,8697,8846,8851,8973,8977,8984,9142,9146,9149,9290,9294,9297,9380,9384,9389,9403,9408,9422,9723,9742,9744,9748,9752,9771,10001,10005,10010,10116,10121,10239,10387,10391,10397,10590,10595,10620,10712,10716,10726,10895,11054,11058,11061,11241,11246,11491,11495,11500,11681,11686,11791,11801,11805,11810,11975,11980,12079,12084,12090,12209,12212,12308,12310,12314,12318,12321,12391,12395,12401,12561,12566,12590,12620,12624,12629,12720,12725,12831,12836,12972,12989,12993,12996,13171,13177,13262,13268,13365,13369,13374,13493,13497,13502,13513,13518,13529,13666,13865,13867,13871,13875,13881,14007,14012,14213,14217,14223,14337,14342,14371,14536,14548,14552,14558,14763,14772,14774,14778,14782,15167,15171,15447,15451,15612,15616,15985,15987,15991,15994,15999,16040,16045,16067,16072,16104,16109,16132,16978],[3734,3735,3737],"h1",{"id":3736},"масиви-кортежі-та-обєкти","Масиви, кортежі та об'єкти",[3739,3740,3741,3773],"card-group",{},[3742,3743,3746],"card",{"icon":3744,"title":3745},"i-lucide-target","🎯 Мета розділу",[3747,3748,3749,3753,3756,3759,3767,3770],"ul",{},[3750,3751,3752],"li",{},"Зрозуміти, як масиви зберігаються у пам'яті та чому вони передаються за посиланням.",[3750,3754,3755],{},"Навчитися типізувати масиви, кортежі та об'єкти у TypeScript.",[3750,3757,3758],{},"Освоїти inline-синтаксис об'єктних типів без використання псевдонімів.",[3750,3760,3761,3762,3766],{},"Вивчити модифікатор ",[3763,3764,3765],"code",{},"readonly"," для захисту даних від змін.",[3750,3768,3769],{},"Опанувати індексні сигнатури для динамічних ключів.",[3750,3771,3772],{},"Усвідомити різницю між масивами та кортежами.",[3742,3774,3777],{"icon":3775,"title":3776},"i-lucide-key","🔑 Ключові терміни",[3747,3778,3779,3786,3792,3798,3804,3810],{},[3750,3780,3781,3785],{},[3782,3783,3784],"strong",{},"Reference Type:"," тип даних, що зберігається за посиланням (масиви, об'єкти, функції).",[3750,3787,3788,3791],{},[3782,3789,3790],{},"Array:"," впорядкована колекція елементів однакового або різних типів.",[3750,3793,3794,3797],{},[3782,3795,3796],{},"Tuple:"," масив фіксованої довжини з типізацією кожної позиції.",[3750,3799,3800,3803],{},[3782,3801,3802],{},"Object Type:"," структура даних з іменованими властивостями.",[3750,3805,3806,3809],{},[3782,3807,3808],{},"Index Signature:"," синтаксис для опису об'єктів з динамічними ключами.",[3750,3811,3812,3815],{},[3782,3813,3814],{},"Readonly:"," модифікатор, що забороняє зміну значення після ініціалізації.",[3817,3818],"hr",{},[3820,3821,3823],"h2",{"id":3822},"масиви-впорядковані-колекції-даних","Масиви: впорядковані колекції даних",[3825,3826,3828],"h3",{"id":3827},"що-таке-масив-у-javascript","Що таке масив у JavaScript",[3830,3831,3832,3835,3836,3840,3841,3844,3845,3848],"p",{},[3782,3833,3834],{},"Масив"," (",[3837,3838,3839],"em",{},"array",") — це спеціальний об'єкт, що зберігає впорядковану колекцію елементів. На відміну від примітивних типів, масив є ",[3782,3842,3843],{},"reference type"," — зберігається у купі (",[3837,3846,3847],{},"heap","), а змінна містить лише посилання на нього.",[3850,3851,3856],"pre",{"className":3852,"code":3853,"language":3854,"meta":3855,"style":3855},"language-javascript shiki shiki-themes light-plus dark-plus dark-plus","\u002F\u002F Створення масиву\nlet numbers = [1, 2, 3, 4, 5];\nlet fruits = [\"apple\", \"banana\", \"orange\"];\nlet mixed = [42, \"text\", true, null];  \u002F\u002F різні типи!\n\n\u002F\u002F Доступ до елементів (індексація з 0)\nconsole.log(numbers[0]);  \u002F\u002F 1\nconsole.log(fruits[2]);   \u002F\u002F \"orange\"\n\n\u002F\u002F Зміна елементів\nnumbers[0] = 100;\nconsole.log(numbers);  \u002F\u002F [100, 2, 3, 4, 5]\n","javascript","",[3763,3857,3858,3867,3910,3936,3970,3977,3983,4014,4038,4043,4049,4067],{"__ignoreMap":3855},[3859,3860,3863],"span",{"class":3861,"line":3862},"line",1,[3859,3864,3866],{"class":3865},"spJ8K","\u002F\u002F Створення масиву\n",[3859,3868,3870,3874,3878,3882,3886,3889,3892,3894,3897,3899,3902,3904,3907],{"class":3861,"line":3869},2,[3859,3871,3873],{"class":3872},"su1O8","let",[3859,3875,3877],{"class":3876},"siwwj"," numbers",[3859,3879,3881],{"class":3880},"sHH4Y"," = [",[3859,3883,3885],{"class":3884},"sJj4R","1",[3859,3887,3888],{"class":3880},", ",[3859,3890,3891],{"class":3884},"2",[3859,3893,3888],{"class":3880},[3859,3895,3896],{"class":3884},"3",[3859,3898,3888],{"class":3880},[3859,3900,3901],{"class":3884},"4",[3859,3903,3888],{"class":3880},[3859,3905,3906],{"class":3884},"5",[3859,3908,3909],{"class":3880},"];\n",[3859,3911,3913,3915,3918,3920,3924,3926,3929,3931,3934],{"class":3861,"line":3912},3,[3859,3914,3873],{"class":3872},[3859,3916,3917],{"class":3876}," fruits",[3859,3919,3881],{"class":3880},[3859,3921,3923],{"class":3922},"sbdoH","\"apple\"",[3859,3925,3888],{"class":3880},[3859,3927,3928],{"class":3922},"\"banana\"",[3859,3930,3888],{"class":3880},[3859,3932,3933],{"class":3922},"\"orange\"",[3859,3935,3909],{"class":3880},[3859,3937,3939,3941,3944,3946,3949,3951,3954,3956,3959,3961,3964,3967],{"class":3861,"line":3938},4,[3859,3940,3873],{"class":3872},[3859,3942,3943],{"class":3876}," mixed",[3859,3945,3881],{"class":3880},[3859,3947,3948],{"class":3884},"42",[3859,3950,3888],{"class":3880},[3859,3952,3953],{"class":3922},"\"text\"",[3859,3955,3888],{"class":3880},[3859,3957,3958],{"class":3872},"true",[3859,3960,3888],{"class":3880},[3859,3962,3963],{"class":3872},"null",[3859,3965,3966],{"class":3880},"];  ",[3859,3968,3969],{"class":3865},"\u002F\u002F різні типи!\n",[3859,3971,3973],{"class":3861,"line":3972},5,[3859,3974,3976],{"emptyLinePlaceholder":3975},true,"\n",[3859,3978,3980],{"class":3861,"line":3979},6,[3859,3981,3982],{"class":3865},"\u002F\u002F Доступ до елементів (індексація з 0)\n",[3859,3984,3986,3989,3992,3996,3999,4002,4005,4008,4011],{"class":3861,"line":3985},7,[3859,3987,3988],{"class":3876},"console",[3859,3990,3991],{"class":3880},".",[3859,3993,3995],{"class":3994},"s8Opu","log",[3859,3997,3998],{"class":3880},"(",[3859,4000,4001],{"class":3876},"numbers",[3859,4003,4004],{"class":3880},"[",[3859,4006,4007],{"class":3884},"0",[3859,4009,4010],{"class":3880},"]);  ",[3859,4012,4013],{"class":3865},"\u002F\u002F 1\n",[3859,4015,4017,4019,4021,4023,4025,4028,4030,4032,4035],{"class":3861,"line":4016},8,[3859,4018,3988],{"class":3876},[3859,4020,3991],{"class":3880},[3859,4022,3995],{"class":3994},[3859,4024,3998],{"class":3880},[3859,4026,4027],{"class":3876},"fruits",[3859,4029,4004],{"class":3880},[3859,4031,3891],{"class":3884},[3859,4033,4034],{"class":3880},"]);   ",[3859,4036,4037],{"class":3865},"\u002F\u002F \"orange\"\n",[3859,4039,4041],{"class":3861,"line":4040},9,[3859,4042,3976],{"emptyLinePlaceholder":3975},[3859,4044,4046],{"class":3861,"line":4045},10,[3859,4047,4048],{"class":3865},"\u002F\u002F Зміна елементів\n",[3859,4050,4052,4054,4056,4058,4061,4064],{"class":3861,"line":4051},11,[3859,4053,4001],{"class":3876},[3859,4055,4004],{"class":3880},[3859,4057,4007],{"class":3884},[3859,4059,4060],{"class":3880},"] = ",[3859,4062,4063],{"class":3884},"100",[3859,4065,4066],{"class":3880},";\n",[3859,4068,4070,4072,4074,4076,4078,4080,4083],{"class":3861,"line":4069},12,[3859,4071,3988],{"class":3876},[3859,4073,3991],{"class":3880},[3859,4075,3995],{"class":3994},[3859,4077,3998],{"class":3880},[3859,4079,4001],{"class":3876},[3859,4081,4082],{"class":3880},");  ",[3859,4084,4085],{"class":3865},"\u002F\u002F [100, 2, 3, 4, 5]\n",[3825,4087,4089],{"id":4088},"масиви-зберігаються-за-посиланням","Масиви зберігаються за посиланням",[3830,4091,4092,4093,4096],{},"Критично важливо розуміти: коли ви присвоюєте масив іншій змінній, ",[3782,4094,4095],{},"копіюється посилання",", а не сам масив:",[3850,4098,4100],{"className":3852,"code":4099,"language":3854,"meta":3855,"style":3855},"let original = [1, 2, 3];\nlet copy = original;  \u002F\u002F copy отримує ПОСИЛАННЯ на той самий масив!\n\ncopy[0] = 999;  \u002F\u002F змінюємо через copy\n\nconsole.log(original);  \u002F\u002F [999, 2, 3] — оригінал теж змінився!\nconsole.log(copy);      \u002F\u002F [999, 2, 3]\n\nconsole.log(original === copy);  \u002F\u002F true (обидві змінні вказують на один масив)\n",[3763,4101,4102,4123,4142,4146,4165,4169,4186,4204,4208],{"__ignoreMap":3855},[3859,4103,4104,4106,4109,4111,4113,4115,4117,4119,4121],{"class":3861,"line":3862},[3859,4105,3873],{"class":3872},[3859,4107,4108],{"class":3876}," original",[3859,4110,3881],{"class":3880},[3859,4112,3885],{"class":3884},[3859,4114,3888],{"class":3880},[3859,4116,3891],{"class":3884},[3859,4118,3888],{"class":3880},[3859,4120,3896],{"class":3884},[3859,4122,3909],{"class":3880},[3859,4124,4125,4127,4130,4133,4136,4139],{"class":3861,"line":3869},[3859,4126,3873],{"class":3872},[3859,4128,4129],{"class":3876}," copy",[3859,4131,4132],{"class":3880}," = ",[3859,4134,4135],{"class":3876},"original",[3859,4137,4138],{"class":3880},";  ",[3859,4140,4141],{"class":3865},"\u002F\u002F copy отримує ПОСИЛАННЯ на той самий масив!\n",[3859,4143,4144],{"class":3861,"line":3912},[3859,4145,3976],{"emptyLinePlaceholder":3975},[3859,4147,4148,4151,4153,4155,4157,4160,4162],{"class":3861,"line":3938},[3859,4149,4150],{"class":3876},"copy",[3859,4152,4004],{"class":3880},[3859,4154,4007],{"class":3884},[3859,4156,4060],{"class":3880},[3859,4158,4159],{"class":3884},"999",[3859,4161,4138],{"class":3880},[3859,4163,4164],{"class":3865},"\u002F\u002F змінюємо через copy\n",[3859,4166,4167],{"class":3861,"line":3972},[3859,4168,3976],{"emptyLinePlaceholder":3975},[3859,4170,4171,4173,4175,4177,4179,4181,4183],{"class":3861,"line":3979},[3859,4172,3988],{"class":3876},[3859,4174,3991],{"class":3880},[3859,4176,3995],{"class":3994},[3859,4178,3998],{"class":3880},[3859,4180,4135],{"class":3876},[3859,4182,4082],{"class":3880},[3859,4184,4185],{"class":3865},"\u002F\u002F [999, 2, 3] — оригінал теж змінився!\n",[3859,4187,4188,4190,4192,4194,4196,4198,4201],{"class":3861,"line":3985},[3859,4189,3988],{"class":3876},[3859,4191,3991],{"class":3880},[3859,4193,3995],{"class":3994},[3859,4195,3998],{"class":3880},[3859,4197,4150],{"class":3876},[3859,4199,4200],{"class":3880},");      ",[3859,4202,4203],{"class":3865},"\u002F\u002F [999, 2, 3]\n",[3859,4205,4206],{"class":3861,"line":4016},[3859,4207,3976],{"emptyLinePlaceholder":3975},[3859,4209,4210,4212,4214,4216,4218,4220,4223,4225,4227],{"class":3861,"line":4040},[3859,4211,3988],{"class":3876},[3859,4213,3991],{"class":3880},[3859,4215,3995],{"class":3994},[3859,4217,3998],{"class":3880},[3859,4219,4135],{"class":3876},[3859,4221,4222],{"class":3880}," === ",[3859,4224,4150],{"class":3876},[3859,4226,4082],{"class":3880},[3859,4228,4229],{"class":3865},"\u002F\u002F true (обидві змінні вказують на один масив)\n",[3830,4231,4232],{},[3782,4233,4234],{},"Як зробити справжню копію масиву:",[3850,4236,4238],{"className":3852,"code":4237,"language":3854,"meta":3855,"style":3855},"let original = [1, 2, 3];\n\n\u002F\u002F Спосіб 1: Spread оператор (найпопулярніший)\nlet copy1 = [...original];\n\n\u002F\u002F Спосіб 2: Array.from()\nlet copy2 = Array.from(original);\n\n\u002F\u002F Спосіб 3: slice() без параметрів\nlet copy3 = original.slice();\n\n\u002F\u002F Тепер зміни не впливають на оригінал\ncopy1[0] = 999;\nconsole.log(original);  \u002F\u002F [1, 2, 3] — не змінився ✓\nconsole.log(copy1);     \u002F\u002F [999, 2, 3]\n",[3763,4239,4240,4260,4264,4269,4283,4287,4292,4316,4320,4325,4344,4348,4353,4369,4387],{"__ignoreMap":3855},[3859,4241,4242,4244,4246,4248,4250,4252,4254,4256,4258],{"class":3861,"line":3862},[3859,4243,3873],{"class":3872},[3859,4245,4108],{"class":3876},[3859,4247,3881],{"class":3880},[3859,4249,3885],{"class":3884},[3859,4251,3888],{"class":3880},[3859,4253,3891],{"class":3884},[3859,4255,3888],{"class":3880},[3859,4257,3896],{"class":3884},[3859,4259,3909],{"class":3880},[3859,4261,4262],{"class":3861,"line":3869},[3859,4263,3976],{"emptyLinePlaceholder":3975},[3859,4265,4266],{"class":3861,"line":3912},[3859,4267,4268],{"class":3865},"\u002F\u002F Спосіб 1: Spread оператор (найпопулярніший)\n",[3859,4270,4271,4273,4276,4279,4281],{"class":3861,"line":3938},[3859,4272,3873],{"class":3872},[3859,4274,4275],{"class":3876}," copy1",[3859,4277,4278],{"class":3880}," = [...",[3859,4280,4135],{"class":3876},[3859,4282,3909],{"class":3880},[3859,4284,4285],{"class":3861,"line":3972},[3859,4286,3976],{"emptyLinePlaceholder":3975},[3859,4288,4289],{"class":3861,"line":3979},[3859,4290,4291],{"class":3865},"\u002F\u002F Спосіб 2: Array.from()\n",[3859,4293,4294,4296,4299,4301,4304,4306,4309,4311,4313],{"class":3861,"line":3985},[3859,4295,3873],{"class":3872},[3859,4297,4298],{"class":3876}," copy2",[3859,4300,4132],{"class":3880},[3859,4302,4303],{"class":3876},"Array",[3859,4305,3991],{"class":3880},[3859,4307,4308],{"class":3994},"from",[3859,4310,3998],{"class":3880},[3859,4312,4135],{"class":3876},[3859,4314,4315],{"class":3880},");\n",[3859,4317,4318],{"class":3861,"line":4016},[3859,4319,3976],{"emptyLinePlaceholder":3975},[3859,4321,4322],{"class":3861,"line":4040},[3859,4323,4324],{"class":3865},"\u002F\u002F Спосіб 3: slice() без параметрів\n",[3859,4326,4327,4329,4332,4334,4336,4338,4341],{"class":3861,"line":4045},[3859,4328,3873],{"class":3872},[3859,4330,4331],{"class":3876}," copy3",[3859,4333,4132],{"class":3880},[3859,4335,4135],{"class":3876},[3859,4337,3991],{"class":3880},[3859,4339,4340],{"class":3994},"slice",[3859,4342,4343],{"class":3880},"();\n",[3859,4345,4346],{"class":3861,"line":4051},[3859,4347,3976],{"emptyLinePlaceholder":3975},[3859,4349,4350],{"class":3861,"line":4069},[3859,4351,4352],{"class":3865},"\u002F\u002F Тепер зміни не впливають на оригінал\n",[3859,4354,4356,4359,4361,4363,4365,4367],{"class":3861,"line":4355},13,[3859,4357,4358],{"class":3876},"copy1",[3859,4360,4004],{"class":3880},[3859,4362,4007],{"class":3884},[3859,4364,4060],{"class":3880},[3859,4366,4159],{"class":3884},[3859,4368,4066],{"class":3880},[3859,4370,4372,4374,4376,4378,4380,4382,4384],{"class":3861,"line":4371},14,[3859,4373,3988],{"class":3876},[3859,4375,3991],{"class":3880},[3859,4377,3995],{"class":3994},[3859,4379,3998],{"class":3880},[3859,4381,4135],{"class":3876},[3859,4383,4082],{"class":3880},[3859,4385,4386],{"class":3865},"\u002F\u002F [1, 2, 3] — не змінився ✓\n",[3859,4388,4390,4392,4394,4396,4398,4400,4403],{"class":3861,"line":4389},15,[3859,4391,3988],{"class":3876},[3859,4393,3991],{"class":3880},[3859,4395,3995],{"class":3994},[3859,4397,3998],{"class":3880},[3859,4399,4358],{"class":3876},[3859,4401,4402],{"class":3880},");     ",[3859,4404,4203],{"class":3865},[4406,4407,4408,4421,4557],"warning",{},[3830,4409,4410,4413,4414,3835,4417,4420],{},[3782,4411,4412],{},"Shallow copy vs Deep copy:"," Усі три способи вище роблять ",[3782,4415,4416],{},"поверхневу копію",[3837,4418,4419],{},"shallow copy","). Якщо масив містить об'єкти або вкладені масиви, копіюються лише посилання на них:",[3850,4422,4424],{"className":3852,"code":4423,"language":3854,"meta":3855,"style":3855},"let users = [\n  { name: \"Alice\", age: 28 },\n  { name: \"Bob\", age: 32 }\n];\n\nlet copy = [...users];  \u002F\u002F shallow copy\n\ncopy[0].age = 100;  \u002F\u002F змінюємо об'єкт через копію\n\nconsole.log(users[0].age);  \u002F\u002F 100 — оригінальний об'єкт теж змінився!\n",[3763,4425,4426,4436,4458,4477,4481,4485,4501,4505,4528,4532],{"__ignoreMap":3855},[3859,4427,4428,4430,4433],{"class":3861,"line":3862},[3859,4429,3873],{"class":3872},[3859,4431,4432],{"class":3876}," users",[3859,4434,4435],{"class":3880}," = [\n",[3859,4437,4438,4441,4444,4447,4449,4452,4455],{"class":3861,"line":3869},[3859,4439,4440],{"class":3880},"  { ",[3859,4442,4443],{"class":3876},"name:",[3859,4445,4446],{"class":3922}," \"Alice\"",[3859,4448,3888],{"class":3880},[3859,4450,4451],{"class":3876},"age:",[3859,4453,4454],{"class":3884}," 28",[3859,4456,4457],{"class":3880}," },\n",[3859,4459,4460,4462,4464,4467,4469,4471,4474],{"class":3861,"line":3912},[3859,4461,4440],{"class":3880},[3859,4463,4443],{"class":3876},[3859,4465,4466],{"class":3922}," \"Bob\"",[3859,4468,3888],{"class":3880},[3859,4470,4451],{"class":3876},[3859,4472,4473],{"class":3884}," 32",[3859,4475,4476],{"class":3880}," }\n",[3859,4478,4479],{"class":3861,"line":3938},[3859,4480,3909],{"class":3880},[3859,4482,4483],{"class":3861,"line":3972},[3859,4484,3976],{"emptyLinePlaceholder":3975},[3859,4486,4487,4489,4491,4493,4496,4498],{"class":3861,"line":3979},[3859,4488,3873],{"class":3872},[3859,4490,4129],{"class":3876},[3859,4492,4278],{"class":3880},[3859,4494,4495],{"class":3876},"users",[3859,4497,3966],{"class":3880},[3859,4499,4500],{"class":3865},"\u002F\u002F shallow copy\n",[3859,4502,4503],{"class":3861,"line":3985},[3859,4504,3976],{"emptyLinePlaceholder":3975},[3859,4506,4507,4509,4511,4513,4516,4519,4521,4523,4525],{"class":3861,"line":4016},[3859,4508,4150],{"class":3876},[3859,4510,4004],{"class":3880},[3859,4512,4007],{"class":3884},[3859,4514,4515],{"class":3880},"].",[3859,4517,4518],{"class":3876},"age",[3859,4520,4132],{"class":3880},[3859,4522,4063],{"class":3884},[3859,4524,4138],{"class":3880},[3859,4526,4527],{"class":3865},"\u002F\u002F змінюємо об'єкт через копію\n",[3859,4529,4530],{"class":3861,"line":4040},[3859,4531,3976],{"emptyLinePlaceholder":3975},[3859,4533,4534,4536,4538,4540,4542,4544,4546,4548,4550,4552,4554],{"class":3861,"line":4045},[3859,4535,3988],{"class":3876},[3859,4537,3991],{"class":3880},[3859,4539,3995],{"class":3994},[3859,4541,3998],{"class":3880},[3859,4543,4495],{"class":3876},[3859,4545,4004],{"class":3880},[3859,4547,4007],{"class":3884},[3859,4549,4515],{"class":3880},[3859,4551,4518],{"class":3876},[3859,4553,4082],{"class":3880},[3859,4555,4556],{"class":3865},"\u002F\u002F 100 — оригінальний об'єкт теж змінився!\n",[3830,4558,4559,4560,4563,4564,4567,4568,4571],{},"Для глибокої копії (",[3837,4561,4562],{},"deep copy",") потрібні спеціальні методи (наприклад, ",[3763,4565,4566],{},"structuredClone()"," у сучасних браузерах або бібліотека ",[3763,4569,4570],{},"lodash.cloneDeep",").",[4573,4574,4576],"plant-uml",{"alt":4575},"Масиви у пам'яті: посилання vs копія",[3850,4577,4581],{"className":4578,"code":4579,"language":4580,"meta":3855,"style":3855},"language-plantuml shiki shiki-themes light-plus dark-plus dark-plus","@startuml\nskinparam style plain\nskinparam backgroundColor #FFFFFF\n\nrectangle \"Стек (Stack)\" as Stack #DBEAFE {\n    rectangle \"original: 0x1A2B\" as Var1 #FCA5A5\n    rectangle \"copy: 0x1A2B\" as Var2 #FCA5A5\n    rectangle \"realCopy: 0x3C4D\" as Var3 #86EFAC\n}\n\nrectangle \"Купа (Heap)\" as Heap #DCFCE7 {\n    rectangle \"[1, 2, 3]\" as Array1\n    rectangle \"[1, 2, 3]\" as Array2\n}\n\nVar1 -down-> Array1 : посилання\nVar2 -down-> Array1 : те саме посилання!\\n(зміни через copy\\nвпливають на original)\n\nVar3 -down-> Array2 : окреме посилання\\n(справжня копія)\n\nnote right of Stack\n  copy = original\n  копіює ПОСИЛАННЯ,\n  не сам масив\nend note\n\nnote bottom of Heap\n  Справжня копія створює\n  новий масив у купі\nend note\n@enduml\n","plantuml",[3763,4582,4583,4588,4593,4598,4602,4607,4612,4617,4622,4627,4631,4636,4641,4646,4650,4654,4660,4666,4671,4677,4682,4688,4694,4700,4706,4712,4717,4723,4729,4735,4740],{"__ignoreMap":3855},[3859,4584,4585],{"class":3861,"line":3862},[3859,4586,4587],{},"@startuml\n",[3859,4589,4590],{"class":3861,"line":3869},[3859,4591,4592],{},"skinparam style plain\n",[3859,4594,4595],{"class":3861,"line":3912},[3859,4596,4597],{},"skinparam backgroundColor #FFFFFF\n",[3859,4599,4600],{"class":3861,"line":3938},[3859,4601,3976],{"emptyLinePlaceholder":3975},[3859,4603,4604],{"class":3861,"line":3972},[3859,4605,4606],{},"rectangle \"Стек (Stack)\" as Stack #DBEAFE {\n",[3859,4608,4609],{"class":3861,"line":3979},[3859,4610,4611],{},"    rectangle \"original: 0x1A2B\" as Var1 #FCA5A5\n",[3859,4613,4614],{"class":3861,"line":3985},[3859,4615,4616],{},"    rectangle \"copy: 0x1A2B\" as Var2 #FCA5A5\n",[3859,4618,4619],{"class":3861,"line":4016},[3859,4620,4621],{},"    rectangle \"realCopy: 0x3C4D\" as Var3 #86EFAC\n",[3859,4623,4624],{"class":3861,"line":4040},[3859,4625,4626],{},"}\n",[3859,4628,4629],{"class":3861,"line":4045},[3859,4630,3976],{"emptyLinePlaceholder":3975},[3859,4632,4633],{"class":3861,"line":4051},[3859,4634,4635],{},"rectangle \"Купа (Heap)\" as Heap #DCFCE7 {\n",[3859,4637,4638],{"class":3861,"line":4069},[3859,4639,4640],{},"    rectangle \"[1, 2, 3]\" as Array1\n",[3859,4642,4643],{"class":3861,"line":4355},[3859,4644,4645],{},"    rectangle \"[1, 2, 3]\" as Array2\n",[3859,4647,4648],{"class":3861,"line":4371},[3859,4649,4626],{},[3859,4651,4652],{"class":3861,"line":4389},[3859,4653,3976],{"emptyLinePlaceholder":3975},[3859,4655,4657],{"class":3861,"line":4656},16,[3859,4658,4659],{},"Var1 -down-> Array1 : посилання\n",[3859,4661,4663],{"class":3861,"line":4662},17,[3859,4664,4665],{},"Var2 -down-> Array1 : те саме посилання!\\n(зміни через copy\\nвпливають на original)\n",[3859,4667,4669],{"class":3861,"line":4668},18,[3859,4670,3976],{"emptyLinePlaceholder":3975},[3859,4672,4674],{"class":3861,"line":4673},19,[3859,4675,4676],{},"Var3 -down-> Array2 : окреме посилання\\n(справжня копія)\n",[3859,4678,4680],{"class":3861,"line":4679},20,[3859,4681,3976],{"emptyLinePlaceholder":3975},[3859,4683,4685],{"class":3861,"line":4684},21,[3859,4686,4687],{},"note right of Stack\n",[3859,4689,4691],{"class":3861,"line":4690},22,[3859,4692,4693],{},"  copy = original\n",[3859,4695,4697],{"class":3861,"line":4696},23,[3859,4698,4699],{},"  копіює ПОСИЛАННЯ,\n",[3859,4701,4703],{"class":3861,"line":4702},24,[3859,4704,4705],{},"  не сам масив\n",[3859,4707,4709],{"class":3861,"line":4708},25,[3859,4710,4711],{},"end note\n",[3859,4713,4715],{"class":3861,"line":4714},26,[3859,4716,3976],{"emptyLinePlaceholder":3975},[3859,4718,4720],{"class":3861,"line":4719},27,[3859,4721,4722],{},"note bottom of Heap\n",[3859,4724,4726],{"class":3861,"line":4725},28,[3859,4727,4728],{},"  Справжня копія створює\n",[3859,4730,4732],{"class":3861,"line":4731},29,[3859,4733,4734],{},"  новий масив у купі\n",[3859,4736,4738],{"class":3861,"line":4737},30,[3859,4739,4711],{},[3859,4741,4743],{"class":3861,"line":4742},31,[3859,4744,4745],{},"@enduml\n",[3825,4747,4749],{"id":4748},"типізація-масивів-у-typescript","Типізація масивів у TypeScript",[3830,4751,4752],{},"TypeScript дозволяє вказати тип елементів масиву двома способами:",[3830,4754,4755],{},[3782,4756,4757,4758,4761],{},"Спосіб 1: ",[3763,4759,4760],{},"T[]"," (рекомендований)",[3850,4763,4767],{"className":4764,"code":4765,"language":4766,"meta":3855,"style":3855},"language-typescript shiki shiki-themes light-plus dark-plus dark-plus","let numbers: number[] = [1, 2, 3, 4, 5];\nlet names: string[] = [\"Alice\", \"Bob\", \"Charlie\"];\nlet flags: boolean[] = [true, false, true];\n\n\u002F\u002F Вкладені масиви (двовимірні)\nlet matrix: number[][] = [\n  [1, 2, 3],\n  [4, 5, 6],\n  [7, 8, 9]\n];\n\n\u002F\u002F Масиви масивів рядків\nlet groups: string[][] = [\n  [\"Alice\", \"Bob\"],\n  [\"Charlie\", \"Dave\"]\n];\n","typescript",[3763,4768,4769,4805,4834,4861,4865,4870,4884,4902,4919,4939,4943,4947,4952,4965,4977,4990],{"__ignoreMap":3855},[3859,4770,4771,4773,4775,4778,4782,4785,4787,4789,4791,4793,4795,4797,4799,4801,4803],{"class":3861,"line":3862},[3859,4772,3873],{"class":3872},[3859,4774,3877],{"class":3876},[3859,4776,4777],{"class":3880},": ",[3859,4779,4781],{"class":4780},"sN1BT","number",[3859,4783,4784],{"class":3880},"[] = [",[3859,4786,3885],{"class":3884},[3859,4788,3888],{"class":3880},[3859,4790,3891],{"class":3884},[3859,4792,3888],{"class":3880},[3859,4794,3896],{"class":3884},[3859,4796,3888],{"class":3880},[3859,4798,3901],{"class":3884},[3859,4800,3888],{"class":3880},[3859,4802,3906],{"class":3884},[3859,4804,3909],{"class":3880},[3859,4806,4807,4809,4812,4814,4817,4819,4822,4824,4827,4829,4832],{"class":3861,"line":3869},[3859,4808,3873],{"class":3872},[3859,4810,4811],{"class":3876}," names",[3859,4813,4777],{"class":3880},[3859,4815,4816],{"class":4780},"string",[3859,4818,4784],{"class":3880},[3859,4820,4821],{"class":3922},"\"Alice\"",[3859,4823,3888],{"class":3880},[3859,4825,4826],{"class":3922},"\"Bob\"",[3859,4828,3888],{"class":3880},[3859,4830,4831],{"class":3922},"\"Charlie\"",[3859,4833,3909],{"class":3880},[3859,4835,4836,4838,4841,4843,4846,4848,4850,4852,4855,4857,4859],{"class":3861,"line":3912},[3859,4837,3873],{"class":3872},[3859,4839,4840],{"class":3876}," flags",[3859,4842,4777],{"class":3880},[3859,4844,4845],{"class":4780},"boolean",[3859,4847,4784],{"class":3880},[3859,4849,3958],{"class":3872},[3859,4851,3888],{"class":3880},[3859,4853,4854],{"class":3872},"false",[3859,4856,3888],{"class":3880},[3859,4858,3958],{"class":3872},[3859,4860,3909],{"class":3880},[3859,4862,4863],{"class":3861,"line":3938},[3859,4864,3976],{"emptyLinePlaceholder":3975},[3859,4866,4867],{"class":3861,"line":3972},[3859,4868,4869],{"class":3865},"\u002F\u002F Вкладені масиви (двовимірні)\n",[3859,4871,4872,4874,4877,4879,4881],{"class":3861,"line":3979},[3859,4873,3873],{"class":3872},[3859,4875,4876],{"class":3876}," matrix",[3859,4878,4777],{"class":3880},[3859,4880,4781],{"class":4780},[3859,4882,4883],{"class":3880},"[][] = [\n",[3859,4885,4886,4889,4891,4893,4895,4897,4899],{"class":3861,"line":3985},[3859,4887,4888],{"class":3880},"  [",[3859,4890,3885],{"class":3884},[3859,4892,3888],{"class":3880},[3859,4894,3891],{"class":3884},[3859,4896,3888],{"class":3880},[3859,4898,3896],{"class":3884},[3859,4900,4901],{"class":3880},"],\n",[3859,4903,4904,4906,4908,4910,4912,4914,4917],{"class":3861,"line":4016},[3859,4905,4888],{"class":3880},[3859,4907,3901],{"class":3884},[3859,4909,3888],{"class":3880},[3859,4911,3906],{"class":3884},[3859,4913,3888],{"class":3880},[3859,4915,4916],{"class":3884},"6",[3859,4918,4901],{"class":3880},[3859,4920,4921,4923,4926,4928,4931,4933,4936],{"class":3861,"line":4040},[3859,4922,4888],{"class":3880},[3859,4924,4925],{"class":3884},"7",[3859,4927,3888],{"class":3880},[3859,4929,4930],{"class":3884},"8",[3859,4932,3888],{"class":3880},[3859,4934,4935],{"class":3884},"9",[3859,4937,4938],{"class":3880},"]\n",[3859,4940,4941],{"class":3861,"line":4045},[3859,4942,3909],{"class":3880},[3859,4944,4945],{"class":3861,"line":4051},[3859,4946,3976],{"emptyLinePlaceholder":3975},[3859,4948,4949],{"class":3861,"line":4069},[3859,4950,4951],{"class":3865},"\u002F\u002F Масиви масивів рядків\n",[3859,4953,4954,4956,4959,4961,4963],{"class":3861,"line":4355},[3859,4955,3873],{"class":3872},[3859,4957,4958],{"class":3876}," groups",[3859,4960,4777],{"class":3880},[3859,4962,4816],{"class":4780},[3859,4964,4883],{"class":3880},[3859,4966,4967,4969,4971,4973,4975],{"class":3861,"line":4371},[3859,4968,4888],{"class":3880},[3859,4970,4821],{"class":3922},[3859,4972,3888],{"class":3880},[3859,4974,4826],{"class":3922},[3859,4976,4901],{"class":3880},[3859,4978,4979,4981,4983,4985,4988],{"class":3861,"line":4389},[3859,4980,4888],{"class":3880},[3859,4982,4831],{"class":3922},[3859,4984,3888],{"class":3880},[3859,4986,4987],{"class":3922},"\"Dave\"",[3859,4989,4938],{"class":3880},[3859,4991,4992],{"class":3861,"line":4656},[3859,4993,3909],{"class":3880},[3830,4995,4996],{},[3782,4997,4998,4999,5002],{},"Спосіб 2: ",[3763,5000,5001],{},"Array\u003CT>"," (generic-синтаксис)",[3850,5004,5006],{"className":4764,"code":5005,"language":4766,"meta":3855,"style":3855},"let numbers: Array\u003Cnumber> = [1, 2, 3];\nlet names: Array\u003Cstring> = [\"Alice\", \"Bob\"];\n",[3763,5007,5008,5038],{"__ignoreMap":3855},[3859,5009,5010,5012,5014,5016,5018,5021,5023,5026,5028,5030,5032,5034,5036],{"class":3861,"line":3862},[3859,5011,3873],{"class":3872},[3859,5013,3877],{"class":3876},[3859,5015,4777],{"class":3880},[3859,5017,4303],{"class":4780},[3859,5019,5020],{"class":3880},"\u003C",[3859,5022,4781],{"class":4780},[3859,5024,5025],{"class":3880},"> = [",[3859,5027,3885],{"class":3884},[3859,5029,3888],{"class":3880},[3859,5031,3891],{"class":3884},[3859,5033,3888],{"class":3880},[3859,5035,3896],{"class":3884},[3859,5037,3909],{"class":3880},[3859,5039,5040,5042,5044,5046,5048,5050,5052,5054,5056,5058,5060],{"class":3861,"line":3869},[3859,5041,3873],{"class":3872},[3859,5043,4811],{"class":3876},[3859,5045,4777],{"class":3880},[3859,5047,4303],{"class":4780},[3859,5049,5020],{"class":3880},[3859,5051,4816],{"class":4780},[3859,5053,5025],{"class":3880},[3859,5055,4821],{"class":3922},[3859,5057,3888],{"class":3880},[3859,5059,4826],{"class":3922},[3859,5061,3909],{"class":3880},[3830,5063,5064,5065,5067],{},"Обидва способи функціонально ідентичні. ",[3763,5066,4760],{}," є коротшим і більш читабельним, тому використовується частіше.",[3830,5069,5070],{},[3782,5071,5072],{},"TypeScript перевіряє типи елементів:",[3850,5074,5076],{"className":4764,"code":5075,"language":4766,"meta":3855,"style":3855},"let numbers: number[] = [1, 2, 3];\n\nnumbers.push(4);       \u002F\u002F OK: число\nnumbers.push(\"five\");  \u002F\u002F Error: Argument of type 'string' is not assignable to parameter of type 'number'\n\nnumbers[0] = 100;      \u002F\u002F OK: число\nnumbers[1] = true;     \u002F\u002F Error: Type 'boolean' is not assignable to type 'number'\n",[3763,5077,5078,5102,5106,5125,5143,5147,5164],{"__ignoreMap":3855},[3859,5079,5080,5082,5084,5086,5088,5090,5092,5094,5096,5098,5100],{"class":3861,"line":3862},[3859,5081,3873],{"class":3872},[3859,5083,3877],{"class":3876},[3859,5085,4777],{"class":3880},[3859,5087,4781],{"class":4780},[3859,5089,4784],{"class":3880},[3859,5091,3885],{"class":3884},[3859,5093,3888],{"class":3880},[3859,5095,3891],{"class":3884},[3859,5097,3888],{"class":3880},[3859,5099,3896],{"class":3884},[3859,5101,3909],{"class":3880},[3859,5103,5104],{"class":3861,"line":3869},[3859,5105,3976],{"emptyLinePlaceholder":3975},[3859,5107,5108,5110,5112,5115,5117,5119,5122],{"class":3861,"line":3912},[3859,5109,4001],{"class":3876},[3859,5111,3991],{"class":3880},[3859,5113,5114],{"class":3994},"push",[3859,5116,3998],{"class":3880},[3859,5118,3901],{"class":3884},[3859,5120,5121],{"class":3880},");       ",[3859,5123,5124],{"class":3865},"\u002F\u002F OK: число\n",[3859,5126,5127,5129,5131,5133,5135,5138,5140],{"class":3861,"line":3938},[3859,5128,4001],{"class":3876},[3859,5130,3991],{"class":3880},[3859,5132,5114],{"class":3994},[3859,5134,3998],{"class":3880},[3859,5136,5137],{"class":3922},"\"five\"",[3859,5139,4082],{"class":3880},[3859,5141,5142],{"class":3865},"\u002F\u002F Error: Argument of type 'string' is not assignable to parameter of type 'number'\n",[3859,5144,5145],{"class":3861,"line":3972},[3859,5146,3976],{"emptyLinePlaceholder":3975},[3859,5148,5149,5151,5153,5155,5157,5159,5162],{"class":3861,"line":3979},[3859,5150,4001],{"class":3876},[3859,5152,4004],{"class":3880},[3859,5154,4007],{"class":3884},[3859,5156,4060],{"class":3880},[3859,5158,4063],{"class":3884},[3859,5160,5161],{"class":3880},";      ",[3859,5163,5124],{"class":3865},[3859,5165,5166,5168,5170,5172,5174,5176,5179],{"class":3861,"line":3985},[3859,5167,4001],{"class":3876},[3859,5169,4004],{"class":3880},[3859,5171,3885],{"class":3884},[3859,5173,4060],{"class":3880},[3859,5175,3958],{"class":3872},[3859,5177,5178],{"class":3880},";     ",[3859,5180,5181],{"class":3865},"\u002F\u002F Error: Type 'boolean' is not assignable to type 'number'\n",[3825,5183,5185],{"id":5184},"порожній-масив-та-type-inference","Порожній масив та type inference",[3830,5187,5188,5189,5192],{},"Коли ви створюєте порожній масив без анотації, TypeScript виводить тип ",[3763,5190,5191],{},"any[]",", що небезпечно:",[3850,5194,5196],{"className":4764,"code":5195,"language":4766,"meta":3855,"style":3855},"\u002F\u002F ❌ Небезпечно: TypeScript виводить any[]\nlet items = [];\n\nitems.push(1);        \u002F\u002F OK\nitems.push(\"text\");   \u002F\u002F OK\nitems.push(true);     \u002F\u002F OK — масив стає [number, string, boolean]\n",[3763,5197,5198,5203,5213,5217,5236,5253],{"__ignoreMap":3855},[3859,5199,5200],{"class":3861,"line":3862},[3859,5201,5202],{"class":3865},"\u002F\u002F ❌ Небезпечно: TypeScript виводить any[]\n",[3859,5204,5205,5207,5210],{"class":3861,"line":3869},[3859,5206,3873],{"class":3872},[3859,5208,5209],{"class":3876}," items",[3859,5211,5212],{"class":3880}," = [];\n",[3859,5214,5215],{"class":3861,"line":3912},[3859,5216,3976],{"emptyLinePlaceholder":3975},[3859,5218,5219,5222,5224,5226,5228,5230,5233],{"class":3861,"line":3938},[3859,5220,5221],{"class":3876},"items",[3859,5223,3991],{"class":3880},[3859,5225,5114],{"class":3994},[3859,5227,3998],{"class":3880},[3859,5229,3885],{"class":3884},[3859,5231,5232],{"class":3880},");        ",[3859,5234,5235],{"class":3865},"\u002F\u002F OK\n",[3859,5237,5238,5240,5242,5244,5246,5248,5251],{"class":3861,"line":3972},[3859,5239,5221],{"class":3876},[3859,5241,3991],{"class":3880},[3859,5243,5114],{"class":3994},[3859,5245,3998],{"class":3880},[3859,5247,3953],{"class":3922},[3859,5249,5250],{"class":3880},");   ",[3859,5252,5235],{"class":3865},[3859,5254,5255,5257,5259,5261,5263,5265,5267],{"class":3861,"line":3979},[3859,5256,5221],{"class":3876},[3859,5258,3991],{"class":3880},[3859,5260,5114],{"class":3994},[3859,5262,3998],{"class":3880},[3859,5264,3958],{"class":3872},[3859,5266,4402],{"class":3880},[3859,5268,5269],{"class":3865},"\u002F\u002F OK — масив стає [number, string, boolean]\n",[3830,5271,5272],{},[3782,5273,5274],{},"Правильно: завжди вказуйте тип для порожніх масивів:",[3850,5276,5278],{"className":4764,"code":5277,"language":4766,"meta":3855,"style":3855},"\u002F\u002F ✅ Безпечно: явна типізація\nlet items: number[] = [];\n\nitems.push(1);        \u002F\u002F OK\nitems.push(\"text\");   \u002F\u002F Error: тип string не підходить\n",[3763,5279,5280,5285,5298,5302,5318],{"__ignoreMap":3855},[3859,5281,5282],{"class":3861,"line":3862},[3859,5283,5284],{"class":3865},"\u002F\u002F ✅ Безпечно: явна типізація\n",[3859,5286,5287,5289,5291,5293,5295],{"class":3861,"line":3869},[3859,5288,3873],{"class":3872},[3859,5290,5209],{"class":3876},[3859,5292,4777],{"class":3880},[3859,5294,4781],{"class":4780},[3859,5296,5297],{"class":3880},"[] = [];\n",[3859,5299,5300],{"class":3861,"line":3912},[3859,5301,3976],{"emptyLinePlaceholder":3975},[3859,5303,5304,5306,5308,5310,5312,5314,5316],{"class":3861,"line":3938},[3859,5305,5221],{"class":3876},[3859,5307,3991],{"class":3880},[3859,5309,5114],{"class":3994},[3859,5311,3998],{"class":3880},[3859,5313,3885],{"class":3884},[3859,5315,5232],{"class":3880},[3859,5317,5235],{"class":3865},[3859,5319,5320,5322,5324,5326,5328,5330,5332],{"class":3861,"line":3972},[3859,5321,5221],{"class":3876},[3859,5323,3991],{"class":3880},[3859,5325,5114],{"class":3994},[3859,5327,3998],{"class":3880},[3859,5329,3953],{"class":3922},[3859,5331,5250],{"class":3880},[3859,5333,5334],{"class":3865},"\u002F\u002F Error: тип string не підходить\n",[3825,5336,5338],{"id":5337},"методи-роботи-з-масивами","Методи роботи з масивами",[3830,5340,5341,5342,5345,5346,5349,5350,3835,5353,4571],{},"JavaScript надає багато методів для роботи з масивами. Деякі ",[3782,5343,5344],{},"змінюють"," оригінальний масив (",[3837,5347,5348],{},"mutating","), інші — ",[3782,5351,5352],{},"повертають новий",[3837,5354,5355],{},"non-mutating",[3830,5357,5358],{},[3782,5359,5360],{},"Методи, що змінюють масив:",[3850,5362,5364],{"className":4764,"code":5363,"language":4766,"meta":3855,"style":3855},"let numbers: number[] = [1, 2, 3];\n\n\u002F\u002F push: додає елемент в кінець\nnumbers.push(4);  \u002F\u002F [1, 2, 3, 4]\n\n\u002F\u002F pop: видаляє останній елемент\nlet last: number | undefined = numbers.pop();  \u002F\u002F 4, масив: [1, 2, 3]\n\n\u002F\u002F unshift: додає елемент на початок\nnumbers.unshift(0);  \u002F\u002F [0, 1, 2, 3]\n\n\u002F\u002F shift: видаляє перший елемент\nlet first: number | undefined = numbers.shift();  \u002F\u002F 0, масив: [1, 2, 3]\n\n\u002F\u002F splice: видаляє\u002Fдодає елементи в середині\nnumbers.splice(1, 1);  \u002F\u002F видаляє 1 елемент з індексу 1, масив: [1, 3]\n\n\u002F\u002F reverse: перевертає масив\nnumbers.reverse();  \u002F\u002F [3, 1]\n\n\u002F\u002F sort: сортує масив\nnumbers.sort();  \u002F\u002F [1, 3]\n",[3763,5365,5366,5390,5394,5399,5416,5420,5425,5457,5461,5466,5484,5488,5493,5522,5526,5531,5553,5557,5562,5576,5580,5585],{"__ignoreMap":3855},[3859,5367,5368,5370,5372,5374,5376,5378,5380,5382,5384,5386,5388],{"class":3861,"line":3862},[3859,5369,3873],{"class":3872},[3859,5371,3877],{"class":3876},[3859,5373,4777],{"class":3880},[3859,5375,4781],{"class":4780},[3859,5377,4784],{"class":3880},[3859,5379,3885],{"class":3884},[3859,5381,3888],{"class":3880},[3859,5383,3891],{"class":3884},[3859,5385,3888],{"class":3880},[3859,5387,3896],{"class":3884},[3859,5389,3909],{"class":3880},[3859,5391,5392],{"class":3861,"line":3869},[3859,5393,3976],{"emptyLinePlaceholder":3975},[3859,5395,5396],{"class":3861,"line":3912},[3859,5397,5398],{"class":3865},"\u002F\u002F push: додає елемент в кінець\n",[3859,5400,5401,5403,5405,5407,5409,5411,5413],{"class":3861,"line":3938},[3859,5402,4001],{"class":3876},[3859,5404,3991],{"class":3880},[3859,5406,5114],{"class":3994},[3859,5408,3998],{"class":3880},[3859,5410,3901],{"class":3884},[3859,5412,4082],{"class":3880},[3859,5414,5415],{"class":3865},"\u002F\u002F [1, 2, 3, 4]\n",[3859,5417,5418],{"class":3861,"line":3972},[3859,5419,3976],{"emptyLinePlaceholder":3975},[3859,5421,5422],{"class":3861,"line":3979},[3859,5423,5424],{"class":3865},"\u002F\u002F pop: видаляє останній елемент\n",[3859,5426,5427,5429,5432,5434,5436,5439,5442,5444,5446,5448,5451,5454],{"class":3861,"line":3985},[3859,5428,3873],{"class":3872},[3859,5430,5431],{"class":3876}," last",[3859,5433,4777],{"class":3880},[3859,5435,4781],{"class":4780},[3859,5437,5438],{"class":3880}," | ",[3859,5440,5441],{"class":4780},"undefined",[3859,5443,4132],{"class":3880},[3859,5445,4001],{"class":3876},[3859,5447,3991],{"class":3880},[3859,5449,5450],{"class":3994},"pop",[3859,5452,5453],{"class":3880},"();  ",[3859,5455,5456],{"class":3865},"\u002F\u002F 4, масив: [1, 2, 3]\n",[3859,5458,5459],{"class":3861,"line":4016},[3859,5460,3976],{"emptyLinePlaceholder":3975},[3859,5462,5463],{"class":3861,"line":4040},[3859,5464,5465],{"class":3865},"\u002F\u002F unshift: додає елемент на початок\n",[3859,5467,5468,5470,5472,5475,5477,5479,5481],{"class":3861,"line":4045},[3859,5469,4001],{"class":3876},[3859,5471,3991],{"class":3880},[3859,5473,5474],{"class":3994},"unshift",[3859,5476,3998],{"class":3880},[3859,5478,4007],{"class":3884},[3859,5480,4082],{"class":3880},[3859,5482,5483],{"class":3865},"\u002F\u002F [0, 1, 2, 3]\n",[3859,5485,5486],{"class":3861,"line":4051},[3859,5487,3976],{"emptyLinePlaceholder":3975},[3859,5489,5490],{"class":3861,"line":4069},[3859,5491,5492],{"class":3865},"\u002F\u002F shift: видаляє перший елемент\n",[3859,5494,5495,5497,5500,5502,5504,5506,5508,5510,5512,5514,5517,5519],{"class":3861,"line":4355},[3859,5496,3873],{"class":3872},[3859,5498,5499],{"class":3876}," first",[3859,5501,4777],{"class":3880},[3859,5503,4781],{"class":4780},[3859,5505,5438],{"class":3880},[3859,5507,5441],{"class":4780},[3859,5509,4132],{"class":3880},[3859,5511,4001],{"class":3876},[3859,5513,3991],{"class":3880},[3859,5515,5516],{"class":3994},"shift",[3859,5518,5453],{"class":3880},[3859,5520,5521],{"class":3865},"\u002F\u002F 0, масив: [1, 2, 3]\n",[3859,5523,5524],{"class":3861,"line":4371},[3859,5525,3976],{"emptyLinePlaceholder":3975},[3859,5527,5528],{"class":3861,"line":4389},[3859,5529,5530],{"class":3865},"\u002F\u002F splice: видаляє\u002Fдодає елементи в середині\n",[3859,5532,5533,5535,5537,5540,5542,5544,5546,5548,5550],{"class":3861,"line":4656},[3859,5534,4001],{"class":3876},[3859,5536,3991],{"class":3880},[3859,5538,5539],{"class":3994},"splice",[3859,5541,3998],{"class":3880},[3859,5543,3885],{"class":3884},[3859,5545,3888],{"class":3880},[3859,5547,3885],{"class":3884},[3859,5549,4082],{"class":3880},[3859,5551,5552],{"class":3865},"\u002F\u002F видаляє 1 елемент з індексу 1, масив: [1, 3]\n",[3859,5554,5555],{"class":3861,"line":4662},[3859,5556,3976],{"emptyLinePlaceholder":3975},[3859,5558,5559],{"class":3861,"line":4668},[3859,5560,5561],{"class":3865},"\u002F\u002F reverse: перевертає масив\n",[3859,5563,5564,5566,5568,5571,5573],{"class":3861,"line":4673},[3859,5565,4001],{"class":3876},[3859,5567,3991],{"class":3880},[3859,5569,5570],{"class":3994},"reverse",[3859,5572,5453],{"class":3880},[3859,5574,5575],{"class":3865},"\u002F\u002F [3, 1]\n",[3859,5577,5578],{"class":3861,"line":4679},[3859,5579,3976],{"emptyLinePlaceholder":3975},[3859,5581,5582],{"class":3861,"line":4684},[3859,5583,5584],{"class":3865},"\u002F\u002F sort: сортує масив\n",[3859,5586,5587,5589,5591,5594,5596],{"class":3861,"line":4690},[3859,5588,4001],{"class":3876},[3859,5590,3991],{"class":3880},[3859,5592,5593],{"class":3994},"sort",[3859,5595,5453],{"class":3880},[3859,5597,5598],{"class":3865},"\u002F\u002F [1, 3]\n",[3830,5600,5601],{},[3782,5602,5603],{},"Методи, що повертають новий масив:",[3850,5605,5607],{"className":4764,"code":5606,"language":4766,"meta":3855,"style":3855},"let numbers: number[] = [1, 2, 3, 4, 5];\n\n\u002F\u002F map: перетворює кожен елемент\nlet doubled: number[] = numbers.map((n) => n * 2);  \u002F\u002F [2, 4, 6, 8, 10]\n\n\u002F\u002F filter: залишає лише елементи, що пройшли умову\nlet evens: number[] = numbers.filter((n) => n % 2 === 0);  \u002F\u002F [2, 4]\n\n\u002F\u002F slice: копіює частину масиву\nlet part: number[] = numbers.slice(1, 3);  \u002F\u002F [2, 3] (індекси 1, 2)\n\n\u002F\u002F concat: об'єднує масиви\nlet more: number[] = numbers.concat([6, 7, 8]);  \u002F\u002F [1, 2, 3, 4, 5, 6, 7, 8]\n\n\u002F\u002F flat: розгортає вкладені масиви\nlet nested: number[][] = [[1, 2], [3, 4]];\nlet flattened: number[] = nested.flat();  \u002F\u002F [1, 2, 3, 4]\n\nconsole.log(numbers);  \u002F\u002F [1, 2, 3, 4, 5] — оригінал не змінився!\n",[3763,5608,5609,5641,5645,5650,5696,5700,5705,5749,5753,5758,5790,5794,5799,5837,5841,5846,5878,5903,5907],{"__ignoreMap":3855},[3859,5610,5611,5613,5615,5617,5619,5621,5623,5625,5627,5629,5631,5633,5635,5637,5639],{"class":3861,"line":3862},[3859,5612,3873],{"class":3872},[3859,5614,3877],{"class":3876},[3859,5616,4777],{"class":3880},[3859,5618,4781],{"class":4780},[3859,5620,4784],{"class":3880},[3859,5622,3885],{"class":3884},[3859,5624,3888],{"class":3880},[3859,5626,3891],{"class":3884},[3859,5628,3888],{"class":3880},[3859,5630,3896],{"class":3884},[3859,5632,3888],{"class":3880},[3859,5634,3901],{"class":3884},[3859,5636,3888],{"class":3880},[3859,5638,3906],{"class":3884},[3859,5640,3909],{"class":3880},[3859,5642,5643],{"class":3861,"line":3869},[3859,5644,3976],{"emptyLinePlaceholder":3975},[3859,5646,5647],{"class":3861,"line":3912},[3859,5648,5649],{"class":3865},"\u002F\u002F map: перетворює кожен елемент\n",[3859,5651,5652,5654,5657,5659,5661,5664,5666,5668,5671,5674,5677,5680,5683,5686,5689,5691,5693],{"class":3861,"line":3938},[3859,5653,3873],{"class":3872},[3859,5655,5656],{"class":3876}," doubled",[3859,5658,4777],{"class":3880},[3859,5660,4781],{"class":4780},[3859,5662,5663],{"class":3880},"[] = ",[3859,5665,4001],{"class":3876},[3859,5667,3991],{"class":3880},[3859,5669,5670],{"class":3994},"map",[3859,5672,5673],{"class":3880},"((",[3859,5675,5676],{"class":3876},"n",[3859,5678,5679],{"class":3880},") ",[3859,5681,5682],{"class":3872},"=>",[3859,5684,5685],{"class":3876}," n",[3859,5687,5688],{"class":3880}," * ",[3859,5690,3891],{"class":3884},[3859,5692,4082],{"class":3880},[3859,5694,5695],{"class":3865},"\u002F\u002F [2, 4, 6, 8, 10]\n",[3859,5697,5698],{"class":3861,"line":3972},[3859,5699,3976],{"emptyLinePlaceholder":3975},[3859,5701,5702],{"class":3861,"line":3979},[3859,5703,5704],{"class":3865},"\u002F\u002F filter: залишає лише елементи, що пройшли умову\n",[3859,5706,5707,5709,5712,5714,5716,5718,5720,5722,5725,5727,5729,5731,5733,5735,5738,5740,5742,5744,5746],{"class":3861,"line":3985},[3859,5708,3873],{"class":3872},[3859,5710,5711],{"class":3876}," evens",[3859,5713,4777],{"class":3880},[3859,5715,4781],{"class":4780},[3859,5717,5663],{"class":3880},[3859,5719,4001],{"class":3876},[3859,5721,3991],{"class":3880},[3859,5723,5724],{"class":3994},"filter",[3859,5726,5673],{"class":3880},[3859,5728,5676],{"class":3876},[3859,5730,5679],{"class":3880},[3859,5732,5682],{"class":3872},[3859,5734,5685],{"class":3876},[3859,5736,5737],{"class":3880}," % ",[3859,5739,3891],{"class":3884},[3859,5741,4222],{"class":3880},[3859,5743,4007],{"class":3884},[3859,5745,4082],{"class":3880},[3859,5747,5748],{"class":3865},"\u002F\u002F [2, 4]\n",[3859,5750,5751],{"class":3861,"line":4016},[3859,5752,3976],{"emptyLinePlaceholder":3975},[3859,5754,5755],{"class":3861,"line":4040},[3859,5756,5757],{"class":3865},"\u002F\u002F slice: копіює частину масиву\n",[3859,5759,5760,5762,5765,5767,5769,5771,5773,5775,5777,5779,5781,5783,5785,5787],{"class":3861,"line":4045},[3859,5761,3873],{"class":3872},[3859,5763,5764],{"class":3876}," part",[3859,5766,4777],{"class":3880},[3859,5768,4781],{"class":4780},[3859,5770,5663],{"class":3880},[3859,5772,4001],{"class":3876},[3859,5774,3991],{"class":3880},[3859,5776,4340],{"class":3994},[3859,5778,3998],{"class":3880},[3859,5780,3885],{"class":3884},[3859,5782,3888],{"class":3880},[3859,5784,3896],{"class":3884},[3859,5786,4082],{"class":3880},[3859,5788,5789],{"class":3865},"\u002F\u002F [2, 3] (індекси 1, 2)\n",[3859,5791,5792],{"class":3861,"line":4051},[3859,5793,3976],{"emptyLinePlaceholder":3975},[3859,5795,5796],{"class":3861,"line":4069},[3859,5797,5798],{"class":3865},"\u002F\u002F concat: об'єднує масиви\n",[3859,5800,5801,5803,5806,5808,5810,5812,5814,5816,5819,5822,5824,5826,5828,5830,5832,5834],{"class":3861,"line":4355},[3859,5802,3873],{"class":3872},[3859,5804,5805],{"class":3876}," more",[3859,5807,4777],{"class":3880},[3859,5809,4781],{"class":4780},[3859,5811,5663],{"class":3880},[3859,5813,4001],{"class":3876},[3859,5815,3991],{"class":3880},[3859,5817,5818],{"class":3994},"concat",[3859,5820,5821],{"class":3880},"([",[3859,5823,4916],{"class":3884},[3859,5825,3888],{"class":3880},[3859,5827,4925],{"class":3884},[3859,5829,3888],{"class":3880},[3859,5831,4930],{"class":3884},[3859,5833,4010],{"class":3880},[3859,5835,5836],{"class":3865},"\u002F\u002F [1, 2, 3, 4, 5, 6, 7, 8]\n",[3859,5838,5839],{"class":3861,"line":4371},[3859,5840,3976],{"emptyLinePlaceholder":3975},[3859,5842,5843],{"class":3861,"line":4389},[3859,5844,5845],{"class":3865},"\u002F\u002F flat: розгортає вкладені масиви\n",[3859,5847,5848,5850,5853,5855,5857,5860,5862,5864,5866,5869,5871,5873,5875],{"class":3861,"line":4656},[3859,5849,3873],{"class":3872},[3859,5851,5852],{"class":3876}," nested",[3859,5854,4777],{"class":3880},[3859,5856,4781],{"class":4780},[3859,5858,5859],{"class":3880},"[][] = [[",[3859,5861,3885],{"class":3884},[3859,5863,3888],{"class":3880},[3859,5865,3891],{"class":3884},[3859,5867,5868],{"class":3880},"], [",[3859,5870,3896],{"class":3884},[3859,5872,3888],{"class":3880},[3859,5874,3901],{"class":3884},[3859,5876,5877],{"class":3880},"]];\n",[3859,5879,5880,5882,5885,5887,5889,5891,5894,5896,5899,5901],{"class":3861,"line":4662},[3859,5881,3873],{"class":3872},[3859,5883,5884],{"class":3876}," flattened",[3859,5886,4777],{"class":3880},[3859,5888,4781],{"class":4780},[3859,5890,5663],{"class":3880},[3859,5892,5893],{"class":3876},"nested",[3859,5895,3991],{"class":3880},[3859,5897,5898],{"class":3994},"flat",[3859,5900,5453],{"class":3880},[3859,5902,5415],{"class":3865},[3859,5904,5905],{"class":3861,"line":4668},[3859,5906,3976],{"emptyLinePlaceholder":3975},[3859,5908,5909,5911,5913,5915,5917,5919,5921],{"class":3861,"line":4673},[3859,5910,3988],{"class":3876},[3859,5912,3991],{"class":3880},[3859,5914,3995],{"class":3994},[3859,5916,3998],{"class":3880},[3859,5918,4001],{"class":3876},[3859,5920,4082],{"class":3880},[3859,5922,5923],{"class":3865},"\u002F\u002F [1, 2, 3, 4, 5] — оригінал не змінився!\n",[3830,5925,5926],{},[3782,5927,5928],{},"Методи пошуку та перевірки:",[3850,5930,5932],{"className":4764,"code":5931,"language":4766,"meta":3855,"style":3855},"let numbers: number[] = [1, 2, 3, 4, 5];\n\n\u002F\u002F includes: чи є елемент у масиві\nlet hasThree: boolean = numbers.includes(3);  \u002F\u002F true\n\n\u002F\u002F indexOf: індекс першого входження (-1 якщо не знайдено)\nlet index: number = numbers.indexOf(3);  \u002F\u002F 2\n\n\u002F\u002F find: повертає перший елемент, що пройшов умову\nlet found: number | undefined = numbers.find((n) => n > 3);  \u002F\u002F 4\n\n\u002F\u002F findIndex: індекс першого елемента, що пройшов умову\nlet foundIndex: number = numbers.findIndex((n) => n > 3);  \u002F\u002F 3 (індекс числа 4)\n\n\u002F\u002F some: чи є хоча б один елемент, що пройшов умову\nlet hasEven: boolean = numbers.some((n) => n % 2 === 0);  \u002F\u002F true\n\n\u002F\u002F every: чи всі елементи пройшли умову\nlet allPositive: boolean = numbers.every((n) => n > 0);  \u002F\u002F true\n",[3763,5933,5934,5966,5970,5975,6004,6008,6013,6042,6046,6051,6095,6099,6104,6143,6147,6152,6194,6198,6203],{"__ignoreMap":3855},[3859,5935,5936,5938,5940,5942,5944,5946,5948,5950,5952,5954,5956,5958,5960,5962,5964],{"class":3861,"line":3862},[3859,5937,3873],{"class":3872},[3859,5939,3877],{"class":3876},[3859,5941,4777],{"class":3880},[3859,5943,4781],{"class":4780},[3859,5945,4784],{"class":3880},[3859,5947,3885],{"class":3884},[3859,5949,3888],{"class":3880},[3859,5951,3891],{"class":3884},[3859,5953,3888],{"class":3880},[3859,5955,3896],{"class":3884},[3859,5957,3888],{"class":3880},[3859,5959,3901],{"class":3884},[3859,5961,3888],{"class":3880},[3859,5963,3906],{"class":3884},[3859,5965,3909],{"class":3880},[3859,5967,5968],{"class":3861,"line":3869},[3859,5969,3976],{"emptyLinePlaceholder":3975},[3859,5971,5972],{"class":3861,"line":3912},[3859,5973,5974],{"class":3865},"\u002F\u002F includes: чи є елемент у масиві\n",[3859,5976,5977,5979,5982,5984,5986,5988,5990,5992,5995,5997,5999,6001],{"class":3861,"line":3938},[3859,5978,3873],{"class":3872},[3859,5980,5981],{"class":3876}," hasThree",[3859,5983,4777],{"class":3880},[3859,5985,4845],{"class":4780},[3859,5987,4132],{"class":3880},[3859,5989,4001],{"class":3876},[3859,5991,3991],{"class":3880},[3859,5993,5994],{"class":3994},"includes",[3859,5996,3998],{"class":3880},[3859,5998,3896],{"class":3884},[3859,6000,4082],{"class":3880},[3859,6002,6003],{"class":3865},"\u002F\u002F true\n",[3859,6005,6006],{"class":3861,"line":3972},[3859,6007,3976],{"emptyLinePlaceholder":3975},[3859,6009,6010],{"class":3861,"line":3979},[3859,6011,6012],{"class":3865},"\u002F\u002F indexOf: індекс першого входження (-1 якщо не знайдено)\n",[3859,6014,6015,6017,6020,6022,6024,6026,6028,6030,6033,6035,6037,6039],{"class":3861,"line":3985},[3859,6016,3873],{"class":3872},[3859,6018,6019],{"class":3876}," index",[3859,6021,4777],{"class":3880},[3859,6023,4781],{"class":4780},[3859,6025,4132],{"class":3880},[3859,6027,4001],{"class":3876},[3859,6029,3991],{"class":3880},[3859,6031,6032],{"class":3994},"indexOf",[3859,6034,3998],{"class":3880},[3859,6036,3896],{"class":3884},[3859,6038,4082],{"class":3880},[3859,6040,6041],{"class":3865},"\u002F\u002F 2\n",[3859,6043,6044],{"class":3861,"line":4016},[3859,6045,3976],{"emptyLinePlaceholder":3975},[3859,6047,6048],{"class":3861,"line":4040},[3859,6049,6050],{"class":3865},"\u002F\u002F find: повертає перший елемент, що пройшов умову\n",[3859,6052,6053,6055,6058,6060,6062,6064,6066,6068,6070,6072,6075,6077,6079,6081,6083,6085,6088,6090,6092],{"class":3861,"line":4045},[3859,6054,3873],{"class":3872},[3859,6056,6057],{"class":3876}," found",[3859,6059,4777],{"class":3880},[3859,6061,4781],{"class":4780},[3859,6063,5438],{"class":3880},[3859,6065,5441],{"class":4780},[3859,6067,4132],{"class":3880},[3859,6069,4001],{"class":3876},[3859,6071,3991],{"class":3880},[3859,6073,6074],{"class":3994},"find",[3859,6076,5673],{"class":3880},[3859,6078,5676],{"class":3876},[3859,6080,5679],{"class":3880},[3859,6082,5682],{"class":3872},[3859,6084,5685],{"class":3876},[3859,6086,6087],{"class":3880}," > ",[3859,6089,3896],{"class":3884},[3859,6091,4082],{"class":3880},[3859,6093,6094],{"class":3865},"\u002F\u002F 4\n",[3859,6096,6097],{"class":3861,"line":4051},[3859,6098,3976],{"emptyLinePlaceholder":3975},[3859,6100,6101],{"class":3861,"line":4069},[3859,6102,6103],{"class":3865},"\u002F\u002F findIndex: індекс першого елемента, що пройшов умову\n",[3859,6105,6106,6108,6111,6113,6115,6117,6119,6121,6124,6126,6128,6130,6132,6134,6136,6138,6140],{"class":3861,"line":4355},[3859,6107,3873],{"class":3872},[3859,6109,6110],{"class":3876}," foundIndex",[3859,6112,4777],{"class":3880},[3859,6114,4781],{"class":4780},[3859,6116,4132],{"class":3880},[3859,6118,4001],{"class":3876},[3859,6120,3991],{"class":3880},[3859,6122,6123],{"class":3994},"findIndex",[3859,6125,5673],{"class":3880},[3859,6127,5676],{"class":3876},[3859,6129,5679],{"class":3880},[3859,6131,5682],{"class":3872},[3859,6133,5685],{"class":3876},[3859,6135,6087],{"class":3880},[3859,6137,3896],{"class":3884},[3859,6139,4082],{"class":3880},[3859,6141,6142],{"class":3865},"\u002F\u002F 3 (індекс числа 4)\n",[3859,6144,6145],{"class":3861,"line":4371},[3859,6146,3976],{"emptyLinePlaceholder":3975},[3859,6148,6149],{"class":3861,"line":4389},[3859,6150,6151],{"class":3865},"\u002F\u002F some: чи є хоча б один елемент, що пройшов умову\n",[3859,6153,6154,6156,6159,6161,6163,6165,6167,6169,6172,6174,6176,6178,6180,6182,6184,6186,6188,6190,6192],{"class":3861,"line":4656},[3859,6155,3873],{"class":3872},[3859,6157,6158],{"class":3876}," hasEven",[3859,6160,4777],{"class":3880},[3859,6162,4845],{"class":4780},[3859,6164,4132],{"class":3880},[3859,6166,4001],{"class":3876},[3859,6168,3991],{"class":3880},[3859,6170,6171],{"class":3994},"some",[3859,6173,5673],{"class":3880},[3859,6175,5676],{"class":3876},[3859,6177,5679],{"class":3880},[3859,6179,5682],{"class":3872},[3859,6181,5685],{"class":3876},[3859,6183,5737],{"class":3880},[3859,6185,3891],{"class":3884},[3859,6187,4222],{"class":3880},[3859,6189,4007],{"class":3884},[3859,6191,4082],{"class":3880},[3859,6193,6003],{"class":3865},[3859,6195,6196],{"class":3861,"line":4662},[3859,6197,3976],{"emptyLinePlaceholder":3975},[3859,6199,6200],{"class":3861,"line":4668},[3859,6201,6202],{"class":3865},"\u002F\u002F every: чи всі елементи пройшли умову\n",[3859,6204,6205,6207,6210,6212,6214,6216,6218,6220,6223,6225,6227,6229,6231,6233,6235,6237,6239],{"class":3861,"line":4673},[3859,6206,3873],{"class":3872},[3859,6208,6209],{"class":3876}," allPositive",[3859,6211,4777],{"class":3880},[3859,6213,4845],{"class":4780},[3859,6215,4132],{"class":3880},[3859,6217,4001],{"class":3876},[3859,6219,3991],{"class":3880},[3859,6221,6222],{"class":3994},"every",[3859,6224,5673],{"class":3880},[3859,6226,5676],{"class":3876},[3859,6228,5679],{"class":3880},[3859,6230,5682],{"class":3872},[3859,6232,5685],{"class":3876},[3859,6234,6087],{"class":3880},[3859,6236,4007],{"class":3884},[3859,6238,4082],{"class":3880},[3859,6240,6003],{"class":3865},[6242,6243,6244,6245,3888,6247,3888,6249,3888,6252,3888,6254,3888,6256,6258,6259,6262],"tip",{},"Методи ",[3763,6246,5670],{},[3763,6248,5724],{},[3763,6250,6251],{},"reduce",[3763,6253,6074],{},[3763,6255,6171],{},[3763,6257,6222],{}," не змінюють оригінальний масив, тому їх називають ",[3782,6260,6261],{},"pure functions"," (чисті функції). Це робить код більш передбачуваним та безпечним, особливо у функціональному стилі програмування.",[3825,6264,6266],{"id":6265},"багатовимірні-масиви","Багатовимірні масиви",[3830,6268,6269],{},"TypeScript підтримує масиви будь-якої розмірності. Найчастіше використовуються двовимірні масиви (матриці):",[3850,6271,6273],{"className":4764,"code":6272,"language":4766,"meta":3855,"style":3855},"\u002F\u002F Двовимірний масив (матриця 3x3)\nlet matrix: number[][] = [\n  [1, 2, 3],\n  [4, 5, 6],\n  [7, 8, 9]\n];\n\n\u002F\u002F Доступ до елементів\nconsole.log(matrix[0][0]);  \u002F\u002F 1 (перший рядок, перша колонка)\nconsole.log(matrix[1][2]);  \u002F\u002F 6 (другий рядок, третя колонка)\n\n\u002F\u002F Ітерація по матриці\nfor (let row of matrix) {\n  for (let cell of row) {\n    console.log(cell);\n  }\n}\n\n\u002F\u002F Або через forEach\nmatrix.forEach((row, i) => {\n  row.forEach((cell, j) => {\n    console.log(`[${i}][${j}] = ${cell}`);\n  });\n});\n",[3763,6274,6275,6280,6292,6308,6324,6340,6344,6348,6353,6380,6405,6409,6414,6435,6453,6469,6474,6478,6482,6487,6513,6537,6579,6584],{"__ignoreMap":3855},[3859,6276,6277],{"class":3861,"line":3862},[3859,6278,6279],{"class":3865},"\u002F\u002F Двовимірний масив (матриця 3x3)\n",[3859,6281,6282,6284,6286,6288,6290],{"class":3861,"line":3869},[3859,6283,3873],{"class":3872},[3859,6285,4876],{"class":3876},[3859,6287,4777],{"class":3880},[3859,6289,4781],{"class":4780},[3859,6291,4883],{"class":3880},[3859,6293,6294,6296,6298,6300,6302,6304,6306],{"class":3861,"line":3912},[3859,6295,4888],{"class":3880},[3859,6297,3885],{"class":3884},[3859,6299,3888],{"class":3880},[3859,6301,3891],{"class":3884},[3859,6303,3888],{"class":3880},[3859,6305,3896],{"class":3884},[3859,6307,4901],{"class":3880},[3859,6309,6310,6312,6314,6316,6318,6320,6322],{"class":3861,"line":3938},[3859,6311,4888],{"class":3880},[3859,6313,3901],{"class":3884},[3859,6315,3888],{"class":3880},[3859,6317,3906],{"class":3884},[3859,6319,3888],{"class":3880},[3859,6321,4916],{"class":3884},[3859,6323,4901],{"class":3880},[3859,6325,6326,6328,6330,6332,6334,6336,6338],{"class":3861,"line":3972},[3859,6327,4888],{"class":3880},[3859,6329,4925],{"class":3884},[3859,6331,3888],{"class":3880},[3859,6333,4930],{"class":3884},[3859,6335,3888],{"class":3880},[3859,6337,4935],{"class":3884},[3859,6339,4938],{"class":3880},[3859,6341,6342],{"class":3861,"line":3979},[3859,6343,3909],{"class":3880},[3859,6345,6346],{"class":3861,"line":3985},[3859,6347,3976],{"emptyLinePlaceholder":3975},[3859,6349,6350],{"class":3861,"line":4016},[3859,6351,6352],{"class":3865},"\u002F\u002F Доступ до елементів\n",[3859,6354,6355,6357,6359,6361,6363,6366,6368,6370,6373,6375,6377],{"class":3861,"line":4040},[3859,6356,3988],{"class":3876},[3859,6358,3991],{"class":3880},[3859,6360,3995],{"class":3994},[3859,6362,3998],{"class":3880},[3859,6364,6365],{"class":3876},"matrix",[3859,6367,4004],{"class":3880},[3859,6369,4007],{"class":3884},[3859,6371,6372],{"class":3880},"][",[3859,6374,4007],{"class":3884},[3859,6376,4010],{"class":3880},[3859,6378,6379],{"class":3865},"\u002F\u002F 1 (перший рядок, перша колонка)\n",[3859,6381,6382,6384,6386,6388,6390,6392,6394,6396,6398,6400,6402],{"class":3861,"line":4045},[3859,6383,3988],{"class":3876},[3859,6385,3991],{"class":3880},[3859,6387,3995],{"class":3994},[3859,6389,3998],{"class":3880},[3859,6391,6365],{"class":3876},[3859,6393,4004],{"class":3880},[3859,6395,3885],{"class":3884},[3859,6397,6372],{"class":3880},[3859,6399,3891],{"class":3884},[3859,6401,4010],{"class":3880},[3859,6403,6404],{"class":3865},"\u002F\u002F 6 (другий рядок, третя колонка)\n",[3859,6406,6407],{"class":3861,"line":4051},[3859,6408,3976],{"emptyLinePlaceholder":3975},[3859,6410,6411],{"class":3861,"line":4069},[3859,6412,6413],{"class":3865},"\u002F\u002F Ітерація по матриці\n",[3859,6415,6416,6420,6422,6424,6427,6430,6432],{"class":3861,"line":4355},[3859,6417,6419],{"class":6418},"s8xlr","for",[3859,6421,3835],{"class":3880},[3859,6423,3873],{"class":3872},[3859,6425,6426],{"class":3876}," row",[3859,6428,6429],{"class":3872}," of",[3859,6431,4876],{"class":3876},[3859,6433,6434],{"class":3880},") {\n",[3859,6436,6437,6440,6442,6444,6447,6449,6451],{"class":3861,"line":4371},[3859,6438,6439],{"class":6418},"  for",[3859,6441,3835],{"class":3880},[3859,6443,3873],{"class":3872},[3859,6445,6446],{"class":3876}," cell",[3859,6448,6429],{"class":3872},[3859,6450,6426],{"class":3876},[3859,6452,6434],{"class":3880},[3859,6454,6455,6458,6460,6462,6464,6467],{"class":3861,"line":4389},[3859,6456,6457],{"class":3876},"    console",[3859,6459,3991],{"class":3880},[3859,6461,3995],{"class":3994},[3859,6463,3998],{"class":3880},[3859,6465,6466],{"class":3876},"cell",[3859,6468,4315],{"class":3880},[3859,6470,6471],{"class":3861,"line":4656},[3859,6472,6473],{"class":3880},"  }\n",[3859,6475,6476],{"class":3861,"line":4662},[3859,6477,4626],{"class":3880},[3859,6479,6480],{"class":3861,"line":4668},[3859,6481,3976],{"emptyLinePlaceholder":3975},[3859,6483,6484],{"class":3861,"line":4673},[3859,6485,6486],{"class":3865},"\u002F\u002F Або через forEach\n",[3859,6488,6489,6491,6493,6496,6498,6501,6503,6506,6508,6510],{"class":3861,"line":4679},[3859,6490,6365],{"class":3876},[3859,6492,3991],{"class":3880},[3859,6494,6495],{"class":3994},"forEach",[3859,6497,5673],{"class":3880},[3859,6499,6500],{"class":3876},"row",[3859,6502,3888],{"class":3880},[3859,6504,6505],{"class":3876},"i",[3859,6507,5679],{"class":3880},[3859,6509,5682],{"class":3872},[3859,6511,6512],{"class":3880}," {\n",[3859,6514,6515,6518,6520,6522,6524,6526,6528,6531,6533,6535],{"class":3861,"line":4684},[3859,6516,6517],{"class":3876},"  row",[3859,6519,3991],{"class":3880},[3859,6521,6495],{"class":3994},[3859,6523,5673],{"class":3880},[3859,6525,6466],{"class":3876},[3859,6527,3888],{"class":3880},[3859,6529,6530],{"class":3876},"j",[3859,6532,5679],{"class":3880},[3859,6534,5682],{"class":3872},[3859,6536,6512],{"class":3880},[3859,6538,6539,6541,6543,6545,6547,6550,6553,6555,6558,6560,6562,6564,6566,6568,6570,6572,6574,6577],{"class":3861,"line":4690},[3859,6540,6457],{"class":3876},[3859,6542,3991],{"class":3880},[3859,6544,3995],{"class":3994},[3859,6546,3998],{"class":3880},[3859,6548,6549],{"class":3922},"`[",[3859,6551,6552],{"class":3872},"${",[3859,6554,6505],{"class":3876},[3859,6556,6557],{"class":3872},"}",[3859,6559,6372],{"class":3922},[3859,6561,6552],{"class":3872},[3859,6563,6530],{"class":3876},[3859,6565,6557],{"class":3872},[3859,6567,4060],{"class":3922},[3859,6569,6552],{"class":3872},[3859,6571,6466],{"class":3876},[3859,6573,6557],{"class":3872},[3859,6575,6576],{"class":3922},"`",[3859,6578,4315],{"class":3880},[3859,6580,6581],{"class":3861,"line":4696},[3859,6582,6583],{"class":3880},"  });\n",[3859,6585,6586],{"class":3861,"line":4702},[3859,6587,6588],{"class":3880},"});\n",[3830,6590,6591],{},[3782,6592,6593],{},"Тривимірні та багатовимірні масиви:",[3850,6595,6597],{"className":4764,"code":6596,"language":4766,"meta":3855,"style":3855},"\u002F\u002F Тривимірний масив (куб 2x2x2)\nlet cube: number[][][] = [\n  [\n    [1, 2],\n    [3, 4]\n  ],\n  [\n    [5, 6],\n    [7, 8]\n  ]\n];\n\nconsole.log(cube[0][1][0]);  \u002F\u002F 3\n\n\u002F\u002F Масив з різними рівнями вкладеності\nlet jagged: number[][] = [\n  [1, 2],\n  [3, 4, 5],      \u002F\u002F рядки можуть мати різну довжину!\n  [6]\n];\n",[3763,6598,6599,6604,6618,6623,6636,6648,6653,6657,6669,6681,6686,6690,6694,6724,6728,6733,6746,6758,6778,6786],{"__ignoreMap":3855},[3859,6600,6601],{"class":3861,"line":3862},[3859,6602,6603],{"class":3865},"\u002F\u002F Тривимірний масив (куб 2x2x2)\n",[3859,6605,6606,6608,6611,6613,6615],{"class":3861,"line":3869},[3859,6607,3873],{"class":3872},[3859,6609,6610],{"class":3876}," cube",[3859,6612,4777],{"class":3880},[3859,6614,4781],{"class":4780},[3859,6616,6617],{"class":3880},"[][][] = [\n",[3859,6619,6620],{"class":3861,"line":3912},[3859,6621,6622],{"class":3880},"  [\n",[3859,6624,6625,6628,6630,6632,6634],{"class":3861,"line":3938},[3859,6626,6627],{"class":3880},"    [",[3859,6629,3885],{"class":3884},[3859,6631,3888],{"class":3880},[3859,6633,3891],{"class":3884},[3859,6635,4901],{"class":3880},[3859,6637,6638,6640,6642,6644,6646],{"class":3861,"line":3972},[3859,6639,6627],{"class":3880},[3859,6641,3896],{"class":3884},[3859,6643,3888],{"class":3880},[3859,6645,3901],{"class":3884},[3859,6647,4938],{"class":3880},[3859,6649,6650],{"class":3861,"line":3979},[3859,6651,6652],{"class":3880},"  ],\n",[3859,6654,6655],{"class":3861,"line":3985},[3859,6656,6622],{"class":3880},[3859,6658,6659,6661,6663,6665,6667],{"class":3861,"line":4016},[3859,6660,6627],{"class":3880},[3859,6662,3906],{"class":3884},[3859,6664,3888],{"class":3880},[3859,6666,4916],{"class":3884},[3859,6668,4901],{"class":3880},[3859,6670,6671,6673,6675,6677,6679],{"class":3861,"line":4040},[3859,6672,6627],{"class":3880},[3859,6674,4925],{"class":3884},[3859,6676,3888],{"class":3880},[3859,6678,4930],{"class":3884},[3859,6680,4938],{"class":3880},[3859,6682,6683],{"class":3861,"line":4045},[3859,6684,6685],{"class":3880},"  ]\n",[3859,6687,6688],{"class":3861,"line":4051},[3859,6689,3909],{"class":3880},[3859,6691,6692],{"class":3861,"line":4069},[3859,6693,3976],{"emptyLinePlaceholder":3975},[3859,6695,6696,6698,6700,6702,6704,6707,6709,6711,6713,6715,6717,6719,6721],{"class":3861,"line":4355},[3859,6697,3988],{"class":3876},[3859,6699,3991],{"class":3880},[3859,6701,3995],{"class":3994},[3859,6703,3998],{"class":3880},[3859,6705,6706],{"class":3876},"cube",[3859,6708,4004],{"class":3880},[3859,6710,4007],{"class":3884},[3859,6712,6372],{"class":3880},[3859,6714,3885],{"class":3884},[3859,6716,6372],{"class":3880},[3859,6718,4007],{"class":3884},[3859,6720,4010],{"class":3880},[3859,6722,6723],{"class":3865},"\u002F\u002F 3\n",[3859,6725,6726],{"class":3861,"line":4371},[3859,6727,3976],{"emptyLinePlaceholder":3975},[3859,6729,6730],{"class":3861,"line":4389},[3859,6731,6732],{"class":3865},"\u002F\u002F Масив з різними рівнями вкладеності\n",[3859,6734,6735,6737,6740,6742,6744],{"class":3861,"line":4656},[3859,6736,3873],{"class":3872},[3859,6738,6739],{"class":3876}," jagged",[3859,6741,4777],{"class":3880},[3859,6743,4781],{"class":4780},[3859,6745,4883],{"class":3880},[3859,6747,6748,6750,6752,6754,6756],{"class":3861,"line":4662},[3859,6749,4888],{"class":3880},[3859,6751,3885],{"class":3884},[3859,6753,3888],{"class":3880},[3859,6755,3891],{"class":3884},[3859,6757,4901],{"class":3880},[3859,6759,6760,6762,6764,6766,6768,6770,6772,6775],{"class":3861,"line":4668},[3859,6761,4888],{"class":3880},[3859,6763,3896],{"class":3884},[3859,6765,3888],{"class":3880},[3859,6767,3901],{"class":3884},[3859,6769,3888],{"class":3880},[3859,6771,3906],{"class":3884},[3859,6773,6774],{"class":3880},"],      ",[3859,6776,6777],{"class":3865},"\u002F\u002F рядки можуть мати різну довжину!\n",[3859,6779,6780,6782,6784],{"class":3861,"line":4673},[3859,6781,4888],{"class":3880},[3859,6783,4916],{"class":3884},[3859,6785,4938],{"class":3880},[3859,6787,6788],{"class":3861,"line":4679},[3859,6789,3909],{"class":3880},[4406,6791,6792,6795],{},[3782,6793,6794],{},"Jagged arrays"," (нерівні масиви) — це масиви, де вкладені масиви мають різну довжину. У JavaScript це цілком легально, але може призвести до помилок, якщо ви очікуєте, що всі рядки матриці мають однакову кількість колонок. TypeScript не перевіряє рівність довжини вкладених масивів статично.",[3817,6797],{},[3820,6799,6801],{"id":6800},"readonly-масиви-захист-від-змін","Readonly масиви: захист від змін",[3825,6803,6805],{"id":6804},"чому-потрібна-незмінність","Чому потрібна незмінність",[3830,6807,6808,6809,6812],{},"У багатьох випадках ви хочете передати масив функції, але ",[3782,6810,6811],{},"гарантувати",", що функція не зміниь його вміст. Або створити константний масив даних, який не має змінюватися протягом виконання програми.",[3850,6814,6816],{"className":4764,"code":6815,"language":4766,"meta":3855,"style":3855},"const config = [\"\u002Fapi\u002Fv1\", \"\u002Fapi\u002Fv2\", \"\u002Fhealth\"];\n\n\u002F\u002F Хтось може випадково змінити масив:\nconfig.push(\"\u002Fadmin\");  \u002F\u002F Ой! Тепер config змінений\nconfig[0] = \"\u002Flegacy\";   \u002F\u002F Ой! Перший елемент перезаписаний\n",[3763,6817,6818,6844,6848,6853,6872],{"__ignoreMap":3855},[3859,6819,6820,6823,6827,6829,6832,6834,6837,6839,6842],{"class":3861,"line":3862},[3859,6821,6822],{"class":3872},"const",[3859,6824,6826],{"class":6825},"s-QsJ"," config",[3859,6828,3881],{"class":3880},[3859,6830,6831],{"class":3922},"\"\u002Fapi\u002Fv1\"",[3859,6833,3888],{"class":3880},[3859,6835,6836],{"class":3922},"\"\u002Fapi\u002Fv2\"",[3859,6838,3888],{"class":3880},[3859,6840,6841],{"class":3922},"\"\u002Fhealth\"",[3859,6843,3909],{"class":3880},[3859,6845,6846],{"class":3861,"line":3869},[3859,6847,3976],{"emptyLinePlaceholder":3975},[3859,6849,6850],{"class":3861,"line":3912},[3859,6851,6852],{"class":3865},"\u002F\u002F Хтось може випадково змінити масив:\n",[3859,6854,6855,6858,6860,6862,6864,6867,6869],{"class":3861,"line":3938},[3859,6856,6857],{"class":3876},"config",[3859,6859,3991],{"class":3880},[3859,6861,5114],{"class":3994},[3859,6863,3998],{"class":3880},[3859,6865,6866],{"class":3922},"\"\u002Fadmin\"",[3859,6868,4082],{"class":3880},[3859,6870,6871],{"class":3865},"\u002F\u002F Ой! Тепер config змінений\n",[3859,6873,6874,6876,6878,6880,6882,6885,6888],{"class":3861,"line":3972},[3859,6875,6857],{"class":3876},[3859,6877,4004],{"class":3880},[3859,6879,4007],{"class":3884},[3859,6881,4060],{"class":3880},[3859,6883,6884],{"class":3922},"\"\u002Flegacy\"",[3859,6886,6887],{"class":3880},";   ",[3859,6889,6890],{"class":3865},"\u002F\u002F Ой! Перший елемент перезаписаний\n",[3830,6892,6893,6894,6896,6897,6900],{},"Хоча ми використали ",[3763,6895,6822],{},", це захищає лише ",[3782,6898,6899],{},"посилання"," на масив від переприсвоєння, але НЕ сам масив від змін:",[3850,6902,6904],{"className":4764,"code":6903,"language":4766,"meta":3855,"style":3855},"const numbers = [1, 2, 3];\n\nnumbers = [4, 5, 6];  \u002F\u002F Error: Cannot assign to 'numbers' because it is a constant\nnumbers.push(4);      \u002F\u002F OK: сам масив можна змінювати!\n",[3763,6905,6906,6926,6930,6951],{"__ignoreMap":3855},[3859,6907,6908,6910,6912,6914,6916,6918,6920,6922,6924],{"class":3861,"line":3862},[3859,6909,6822],{"class":3872},[3859,6911,3877],{"class":6825},[3859,6913,3881],{"class":3880},[3859,6915,3885],{"class":3884},[3859,6917,3888],{"class":3880},[3859,6919,3891],{"class":3884},[3859,6921,3888],{"class":3880},[3859,6923,3896],{"class":3884},[3859,6925,3909],{"class":3880},[3859,6927,6928],{"class":3861,"line":3869},[3859,6929,3976],{"emptyLinePlaceholder":3975},[3859,6931,6932,6934,6936,6938,6940,6942,6944,6946,6948],{"class":3861,"line":3912},[3859,6933,4001],{"class":3876},[3859,6935,3881],{"class":3880},[3859,6937,3901],{"class":3884},[3859,6939,3888],{"class":3880},[3859,6941,3906],{"class":3884},[3859,6943,3888],{"class":3880},[3859,6945,4916],{"class":3884},[3859,6947,3966],{"class":3880},[3859,6949,6950],{"class":3865},"\u002F\u002F Error: Cannot assign to 'numbers' because it is a constant\n",[3859,6952,6953,6955,6957,6959,6961,6963,6965],{"class":3861,"line":3938},[3859,6954,4001],{"class":3876},[3859,6956,3991],{"class":3880},[3859,6958,5114],{"class":3994},[3859,6960,3998],{"class":3880},[3859,6962,3901],{"class":3884},[3859,6964,4200],{"class":3880},[3859,6966,6967],{"class":3865},"\u002F\u002F OK: сам масив можна змінювати!\n",[3825,6969,6971],{"id":6970},"синтаксис-readonly-масивів","Синтаксис readonly масивів",[3830,6973,6974,6975,6977],{},"TypeScript надає модифікатор ",[3763,6976,3765],{}," для масивів:",[3850,6979,6981],{"className":4764,"code":6980,"language":4766,"meta":3855,"style":3855},"\u002F\u002F Спосіб 1: readonly T[]\nlet numbers: readonly number[] = [1, 2, 3, 4, 5];\n\n\u002F\u002F Спосіб 2: ReadonlyArray\u003CT> (generic-синтаксис)\nlet names: ReadonlyArray\u003Cstring> = [\"Alice\", \"Bob\", \"Charlie\"];\n",[3763,6982,6983,6988,7023,7027,7032],{"__ignoreMap":3855},[3859,6984,6985],{"class":3861,"line":3862},[3859,6986,6987],{"class":3865},"\u002F\u002F Спосіб 1: readonly T[]\n",[3859,6989,6990,6992,6994,6996,6998,7001,7003,7005,7007,7009,7011,7013,7015,7017,7019,7021],{"class":3861,"line":3869},[3859,6991,3873],{"class":3872},[3859,6993,3877],{"class":3876},[3859,6995,4777],{"class":3880},[3859,6997,3765],{"class":3872},[3859,6999,7000],{"class":4780}," number",[3859,7002,4784],{"class":3880},[3859,7004,3885],{"class":3884},[3859,7006,3888],{"class":3880},[3859,7008,3891],{"class":3884},[3859,7010,3888],{"class":3880},[3859,7012,3896],{"class":3884},[3859,7014,3888],{"class":3880},[3859,7016,3901],{"class":3884},[3859,7018,3888],{"class":3880},[3859,7020,3906],{"class":3884},[3859,7022,3909],{"class":3880},[3859,7024,7025],{"class":3861,"line":3912},[3859,7026,3976],{"emptyLinePlaceholder":3975},[3859,7028,7029],{"class":3861,"line":3938},[3859,7030,7031],{"class":3865},"\u002F\u002F Спосіб 2: ReadonlyArray\u003CT> (generic-синтаксис)\n",[3859,7033,7034,7036,7038,7040,7043,7045,7047,7049,7051,7053,7055,7057,7059],{"class":3861,"line":3972},[3859,7035,3873],{"class":3872},[3859,7037,4811],{"class":3876},[3859,7039,4777],{"class":3880},[3859,7041,7042],{"class":4780},"ReadonlyArray",[3859,7044,5020],{"class":3880},[3859,7046,4816],{"class":4780},[3859,7048,5025],{"class":3880},[3859,7050,4821],{"class":3922},[3859,7052,3888],{"class":3880},[3859,7054,4826],{"class":3922},[3859,7056,3888],{"class":3880},[3859,7058,4831],{"class":3922},[3859,7060,3909],{"class":3880},[3830,7062,7063],{},[3782,7064,7065],{},"Що забороняє readonly:",[3850,7067,7069],{"className":4764,"code":7068,"language":4766,"meta":3855,"style":3855},"let numbers: readonly number[] = [1, 2, 3];\n\n\u002F\u002F ❌ Заборонені всі методи, що змінюють масив:\nnumbers.push(4);       \u002F\u002F Error: Property 'push' does not exist on type 'readonly number[]'\nnumbers.pop();         \u002F\u002F Error\nnumbers.shift();       \u002F\u002F Error\nnumbers.unshift(0);    \u002F\u002F Error\nnumbers.splice(1, 1);  \u002F\u002F Error\nnumbers.reverse();     \u002F\u002F Error\nnumbers.sort();        \u002F\u002F Error\nnumbers[0] = 999;      \u002F\u002F Error: Index signature in type 'readonly number[]' only permits reading\n\n\u002F\u002F ✅ Дозволені методи, що НЕ змінюють масив:\nlet doubled = numbers.map(n => n * 2);  \u002F\u002F OK: map повертає новий масив\nlet evens = numbers.filter(n => n % 2 === 0);  \u002F\u002F OK\nlet sum = numbers.reduce((acc, n) => acc + n, 0);  \u002F\u002F OK\nconsole.log(numbers[0]);  \u002F\u002F OK: читання дозволено\n",[3763,7070,7071,7097,7101,7106,7123,7137,7150,7167,7187,7200,7213,7230,7234,7239,7271,7305,7349],{"__ignoreMap":3855},[3859,7072,7073,7075,7077,7079,7081,7083,7085,7087,7089,7091,7093,7095],{"class":3861,"line":3862},[3859,7074,3873],{"class":3872},[3859,7076,3877],{"class":3876},[3859,7078,4777],{"class":3880},[3859,7080,3765],{"class":3872},[3859,7082,7000],{"class":4780},[3859,7084,4784],{"class":3880},[3859,7086,3885],{"class":3884},[3859,7088,3888],{"class":3880},[3859,7090,3891],{"class":3884},[3859,7092,3888],{"class":3880},[3859,7094,3896],{"class":3884},[3859,7096,3909],{"class":3880},[3859,7098,7099],{"class":3861,"line":3869},[3859,7100,3976],{"emptyLinePlaceholder":3975},[3859,7102,7103],{"class":3861,"line":3912},[3859,7104,7105],{"class":3865},"\u002F\u002F ❌ Заборонені всі методи, що змінюють масив:\n",[3859,7107,7108,7110,7112,7114,7116,7118,7120],{"class":3861,"line":3938},[3859,7109,4001],{"class":3876},[3859,7111,3991],{"class":3880},[3859,7113,5114],{"class":3994},[3859,7115,3998],{"class":3880},[3859,7117,3901],{"class":3884},[3859,7119,5121],{"class":3880},[3859,7121,7122],{"class":3865},"\u002F\u002F Error: Property 'push' does not exist on type 'readonly number[]'\n",[3859,7124,7125,7127,7129,7131,7134],{"class":3861,"line":3972},[3859,7126,4001],{"class":3876},[3859,7128,3991],{"class":3880},[3859,7130,5450],{"class":3994},[3859,7132,7133],{"class":3880},"();         ",[3859,7135,7136],{"class":3865},"\u002F\u002F Error\n",[3859,7138,7139,7141,7143,7145,7148],{"class":3861,"line":3979},[3859,7140,4001],{"class":3876},[3859,7142,3991],{"class":3880},[3859,7144,5516],{"class":3994},[3859,7146,7147],{"class":3880},"();       ",[3859,7149,7136],{"class":3865},[3859,7151,7152,7154,7156,7158,7160,7162,7165],{"class":3861,"line":3985},[3859,7153,4001],{"class":3876},[3859,7155,3991],{"class":3880},[3859,7157,5474],{"class":3994},[3859,7159,3998],{"class":3880},[3859,7161,4007],{"class":3884},[3859,7163,7164],{"class":3880},");    ",[3859,7166,7136],{"class":3865},[3859,7168,7169,7171,7173,7175,7177,7179,7181,7183,7185],{"class":3861,"line":4016},[3859,7170,4001],{"class":3876},[3859,7172,3991],{"class":3880},[3859,7174,5539],{"class":3994},[3859,7176,3998],{"class":3880},[3859,7178,3885],{"class":3884},[3859,7180,3888],{"class":3880},[3859,7182,3885],{"class":3884},[3859,7184,4082],{"class":3880},[3859,7186,7136],{"class":3865},[3859,7188,7189,7191,7193,7195,7198],{"class":3861,"line":4040},[3859,7190,4001],{"class":3876},[3859,7192,3991],{"class":3880},[3859,7194,5570],{"class":3994},[3859,7196,7197],{"class":3880},"();     ",[3859,7199,7136],{"class":3865},[3859,7201,7202,7204,7206,7208,7211],{"class":3861,"line":4045},[3859,7203,4001],{"class":3876},[3859,7205,3991],{"class":3880},[3859,7207,5593],{"class":3994},[3859,7209,7210],{"class":3880},"();        ",[3859,7212,7136],{"class":3865},[3859,7214,7215,7217,7219,7221,7223,7225,7227],{"class":3861,"line":4051},[3859,7216,4001],{"class":3876},[3859,7218,4004],{"class":3880},[3859,7220,4007],{"class":3884},[3859,7222,4060],{"class":3880},[3859,7224,4159],{"class":3884},[3859,7226,5161],{"class":3880},[3859,7228,7229],{"class":3865},"\u002F\u002F Error: Index signature in type 'readonly number[]' only permits reading\n",[3859,7231,7232],{"class":3861,"line":4069},[3859,7233,3976],{"emptyLinePlaceholder":3975},[3859,7235,7236],{"class":3861,"line":4355},[3859,7237,7238],{"class":3865},"\u002F\u002F ✅ Дозволені методи, що НЕ змінюють масив:\n",[3859,7240,7241,7243,7245,7247,7249,7251,7253,7255,7257,7260,7262,7264,7266,7268],{"class":3861,"line":4371},[3859,7242,3873],{"class":3872},[3859,7244,5656],{"class":3876},[3859,7246,4132],{"class":3880},[3859,7248,4001],{"class":3876},[3859,7250,3991],{"class":3880},[3859,7252,5670],{"class":3994},[3859,7254,3998],{"class":3880},[3859,7256,5676],{"class":3876},[3859,7258,7259],{"class":3872}," =>",[3859,7261,5685],{"class":3876},[3859,7263,5688],{"class":3880},[3859,7265,3891],{"class":3884},[3859,7267,4082],{"class":3880},[3859,7269,7270],{"class":3865},"\u002F\u002F OK: map повертає новий масив\n",[3859,7272,7273,7275,7277,7279,7281,7283,7285,7287,7289,7291,7293,7295,7297,7299,7301,7303],{"class":3861,"line":4389},[3859,7274,3873],{"class":3872},[3859,7276,5711],{"class":3876},[3859,7278,4132],{"class":3880},[3859,7280,4001],{"class":3876},[3859,7282,3991],{"class":3880},[3859,7284,5724],{"class":3994},[3859,7286,3998],{"class":3880},[3859,7288,5676],{"class":3876},[3859,7290,7259],{"class":3872},[3859,7292,5685],{"class":3876},[3859,7294,5737],{"class":3880},[3859,7296,3891],{"class":3884},[3859,7298,4222],{"class":3880},[3859,7300,4007],{"class":3884},[3859,7302,4082],{"class":3880},[3859,7304,5235],{"class":3865},[3859,7306,7307,7309,7312,7314,7316,7318,7320,7322,7325,7327,7329,7331,7333,7336,7339,7341,7343,7345,7347],{"class":3861,"line":4656},[3859,7308,3873],{"class":3872},[3859,7310,7311],{"class":3876}," sum",[3859,7313,4132],{"class":3880},[3859,7315,4001],{"class":3876},[3859,7317,3991],{"class":3880},[3859,7319,6251],{"class":3994},[3859,7321,5673],{"class":3880},[3859,7323,7324],{"class":3876},"acc",[3859,7326,3888],{"class":3880},[3859,7328,5676],{"class":3876},[3859,7330,5679],{"class":3880},[3859,7332,5682],{"class":3872},[3859,7334,7335],{"class":3876}," acc",[3859,7337,7338],{"class":3880}," + ",[3859,7340,5676],{"class":3876},[3859,7342,3888],{"class":3880},[3859,7344,4007],{"class":3884},[3859,7346,4082],{"class":3880},[3859,7348,5235],{"class":3865},[3859,7350,7351,7353,7355,7357,7359,7361,7363,7365,7367],{"class":3861,"line":4662},[3859,7352,3988],{"class":3876},[3859,7354,3991],{"class":3880},[3859,7356,3995],{"class":3994},[3859,7358,3998],{"class":3880},[3859,7360,4001],{"class":3876},[3859,7362,4004],{"class":3880},[3859,7364,4007],{"class":3884},[3859,7366,4010],{"class":3880},[3859,7368,7369],{"class":3865},"\u002F\u002F OK: читання дозволено\n",[3825,7371,7373],{"id":7372},"практичний-приклад-захист-конфігурації","Практичний приклад: захист конфігурації",[3850,7375,7377],{"className":4764,"code":7376,"language":4766,"meta":3855,"style":3855},"\u002F\u002F Конфігурація API endpoints (не має змінюватися)\nconst API_ENDPOINTS: readonly string[] = [\n  \"\u002Fapi\u002Fv1\u002Fusers\",\n  \"\u002Fapi\u002Fv1\u002Fposts\",\n  \"\u002Fapi\u002Fv1\u002Fcomments\"\n];\n\nfunction makeRequest(endpoint: string): void {\n  if (!API_ENDPOINTS.includes(endpoint)) {\n    throw new Error(`Unknown endpoint: ${endpoint}`);\n  }\n  console.log(`Making request to ${endpoint}`);\n}\n\n\u002F\u002F Ніхто не може випадково змінити конфігурацію:\n\u002F\u002F API_ENDPOINTS.push(\"\u002Fapi\u002Fv1\u002Fadmin\");  \u002F\u002F Error!\n",[3763,7378,7379,7384,7401,7409,7416,7421,7425,7429,7454,7476,7502,7506,7530,7534,7538,7543],{"__ignoreMap":3855},[3859,7380,7381],{"class":3861,"line":3862},[3859,7382,7383],{"class":3865},"\u002F\u002F Конфігурація API endpoints (не має змінюватися)\n",[3859,7385,7386,7388,7391,7393,7395,7398],{"class":3861,"line":3869},[3859,7387,6822],{"class":3872},[3859,7389,7390],{"class":6825}," API_ENDPOINTS",[3859,7392,4777],{"class":3880},[3859,7394,3765],{"class":3872},[3859,7396,7397],{"class":4780}," string",[3859,7399,7400],{"class":3880},"[] = [\n",[3859,7402,7403,7406],{"class":3861,"line":3912},[3859,7404,7405],{"class":3922},"  \"\u002Fapi\u002Fv1\u002Fusers\"",[3859,7407,7408],{"class":3880},",\n",[3859,7410,7411,7414],{"class":3861,"line":3938},[3859,7412,7413],{"class":3922},"  \"\u002Fapi\u002Fv1\u002Fposts\"",[3859,7415,7408],{"class":3880},[3859,7417,7418],{"class":3861,"line":3972},[3859,7419,7420],{"class":3922},"  \"\u002Fapi\u002Fv1\u002Fcomments\"\n",[3859,7422,7423],{"class":3861,"line":3979},[3859,7424,3909],{"class":3880},[3859,7426,7427],{"class":3861,"line":3985},[3859,7428,3976],{"emptyLinePlaceholder":3975},[3859,7430,7431,7434,7437,7439,7442,7444,7446,7449,7452],{"class":3861,"line":4016},[3859,7432,7433],{"class":3872},"function",[3859,7435,7436],{"class":3994}," makeRequest",[3859,7438,3998],{"class":3880},[3859,7440,7441],{"class":3876},"endpoint",[3859,7443,4777],{"class":3880},[3859,7445,4816],{"class":4780},[3859,7447,7448],{"class":3880},"): ",[3859,7450,7451],{"class":4780},"void",[3859,7453,6512],{"class":3880},[3859,7455,7456,7459,7462,7465,7467,7469,7471,7473],{"class":3861,"line":4040},[3859,7457,7458],{"class":6418},"  if",[3859,7460,7461],{"class":3880}," (!",[3859,7463,7464],{"class":6825},"API_ENDPOINTS",[3859,7466,3991],{"class":3880},[3859,7468,5994],{"class":3994},[3859,7470,3998],{"class":3880},[3859,7472,7441],{"class":3876},[3859,7474,7475],{"class":3880},")) {\n",[3859,7477,7478,7481,7484,7487,7489,7492,7494,7496,7498,7500],{"class":3861,"line":4045},[3859,7479,7480],{"class":6418},"    throw",[3859,7482,7483],{"class":3872}," new",[3859,7485,7486],{"class":3994}," Error",[3859,7488,3998],{"class":3880},[3859,7490,7491],{"class":3922},"`Unknown endpoint: ",[3859,7493,6552],{"class":3872},[3859,7495,7441],{"class":3876},[3859,7497,6557],{"class":3872},[3859,7499,6576],{"class":3922},[3859,7501,4315],{"class":3880},[3859,7503,7504],{"class":3861,"line":4051},[3859,7505,6473],{"class":3880},[3859,7507,7508,7511,7513,7515,7517,7520,7522,7524,7526,7528],{"class":3861,"line":4069},[3859,7509,7510],{"class":3876},"  console",[3859,7512,3991],{"class":3880},[3859,7514,3995],{"class":3994},[3859,7516,3998],{"class":3880},[3859,7518,7519],{"class":3922},"`Making request to ",[3859,7521,6552],{"class":3872},[3859,7523,7441],{"class":3876},[3859,7525,6557],{"class":3872},[3859,7527,6576],{"class":3922},[3859,7529,4315],{"class":3880},[3859,7531,7532],{"class":3861,"line":4355},[3859,7533,4626],{"class":3880},[3859,7535,7536],{"class":3861,"line":4371},[3859,7537,3976],{"emptyLinePlaceholder":3975},[3859,7539,7540],{"class":3861,"line":4389},[3859,7541,7542],{"class":3865},"\u002F\u002F Ніхто не може випадково змінити конфігурацію:\n",[3859,7544,7545,7548],{"class":3861,"line":4656},[3859,7546,7547],{"class":3865},"\u002F\u002F API_ENDPOINTS.push(\"\u002Fapi\u002Fv1\u002Fadmin\");",[3859,7549,7550],{"class":3865},"  \u002F\u002F Error!\n",[3825,7552,7554],{"id":7553},"readonly-та-вкладені-структури","Readonly та вкладені структури",[3830,7556,7557,7558,7560,7561,7564,7565,7568],{},"Важливо розуміти: ",[3763,7559,3765],{}," робить ",[3782,7562,7563],{},"поверхневу"," незмінність (",[3837,7566,7567],{},"shallow immutability","):",[3850,7570,7572],{"className":4764,"code":7571,"language":4766,"meta":3855,"style":3855},"let users: readonly { name: string; age: number }[] = [\n  { name: \"Alice\", age: 28 },\n  { name: \"Bob\", age: 32 }\n];\n\n\u002F\u002F ❌ Не можна додавати\u002Fвидаляти елементи масиву:\n\u002F\u002F users.push({ name: \"Charlie\", age: 25 });  \u002F\u002F Error\n\n\u002F\u002F ✅ Але можна змінювати властивості об'єктів всередині масиву!\nusers[0].age = 100;  \u002F\u002F OK — об'єкт не readonly!\nconsole.log(users[0]);  \u002F\u002F { name: \"Alice\", age: 100 }\n",[3763,7573,7574,7606,7622,7638,7642,7646,7651,7659,7663,7668,7689],{"__ignoreMap":3855},[3859,7575,7576,7578,7580,7582,7584,7587,7590,7592,7594,7597,7599,7601,7603],{"class":3861,"line":3862},[3859,7577,3873],{"class":3872},[3859,7579,4432],{"class":3876},[3859,7581,4777],{"class":3880},[3859,7583,3765],{"class":3872},[3859,7585,7586],{"class":3880}," { ",[3859,7588,7589],{"class":3876},"name",[3859,7591,4777],{"class":3880},[3859,7593,4816],{"class":4780},[3859,7595,7596],{"class":3880},"; ",[3859,7598,4518],{"class":3876},[3859,7600,4777],{"class":3880},[3859,7602,4781],{"class":4780},[3859,7604,7605],{"class":3880}," }[] = [\n",[3859,7607,7608,7610,7612,7614,7616,7618,7620],{"class":3861,"line":3869},[3859,7609,4440],{"class":3880},[3859,7611,4443],{"class":3876},[3859,7613,4446],{"class":3922},[3859,7615,3888],{"class":3880},[3859,7617,4451],{"class":3876},[3859,7619,4454],{"class":3884},[3859,7621,4457],{"class":3880},[3859,7623,7624,7626,7628,7630,7632,7634,7636],{"class":3861,"line":3912},[3859,7625,4440],{"class":3880},[3859,7627,4443],{"class":3876},[3859,7629,4466],{"class":3922},[3859,7631,3888],{"class":3880},[3859,7633,4451],{"class":3876},[3859,7635,4473],{"class":3884},[3859,7637,4476],{"class":3880},[3859,7639,7640],{"class":3861,"line":3938},[3859,7641,3909],{"class":3880},[3859,7643,7644],{"class":3861,"line":3972},[3859,7645,3976],{"emptyLinePlaceholder":3975},[3859,7647,7648],{"class":3861,"line":3979},[3859,7649,7650],{"class":3865},"\u002F\u002F ❌ Не можна додавати\u002Fвидаляти елементи масиву:\n",[3859,7652,7653,7656],{"class":3861,"line":3985},[3859,7654,7655],{"class":3865},"\u002F\u002F users.push({ name: \"Charlie\", age: 25 });",[3859,7657,7658],{"class":3865},"  \u002F\u002F Error\n",[3859,7660,7661],{"class":3861,"line":4016},[3859,7662,3976],{"emptyLinePlaceholder":3975},[3859,7664,7665],{"class":3861,"line":4040},[3859,7666,7667],{"class":3865},"\u002F\u002F ✅ Але можна змінювати властивості об'єктів всередині масиву!\n",[3859,7669,7670,7672,7674,7676,7678,7680,7682,7684,7686],{"class":3861,"line":4045},[3859,7671,4495],{"class":3876},[3859,7673,4004],{"class":3880},[3859,7675,4007],{"class":3884},[3859,7677,4515],{"class":3880},[3859,7679,4518],{"class":3876},[3859,7681,4132],{"class":3880},[3859,7683,4063],{"class":3884},[3859,7685,4138],{"class":3880},[3859,7687,7688],{"class":3865},"\u002F\u002F OK — об'єкт не readonly!\n",[3859,7690,7691,7693,7695,7697,7699,7701,7703,7705,7707],{"class":3861,"line":4051},[3859,7692,3988],{"class":3876},[3859,7694,3991],{"class":3880},[3859,7696,3995],{"class":3994},[3859,7698,3998],{"class":3880},[3859,7700,4495],{"class":3876},[3859,7702,4004],{"class":3880},[3859,7704,4007],{"class":3884},[3859,7706,4010],{"class":3880},[3859,7708,7709],{"class":3865},"\u002F\u002F { name: \"Alice\", age: 100 }\n",[3830,7711,7712],{},[3782,7713,7714],{},"Рішення: зробити об'єкти теж readonly:",[3850,7716,7718],{"className":4764,"code":7717,"language":4766,"meta":3855,"style":3855},"let users: readonly (readonly { name: string; age: number })[] = [\n  { name: \"Alice\", age: 28 },\n  { name: \"Bob\", age: 32 }\n];\n\n\u002F\u002F Тепер нічого не можна змінювати:\n\u002F\u002F users[0].age = 100;  \u002F\u002F Error: Cannot assign to 'age' because it is a read-only property\n",[3763,7719,7720,7753,7769,7785,7789,7793,7798],{"__ignoreMap":3855},[3859,7721,7722,7724,7726,7728,7730,7732,7734,7736,7738,7740,7742,7744,7746,7748,7750],{"class":3861,"line":3862},[3859,7723,3873],{"class":3872},[3859,7725,4432],{"class":3876},[3859,7727,4777],{"class":3880},[3859,7729,3765],{"class":3872},[3859,7731,3835],{"class":3880},[3859,7733,3765],{"class":3872},[3859,7735,7586],{"class":3880},[3859,7737,7589],{"class":3876},[3859,7739,4777],{"class":3880},[3859,7741,4816],{"class":4780},[3859,7743,7596],{"class":3880},[3859,7745,4518],{"class":3876},[3859,7747,4777],{"class":3880},[3859,7749,4781],{"class":4780},[3859,7751,7752],{"class":3880}," })[] = [\n",[3859,7754,7755,7757,7759,7761,7763,7765,7767],{"class":3861,"line":3869},[3859,7756,4440],{"class":3880},[3859,7758,4443],{"class":3876},[3859,7760,4446],{"class":3922},[3859,7762,3888],{"class":3880},[3859,7764,4451],{"class":3876},[3859,7766,4454],{"class":3884},[3859,7768,4457],{"class":3880},[3859,7770,7771,7773,7775,7777,7779,7781,7783],{"class":3861,"line":3912},[3859,7772,4440],{"class":3880},[3859,7774,4443],{"class":3876},[3859,7776,4466],{"class":3922},[3859,7778,3888],{"class":3880},[3859,7780,4451],{"class":3876},[3859,7782,4473],{"class":3884},[3859,7784,4476],{"class":3880},[3859,7786,7787],{"class":3861,"line":3938},[3859,7788,3909],{"class":3880},[3859,7790,7791],{"class":3861,"line":3972},[3859,7792,3976],{"emptyLinePlaceholder":3975},[3859,7794,7795],{"class":3861,"line":3979},[3859,7796,7797],{"class":3865},"\u002F\u002F Тепер нічого не можна змінювати:\n",[3859,7799,7800,7803],{"class":3861,"line":3985},[3859,7801,7802],{"class":3865},"\u002F\u002F users[0].age = 100;",[3859,7804,7805],{"class":3865},"  \u002F\u002F Error: Cannot assign to 'age' because it is a read-only property\n",[3830,7807,7808,7809,7812],{},"Але це виглядає громіздко. Пізніше, коли ви вивчите ",[3763,7810,7811],{},"interface"," та utility types, буде простіше писати складні readonly структури.",[4573,7814,7816],{"alt":7815},"Різниця між const та readonly для масивів",[3850,7817,7819],{"className":4578,"code":7818,"language":4580,"meta":3855,"style":3855},"@startuml\nskinparam style plain\nskinparam backgroundColor #FFFFFF\n\nrectangle \"const numbers = [1, 2, 3]\" as Const #FCA5A5 {\n    note bottom\n    const захищає лише ПОСИЛАННЯ.\n    Сам масив можна змінювати:\n    numbers.push(4) ✓\n    numbers[0] = 999 ✓\n    numbers = [4, 5] ✗\n    end note\n}\n\nrectangle \"readonly numbers = [1, 2, 3]\" as Readonly #86EFAC {\n    note bottom\n    readonly захищає ВМІСТ масиву.\n    Змінювати масив не можна:\n    numbers.push(4) ✗\n    numbers[0] = 999 ✗\n    end note\n}\n\nrectangle \"const numbers: readonly number[]\" as Both #BFDBFE {\n    note bottom\n    Комбінація const + readonly:\n    - Посилання незмінне (const)\n    - Вміст незмінний (readonly)\n    Найбільший рівень захисту!\n    end note\n}\n\nConst -down-> Both : комбінувати з\nReadonly -down-> Both : комбінувати з\n\nnote right of Both\n  Рекомендація:\n  використовуйте обидва\n  модифікатори для\n  критичних даних\nend note\n@enduml\n",[3763,7820,7821,7825,7829,7833,7837,7842,7847,7852,7857,7862,7867,7872,7877,7881,7885,7890,7894,7899,7904,7909,7914,7918,7922,7926,7931,7935,7940,7945,7950,7955,7959,7963,7968,7974,7980,7985,7991,7997,8003,8009,8015,8020],{"__ignoreMap":3855},[3859,7822,7823],{"class":3861,"line":3862},[3859,7824,4587],{},[3859,7826,7827],{"class":3861,"line":3869},[3859,7828,4592],{},[3859,7830,7831],{"class":3861,"line":3912},[3859,7832,4597],{},[3859,7834,7835],{"class":3861,"line":3938},[3859,7836,3976],{"emptyLinePlaceholder":3975},[3859,7838,7839],{"class":3861,"line":3972},[3859,7840,7841],{},"rectangle \"const numbers = [1, 2, 3]\" as Const #FCA5A5 {\n",[3859,7843,7844],{"class":3861,"line":3979},[3859,7845,7846],{},"    note bottom\n",[3859,7848,7849],{"class":3861,"line":3985},[3859,7850,7851],{},"    const захищає лише ПОСИЛАННЯ.\n",[3859,7853,7854],{"class":3861,"line":4016},[3859,7855,7856],{},"    Сам масив можна змінювати:\n",[3859,7858,7859],{"class":3861,"line":4040},[3859,7860,7861],{},"    numbers.push(4) ✓\n",[3859,7863,7864],{"class":3861,"line":4045},[3859,7865,7866],{},"    numbers[0] = 999 ✓\n",[3859,7868,7869],{"class":3861,"line":4051},[3859,7870,7871],{},"    numbers = [4, 5] ✗\n",[3859,7873,7874],{"class":3861,"line":4069},[3859,7875,7876],{},"    end note\n",[3859,7878,7879],{"class":3861,"line":4355},[3859,7880,4626],{},[3859,7882,7883],{"class":3861,"line":4371},[3859,7884,3976],{"emptyLinePlaceholder":3975},[3859,7886,7887],{"class":3861,"line":4389},[3859,7888,7889],{},"rectangle \"readonly numbers = [1, 2, 3]\" as Readonly #86EFAC {\n",[3859,7891,7892],{"class":3861,"line":4656},[3859,7893,7846],{},[3859,7895,7896],{"class":3861,"line":4662},[3859,7897,7898],{},"    readonly захищає ВМІСТ масиву.\n",[3859,7900,7901],{"class":3861,"line":4668},[3859,7902,7903],{},"    Змінювати масив не можна:\n",[3859,7905,7906],{"class":3861,"line":4673},[3859,7907,7908],{},"    numbers.push(4) ✗\n",[3859,7910,7911],{"class":3861,"line":4679},[3859,7912,7913],{},"    numbers[0] = 999 ✗\n",[3859,7915,7916],{"class":3861,"line":4684},[3859,7917,7876],{},[3859,7919,7920],{"class":3861,"line":4690},[3859,7921,4626],{},[3859,7923,7924],{"class":3861,"line":4696},[3859,7925,3976],{"emptyLinePlaceholder":3975},[3859,7927,7928],{"class":3861,"line":4702},[3859,7929,7930],{},"rectangle \"const numbers: readonly number[]\" as Both #BFDBFE {\n",[3859,7932,7933],{"class":3861,"line":4708},[3859,7934,7846],{},[3859,7936,7937],{"class":3861,"line":4714},[3859,7938,7939],{},"    Комбінація const + readonly:\n",[3859,7941,7942],{"class":3861,"line":4719},[3859,7943,7944],{},"    - Посилання незмінне (const)\n",[3859,7946,7947],{"class":3861,"line":4725},[3859,7948,7949],{},"    - Вміст незмінний (readonly)\n",[3859,7951,7952],{"class":3861,"line":4731},[3859,7953,7954],{},"    Найбільший рівень захисту!\n",[3859,7956,7957],{"class":3861,"line":4737},[3859,7958,7876],{},[3859,7960,7961],{"class":3861,"line":4742},[3859,7962,4626],{},[3859,7964,7966],{"class":3861,"line":7965},32,[3859,7967,3976],{"emptyLinePlaceholder":3975},[3859,7969,7971],{"class":3861,"line":7970},33,[3859,7972,7973],{},"Const -down-> Both : комбінувати з\n",[3859,7975,7977],{"class":3861,"line":7976},34,[3859,7978,7979],{},"Readonly -down-> Both : комбінувати з\n",[3859,7981,7983],{"class":3861,"line":7982},35,[3859,7984,3976],{"emptyLinePlaceholder":3975},[3859,7986,7988],{"class":3861,"line":7987},36,[3859,7989,7990],{},"note right of Both\n",[3859,7992,7994],{"class":3861,"line":7993},37,[3859,7995,7996],{},"  Рекомендація:\n",[3859,7998,8000],{"class":3861,"line":7999},38,[3859,8001,8002],{},"  використовуйте обидва\n",[3859,8004,8006],{"class":3861,"line":8005},39,[3859,8007,8008],{},"  модифікатори для\n",[3859,8010,8012],{"class":3861,"line":8011},40,[3859,8013,8014],{},"  критичних даних\n",[3859,8016,8018],{"class":3861,"line":8017},41,[3859,8019,4711],{},[3859,8021,8023],{"class":3861,"line":8022},42,[3859,8024,4745],{},[3817,8026],{},[3820,8028,8030],{"id":8029},"кортежі-масиви-з-фіксованою-структурою","Кортежі: масиви з фіксованою структурою",[3825,8032,8034],{"id":8033},"що-таке-кортеж-tuple","Що таке кортеж (tuple)",[3830,8036,8037,3835,8040,8043,8044,8047,8048,8051,8052,8055],{},[3782,8038,8039],{},"Кортеж",[3837,8041,8042],{},"tuple",") — це масив ",[3782,8045,8046],{},"фіксованої довжини",", де кожна позиція має ",[3782,8049,8050],{},"власний тип",". На відміну від звичайного масиву (",[3763,8053,8054],{},"number[]","), де всі елементи мають однаковий тип, кортеж дозволяє змішувати різні типи у чіткій послідовності.",[3830,8057,8058],{},[3782,8059,8060],{},"Приклад із реального життя:",[3850,8062,8064],{"className":4764,"code":8063,"language":4766,"meta":3855,"style":3855},"\u002F\u002F Координати на карті: [широта, довгота]\nlet coordinates: [number, number] = [50.4501, 30.5234];\n\n\u002F\u002F Користувач: [ім'я, вік, активний]\nlet user: [string, number, boolean] = [\"Alice\", 28, true];\n\n\u002F\u002F HTTP відповідь: [статус-код, тіло відповіді]\nlet response: [number, string] = [200, \"OK\"];\n",[3763,8065,8066,8071,8100,8104,8109,8143,8147,8152],{"__ignoreMap":3855},[3859,8067,8068],{"class":3861,"line":3862},[3859,8069,8070],{"class":3865},"\u002F\u002F Координати на карті: [широта, довгота]\n",[3859,8072,8073,8075,8078,8081,8083,8085,8087,8090,8093,8095,8098],{"class":3861,"line":3869},[3859,8074,3873],{"class":3872},[3859,8076,8077],{"class":3876}," coordinates",[3859,8079,8080],{"class":3880},": [",[3859,8082,4781],{"class":4780},[3859,8084,3888],{"class":3880},[3859,8086,4781],{"class":4780},[3859,8088,8089],{"class":3880},"] = [",[3859,8091,8092],{"class":3884},"50.4501",[3859,8094,3888],{"class":3880},[3859,8096,8097],{"class":3884},"30.5234",[3859,8099,3909],{"class":3880},[3859,8101,8102],{"class":3861,"line":3912},[3859,8103,3976],{"emptyLinePlaceholder":3975},[3859,8105,8106],{"class":3861,"line":3938},[3859,8107,8108],{"class":3865},"\u002F\u002F Користувач: [ім'я, вік, активний]\n",[3859,8110,8111,8113,8116,8118,8120,8122,8124,8126,8128,8130,8132,8134,8137,8139,8141],{"class":3861,"line":3972},[3859,8112,3873],{"class":3872},[3859,8114,8115],{"class":3876}," user",[3859,8117,8080],{"class":3880},[3859,8119,4816],{"class":4780},[3859,8121,3888],{"class":3880},[3859,8123,4781],{"class":4780},[3859,8125,3888],{"class":3880},[3859,8127,4845],{"class":4780},[3859,8129,8089],{"class":3880},[3859,8131,4821],{"class":3922},[3859,8133,3888],{"class":3880},[3859,8135,8136],{"class":3884},"28",[3859,8138,3888],{"class":3880},[3859,8140,3958],{"class":3872},[3859,8142,3909],{"class":3880},[3859,8144,8145],{"class":3861,"line":3979},[3859,8146,3976],{"emptyLinePlaceholder":3975},[3859,8148,8149],{"class":3861,"line":3985},[3859,8150,8151],{"class":3865},"\u002F\u002F HTTP відповідь: [статус-код, тіло відповіді]\n",[3859,8153,8154,8156,8159,8161,8163,8165,8167,8169,8172,8174,8177],{"class":3861,"line":4016},[3859,8155,3873],{"class":3872},[3859,8157,8158],{"class":3876}," response",[3859,8160,8080],{"class":3880},[3859,8162,4781],{"class":4780},[3859,8164,3888],{"class":3880},[3859,8166,4816],{"class":4780},[3859,8168,8089],{"class":3880},[3859,8170,8171],{"class":3884},"200",[3859,8173,3888],{"class":3880},[3859,8175,8176],{"class":3922},"\"OK\"",[3859,8178,3909],{"class":3880},[3825,8180,8182],{"id":8181},"типізація-кортежів","Типізація кортежів",[3830,8184,8185],{},"Синтаксис кортежу — квадратні дужки з типами через кому:",[3850,8187,8189],{"className":4764,"code":8188,"language":4766,"meta":3855,"style":3855},"\u002F\u002F Кортеж з 2 елементів: рядок та число\nlet pair: [string, number] = [\"age\", 25];\n\n\u002F\u002F Кортеж з 3 елементів: число, рядок, boolean\nlet triple: [number, string, boolean] = [1, \"hello\", true];\n\n\u002F\u002F Кортеж з вкладеним кортежем\nlet nested: [string, [number, number]] = [\"point\", [10, 20]];\n",[3763,8190,8191,8196,8223,8227,8232,8266,8270,8275],{"__ignoreMap":3855},[3859,8192,8193],{"class":3861,"line":3862},[3859,8194,8195],{"class":3865},"\u002F\u002F Кортеж з 2 елементів: рядок та число\n",[3859,8197,8198,8200,8203,8205,8207,8209,8211,8213,8216,8218,8221],{"class":3861,"line":3869},[3859,8199,3873],{"class":3872},[3859,8201,8202],{"class":3876}," pair",[3859,8204,8080],{"class":3880},[3859,8206,4816],{"class":4780},[3859,8208,3888],{"class":3880},[3859,8210,4781],{"class":4780},[3859,8212,8089],{"class":3880},[3859,8214,8215],{"class":3922},"\"age\"",[3859,8217,3888],{"class":3880},[3859,8219,8220],{"class":3884},"25",[3859,8222,3909],{"class":3880},[3859,8224,8225],{"class":3861,"line":3912},[3859,8226,3976],{"emptyLinePlaceholder":3975},[3859,8228,8229],{"class":3861,"line":3938},[3859,8230,8231],{"class":3865},"\u002F\u002F Кортеж з 3 елементів: число, рядок, boolean\n",[3859,8233,8234,8236,8239,8241,8243,8245,8247,8249,8251,8253,8255,8257,8260,8262,8264],{"class":3861,"line":3972},[3859,8235,3873],{"class":3872},[3859,8237,8238],{"class":3876}," triple",[3859,8240,8080],{"class":3880},[3859,8242,4781],{"class":4780},[3859,8244,3888],{"class":3880},[3859,8246,4816],{"class":4780},[3859,8248,3888],{"class":3880},[3859,8250,4845],{"class":4780},[3859,8252,8089],{"class":3880},[3859,8254,3885],{"class":3884},[3859,8256,3888],{"class":3880},[3859,8258,8259],{"class":3922},"\"hello\"",[3859,8261,3888],{"class":3880},[3859,8263,3958],{"class":3872},[3859,8265,3909],{"class":3880},[3859,8267,8268],{"class":3861,"line":3979},[3859,8269,3976],{"emptyLinePlaceholder":3975},[3859,8271,8272],{"class":3861,"line":3985},[3859,8273,8274],{"class":3865},"\u002F\u002F Кортеж з вкладеним кортежем\n",[3859,8276,8277,8279,8281,8283,8285,8288,8290,8292,8294,8297,8300,8302,8305,8307,8310],{"class":3861,"line":4016},[3859,8278,3873],{"class":3872},[3859,8280,5852],{"class":3876},[3859,8282,8080],{"class":3880},[3859,8284,4816],{"class":4780},[3859,8286,8287],{"class":3880},", [",[3859,8289,4781],{"class":4780},[3859,8291,3888],{"class":3880},[3859,8293,4781],{"class":4780},[3859,8295,8296],{"class":3880},"]] = [",[3859,8298,8299],{"class":3922},"\"point\"",[3859,8301,8287],{"class":3880},[3859,8303,8304],{"class":3884},"10",[3859,8306,3888],{"class":3880},[3859,8308,8309],{"class":3884},"20",[3859,8311,5877],{"class":3880},[3830,8313,8314],{},[3782,8315,8316],{},"TypeScript строго перевіряє типи та кількість елементів:",[3850,8318,8320],{"className":4764,"code":8319,"language":4766,"meta":3855,"style":3855},"let user: [string, number] = [\"Alice\", 28];\n\nuser = [\"Bob\", 32];       \u002F\u002F OK: типи співпадають\nuser = [\"Charlie\", 25, true];  \u002F\u002F Error: Source has 3 element(s) but target allows only 2\nuser = [28, \"Alice\"];     \u002F\u002F Error: порядок типів не співпадає\nuser = [\"David\"];         \u002F\u002F Error: Source has 1 element(s) but target requires 2\n",[3763,8321,8322,8346,8350,8370,8391,8409],{"__ignoreMap":3855},[3859,8323,8324,8326,8328,8330,8332,8334,8336,8338,8340,8342,8344],{"class":3861,"line":3862},[3859,8325,3873],{"class":3872},[3859,8327,8115],{"class":3876},[3859,8329,8080],{"class":3880},[3859,8331,4816],{"class":4780},[3859,8333,3888],{"class":3880},[3859,8335,4781],{"class":4780},[3859,8337,8089],{"class":3880},[3859,8339,4821],{"class":3922},[3859,8341,3888],{"class":3880},[3859,8343,8136],{"class":3884},[3859,8345,3909],{"class":3880},[3859,8347,8348],{"class":3861,"line":3869},[3859,8349,3976],{"emptyLinePlaceholder":3975},[3859,8351,8352,8355,8357,8359,8361,8364,8367],{"class":3861,"line":3912},[3859,8353,8354],{"class":3876},"user",[3859,8356,3881],{"class":3880},[3859,8358,4826],{"class":3922},[3859,8360,3888],{"class":3880},[3859,8362,8363],{"class":3884},"32",[3859,8365,8366],{"class":3880},"];       ",[3859,8368,8369],{"class":3865},"\u002F\u002F OK: типи співпадають\n",[3859,8371,8372,8374,8376,8378,8380,8382,8384,8386,8388],{"class":3861,"line":3938},[3859,8373,8354],{"class":3876},[3859,8375,3881],{"class":3880},[3859,8377,4831],{"class":3922},[3859,8379,3888],{"class":3880},[3859,8381,8220],{"class":3884},[3859,8383,3888],{"class":3880},[3859,8385,3958],{"class":3872},[3859,8387,3966],{"class":3880},[3859,8389,8390],{"class":3865},"\u002F\u002F Error: Source has 3 element(s) but target allows only 2\n",[3859,8392,8393,8395,8397,8399,8401,8403,8406],{"class":3861,"line":3972},[3859,8394,8354],{"class":3876},[3859,8396,3881],{"class":3880},[3859,8398,8136],{"class":3884},[3859,8400,3888],{"class":3880},[3859,8402,4821],{"class":3922},[3859,8404,8405],{"class":3880},"];     ",[3859,8407,8408],{"class":3865},"\u002F\u002F Error: порядок типів не співпадає\n",[3859,8410,8411,8413,8415,8418,8421],{"class":3861,"line":3979},[3859,8412,8354],{"class":3876},[3859,8414,3881],{"class":3880},[3859,8416,8417],{"class":3922},"\"David\"",[3859,8419,8420],{"class":3880},"];         ",[3859,8422,8423],{"class":3865},"\u002F\u002F Error: Source has 1 element(s) but target requires 2\n",[3825,8425,8427],{"id":8426},"доступ-до-елементів-кортежу","Доступ до елементів кортежу",[3830,8429,8430,8431,8434],{},"Доступ до елементів кортежу виглядає так само, як до масиву, але TypeScript ",[3782,8432,8433],{},"знає тип"," кожної позиції:",[3850,8436,8438],{"className":4764,"code":8437,"language":4766,"meta":3855,"style":3855},"let user: [string, number, boolean] = [\"Alice\", 28, true];\n\nlet name: string = user[0];    \u002F\u002F OK: TypeScript знає, що user[0] — це string\nlet age: number = user[1];     \u002F\u002F OK: TypeScript знає, що user[1] — це number\nlet active: boolean = user[2]; \u002F\u002F OK: TypeScript знає, що user[2] — це boolean\n\n\u002F\u002F TypeScript допомагає уникнути помилок:\nlet wrong: number = user[0];  \u002F\u002F Error: Type 'string' is not assignable to type 'number'\n",[3763,8439,8440,8472,8476,8501,8525,8550,8554,8559],{"__ignoreMap":3855},[3859,8441,8442,8444,8446,8448,8450,8452,8454,8456,8458,8460,8462,8464,8466,8468,8470],{"class":3861,"line":3862},[3859,8443,3873],{"class":3872},[3859,8445,8115],{"class":3876},[3859,8447,8080],{"class":3880},[3859,8449,4816],{"class":4780},[3859,8451,3888],{"class":3880},[3859,8453,4781],{"class":4780},[3859,8455,3888],{"class":3880},[3859,8457,4845],{"class":4780},[3859,8459,8089],{"class":3880},[3859,8461,4821],{"class":3922},[3859,8463,3888],{"class":3880},[3859,8465,8136],{"class":3884},[3859,8467,3888],{"class":3880},[3859,8469,3958],{"class":3872},[3859,8471,3909],{"class":3880},[3859,8473,8474],{"class":3861,"line":3869},[3859,8475,3976],{"emptyLinePlaceholder":3975},[3859,8477,8478,8480,8483,8485,8487,8489,8491,8493,8495,8498],{"class":3861,"line":3912},[3859,8479,3873],{"class":3872},[3859,8481,8482],{"class":3876}," name",[3859,8484,4777],{"class":3880},[3859,8486,4816],{"class":4780},[3859,8488,4132],{"class":3880},[3859,8490,8354],{"class":3876},[3859,8492,4004],{"class":3880},[3859,8494,4007],{"class":3884},[3859,8496,8497],{"class":3880},"];    ",[3859,8499,8500],{"class":3865},"\u002F\u002F OK: TypeScript знає, що user[0] — це string\n",[3859,8502,8503,8505,8508,8510,8512,8514,8516,8518,8520,8522],{"class":3861,"line":3938},[3859,8504,3873],{"class":3872},[3859,8506,8507],{"class":3876}," age",[3859,8509,4777],{"class":3880},[3859,8511,4781],{"class":4780},[3859,8513,4132],{"class":3880},[3859,8515,8354],{"class":3876},[3859,8517,4004],{"class":3880},[3859,8519,3885],{"class":3884},[3859,8521,8405],{"class":3880},[3859,8523,8524],{"class":3865},"\u002F\u002F OK: TypeScript знає, що user[1] — це number\n",[3859,8526,8527,8529,8532,8534,8536,8538,8540,8542,8544,8547],{"class":3861,"line":3972},[3859,8528,3873],{"class":3872},[3859,8530,8531],{"class":3876}," active",[3859,8533,4777],{"class":3880},[3859,8535,4845],{"class":4780},[3859,8537,4132],{"class":3880},[3859,8539,8354],{"class":3876},[3859,8541,4004],{"class":3880},[3859,8543,3891],{"class":3884},[3859,8545,8546],{"class":3880},"]; ",[3859,8548,8549],{"class":3865},"\u002F\u002F OK: TypeScript знає, що user[2] — це boolean\n",[3859,8551,8552],{"class":3861,"line":3979},[3859,8553,3976],{"emptyLinePlaceholder":3975},[3859,8555,8556],{"class":3861,"line":3985},[3859,8557,8558],{"class":3865},"\u002F\u002F TypeScript допомагає уникнути помилок:\n",[3859,8560,8561,8563,8566,8568,8570,8572,8574,8576,8578,8580],{"class":3861,"line":4016},[3859,8562,3873],{"class":3872},[3859,8564,8565],{"class":3876}," wrong",[3859,8567,4777],{"class":3880},[3859,8569,4781],{"class":4780},[3859,8571,4132],{"class":3880},[3859,8573,8354],{"class":3876},[3859,8575,4004],{"class":3880},[3859,8577,4007],{"class":3884},[3859,8579,3966],{"class":3880},[3859,8581,8582],{"class":3865},"\u002F\u002F Error: Type 'string' is not assignable to type 'number'\n",[3830,8584,8585],{},[3782,8586,8587],{},"Вихід за межі кортежу:",[3850,8589,8591],{"className":4764,"code":8590,"language":4766,"meta":3855,"style":3855},"let pair: [string, number] = [\"age\", 25];\n\nconsole.log(pair[0]);  \u002F\u002F \"age\"\nconsole.log(pair[1]);  \u002F\u002F 25\nconsole.log(pair[2]);  \u002F\u002F undefined (виконання), але TypeScript покаже помилку!\n\u002F\u002F Error: Tuple type '[string, number]' of length '2' has no element at index '2'\n",[3763,8592,8593,8617,8621,8643,8664,8685],{"__ignoreMap":3855},[3859,8594,8595,8597,8599,8601,8603,8605,8607,8609,8611,8613,8615],{"class":3861,"line":3862},[3859,8596,3873],{"class":3872},[3859,8598,8202],{"class":3876},[3859,8600,8080],{"class":3880},[3859,8602,4816],{"class":4780},[3859,8604,3888],{"class":3880},[3859,8606,4781],{"class":4780},[3859,8608,8089],{"class":3880},[3859,8610,8215],{"class":3922},[3859,8612,3888],{"class":3880},[3859,8614,8220],{"class":3884},[3859,8616,3909],{"class":3880},[3859,8618,8619],{"class":3861,"line":3869},[3859,8620,3976],{"emptyLinePlaceholder":3975},[3859,8622,8623,8625,8627,8629,8631,8634,8636,8638,8640],{"class":3861,"line":3912},[3859,8624,3988],{"class":3876},[3859,8626,3991],{"class":3880},[3859,8628,3995],{"class":3994},[3859,8630,3998],{"class":3880},[3859,8632,8633],{"class":3876},"pair",[3859,8635,4004],{"class":3880},[3859,8637,4007],{"class":3884},[3859,8639,4010],{"class":3880},[3859,8641,8642],{"class":3865},"\u002F\u002F \"age\"\n",[3859,8644,8645,8647,8649,8651,8653,8655,8657,8659,8661],{"class":3861,"line":3938},[3859,8646,3988],{"class":3876},[3859,8648,3991],{"class":3880},[3859,8650,3995],{"class":3994},[3859,8652,3998],{"class":3880},[3859,8654,8633],{"class":3876},[3859,8656,4004],{"class":3880},[3859,8658,3885],{"class":3884},[3859,8660,4010],{"class":3880},[3859,8662,8663],{"class":3865},"\u002F\u002F 25\n",[3859,8665,8666,8668,8670,8672,8674,8676,8678,8680,8682],{"class":3861,"line":3972},[3859,8667,3988],{"class":3876},[3859,8669,3991],{"class":3880},[3859,8671,3995],{"class":3994},[3859,8673,3998],{"class":3880},[3859,8675,8633],{"class":3876},[3859,8677,4004],{"class":3880},[3859,8679,3891],{"class":3884},[3859,8681,4010],{"class":3880},[3859,8683,8684],{"class":3865},"\u002F\u002F undefined (виконання), але TypeScript покаже помилку!\n",[3859,8686,8687],{"class":3861,"line":3979},[3859,8688,8689],{"class":3865},"\u002F\u002F Error: Tuple type '[string, number]' of length '2' has no element at index '2'\n",[3825,8691,8693],{"id":8692},"деструктуризація-кортежів","Деструктуризація кортежів",[3830,8695,8696],{},"Кортежі ідеально підходять для деструктуризації, бо TypeScript знає типи кожної позиції:",[3850,8698,8700],{"className":4764,"code":8699,"language":4766,"meta":3855,"style":3855},"let user: [string, number, boolean] = [\"Alice\", 28, true];\n\n\u002F\u002F Деструктуризація з типізацією\nlet [name, age, active] = user;\n\nconsole.log(name);    \u002F\u002F \"Alice\" (тип string)\nconsole.log(age);     \u002F\u002F 28 (тип number)\nconsole.log(active);  \u002F\u002F true (тип boolean)\n\n\u002F\u002F TypeScript автоматично виводить типи змінних!\n\u002F\u002F name: string\n\u002F\u002F age: number\n\u002F\u002F active: boolean\n",[3763,8701,8702,8734,8738,8743,8767,8771,8788,8805,8822,8826,8831,8836,8841],{"__ignoreMap":3855},[3859,8703,8704,8706,8708,8710,8712,8714,8716,8718,8720,8722,8724,8726,8728,8730,8732],{"class":3861,"line":3862},[3859,8705,3873],{"class":3872},[3859,8707,8115],{"class":3876},[3859,8709,8080],{"class":3880},[3859,8711,4816],{"class":4780},[3859,8713,3888],{"class":3880},[3859,8715,4781],{"class":4780},[3859,8717,3888],{"class":3880},[3859,8719,4845],{"class":4780},[3859,8721,8089],{"class":3880},[3859,8723,4821],{"class":3922},[3859,8725,3888],{"class":3880},[3859,8727,8136],{"class":3884},[3859,8729,3888],{"class":3880},[3859,8731,3958],{"class":3872},[3859,8733,3909],{"class":3880},[3859,8735,8736],{"class":3861,"line":3869},[3859,8737,3976],{"emptyLinePlaceholder":3975},[3859,8739,8740],{"class":3861,"line":3912},[3859,8741,8742],{"class":3865},"\u002F\u002F Деструктуризація з типізацією\n",[3859,8744,8745,8747,8750,8752,8754,8756,8758,8761,8763,8765],{"class":3861,"line":3938},[3859,8746,3873],{"class":3872},[3859,8748,8749],{"class":3880}," [",[3859,8751,7589],{"class":3876},[3859,8753,3888],{"class":3880},[3859,8755,4518],{"class":3876},[3859,8757,3888],{"class":3880},[3859,8759,8760],{"class":3876},"active",[3859,8762,4060],{"class":3880},[3859,8764,8354],{"class":3876},[3859,8766,4066],{"class":3880},[3859,8768,8769],{"class":3861,"line":3972},[3859,8770,3976],{"emptyLinePlaceholder":3975},[3859,8772,8773,8775,8777,8779,8781,8783,8785],{"class":3861,"line":3979},[3859,8774,3988],{"class":3876},[3859,8776,3991],{"class":3880},[3859,8778,3995],{"class":3994},[3859,8780,3998],{"class":3880},[3859,8782,7589],{"class":3876},[3859,8784,7164],{"class":3880},[3859,8786,8787],{"class":3865},"\u002F\u002F \"Alice\" (тип string)\n",[3859,8789,8790,8792,8794,8796,8798,8800,8802],{"class":3861,"line":3985},[3859,8791,3988],{"class":3876},[3859,8793,3991],{"class":3880},[3859,8795,3995],{"class":3994},[3859,8797,3998],{"class":3880},[3859,8799,4518],{"class":3876},[3859,8801,4402],{"class":3880},[3859,8803,8804],{"class":3865},"\u002F\u002F 28 (тип number)\n",[3859,8806,8807,8809,8811,8813,8815,8817,8819],{"class":3861,"line":4016},[3859,8808,3988],{"class":3876},[3859,8810,3991],{"class":3880},[3859,8812,3995],{"class":3994},[3859,8814,3998],{"class":3880},[3859,8816,8760],{"class":3876},[3859,8818,4082],{"class":3880},[3859,8820,8821],{"class":3865},"\u002F\u002F true (тип boolean)\n",[3859,8823,8824],{"class":3861,"line":4040},[3859,8825,3976],{"emptyLinePlaceholder":3975},[3859,8827,8828],{"class":3861,"line":4045},[3859,8829,8830],{"class":3865},"\u002F\u002F TypeScript автоматично виводить типи змінних!\n",[3859,8832,8833],{"class":3861,"line":4051},[3859,8834,8835],{"class":3865},"\u002F\u002F name: string\n",[3859,8837,8838],{"class":3861,"line":4069},[3859,8839,8840],{"class":3865},"\u002F\u002F age: number\n",[3859,8842,8843],{"class":3861,"line":4355},[3859,8844,8845],{"class":3865},"\u002F\u002F active: boolean\n",[3830,8847,8848],{},[3782,8849,8850],{},"Практичний приклад: функція, що повертає кортеж:",[3850,8852,8854],{"className":4764,"code":8853,"language":4766,"meta":3855,"style":3855},"function getUser(id: number): [string, number] {\n  \u002F\u002F У реальності тут був би запит до бази даних\n  return [\"Alice\", 28];\n}\n\nlet [userName, userAge] = getUser(1);\n\nconsole.log(userName);  \u002F\u002F \"Alice\" (тип string)\nconsole.log(userAge);   \u002F\u002F 28 (тип number)\n",[3763,8855,8856,8884,8889,8904,8908,8912,8937,8941,8957],{"__ignoreMap":3855},[3859,8857,8858,8860,8863,8865,8868,8870,8872,8875,8877,8879,8881],{"class":3861,"line":3862},[3859,8859,7433],{"class":3872},[3859,8861,8862],{"class":3994}," getUser",[3859,8864,3998],{"class":3880},[3859,8866,8867],{"class":3876},"id",[3859,8869,4777],{"class":3880},[3859,8871,4781],{"class":4780},[3859,8873,8874],{"class":3880},"): [",[3859,8876,4816],{"class":4780},[3859,8878,3888],{"class":3880},[3859,8880,4781],{"class":4780},[3859,8882,8883],{"class":3880},"] {\n",[3859,8885,8886],{"class":3861,"line":3869},[3859,8887,8888],{"class":3865},"  \u002F\u002F У реальності тут був би запит до бази даних\n",[3859,8890,8891,8894,8896,8898,8900,8902],{"class":3861,"line":3912},[3859,8892,8893],{"class":6418},"  return",[3859,8895,8749],{"class":3880},[3859,8897,4821],{"class":3922},[3859,8899,3888],{"class":3880},[3859,8901,8136],{"class":3884},[3859,8903,3909],{"class":3880},[3859,8905,8906],{"class":3861,"line":3938},[3859,8907,4626],{"class":3880},[3859,8909,8910],{"class":3861,"line":3972},[3859,8911,3976],{"emptyLinePlaceholder":3975},[3859,8913,8914,8916,8918,8921,8923,8926,8928,8931,8933,8935],{"class":3861,"line":3979},[3859,8915,3873],{"class":3872},[3859,8917,8749],{"class":3880},[3859,8919,8920],{"class":3876},"userName",[3859,8922,3888],{"class":3880},[3859,8924,8925],{"class":3876},"userAge",[3859,8927,4060],{"class":3880},[3859,8929,8930],{"class":3994},"getUser",[3859,8932,3998],{"class":3880},[3859,8934,3885],{"class":3884},[3859,8936,4315],{"class":3880},[3859,8938,8939],{"class":3861,"line":3985},[3859,8940,3976],{"emptyLinePlaceholder":3975},[3859,8942,8943,8945,8947,8949,8951,8953,8955],{"class":3861,"line":4016},[3859,8944,3988],{"class":3876},[3859,8946,3991],{"class":3880},[3859,8948,3995],{"class":3994},[3859,8950,3998],{"class":3880},[3859,8952,8920],{"class":3876},[3859,8954,4082],{"class":3880},[3859,8956,8787],{"class":3865},[3859,8958,8959,8961,8963,8965,8967,8969,8971],{"class":3861,"line":4040},[3859,8960,3988],{"class":3876},[3859,8962,3991],{"class":3880},[3859,8964,3995],{"class":3994},[3859,8966,3998],{"class":3880},[3859,8968,8925],{"class":3876},[3859,8970,5250],{"class":3880},[3859,8972,8804],{"class":3865},[3825,8974,8976],{"id":8975},"опціональні-елементи-у-кортежах","Опціональні елементи у кортежах",[3830,8978,8979,8980,8983],{},"Ви можете позначити елементи кортежу як опціональні за допомогою ",[3763,8981,8982],{},"?",":",[3850,8985,8987],{"className":4764,"code":8986,"language":4766,"meta":3855,"style":3855},"\u002F\u002F Третій елемент опціональний\nlet user: [string, number, boolean?] = [\"Alice\", 28];\n\n\u002F\u002F Обидва варіанти валідні:\nlet user1: [string, number, boolean?] = [\"Bob\", 32];\nlet user2: [string, number, boolean?] = [\"Charlie\", 25, true];\n\n\u002F\u002F TypeScript знає, що третій елемент може бути undefined:\nlet [name, age, active] = user;\nconsole.log(active);  \u002F\u002F undefined (тип boolean | undefined)\n",[3763,8988,8989,8994,9023,9027,9032,9061,9094,9098,9103,9125],{"__ignoreMap":3855},[3859,8990,8991],{"class":3861,"line":3862},[3859,8992,8993],{"class":3865},"\u002F\u002F Третій елемент опціональний\n",[3859,8995,8996,8998,9000,9002,9004,9006,9008,9010,9012,9015,9017,9019,9021],{"class":3861,"line":3869},[3859,8997,3873],{"class":3872},[3859,8999,8115],{"class":3876},[3859,9001,8080],{"class":3880},[3859,9003,4816],{"class":4780},[3859,9005,3888],{"class":3880},[3859,9007,4781],{"class":4780},[3859,9009,3888],{"class":3880},[3859,9011,4845],{"class":4780},[3859,9013,9014],{"class":3880},"?] = [",[3859,9016,4821],{"class":3922},[3859,9018,3888],{"class":3880},[3859,9020,8136],{"class":3884},[3859,9022,3909],{"class":3880},[3859,9024,9025],{"class":3861,"line":3912},[3859,9026,3976],{"emptyLinePlaceholder":3975},[3859,9028,9029],{"class":3861,"line":3938},[3859,9030,9031],{"class":3865},"\u002F\u002F Обидва варіанти валідні:\n",[3859,9033,9034,9036,9039,9041,9043,9045,9047,9049,9051,9053,9055,9057,9059],{"class":3861,"line":3972},[3859,9035,3873],{"class":3872},[3859,9037,9038],{"class":3876}," user1",[3859,9040,8080],{"class":3880},[3859,9042,4816],{"class":4780},[3859,9044,3888],{"class":3880},[3859,9046,4781],{"class":4780},[3859,9048,3888],{"class":3880},[3859,9050,4845],{"class":4780},[3859,9052,9014],{"class":3880},[3859,9054,4826],{"class":3922},[3859,9056,3888],{"class":3880},[3859,9058,8363],{"class":3884},[3859,9060,3909],{"class":3880},[3859,9062,9063,9065,9068,9070,9072,9074,9076,9078,9080,9082,9084,9086,9088,9090,9092],{"class":3861,"line":3979},[3859,9064,3873],{"class":3872},[3859,9066,9067],{"class":3876}," user2",[3859,9069,8080],{"class":3880},[3859,9071,4816],{"class":4780},[3859,9073,3888],{"class":3880},[3859,9075,4781],{"class":4780},[3859,9077,3888],{"class":3880},[3859,9079,4845],{"class":4780},[3859,9081,9014],{"class":3880},[3859,9083,4831],{"class":3922},[3859,9085,3888],{"class":3880},[3859,9087,8220],{"class":3884},[3859,9089,3888],{"class":3880},[3859,9091,3958],{"class":3872},[3859,9093,3909],{"class":3880},[3859,9095,9096],{"class":3861,"line":3985},[3859,9097,3976],{"emptyLinePlaceholder":3975},[3859,9099,9100],{"class":3861,"line":4016},[3859,9101,9102],{"class":3865},"\u002F\u002F TypeScript знає, що третій елемент може бути undefined:\n",[3859,9104,9105,9107,9109,9111,9113,9115,9117,9119,9121,9123],{"class":3861,"line":4040},[3859,9106,3873],{"class":3872},[3859,9108,8749],{"class":3880},[3859,9110,7589],{"class":3876},[3859,9112,3888],{"class":3880},[3859,9114,4518],{"class":3876},[3859,9116,3888],{"class":3880},[3859,9118,8760],{"class":3876},[3859,9120,4060],{"class":3880},[3859,9122,8354],{"class":3876},[3859,9124,4066],{"class":3880},[3859,9126,9127,9129,9131,9133,9135,9137,9139],{"class":3861,"line":4045},[3859,9128,3988],{"class":3876},[3859,9130,3991],{"class":3880},[3859,9132,3995],{"class":3994},[3859,9134,3998],{"class":3880},[3859,9136,8760],{"class":3876},[3859,9138,4082],{"class":3880},[3859,9140,9141],{"class":3865},"\u002F\u002F undefined (тип boolean | undefined)\n",[3825,9143,9145],{"id":9144},"rest-елементи-у-кортежах","Rest елементи у кортежах",[3830,9147,9148],{},"Кортежі підтримують rest-синтаксис для змінної кількості елементів:",[3850,9150,9152],{"className":4764,"code":9151,"language":4766,"meta":3855,"style":3855},"\u002F\u002F Перші два елементи фіксовані, решта — числа\nlet data: [string, boolean, ...number[]] = [\"test\", true, 1, 2, 3, 4, 5];\n\n\u002F\u002F Мінімум 2 елементи (string та boolean), потім будь-яка кількість чисел\nlet minimal: [string, boolean, ...number[]] = [\"test\", true];  \u002F\u002F OK\nlet withNumbers: [string, boolean, ...number[]] = [\"test\", false, 10, 20];  \u002F\u002F OK\n",[3763,9153,9154,9159,9211,9215,9220,9251],{"__ignoreMap":3855},[3859,9155,9156],{"class":3861,"line":3862},[3859,9157,9158],{"class":3865},"\u002F\u002F Перші два елементи фіксовані, решта — числа\n",[3859,9160,9161,9163,9166,9168,9170,9172,9174,9177,9179,9182,9185,9187,9189,9191,9193,9195,9197,9199,9201,9203,9205,9207,9209],{"class":3861,"line":3869},[3859,9162,3873],{"class":3872},[3859,9164,9165],{"class":3876}," data",[3859,9167,8080],{"class":3880},[3859,9169,4816],{"class":4780},[3859,9171,3888],{"class":3880},[3859,9173,4845],{"class":4780},[3859,9175,9176],{"class":3880},", ...",[3859,9178,4781],{"class":4780},[3859,9180,9181],{"class":3880},"[]] = [",[3859,9183,9184],{"class":3922},"\"test\"",[3859,9186,3888],{"class":3880},[3859,9188,3958],{"class":3872},[3859,9190,3888],{"class":3880},[3859,9192,3885],{"class":3884},[3859,9194,3888],{"class":3880},[3859,9196,3891],{"class":3884},[3859,9198,3888],{"class":3880},[3859,9200,3896],{"class":3884},[3859,9202,3888],{"class":3880},[3859,9204,3901],{"class":3884},[3859,9206,3888],{"class":3880},[3859,9208,3906],{"class":3884},[3859,9210,3909],{"class":3880},[3859,9212,9213],{"class":3861,"line":3912},[3859,9214,3976],{"emptyLinePlaceholder":3975},[3859,9216,9217],{"class":3861,"line":3938},[3859,9218,9219],{"class":3865},"\u002F\u002F Мінімум 2 елементи (string та boolean), потім будь-яка кількість чисел\n",[3859,9221,9222,9224,9227,9229,9231,9233,9235,9237,9239,9241,9243,9245,9247,9249],{"class":3861,"line":3972},[3859,9223,3873],{"class":3872},[3859,9225,9226],{"class":3876}," minimal",[3859,9228,8080],{"class":3880},[3859,9230,4816],{"class":4780},[3859,9232,3888],{"class":3880},[3859,9234,4845],{"class":4780},[3859,9236,9176],{"class":3880},[3859,9238,4781],{"class":4780},[3859,9240,9181],{"class":3880},[3859,9242,9184],{"class":3922},[3859,9244,3888],{"class":3880},[3859,9246,3958],{"class":3872},[3859,9248,3966],{"class":3880},[3859,9250,5235],{"class":3865},[3859,9252,9253,9255,9258,9260,9262,9264,9266,9268,9270,9272,9274,9276,9278,9280,9282,9284,9286,9288],{"class":3861,"line":3979},[3859,9254,3873],{"class":3872},[3859,9256,9257],{"class":3876}," withNumbers",[3859,9259,8080],{"class":3880},[3859,9261,4816],{"class":4780},[3859,9263,3888],{"class":3880},[3859,9265,4845],{"class":4780},[3859,9267,9176],{"class":3880},[3859,9269,4781],{"class":4780},[3859,9271,9181],{"class":3880},[3859,9273,9184],{"class":3922},[3859,9275,3888],{"class":3880},[3859,9277,4854],{"class":3872},[3859,9279,3888],{"class":3880},[3859,9281,8304],{"class":3884},[3859,9283,3888],{"class":3880},[3859,9285,8309],{"class":3884},[3859,9287,3966],{"class":3880},[3859,9289,5235],{"class":3865},[3825,9291,9293],{"id":9292},"readonly-кортежі","Readonly кортежі",[3830,9295,9296],{},"Так само, як масиви, кортежі можна зробити незмінними:",[3850,9298,9300],{"className":4764,"code":9299,"language":4766,"meta":3855,"style":3855},"let coordinates: readonly [number, number] = [50.4501, 30.5234];\n\nconsole.log(coordinates[0]);  \u002F\u002F OK: читання дозволено\n\n\u002F\u002F ❌ Зміна заборонена:\n\u002F\u002F coordinates[0] = 51.0;  \u002F\u002F Error: Cannot assign to '0' because it is a read-only property\n\u002F\u002F coordinates.push(40.0);  \u002F\u002F Error: Property 'push' does not exist on type 'readonly [number, number]'\n",[3763,9301,9302,9330,9334,9355,9359,9364,9372],{"__ignoreMap":3855},[3859,9303,9304,9306,9308,9310,9312,9314,9316,9318,9320,9322,9324,9326,9328],{"class":3861,"line":3862},[3859,9305,3873],{"class":3872},[3859,9307,8077],{"class":3876},[3859,9309,4777],{"class":3880},[3859,9311,3765],{"class":3872},[3859,9313,8749],{"class":3880},[3859,9315,4781],{"class":4780},[3859,9317,3888],{"class":3880},[3859,9319,4781],{"class":4780},[3859,9321,8089],{"class":3880},[3859,9323,8092],{"class":3884},[3859,9325,3888],{"class":3880},[3859,9327,8097],{"class":3884},[3859,9329,3909],{"class":3880},[3859,9331,9332],{"class":3861,"line":3869},[3859,9333,3976],{"emptyLinePlaceholder":3975},[3859,9335,9336,9338,9340,9342,9344,9347,9349,9351,9353],{"class":3861,"line":3912},[3859,9337,3988],{"class":3876},[3859,9339,3991],{"class":3880},[3859,9341,3995],{"class":3994},[3859,9343,3998],{"class":3880},[3859,9345,9346],{"class":3876},"coordinates",[3859,9348,4004],{"class":3880},[3859,9350,4007],{"class":3884},[3859,9352,4010],{"class":3880},[3859,9354,7369],{"class":3865},[3859,9356,9357],{"class":3861,"line":3938},[3859,9358,3976],{"emptyLinePlaceholder":3975},[3859,9360,9361],{"class":3861,"line":3972},[3859,9362,9363],{"class":3865},"\u002F\u002F ❌ Зміна заборонена:\n",[3859,9365,9366,9369],{"class":3861,"line":3979},[3859,9367,9368],{"class":3865},"\u002F\u002F coordinates[0] = 51.0;",[3859,9370,9371],{"class":3865},"  \u002F\u002F Error: Cannot assign to '0' because it is a read-only property\n",[3859,9373,9374,9377],{"class":3861,"line":3985},[3859,9375,9376],{"class":3865},"\u002F\u002F coordinates.push(40.0);",[3859,9378,9379],{"class":3865},"  \u002F\u002F Error: Property 'push' does not exist on type 'readonly [number, number]'\n",[3825,9381,9383],{"id":9382},"кортежі-vs-масиви-коли-що-використовувати","Кортежі vs масиви: коли що використовувати",[3830,9385,9386],{},[3782,9387,9388],{},"Використовуйте кортежі, коли:",[3747,9390,9391,9394,9397,9400],{},[3750,9392,9393],{},"Кількість елементів фіксована і завжди однакова",[3750,9395,9396],{},"Кожна позиція має специфічне значення (широта\u002Fдовгота, ім'я\u002Fвік)",[3750,9398,9399],{},"Ви працюєте з парами, трійками чи іншими невеликими структурами",[3750,9401,9402],{},"Функція повертає кілька значень різних типів",[3830,9404,9405],{},[3782,9406,9407],{},"Використовуйте масиви, коли:",[3747,9409,9410,9413,9416,9419],{},[3750,9411,9412],{},"Кількість елементів може змінюватися динамічно",[3750,9414,9415],{},"Всі елементи мають однаковий тип та значення",[3750,9417,9418],{},"Ви ітеруєте по колекції однотипних даних",[3750,9420,9421],{},"Розмір колекції заздалегідь невідомий",[3850,9423,9425],{"className":4764,"code":9424,"language":4766,"meta":3855,"style":3855},"\u002F\u002F ✅ Кортеж: фіксована структура \"RGB колір\"\nlet color: [number, number, number] = [255, 128, 0];\n\n\u002F\u002F ✅ Масив: динамічна колекція оцінок студента\nlet grades: number[] = [85, 90, 78, 92];\ngrades.push(88);  \u002F\u002F можемо додавати нові оцінки\n\n\u002F\u002F ✅ Кортеж: функція повертає результат та помилку\nfunction divide(a: number, b: number): [number | null, string | null] {\n  if (b === 0) {\n    return [null, \"Division by zero\"];\n  }\n  return [a \u002F b, null];\n}\n\nlet [result, error] = divide(10, 2);\nif (error) {\n  console.error(error);\n} else {\n  console.log(result);\n}\n",[3763,9426,9427,9432,9467,9471,9476,9509,9528,9532,9537,9580,9594,9610,9614,9633,9637,9641,9670,9681,9695,9705,9719],{"__ignoreMap":3855},[3859,9428,9429],{"class":3861,"line":3862},[3859,9430,9431],{"class":3865},"\u002F\u002F ✅ Кортеж: фіксована структура \"RGB колір\"\n",[3859,9433,9434,9436,9439,9441,9443,9445,9447,9449,9451,9453,9456,9458,9461,9463,9465],{"class":3861,"line":3869},[3859,9435,3873],{"class":3872},[3859,9437,9438],{"class":3876}," color",[3859,9440,8080],{"class":3880},[3859,9442,4781],{"class":4780},[3859,9444,3888],{"class":3880},[3859,9446,4781],{"class":4780},[3859,9448,3888],{"class":3880},[3859,9450,4781],{"class":4780},[3859,9452,8089],{"class":3880},[3859,9454,9455],{"class":3884},"255",[3859,9457,3888],{"class":3880},[3859,9459,9460],{"class":3884},"128",[3859,9462,3888],{"class":3880},[3859,9464,4007],{"class":3884},[3859,9466,3909],{"class":3880},[3859,9468,9469],{"class":3861,"line":3912},[3859,9470,3976],{"emptyLinePlaceholder":3975},[3859,9472,9473],{"class":3861,"line":3938},[3859,9474,9475],{"class":3865},"\u002F\u002F ✅ Масив: динамічна колекція оцінок студента\n",[3859,9477,9478,9480,9483,9485,9487,9489,9492,9494,9497,9499,9502,9504,9507],{"class":3861,"line":3972},[3859,9479,3873],{"class":3872},[3859,9481,9482],{"class":3876}," grades",[3859,9484,4777],{"class":3880},[3859,9486,4781],{"class":4780},[3859,9488,4784],{"class":3880},[3859,9490,9491],{"class":3884},"85",[3859,9493,3888],{"class":3880},[3859,9495,9496],{"class":3884},"90",[3859,9498,3888],{"class":3880},[3859,9500,9501],{"class":3884},"78",[3859,9503,3888],{"class":3880},[3859,9505,9506],{"class":3884},"92",[3859,9508,3909],{"class":3880},[3859,9510,9511,9514,9516,9518,9520,9523,9525],{"class":3861,"line":3979},[3859,9512,9513],{"class":3876},"grades",[3859,9515,3991],{"class":3880},[3859,9517,5114],{"class":3994},[3859,9519,3998],{"class":3880},[3859,9521,9522],{"class":3884},"88",[3859,9524,4082],{"class":3880},[3859,9526,9527],{"class":3865},"\u002F\u002F можемо додавати нові оцінки\n",[3859,9529,9530],{"class":3861,"line":3985},[3859,9531,3976],{"emptyLinePlaceholder":3975},[3859,9533,9534],{"class":3861,"line":4016},[3859,9535,9536],{"class":3865},"\u002F\u002F ✅ Кортеж: функція повертає результат та помилку\n",[3859,9538,9539,9541,9544,9546,9549,9551,9553,9555,9558,9560,9562,9564,9566,9568,9570,9572,9574,9576,9578],{"class":3861,"line":4040},[3859,9540,7433],{"class":3872},[3859,9542,9543],{"class":3994}," divide",[3859,9545,3998],{"class":3880},[3859,9547,9548],{"class":3876},"a",[3859,9550,4777],{"class":3880},[3859,9552,4781],{"class":4780},[3859,9554,3888],{"class":3880},[3859,9556,9557],{"class":3876},"b",[3859,9559,4777],{"class":3880},[3859,9561,4781],{"class":4780},[3859,9563,8874],{"class":3880},[3859,9565,4781],{"class":4780},[3859,9567,5438],{"class":3880},[3859,9569,3963],{"class":4780},[3859,9571,3888],{"class":3880},[3859,9573,4816],{"class":4780},[3859,9575,5438],{"class":3880},[3859,9577,3963],{"class":4780},[3859,9579,8883],{"class":3880},[3859,9581,9582,9584,9586,9588,9590,9592],{"class":3861,"line":4045},[3859,9583,7458],{"class":6418},[3859,9585,3835],{"class":3880},[3859,9587,9557],{"class":3876},[3859,9589,4222],{"class":3880},[3859,9591,4007],{"class":3884},[3859,9593,6434],{"class":3880},[3859,9595,9596,9599,9601,9603,9605,9608],{"class":3861,"line":4051},[3859,9597,9598],{"class":6418},"    return",[3859,9600,8749],{"class":3880},[3859,9602,3963],{"class":3872},[3859,9604,3888],{"class":3880},[3859,9606,9607],{"class":3922},"\"Division by zero\"",[3859,9609,3909],{"class":3880},[3859,9611,9612],{"class":3861,"line":4069},[3859,9613,6473],{"class":3880},[3859,9615,9616,9618,9620,9622,9625,9627,9629,9631],{"class":3861,"line":4355},[3859,9617,8893],{"class":6418},[3859,9619,8749],{"class":3880},[3859,9621,9548],{"class":3876},[3859,9623,9624],{"class":3880}," \u002F ",[3859,9626,9557],{"class":3876},[3859,9628,3888],{"class":3880},[3859,9630,3963],{"class":3872},[3859,9632,3909],{"class":3880},[3859,9634,9635],{"class":3861,"line":4371},[3859,9636,4626],{"class":3880},[3859,9638,9639],{"class":3861,"line":4389},[3859,9640,3976],{"emptyLinePlaceholder":3975},[3859,9642,9643,9645,9647,9650,9652,9655,9657,9660,9662,9664,9666,9668],{"class":3861,"line":4656},[3859,9644,3873],{"class":3872},[3859,9646,8749],{"class":3880},[3859,9648,9649],{"class":3876},"result",[3859,9651,3888],{"class":3880},[3859,9653,9654],{"class":3876},"error",[3859,9656,4060],{"class":3880},[3859,9658,9659],{"class":3994},"divide",[3859,9661,3998],{"class":3880},[3859,9663,8304],{"class":3884},[3859,9665,3888],{"class":3880},[3859,9667,3891],{"class":3884},[3859,9669,4315],{"class":3880},[3859,9671,9672,9675,9677,9679],{"class":3861,"line":4662},[3859,9673,9674],{"class":6418},"if",[3859,9676,3835],{"class":3880},[3859,9678,9654],{"class":3876},[3859,9680,6434],{"class":3880},[3859,9682,9683,9685,9687,9689,9691,9693],{"class":3861,"line":4668},[3859,9684,7510],{"class":3876},[3859,9686,3991],{"class":3880},[3859,9688,9654],{"class":3994},[3859,9690,3998],{"class":3880},[3859,9692,9654],{"class":3876},[3859,9694,4315],{"class":3880},[3859,9696,9697,9700,9703],{"class":3861,"line":4673},[3859,9698,9699],{"class":3880},"} ",[3859,9701,9702],{"class":6418},"else",[3859,9704,6512],{"class":3880},[3859,9706,9707,9709,9711,9713,9715,9717],{"class":3861,"line":4679},[3859,9708,7510],{"class":3876},[3859,9710,3991],{"class":3880},[3859,9712,3995],{"class":3994},[3859,9714,3998],{"class":3880},[3859,9716,9649],{"class":3876},[3859,9718,4315],{"class":3880},[3859,9720,9721],{"class":3861,"line":4684},[3859,9722,4626],{"class":3880},[6242,9724,9725,9726,9729,9730,9733,9734,9737,9738,9741],{},"У TypeScript немає вбудованого типу для пар ключ-значення (як ",[3763,9727,9728],{},"Tuple"," або ",[3763,9731,9732],{},"Pair"," в інших мовах). Натомість використовуйте кортежі: ",[3763,9735,9736],{},"[string, number]"," для пари, ",[3763,9739,9740],{},"[string, number, boolean]"," для трійки тощо.",[3817,9743],{},[3820,9745,9747],{"id":9746},"обєкти-структури-з-іменованими-властивостями","Об'єкти: структури з іменованими властивостями",[3825,9749,9751],{"id":9750},"що-таке-обєкт-у-javascript","Що таке об'єкт у JavaScript",[3830,9753,9754,3835,9757,9760,9761,9764,9765,9729,9768,3991],{},[3782,9755,9756],{},"Об'єкт",[3837,9758,9759],{},"object",") — це колекція ",[3782,9762,9763],{},"іменованих властивостей"," (пар ключ-значення). На відміну від масивів, де доступ до елементів здійснюється через числовий індекс, у об'єктах доступ — через ",[3782,9766,9767],{},"ключ-рядок",[3782,9769,9770],{},"Symbol",[3850,9772,9774],{"className":3852,"code":9773,"language":3854,"meta":3855,"style":3855},"\u002F\u002F Створення об'єкта\nlet user = {\n  name: \"Alice\",\n  age: 28,\n  email: \"alice@example.com\",\n  isActive: true\n};\n\n\u002F\u002F Доступ до властивостей\nconsole.log(user.name);   \u002F\u002F \"Alice\" (dot notation)\nconsole.log(user[\"age\"]); \u002F\u002F 28 (bracket notation)\n\n\u002F\u002F Зміна властивостей\nuser.age = 29;\nuser[\"email\"] = \"alice.new@example.com\";\n\n\u002F\u002F Додавання нових властивостей\nuser.city = \"Kyiv\";\n\nconsole.log(user);\n\u002F\u002F {\n\u002F\u002F   name: \"Alice\",\n\u002F\u002F   age: 29,\n\u002F\u002F   email: \"alice.new@example.com\",\n\u002F\u002F   isActive: true,\n\u002F\u002F   city: \"Kyiv\"\n\u002F\u002F }\n",[3763,9775,9776,9781,9790,9799,9808,9818,9826,9831,9835,9840,9861,9883,9887,9892,9907,9923,9927,9932,9948,9952,9966,9971,9976,9981,9986,9991,9996],{"__ignoreMap":3855},[3859,9777,9778],{"class":3861,"line":3862},[3859,9779,9780],{"class":3865},"\u002F\u002F Створення об'єкта\n",[3859,9782,9783,9785,9787],{"class":3861,"line":3869},[3859,9784,3873],{"class":3872},[3859,9786,8115],{"class":3876},[3859,9788,9789],{"class":3880}," = {\n",[3859,9791,9792,9795,9797],{"class":3861,"line":3912},[3859,9793,9794],{"class":3876},"  name:",[3859,9796,4446],{"class":3922},[3859,9798,7408],{"class":3880},[3859,9800,9801,9804,9806],{"class":3861,"line":3938},[3859,9802,9803],{"class":3876},"  age:",[3859,9805,4454],{"class":3884},[3859,9807,7408],{"class":3880},[3859,9809,9810,9813,9816],{"class":3861,"line":3972},[3859,9811,9812],{"class":3876},"  email:",[3859,9814,9815],{"class":3922}," \"alice@example.com\"",[3859,9817,7408],{"class":3880},[3859,9819,9820,9823],{"class":3861,"line":3979},[3859,9821,9822],{"class":3876},"  isActive:",[3859,9824,9825],{"class":3872}," true\n",[3859,9827,9828],{"class":3861,"line":3985},[3859,9829,9830],{"class":3880},"};\n",[3859,9832,9833],{"class":3861,"line":4016},[3859,9834,3976],{"emptyLinePlaceholder":3975},[3859,9836,9837],{"class":3861,"line":4040},[3859,9838,9839],{"class":3865},"\u002F\u002F Доступ до властивостей\n",[3859,9841,9842,9844,9846,9848,9850,9852,9854,9856,9858],{"class":3861,"line":4045},[3859,9843,3988],{"class":3876},[3859,9845,3991],{"class":3880},[3859,9847,3995],{"class":3994},[3859,9849,3998],{"class":3880},[3859,9851,8354],{"class":3876},[3859,9853,3991],{"class":3880},[3859,9855,7589],{"class":3876},[3859,9857,5250],{"class":3880},[3859,9859,9860],{"class":3865},"\u002F\u002F \"Alice\" (dot notation)\n",[3859,9862,9863,9865,9867,9869,9871,9873,9875,9877,9880],{"class":3861,"line":4051},[3859,9864,3988],{"class":3876},[3859,9866,3991],{"class":3880},[3859,9868,3995],{"class":3994},[3859,9870,3998],{"class":3880},[3859,9872,8354],{"class":3876},[3859,9874,4004],{"class":3880},[3859,9876,8215],{"class":3922},[3859,9878,9879],{"class":3880},"]); ",[3859,9881,9882],{"class":3865},"\u002F\u002F 28 (bracket notation)\n",[3859,9884,9885],{"class":3861,"line":4069},[3859,9886,3976],{"emptyLinePlaceholder":3975},[3859,9888,9889],{"class":3861,"line":4355},[3859,9890,9891],{"class":3865},"\u002F\u002F Зміна властивостей\n",[3859,9893,9894,9896,9898,9900,9902,9905],{"class":3861,"line":4371},[3859,9895,8354],{"class":3876},[3859,9897,3991],{"class":3880},[3859,9899,4518],{"class":3876},[3859,9901,4132],{"class":3880},[3859,9903,9904],{"class":3884},"29",[3859,9906,4066],{"class":3880},[3859,9908,9909,9911,9913,9916,9918,9921],{"class":3861,"line":4389},[3859,9910,8354],{"class":3876},[3859,9912,4004],{"class":3880},[3859,9914,9915],{"class":3922},"\"email\"",[3859,9917,4060],{"class":3880},[3859,9919,9920],{"class":3922},"\"alice.new@example.com\"",[3859,9922,4066],{"class":3880},[3859,9924,9925],{"class":3861,"line":4656},[3859,9926,3976],{"emptyLinePlaceholder":3975},[3859,9928,9929],{"class":3861,"line":4662},[3859,9930,9931],{"class":3865},"\u002F\u002F Додавання нових властивостей\n",[3859,9933,9934,9936,9938,9941,9943,9946],{"class":3861,"line":4668},[3859,9935,8354],{"class":3876},[3859,9937,3991],{"class":3880},[3859,9939,9940],{"class":3876},"city",[3859,9942,4132],{"class":3880},[3859,9944,9945],{"class":3922},"\"Kyiv\"",[3859,9947,4066],{"class":3880},[3859,9949,9950],{"class":3861,"line":4673},[3859,9951,3976],{"emptyLinePlaceholder":3975},[3859,9953,9954,9956,9958,9960,9962,9964],{"class":3861,"line":4679},[3859,9955,3988],{"class":3876},[3859,9957,3991],{"class":3880},[3859,9959,3995],{"class":3994},[3859,9961,3998],{"class":3880},[3859,9963,8354],{"class":3876},[3859,9965,4315],{"class":3880},[3859,9967,9968],{"class":3861,"line":4684},[3859,9969,9970],{"class":3865},"\u002F\u002F {\n",[3859,9972,9973],{"class":3861,"line":4690},[3859,9974,9975],{"class":3865},"\u002F\u002F   name: \"Alice\",\n",[3859,9977,9978],{"class":3861,"line":4696},[3859,9979,9980],{"class":3865},"\u002F\u002F   age: 29,\n",[3859,9982,9983],{"class":3861,"line":4702},[3859,9984,9985],{"class":3865},"\u002F\u002F   email: \"alice.new@example.com\",\n",[3859,9987,9988],{"class":3861,"line":4708},[3859,9989,9990],{"class":3865},"\u002F\u002F   isActive: true,\n",[3859,9992,9993],{"class":3861,"line":4714},[3859,9994,9995],{"class":3865},"\u002F\u002F   city: \"Kyiv\"\n",[3859,9997,9998],{"class":3861,"line":4719},[3859,9999,10000],{"class":3865},"\u002F\u002F }\n",[3825,10002,10004],{"id":10003},"обєкти-зберігаються-за-посиланням","Об'єкти зберігаються за посиланням",[3830,10006,10007,10008,8983],{},"Так само, як масиви, об'єкти є ",[3782,10009,3843],{},[3850,10011,10013],{"className":3852,"code":10012,"language":3854,"meta":3855,"style":3855},"let original = { name: \"Alice\", age: 28 };\nlet copy = original;  \u002F\u002F копіюється ПОСИЛАННЯ\n\ncopy.age = 100;\n\nconsole.log(original.age);  \u002F\u002F 100 — оригінал теж змінився!\nconsole.log(original === copy);  \u002F\u002F true (обидва вказують на один об'єкт)\n",[3763,10014,10015,10037,10052,10056,10070,10074,10095],{"__ignoreMap":3855},[3859,10016,10017,10019,10021,10024,10026,10028,10030,10032,10034],{"class":3861,"line":3862},[3859,10018,3873],{"class":3872},[3859,10020,4108],{"class":3876},[3859,10022,10023],{"class":3880}," = { ",[3859,10025,4443],{"class":3876},[3859,10027,4446],{"class":3922},[3859,10029,3888],{"class":3880},[3859,10031,4451],{"class":3876},[3859,10033,4454],{"class":3884},[3859,10035,10036],{"class":3880}," };\n",[3859,10038,10039,10041,10043,10045,10047,10049],{"class":3861,"line":3869},[3859,10040,3873],{"class":3872},[3859,10042,4129],{"class":3876},[3859,10044,4132],{"class":3880},[3859,10046,4135],{"class":3876},[3859,10048,4138],{"class":3880},[3859,10050,10051],{"class":3865},"\u002F\u002F копіюється ПОСИЛАННЯ\n",[3859,10053,10054],{"class":3861,"line":3912},[3859,10055,3976],{"emptyLinePlaceholder":3975},[3859,10057,10058,10060,10062,10064,10066,10068],{"class":3861,"line":3938},[3859,10059,4150],{"class":3876},[3859,10061,3991],{"class":3880},[3859,10063,4518],{"class":3876},[3859,10065,4132],{"class":3880},[3859,10067,4063],{"class":3884},[3859,10069,4066],{"class":3880},[3859,10071,10072],{"class":3861,"line":3972},[3859,10073,3976],{"emptyLinePlaceholder":3975},[3859,10075,10076,10078,10080,10082,10084,10086,10088,10090,10092],{"class":3861,"line":3979},[3859,10077,3988],{"class":3876},[3859,10079,3991],{"class":3880},[3859,10081,3995],{"class":3994},[3859,10083,3998],{"class":3880},[3859,10085,4135],{"class":3876},[3859,10087,3991],{"class":3880},[3859,10089,4518],{"class":3876},[3859,10091,4082],{"class":3880},[3859,10093,10094],{"class":3865},"\u002F\u002F 100 — оригінал теж змінився!\n",[3859,10096,10097,10099,10101,10103,10105,10107,10109,10111,10113],{"class":3861,"line":3985},[3859,10098,3988],{"class":3876},[3859,10100,3991],{"class":3880},[3859,10102,3995],{"class":3994},[3859,10104,3998],{"class":3880},[3859,10106,4135],{"class":3876},[3859,10108,4222],{"class":3880},[3859,10110,4150],{"class":3876},[3859,10112,4082],{"class":3880},[3859,10114,10115],{"class":3865},"\u002F\u002F true (обидва вказують на один об'єкт)\n",[3830,10117,10118],{},[3782,10119,10120],{},"Створення справжньої копії об'єкта:",[3850,10122,10124],{"className":3852,"code":10123,"language":3854,"meta":3855,"style":3855},"let original = { name: \"Alice\", age: 28 };\n\n\u002F\u002F Спосіб 1: Spread оператор (shallow copy)\nlet copy1 = { ...original };\n\n\u002F\u002F Спосіб 2: Object.assign (shallow copy)\nlet copy2 = Object.assign({}, original);\n\ncopy1.age = 100;\nconsole.log(original.age);  \u002F\u002F 28 — не змінився ✓\n",[3763,10125,10126,10146,10150,10155,10168,10172,10177,10200,10204,10218],{"__ignoreMap":3855},[3859,10127,10128,10130,10132,10134,10136,10138,10140,10142,10144],{"class":3861,"line":3862},[3859,10129,3873],{"class":3872},[3859,10131,4108],{"class":3876},[3859,10133,10023],{"class":3880},[3859,10135,4443],{"class":3876},[3859,10137,4446],{"class":3922},[3859,10139,3888],{"class":3880},[3859,10141,4451],{"class":3876},[3859,10143,4454],{"class":3884},[3859,10145,10036],{"class":3880},[3859,10147,10148],{"class":3861,"line":3869},[3859,10149,3976],{"emptyLinePlaceholder":3975},[3859,10151,10152],{"class":3861,"line":3912},[3859,10153,10154],{"class":3865},"\u002F\u002F Спосіб 1: Spread оператор (shallow copy)\n",[3859,10156,10157,10159,10161,10164,10166],{"class":3861,"line":3938},[3859,10158,3873],{"class":3872},[3859,10160,4275],{"class":3876},[3859,10162,10163],{"class":3880}," = { ...",[3859,10165,4135],{"class":3876},[3859,10167,10036],{"class":3880},[3859,10169,10170],{"class":3861,"line":3972},[3859,10171,3976],{"emptyLinePlaceholder":3975},[3859,10173,10174],{"class":3861,"line":3979},[3859,10175,10176],{"class":3865},"\u002F\u002F Спосіб 2: Object.assign (shallow copy)\n",[3859,10178,10179,10181,10183,10185,10188,10190,10193,10196,10198],{"class":3861,"line":3985},[3859,10180,3873],{"class":3872},[3859,10182,4298],{"class":3876},[3859,10184,4132],{"class":3880},[3859,10186,10187],{"class":3876},"Object",[3859,10189,3991],{"class":3880},[3859,10191,10192],{"class":3994},"assign",[3859,10194,10195],{"class":3880},"({}, ",[3859,10197,4135],{"class":3876},[3859,10199,4315],{"class":3880},[3859,10201,10202],{"class":3861,"line":4016},[3859,10203,3976],{"emptyLinePlaceholder":3975},[3859,10205,10206,10208,10210,10212,10214,10216],{"class":3861,"line":4040},[3859,10207,4358],{"class":3876},[3859,10209,3991],{"class":3880},[3859,10211,4518],{"class":3876},[3859,10213,4132],{"class":3880},[3859,10215,4063],{"class":3884},[3859,10217,4066],{"class":3880},[3859,10219,10220,10222,10224,10226,10228,10230,10232,10234,10236],{"class":3861,"line":4045},[3859,10221,3988],{"class":3876},[3859,10223,3991],{"class":3880},[3859,10225,3995],{"class":3994},[3859,10227,3998],{"class":3880},[3859,10229,4135],{"class":3876},[3859,10231,3991],{"class":3880},[3859,10233,4518],{"class":3876},[3859,10235,4082],{"class":3880},[3859,10237,10238],{"class":3865},"\u002F\u002F 28 — не змінився ✓\n",[4406,10240,10241,10253,10379],{},[3830,10242,10243,10244,10247,10248,3835,10250,10252],{},"Spread та ",[3763,10245,10246],{},"Object.assign"," роблять ",[3782,10249,4416],{},[3837,10251,4419],{},"). Якщо об'єкт містить вкладені об'єкти, вони копіюються за посиланням:",[3850,10254,10256],{"className":3852,"code":10255,"language":3854,"meta":3855,"style":3855},"let user = {\n  name: \"Alice\",\n  address: {\n    city: \"Kyiv\",\n    country: \"Ukraine\"\n  }\n};\n\nlet copy = { ...user };\n\ncopy.address.city = \"Lviv\";  \u002F\u002F змінюємо вкладений об'єкт\n\nconsole.log(user.address.city);  \u002F\u002F \"Lviv\" — оригінал теж змінився!\n",[3763,10257,10258,10266,10274,10281,10291,10299,10303,10307,10311,10323,10327,10350,10354],{"__ignoreMap":3855},[3859,10259,10260,10262,10264],{"class":3861,"line":3862},[3859,10261,3873],{"class":3872},[3859,10263,8115],{"class":3876},[3859,10265,9789],{"class":3880},[3859,10267,10268,10270,10272],{"class":3861,"line":3869},[3859,10269,9794],{"class":3876},[3859,10271,4446],{"class":3922},[3859,10273,7408],{"class":3880},[3859,10275,10276,10279],{"class":3861,"line":3912},[3859,10277,10278],{"class":3876},"  address:",[3859,10280,6512],{"class":3880},[3859,10282,10283,10286,10289],{"class":3861,"line":3938},[3859,10284,10285],{"class":3876},"    city:",[3859,10287,10288],{"class":3922}," \"Kyiv\"",[3859,10290,7408],{"class":3880},[3859,10292,10293,10296],{"class":3861,"line":3972},[3859,10294,10295],{"class":3876},"    country:",[3859,10297,10298],{"class":3922}," \"Ukraine\"\n",[3859,10300,10301],{"class":3861,"line":3979},[3859,10302,6473],{"class":3880},[3859,10304,10305],{"class":3861,"line":3985},[3859,10306,9830],{"class":3880},[3859,10308,10309],{"class":3861,"line":4016},[3859,10310,3976],{"emptyLinePlaceholder":3975},[3859,10312,10313,10315,10317,10319,10321],{"class":3861,"line":4040},[3859,10314,3873],{"class":3872},[3859,10316,4129],{"class":3876},[3859,10318,10163],{"class":3880},[3859,10320,8354],{"class":3876},[3859,10322,10036],{"class":3880},[3859,10324,10325],{"class":3861,"line":4045},[3859,10326,3976],{"emptyLinePlaceholder":3975},[3859,10328,10329,10331,10333,10336,10338,10340,10342,10345,10347],{"class":3861,"line":4051},[3859,10330,4150],{"class":3876},[3859,10332,3991],{"class":3880},[3859,10334,10335],{"class":3876},"address",[3859,10337,3991],{"class":3880},[3859,10339,9940],{"class":3876},[3859,10341,4132],{"class":3880},[3859,10343,10344],{"class":3922},"\"Lviv\"",[3859,10346,4138],{"class":3880},[3859,10348,10349],{"class":3865},"\u002F\u002F змінюємо вкладений об'єкт\n",[3859,10351,10352],{"class":3861,"line":4069},[3859,10353,3976],{"emptyLinePlaceholder":3975},[3859,10355,10356,10358,10360,10362,10364,10366,10368,10370,10372,10374,10376],{"class":3861,"line":4355},[3859,10357,3988],{"class":3876},[3859,10359,3991],{"class":3880},[3859,10361,3995],{"class":3994},[3859,10363,3998],{"class":3880},[3859,10365,8354],{"class":3876},[3859,10367,3991],{"class":3880},[3859,10369,10335],{"class":3876},[3859,10371,3991],{"class":3880},[3859,10373,9940],{"class":3876},[3859,10375,4082],{"class":3880},[3859,10377,10378],{"class":3865},"\u002F\u002F \"Lviv\" — оригінал теж змінився!\n",[3830,10380,10381,10382,10384,10385,3991],{},"Для глибокої копії використовуйте ",[3763,10383,4566],{}," або бібліотеки на кшталт ",[3763,10386,4570],{},[3825,10388,10390],{"id":10389},"типізація-обєктів-у-typescript-inline-синтаксис","Типізація об'єктів у TypeScript: inline-синтаксис",[3830,10392,10393,10394,8983],{},"У TypeScript ви можете типізувати об'єкт безпосередньо в анотації типу через ",[3782,10395,10396],{},"inline об'єктний тип",[3850,10398,10400],{"className":4764,"code":10399,"language":4766,"meta":3855,"style":3855},"\u002F\u002F Inline об'єктний тип\nlet user: { name: string; age: number; email: string } = {\n  name: \"Alice\",\n  age: 28,\n  email: \"alice@example.com\"\n};\n\n\u002F\u002F Функція з параметром-об'єктом\nfunction greetUser(user: { name: string; age: number }): string {\n  return `Hello, ${user.name}! You are ${user.age} years old.`;\n}\n\nconsole.log(greetUser({ name: \"Bob\", age: 32 }));\n\u002F\u002F \"Hello, Bob! You are 32 years old.\"\n",[3763,10401,10402,10407,10442,10450,10458,10465,10469,10473,10478,10512,10548,10552,10556,10585],{"__ignoreMap":3855},[3859,10403,10404],{"class":3861,"line":3862},[3859,10405,10406],{"class":3865},"\u002F\u002F Inline об'єктний тип\n",[3859,10408,10409,10411,10413,10416,10418,10420,10422,10424,10426,10428,10430,10432,10435,10437,10439],{"class":3861,"line":3869},[3859,10410,3873],{"class":3872},[3859,10412,8115],{"class":3876},[3859,10414,10415],{"class":3880},": { ",[3859,10417,7589],{"class":3876},[3859,10419,4777],{"class":3880},[3859,10421,4816],{"class":4780},[3859,10423,7596],{"class":3880},[3859,10425,4518],{"class":3876},[3859,10427,4777],{"class":3880},[3859,10429,4781],{"class":4780},[3859,10431,7596],{"class":3880},[3859,10433,10434],{"class":3876},"email",[3859,10436,4777],{"class":3880},[3859,10438,4816],{"class":4780},[3859,10440,10441],{"class":3880}," } = {\n",[3859,10443,10444,10446,10448],{"class":3861,"line":3912},[3859,10445,9794],{"class":3876},[3859,10447,4446],{"class":3922},[3859,10449,7408],{"class":3880},[3859,10451,10452,10454,10456],{"class":3861,"line":3938},[3859,10453,9803],{"class":3876},[3859,10455,4454],{"class":3884},[3859,10457,7408],{"class":3880},[3859,10459,10460,10462],{"class":3861,"line":3972},[3859,10461,9812],{"class":3876},[3859,10463,10464],{"class":3922}," \"alice@example.com\"\n",[3859,10466,10467],{"class":3861,"line":3979},[3859,10468,9830],{"class":3880},[3859,10470,10471],{"class":3861,"line":3985},[3859,10472,3976],{"emptyLinePlaceholder":3975},[3859,10474,10475],{"class":3861,"line":4016},[3859,10476,10477],{"class":3865},"\u002F\u002F Функція з параметром-об'єктом\n",[3859,10479,10480,10482,10485,10487,10489,10491,10493,10495,10497,10499,10501,10503,10505,10508,10510],{"class":3861,"line":4040},[3859,10481,7433],{"class":3872},[3859,10483,10484],{"class":3994}," greetUser",[3859,10486,3998],{"class":3880},[3859,10488,8354],{"class":3876},[3859,10490,10415],{"class":3880},[3859,10492,7589],{"class":3876},[3859,10494,4777],{"class":3880},[3859,10496,4816],{"class":4780},[3859,10498,7596],{"class":3880},[3859,10500,4518],{"class":3876},[3859,10502,4777],{"class":3880},[3859,10504,4781],{"class":4780},[3859,10506,10507],{"class":3880}," }): ",[3859,10509,4816],{"class":4780},[3859,10511,6512],{"class":3880},[3859,10513,10514,10516,10519,10521,10523,10526,10528,10530,10533,10535,10537,10539,10541,10543,10546],{"class":3861,"line":4045},[3859,10515,8893],{"class":6418},[3859,10517,10518],{"class":3922}," `Hello, ",[3859,10520,6552],{"class":3872},[3859,10522,8354],{"class":3876},[3859,10524,3991],{"class":10525},"sD7JJ",[3859,10527,7589],{"class":3876},[3859,10529,6557],{"class":3872},[3859,10531,10532],{"class":3922},"! You are ",[3859,10534,6552],{"class":3872},[3859,10536,8354],{"class":3876},[3859,10538,3991],{"class":10525},[3859,10540,4518],{"class":3876},[3859,10542,6557],{"class":3872},[3859,10544,10545],{"class":3922}," years old.`",[3859,10547,4066],{"class":3880},[3859,10549,10550],{"class":3861,"line":4051},[3859,10551,4626],{"class":3880},[3859,10553,10554],{"class":3861,"line":4069},[3859,10555,3976],{"emptyLinePlaceholder":3975},[3859,10557,10558,10560,10562,10564,10566,10569,10572,10574,10576,10578,10580,10582],{"class":3861,"line":4355},[3859,10559,3988],{"class":3876},[3859,10561,3991],{"class":3880},[3859,10563,3995],{"class":3994},[3859,10565,3998],{"class":3880},[3859,10567,10568],{"class":3994},"greetUser",[3859,10570,10571],{"class":3880},"({ ",[3859,10573,4443],{"class":3876},[3859,10575,4466],{"class":3922},[3859,10577,3888],{"class":3880},[3859,10579,4451],{"class":3876},[3859,10581,4473],{"class":3884},[3859,10583,10584],{"class":3880}," }));\n",[3859,10586,10587],{"class":3861,"line":4371},[3859,10588,10589],{"class":3865},"\u002F\u002F \"Hello, Bob! You are 32 years old.\"\n",[3830,10591,10592],{},[3782,10593,10594],{},"Синтаксис inline типу:",[3747,10596,10597,10603,10609],{},[3750,10598,10599,10600],{},"Фігурні дужки ",[3763,10601,10602],{},"{ }",[3750,10604,10605,10606],{},"Імена властивостей з типами: ",[3763,10607,10608],{},"name: string",[3750,10610,10611,10612,10615,10616,10619],{},"Розділювач: крапка з комою ",[3763,10613,10614],{},";"," або кома ",[3763,10617,10618],{},","," (обидва варіанти валідні)",[3850,10621,10623],{"className":4764,"code":10622,"language":4766,"meta":3855,"style":3855},"\u002F\u002F Обидва синтаксиси однакові:\nlet user1: { name: string; age: number } = { name: \"Alice\", age: 28 };\nlet user2: { name: string, age: number } = { name: \"Bob\", age: 32 };\n\n\u002F\u002F Рекомендується використовувати крапку з комою (;) для консистентності\n",[3763,10624,10625,10630,10667,10703,10707],{"__ignoreMap":3855},[3859,10626,10627],{"class":3861,"line":3862},[3859,10628,10629],{"class":3865},"\u002F\u002F Обидва синтаксиси однакові:\n",[3859,10631,10632,10634,10636,10638,10640,10642,10644,10646,10648,10650,10652,10655,10657,10659,10661,10663,10665],{"class":3861,"line":3869},[3859,10633,3873],{"class":3872},[3859,10635,9038],{"class":3876},[3859,10637,10415],{"class":3880},[3859,10639,7589],{"class":3876},[3859,10641,4777],{"class":3880},[3859,10643,4816],{"class":4780},[3859,10645,7596],{"class":3880},[3859,10647,4518],{"class":3876},[3859,10649,4777],{"class":3880},[3859,10651,4781],{"class":4780},[3859,10653,10654],{"class":3880}," } = { ",[3859,10656,4443],{"class":3876},[3859,10658,4446],{"class":3922},[3859,10660,3888],{"class":3880},[3859,10662,4451],{"class":3876},[3859,10664,4454],{"class":3884},[3859,10666,10036],{"class":3880},[3859,10668,10669,10671,10673,10675,10677,10679,10681,10683,10685,10687,10689,10691,10693,10695,10697,10699,10701],{"class":3861,"line":3912},[3859,10670,3873],{"class":3872},[3859,10672,9067],{"class":3876},[3859,10674,10415],{"class":3880},[3859,10676,7589],{"class":3876},[3859,10678,4777],{"class":3880},[3859,10680,4816],{"class":4780},[3859,10682,3888],{"class":3880},[3859,10684,4518],{"class":3876},[3859,10686,4777],{"class":3880},[3859,10688,4781],{"class":4780},[3859,10690,10654],{"class":3880},[3859,10692,4443],{"class":3876},[3859,10694,4466],{"class":3922},[3859,10696,3888],{"class":3880},[3859,10698,4451],{"class":3876},[3859,10700,4473],{"class":3884},[3859,10702,10036],{"class":3880},[3859,10704,10705],{"class":3861,"line":3938},[3859,10706,3976],{"emptyLinePlaceholder":3975},[3859,10708,10709],{"class":3861,"line":3972},[3859,10710,10711],{"class":3865},"\u002F\u002F Рекомендується використовувати крапку з комою (;) для консистентності\n",[3825,10713,10715],{"id":10714},"typescript-перевіряє-структуру-обєкта","TypeScript перевіряє структуру об'єкта",[3830,10717,10718,10719,10722,10723,8983],{},"TypeScript строго перевіряє, що об'єкт має ",[3782,10720,10721],{},"всі обов'язкові"," властивості та ",[3782,10724,10725],{},"не має зайвих",[3850,10727,10729],{"className":4764,"code":10728,"language":4766,"meta":3855,"style":3855},"let user: { name: string; age: number } = {\n  name: \"Alice\",\n  age: 28\n};  \u002F\u002F OK\n\n\u002F\u002F ❌ Помилка: відсутня властивість age\nlet incomplete: { name: string; age: number } = {\n  name: \"Bob\"\n};\n\u002F\u002F Error: Property 'age' is missing in type '{ name: string; }' but required in type '{ name: string; age: number; }'\n\n\u002F\u002F ❌ Помилка: зайва властивість email\nlet extra: { name: string; age: number } = {\n  name: \"Charlie\",\n  age: 25,\n  email: \"charlie@example.com\"\n};\n\u002F\u002F Error: Object literal may only specify known properties, and 'email' does not exist in type '{ name: string; age: number; }'\n",[3763,10730,10731,10755,10763,10770,10777,10781,10786,10811,10818,10822,10827,10831,10836,10861,10870,10879,10886,10890],{"__ignoreMap":3855},[3859,10732,10733,10735,10737,10739,10741,10743,10745,10747,10749,10751,10753],{"class":3861,"line":3862},[3859,10734,3873],{"class":3872},[3859,10736,8115],{"class":3876},[3859,10738,10415],{"class":3880},[3859,10740,7589],{"class":3876},[3859,10742,4777],{"class":3880},[3859,10744,4816],{"class":4780},[3859,10746,7596],{"class":3880},[3859,10748,4518],{"class":3876},[3859,10750,4777],{"class":3880},[3859,10752,4781],{"class":4780},[3859,10754,10441],{"class":3880},[3859,10756,10757,10759,10761],{"class":3861,"line":3869},[3859,10758,9794],{"class":3876},[3859,10760,4446],{"class":3922},[3859,10762,7408],{"class":3880},[3859,10764,10765,10767],{"class":3861,"line":3912},[3859,10766,9803],{"class":3876},[3859,10768,10769],{"class":3884}," 28\n",[3859,10771,10772,10775],{"class":3861,"line":3938},[3859,10773,10774],{"class":3880},"};  ",[3859,10776,5235],{"class":3865},[3859,10778,10779],{"class":3861,"line":3972},[3859,10780,3976],{"emptyLinePlaceholder":3975},[3859,10782,10783],{"class":3861,"line":3979},[3859,10784,10785],{"class":3865},"\u002F\u002F ❌ Помилка: відсутня властивість age\n",[3859,10787,10788,10790,10793,10795,10797,10799,10801,10803,10805,10807,10809],{"class":3861,"line":3985},[3859,10789,3873],{"class":3872},[3859,10791,10792],{"class":3876}," incomplete",[3859,10794,10415],{"class":3880},[3859,10796,7589],{"class":3876},[3859,10798,4777],{"class":3880},[3859,10800,4816],{"class":4780},[3859,10802,7596],{"class":3880},[3859,10804,4518],{"class":3876},[3859,10806,4777],{"class":3880},[3859,10808,4781],{"class":4780},[3859,10810,10441],{"class":3880},[3859,10812,10813,10815],{"class":3861,"line":4016},[3859,10814,9794],{"class":3876},[3859,10816,10817],{"class":3922}," \"Bob\"\n",[3859,10819,10820],{"class":3861,"line":4040},[3859,10821,9830],{"class":3880},[3859,10823,10824],{"class":3861,"line":4045},[3859,10825,10826],{"class":3865},"\u002F\u002F Error: Property 'age' is missing in type '{ name: string; }' but required in type '{ name: string; age: number; }'\n",[3859,10828,10829],{"class":3861,"line":4051},[3859,10830,3976],{"emptyLinePlaceholder":3975},[3859,10832,10833],{"class":3861,"line":4069},[3859,10834,10835],{"class":3865},"\u002F\u002F ❌ Помилка: зайва властивість email\n",[3859,10837,10838,10840,10843,10845,10847,10849,10851,10853,10855,10857,10859],{"class":3861,"line":4355},[3859,10839,3873],{"class":3872},[3859,10841,10842],{"class":3876}," extra",[3859,10844,10415],{"class":3880},[3859,10846,7589],{"class":3876},[3859,10848,4777],{"class":3880},[3859,10850,4816],{"class":4780},[3859,10852,7596],{"class":3880},[3859,10854,4518],{"class":3876},[3859,10856,4777],{"class":3880},[3859,10858,4781],{"class":4780},[3859,10860,10441],{"class":3880},[3859,10862,10863,10865,10868],{"class":3861,"line":4371},[3859,10864,9794],{"class":3876},[3859,10866,10867],{"class":3922}," \"Charlie\"",[3859,10869,7408],{"class":3880},[3859,10871,10872,10874,10877],{"class":3861,"line":4389},[3859,10873,9803],{"class":3876},[3859,10875,10876],{"class":3884}," 25",[3859,10878,7408],{"class":3880},[3859,10880,10881,10883],{"class":3861,"line":4656},[3859,10882,9812],{"class":3876},[3859,10884,10885],{"class":3922}," \"charlie@example.com\"\n",[3859,10887,10888],{"class":3861,"line":4662},[3859,10889,9830],{"class":3880},[3859,10891,10892],{"class":3861,"line":4668},[3859,10893,10894],{"class":3865},"\u002F\u002F Error: Object literal may only specify known properties, and 'email' does not exist in type '{ name: string; age: number; }'\n",[10896,10897,10898,10909,11047],"note",{},[3830,10899,10900,10901,10904,10905,10908],{},"TypeScript застосовує ",[3782,10902,10903],{},"excess property checking"," (перевірку зайвих властивостей) лише для ",[3782,10906,10907],{},"об'єктних літералів",", що безпосередньо присвоюються змінній або передаються у функцію. Якщо ви спочатку створюєте об'єкт, а потім передаєте його, TypeScript менш строгий:",[3850,10910,10912],{"className":4764,"code":10911,"language":4766,"meta":3855,"style":3855},"function greet(user: { name: string }): void {\n  console.log(`Hello, ${user.name}!`);\n}\n\n\u002F\u002F ❌ Помилка: зайва властивість\ngreet({ name: \"Alice\", age: 28 });\n\u002F\u002F Error: Object literal may only specify known properties\n\n\u002F\u002F ✅ OK: об'єкт створений окремо\nlet user = { name: \"Bob\", age: 32 };\ngreet(user);  \u002F\u002F OK! TypeScript перевіряє лише наявність name\n",[3763,10913,10914,10939,10967,10971,10975,10980,11000,11005,11009,11014,11034],{"__ignoreMap":3855},[3859,10915,10916,10918,10921,10923,10925,10927,10929,10931,10933,10935,10937],{"class":3861,"line":3862},[3859,10917,7433],{"class":3872},[3859,10919,10920],{"class":3994}," greet",[3859,10922,3998],{"class":3880},[3859,10924,8354],{"class":3876},[3859,10926,10415],{"class":3880},[3859,10928,7589],{"class":3876},[3859,10930,4777],{"class":3880},[3859,10932,4816],{"class":4780},[3859,10934,10507],{"class":3880},[3859,10936,7451],{"class":4780},[3859,10938,6512],{"class":3880},[3859,10940,10941,10943,10945,10947,10949,10952,10954,10956,10958,10960,10962,10965],{"class":3861,"line":3869},[3859,10942,7510],{"class":3876},[3859,10944,3991],{"class":3880},[3859,10946,3995],{"class":3994},[3859,10948,3998],{"class":3880},[3859,10950,10951],{"class":3922},"`Hello, ",[3859,10953,6552],{"class":3872},[3859,10955,8354],{"class":3876},[3859,10957,3991],{"class":10525},[3859,10959,7589],{"class":3876},[3859,10961,6557],{"class":3872},[3859,10963,10964],{"class":3922},"!`",[3859,10966,4315],{"class":3880},[3859,10968,10969],{"class":3861,"line":3912},[3859,10970,4626],{"class":3880},[3859,10972,10973],{"class":3861,"line":3938},[3859,10974,3976],{"emptyLinePlaceholder":3975},[3859,10976,10977],{"class":3861,"line":3972},[3859,10978,10979],{"class":3865},"\u002F\u002F ❌ Помилка: зайва властивість\n",[3859,10981,10982,10985,10987,10989,10991,10993,10995,10997],{"class":3861,"line":3979},[3859,10983,10984],{"class":3994},"greet",[3859,10986,10571],{"class":3880},[3859,10988,4443],{"class":3876},[3859,10990,4446],{"class":3922},[3859,10992,3888],{"class":3880},[3859,10994,4451],{"class":3876},[3859,10996,4454],{"class":3884},[3859,10998,10999],{"class":3880}," });\n",[3859,11001,11002],{"class":3861,"line":3985},[3859,11003,11004],{"class":3865},"\u002F\u002F Error: Object literal may only specify known properties\n",[3859,11006,11007],{"class":3861,"line":4016},[3859,11008,3976],{"emptyLinePlaceholder":3975},[3859,11010,11011],{"class":3861,"line":4040},[3859,11012,11013],{"class":3865},"\u002F\u002F ✅ OK: об'єкт створений окремо\n",[3859,11015,11016,11018,11020,11022,11024,11026,11028,11030,11032],{"class":3861,"line":4045},[3859,11017,3873],{"class":3872},[3859,11019,8115],{"class":3876},[3859,11021,10023],{"class":3880},[3859,11023,4443],{"class":3876},[3859,11025,4466],{"class":3922},[3859,11027,3888],{"class":3880},[3859,11029,4451],{"class":3876},[3859,11031,4473],{"class":3884},[3859,11033,10036],{"class":3880},[3859,11035,11036,11038,11040,11042,11044],{"class":3861,"line":4051},[3859,11037,10984],{"class":3994},[3859,11039,3998],{"class":3880},[3859,11041,8354],{"class":3876},[3859,11043,4082],{"class":3880},[3859,11045,11046],{"class":3865},"\u002F\u002F OK! TypeScript перевіряє лише наявність name\n",[3830,11048,11049,11050,11053],{},"Це називається ",[3782,11051,11052],{},"structural typing"," (структурна типізація): якщо об'єкт має всі необхідні властивості, він підходить, навіть якщо має зайві.",[3825,11055,11057],{"id":11056},"вкладені-обєктні-типи","Вкладені об'єктні типи",[3830,11059,11060],{},"Об'єкти можуть містити інші об'єкти:",[3850,11062,11064],{"className":4764,"code":11063,"language":4766,"meta":3855,"style":3855},"let user: {\n  name: string;\n  age: number;\n  address: {\n    city: string;\n    country: string;\n  };\n} = {\n  name: \"Alice\",\n  age: 28,\n  address: {\n    city: \"Kyiv\",\n    country: \"Ukraine\"\n  }\n};\n\n\u002F\u002F Доступ до вкладених властивостей\nconsole.log(user.address.city);  \u002F\u002F \"Kyiv\"\n\n\u002F\u002F Зміна вкладених властивостей\nuser.address.city = \"Lviv\";\n",[3763,11065,11066,11075,11086,11097,11104,11115,11126,11131,11136,11144,11152,11158,11166,11172,11176,11180,11184,11189,11214,11218,11223],{"__ignoreMap":3855},[3859,11067,11068,11070,11072],{"class":3861,"line":3862},[3859,11069,3873],{"class":3872},[3859,11071,8115],{"class":3876},[3859,11073,11074],{"class":3880},": {\n",[3859,11076,11077,11080,11082,11084],{"class":3861,"line":3869},[3859,11078,11079],{"class":3876},"  name",[3859,11081,4777],{"class":3880},[3859,11083,4816],{"class":4780},[3859,11085,4066],{"class":3880},[3859,11087,11088,11091,11093,11095],{"class":3861,"line":3912},[3859,11089,11090],{"class":3876},"  age",[3859,11092,4777],{"class":3880},[3859,11094,4781],{"class":4780},[3859,11096,4066],{"class":3880},[3859,11098,11099,11102],{"class":3861,"line":3938},[3859,11100,11101],{"class":3876},"  address",[3859,11103,11074],{"class":3880},[3859,11105,11106,11109,11111,11113],{"class":3861,"line":3972},[3859,11107,11108],{"class":3876},"    city",[3859,11110,4777],{"class":3880},[3859,11112,4816],{"class":4780},[3859,11114,4066],{"class":3880},[3859,11116,11117,11120,11122,11124],{"class":3861,"line":3979},[3859,11118,11119],{"class":3876},"    country",[3859,11121,4777],{"class":3880},[3859,11123,4816],{"class":4780},[3859,11125,4066],{"class":3880},[3859,11127,11128],{"class":3861,"line":3985},[3859,11129,11130],{"class":3880},"  };\n",[3859,11132,11133],{"class":3861,"line":4016},[3859,11134,11135],{"class":3880},"} = {\n",[3859,11137,11138,11140,11142],{"class":3861,"line":4040},[3859,11139,9794],{"class":3876},[3859,11141,4446],{"class":3922},[3859,11143,7408],{"class":3880},[3859,11145,11146,11148,11150],{"class":3861,"line":4045},[3859,11147,9803],{"class":3876},[3859,11149,4454],{"class":3884},[3859,11151,7408],{"class":3880},[3859,11153,11154,11156],{"class":3861,"line":4051},[3859,11155,10278],{"class":3876},[3859,11157,6512],{"class":3880},[3859,11159,11160,11162,11164],{"class":3861,"line":4069},[3859,11161,10285],{"class":3876},[3859,11163,10288],{"class":3922},[3859,11165,7408],{"class":3880},[3859,11167,11168,11170],{"class":3861,"line":4355},[3859,11169,10295],{"class":3876},[3859,11171,10298],{"class":3922},[3859,11173,11174],{"class":3861,"line":4371},[3859,11175,6473],{"class":3880},[3859,11177,11178],{"class":3861,"line":4389},[3859,11179,9830],{"class":3880},[3859,11181,11182],{"class":3861,"line":4656},[3859,11183,3976],{"emptyLinePlaceholder":3975},[3859,11185,11186],{"class":3861,"line":4662},[3859,11187,11188],{"class":3865},"\u002F\u002F Доступ до вкладених властивостей\n",[3859,11190,11191,11193,11195,11197,11199,11201,11203,11205,11207,11209,11211],{"class":3861,"line":4668},[3859,11192,3988],{"class":3876},[3859,11194,3991],{"class":3880},[3859,11196,3995],{"class":3994},[3859,11198,3998],{"class":3880},[3859,11200,8354],{"class":3876},[3859,11202,3991],{"class":3880},[3859,11204,10335],{"class":3876},[3859,11206,3991],{"class":3880},[3859,11208,9940],{"class":3876},[3859,11210,4082],{"class":3880},[3859,11212,11213],{"class":3865},"\u002F\u002F \"Kyiv\"\n",[3859,11215,11216],{"class":3861,"line":4673},[3859,11217,3976],{"emptyLinePlaceholder":3975},[3859,11219,11220],{"class":3861,"line":4679},[3859,11221,11222],{"class":3865},"\u002F\u002F Зміна вкладених властивостей\n",[3859,11224,11225,11227,11229,11231,11233,11235,11237,11239],{"class":3861,"line":4684},[3859,11226,8354],{"class":3876},[3859,11228,3991],{"class":3880},[3859,11230,10335],{"class":3876},[3859,11232,3991],{"class":3880},[3859,11234,9940],{"class":3876},[3859,11236,4132],{"class":3880},[3859,11238,10344],{"class":3922},[3859,11240,4066],{"class":3880},[3830,11242,11243],{},[3782,11244,11245],{},"Масиви об'єктів:",[3850,11247,11249],{"className":4764,"code":11248,"language":4766,"meta":3855,"style":3855},"let users: { name: string; age: number }[] = [\n  { name: \"Alice\", age: 28 },\n  { name: \"Bob\", age: 32 },\n  { name: \"Charlie\", age: 25 }\n];\n\n\u002F\u002F Доступ до елементів\nconsole.log(users[0].name);  \u002F\u002F \"Alice\"\n\n\u002F\u002F Ітерація\nusers.forEach(user => {\n  console.log(`${user.name} is ${user.age} years old`);\n});\n\n\u002F\u002F Фільтрація\nlet adults = users.filter(user => user.age >= 30);\nconsole.log(adults);  \u002F\u002F [{ name: \"Bob\", age: 32 }]\n",[3763,11250,11251,11275,11291,11307,11323,11327,11331,11335,11360,11364,11369,11385,11425,11429,11433,11438,11473],{"__ignoreMap":3855},[3859,11252,11253,11255,11257,11259,11261,11263,11265,11267,11269,11271,11273],{"class":3861,"line":3862},[3859,11254,3873],{"class":3872},[3859,11256,4432],{"class":3876},[3859,11258,10415],{"class":3880},[3859,11260,7589],{"class":3876},[3859,11262,4777],{"class":3880},[3859,11264,4816],{"class":4780},[3859,11266,7596],{"class":3880},[3859,11268,4518],{"class":3876},[3859,11270,4777],{"class":3880},[3859,11272,4781],{"class":4780},[3859,11274,7605],{"class":3880},[3859,11276,11277,11279,11281,11283,11285,11287,11289],{"class":3861,"line":3869},[3859,11278,4440],{"class":3880},[3859,11280,4443],{"class":3876},[3859,11282,4446],{"class":3922},[3859,11284,3888],{"class":3880},[3859,11286,4451],{"class":3876},[3859,11288,4454],{"class":3884},[3859,11290,4457],{"class":3880},[3859,11292,11293,11295,11297,11299,11301,11303,11305],{"class":3861,"line":3912},[3859,11294,4440],{"class":3880},[3859,11296,4443],{"class":3876},[3859,11298,4466],{"class":3922},[3859,11300,3888],{"class":3880},[3859,11302,4451],{"class":3876},[3859,11304,4473],{"class":3884},[3859,11306,4457],{"class":3880},[3859,11308,11309,11311,11313,11315,11317,11319,11321],{"class":3861,"line":3938},[3859,11310,4440],{"class":3880},[3859,11312,4443],{"class":3876},[3859,11314,10867],{"class":3922},[3859,11316,3888],{"class":3880},[3859,11318,4451],{"class":3876},[3859,11320,10876],{"class":3884},[3859,11322,4476],{"class":3880},[3859,11324,11325],{"class":3861,"line":3972},[3859,11326,3909],{"class":3880},[3859,11328,11329],{"class":3861,"line":3979},[3859,11330,3976],{"emptyLinePlaceholder":3975},[3859,11332,11333],{"class":3861,"line":3985},[3859,11334,6352],{"class":3865},[3859,11336,11337,11339,11341,11343,11345,11347,11349,11351,11353,11355,11357],{"class":3861,"line":4016},[3859,11338,3988],{"class":3876},[3859,11340,3991],{"class":3880},[3859,11342,3995],{"class":3994},[3859,11344,3998],{"class":3880},[3859,11346,4495],{"class":3876},[3859,11348,4004],{"class":3880},[3859,11350,4007],{"class":3884},[3859,11352,4515],{"class":3880},[3859,11354,7589],{"class":3876},[3859,11356,4082],{"class":3880},[3859,11358,11359],{"class":3865},"\u002F\u002F \"Alice\"\n",[3859,11361,11362],{"class":3861,"line":4040},[3859,11363,3976],{"emptyLinePlaceholder":3975},[3859,11365,11366],{"class":3861,"line":4045},[3859,11367,11368],{"class":3865},"\u002F\u002F Ітерація\n",[3859,11370,11371,11373,11375,11377,11379,11381,11383],{"class":3861,"line":4051},[3859,11372,4495],{"class":3876},[3859,11374,3991],{"class":3880},[3859,11376,6495],{"class":3994},[3859,11378,3998],{"class":3880},[3859,11380,8354],{"class":3876},[3859,11382,7259],{"class":3872},[3859,11384,6512],{"class":3880},[3859,11386,11387,11389,11391,11393,11395,11397,11399,11401,11403,11405,11407,11410,11412,11414,11416,11418,11420,11423],{"class":3861,"line":4069},[3859,11388,7510],{"class":3876},[3859,11390,3991],{"class":3880},[3859,11392,3995],{"class":3994},[3859,11394,3998],{"class":3880},[3859,11396,6576],{"class":3922},[3859,11398,6552],{"class":3872},[3859,11400,8354],{"class":3876},[3859,11402,3991],{"class":10525},[3859,11404,7589],{"class":3876},[3859,11406,6557],{"class":3872},[3859,11408,11409],{"class":3922}," is ",[3859,11411,6552],{"class":3872},[3859,11413,8354],{"class":3876},[3859,11415,3991],{"class":10525},[3859,11417,4518],{"class":3876},[3859,11419,6557],{"class":3872},[3859,11421,11422],{"class":3922}," years old`",[3859,11424,4315],{"class":3880},[3859,11426,11427],{"class":3861,"line":4355},[3859,11428,6588],{"class":3880},[3859,11430,11431],{"class":3861,"line":4371},[3859,11432,3976],{"emptyLinePlaceholder":3975},[3859,11434,11435],{"class":3861,"line":4389},[3859,11436,11437],{"class":3865},"\u002F\u002F Фільтрація\n",[3859,11439,11440,11442,11445,11447,11449,11451,11453,11455,11457,11459,11461,11463,11465,11468,11471],{"class":3861,"line":4656},[3859,11441,3873],{"class":3872},[3859,11443,11444],{"class":3876}," adults",[3859,11446,4132],{"class":3880},[3859,11448,4495],{"class":3876},[3859,11450,3991],{"class":3880},[3859,11452,5724],{"class":3994},[3859,11454,3998],{"class":3880},[3859,11456,8354],{"class":3876},[3859,11458,7259],{"class":3872},[3859,11460,8115],{"class":3876},[3859,11462,3991],{"class":3880},[3859,11464,4518],{"class":3876},[3859,11466,11467],{"class":3880}," >= ",[3859,11469,11470],{"class":3884},"30",[3859,11472,4315],{"class":3880},[3859,11474,11475,11477,11479,11481,11483,11486,11488],{"class":3861,"line":4662},[3859,11476,3988],{"class":3876},[3859,11478,3991],{"class":3880},[3859,11480,3995],{"class":3994},[3859,11482,3998],{"class":3880},[3859,11484,11485],{"class":3876},"adults",[3859,11487,4082],{"class":3880},[3859,11489,11490],{"class":3865},"\u002F\u002F [{ name: \"Bob\", age: 32 }]\n",[3825,11492,11494],{"id":11493},"опціональні-властивості","Опціональні властивості",[3830,11496,11497,11498,8983],{},"Якщо властивість може бути відсутня, позначте її через ",[3763,11499,8982],{},[3850,11501,11503],{"className":4764,"code":11502,"language":4766,"meta":3855,"style":3855},"let user: {\n  name: string;\n  age: number;\n  email?: string;  \u002F\u002F опціональна властивість\n} = {\n  name: \"Alice\",\n  age: 28\n  \u002F\u002F email відсутній — це OK!\n};\n\n\u002F\u002F TypeScript знає, що email може бути undefined\nlet email: string | undefined = user.email;\n\nif (user.email) {\n  console.log(`Email: ${user.email}`);\n} else {\n  console.log(\"Email not provided\");\n}\n",[3763,11504,11505,11513,11523,11533,11548,11552,11560,11566,11571,11575,11579,11584,11609,11613,11627,11654,11662,11677],{"__ignoreMap":3855},[3859,11506,11507,11509,11511],{"class":3861,"line":3862},[3859,11508,3873],{"class":3872},[3859,11510,8115],{"class":3876},[3859,11512,11074],{"class":3880},[3859,11514,11515,11517,11519,11521],{"class":3861,"line":3869},[3859,11516,11079],{"class":3876},[3859,11518,4777],{"class":3880},[3859,11520,4816],{"class":4780},[3859,11522,4066],{"class":3880},[3859,11524,11525,11527,11529,11531],{"class":3861,"line":3912},[3859,11526,11090],{"class":3876},[3859,11528,4777],{"class":3880},[3859,11530,4781],{"class":4780},[3859,11532,4066],{"class":3880},[3859,11534,11535,11538,11541,11543,11545],{"class":3861,"line":3938},[3859,11536,11537],{"class":3876},"  email",[3859,11539,11540],{"class":3880},"?: ",[3859,11542,4816],{"class":4780},[3859,11544,4138],{"class":3880},[3859,11546,11547],{"class":3865},"\u002F\u002F опціональна властивість\n",[3859,11549,11550],{"class":3861,"line":3972},[3859,11551,11135],{"class":3880},[3859,11553,11554,11556,11558],{"class":3861,"line":3979},[3859,11555,9794],{"class":3876},[3859,11557,4446],{"class":3922},[3859,11559,7408],{"class":3880},[3859,11561,11562,11564],{"class":3861,"line":3985},[3859,11563,9803],{"class":3876},[3859,11565,10769],{"class":3884},[3859,11567,11568],{"class":3861,"line":4016},[3859,11569,11570],{"class":3865},"  \u002F\u002F email відсутній — це OK!\n",[3859,11572,11573],{"class":3861,"line":4040},[3859,11574,9830],{"class":3880},[3859,11576,11577],{"class":3861,"line":4045},[3859,11578,3976],{"emptyLinePlaceholder":3975},[3859,11580,11581],{"class":3861,"line":4051},[3859,11582,11583],{"class":3865},"\u002F\u002F TypeScript знає, що email може бути undefined\n",[3859,11585,11586,11588,11591,11593,11595,11597,11599,11601,11603,11605,11607],{"class":3861,"line":4069},[3859,11587,3873],{"class":3872},[3859,11589,11590],{"class":3876}," email",[3859,11592,4777],{"class":3880},[3859,11594,4816],{"class":4780},[3859,11596,5438],{"class":3880},[3859,11598,5441],{"class":4780},[3859,11600,4132],{"class":3880},[3859,11602,8354],{"class":3876},[3859,11604,3991],{"class":3880},[3859,11606,10434],{"class":3876},[3859,11608,4066],{"class":3880},[3859,11610,11611],{"class":3861,"line":4355},[3859,11612,3976],{"emptyLinePlaceholder":3975},[3859,11614,11615,11617,11619,11621,11623,11625],{"class":3861,"line":4371},[3859,11616,9674],{"class":6418},[3859,11618,3835],{"class":3880},[3859,11620,8354],{"class":3876},[3859,11622,3991],{"class":3880},[3859,11624,10434],{"class":3876},[3859,11626,6434],{"class":3880},[3859,11628,11629,11631,11633,11635,11637,11640,11642,11644,11646,11648,11650,11652],{"class":3861,"line":4389},[3859,11630,7510],{"class":3876},[3859,11632,3991],{"class":3880},[3859,11634,3995],{"class":3994},[3859,11636,3998],{"class":3880},[3859,11638,11639],{"class":3922},"`Email: ",[3859,11641,6552],{"class":3872},[3859,11643,8354],{"class":3876},[3859,11645,3991],{"class":10525},[3859,11647,10434],{"class":3876},[3859,11649,6557],{"class":3872},[3859,11651,6576],{"class":3922},[3859,11653,4315],{"class":3880},[3859,11655,11656,11658,11660],{"class":3861,"line":4656},[3859,11657,9699],{"class":3880},[3859,11659,9702],{"class":6418},[3859,11661,6512],{"class":3880},[3859,11663,11664,11666,11668,11670,11672,11675],{"class":3861,"line":4662},[3859,11665,7510],{"class":3876},[3859,11667,3991],{"class":3880},[3859,11669,3995],{"class":3994},[3859,11671,3998],{"class":3880},[3859,11673,11674],{"class":3922},"\"Email not provided\"",[3859,11676,4315],{"class":3880},[3859,11678,11679],{"class":3861,"line":4668},[3859,11680,4626],{"class":3880},[3830,11682,11683],{},[3782,11684,11685],{},"Опціональна властивість vs undefined:",[3850,11687,11689],{"className":4764,"code":11688,"language":4766,"meta":3855,"style":3855},"\u002F\u002F Опціональна властивість: може бути відсутня\nlet user1: { name: string; email?: string } = { name: \"Alice\" };\n\n\u002F\u002F Явно undefined: властивість ОБОВ'ЯЗКОВА, але може бути undefined\nlet user2: { name: string; email: string | undefined } = { name: \"Bob\", email: undefined };\n\n\u002F\u002F user1 може не мати email взагалі\n\u002F\u002F user2 ПОВИНЕН мати email, навіть якщо це undefined\n",[3763,11690,11691,11696,11726,11730,11735,11777,11781,11786],{"__ignoreMap":3855},[3859,11692,11693],{"class":3861,"line":3862},[3859,11694,11695],{"class":3865},"\u002F\u002F Опціональна властивість: може бути відсутня\n",[3859,11697,11698,11700,11702,11704,11706,11708,11710,11712,11714,11716,11718,11720,11722,11724],{"class":3861,"line":3869},[3859,11699,3873],{"class":3872},[3859,11701,9038],{"class":3876},[3859,11703,10415],{"class":3880},[3859,11705,7589],{"class":3876},[3859,11707,4777],{"class":3880},[3859,11709,4816],{"class":4780},[3859,11711,7596],{"class":3880},[3859,11713,10434],{"class":3876},[3859,11715,11540],{"class":3880},[3859,11717,4816],{"class":4780},[3859,11719,10654],{"class":3880},[3859,11721,4443],{"class":3876},[3859,11723,4446],{"class":3922},[3859,11725,10036],{"class":3880},[3859,11727,11728],{"class":3861,"line":3912},[3859,11729,3976],{"emptyLinePlaceholder":3975},[3859,11731,11732],{"class":3861,"line":3938},[3859,11733,11734],{"class":3865},"\u002F\u002F Явно undefined: властивість ОБОВ'ЯЗКОВА, але може бути undefined\n",[3859,11736,11737,11739,11741,11743,11745,11747,11749,11751,11753,11755,11757,11759,11761,11763,11765,11767,11769,11772,11775],{"class":3861,"line":3972},[3859,11738,3873],{"class":3872},[3859,11740,9067],{"class":3876},[3859,11742,10415],{"class":3880},[3859,11744,7589],{"class":3876},[3859,11746,4777],{"class":3880},[3859,11748,4816],{"class":4780},[3859,11750,7596],{"class":3880},[3859,11752,10434],{"class":3876},[3859,11754,4777],{"class":3880},[3859,11756,4816],{"class":4780},[3859,11758,5438],{"class":3880},[3859,11760,5441],{"class":4780},[3859,11762,10654],{"class":3880},[3859,11764,4443],{"class":3876},[3859,11766,4466],{"class":3922},[3859,11768,3888],{"class":3880},[3859,11770,11771],{"class":3876},"email:",[3859,11773,11774],{"class":3872}," undefined",[3859,11776,10036],{"class":3880},[3859,11778,11779],{"class":3861,"line":3979},[3859,11780,3976],{"emptyLinePlaceholder":3975},[3859,11782,11783],{"class":3861,"line":3985},[3859,11784,11785],{"class":3865},"\u002F\u002F user1 може не мати email взагалі\n",[3859,11787,11788],{"class":3861,"line":4016},[3859,11789,11790],{"class":3865},"\u002F\u002F user2 ПОВИНЕН мати email, навіть якщо це undefined\n",[3830,11792,11793,11794,11797,11798,3991],{},"У більшості випадків ",[3763,11795,11796],{},"email?: string"," зручніше, ніж ",[3763,11799,11800],{},"email: string | undefined",[3825,11802,11804],{"id":11803},"readonly-властивості","Readonly властивості",[3830,11806,11807,11808,8983],{},"Щоб заборонити зміну властивості після створення об'єкта, використовуйте ",[3763,11809,3765],{},[3850,11811,11813],{"className":4764,"code":11812,"language":4766,"meta":3855,"style":3855},"let user: {\n  readonly id: number;\n  name: string;\n  age: number;\n} = {\n  id: 1,\n  name: \"Alice\",\n  age: 28\n};\n\n\u002F\u002F ✅ Читання дозволено\nconsole.log(user.id);  \u002F\u002F 1\n\n\u002F\u002F ✅ Зміна звичайних властивостей дозволена\nuser.name = \"Alicia\";\nuser.age = 29;\n\n\u002F\u002F ❌ Зміна readonly властивості заборонена\n\u002F\u002F user.id = 2;\n\u002F\u002F Error: Cannot assign to 'id' because it is a read-only property\n",[3763,11814,11815,11823,11837,11847,11857,11861,11871,11879,11885,11889,11893,11898,11918,11922,11927,11942,11956,11960,11965,11970],{"__ignoreMap":3855},[3859,11816,11817,11819,11821],{"class":3861,"line":3862},[3859,11818,3873],{"class":3872},[3859,11820,8115],{"class":3876},[3859,11822,11074],{"class":3880},[3859,11824,11825,11828,11831,11833,11835],{"class":3861,"line":3869},[3859,11826,11827],{"class":3872},"  readonly",[3859,11829,11830],{"class":3876}," id",[3859,11832,4777],{"class":3880},[3859,11834,4781],{"class":4780},[3859,11836,4066],{"class":3880},[3859,11838,11839,11841,11843,11845],{"class":3861,"line":3912},[3859,11840,11079],{"class":3876},[3859,11842,4777],{"class":3880},[3859,11844,4816],{"class":4780},[3859,11846,4066],{"class":3880},[3859,11848,11849,11851,11853,11855],{"class":3861,"line":3938},[3859,11850,11090],{"class":3876},[3859,11852,4777],{"class":3880},[3859,11854,4781],{"class":4780},[3859,11856,4066],{"class":3880},[3859,11858,11859],{"class":3861,"line":3972},[3859,11860,11135],{"class":3880},[3859,11862,11863,11866,11869],{"class":3861,"line":3979},[3859,11864,11865],{"class":3876},"  id:",[3859,11867,11868],{"class":3884}," 1",[3859,11870,7408],{"class":3880},[3859,11872,11873,11875,11877],{"class":3861,"line":3985},[3859,11874,9794],{"class":3876},[3859,11876,4446],{"class":3922},[3859,11878,7408],{"class":3880},[3859,11880,11881,11883],{"class":3861,"line":4016},[3859,11882,9803],{"class":3876},[3859,11884,10769],{"class":3884},[3859,11886,11887],{"class":3861,"line":4040},[3859,11888,9830],{"class":3880},[3859,11890,11891],{"class":3861,"line":4045},[3859,11892,3976],{"emptyLinePlaceholder":3975},[3859,11894,11895],{"class":3861,"line":4051},[3859,11896,11897],{"class":3865},"\u002F\u002F ✅ Читання дозволено\n",[3859,11899,11900,11902,11904,11906,11908,11910,11912,11914,11916],{"class":3861,"line":4069},[3859,11901,3988],{"class":3876},[3859,11903,3991],{"class":3880},[3859,11905,3995],{"class":3994},[3859,11907,3998],{"class":3880},[3859,11909,8354],{"class":3876},[3859,11911,3991],{"class":3880},[3859,11913,8867],{"class":3876},[3859,11915,4082],{"class":3880},[3859,11917,4013],{"class":3865},[3859,11919,11920],{"class":3861,"line":4355},[3859,11921,3976],{"emptyLinePlaceholder":3975},[3859,11923,11924],{"class":3861,"line":4371},[3859,11925,11926],{"class":3865},"\u002F\u002F ✅ Зміна звичайних властивостей дозволена\n",[3859,11928,11929,11931,11933,11935,11937,11940],{"class":3861,"line":4389},[3859,11930,8354],{"class":3876},[3859,11932,3991],{"class":3880},[3859,11934,7589],{"class":3876},[3859,11936,4132],{"class":3880},[3859,11938,11939],{"class":3922},"\"Alicia\"",[3859,11941,4066],{"class":3880},[3859,11943,11944,11946,11948,11950,11952,11954],{"class":3861,"line":4656},[3859,11945,8354],{"class":3876},[3859,11947,3991],{"class":3880},[3859,11949,4518],{"class":3876},[3859,11951,4132],{"class":3880},[3859,11953,9904],{"class":3884},[3859,11955,4066],{"class":3880},[3859,11957,11958],{"class":3861,"line":4662},[3859,11959,3976],{"emptyLinePlaceholder":3975},[3859,11961,11962],{"class":3861,"line":4668},[3859,11963,11964],{"class":3865},"\u002F\u002F ❌ Зміна readonly властивості заборонена\n",[3859,11966,11967],{"class":3861,"line":4673},[3859,11968,11969],{"class":3865},"\u002F\u002F user.id = 2;\n",[3859,11971,11972],{"class":3861,"line":4679},[3859,11973,11974],{"class":3865},"\u002F\u002F Error: Cannot assign to 'id' because it is a read-only property\n",[3830,11976,11977],{},[3782,11978,11979],{},"Використання readonly для захисту критичних даних:",[3850,11981,11983],{"className":4764,"code":11982,"language":4766,"meta":3855,"style":3855},"function processUser(user: {\n  readonly id: number;\n  name: string;\n}): void {\n  \u002F\u002F Функція не може випадково змінити ID\n  \u002F\u002F user.id = 999;  \u002F\u002F Error!\n  \n  \u002F\u002F Але може змінити name\n  user.name = user.name.toUpperCase();\n}\n",[3763,11984,11985,11998,12010,12020,12029,12034,12041,12046,12051,12075],{"__ignoreMap":3855},[3859,11986,11987,11989,11992,11994,11996],{"class":3861,"line":3862},[3859,11988,7433],{"class":3872},[3859,11990,11991],{"class":3994}," processUser",[3859,11993,3998],{"class":3880},[3859,11995,8354],{"class":3876},[3859,11997,11074],{"class":3880},[3859,11999,12000,12002,12004,12006,12008],{"class":3861,"line":3869},[3859,12001,11827],{"class":3872},[3859,12003,11830],{"class":3876},[3859,12005,4777],{"class":3880},[3859,12007,4781],{"class":4780},[3859,12009,4066],{"class":3880},[3859,12011,12012,12014,12016,12018],{"class":3861,"line":3912},[3859,12013,11079],{"class":3876},[3859,12015,4777],{"class":3880},[3859,12017,4816],{"class":4780},[3859,12019,4066],{"class":3880},[3859,12021,12022,12025,12027],{"class":3861,"line":3938},[3859,12023,12024],{"class":3880},"}): ",[3859,12026,7451],{"class":4780},[3859,12028,6512],{"class":3880},[3859,12030,12031],{"class":3861,"line":3972},[3859,12032,12033],{"class":3865},"  \u002F\u002F Функція не може випадково змінити ID\n",[3859,12035,12036,12039],{"class":3861,"line":3979},[3859,12037,12038],{"class":3865},"  \u002F\u002F user.id = 999;",[3859,12040,7550],{"class":3865},[3859,12042,12043],{"class":3861,"line":3985},[3859,12044,12045],{"class":3880},"  \n",[3859,12047,12048],{"class":3861,"line":4016},[3859,12049,12050],{"class":3865},"  \u002F\u002F Але може змінити name\n",[3859,12052,12053,12056,12058,12060,12062,12064,12066,12068,12070,12073],{"class":3861,"line":4040},[3859,12054,12055],{"class":3876},"  user",[3859,12057,3991],{"class":3880},[3859,12059,7589],{"class":3876},[3859,12061,4132],{"class":3880},[3859,12063,8354],{"class":3876},[3859,12065,3991],{"class":3880},[3859,12067,7589],{"class":3876},[3859,12069,3991],{"class":3880},[3859,12071,12072],{"class":3994},"toUpperCase",[3859,12074,4343],{"class":3880},[3859,12076,12077],{"class":3861,"line":4045},[3859,12078,4626],{"class":3880},[3830,12080,12081],{},[3782,12082,12083],{},"Readonly та вкладені об'єкти:",[3830,12085,12086,12087,12089],{},"Так само, як у масивів, ",[3763,12088,3765],{}," працює поверхнево:",[3850,12091,12093],{"className":4764,"code":12092,"language":4766,"meta":3855,"style":3855},"let user: {\n  readonly id: number;\n  address: {\n    city: string;\n  };\n} = {\n  id: 1,\n  address: { city: \"Kyiv\" }\n};\n\n\u002F\u002F ❌ Не можна змінити id\n\u002F\u002F user.id = 2;  \u002F\u002F Error\n\n\u002F\u002F ✅ Але можна змінити вкладений об'єкт!\nuser.address.city = \"Lviv\";  \u002F\u002F OK\n",[3763,12094,12095,12103,12115,12121,12131,12135,12139,12147,12160,12164,12168,12173,12180,12184,12189],{"__ignoreMap":3855},[3859,12096,12097,12099,12101],{"class":3861,"line":3862},[3859,12098,3873],{"class":3872},[3859,12100,8115],{"class":3876},[3859,12102,11074],{"class":3880},[3859,12104,12105,12107,12109,12111,12113],{"class":3861,"line":3869},[3859,12106,11827],{"class":3872},[3859,12108,11830],{"class":3876},[3859,12110,4777],{"class":3880},[3859,12112,4781],{"class":4780},[3859,12114,4066],{"class":3880},[3859,12116,12117,12119],{"class":3861,"line":3912},[3859,12118,11101],{"class":3876},[3859,12120,11074],{"class":3880},[3859,12122,12123,12125,12127,12129],{"class":3861,"line":3938},[3859,12124,11108],{"class":3876},[3859,12126,4777],{"class":3880},[3859,12128,4816],{"class":4780},[3859,12130,4066],{"class":3880},[3859,12132,12133],{"class":3861,"line":3972},[3859,12134,11130],{"class":3880},[3859,12136,12137],{"class":3861,"line":3979},[3859,12138,11135],{"class":3880},[3859,12140,12141,12143,12145],{"class":3861,"line":3985},[3859,12142,11865],{"class":3876},[3859,12144,11868],{"class":3884},[3859,12146,7408],{"class":3880},[3859,12148,12149,12151,12153,12156,12158],{"class":3861,"line":4016},[3859,12150,10278],{"class":3876},[3859,12152,7586],{"class":3880},[3859,12154,12155],{"class":3876},"city:",[3859,12157,10288],{"class":3922},[3859,12159,4476],{"class":3880},[3859,12161,12162],{"class":3861,"line":4040},[3859,12163,9830],{"class":3880},[3859,12165,12166],{"class":3861,"line":4045},[3859,12167,3976],{"emptyLinePlaceholder":3975},[3859,12169,12170],{"class":3861,"line":4051},[3859,12171,12172],{"class":3865},"\u002F\u002F ❌ Не можна змінити id\n",[3859,12174,12175,12178],{"class":3861,"line":4069},[3859,12176,12177],{"class":3865},"\u002F\u002F user.id = 2;",[3859,12179,7658],{"class":3865},[3859,12181,12182],{"class":3861,"line":4355},[3859,12183,3976],{"emptyLinePlaceholder":3975},[3859,12185,12186],{"class":3861,"line":4371},[3859,12187,12188],{"class":3865},"\u002F\u002F ✅ Але можна змінити вкладений об'єкт!\n",[3859,12190,12191,12193,12195,12197,12199,12201,12203,12205,12207],{"class":3861,"line":4389},[3859,12192,8354],{"class":3876},[3859,12194,3991],{"class":3880},[3859,12196,10335],{"class":3876},[3859,12198,3991],{"class":3880},[3859,12200,9940],{"class":3876},[3859,12202,4132],{"class":3880},[3859,12204,10344],{"class":3922},[3859,12206,4138],{"class":3880},[3859,12208,5235],{"class":3865},[3830,12210,12211],{},"Щоб зробити вкладений об'єкт теж readonly, додайте модифікатор явно:",[3850,12213,12215],{"className":4764,"code":12214,"language":4766,"meta":3855,"style":3855},"let user: {\n  readonly id: number;\n  readonly address: {\n    readonly city: string;\n  };\n} = {\n  id: 1,\n  address: { city: \"Kyiv\" }\n};\n\n\u002F\u002F Тепер нічого не можна змінювати:\n\u002F\u002F user.address.city = \"Lviv\";  \u002F\u002F Error: Cannot assign to 'city'\n",[3763,12216,12217,12225,12237,12246,12260,12264,12268,12276,12288,12292,12296,12300],{"__ignoreMap":3855},[3859,12218,12219,12221,12223],{"class":3861,"line":3862},[3859,12220,3873],{"class":3872},[3859,12222,8115],{"class":3876},[3859,12224,11074],{"class":3880},[3859,12226,12227,12229,12231,12233,12235],{"class":3861,"line":3869},[3859,12228,11827],{"class":3872},[3859,12230,11830],{"class":3876},[3859,12232,4777],{"class":3880},[3859,12234,4781],{"class":4780},[3859,12236,4066],{"class":3880},[3859,12238,12239,12241,12244],{"class":3861,"line":3912},[3859,12240,11827],{"class":3872},[3859,12242,12243],{"class":3876}," address",[3859,12245,11074],{"class":3880},[3859,12247,12248,12251,12254,12256,12258],{"class":3861,"line":3938},[3859,12249,12250],{"class":3872},"    readonly",[3859,12252,12253],{"class":3876}," city",[3859,12255,4777],{"class":3880},[3859,12257,4816],{"class":4780},[3859,12259,4066],{"class":3880},[3859,12261,12262],{"class":3861,"line":3972},[3859,12263,11130],{"class":3880},[3859,12265,12266],{"class":3861,"line":3979},[3859,12267,11135],{"class":3880},[3859,12269,12270,12272,12274],{"class":3861,"line":3985},[3859,12271,11865],{"class":3876},[3859,12273,11868],{"class":3884},[3859,12275,7408],{"class":3880},[3859,12277,12278,12280,12282,12284,12286],{"class":3861,"line":4016},[3859,12279,10278],{"class":3876},[3859,12281,7586],{"class":3880},[3859,12283,12155],{"class":3876},[3859,12285,10288],{"class":3922},[3859,12287,4476],{"class":3880},[3859,12289,12290],{"class":3861,"line":4040},[3859,12291,9830],{"class":3880},[3859,12293,12294],{"class":3861,"line":4045},[3859,12295,3976],{"emptyLinePlaceholder":3975},[3859,12297,12298],{"class":3861,"line":4051},[3859,12299,7797],{"class":3865},[3859,12301,12302,12305],{"class":3861,"line":4069},[3859,12303,12304],{"class":3865},"\u002F\u002F user.address.city = \"Lviv\";",[3859,12306,12307],{"class":3865},"  \u002F\u002F Error: Cannot assign to 'city'\n",[3817,12309],{},[3820,12311,12313],{"id":12312},"index-signatures-динамічні-ключі","Index signatures: динамічні ключі",[3825,12315,12317],{"id":12316},"проблема-невідомі-ключі","Проблема: невідомі ключі",[3830,12319,12320],{},"Іноді структура об'єкта заздалегідь невідома — кількість та імена властивостей визначаються динамічно:",[3850,12322,12324],{"className":4764,"code":12323,"language":4766,"meta":3855,"style":3855},"\u002F\u002F Словник перекладів: ключ — мова, значення — текст\nlet translations = {\n  en: \"Hello\",\n  uk: \"Привіт\",\n  de: \"Hallo\",\n  fr: \"Bonjour\"\n};\n\n\u002F\u002F Як типізувати такий об'єкт, якщо ми не знаємо всі можливі мови?\n",[3763,12325,12326,12331,12340,12350,12360,12370,12378,12382,12386],{"__ignoreMap":3855},[3859,12327,12328],{"class":3861,"line":3862},[3859,12329,12330],{"class":3865},"\u002F\u002F Словник перекладів: ключ — мова, значення — текст\n",[3859,12332,12333,12335,12338],{"class":3861,"line":3869},[3859,12334,3873],{"class":3872},[3859,12336,12337],{"class":3876}," translations",[3859,12339,9789],{"class":3880},[3859,12341,12342,12345,12348],{"class":3861,"line":3912},[3859,12343,12344],{"class":3876},"  en:",[3859,12346,12347],{"class":3922}," \"Hello\"",[3859,12349,7408],{"class":3880},[3859,12351,12352,12355,12358],{"class":3861,"line":3938},[3859,12353,12354],{"class":3876},"  uk:",[3859,12356,12357],{"class":3922}," \"Привіт\"",[3859,12359,7408],{"class":3880},[3859,12361,12362,12365,12368],{"class":3861,"line":3972},[3859,12363,12364],{"class":3876},"  de:",[3859,12366,12367],{"class":3922}," \"Hallo\"",[3859,12369,7408],{"class":3880},[3859,12371,12372,12375],{"class":3861,"line":3979},[3859,12373,12374],{"class":3876},"  fr:",[3859,12376,12377],{"class":3922}," \"Bonjour\"\n",[3859,12379,12380],{"class":3861,"line":3985},[3859,12381,9830],{"class":3880},[3859,12383,12384],{"class":3861,"line":4016},[3859,12385,3976],{"emptyLinePlaceholder":3975},[3859,12387,12388],{"class":3861,"line":4040},[3859,12389,12390],{"class":3865},"\u002F\u002F Як типізувати такий об'єкт, якщо ми не знаємо всі можливі мови?\n",[3825,12392,12394],{"id":12393},"синтаксис-index-signature","Синтаксис index signature",[3830,12396,12397,12400],{},[3782,12398,12399],{},"Index signature"," дозволяє описати об'єкт з невідомими ключами:",[3850,12402,12404],{"className":4764,"code":12403,"language":4766,"meta":3855,"style":3855},"\u002F\u002F Будь-який ключ (string) → значення (string)\nlet translations: { [key: string]: string } = {\n  en: \"Hello\",\n  uk: \"Привіт\",\n  de: \"Hallo\",\n  fr: \"Bonjour\"\n};\n\n\u002F\u002F Доступ до властивостей\nconsole.log(translations[\"en\"]);  \u002F\u002F \"Hello\"\nconsole.log(translations[\"uk\"]);  \u002F\u002F \"Привіт\"\n\n\u002F\u002F Додавання нових властивостей\ntranslations[\"es\"] = \"Hola\";\ntranslations[\"it\"] = \"Ciao\";\n",[3763,12405,12406,12411,12434,12442,12450,12458,12464,12468,12472,12476,12499,12521,12525,12529,12545],{"__ignoreMap":3855},[3859,12407,12408],{"class":3861,"line":3862},[3859,12409,12410],{"class":3865},"\u002F\u002F Будь-який ключ (string) → значення (string)\n",[3859,12412,12413,12415,12417,12420,12423,12425,12427,12430,12432],{"class":3861,"line":3869},[3859,12414,3873],{"class":3872},[3859,12416,12337],{"class":3876},[3859,12418,12419],{"class":3880},": { [",[3859,12421,12422],{"class":3876},"key",[3859,12424,4777],{"class":3880},[3859,12426,4816],{"class":4780},[3859,12428,12429],{"class":3880},"]: ",[3859,12431,4816],{"class":4780},[3859,12433,10441],{"class":3880},[3859,12435,12436,12438,12440],{"class":3861,"line":3912},[3859,12437,12344],{"class":3876},[3859,12439,12347],{"class":3922},[3859,12441,7408],{"class":3880},[3859,12443,12444,12446,12448],{"class":3861,"line":3938},[3859,12445,12354],{"class":3876},[3859,12447,12357],{"class":3922},[3859,12449,7408],{"class":3880},[3859,12451,12452,12454,12456],{"class":3861,"line":3972},[3859,12453,12364],{"class":3876},[3859,12455,12367],{"class":3922},[3859,12457,7408],{"class":3880},[3859,12459,12460,12462],{"class":3861,"line":3979},[3859,12461,12374],{"class":3876},[3859,12463,12377],{"class":3922},[3859,12465,12466],{"class":3861,"line":3985},[3859,12467,9830],{"class":3880},[3859,12469,12470],{"class":3861,"line":4016},[3859,12471,3976],{"emptyLinePlaceholder":3975},[3859,12473,12474],{"class":3861,"line":4040},[3859,12475,9839],{"class":3865},[3859,12477,12478,12480,12482,12484,12486,12489,12491,12494,12496],{"class":3861,"line":4045},[3859,12479,3988],{"class":3876},[3859,12481,3991],{"class":3880},[3859,12483,3995],{"class":3994},[3859,12485,3998],{"class":3880},[3859,12487,12488],{"class":3876},"translations",[3859,12490,4004],{"class":3880},[3859,12492,12493],{"class":3922},"\"en\"",[3859,12495,4010],{"class":3880},[3859,12497,12498],{"class":3865},"\u002F\u002F \"Hello\"\n",[3859,12500,12501,12503,12505,12507,12509,12511,12513,12516,12518],{"class":3861,"line":4051},[3859,12502,3988],{"class":3876},[3859,12504,3991],{"class":3880},[3859,12506,3995],{"class":3994},[3859,12508,3998],{"class":3880},[3859,12510,12488],{"class":3876},[3859,12512,4004],{"class":3880},[3859,12514,12515],{"class":3922},"\"uk\"",[3859,12517,4010],{"class":3880},[3859,12519,12520],{"class":3865},"\u002F\u002F \"Привіт\"\n",[3859,12522,12523],{"class":3861,"line":4069},[3859,12524,3976],{"emptyLinePlaceholder":3975},[3859,12526,12527],{"class":3861,"line":4355},[3859,12528,9931],{"class":3865},[3859,12530,12531,12533,12535,12538,12540,12543],{"class":3861,"line":4371},[3859,12532,12488],{"class":3876},[3859,12534,4004],{"class":3880},[3859,12536,12537],{"class":3922},"\"es\"",[3859,12539,4060],{"class":3880},[3859,12541,12542],{"class":3922},"\"Hola\"",[3859,12544,4066],{"class":3880},[3859,12546,12547,12549,12551,12554,12556,12559],{"class":3861,"line":4389},[3859,12548,12488],{"class":3876},[3859,12550,4004],{"class":3880},[3859,12552,12553],{"class":3922},"\"it\"",[3859,12555,4060],{"class":3880},[3859,12557,12558],{"class":3922},"\"Ciao\"",[3859,12560,4066],{"class":3880},[3830,12562,12563],{},[3782,12564,12565],{},"Синтаксис:",[3850,12567,12569],{"className":4764,"code":12568,"language":4766,"meta":3855,"style":3855},"{ [key: КлючТип]: ЗначенняТип }\n",[3763,12570,12571],{"__ignoreMap":3855},[3859,12572,12573,12576,12578,12580,12583,12585,12588],{"class":3861,"line":3862},[3859,12574,12575],{"class":3880},"{ [",[3859,12577,12422],{"class":3876},[3859,12579,4777],{"class":3880},[3859,12581,12582],{"class":3876},"КлючТип",[3859,12584,12429],{"class":3880},[3859,12586,12587],{"class":3876},"ЗначенняТип",[3859,12589,4476],{"class":3880},[3747,12591,12592,12606,12615],{},[3750,12593,12594,12596,12597,3888,12600,3888,12603,12605],{},[3763,12595,12422],{}," — довільна назва змінної (можна назвати ",[3763,12598,12599],{},"k",[3763,12601,12602],{},"prop",[3763,12604,8867],{}," тощо)",[3750,12607,12608,12610,12611,9729,12613],{},[3763,12609,12582],{}," — майже завжди ",[3763,12612,4816],{},[3763,12614,4781],{},[3750,12616,12617,12619],{},[3763,12618,12587],{}," — тип значень властивостей",[3825,12621,12623],{"id":12622},"приклади-index-signatures","Приклади index signatures",[3830,12625,12626],{},[3782,12627,12628],{},"Словник з числовими значеннями:",[3850,12630,12632],{"className":4764,"code":12631,"language":4766,"meta":3855,"style":3855},"\u002F\u002F Оцінки студентів: ім'я → оцінка\nlet grades: { [studentName: string]: number } = {\n  Alice: 95,\n  Bob: 87,\n  Charlie: 92\n};\n\ngrades[\"David\"] = 88;  \u002F\u002F OK\n\u002F\u002F grades[\"Eve\"] = \"A+\";  \u002F\u002F Error: Type 'string' is not assignable to type 'number'\n",[3763,12633,12634,12639,12660,12670,12680,12688,12692,12696,12712],{"__ignoreMap":3855},[3859,12635,12636],{"class":3861,"line":3862},[3859,12637,12638],{"class":3865},"\u002F\u002F Оцінки студентів: ім'я → оцінка\n",[3859,12640,12641,12643,12645,12647,12650,12652,12654,12656,12658],{"class":3861,"line":3869},[3859,12642,3873],{"class":3872},[3859,12644,9482],{"class":3876},[3859,12646,12419],{"class":3880},[3859,12648,12649],{"class":3876},"studentName",[3859,12651,4777],{"class":3880},[3859,12653,4816],{"class":4780},[3859,12655,12429],{"class":3880},[3859,12657,4781],{"class":4780},[3859,12659,10441],{"class":3880},[3859,12661,12662,12665,12668],{"class":3861,"line":3912},[3859,12663,12664],{"class":3876},"  Alice:",[3859,12666,12667],{"class":3884}," 95",[3859,12669,7408],{"class":3880},[3859,12671,12672,12675,12678],{"class":3861,"line":3938},[3859,12673,12674],{"class":3876},"  Bob:",[3859,12676,12677],{"class":3884}," 87",[3859,12679,7408],{"class":3880},[3859,12681,12682,12685],{"class":3861,"line":3972},[3859,12683,12684],{"class":3876},"  Charlie:",[3859,12686,12687],{"class":3884}," 92\n",[3859,12689,12690],{"class":3861,"line":3979},[3859,12691,9830],{"class":3880},[3859,12693,12694],{"class":3861,"line":3985},[3859,12695,3976],{"emptyLinePlaceholder":3975},[3859,12697,12698,12700,12702,12704,12706,12708,12710],{"class":3861,"line":4016},[3859,12699,9513],{"class":3876},[3859,12701,4004],{"class":3880},[3859,12703,8417],{"class":3922},[3859,12705,4060],{"class":3880},[3859,12707,9522],{"class":3884},[3859,12709,4138],{"class":3880},[3859,12711,5235],{"class":3865},[3859,12713,12714,12717],{"class":3861,"line":4040},[3859,12715,12716],{"class":3865},"\u002F\u002F grades[\"Eve\"] = \"A+\";",[3859,12718,12719],{"class":3865},"  \u002F\u002F Error: Type 'string' is not assignable to type 'number'\n",[3830,12721,12722],{},[3782,12723,12724],{},"Конфігурація з boolean значеннями:",[3850,12726,12728],{"className":4764,"code":12727,"language":4766,"meta":3855,"style":3855},"\u002F\u002F Налаштування фіч: назва фічі → увімкнена\u002Fвимкнена\nlet features: { [feature: string]: boolean } = {\n  darkMode: true,\n  notifications: false,\n  analytics: true\n};\n\nconsole.log(features[\"darkMode\"]);  \u002F\u002F true\nfeatures[\"betaFeatures\"] = false;  \u002F\u002F OK\n",[3763,12729,12730,12735,12757,12767,12777,12784,12788,12792,12814],{"__ignoreMap":3855},[3859,12731,12732],{"class":3861,"line":3862},[3859,12733,12734],{"class":3865},"\u002F\u002F Налаштування фіч: назва фічі → увімкнена\u002Fвимкнена\n",[3859,12736,12737,12739,12742,12744,12747,12749,12751,12753,12755],{"class":3861,"line":3869},[3859,12738,3873],{"class":3872},[3859,12740,12741],{"class":3876}," features",[3859,12743,12419],{"class":3880},[3859,12745,12746],{"class":3876},"feature",[3859,12748,4777],{"class":3880},[3859,12750,4816],{"class":4780},[3859,12752,12429],{"class":3880},[3859,12754,4845],{"class":4780},[3859,12756,10441],{"class":3880},[3859,12758,12759,12762,12765],{"class":3861,"line":3912},[3859,12760,12761],{"class":3876},"  darkMode:",[3859,12763,12764],{"class":3872}," true",[3859,12766,7408],{"class":3880},[3859,12768,12769,12772,12775],{"class":3861,"line":3938},[3859,12770,12771],{"class":3876},"  notifications:",[3859,12773,12774],{"class":3872}," false",[3859,12776,7408],{"class":3880},[3859,12778,12779,12782],{"class":3861,"line":3972},[3859,12780,12781],{"class":3876},"  analytics:",[3859,12783,9825],{"class":3872},[3859,12785,12786],{"class":3861,"line":3979},[3859,12787,9830],{"class":3880},[3859,12789,12790],{"class":3861,"line":3985},[3859,12791,3976],{"emptyLinePlaceholder":3975},[3859,12793,12794,12796,12798,12800,12802,12805,12807,12810,12812],{"class":3861,"line":4016},[3859,12795,3988],{"class":3876},[3859,12797,3991],{"class":3880},[3859,12799,3995],{"class":3994},[3859,12801,3998],{"class":3880},[3859,12803,12804],{"class":3876},"features",[3859,12806,4004],{"class":3880},[3859,12808,12809],{"class":3922},"\"darkMode\"",[3859,12811,4010],{"class":3880},[3859,12813,6003],{"class":3865},[3859,12815,12816,12818,12820,12823,12825,12827,12829],{"class":3861,"line":4040},[3859,12817,12804],{"class":3876},[3859,12819,4004],{"class":3880},[3859,12821,12822],{"class":3922},"\"betaFeatures\"",[3859,12824,4060],{"class":3880},[3859,12826,4854],{"class":3872},[3859,12828,4138],{"class":3880},[3859,12830,5235],{"class":3865},[3830,12832,12833],{},[3782,12834,12835],{},"Числові ключі (масивоподібні об'єкти):",[3850,12837,12839],{"className":4764,"code":12838,"language":4766,"meta":3855,"style":3855},"\u002F\u002F Об'єкт з числовими індексами\nlet items: { [index: number]: string } = {\n  0: \"apple\",\n  1: \"banana\",\n  2: \"orange\"\n};\n\nconsole.log(items[0]);  \u002F\u002F \"apple\"\nconsole.log(items[1]);  \u002F\u002F \"banana\"\n\nitems[3] = \"grape\";  \u002F\u002F OK\n",[3763,12840,12841,12846,12867,12879,12891,12901,12905,12909,12930,12951,12955],{"__ignoreMap":3855},[3859,12842,12843],{"class":3861,"line":3862},[3859,12844,12845],{"class":3865},"\u002F\u002F Об'єкт з числовими індексами\n",[3859,12847,12848,12850,12852,12854,12857,12859,12861,12863,12865],{"class":3861,"line":3869},[3859,12849,3873],{"class":3872},[3859,12851,5209],{"class":3876},[3859,12853,12419],{"class":3880},[3859,12855,12856],{"class":3876},"index",[3859,12858,4777],{"class":3880},[3859,12860,4781],{"class":4780},[3859,12862,12429],{"class":3880},[3859,12864,4816],{"class":4780},[3859,12866,10441],{"class":3880},[3859,12868,12869,12872,12874,12877],{"class":3861,"line":3912},[3859,12870,12871],{"class":3884},"  0",[3859,12873,8983],{"class":3876},[3859,12875,12876],{"class":3922}," \"apple\"",[3859,12878,7408],{"class":3880},[3859,12880,12881,12884,12886,12889],{"class":3861,"line":3938},[3859,12882,12883],{"class":3884},"  1",[3859,12885,8983],{"class":3876},[3859,12887,12888],{"class":3922}," \"banana\"",[3859,12890,7408],{"class":3880},[3859,12892,12893,12896,12898],{"class":3861,"line":3972},[3859,12894,12895],{"class":3884},"  2",[3859,12897,8983],{"class":3876},[3859,12899,12900],{"class":3922}," \"orange\"\n",[3859,12902,12903],{"class":3861,"line":3979},[3859,12904,9830],{"class":3880},[3859,12906,12907],{"class":3861,"line":3985},[3859,12908,3976],{"emptyLinePlaceholder":3975},[3859,12910,12911,12913,12915,12917,12919,12921,12923,12925,12927],{"class":3861,"line":4016},[3859,12912,3988],{"class":3876},[3859,12914,3991],{"class":3880},[3859,12916,3995],{"class":3994},[3859,12918,3998],{"class":3880},[3859,12920,5221],{"class":3876},[3859,12922,4004],{"class":3880},[3859,12924,4007],{"class":3884},[3859,12926,4010],{"class":3880},[3859,12928,12929],{"class":3865},"\u002F\u002F \"apple\"\n",[3859,12931,12932,12934,12936,12938,12940,12942,12944,12946,12948],{"class":3861,"line":4040},[3859,12933,3988],{"class":3876},[3859,12935,3991],{"class":3880},[3859,12937,3995],{"class":3994},[3859,12939,3998],{"class":3880},[3859,12941,5221],{"class":3876},[3859,12943,4004],{"class":3880},[3859,12945,3885],{"class":3884},[3859,12947,4010],{"class":3880},[3859,12949,12950],{"class":3865},"\u002F\u002F \"banana\"\n",[3859,12952,12953],{"class":3861,"line":4045},[3859,12954,3976],{"emptyLinePlaceholder":3975},[3859,12956,12957,12959,12961,12963,12965,12968,12970],{"class":3861,"line":4051},[3859,12958,5221],{"class":3876},[3859,12960,4004],{"class":3880},[3859,12962,3896],{"class":3884},[3859,12964,4060],{"class":3880},[3859,12966,12967],{"class":3922},"\"grape\"",[3859,12969,4138],{"class":3880},[3859,12971,5235],{"class":3865},[10896,12973,12974,12975,12977,12978,12981,12982,12984,12985,12988],{},"Хоча TypeScript дозволяє використовувати ",[3763,12976,4781],{}," як тип ключа, у JavaScript всі ключі об'єктів насправді є рядками. Коли ви пишете ",[3763,12979,12980],{},"obj[0]",", JavaScript перетворює ",[3763,12983,4007],{}," на ",[3763,12986,12987],{},"\"0\"",". TypeScript знає про це і дозволяє обидва варіанти доступу.",[3825,12990,12992],{"id":12991},"index-signature-з-додатковими-властивостями","Index signature з додатковими властивостями",[3830,12994,12995],{},"Ви можете комбінувати index signature з явними властивостями:",[3850,12997,12999],{"className":4764,"code":12998,"language":4766,"meta":3855,"style":3855},"let config: {\n  appName: string;        \u002F\u002F обов'язкова властивість\n  version: string;        \u002F\u002F обов'язкова властивість\n  [key: string]: string;  \u002F\u002F інші довільні властивості\n} = {\n  appName: \"MyApp\",\n  version: \"1.0.0\",\n  author: \"Alice\",\n  license: \"MIT\"\n};\n\nconsole.log(config.appName);  \u002F\u002F \"MyApp\"\nconsole.log(config.author);   \u002F\u002F \"Alice\"\n\nconfig.theme = \"dark\";  \u002F\u002F OK: додаємо нову властивість\n",[3763,13000,13001,13009,13024,13037,13056,13060,13070,13080,13089,13097,13101,13105,13127,13148,13152],{"__ignoreMap":3855},[3859,13002,13003,13005,13007],{"class":3861,"line":3862},[3859,13004,3873],{"class":3872},[3859,13006,6826],{"class":3876},[3859,13008,11074],{"class":3880},[3859,13010,13011,13014,13016,13018,13021],{"class":3861,"line":3869},[3859,13012,13013],{"class":3876},"  appName",[3859,13015,4777],{"class":3880},[3859,13017,4816],{"class":4780},[3859,13019,13020],{"class":3880},";        ",[3859,13022,13023],{"class":3865},"\u002F\u002F обов'язкова властивість\n",[3859,13025,13026,13029,13031,13033,13035],{"class":3861,"line":3912},[3859,13027,13028],{"class":3876},"  version",[3859,13030,4777],{"class":3880},[3859,13032,4816],{"class":4780},[3859,13034,13020],{"class":3880},[3859,13036,13023],{"class":3865},[3859,13038,13039,13041,13043,13045,13047,13049,13051,13053],{"class":3861,"line":3938},[3859,13040,4888],{"class":3880},[3859,13042,12422],{"class":3876},[3859,13044,4777],{"class":3880},[3859,13046,4816],{"class":4780},[3859,13048,12429],{"class":3880},[3859,13050,4816],{"class":4780},[3859,13052,4138],{"class":3880},[3859,13054,13055],{"class":3865},"\u002F\u002F інші довільні властивості\n",[3859,13057,13058],{"class":3861,"line":3972},[3859,13059,11135],{"class":3880},[3859,13061,13062,13065,13068],{"class":3861,"line":3979},[3859,13063,13064],{"class":3876},"  appName:",[3859,13066,13067],{"class":3922}," \"MyApp\"",[3859,13069,7408],{"class":3880},[3859,13071,13072,13075,13078],{"class":3861,"line":3985},[3859,13073,13074],{"class":3876},"  version:",[3859,13076,13077],{"class":3922}," \"1.0.0\"",[3859,13079,7408],{"class":3880},[3859,13081,13082,13085,13087],{"class":3861,"line":4016},[3859,13083,13084],{"class":3876},"  author:",[3859,13086,4446],{"class":3922},[3859,13088,7408],{"class":3880},[3859,13090,13091,13094],{"class":3861,"line":4040},[3859,13092,13093],{"class":3876},"  license:",[3859,13095,13096],{"class":3922}," \"MIT\"\n",[3859,13098,13099],{"class":3861,"line":4045},[3859,13100,9830],{"class":3880},[3859,13102,13103],{"class":3861,"line":4051},[3859,13104,3976],{"emptyLinePlaceholder":3975},[3859,13106,13107,13109,13111,13113,13115,13117,13119,13122,13124],{"class":3861,"line":4069},[3859,13108,3988],{"class":3876},[3859,13110,3991],{"class":3880},[3859,13112,3995],{"class":3994},[3859,13114,3998],{"class":3880},[3859,13116,6857],{"class":3876},[3859,13118,3991],{"class":3880},[3859,13120,13121],{"class":3876},"appName",[3859,13123,4082],{"class":3880},[3859,13125,13126],{"class":3865},"\u002F\u002F \"MyApp\"\n",[3859,13128,13129,13131,13133,13135,13137,13139,13141,13144,13146],{"class":3861,"line":4355},[3859,13130,3988],{"class":3876},[3859,13132,3991],{"class":3880},[3859,13134,3995],{"class":3994},[3859,13136,3998],{"class":3880},[3859,13138,6857],{"class":3876},[3859,13140,3991],{"class":3880},[3859,13142,13143],{"class":3876},"author",[3859,13145,5250],{"class":3880},[3859,13147,11359],{"class":3865},[3859,13149,13150],{"class":3861,"line":4371},[3859,13151,3976],{"emptyLinePlaceholder":3975},[3859,13153,13154,13156,13158,13161,13163,13166,13168],{"class":3861,"line":4389},[3859,13155,6857],{"class":3876},[3859,13157,3991],{"class":3880},[3859,13159,13160],{"class":3876},"theme",[3859,13162,4132],{"class":3880},[3859,13164,13165],{"class":3922},"\"dark\"",[3859,13167,4138],{"class":3880},[3859,13169,13170],{"class":3865},"\u002F\u002F OK: додаємо нову властивість\n",[3830,13172,13173,13176],{},[3782,13174,13175],{},"Обмеження:"," Всі явні властивості мають відповідати типу значення index signature:",[3850,13178,13180],{"className":4764,"code":13179,"language":4766,"meta":3855,"style":3855},"\u002F\u002F ❌ Помилка: version має тип number, але index signature вимагає string\nlet config: {\n  appName: string;\n  version: number;  \u002F\u002F Error!\n  [key: string]: string;\n} = {\n  appName: \"MyApp\",\n  version: 1\n};\n\u002F\u002F Error: Property 'version' of type 'number' is not assignable to 'string' index type 'string'\n",[3763,13181,13182,13187,13195,13205,13218,13234,13238,13246,13253,13257],{"__ignoreMap":3855},[3859,13183,13184],{"class":3861,"line":3862},[3859,13185,13186],{"class":3865},"\u002F\u002F ❌ Помилка: version має тип number, але index signature вимагає string\n",[3859,13188,13189,13191,13193],{"class":3861,"line":3869},[3859,13190,3873],{"class":3872},[3859,13192,6826],{"class":3876},[3859,13194,11074],{"class":3880},[3859,13196,13197,13199,13201,13203],{"class":3861,"line":3912},[3859,13198,13013],{"class":3876},[3859,13200,4777],{"class":3880},[3859,13202,4816],{"class":4780},[3859,13204,4066],{"class":3880},[3859,13206,13207,13209,13211,13213,13215],{"class":3861,"line":3938},[3859,13208,13028],{"class":3876},[3859,13210,4777],{"class":3880},[3859,13212,4781],{"class":4780},[3859,13214,4138],{"class":3880},[3859,13216,13217],{"class":3865},"\u002F\u002F Error!\n",[3859,13219,13220,13222,13224,13226,13228,13230,13232],{"class":3861,"line":3972},[3859,13221,4888],{"class":3880},[3859,13223,12422],{"class":3876},[3859,13225,4777],{"class":3880},[3859,13227,4816],{"class":4780},[3859,13229,12429],{"class":3880},[3859,13231,4816],{"class":4780},[3859,13233,4066],{"class":3880},[3859,13235,13236],{"class":3861,"line":3979},[3859,13237,11135],{"class":3880},[3859,13239,13240,13242,13244],{"class":3861,"line":3985},[3859,13241,13064],{"class":3876},[3859,13243,13067],{"class":3922},[3859,13245,7408],{"class":3880},[3859,13247,13248,13250],{"class":3861,"line":4016},[3859,13249,13074],{"class":3876},[3859,13251,13252],{"class":3884}," 1\n",[3859,13254,13255],{"class":3861,"line":4040},[3859,13256,9830],{"class":3880},[3859,13258,13259],{"class":3861,"line":4045},[3859,13260,13261],{"class":3865},"\u002F\u002F Error: Property 'version' of type 'number' is not assignable to 'string' index type 'string'\n",[3830,13263,13264,13267],{},[3782,13265,13266],{},"Рішення:"," Використовуйте union type для index signature:",[3850,13269,13271],{"className":4764,"code":13270,"language":4766,"meta":3855,"style":3855},"let config: {\n  appName: string;\n  version: number;\n  [key: string]: string | number;  \u002F\u002F ключі можуть бути string або number\n} = {\n  appName: \"MyApp\",\n  version: 1,\n  maxUsers: 100,\n  author: \"Alice\"\n};\n",[3763,13272,13273,13281,13291,13301,13324,13328,13336,13344,13354,13361],{"__ignoreMap":3855},[3859,13274,13275,13277,13279],{"class":3861,"line":3862},[3859,13276,3873],{"class":3872},[3859,13278,6826],{"class":3876},[3859,13280,11074],{"class":3880},[3859,13282,13283,13285,13287,13289],{"class":3861,"line":3869},[3859,13284,13013],{"class":3876},[3859,13286,4777],{"class":3880},[3859,13288,4816],{"class":4780},[3859,13290,4066],{"class":3880},[3859,13292,13293,13295,13297,13299],{"class":3861,"line":3912},[3859,13294,13028],{"class":3876},[3859,13296,4777],{"class":3880},[3859,13298,4781],{"class":4780},[3859,13300,4066],{"class":3880},[3859,13302,13303,13305,13307,13309,13311,13313,13315,13317,13319,13321],{"class":3861,"line":3938},[3859,13304,4888],{"class":3880},[3859,13306,12422],{"class":3876},[3859,13308,4777],{"class":3880},[3859,13310,4816],{"class":4780},[3859,13312,12429],{"class":3880},[3859,13314,4816],{"class":4780},[3859,13316,5438],{"class":3880},[3859,13318,4781],{"class":4780},[3859,13320,4138],{"class":3880},[3859,13322,13323],{"class":3865},"\u002F\u002F ключі можуть бути string або number\n",[3859,13325,13326],{"class":3861,"line":3972},[3859,13327,11135],{"class":3880},[3859,13329,13330,13332,13334],{"class":3861,"line":3979},[3859,13331,13064],{"class":3876},[3859,13333,13067],{"class":3922},[3859,13335,7408],{"class":3880},[3859,13337,13338,13340,13342],{"class":3861,"line":3985},[3859,13339,13074],{"class":3876},[3859,13341,11868],{"class":3884},[3859,13343,7408],{"class":3880},[3859,13345,13346,13349,13352],{"class":3861,"line":4016},[3859,13347,13348],{"class":3876},"  maxUsers:",[3859,13350,13351],{"class":3884}," 100",[3859,13353,7408],{"class":3880},[3859,13355,13356,13358],{"class":3861,"line":4040},[3859,13357,13084],{"class":3876},[3859,13359,13360],{"class":3922}," \"Alice\"\n",[3859,13362,13363],{"class":3861,"line":4045},[3859,13364,9830],{"class":3880},[3825,13366,13368],{"id":13367},"index-signature-з-readonly","Index signature з readonly",[3830,13370,13371,13372,8983],{},"Щоб заборонити зміну властивостей, додайте ",[3763,13373,3765],{},[3850,13375,13377],{"className":4764,"code":13376,"language":4766,"meta":3855,"style":3855},"let constants: {\n  readonly [key: string]: number;\n} = {\n  PI: 3.14159,\n  E: 2.71828,\n  GOLDEN_RATIO: 1.61803\n};\n\nconsole.log(constants.PI);  \u002F\u002F 3.14159\n\n\u002F\u002F ❌ Зміна заборонена\n\u002F\u002F constants.PI = 3.14;  \u002F\u002F Error: Index signature in type '...' only permits reading\n\u002F\u002F constants.SPEED_OF_LIGHT = 299792458;  \u002F\u002F Error\n",[3763,13378,13379,13388,13406,13410,13420,13430,13438,13442,13446,13469,13473,13478,13486],{"__ignoreMap":3855},[3859,13380,13381,13383,13386],{"class":3861,"line":3862},[3859,13382,3873],{"class":3872},[3859,13384,13385],{"class":3876}," constants",[3859,13387,11074],{"class":3880},[3859,13389,13390,13392,13394,13396,13398,13400,13402,13404],{"class":3861,"line":3869},[3859,13391,11827],{"class":3872},[3859,13393,8749],{"class":3880},[3859,13395,12422],{"class":3876},[3859,13397,4777],{"class":3880},[3859,13399,4816],{"class":4780},[3859,13401,12429],{"class":3880},[3859,13403,4781],{"class":4780},[3859,13405,4066],{"class":3880},[3859,13407,13408],{"class":3861,"line":3912},[3859,13409,11135],{"class":3880},[3859,13411,13412,13415,13418],{"class":3861,"line":3938},[3859,13413,13414],{"class":3876},"  PI:",[3859,13416,13417],{"class":3884}," 3.14159",[3859,13419,7408],{"class":3880},[3859,13421,13422,13425,13428],{"class":3861,"line":3972},[3859,13423,13424],{"class":3876},"  E:",[3859,13426,13427],{"class":3884}," 2.71828",[3859,13429,7408],{"class":3880},[3859,13431,13432,13435],{"class":3861,"line":3979},[3859,13433,13434],{"class":3876},"  GOLDEN_RATIO:",[3859,13436,13437],{"class":3884}," 1.61803\n",[3859,13439,13440],{"class":3861,"line":3985},[3859,13441,9830],{"class":3880},[3859,13443,13444],{"class":3861,"line":4016},[3859,13445,3976],{"emptyLinePlaceholder":3975},[3859,13447,13448,13450,13452,13454,13456,13459,13461,13464,13466],{"class":3861,"line":4040},[3859,13449,3988],{"class":3876},[3859,13451,3991],{"class":3880},[3859,13453,3995],{"class":3994},[3859,13455,3998],{"class":3880},[3859,13457,13458],{"class":3876},"constants",[3859,13460,3991],{"class":3880},[3859,13462,13463],{"class":6825},"PI",[3859,13465,4082],{"class":3880},[3859,13467,13468],{"class":3865},"\u002F\u002F 3.14159\n",[3859,13470,13471],{"class":3861,"line":4045},[3859,13472,3976],{"emptyLinePlaceholder":3975},[3859,13474,13475],{"class":3861,"line":4051},[3859,13476,13477],{"class":3865},"\u002F\u002F ❌ Зміна заборонена\n",[3859,13479,13480,13483],{"class":3861,"line":4069},[3859,13481,13482],{"class":3865},"\u002F\u002F constants.PI = 3.14;",[3859,13484,13485],{"class":3865},"  \u002F\u002F Error: Index signature in type '...' only permits reading\n",[3859,13487,13488,13491],{"class":3861,"line":4355},[3859,13489,13490],{"class":3865},"\u002F\u002F constants.SPEED_OF_LIGHT = 299792458;",[3859,13492,7658],{"class":3865},[3825,13494,13496],{"id":13495},"коли-використовувати-index-signatures","Коли використовувати index signatures",[3830,13498,13499],{},[3782,13500,13501],{},"Використовуйте index signatures, коли:",[3747,13503,13504,13507,13510],{},[3750,13505,13506],{},"Ключі об'єкта невідомі заздалегідь (словники, мапи, конфігурації)",[3750,13508,13509],{},"Кількість властивостей динамічна",[3750,13511,13512],{},"Ви працюєте з даними зовнішніх джерел (JSON API, файли конфігурації)",[3830,13514,13515],{},[3782,13516,13517],{},"НЕ використовуйте index signatures, коли:",[3747,13519,13520,13523,13526],{},[3750,13521,13522],{},"Структура об'єкта фіксована і відома (краще явно перелічити властивості)",[3750,13524,13525],{},"Потрібна строга типізація кожної властивості",[3750,13527,13528],{},"Ви хочете автодоповнення в IDE (index signatures не дають підказок для імен ключів)",[3850,13530,13532],{"className":4764,"code":13531,"language":4766,"meta":3855,"style":3855},"\u002F\u002F ❌ Погано: index signature для фіксованої структури\nlet user: { [key: string]: string | number } = {\n  name: \"Alice\",\n  age: 28,\n  email: \"alice@example.com\"\n};\n\u002F\u002F Немає автодоповнення, можна додати будь-які ключі\n\n\u002F\u002F ✅ Добре: явна типізація\nlet user: { name: string; age: number; email: string } = {\n  name: \"Alice\",\n  age: 28,\n  email: \"alice@example.com\"\n};\n\u002F\u002F IDE підказує властивості, TypeScript перевіряє їх наявність\n",[3763,13533,13534,13539,13563,13571,13579,13585,13589,13594,13598,13603,13635,13643,13651,13657,13661],{"__ignoreMap":3855},[3859,13535,13536],{"class":3861,"line":3862},[3859,13537,13538],{"class":3865},"\u002F\u002F ❌ Погано: index signature для фіксованої структури\n",[3859,13540,13541,13543,13545,13547,13549,13551,13553,13555,13557,13559,13561],{"class":3861,"line":3869},[3859,13542,3873],{"class":3872},[3859,13544,8115],{"class":3876},[3859,13546,12419],{"class":3880},[3859,13548,12422],{"class":3876},[3859,13550,4777],{"class":3880},[3859,13552,4816],{"class":4780},[3859,13554,12429],{"class":3880},[3859,13556,4816],{"class":4780},[3859,13558,5438],{"class":3880},[3859,13560,4781],{"class":4780},[3859,13562,10441],{"class":3880},[3859,13564,13565,13567,13569],{"class":3861,"line":3912},[3859,13566,9794],{"class":3876},[3859,13568,4446],{"class":3922},[3859,13570,7408],{"class":3880},[3859,13572,13573,13575,13577],{"class":3861,"line":3938},[3859,13574,9803],{"class":3876},[3859,13576,4454],{"class":3884},[3859,13578,7408],{"class":3880},[3859,13580,13581,13583],{"class":3861,"line":3972},[3859,13582,9812],{"class":3876},[3859,13584,10464],{"class":3922},[3859,13586,13587],{"class":3861,"line":3979},[3859,13588,9830],{"class":3880},[3859,13590,13591],{"class":3861,"line":3985},[3859,13592,13593],{"class":3865},"\u002F\u002F Немає автодоповнення, можна додати будь-які ключі\n",[3859,13595,13596],{"class":3861,"line":4016},[3859,13597,3976],{"emptyLinePlaceholder":3975},[3859,13599,13600],{"class":3861,"line":4040},[3859,13601,13602],{"class":3865},"\u002F\u002F ✅ Добре: явна типізація\n",[3859,13604,13605,13607,13609,13611,13613,13615,13617,13619,13621,13623,13625,13627,13629,13631,13633],{"class":3861,"line":4045},[3859,13606,3873],{"class":3872},[3859,13608,8115],{"class":3876},[3859,13610,10415],{"class":3880},[3859,13612,7589],{"class":3876},[3859,13614,4777],{"class":3880},[3859,13616,4816],{"class":4780},[3859,13618,7596],{"class":3880},[3859,13620,4518],{"class":3876},[3859,13622,4777],{"class":3880},[3859,13624,4781],{"class":4780},[3859,13626,7596],{"class":3880},[3859,13628,10434],{"class":3876},[3859,13630,4777],{"class":3880},[3859,13632,4816],{"class":4780},[3859,13634,10441],{"class":3880},[3859,13636,13637,13639,13641],{"class":3861,"line":4051},[3859,13638,9794],{"class":3876},[3859,13640,4446],{"class":3922},[3859,13642,7408],{"class":3880},[3859,13644,13645,13647,13649],{"class":3861,"line":4069},[3859,13646,9803],{"class":3876},[3859,13648,4454],{"class":3884},[3859,13650,7408],{"class":3880},[3859,13652,13653,13655],{"class":3861,"line":4355},[3859,13654,9812],{"class":3876},[3859,13656,10464],{"class":3922},[3859,13658,13659],{"class":3861,"line":4371},[3859,13660,9830],{"class":3880},[3859,13662,13663],{"class":3861,"line":4389},[3859,13664,13665],{"class":3865},"\u002F\u002F IDE підказує властивості, TypeScript перевіряє їх наявність\n",[4573,13667,13669],{"alt":13668},"Коли використовувати різні способи типізації об'єктів",[3850,13670,13672],{"className":4578,"code":13671,"language":4580,"meta":3855,"style":3855},"@startuml\nskinparam style plain\nskinparam backgroundColor #FFFFFF\n\ncard \"Фіксована структура\\n(знаємо всі властивості)\" as Fixed #DCFCE7 {\n    note bottom\n    **Використовуйте явну типізацію:**\n    { name: string; age: number }\n    \n    ✓ Автодоповнення в IDE\n    ✓ Строга перевірка властивостей\n    ✓ Захист від помилок\n    end note\n}\n\ncard \"Динамічна структура\\n(ключі невідомі)\" as Dynamic #DBEAFE {\n    note bottom\n    **Використовуйте index signature:**\n    { [key: string]: ValueType }\n    \n    ✓ Гнучкість\n    ✓ Підходить для словників\n    ✗ Немає автодоповнення\n    end note\n}\n\ncard \"Комбінований підхід\\n(часткова фіксованість)\" as Hybrid #FEF3C7 {\n    note bottom\n    **Комбінуйте обидва:**\n    {\n      required: string;\n      [key: string]: string;\n    }\n    \n    ✓ Обов'язкові властивості\n    ✓ Додаткові довільні ключі\n    end note\n}\n\nFixed -down-> Hybrid : можна комбінувати\nDynamic -down-> Hybrid : можна комбінувати\n@enduml\n",[3763,13673,13674,13678,13682,13686,13690,13695,13699,13704,13709,13714,13719,13724,13729,13733,13737,13741,13746,13750,13755,13760,13764,13769,13774,13779,13783,13787,13791,13796,13800,13805,13810,13815,13820,13825,13829,13834,13839,13843,13847,13851,13856,13861],{"__ignoreMap":3855},[3859,13675,13676],{"class":3861,"line":3862},[3859,13677,4587],{},[3859,13679,13680],{"class":3861,"line":3869},[3859,13681,4592],{},[3859,13683,13684],{"class":3861,"line":3912},[3859,13685,4597],{},[3859,13687,13688],{"class":3861,"line":3938},[3859,13689,3976],{"emptyLinePlaceholder":3975},[3859,13691,13692],{"class":3861,"line":3972},[3859,13693,13694],{},"card \"Фіксована структура\\n(знаємо всі властивості)\" as Fixed #DCFCE7 {\n",[3859,13696,13697],{"class":3861,"line":3979},[3859,13698,7846],{},[3859,13700,13701],{"class":3861,"line":3985},[3859,13702,13703],{},"    **Використовуйте явну типізацію:**\n",[3859,13705,13706],{"class":3861,"line":4016},[3859,13707,13708],{},"    { name: string; age: number }\n",[3859,13710,13711],{"class":3861,"line":4040},[3859,13712,13713],{},"    \n",[3859,13715,13716],{"class":3861,"line":4045},[3859,13717,13718],{},"    ✓ Автодоповнення в IDE\n",[3859,13720,13721],{"class":3861,"line":4051},[3859,13722,13723],{},"    ✓ Строга перевірка властивостей\n",[3859,13725,13726],{"class":3861,"line":4069},[3859,13727,13728],{},"    ✓ Захист від помилок\n",[3859,13730,13731],{"class":3861,"line":4355},[3859,13732,7876],{},[3859,13734,13735],{"class":3861,"line":4371},[3859,13736,4626],{},[3859,13738,13739],{"class":3861,"line":4389},[3859,13740,3976],{"emptyLinePlaceholder":3975},[3859,13742,13743],{"class":3861,"line":4656},[3859,13744,13745],{},"card \"Динамічна структура\\n(ключі невідомі)\" as Dynamic #DBEAFE {\n",[3859,13747,13748],{"class":3861,"line":4662},[3859,13749,7846],{},[3859,13751,13752],{"class":3861,"line":4668},[3859,13753,13754],{},"    **Використовуйте index signature:**\n",[3859,13756,13757],{"class":3861,"line":4673},[3859,13758,13759],{},"    { [key: string]: ValueType }\n",[3859,13761,13762],{"class":3861,"line":4679},[3859,13763,13713],{},[3859,13765,13766],{"class":3861,"line":4684},[3859,13767,13768],{},"    ✓ Гнучкість\n",[3859,13770,13771],{"class":3861,"line":4690},[3859,13772,13773],{},"    ✓ Підходить для словників\n",[3859,13775,13776],{"class":3861,"line":4696},[3859,13777,13778],{},"    ✗ Немає автодоповнення\n",[3859,13780,13781],{"class":3861,"line":4702},[3859,13782,7876],{},[3859,13784,13785],{"class":3861,"line":4708},[3859,13786,4626],{},[3859,13788,13789],{"class":3861,"line":4714},[3859,13790,3976],{"emptyLinePlaceholder":3975},[3859,13792,13793],{"class":3861,"line":4719},[3859,13794,13795],{},"card \"Комбінований підхід\\n(часткова фіксованість)\" as Hybrid #FEF3C7 {\n",[3859,13797,13798],{"class":3861,"line":4725},[3859,13799,7846],{},[3859,13801,13802],{"class":3861,"line":4731},[3859,13803,13804],{},"    **Комбінуйте обидва:**\n",[3859,13806,13807],{"class":3861,"line":4737},[3859,13808,13809],{},"    {\n",[3859,13811,13812],{"class":3861,"line":4742},[3859,13813,13814],{},"      required: string;\n",[3859,13816,13817],{"class":3861,"line":7965},[3859,13818,13819],{},"      [key: string]: string;\n",[3859,13821,13822],{"class":3861,"line":7970},[3859,13823,13824],{},"    }\n",[3859,13826,13827],{"class":3861,"line":7976},[3859,13828,13713],{},[3859,13830,13831],{"class":3861,"line":7982},[3859,13832,13833],{},"    ✓ Обов'язкові властивості\n",[3859,13835,13836],{"class":3861,"line":7987},[3859,13837,13838],{},"    ✓ Додаткові довільні ключі\n",[3859,13840,13841],{"class":3861,"line":7993},[3859,13842,7876],{},[3859,13844,13845],{"class":3861,"line":7999},[3859,13846,4626],{},[3859,13848,13849],{"class":3861,"line":8005},[3859,13850,3976],{"emptyLinePlaceholder":3975},[3859,13852,13853],{"class":3861,"line":8011},[3859,13854,13855],{},"Fixed -down-> Hybrid : можна комбінувати\n",[3859,13857,13858],{"class":3861,"line":8017},[3859,13859,13860],{},"Dynamic -down-> Hybrid : можна комбінувати\n",[3859,13862,13863],{"class":3861,"line":8022},[3859,13864,4745],{},[3817,13866],{},[3820,13868,13870],{"id":13869},"методи-обєктів-та-this","Методи об'єктів та this",[3825,13872,13874],{"id":13873},"обєкти-можуть-містити-функції","Об'єкти можуть містити функції",[3830,13876,13877,13878,8983],{},"Функція, що є властивістю об'єкта, називається ",[3782,13879,13880],{},"методом",[3850,13882,13884],{"className":4764,"code":13883,"language":4766,"meta":3855,"style":3855},"let user: {\n  name: string;\n  age: number;\n  greet: () => string;  \u002F\u002F метод без параметрів, повертає string\n} = {\n  name: \"Alice\",\n  age: 28,\n  greet: () => {\n    return \"Hello!\";\n  }\n};\n\nconsole.log(user.greet());  \u002F\u002F \"Hello!\"\n",[3763,13885,13886,13894,13904,13914,13931,13935,13943,13951,13964,13973,13977,13981,13985],{"__ignoreMap":3855},[3859,13887,13888,13890,13892],{"class":3861,"line":3862},[3859,13889,3873],{"class":3872},[3859,13891,8115],{"class":3876},[3859,13893,11074],{"class":3880},[3859,13895,13896,13898,13900,13902],{"class":3861,"line":3869},[3859,13897,11079],{"class":3876},[3859,13899,4777],{"class":3880},[3859,13901,4816],{"class":4780},[3859,13903,4066],{"class":3880},[3859,13905,13906,13908,13910,13912],{"class":3861,"line":3912},[3859,13907,11090],{"class":3876},[3859,13909,4777],{"class":3880},[3859,13911,4781],{"class":4780},[3859,13913,4066],{"class":3880},[3859,13915,13916,13919,13922,13924,13926,13928],{"class":3861,"line":3938},[3859,13917,13918],{"class":3994},"  greet",[3859,13920,13921],{"class":3880},": () ",[3859,13923,5682],{"class":3872},[3859,13925,7397],{"class":4780},[3859,13927,4138],{"class":3880},[3859,13929,13930],{"class":3865},"\u002F\u002F метод без параметрів, повертає string\n",[3859,13932,13933],{"class":3861,"line":3972},[3859,13934,11135],{"class":3880},[3859,13936,13937,13939,13941],{"class":3861,"line":3979},[3859,13938,9794],{"class":3876},[3859,13940,4446],{"class":3922},[3859,13942,7408],{"class":3880},[3859,13944,13945,13947,13949],{"class":3861,"line":3985},[3859,13946,9803],{"class":3876},[3859,13948,4454],{"class":3884},[3859,13950,7408],{"class":3880},[3859,13952,13953,13955,13957,13960,13962],{"class":3861,"line":4016},[3859,13954,13918],{"class":3994},[3859,13956,8983],{"class":3876},[3859,13958,13959],{"class":3880}," () ",[3859,13961,5682],{"class":3872},[3859,13963,6512],{"class":3880},[3859,13965,13966,13968,13971],{"class":3861,"line":4040},[3859,13967,9598],{"class":6418},[3859,13969,13970],{"class":3922}," \"Hello!\"",[3859,13972,4066],{"class":3880},[3859,13974,13975],{"class":3861,"line":4045},[3859,13976,6473],{"class":3880},[3859,13978,13979],{"class":3861,"line":4051},[3859,13980,9830],{"class":3880},[3859,13982,13983],{"class":3861,"line":4069},[3859,13984,3976],{"emptyLinePlaceholder":3975},[3859,13986,13987,13989,13991,13993,13995,13997,13999,14001,14004],{"class":3861,"line":4355},[3859,13988,3988],{"class":3876},[3859,13990,3991],{"class":3880},[3859,13992,3995],{"class":3994},[3859,13994,3998],{"class":3880},[3859,13996,8354],{"class":3876},[3859,13998,3991],{"class":3880},[3859,14000,10984],{"class":3994},[3859,14002,14003],{"class":3880},"());  ",[3859,14005,14006],{"class":3865},"\u002F\u002F \"Hello!\"\n",[3830,14008,14009],{},[3782,14010,14011],{},"Метод з параметрами:",[3850,14013,14015],{"className":4764,"code":14014,"language":4766,"meta":3855,"style":3855},"let calculator: {\n  add: (a: number, b: number) => number;\n  subtract: (a: number, b: number) => number;\n} = {\n  add: (a, b) => a + b,\n  subtract: (a, b) => a - b\n};\n\nconsole.log(calculator.add(5, 3));      \u002F\u002F 8\nconsole.log(calculator.subtract(10, 4)); \u002F\u002F 6\n",[3763,14016,14017,14026,14056,14085,14089,14116,14142,14146,14150,14182],{"__ignoreMap":3855},[3859,14018,14019,14021,14024],{"class":3861,"line":3862},[3859,14020,3873],{"class":3872},[3859,14022,14023],{"class":3876}," calculator",[3859,14025,11074],{"class":3880},[3859,14027,14028,14031,14034,14036,14038,14040,14042,14044,14046,14048,14050,14052,14054],{"class":3861,"line":3869},[3859,14029,14030],{"class":3994},"  add",[3859,14032,14033],{"class":3880},": (",[3859,14035,9548],{"class":3876},[3859,14037,4777],{"class":3880},[3859,14039,4781],{"class":4780},[3859,14041,3888],{"class":3880},[3859,14043,9557],{"class":3876},[3859,14045,4777],{"class":3880},[3859,14047,4781],{"class":4780},[3859,14049,5679],{"class":3880},[3859,14051,5682],{"class":3872},[3859,14053,7000],{"class":4780},[3859,14055,4066],{"class":3880},[3859,14057,14058,14061,14063,14065,14067,14069,14071,14073,14075,14077,14079,14081,14083],{"class":3861,"line":3912},[3859,14059,14060],{"class":3994},"  subtract",[3859,14062,14033],{"class":3880},[3859,14064,9548],{"class":3876},[3859,14066,4777],{"class":3880},[3859,14068,4781],{"class":4780},[3859,14070,3888],{"class":3880},[3859,14072,9557],{"class":3876},[3859,14074,4777],{"class":3880},[3859,14076,4781],{"class":4780},[3859,14078,5679],{"class":3880},[3859,14080,5682],{"class":3872},[3859,14082,7000],{"class":4780},[3859,14084,4066],{"class":3880},[3859,14086,14087],{"class":3861,"line":3938},[3859,14088,11135],{"class":3880},[3859,14090,14091,14093,14095,14097,14099,14101,14103,14105,14107,14110,14112,14114],{"class":3861,"line":3972},[3859,14092,14030],{"class":3994},[3859,14094,8983],{"class":3876},[3859,14096,3835],{"class":3880},[3859,14098,9548],{"class":3876},[3859,14100,3888],{"class":3880},[3859,14102,9557],{"class":3876},[3859,14104,5679],{"class":3880},[3859,14106,5682],{"class":3872},[3859,14108,14109],{"class":3876}," a",[3859,14111,7338],{"class":3880},[3859,14113,9557],{"class":3876},[3859,14115,7408],{"class":3880},[3859,14117,14118,14120,14122,14124,14126,14128,14130,14132,14134,14136,14139],{"class":3861,"line":3979},[3859,14119,14060],{"class":3994},[3859,14121,8983],{"class":3876},[3859,14123,3835],{"class":3880},[3859,14125,9548],{"class":3876},[3859,14127,3888],{"class":3880},[3859,14129,9557],{"class":3876},[3859,14131,5679],{"class":3880},[3859,14133,5682],{"class":3872},[3859,14135,14109],{"class":3876},[3859,14137,14138],{"class":3880}," - ",[3859,14140,14141],{"class":3876},"b\n",[3859,14143,14144],{"class":3861,"line":3985},[3859,14145,9830],{"class":3880},[3859,14147,14148],{"class":3861,"line":4016},[3859,14149,3976],{"emptyLinePlaceholder":3975},[3859,14151,14152,14154,14156,14158,14160,14163,14165,14168,14170,14172,14174,14176,14179],{"class":3861,"line":4040},[3859,14153,3988],{"class":3876},[3859,14155,3991],{"class":3880},[3859,14157,3995],{"class":3994},[3859,14159,3998],{"class":3880},[3859,14161,14162],{"class":3876},"calculator",[3859,14164,3991],{"class":3880},[3859,14166,14167],{"class":3994},"add",[3859,14169,3998],{"class":3880},[3859,14171,3906],{"class":3884},[3859,14173,3888],{"class":3880},[3859,14175,3896],{"class":3884},[3859,14177,14178],{"class":3880},"));      ",[3859,14180,14181],{"class":3865},"\u002F\u002F 8\n",[3859,14183,14184,14186,14188,14190,14192,14194,14196,14199,14201,14203,14205,14207,14210],{"class":3861,"line":4045},[3859,14185,3988],{"class":3876},[3859,14187,3991],{"class":3880},[3859,14189,3995],{"class":3994},[3859,14191,3998],{"class":3880},[3859,14193,14162],{"class":3876},[3859,14195,3991],{"class":3880},[3859,14197,14198],{"class":3994},"subtract",[3859,14200,3998],{"class":3880},[3859,14202,8304],{"class":3884},[3859,14204,3888],{"class":3880},[3859,14206,3901],{"class":3884},[3859,14208,14209],{"class":3880},")); ",[3859,14211,14212],{"class":3865},"\u002F\u002F 6\n",[3825,14214,14216],{"id":14215},"альтернативний-синтаксис-для-методів","Альтернативний синтаксис для методів",[3830,14218,14219,14220,8983],{},"Замість стрілочних функцій можна використовувати ",[3782,14221,14222],{},"method shorthand",[3850,14224,14226],{"className":4764,"code":14225,"language":4766,"meta":3855,"style":3855},"let user: {\n  name: string;\n  greet(): string;  \u002F\u002F метод через shorthand синтаксис\n} = {\n  name: \"Alice\",\n  greet() {  \u002F\u002F function shorthand\n    return `Hello, I'm ${this.name}!`;\n  }\n};\n\nconsole.log(user.greet());  \u002F\u002F \"Hello, I'm Alice!\"\n",[3763,14227,14228,14236,14246,14260,14264,14272,14282,14304,14308,14312,14316],{"__ignoreMap":3855},[3859,14229,14230,14232,14234],{"class":3861,"line":3862},[3859,14231,3873],{"class":3872},[3859,14233,8115],{"class":3876},[3859,14235,11074],{"class":3880},[3859,14237,14238,14240,14242,14244],{"class":3861,"line":3869},[3859,14239,11079],{"class":3876},[3859,14241,4777],{"class":3880},[3859,14243,4816],{"class":4780},[3859,14245,4066],{"class":3880},[3859,14247,14248,14250,14253,14255,14257],{"class":3861,"line":3912},[3859,14249,13918],{"class":3994},[3859,14251,14252],{"class":3880},"(): ",[3859,14254,4816],{"class":4780},[3859,14256,4138],{"class":3880},[3859,14258,14259],{"class":3865},"\u002F\u002F метод через shorthand синтаксис\n",[3859,14261,14262],{"class":3861,"line":3938},[3859,14263,11135],{"class":3880},[3859,14265,14266,14268,14270],{"class":3861,"line":3972},[3859,14267,9794],{"class":3876},[3859,14269,4446],{"class":3922},[3859,14271,7408],{"class":3880},[3859,14273,14274,14276,14279],{"class":3861,"line":3979},[3859,14275,13918],{"class":3994},[3859,14277,14278],{"class":3880},"() {  ",[3859,14280,14281],{"class":3865},"\u002F\u002F function shorthand\n",[3859,14283,14284,14286,14289,14291,14294,14296,14298,14300,14302],{"class":3861,"line":3985},[3859,14285,9598],{"class":6418},[3859,14287,14288],{"class":3922}," `Hello, I'm ",[3859,14290,6552],{"class":3872},[3859,14292,14293],{"class":3872},"this",[3859,14295,3991],{"class":10525},[3859,14297,7589],{"class":3876},[3859,14299,6557],{"class":3872},[3859,14301,10964],{"class":3922},[3859,14303,4066],{"class":3880},[3859,14305,14306],{"class":3861,"line":4016},[3859,14307,6473],{"class":3880},[3859,14309,14310],{"class":3861,"line":4040},[3859,14311,9830],{"class":3880},[3859,14313,14314],{"class":3861,"line":4045},[3859,14315,3976],{"emptyLinePlaceholder":3975},[3859,14317,14318,14320,14322,14324,14326,14328,14330,14332,14334],{"class":3861,"line":4051},[3859,14319,3988],{"class":3876},[3859,14321,3991],{"class":3880},[3859,14323,3995],{"class":3994},[3859,14325,3998],{"class":3880},[3859,14327,8354],{"class":3876},[3859,14329,3991],{"class":3880},[3859,14331,10984],{"class":3994},[3859,14333,14003],{"class":3880},[3859,14335,14336],{"class":3865},"\u002F\u002F \"Hello, I'm Alice!\"\n",[3830,14338,14339],{},[3782,14340,14341],{},"Різниця між стрілочною функцією та method shorthand:",[3747,14343,14344,14359],{},[3750,14345,14346,14352,14353,14355,14356,14358],{},[3782,14347,14348,14349,8983],{},"Стрілочна функція ",[3763,14350,14351],{},"() =>"," не має власного ",[3763,14354,14293],{},", успадковує ",[3763,14357,14293],{}," з контексту",[3750,14360,14361,14367,14368,14370],{},[3782,14362,14363,14364,8983],{},"Method shorthand ",[3763,14365,14366],{},"method() {}"," має власний ",[3763,14369,14293],{},", що вказує на об'єкт",[3850,14372,14374],{"className":4764,"code":14373,"language":4766,"meta":3855,"style":3855},"let user = {\n  name: \"Alice\",\n  \n  \u002F\u002F Method shorthand: this = user\n  greet1() {\n    return `Hello, I'm ${this.name}!`;\n  },\n  \n  \u002F\u002F Arrow function: this = undefined (або window у браузері)\n  greet2: () => {\n    \u002F\u002F Error: 'this' implicitly has type 'any'\n    return `Hello, I'm ${this.name}!`;\n  }\n};\n\nconsole.log(user.greet1());  \u002F\u002F \"Hello, I'm Alice!\"\nconsole.log(user.greet2());  \u002F\u002F Error або undefined\n",[3763,14375,14376,14384,14392,14396,14401,14409,14429,14434,14438,14443,14456,14461,14481,14485,14489,14493,14514],{"__ignoreMap":3855},[3859,14377,14378,14380,14382],{"class":3861,"line":3862},[3859,14379,3873],{"class":3872},[3859,14381,8115],{"class":3876},[3859,14383,9789],{"class":3880},[3859,14385,14386,14388,14390],{"class":3861,"line":3869},[3859,14387,9794],{"class":3876},[3859,14389,4446],{"class":3922},[3859,14391,7408],{"class":3880},[3859,14393,14394],{"class":3861,"line":3912},[3859,14395,12045],{"class":3880},[3859,14397,14398],{"class":3861,"line":3938},[3859,14399,14400],{"class":3865},"  \u002F\u002F Method shorthand: this = user\n",[3859,14402,14403,14406],{"class":3861,"line":3972},[3859,14404,14405],{"class":3994},"  greet1",[3859,14407,14408],{"class":3880},"() {\n",[3859,14410,14411,14413,14415,14417,14419,14421,14423,14425,14427],{"class":3861,"line":3979},[3859,14412,9598],{"class":6418},[3859,14414,14288],{"class":3922},[3859,14416,6552],{"class":3872},[3859,14418,14293],{"class":3872},[3859,14420,3991],{"class":10525},[3859,14422,7589],{"class":3876},[3859,14424,6557],{"class":3872},[3859,14426,10964],{"class":3922},[3859,14428,4066],{"class":3880},[3859,14430,14431],{"class":3861,"line":3985},[3859,14432,14433],{"class":3880},"  },\n",[3859,14435,14436],{"class":3861,"line":4016},[3859,14437,12045],{"class":3880},[3859,14439,14440],{"class":3861,"line":4040},[3859,14441,14442],{"class":3865},"  \u002F\u002F Arrow function: this = undefined (або window у браузері)\n",[3859,14444,14445,14448,14450,14452,14454],{"class":3861,"line":4045},[3859,14446,14447],{"class":3994},"  greet2",[3859,14449,8983],{"class":3876},[3859,14451,13959],{"class":3880},[3859,14453,5682],{"class":3872},[3859,14455,6512],{"class":3880},[3859,14457,14458],{"class":3861,"line":4051},[3859,14459,14460],{"class":3865},"    \u002F\u002F Error: 'this' implicitly has type 'any'\n",[3859,14462,14463,14465,14467,14469,14471,14473,14475,14477,14479],{"class":3861,"line":4069},[3859,14464,9598],{"class":6418},[3859,14466,14288],{"class":3922},[3859,14468,6552],{"class":3872},[3859,14470,14293],{"class":3872},[3859,14472,3991],{"class":10525},[3859,14474,7589],{"class":3876},[3859,14476,6557],{"class":3872},[3859,14478,10964],{"class":3922},[3859,14480,4066],{"class":3880},[3859,14482,14483],{"class":3861,"line":4355},[3859,14484,6473],{"class":3880},[3859,14486,14487],{"class":3861,"line":4371},[3859,14488,9830],{"class":3880},[3859,14490,14491],{"class":3861,"line":4389},[3859,14492,3976],{"emptyLinePlaceholder":3975},[3859,14494,14495,14497,14499,14501,14503,14505,14507,14510,14512],{"class":3861,"line":4656},[3859,14496,3988],{"class":3876},[3859,14498,3991],{"class":3880},[3859,14500,3995],{"class":3994},[3859,14502,3998],{"class":3880},[3859,14504,8354],{"class":3876},[3859,14506,3991],{"class":3880},[3859,14508,14509],{"class":3994},"greet1",[3859,14511,14003],{"class":3880},[3859,14513,14336],{"class":3865},[3859,14515,14516,14518,14520,14522,14524,14526,14528,14531,14533],{"class":3861,"line":4662},[3859,14517,3988],{"class":3876},[3859,14519,3991],{"class":3880},[3859,14521,3995],{"class":3994},[3859,14523,3998],{"class":3880},[3859,14525,8354],{"class":3876},[3859,14527,3991],{"class":3880},[3859,14529,14530],{"class":3994},"greet2",[3859,14532,14003],{"class":3880},[3859,14534,14535],{"class":3865},"\u002F\u002F Error або undefined\n",[4406,14537,14538,14539,14542,14543,14545,14546,3991],{},"У TypeScript із ",[3763,14540,14541],{},"strict: true"," компілятор заборонить використовувати ",[3763,14544,14293],{}," у стрілочній функції без явної типізації контексту. Це захищає вас від помилок з неправильним ",[3763,14547,14293],{},[3825,14549,14551],{"id":14550},"типізація-this-у-методах","Типізація this у методах",[3830,14553,14554,14555,14557],{},"Для методів, що використовують ",[3763,14556,14293],{},", TypeScript автоматично виводить тип:",[3850,14559,14561],{"className":4764,"code":14560,"language":4766,"meta":3855,"style":3855},"let user: {\n  name: string;\n  age: number;\n  greet(): string;\n  haveBirthday(): void;\n} = {\n  name: \"Alice\",\n  age: 28,\n  \n  greet() {\n    \u002F\u002F TypeScript знає, що this — це об'єкт з name: string\n    return `Hello, I'm ${this.name}!`;\n  },\n  \n  haveBirthday() {\n    \u002F\u002F TypeScript знає, що this.age — це number\n    this.age++;\n  }\n};\n\nconsole.log(user.age);  \u002F\u002F 28\nuser.haveBirthday();\nconsole.log(user.age);  \u002F\u002F 29\n",[3763,14562,14563,14571,14581,14591,14601,14612,14616,14624,14632,14636,14642,14647,14667,14671,14675,14681,14686,14698,14702,14706,14710,14731,14742],{"__ignoreMap":3855},[3859,14564,14565,14567,14569],{"class":3861,"line":3862},[3859,14566,3873],{"class":3872},[3859,14568,8115],{"class":3876},[3859,14570,11074],{"class":3880},[3859,14572,14573,14575,14577,14579],{"class":3861,"line":3869},[3859,14574,11079],{"class":3876},[3859,14576,4777],{"class":3880},[3859,14578,4816],{"class":4780},[3859,14580,4066],{"class":3880},[3859,14582,14583,14585,14587,14589],{"class":3861,"line":3912},[3859,14584,11090],{"class":3876},[3859,14586,4777],{"class":3880},[3859,14588,4781],{"class":4780},[3859,14590,4066],{"class":3880},[3859,14592,14593,14595,14597,14599],{"class":3861,"line":3938},[3859,14594,13918],{"class":3994},[3859,14596,14252],{"class":3880},[3859,14598,4816],{"class":4780},[3859,14600,4066],{"class":3880},[3859,14602,14603,14606,14608,14610],{"class":3861,"line":3972},[3859,14604,14605],{"class":3994},"  haveBirthday",[3859,14607,14252],{"class":3880},[3859,14609,7451],{"class":4780},[3859,14611,4066],{"class":3880},[3859,14613,14614],{"class":3861,"line":3979},[3859,14615,11135],{"class":3880},[3859,14617,14618,14620,14622],{"class":3861,"line":3985},[3859,14619,9794],{"class":3876},[3859,14621,4446],{"class":3922},[3859,14623,7408],{"class":3880},[3859,14625,14626,14628,14630],{"class":3861,"line":4016},[3859,14627,9803],{"class":3876},[3859,14629,4454],{"class":3884},[3859,14631,7408],{"class":3880},[3859,14633,14634],{"class":3861,"line":4040},[3859,14635,12045],{"class":3880},[3859,14637,14638,14640],{"class":3861,"line":4045},[3859,14639,13918],{"class":3994},[3859,14641,14408],{"class":3880},[3859,14643,14644],{"class":3861,"line":4051},[3859,14645,14646],{"class":3865},"    \u002F\u002F TypeScript знає, що this — це об'єкт з name: string\n",[3859,14648,14649,14651,14653,14655,14657,14659,14661,14663,14665],{"class":3861,"line":4069},[3859,14650,9598],{"class":6418},[3859,14652,14288],{"class":3922},[3859,14654,6552],{"class":3872},[3859,14656,14293],{"class":3872},[3859,14658,3991],{"class":10525},[3859,14660,7589],{"class":3876},[3859,14662,6557],{"class":3872},[3859,14664,10964],{"class":3922},[3859,14666,4066],{"class":3880},[3859,14668,14669],{"class":3861,"line":4355},[3859,14670,14433],{"class":3880},[3859,14672,14673],{"class":3861,"line":4371},[3859,14674,12045],{"class":3880},[3859,14676,14677,14679],{"class":3861,"line":4389},[3859,14678,14605],{"class":3994},[3859,14680,14408],{"class":3880},[3859,14682,14683],{"class":3861,"line":4656},[3859,14684,14685],{"class":3865},"    \u002F\u002F TypeScript знає, що this.age — це number\n",[3859,14687,14688,14691,14693,14695],{"class":3861,"line":4662},[3859,14689,14690],{"class":3872},"    this",[3859,14692,3991],{"class":3880},[3859,14694,4518],{"class":3876},[3859,14696,14697],{"class":3880},"++;\n",[3859,14699,14700],{"class":3861,"line":4668},[3859,14701,6473],{"class":3880},[3859,14703,14704],{"class":3861,"line":4673},[3859,14705,9830],{"class":3880},[3859,14707,14708],{"class":3861,"line":4679},[3859,14709,3976],{"emptyLinePlaceholder":3975},[3859,14711,14712,14714,14716,14718,14720,14722,14724,14726,14728],{"class":3861,"line":4684},[3859,14713,3988],{"class":3876},[3859,14715,3991],{"class":3880},[3859,14717,3995],{"class":3994},[3859,14719,3998],{"class":3880},[3859,14721,8354],{"class":3876},[3859,14723,3991],{"class":3880},[3859,14725,4518],{"class":3876},[3859,14727,4082],{"class":3880},[3859,14729,14730],{"class":3865},"\u002F\u002F 28\n",[3859,14732,14733,14735,14737,14740],{"class":3861,"line":4690},[3859,14734,8354],{"class":3876},[3859,14736,3991],{"class":3880},[3859,14738,14739],{"class":3994},"haveBirthday",[3859,14741,4343],{"class":3880},[3859,14743,14744,14746,14748,14750,14752,14754,14756,14758,14760],{"class":3861,"line":4696},[3859,14745,3988],{"class":3876},[3859,14747,3991],{"class":3880},[3859,14749,3995],{"class":3994},[3859,14751,3998],{"class":3880},[3859,14753,8354],{"class":3876},[3859,14755,3991],{"class":3880},[3859,14757,4518],{"class":3876},[3859,14759,4082],{"class":3880},[3859,14761,14762],{"class":3865},"\u002F\u002F 29\n",[6242,14764,14765,14766,9729,14768,14771],{},"Для складних об'єктів з багатьма методами краще використовувати ",[3763,14767,7811],{},[3763,14769,14770],{},"class",", які ви вивчите у наступних розділах. Inline-типізація стає незручною для великих структур.",[3817,14773],{},[3820,14775,14777],{"id":14776},"практичні-приклади-та-патерни","Практичні приклади та патерни",[3825,14779,14781],{"id":14780},"приклад-1-валідація-форми","Приклад 1: Валідація форми",[3850,14783,14785],{"className":4764,"code":14784,"language":4766,"meta":3855,"style":3855},"function validateForm(form: {\n  username: string;\n  email: string;\n  age: number;\n}): { valid: boolean; errors: string[] } {\n  let errors: string[] = [];\n  \n  if (form.username.length \u003C 3) {\n    errors.push(\"Username must be at least 3 characters\");\n  }\n  \n  if (!form.email.includes(\"@\")) {\n    errors.push(\"Invalid email format\");\n  }\n  \n  if (form.age \u003C 18) {\n    errors.push(\"Must be at least 18 years old\");\n  }\n  \n  return {\n    valid: errors.length === 0,\n    errors: errors\n  };\n}\n\nlet form = {\n  username: \"al\",\n  email: \"alice.example.com\",\n  age: 16\n};\n\nlet result = validateForm(form);\nconsole.log(result);\n\u002F\u002F {\n\u002F\u002F   valid: false,\n\u002F\u002F   errors: [\n\u002F\u002F     \"Username must be at least 3 characters\",\n\u002F\u002F     \"Invalid email format\",\n\u002F\u002F     \"Must be at least 18 years old\"\n\u002F\u002F   ]\n\u002F\u002F }\n",[3763,14786,14787,14801,14812,14822,14832,14856,14870,14874,14899,14915,14919,14923,14946,14961,14965,14969,14988,15003,15007,15011,15017,15034,15042,15046,15050,15054,15063,15073,15082,15089,15093,15097,15115,15129,15133,15138,15143,15148,15153,15158,15163],{"__ignoreMap":3855},[3859,14788,14789,14791,14794,14796,14799],{"class":3861,"line":3862},[3859,14790,7433],{"class":3872},[3859,14792,14793],{"class":3994}," validateForm",[3859,14795,3998],{"class":3880},[3859,14797,14798],{"class":3876},"form",[3859,14800,11074],{"class":3880},[3859,14802,14803,14806,14808,14810],{"class":3861,"line":3869},[3859,14804,14805],{"class":3876},"  username",[3859,14807,4777],{"class":3880},[3859,14809,4816],{"class":4780},[3859,14811,4066],{"class":3880},[3859,14813,14814,14816,14818,14820],{"class":3861,"line":3912},[3859,14815,11537],{"class":3876},[3859,14817,4777],{"class":3880},[3859,14819,4816],{"class":4780},[3859,14821,4066],{"class":3880},[3859,14823,14824,14826,14828,14830],{"class":3861,"line":3938},[3859,14825,11090],{"class":3876},[3859,14827,4777],{"class":3880},[3859,14829,4781],{"class":4780},[3859,14831,4066],{"class":3880},[3859,14833,14834,14837,14840,14842,14844,14846,14849,14851,14853],{"class":3861,"line":3972},[3859,14835,14836],{"class":3880},"}): { ",[3859,14838,14839],{"class":3876},"valid",[3859,14841,4777],{"class":3880},[3859,14843,4845],{"class":4780},[3859,14845,7596],{"class":3880},[3859,14847,14848],{"class":3876},"errors",[3859,14850,4777],{"class":3880},[3859,14852,4816],{"class":4780},[3859,14854,14855],{"class":3880},"[] } {\n",[3859,14857,14858,14861,14864,14866,14868],{"class":3861,"line":3979},[3859,14859,14860],{"class":3872},"  let",[3859,14862,14863],{"class":3876}," errors",[3859,14865,4777],{"class":3880},[3859,14867,4816],{"class":4780},[3859,14869,5297],{"class":3880},[3859,14871,14872],{"class":3861,"line":3985},[3859,14873,12045],{"class":3880},[3859,14875,14876,14878,14880,14882,14884,14887,14889,14892,14895,14897],{"class":3861,"line":4016},[3859,14877,7458],{"class":6418},[3859,14879,3835],{"class":3880},[3859,14881,14798],{"class":3876},[3859,14883,3991],{"class":3880},[3859,14885,14886],{"class":3876},"username",[3859,14888,3991],{"class":3880},[3859,14890,14891],{"class":3876},"length",[3859,14893,14894],{"class":3880}," \u003C ",[3859,14896,3896],{"class":3884},[3859,14898,6434],{"class":3880},[3859,14900,14901,14904,14906,14908,14910,14913],{"class":3861,"line":4040},[3859,14902,14903],{"class":3876},"    errors",[3859,14905,3991],{"class":3880},[3859,14907,5114],{"class":3994},[3859,14909,3998],{"class":3880},[3859,14911,14912],{"class":3922},"\"Username must be at least 3 characters\"",[3859,14914,4315],{"class":3880},[3859,14916,14917],{"class":3861,"line":4045},[3859,14918,6473],{"class":3880},[3859,14920,14921],{"class":3861,"line":4051},[3859,14922,12045],{"class":3880},[3859,14924,14925,14927,14929,14931,14933,14935,14937,14939,14941,14944],{"class":3861,"line":4069},[3859,14926,7458],{"class":6418},[3859,14928,7461],{"class":3880},[3859,14930,14798],{"class":3876},[3859,14932,3991],{"class":3880},[3859,14934,10434],{"class":3876},[3859,14936,3991],{"class":3880},[3859,14938,5994],{"class":3994},[3859,14940,3998],{"class":3880},[3859,14942,14943],{"class":3922},"\"@\"",[3859,14945,7475],{"class":3880},[3859,14947,14948,14950,14952,14954,14956,14959],{"class":3861,"line":4355},[3859,14949,14903],{"class":3876},[3859,14951,3991],{"class":3880},[3859,14953,5114],{"class":3994},[3859,14955,3998],{"class":3880},[3859,14957,14958],{"class":3922},"\"Invalid email format\"",[3859,14960,4315],{"class":3880},[3859,14962,14963],{"class":3861,"line":4371},[3859,14964,6473],{"class":3880},[3859,14966,14967],{"class":3861,"line":4389},[3859,14968,12045],{"class":3880},[3859,14970,14971,14973,14975,14977,14979,14981,14983,14986],{"class":3861,"line":4656},[3859,14972,7458],{"class":6418},[3859,14974,3835],{"class":3880},[3859,14976,14798],{"class":3876},[3859,14978,3991],{"class":3880},[3859,14980,4518],{"class":3876},[3859,14982,14894],{"class":3880},[3859,14984,14985],{"class":3884},"18",[3859,14987,6434],{"class":3880},[3859,14989,14990,14992,14994,14996,14998,15001],{"class":3861,"line":4662},[3859,14991,14903],{"class":3876},[3859,14993,3991],{"class":3880},[3859,14995,5114],{"class":3994},[3859,14997,3998],{"class":3880},[3859,14999,15000],{"class":3922},"\"Must be at least 18 years old\"",[3859,15002,4315],{"class":3880},[3859,15004,15005],{"class":3861,"line":4668},[3859,15006,6473],{"class":3880},[3859,15008,15009],{"class":3861,"line":4673},[3859,15010,12045],{"class":3880},[3859,15012,15013,15015],{"class":3861,"line":4679},[3859,15014,8893],{"class":6418},[3859,15016,6512],{"class":3880},[3859,15018,15019,15022,15024,15026,15028,15030,15032],{"class":3861,"line":4684},[3859,15020,15021],{"class":3876},"    valid:",[3859,15023,14863],{"class":3876},[3859,15025,3991],{"class":3880},[3859,15027,14891],{"class":3876},[3859,15029,4222],{"class":3880},[3859,15031,4007],{"class":3884},[3859,15033,7408],{"class":3880},[3859,15035,15036,15039],{"class":3861,"line":4690},[3859,15037,15038],{"class":3876},"    errors:",[3859,15040,15041],{"class":3876}," errors\n",[3859,15043,15044],{"class":3861,"line":4696},[3859,15045,11130],{"class":3880},[3859,15047,15048],{"class":3861,"line":4702},[3859,15049,4626],{"class":3880},[3859,15051,15052],{"class":3861,"line":4708},[3859,15053,3976],{"emptyLinePlaceholder":3975},[3859,15055,15056,15058,15061],{"class":3861,"line":4714},[3859,15057,3873],{"class":3872},[3859,15059,15060],{"class":3876}," form",[3859,15062,9789],{"class":3880},[3859,15064,15065,15068,15071],{"class":3861,"line":4719},[3859,15066,15067],{"class":3876},"  username:",[3859,15069,15070],{"class":3922}," \"al\"",[3859,15072,7408],{"class":3880},[3859,15074,15075,15077,15080],{"class":3861,"line":4725},[3859,15076,9812],{"class":3876},[3859,15078,15079],{"class":3922}," \"alice.example.com\"",[3859,15081,7408],{"class":3880},[3859,15083,15084,15086],{"class":3861,"line":4731},[3859,15085,9803],{"class":3876},[3859,15087,15088],{"class":3884}," 16\n",[3859,15090,15091],{"class":3861,"line":4737},[3859,15092,9830],{"class":3880},[3859,15094,15095],{"class":3861,"line":4742},[3859,15096,3976],{"emptyLinePlaceholder":3975},[3859,15098,15099,15101,15104,15106,15109,15111,15113],{"class":3861,"line":7965},[3859,15100,3873],{"class":3872},[3859,15102,15103],{"class":3876}," result",[3859,15105,4132],{"class":3880},[3859,15107,15108],{"class":3994},"validateForm",[3859,15110,3998],{"class":3880},[3859,15112,14798],{"class":3876},[3859,15114,4315],{"class":3880},[3859,15116,15117,15119,15121,15123,15125,15127],{"class":3861,"line":7970},[3859,15118,3988],{"class":3876},[3859,15120,3991],{"class":3880},[3859,15122,3995],{"class":3994},[3859,15124,3998],{"class":3880},[3859,15126,9649],{"class":3876},[3859,15128,4315],{"class":3880},[3859,15130,15131],{"class":3861,"line":7976},[3859,15132,9970],{"class":3865},[3859,15134,15135],{"class":3861,"line":7982},[3859,15136,15137],{"class":3865},"\u002F\u002F   valid: false,\n",[3859,15139,15140],{"class":3861,"line":7987},[3859,15141,15142],{"class":3865},"\u002F\u002F   errors: [\n",[3859,15144,15145],{"class":3861,"line":7993},[3859,15146,15147],{"class":3865},"\u002F\u002F     \"Username must be at least 3 characters\",\n",[3859,15149,15150],{"class":3861,"line":7999},[3859,15151,15152],{"class":3865},"\u002F\u002F     \"Invalid email format\",\n",[3859,15154,15155],{"class":3861,"line":8005},[3859,15156,15157],{"class":3865},"\u002F\u002F     \"Must be at least 18 years old\"\n",[3859,15159,15160],{"class":3861,"line":8011},[3859,15161,15162],{"class":3865},"\u002F\u002F   ]\n",[3859,15164,15165],{"class":3861,"line":8017},[3859,15166,10000],{"class":3865},[3825,15168,15170],{"id":15169},"приклад-2-робота-зі-словником","Приклад 2: Робота зі словником",[3850,15172,15174],{"className":4764,"code":15173,"language":4766,"meta":3855,"style":3855},"function countWords(text: string): { [word: string]: number } {\n  let counts: { [word: string]: number } = {};\n  \n  let words = text.toLowerCase().split(\u002F\\s+\u002F);\n  \n  for (let word of words) {\n    if (counts[word]) {\n      counts[word]++;\n    } else {\n      counts[word] = 1;\n    }\n  }\n  \n  return counts;\n}\n\nlet text = \"hello world hello TypeScript world\";\nlet wordCounts = countWords(text);\n\nconsole.log(wordCounts);\n\u002F\u002F {\n\u002F\u002F   hello: 2,\n\u002F\u002F   world: 2,\n\u002F\u002F   typescript: 1\n\u002F\u002F }\n",[3763,15175,15176,15209,15231,15235,15272,15276,15293,15310,15322,15331,15345,15349,15353,15357,15365,15369,15373,15387,15405,15409,15424,15428,15433,15438,15443],{"__ignoreMap":3855},[3859,15177,15178,15180,15183,15185,15188,15190,15192,15195,15198,15200,15202,15204,15206],{"class":3861,"line":3862},[3859,15179,7433],{"class":3872},[3859,15181,15182],{"class":3994}," countWords",[3859,15184,3998],{"class":3880},[3859,15186,15187],{"class":3876},"text",[3859,15189,4777],{"class":3880},[3859,15191,4816],{"class":4780},[3859,15193,15194],{"class":3880},"): { [",[3859,15196,15197],{"class":3876},"word",[3859,15199,4777],{"class":3880},[3859,15201,4816],{"class":4780},[3859,15203,12429],{"class":3880},[3859,15205,4781],{"class":4780},[3859,15207,15208],{"class":3880}," } {\n",[3859,15210,15211,15213,15216,15218,15220,15222,15224,15226,15228],{"class":3861,"line":3869},[3859,15212,14860],{"class":3872},[3859,15214,15215],{"class":3876}," counts",[3859,15217,12419],{"class":3880},[3859,15219,15197],{"class":3876},[3859,15221,4777],{"class":3880},[3859,15223,4816],{"class":4780},[3859,15225,12429],{"class":3880},[3859,15227,4781],{"class":4780},[3859,15229,15230],{"class":3880}," } = {};\n",[3859,15232,15233],{"class":3861,"line":3912},[3859,15234,12045],{"class":3880},[3859,15236,15237,15239,15242,15244,15246,15248,15251,15254,15257,15259,15263,15267,15270],{"class":3861,"line":3938},[3859,15238,14860],{"class":3872},[3859,15240,15241],{"class":3876}," words",[3859,15243,4132],{"class":3880},[3859,15245,15187],{"class":3876},[3859,15247,3991],{"class":3880},[3859,15249,15250],{"class":3994},"toLowerCase",[3859,15252,15253],{"class":3880},"().",[3859,15255,15256],{"class":3994},"split",[3859,15258,3998],{"class":3880},[3859,15260,15262],{"class":15261},"shsrj","\u002F\\s",[3859,15264,15266],{"class":15265},"sYsli","+",[3859,15268,15269],{"class":15261},"\u002F",[3859,15271,4315],{"class":3880},[3859,15273,15274],{"class":3861,"line":3972},[3859,15275,12045],{"class":3880},[3859,15277,15278,15280,15282,15284,15287,15289,15291],{"class":3861,"line":3979},[3859,15279,6439],{"class":6418},[3859,15281,3835],{"class":3880},[3859,15283,3873],{"class":3872},[3859,15285,15286],{"class":3876}," word",[3859,15288,6429],{"class":3872},[3859,15290,15241],{"class":3876},[3859,15292,6434],{"class":3880},[3859,15294,15295,15298,15300,15303,15305,15307],{"class":3861,"line":3985},[3859,15296,15297],{"class":6418},"    if",[3859,15299,3835],{"class":3880},[3859,15301,15302],{"class":3876},"counts",[3859,15304,4004],{"class":3880},[3859,15306,15197],{"class":3876},[3859,15308,15309],{"class":3880},"]) {\n",[3859,15311,15312,15315,15317,15319],{"class":3861,"line":4016},[3859,15313,15314],{"class":3876},"      counts",[3859,15316,4004],{"class":3880},[3859,15318,15197],{"class":3876},[3859,15320,15321],{"class":3880},"]++;\n",[3859,15323,15324,15327,15329],{"class":3861,"line":4040},[3859,15325,15326],{"class":3880},"    } ",[3859,15328,9702],{"class":6418},[3859,15330,6512],{"class":3880},[3859,15332,15333,15335,15337,15339,15341,15343],{"class":3861,"line":4045},[3859,15334,15314],{"class":3876},[3859,15336,4004],{"class":3880},[3859,15338,15197],{"class":3876},[3859,15340,4060],{"class":3880},[3859,15342,3885],{"class":3884},[3859,15344,4066],{"class":3880},[3859,15346,15347],{"class":3861,"line":4051},[3859,15348,13824],{"class":3880},[3859,15350,15351],{"class":3861,"line":4069},[3859,15352,6473],{"class":3880},[3859,15354,15355],{"class":3861,"line":4355},[3859,15356,12045],{"class":3880},[3859,15358,15359,15361,15363],{"class":3861,"line":4371},[3859,15360,8893],{"class":6418},[3859,15362,15215],{"class":3876},[3859,15364,4066],{"class":3880},[3859,15366,15367],{"class":3861,"line":4389},[3859,15368,4626],{"class":3880},[3859,15370,15371],{"class":3861,"line":4656},[3859,15372,3976],{"emptyLinePlaceholder":3975},[3859,15374,15375,15377,15380,15382,15385],{"class":3861,"line":4662},[3859,15376,3873],{"class":3872},[3859,15378,15379],{"class":3876}," text",[3859,15381,4132],{"class":3880},[3859,15383,15384],{"class":3922},"\"hello world hello TypeScript world\"",[3859,15386,4066],{"class":3880},[3859,15388,15389,15391,15394,15396,15399,15401,15403],{"class":3861,"line":4668},[3859,15390,3873],{"class":3872},[3859,15392,15393],{"class":3876}," wordCounts",[3859,15395,4132],{"class":3880},[3859,15397,15398],{"class":3994},"countWords",[3859,15400,3998],{"class":3880},[3859,15402,15187],{"class":3876},[3859,15404,4315],{"class":3880},[3859,15406,15407],{"class":3861,"line":4673},[3859,15408,3976],{"emptyLinePlaceholder":3975},[3859,15410,15411,15413,15415,15417,15419,15422],{"class":3861,"line":4679},[3859,15412,3988],{"class":3876},[3859,15414,3991],{"class":3880},[3859,15416,3995],{"class":3994},[3859,15418,3998],{"class":3880},[3859,15420,15421],{"class":3876},"wordCounts",[3859,15423,4315],{"class":3880},[3859,15425,15426],{"class":3861,"line":4684},[3859,15427,9970],{"class":3865},[3859,15429,15430],{"class":3861,"line":4690},[3859,15431,15432],{"class":3865},"\u002F\u002F   hello: 2,\n",[3859,15434,15435],{"class":3861,"line":4696},[3859,15436,15437],{"class":3865},"\u002F\u002F   world: 2,\n",[3859,15439,15440],{"class":3861,"line":4702},[3859,15441,15442],{"class":3865},"\u002F\u002F   typescript: 1\n",[3859,15444,15445],{"class":3861,"line":4708},[3859,15446,10000],{"class":3865},[3825,15448,15450],{"id":15449},"приклад-3-конфігурація-з-readonly","Приклад 3: Конфігурація з readonly",[3850,15452,15454],{"className":4764,"code":15453,"language":4766,"meta":3855,"style":3855},"function createConfig(): {\n  readonly apiUrl: string;\n  readonly timeout: number;\n  readonly retries: number;\n} {\n  return {\n    apiUrl: \"https:\u002F\u002Fapi.example.com\",\n    timeout: 5000,\n    retries: 3\n  };\n}\n\nlet config = createConfig();\n\nconsole.log(config.apiUrl);  \u002F\u002F \"https:\u002F\u002Fapi.example.com\"\n\n\u002F\u002F ❌ Не можна змінювати конфігурацію\n\u002F\u002F config.timeout = 10000;  \u002F\u002F Error: Cannot assign to 'timeout'\n",[3763,15455,15456,15466,15479,15492,15505,15510,15516,15526,15536,15544,15548,15552,15556,15569,15573,15595,15599,15604],{"__ignoreMap":3855},[3859,15457,15458,15460,15463],{"class":3861,"line":3862},[3859,15459,7433],{"class":3872},[3859,15461,15462],{"class":3994}," createConfig",[3859,15464,15465],{"class":3880},"(): {\n",[3859,15467,15468,15470,15473,15475,15477],{"class":3861,"line":3869},[3859,15469,11827],{"class":3872},[3859,15471,15472],{"class":3876}," apiUrl",[3859,15474,4777],{"class":3880},[3859,15476,4816],{"class":4780},[3859,15478,4066],{"class":3880},[3859,15480,15481,15483,15486,15488,15490],{"class":3861,"line":3912},[3859,15482,11827],{"class":3872},[3859,15484,15485],{"class":3876}," timeout",[3859,15487,4777],{"class":3880},[3859,15489,4781],{"class":4780},[3859,15491,4066],{"class":3880},[3859,15493,15494,15496,15499,15501,15503],{"class":3861,"line":3938},[3859,15495,11827],{"class":3872},[3859,15497,15498],{"class":3876}," retries",[3859,15500,4777],{"class":3880},[3859,15502,4781],{"class":4780},[3859,15504,4066],{"class":3880},[3859,15506,15507],{"class":3861,"line":3972},[3859,15508,15509],{"class":3880},"} {\n",[3859,15511,15512,15514],{"class":3861,"line":3979},[3859,15513,8893],{"class":6418},[3859,15515,6512],{"class":3880},[3859,15517,15518,15521,15524],{"class":3861,"line":3985},[3859,15519,15520],{"class":3876},"    apiUrl:",[3859,15522,15523],{"class":3922}," \"https:\u002F\u002Fapi.example.com\"",[3859,15525,7408],{"class":3880},[3859,15527,15528,15531,15534],{"class":3861,"line":4016},[3859,15529,15530],{"class":3876},"    timeout:",[3859,15532,15533],{"class":3884}," 5000",[3859,15535,7408],{"class":3880},[3859,15537,15538,15541],{"class":3861,"line":4040},[3859,15539,15540],{"class":3876},"    retries:",[3859,15542,15543],{"class":3884}," 3\n",[3859,15545,15546],{"class":3861,"line":4045},[3859,15547,11130],{"class":3880},[3859,15549,15550],{"class":3861,"line":4051},[3859,15551,4626],{"class":3880},[3859,15553,15554],{"class":3861,"line":4069},[3859,15555,3976],{"emptyLinePlaceholder":3975},[3859,15557,15558,15560,15562,15564,15567],{"class":3861,"line":4355},[3859,15559,3873],{"class":3872},[3859,15561,6826],{"class":3876},[3859,15563,4132],{"class":3880},[3859,15565,15566],{"class":3994},"createConfig",[3859,15568,4343],{"class":3880},[3859,15570,15571],{"class":3861,"line":4371},[3859,15572,3976],{"emptyLinePlaceholder":3975},[3859,15574,15575,15577,15579,15581,15583,15585,15587,15590,15592],{"class":3861,"line":4389},[3859,15576,3988],{"class":3876},[3859,15578,3991],{"class":3880},[3859,15580,3995],{"class":3994},[3859,15582,3998],{"class":3880},[3859,15584,6857],{"class":3876},[3859,15586,3991],{"class":3880},[3859,15588,15589],{"class":3876},"apiUrl",[3859,15591,4082],{"class":3880},[3859,15593,15594],{"class":3865},"\u002F\u002F \"https:\u002F\u002Fapi.example.com\"\n",[3859,15596,15597],{"class":3861,"line":4656},[3859,15598,3976],{"emptyLinePlaceholder":3975},[3859,15600,15601],{"class":3861,"line":4662},[3859,15602,15603],{"class":3865},"\u002F\u002F ❌ Не можна змінювати конфігурацію\n",[3859,15605,15606,15609],{"class":3861,"line":4668},[3859,15607,15608],{"class":3865},"\u002F\u002F config.timeout = 10000;",[3859,15610,15611],{"class":3865},"  \u002F\u002F Error: Cannot assign to 'timeout'\n",[3825,15613,15615],{"id":15614},"приклад-4-обєкт-з-опціональними-метаданими","Приклад 4: Об'єкт з опціональними метаданими",[3850,15617,15619],{"className":4764,"code":15618,"language":4766,"meta":3855,"style":3855},"function fetchUser(id: number): {\n  id: number;\n  name: string;\n  email: string;\n  avatar?: string;  \u002F\u002F опціонально\n  bio?: string;     \u002F\u002F опціонально\n} {\n  \u002F\u002F Імітація запиту до API\n  if (id === 1) {\n    return {\n      id: 1,\n      name: \"Alice\",\n      email: \"alice@example.com\",\n      avatar: \"\u002Favatars\u002Falice.jpg\"\n      \u002F\u002F bio відсутнє\n    };\n  } else {\n    return {\n      id: 2,\n      name: \"Bob\",\n      email: \"bob@example.com\"\n      \u002F\u002F avatar і bio відсутні\n    };\n  }\n}\n\nlet user1 = fetchUser(1);\nlet user2 = fetchUser(2);\n\nconsole.log(user1.avatar);  \u002F\u002F \"\u002Favatars\u002Falice.jpg\"\nconsole.log(user2.avatar);  \u002F\u002F undefined\n\nif (user2.avatar) {\n  console.log(`Avatar: ${user2.avatar}`);\n} else {\n  console.log(\"No avatar\");\n}\n",[3763,15620,15621,15639,15650,15660,15670,15684,15697,15701,15706,15720,15726,15735,15744,15753,15761,15766,15771,15780,15786,15795,15803,15810,15815,15819,15823,15827,15831,15848,15864,15868,15891,15913,15917,15931,15958,15966,15981],{"__ignoreMap":3855},[3859,15622,15623,15625,15628,15630,15632,15634,15636],{"class":3861,"line":3862},[3859,15624,7433],{"class":3872},[3859,15626,15627],{"class":3994}," fetchUser",[3859,15629,3998],{"class":3880},[3859,15631,8867],{"class":3876},[3859,15633,4777],{"class":3880},[3859,15635,4781],{"class":4780},[3859,15637,15638],{"class":3880},"): {\n",[3859,15640,15641,15644,15646,15648],{"class":3861,"line":3869},[3859,15642,15643],{"class":3876},"  id",[3859,15645,4777],{"class":3880},[3859,15647,4781],{"class":4780},[3859,15649,4066],{"class":3880},[3859,15651,15652,15654,15656,15658],{"class":3861,"line":3912},[3859,15653,11079],{"class":3876},[3859,15655,4777],{"class":3880},[3859,15657,4816],{"class":4780},[3859,15659,4066],{"class":3880},[3859,15661,15662,15664,15666,15668],{"class":3861,"line":3938},[3859,15663,11537],{"class":3876},[3859,15665,4777],{"class":3880},[3859,15667,4816],{"class":4780},[3859,15669,4066],{"class":3880},[3859,15671,15672,15675,15677,15679,15681],{"class":3861,"line":3972},[3859,15673,15674],{"class":3876},"  avatar",[3859,15676,11540],{"class":3880},[3859,15678,4816],{"class":4780},[3859,15680,4138],{"class":3880},[3859,15682,15683],{"class":3865},"\u002F\u002F опціонально\n",[3859,15685,15686,15689,15691,15693,15695],{"class":3861,"line":3979},[3859,15687,15688],{"class":3876},"  bio",[3859,15690,11540],{"class":3880},[3859,15692,4816],{"class":4780},[3859,15694,5178],{"class":3880},[3859,15696,15683],{"class":3865},[3859,15698,15699],{"class":3861,"line":3985},[3859,15700,15509],{"class":3880},[3859,15702,15703],{"class":3861,"line":4016},[3859,15704,15705],{"class":3865},"  \u002F\u002F Імітація запиту до API\n",[3859,15707,15708,15710,15712,15714,15716,15718],{"class":3861,"line":4040},[3859,15709,7458],{"class":6418},[3859,15711,3835],{"class":3880},[3859,15713,8867],{"class":3876},[3859,15715,4222],{"class":3880},[3859,15717,3885],{"class":3884},[3859,15719,6434],{"class":3880},[3859,15721,15722,15724],{"class":3861,"line":4045},[3859,15723,9598],{"class":6418},[3859,15725,6512],{"class":3880},[3859,15727,15728,15731,15733],{"class":3861,"line":4051},[3859,15729,15730],{"class":3876},"      id:",[3859,15732,11868],{"class":3884},[3859,15734,7408],{"class":3880},[3859,15736,15737,15740,15742],{"class":3861,"line":4069},[3859,15738,15739],{"class":3876},"      name:",[3859,15741,4446],{"class":3922},[3859,15743,7408],{"class":3880},[3859,15745,15746,15749,15751],{"class":3861,"line":4355},[3859,15747,15748],{"class":3876},"      email:",[3859,15750,9815],{"class":3922},[3859,15752,7408],{"class":3880},[3859,15754,15755,15758],{"class":3861,"line":4371},[3859,15756,15757],{"class":3876},"      avatar:",[3859,15759,15760],{"class":3922}," \"\u002Favatars\u002Falice.jpg\"\n",[3859,15762,15763],{"class":3861,"line":4389},[3859,15764,15765],{"class":3865},"      \u002F\u002F bio відсутнє\n",[3859,15767,15768],{"class":3861,"line":4656},[3859,15769,15770],{"class":3880},"    };\n",[3859,15772,15773,15776,15778],{"class":3861,"line":4662},[3859,15774,15775],{"class":3880},"  } ",[3859,15777,9702],{"class":6418},[3859,15779,6512],{"class":3880},[3859,15781,15782,15784],{"class":3861,"line":4668},[3859,15783,9598],{"class":6418},[3859,15785,6512],{"class":3880},[3859,15787,15788,15790,15793],{"class":3861,"line":4673},[3859,15789,15730],{"class":3876},[3859,15791,15792],{"class":3884}," 2",[3859,15794,7408],{"class":3880},[3859,15796,15797,15799,15801],{"class":3861,"line":4679},[3859,15798,15739],{"class":3876},[3859,15800,4466],{"class":3922},[3859,15802,7408],{"class":3880},[3859,15804,15805,15807],{"class":3861,"line":4684},[3859,15806,15748],{"class":3876},[3859,15808,15809],{"class":3922}," \"bob@example.com\"\n",[3859,15811,15812],{"class":3861,"line":4690},[3859,15813,15814],{"class":3865},"      \u002F\u002F avatar і bio відсутні\n",[3859,15816,15817],{"class":3861,"line":4696},[3859,15818,15770],{"class":3880},[3859,15820,15821],{"class":3861,"line":4702},[3859,15822,6473],{"class":3880},[3859,15824,15825],{"class":3861,"line":4708},[3859,15826,4626],{"class":3880},[3859,15828,15829],{"class":3861,"line":4714},[3859,15830,3976],{"emptyLinePlaceholder":3975},[3859,15832,15833,15835,15837,15839,15842,15844,15846],{"class":3861,"line":4719},[3859,15834,3873],{"class":3872},[3859,15836,9038],{"class":3876},[3859,15838,4132],{"class":3880},[3859,15840,15841],{"class":3994},"fetchUser",[3859,15843,3998],{"class":3880},[3859,15845,3885],{"class":3884},[3859,15847,4315],{"class":3880},[3859,15849,15850,15852,15854,15856,15858,15860,15862],{"class":3861,"line":4725},[3859,15851,3873],{"class":3872},[3859,15853,9067],{"class":3876},[3859,15855,4132],{"class":3880},[3859,15857,15841],{"class":3994},[3859,15859,3998],{"class":3880},[3859,15861,3891],{"class":3884},[3859,15863,4315],{"class":3880},[3859,15865,15866],{"class":3861,"line":4731},[3859,15867,3976],{"emptyLinePlaceholder":3975},[3859,15869,15870,15872,15874,15876,15878,15881,15883,15886,15888],{"class":3861,"line":4737},[3859,15871,3988],{"class":3876},[3859,15873,3991],{"class":3880},[3859,15875,3995],{"class":3994},[3859,15877,3998],{"class":3880},[3859,15879,15880],{"class":3876},"user1",[3859,15882,3991],{"class":3880},[3859,15884,15885],{"class":3876},"avatar",[3859,15887,4082],{"class":3880},[3859,15889,15890],{"class":3865},"\u002F\u002F \"\u002Favatars\u002Falice.jpg\"\n",[3859,15892,15893,15895,15897,15899,15901,15904,15906,15908,15910],{"class":3861,"line":4742},[3859,15894,3988],{"class":3876},[3859,15896,3991],{"class":3880},[3859,15898,3995],{"class":3994},[3859,15900,3998],{"class":3880},[3859,15902,15903],{"class":3876},"user2",[3859,15905,3991],{"class":3880},[3859,15907,15885],{"class":3876},[3859,15909,4082],{"class":3880},[3859,15911,15912],{"class":3865},"\u002F\u002F undefined\n",[3859,15914,15915],{"class":3861,"line":7965},[3859,15916,3976],{"emptyLinePlaceholder":3975},[3859,15918,15919,15921,15923,15925,15927,15929],{"class":3861,"line":7970},[3859,15920,9674],{"class":6418},[3859,15922,3835],{"class":3880},[3859,15924,15903],{"class":3876},[3859,15926,3991],{"class":3880},[3859,15928,15885],{"class":3876},[3859,15930,6434],{"class":3880},[3859,15932,15933,15935,15937,15939,15941,15944,15946,15948,15950,15952,15954,15956],{"class":3861,"line":7976},[3859,15934,7510],{"class":3876},[3859,15936,3991],{"class":3880},[3859,15938,3995],{"class":3994},[3859,15940,3998],{"class":3880},[3859,15942,15943],{"class":3922},"`Avatar: ",[3859,15945,6552],{"class":3872},[3859,15947,15903],{"class":3876},[3859,15949,3991],{"class":10525},[3859,15951,15885],{"class":3876},[3859,15953,6557],{"class":3872},[3859,15955,6576],{"class":3922},[3859,15957,4315],{"class":3880},[3859,15959,15960,15962,15964],{"class":3861,"line":7982},[3859,15961,9699],{"class":3880},[3859,15963,9702],{"class":6418},[3859,15965,6512],{"class":3880},[3859,15967,15968,15970,15972,15974,15976,15979],{"class":3861,"line":7987},[3859,15969,7510],{"class":3876},[3859,15971,3991],{"class":3880},[3859,15973,3995],{"class":3994},[3859,15975,3998],{"class":3880},[3859,15977,15978],{"class":3922},"\"No avatar\"",[3859,15980,4315],{"class":3880},[3859,15982,15983],{"class":3861,"line":7993},[3859,15984,4626],{"class":3880},[3817,15986],{},[3820,15988,15990],{"id":15989},"підсумок","Підсумок",[3830,15992,15993],{},"У цьому розділі ви опанували складні типи даних TypeScript та їх внутрішню будову у JavaScript:",[3830,15995,15996],{},[3782,15997,15998],{},"Масиви:",[3747,16000,16001,16004,16015,16031,16037],{},[3750,16002,16003],{},"Масиви — це reference type, що зберігаються у купі за посиланням.",[3750,16005,16006,16007,16009,16010,3888,16012,4571],{},"Типізація через ",[3763,16008,4760],{}," синтаксис (наприклад, ",[3763,16011,8054],{},[3763,16013,16014],{},"string[][]",[3750,16016,16017,16018,3888,16020,3888,16022,16024,16025,3888,16027,3888,16029,4571],{},"Методи масивів: mutating (",[3763,16019,5114],{},[3763,16021,5450],{},[3763,16023,5539],{},") та non-mutating (",[3763,16026,5670],{},[3763,16028,5724],{},[3763,16030,4340],{},[3750,16032,16033,16034,16036],{},"Модифікатор ",[3763,16035,3765],{}," захищає масив від змін.",[3750,16038,16039],{},"Поверхнева vs глибока копія через spread оператор.",[3830,16041,16042],{},[3782,16043,16044],{},"Кортежі:",[3747,16046,16047,16052,16055,16062],{},[3750,16048,16049,16050,3991],{},"Кортежі — масиви фіксованої довжини з типізацією кожної позиції: ",[3763,16051,9736],{},[3750,16053,16054],{},"Ідеально підходять для пар, трійок та функцій з кількома поверненими значеннями.",[3750,16056,16057,16058,16061],{},"Підтримують опціональні елементи (",[3763,16059,16060],{},"[string, number?]",") та rest-синтаксис.",[3750,16063,16033,16064,16066],{},[3763,16065,3765],{}," робить кортеж незмінним.",[3830,16068,16069],{},[3782,16070,16071],{},"Об'єкти:",[3747,16073,16074,16077,16083,16090,16095,16101],{},[3750,16075,16076],{},"Об'єкти — колекції іменованих властивостей, також reference type.",[3750,16078,16079,16080,3991],{},"Inline-типізація: ",[3763,16081,16082],{},"{ name: string; age: number }",[3750,16084,16085,16086,4777,16088,3991],{},"Опціональні властивості через ",[3763,16087,8982],{},[3763,16089,11796],{},[3750,16091,16033,16092,16094],{},[3763,16093,3765],{}," для захисту критичних властивостей.",[3750,16096,16097,16098,3991],{},"Index signatures для динамічних ключів: ",[3763,16099,16100],{},"{ [key: string]: ValueType }",[3750,16102,16103],{},"Методи об'єктів та різниця між arrow functions та method shorthand.",[3830,16105,16106],{},[3782,16107,16108],{},"Ключові принципи:",[3747,16110,16111,16117,16123,16129],{},[3750,16112,16113,16114,3991],{},"Завжди типізуйте порожні масиви явно: ",[3763,16115,16116],{},"let items: number[] = []",[3750,16118,16119,16120,16122],{},"Використовуйте ",[3763,16121,3765],{}," для захисту незмінних даних.",[3750,16124,16125,16126,16128],{},"Inline-типізація зручна для простих структур, але для складних об'єктів краще використовувати ",[3763,16127,7811],{}," (ви вивчите їх пізніше).",[3750,16130,16131],{},"Структурна типізація TypeScript дозволяє об'єктам мати «зайві» властивості у деяких контекстах.",[16133,16134,16135,16281,16397,16597,16700,16849],"accordion",{},[16136,16137,16140,16149,16216,16221,16273],"accordion-item",{"icon":16138,"label":16139},"i-lucide-help-circle","❓ Чому const не захищає масив від змін?",[3830,16141,16142,16143,16145,16146,16148],{},"Ключове слово ",[3763,16144,6822],{}," захищає лише ",[3782,16147,6899],{}," на масив від переприсвоєння, але не сам масив від модифікації:",[3850,16150,16152],{"className":4764,"code":16151,"language":4766,"meta":3855,"style":3855},"const numbers = [1, 2, 3];\n\nnumbers = [4, 5, 6];  \u002F\u002F Error: Cannot assign to 'numbers'\nnumbers.push(4);      \u002F\u002F OK: сам масив можна змінювати\n",[3763,16153,16154,16174,16178,16199],{"__ignoreMap":3855},[3859,16155,16156,16158,16160,16162,16164,16166,16168,16170,16172],{"class":3861,"line":3862},[3859,16157,6822],{"class":3872},[3859,16159,3877],{"class":6825},[3859,16161,3881],{"class":3880},[3859,16163,3885],{"class":3884},[3859,16165,3888],{"class":3880},[3859,16167,3891],{"class":3884},[3859,16169,3888],{"class":3880},[3859,16171,3896],{"class":3884},[3859,16173,3909],{"class":3880},[3859,16175,16176],{"class":3861,"line":3869},[3859,16177,3976],{"emptyLinePlaceholder":3975},[3859,16179,16180,16182,16184,16186,16188,16190,16192,16194,16196],{"class":3861,"line":3912},[3859,16181,4001],{"class":3876},[3859,16183,3881],{"class":3880},[3859,16185,3901],{"class":3884},[3859,16187,3888],{"class":3880},[3859,16189,3906],{"class":3884},[3859,16191,3888],{"class":3880},[3859,16193,4916],{"class":3884},[3859,16195,3966],{"class":3880},[3859,16197,16198],{"class":3865},"\u002F\u002F Error: Cannot assign to 'numbers'\n",[3859,16200,16201,16203,16205,16207,16209,16211,16213],{"class":3861,"line":3938},[3859,16202,4001],{"class":3876},[3859,16204,3991],{"class":3880},[3859,16206,5114],{"class":3994},[3859,16208,3998],{"class":3880},[3859,16210,3901],{"class":3884},[3859,16212,4200],{"class":3880},[3859,16214,16215],{"class":3865},"\u002F\u002F OK: сам масив можна змінювати\n",[3830,16217,16218,16219,8983],{},"Щоб заборонити зміни вмісту масиву, використовуйте ",[3763,16220,3765],{},[3850,16222,16224],{"className":4764,"code":16223,"language":4766,"meta":3855,"style":3855},"const numbers: readonly number[] = [1, 2, 3];\n\nnumbers.push(4);  \u002F\u002F Error: Property 'push' does not exist\n",[3763,16225,16226,16252,16256],{"__ignoreMap":3855},[3859,16227,16228,16230,16232,16234,16236,16238,16240,16242,16244,16246,16248,16250],{"class":3861,"line":3862},[3859,16229,6822],{"class":3872},[3859,16231,3877],{"class":6825},[3859,16233,4777],{"class":3880},[3859,16235,3765],{"class":3872},[3859,16237,7000],{"class":4780},[3859,16239,4784],{"class":3880},[3859,16241,3885],{"class":3884},[3859,16243,3888],{"class":3880},[3859,16245,3891],{"class":3884},[3859,16247,3888],{"class":3880},[3859,16249,3896],{"class":3884},[3859,16251,3909],{"class":3880},[3859,16253,16254],{"class":3861,"line":3869},[3859,16255,3976],{"emptyLinePlaceholder":3975},[3859,16257,16258,16260,16262,16264,16266,16268,16270],{"class":3861,"line":3912},[3859,16259,4001],{"class":3876},[3859,16261,3991],{"class":3880},[3859,16263,5114],{"class":3994},[3859,16265,3998],{"class":3880},[3859,16267,3901],{"class":3884},[3859,16269,4082],{"class":3880},[3859,16271,16272],{"class":3865},"\u002F\u002F Error: Property 'push' does not exist\n",[3830,16274,16275,16276,7338,16278,16280],{},"Найбільший захист: ",[3763,16277,6822],{},[3763,16279,3765],{}," = незмінне посилання + незмінний вміст.",[16136,16282,16284,16298,16346,16357,16394],{"icon":16138,"label":16283},"❓ Чим кортеж відрізняється від масиву?",[3830,16285,16286,3835,16288,16290,16291,16294,16295,8983],{},[3782,16287,3834],{},[3763,16289,8054],{},") — це колекція елементів ",[3782,16292,16293],{},"одного типу"," з ",[3782,16296,16297],{},"динамічною довжиною",[3850,16299,16301],{"className":4764,"code":16300,"language":4766,"meta":3855,"style":3855},"let scores: number[] = [85, 90, 78];\nscores.push(92);  \u002F\u002F можна додавати елементи\n",[3763,16302,16303,16328],{"__ignoreMap":3855},[3859,16304,16305,16307,16310,16312,16314,16316,16318,16320,16322,16324,16326],{"class":3861,"line":3862},[3859,16306,3873],{"class":3872},[3859,16308,16309],{"class":3876}," scores",[3859,16311,4777],{"class":3880},[3859,16313,4781],{"class":4780},[3859,16315,4784],{"class":3880},[3859,16317,9491],{"class":3884},[3859,16319,3888],{"class":3880},[3859,16321,9496],{"class":3884},[3859,16323,3888],{"class":3880},[3859,16325,9501],{"class":3884},[3859,16327,3909],{"class":3880},[3859,16329,16330,16333,16335,16337,16339,16341,16343],{"class":3861,"line":3869},[3859,16331,16332],{"class":3876},"scores",[3859,16334,3991],{"class":3880},[3859,16336,5114],{"class":3994},[3859,16338,3998],{"class":3880},[3859,16340,9506],{"class":3884},[3859,16342,4082],{"class":3880},[3859,16344,16345],{"class":3865},"\u002F\u002F можна додавати елементи\n",[3830,16347,16348,3835,16350,8043,16352,8047,16354,8983],{},[3782,16349,8039],{},[3763,16351,9736],{},[3782,16353,8046],{},[3782,16355,16356],{},"свій тип",[3850,16358,16360],{"className":4764,"code":16359,"language":4766,"meta":3855,"style":3855},"let user: [string, number] = [\"Alice\", 28];\n\u002F\u002F user.push(true);  \u002F\u002F Error: не можна додавати елементи\n",[3763,16361,16362,16386],{"__ignoreMap":3855},[3859,16363,16364,16366,16368,16370,16372,16374,16376,16378,16380,16382,16384],{"class":3861,"line":3862},[3859,16365,3873],{"class":3872},[3859,16367,8115],{"class":3876},[3859,16369,8080],{"class":3880},[3859,16371,4816],{"class":4780},[3859,16373,3888],{"class":3880},[3859,16375,4781],{"class":4780},[3859,16377,8089],{"class":3880},[3859,16379,4821],{"class":3922},[3859,16381,3888],{"class":3880},[3859,16383,8136],{"class":3884},[3859,16385,3909],{"class":3880},[3859,16387,16388,16391],{"class":3861,"line":3869},[3859,16389,16390],{"class":3865},"\u002F\u002F user.push(true);",[3859,16392,16393],{"class":3865},"  \u002F\u002F Error: не можна додавати елементи\n",[3830,16395,16396],{},"Використовуйте кортежі для фіксованих структур (координати, пари ключ-значення), масиви — для динамічних колекцій.",[16136,16398,16400,16406,16508,16514,16586],{"icon":16138,"label":16399},"❓ Що таке shallow copy і deep copy?",[3830,16401,16402,16405],{},[3782,16403,16404],{},"Shallow copy"," (поверхнева копія) — копіюються лише властивості першого рівня. Вкладені об'єкти\u002Fмасиви залишаються посиланнями:",[3850,16407,16409],{"className":4764,"code":16408,"language":4766,"meta":3855,"style":3855},"let original = {\n  name: \"Alice\",\n  address: { city: \"Kyiv\" }\n};\n\nlet copy = { ...original };  \u002F\u002F shallow copy\n\ncopy.address.city = \"Lviv\";\nconsole.log(original.address.city);  \u002F\u002F \"Lviv\" — оригінал теж змінився!\n",[3763,16410,16411,16419,16427,16439,16443,16447,16462,16466,16484],{"__ignoreMap":3855},[3859,16412,16413,16415,16417],{"class":3861,"line":3862},[3859,16414,3873],{"class":3872},[3859,16416,4108],{"class":3876},[3859,16418,9789],{"class":3880},[3859,16420,16421,16423,16425],{"class":3861,"line":3869},[3859,16422,9794],{"class":3876},[3859,16424,4446],{"class":3922},[3859,16426,7408],{"class":3880},[3859,16428,16429,16431,16433,16435,16437],{"class":3861,"line":3912},[3859,16430,10278],{"class":3876},[3859,16432,7586],{"class":3880},[3859,16434,12155],{"class":3876},[3859,16436,10288],{"class":3922},[3859,16438,4476],{"class":3880},[3859,16440,16441],{"class":3861,"line":3938},[3859,16442,9830],{"class":3880},[3859,16444,16445],{"class":3861,"line":3972},[3859,16446,3976],{"emptyLinePlaceholder":3975},[3859,16448,16449,16451,16453,16455,16457,16460],{"class":3861,"line":3979},[3859,16450,3873],{"class":3872},[3859,16452,4129],{"class":3876},[3859,16454,10163],{"class":3880},[3859,16456,4135],{"class":3876},[3859,16458,16459],{"class":3880}," };  ",[3859,16461,4500],{"class":3865},[3859,16463,16464],{"class":3861,"line":3985},[3859,16465,3976],{"emptyLinePlaceholder":3975},[3859,16467,16468,16470,16472,16474,16476,16478,16480,16482],{"class":3861,"line":4016},[3859,16469,4150],{"class":3876},[3859,16471,3991],{"class":3880},[3859,16473,10335],{"class":3876},[3859,16475,3991],{"class":3880},[3859,16477,9940],{"class":3876},[3859,16479,4132],{"class":3880},[3859,16481,10344],{"class":3922},[3859,16483,4066],{"class":3880},[3859,16485,16486,16488,16490,16492,16494,16496,16498,16500,16502,16504,16506],{"class":3861,"line":4040},[3859,16487,3988],{"class":3876},[3859,16489,3991],{"class":3880},[3859,16491,3995],{"class":3994},[3859,16493,3998],{"class":3880},[3859,16495,4135],{"class":3876},[3859,16497,3991],{"class":3880},[3859,16499,10335],{"class":3876},[3859,16501,3991],{"class":3880},[3859,16503,9940],{"class":3876},[3859,16505,4082],{"class":3880},[3859,16507,10378],{"class":3865},[3830,16509,16510,16513],{},[3782,16511,16512],{},"Deep copy"," (глибока копія) — рекурсивно копіюються всі вкладені структури:",[3850,16515,16517],{"className":4764,"code":16516,"language":4766,"meta":3855,"style":3855},"let copy = structuredClone(original);  \u002F\u002F deep copy\n\ncopy.address.city = \"Lviv\";\nconsole.log(original.address.city);  \u002F\u002F \"Kyiv\" — оригінал НЕ змінився ✓\n",[3763,16518,16519,16539,16543,16561],{"__ignoreMap":3855},[3859,16520,16521,16523,16525,16527,16530,16532,16534,16536],{"class":3861,"line":3862},[3859,16522,3873],{"class":3872},[3859,16524,4129],{"class":3876},[3859,16526,4132],{"class":3880},[3859,16528,16529],{"class":3994},"structuredClone",[3859,16531,3998],{"class":3880},[3859,16533,4135],{"class":3876},[3859,16535,4082],{"class":3880},[3859,16537,16538],{"class":3865},"\u002F\u002F deep copy\n",[3859,16540,16541],{"class":3861,"line":3869},[3859,16542,3976],{"emptyLinePlaceholder":3975},[3859,16544,16545,16547,16549,16551,16553,16555,16557,16559],{"class":3861,"line":3912},[3859,16546,4150],{"class":3876},[3859,16548,3991],{"class":3880},[3859,16550,10335],{"class":3876},[3859,16552,3991],{"class":3880},[3859,16554,9940],{"class":3876},[3859,16556,4132],{"class":3880},[3859,16558,10344],{"class":3922},[3859,16560,4066],{"class":3880},[3859,16562,16563,16565,16567,16569,16571,16573,16575,16577,16579,16581,16583],{"class":3861,"line":3938},[3859,16564,3988],{"class":3876},[3859,16566,3991],{"class":3880},[3859,16568,3995],{"class":3994},[3859,16570,3998],{"class":3880},[3859,16572,4135],{"class":3876},[3859,16574,3991],{"class":3880},[3859,16576,10335],{"class":3876},[3859,16578,3991],{"class":3880},[3859,16580,9940],{"class":3876},[3859,16582,4082],{"class":3880},[3859,16584,16585],{"class":3865},"\u002F\u002F \"Kyiv\" — оригінал НЕ змінився ✓\n",[3830,16587,16588,16589,16592,16593,16596],{},"Spread оператор ",[3763,16590,16591],{},"{ ...obj }"," та ",[3763,16594,16595],{},"Object.assign()"," роблять лише shallow copy.",[16136,16598,16600,16606,16617,16622,16694],{"icon":16138,"label":16599},"❓ Коли використовувати index signature?",[3830,16601,16119,16602,16605],{},[3782,16603,16604],{},"index signature",", коли:",[3747,16607,16608,16611,16614],{},[3750,16609,16610],{},"Ключі об'єкта невідомі заздалегідь (словники, конфігурації, мапи).",[3750,16612,16613],{},"Кількість властивостей динамічна.",[3750,16615,16616],{},"Ви працюєте з даними зовнішніх джерел (JSON, API).",[3830,16618,16619],{},[3782,16620,16621],{},"Приклад:",[3850,16623,16625],{"className":4764,"code":16624,"language":4766,"meta":3855,"style":3855},"\u002F\u002F Словник перекладів\nlet translations: { [key: string]: string } = {\n  en: \"Hello\",\n  uk: \"Привіт\"\n};\n\ntranslations[\"de\"] = \"Hallo\";  \u002F\u002F можна додавати нові ключі\n",[3763,16626,16627,16632,16652,16660,16667,16671,16675],{"__ignoreMap":3855},[3859,16628,16629],{"class":3861,"line":3862},[3859,16630,16631],{"class":3865},"\u002F\u002F Словник перекладів\n",[3859,16633,16634,16636,16638,16640,16642,16644,16646,16648,16650],{"class":3861,"line":3869},[3859,16635,3873],{"class":3872},[3859,16637,12337],{"class":3876},[3859,16639,12419],{"class":3880},[3859,16641,12422],{"class":3876},[3859,16643,4777],{"class":3880},[3859,16645,4816],{"class":4780},[3859,16647,12429],{"class":3880},[3859,16649,4816],{"class":4780},[3859,16651,10441],{"class":3880},[3859,16653,16654,16656,16658],{"class":3861,"line":3912},[3859,16655,12344],{"class":3876},[3859,16657,12347],{"class":3922},[3859,16659,7408],{"class":3880},[3859,16661,16662,16664],{"class":3861,"line":3938},[3859,16663,12354],{"class":3876},[3859,16665,16666],{"class":3922}," \"Привіт\"\n",[3859,16668,16669],{"class":3861,"line":3972},[3859,16670,9830],{"class":3880},[3859,16672,16673],{"class":3861,"line":3979},[3859,16674,3976],{"emptyLinePlaceholder":3975},[3859,16676,16677,16679,16681,16684,16686,16689,16691],{"class":3861,"line":3985},[3859,16678,12488],{"class":3876},[3859,16680,4004],{"class":3880},[3859,16682,16683],{"class":3922},"\"de\"",[3859,16685,4060],{"class":3880},[3859,16687,16688],{"class":3922},"\"Hallo\"",[3859,16690,4138],{"class":3880},[3859,16692,16693],{"class":3865},"\u002F\u002F можна додавати нові ключі\n",[3830,16695,16696,16699],{},[3782,16697,16698],{},"НЕ використовуйте"," для фіксованих структур — краще явно перелічити властивості для автодоповнення в IDE.",[16136,16701,16703,16713,16788,16794],{"icon":16138,"label":16702},"❓ Чи можна змінити readonly властивість через JavaScript?",[3830,16704,16705,16706,16708,16709,16712],{},"Так, ",[3763,16707,3765],{}," — це ",[3782,16710,16711],{},"лише перевірка на рівні TypeScript",". Після компіляції у JavaScript код стає звичайним об'єктом без захисту:",[3850,16714,16716],{"className":4764,"code":16715,"language":4766,"meta":3855,"style":3855},"let user: { readonly id: number; name: string } = { id: 1, name: \"Alice\" };\n\n\u002F\u002F TypeScript заборонить:\n\u002F\u002F user.id = 2;  \u002F\u002F Error\n\n\u002F\u002F Але у скомпільованому JS:\n\u002F\u002F user.id = 2;  \u002F\u002F OK у JavaScript!\n",[3763,16717,16718,16757,16761,16766,16772,16776,16781],{"__ignoreMap":3855},[3859,16719,16720,16722,16724,16726,16728,16730,16732,16734,16736,16738,16740,16742,16744,16747,16749,16751,16753,16755],{"class":3861,"line":3862},[3859,16721,3873],{"class":3872},[3859,16723,8115],{"class":3876},[3859,16725,10415],{"class":3880},[3859,16727,3765],{"class":3872},[3859,16729,11830],{"class":3876},[3859,16731,4777],{"class":3880},[3859,16733,4781],{"class":4780},[3859,16735,7596],{"class":3880},[3859,16737,7589],{"class":3876},[3859,16739,4777],{"class":3880},[3859,16741,4816],{"class":4780},[3859,16743,10654],{"class":3880},[3859,16745,16746],{"class":3876},"id:",[3859,16748,11868],{"class":3884},[3859,16750,3888],{"class":3880},[3859,16752,4443],{"class":3876},[3859,16754,4446],{"class":3922},[3859,16756,10036],{"class":3880},[3859,16758,16759],{"class":3861,"line":3869},[3859,16760,3976],{"emptyLinePlaceholder":3975},[3859,16762,16763],{"class":3861,"line":3912},[3859,16764,16765],{"class":3865},"\u002F\u002F TypeScript заборонить:\n",[3859,16767,16768,16770],{"class":3861,"line":3938},[3859,16769,12177],{"class":3865},[3859,16771,7658],{"class":3865},[3859,16773,16774],{"class":3861,"line":3972},[3859,16775,3976],{"emptyLinePlaceholder":3975},[3859,16777,16778],{"class":3861,"line":3979},[3859,16779,16780],{"class":3865},"\u002F\u002F Але у скомпільованому JS:\n",[3859,16782,16783,16785],{"class":3861,"line":3985},[3859,16784,12177],{"class":3865},[3859,16786,16787],{"class":3865},"  \u002F\u002F OK у JavaScript!\n",[3830,16789,16790,16791,8983],{},"TypeScript не додає runtime-захист. Якщо потрібна справжня незмінність у runtime, використовуйте ",[3763,16792,16793],{},"Object.freeze()",[3850,16795,16797],{"className":4764,"code":16796,"language":4766,"meta":3855,"style":3855},"let user = Object.freeze({ id: 1, name: \"Alice\" });\n\nuser.id = 2;  \u002F\u002F Помилка у strict mode JS\n",[3763,16798,16799,16828,16832],{"__ignoreMap":3855},[3859,16800,16801,16803,16805,16807,16809,16811,16814,16816,16818,16820,16822,16824,16826],{"class":3861,"line":3862},[3859,16802,3873],{"class":3872},[3859,16804,8115],{"class":3876},[3859,16806,4132],{"class":3880},[3859,16808,10187],{"class":3876},[3859,16810,3991],{"class":3880},[3859,16812,16813],{"class":3994},"freeze",[3859,16815,10571],{"class":3880},[3859,16817,16746],{"class":3876},[3859,16819,11868],{"class":3884},[3859,16821,3888],{"class":3880},[3859,16823,4443],{"class":3876},[3859,16825,4446],{"class":3922},[3859,16827,10999],{"class":3880},[3859,16829,16830],{"class":3861,"line":3869},[3859,16831,3976],{"emptyLinePlaceholder":3975},[3859,16833,16834,16836,16838,16840,16842,16844,16846],{"class":3861,"line":3912},[3859,16835,8354],{"class":3876},[3859,16837,3991],{"class":3880},[3859,16839,8867],{"class":3876},[3859,16841,4132],{"class":3880},[3859,16843,3891],{"class":3884},[3859,16845,4138],{"class":3880},[3859,16847,16848],{"class":3865},"\u002F\u002F Помилка у strict mode JS\n",[16136,16850,16852,16861,16915,16921],{"icon":16138,"label":16851},"❓ Чому TypeScript не виводить тип для порожнього масиву?",[3830,16853,16854,16855,16858,16859,8983],{},"Коли ви пишете ",[3763,16856,16857],{},"let items = []",", TypeScript не має інформації про тип майбутніх елементів, тому виводить ",[3763,16860,5191],{},[3850,16862,16864],{"className":4764,"code":16863,"language":4766,"meta":3855,"style":3855},"let items = [];  \u002F\u002F тип: any[]\n\nitems.push(1);        \u002F\u002F OK\nitems.push(\"text\");   \u002F\u002F OK — небезпечно!\n",[3763,16865,16866,16878,16882,16898],{"__ignoreMap":3855},[3859,16867,16868,16870,16872,16875],{"class":3861,"line":3862},[3859,16869,3873],{"class":3872},[3859,16871,5209],{"class":3876},[3859,16873,16874],{"class":3880}," = [];  ",[3859,16876,16877],{"class":3865},"\u002F\u002F тип: any[]\n",[3859,16879,16880],{"class":3861,"line":3869},[3859,16881,3976],{"emptyLinePlaceholder":3975},[3859,16883,16884,16886,16888,16890,16892,16894,16896],{"class":3861,"line":3912},[3859,16885,5221],{"class":3876},[3859,16887,3991],{"class":3880},[3859,16889,5114],{"class":3994},[3859,16891,3998],{"class":3880},[3859,16893,3885],{"class":3884},[3859,16895,5232],{"class":3880},[3859,16897,5235],{"class":3865},[3859,16899,16900,16902,16904,16906,16908,16910,16912],{"class":3861,"line":3938},[3859,16901,5221],{"class":3876},[3859,16903,3991],{"class":3880},[3859,16905,5114],{"class":3994},[3859,16907,3998],{"class":3880},[3859,16909,3953],{"class":3922},[3859,16911,5250],{"class":3880},[3859,16913,16914],{"class":3865},"\u002F\u002F OK — небезпечно!\n",[3830,16916,16917,16918],{},"Це вимикає перевірку типів. ",[3782,16919,16920],{},"Завжди типізуйте порожні масиви явно:",[3850,16922,16924],{"className":4764,"code":16923,"language":4766,"meta":3855,"style":3855},"let items: number[] = [];  \u002F\u002F тип: number[]\n\nitems.push(1);        \u002F\u002F OK\nitems.push(\"text\");   \u002F\u002F Error: тип string не підходить\n",[3763,16925,16926,16942,16946,16962],{"__ignoreMap":3855},[3859,16927,16928,16930,16932,16934,16936,16939],{"class":3861,"line":3862},[3859,16929,3873],{"class":3872},[3859,16931,5209],{"class":3876},[3859,16933,4777],{"class":3880},[3859,16935,4781],{"class":4780},[3859,16937,16938],{"class":3880},"[] = [];  ",[3859,16940,16941],{"class":3865},"\u002F\u002F тип: number[]\n",[3859,16943,16944],{"class":3861,"line":3869},[3859,16945,3976],{"emptyLinePlaceholder":3975},[3859,16947,16948,16950,16952,16954,16956,16958,16960],{"class":3861,"line":3912},[3859,16949,5221],{"class":3876},[3859,16951,3991],{"class":3880},[3859,16953,5114],{"class":3994},[3859,16955,3998],{"class":3880},[3859,16957,3885],{"class":3884},[3859,16959,5232],{"class":3880},[3859,16961,5235],{"class":3865},[3859,16963,16964,16966,16968,16970,16972,16974,16976],{"class":3861,"line":3938},[3859,16965,5221],{"class":3876},[3859,16967,3991],{"class":3880},[3859,16969,5114],{"class":3994},[3859,16971,3998],{"class":3880},[3859,16973,3953],{"class":3922},[3859,16975,5250],{"class":3880},[3859,16977,5334],{"class":3865},[16979,16980,16981],"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 .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}html pre.shiki code .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html .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 .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}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 .sYsli, html code.shiki .sYsli{--shiki-light:#000000;--shiki-default:#D7BA7D;--shiki-dark:#D7BA7D}",{"title":3855,"searchDepth":3869,"depth":3869,"links":16983},[16984,16992,16998,17008,17017,17025,17030,17036],{"id":3822,"depth":3869,"text":3823,"children":16985},[16986,16987,16988,16989,16990,16991],{"id":3827,"depth":3912,"text":3828},{"id":4088,"depth":3912,"text":4089},{"id":4748,"depth":3912,"text":4749},{"id":5184,"depth":3912,"text":5185},{"id":5337,"depth":3912,"text":5338},{"id":6265,"depth":3912,"text":6266},{"id":6800,"depth":3869,"text":6801,"children":16993},[16994,16995,16996,16997],{"id":6804,"depth":3912,"text":6805},{"id":6970,"depth":3912,"text":6971},{"id":7372,"depth":3912,"text":7373},{"id":7553,"depth":3912,"text":7554},{"id":8029,"depth":3869,"text":8030,"children":16999},[17000,17001,17002,17003,17004,17005,17006,17007],{"id":8033,"depth":3912,"text":8034},{"id":8181,"depth":3912,"text":8182},{"id":8426,"depth":3912,"text":8427},{"id":8692,"depth":3912,"text":8693},{"id":8975,"depth":3912,"text":8976},{"id":9144,"depth":3912,"text":9145},{"id":9292,"depth":3912,"text":9293},{"id":9382,"depth":3912,"text":9383},{"id":9746,"depth":3869,"text":9747,"children":17009},[17010,17011,17012,17013,17014,17015,17016],{"id":9750,"depth":3912,"text":9751},{"id":10003,"depth":3912,"text":10004},{"id":10389,"depth":3912,"text":10390},{"id":10714,"depth":3912,"text":10715},{"id":11056,"depth":3912,"text":11057},{"id":11493,"depth":3912,"text":11494},{"id":11803,"depth":3912,"text":11804},{"id":12312,"depth":3869,"text":12313,"children":17018},[17019,17020,17021,17022,17023,17024],{"id":12316,"depth":3912,"text":12317},{"id":12393,"depth":3912,"text":12394},{"id":12622,"depth":3912,"text":12623},{"id":12991,"depth":3912,"text":12992},{"id":13367,"depth":3912,"text":13368},{"id":13495,"depth":3912,"text":13496},{"id":13869,"depth":3869,"text":13870,"children":17026},[17027,17028,17029],{"id":13873,"depth":3912,"text":13874},{"id":14215,"depth":3912,"text":14216},{"id":14550,"depth":3912,"text":14551},{"id":14776,"depth":3869,"text":14777,"children":17031},[17032,17033,17034,17035],{"id":14780,"depth":3912,"text":14781},{"id":15169,"depth":3912,"text":15170},{"id":15449,"depth":3912,"text":15450},{"id":15614,"depth":3912,"text":15615},{"id":15989,"depth":3869,"text":15990},"Глибокий розбір складних типів даних: масиви, кортежі та об","md",null,{},{"title":3627,"description":17037},"N3flhg970IXXLFyp18jPHLJs3VOZFwk86CQ7-3-onjQ",[17044,17046],{"title":3623,"path":3624,"stem":3625,"description":17045,"children":-1},"Глибокий розбір примітивних типів string, number, boolean з поясненням їхньої внутрішньої будови, особливостей JavaScript та типізації у TypeScript",{"title":3631,"path":3632,"stem":3633,"description":17047,"children":-1},"Глибокий розбір union типів, intersection типів та літеральних типів у TypeScript: комбінування типів, звуження та практичне застосування",1788081921852]