[{"data":1,"prerenderedAt":10682},["ShallowReactive",2],{"navigation_docs":3,"-csharp-desktop-ui-collections-binding-part1":2949,"-csharp-desktop-ui-collections-binding-part1-surround":10677},[4,1640,1765,2219,2352,2559,2641,2691,2748,2782,2908,2945],{"title":5,"icon":6,"path":7,"stem":8,"children":9},"C#","i-devicon-csharp","/csharp","01.csharp",[10,13,60,90,120,202,219,253,379,404,457,650,1346,1636],{"title":11,"path":7,"stem":12},"C# Roadmap","01.csharp/index",{"title":14,"icon":15,"path":16,"stem":17,"children":18,"page":59},"Fundamentals","i-lucide-book-open","/csharp/fundamentals","01.csharp/01.fundamentals",[19,23,27,31,35,39,43,47,51,55],{"title":20,"path":21,"stem":22},"Вступ до екосистеми .NET","/csharp/fundamentals/introduction-to-ecosystem","01.csharp/01.fundamentals/01.introduction-to-ecosystem",{"title":24,"path":25,"stem":26},"Структура програми на C#","/csharp/fundamentals/program-structure","01.csharp/01.fundamentals/02.program-structure",{"title":28,"path":29,"stem":30},"Змінні та Типи Даних","/csharp/fundamentals/variables-data-types","01.csharp/01.fundamentals/03.variables-data-types",{"title":32,"path":33,"stem":34},"Масиви","/csharp/fundamentals/arrays","01.csharp/01.fundamentals/04.arrays",{"title":36,"path":37,"stem":38},"Strings & Text Handling","/csharp/fundamentals/strings-text-handling","01.csharp/01.fundamentals/05.strings-text-handling",{"title":40,"path":41,"stem":42},"Дати і Час","/csharp/fundamentals/dates-time-handling","01.csharp/01.fundamentals/06.dates-time-handling",{"title":44,"path":45,"stem":46},"Потік Керування","/csharp/fundamentals/control-flow","01.csharp/01.fundamentals/07.control-flow",{"title":48,"path":49,"stem":50},"Методи","/csharp/fundamentals/methods","01.csharp/01.fundamentals/08.methods",{"title":52,"path":53,"stem":54},"Основи Відлагодження","/csharp/fundamentals/debugging-basics","01.csharp/01.fundamentals/09.debugging-basics",{"title":56,"path":57,"stem":58},"Інтерактивна Консоль (Classic)","/csharp/fundamentals/interactive-console","01.csharp/01.fundamentals/10.interactive-console",false,{"title":61,"icon":62,"path":63,"stem":64,"children":65,"page":59},"OOP","i-lucide-box","/csharp/oop","01.csharp/02.oop",[66,70,74,78,82,86],{"title":67,"path":68,"stem":69},"Package Management (Управління Пакетами)","/csharp/oop/package-management","01.csharp/02.oop/01.package-management",{"title":71,"path":72,"stem":73},"Класи та Об'єкти","/csharp/oop/classes-objects","01.csharp/02.oop/02.classes-objects",{"title":75,"path":76,"stem":77},"Властивості та Поля","/csharp/oop/properties-fields","01.csharp/02.oop/03.properties-fields",{"title":79,"path":80,"stem":81},"Стовпи ООП","/csharp/oop/oop-pillars","01.csharp/02.oop/04.oop-pillars",{"title":83,"path":84,"stem":85},"Advanced Types","/csharp/oop/advanced-types","01.csharp/02.oop/05.advanced-types",{"title":87,"path":88,"stem":89},"Namespaces (Простори Імен)","/csharp/oop/namespaces","01.csharp/02.oop/06.namespaces",{"title":91,"icon":92,"path":93,"stem":94,"children":95,"page":59},"Advanced Core","i-lucide-zap","/csharp/advanced-core","01.csharp/03.advanced-core",[96,100,104,108,112,116],{"title":97,"path":98,"stem":99},"Generics (Узагальнення)","/csharp/advanced-core/generics","01.csharp/03.advanced-core/01.generics",{"title":101,"path":102,"stem":103},"Делегати, Події та Лямбда-вирази","/csharp/advanced-core/delegates-events-lambdas","01.csharp/03.advanced-core/02.delegates-events-lambdas",{"title":105,"path":106,"stem":107},"Interfaces Deep Dive (Інтерфейси: Поглиблений Розгляд)","/csharp/advanced-core/interfaces-deep-dive","01.csharp/03.advanced-core/03.interfaces-deep-dive",{"title":109,"path":110,"stem":111},"Обробка Винятків","/csharp/advanced-core/exception-handling","01.csharp/03.advanced-core/04.exception-handling",{"title":113,"path":114,"stem":115},"Pattern Matching","/csharp/advanced-core/pattern-matching","01.csharp/03.advanced-core/05.pattern-matching",{"title":117,"path":118,"stem":119},"Додаткові Можливості C#","/csharp/advanced-core/additional-features","01.csharp/03.advanced-core/06.additional-features",{"title":121,"icon":122,"path":123,"stem":124,"children":125,"page":59},"Architecture Best Practices","i-lucide-building-2","/csharp/architecture-best-practices","01.csharp/04.architecture-best-practices",[126,130,149,153,157,161,165,169],{"title":127,"path":128,"stem":129},"Software Design Principles (Частина 1)","/csharp/architecture-best-practices/software-design-principles","01.csharp/04.architecture-best-practices/01.software-design-principles",{"title":131,"icon":132,"path":133,"stem":134,"children":135,"page":59},"Design Patterns","i-lucide-folder","/csharp/architecture-best-practices/design-patterns","01.csharp/04.architecture-best-practices/02.design-patterns",[136],{"title":137,"icon":132,"path":138,"stem":139,"children":140,"page":59},"Creational","/csharp/architecture-best-practices/design-patterns/creational","01.csharp/04.architecture-best-practices/02.design-patterns/creational",[141,145],{"title":142,"path":143,"stem":144},"Singleton (Одинак)","/csharp/architecture-best-practices/design-patterns/creational/singleton","01.csharp/04.architecture-best-practices/02.design-patterns/creational/01.singleton",{"title":146,"path":147,"stem":148},"Builder (Будівельник)","/csharp/architecture-best-practices/design-patterns/creational/builder","01.csharp/04.architecture-best-practices/02.design-patterns/creational/02.builder",{"title":150,"path":151,"stem":152},"Building Professional CLIs","/csharp/architecture-best-practices/building-professional-clis","01.csharp/04.architecture-best-practices/03.building-professional-clis",{"title":154,"path":155,"stem":156},"Validation & Flow Control","/csharp/architecture-best-practices/validation-flow-control","01.csharp/04.architecture-best-practices/04.validation-flow-control",{"title":158,"path":159,"stem":160},"The Modern .NET Host (Microsoft.Extensions)","/csharp/architecture-best-practices/modern-dotnet-host","01.csharp/04.architecture-best-practices/05.modern-dotnet-host",{"title":162,"path":163,"stem":164},"Data Mapper: Repository та DAO патерни (Частина 1)","/csharp/architecture-best-practices/data-mapper-part1","01.csharp/04.architecture-best-practices/06.data-mapper-part1",{"title":166,"path":167,"stem":168},"Data Mapper: Repository та DAO патерни (Частина 2)","/csharp/architecture-best-practices/data-mapper-part2","01.csharp/04.architecture-best-practices/07.data-mapper-part2",{"title":170,"icon":132,"path":171,"stem":172,"children":173,"page":59},"Di Ioc","/csharp/architecture-best-practices/di-ioc","01.csharp/04.architecture-best-practices/08.di-ioc",[174,178,182,186,190,194,198],{"title":175,"path":176,"stem":177},"Проблема залежностей та Інверсія Контролю","/csharp/architecture-best-practices/di-ioc/the-dependency-problem","01.csharp/04.architecture-best-practices/08.di-ioc/01.the-dependency-problem",{"title":179,"path":180,"stem":181},"Будуємо власний Service Container","/csharp/architecture-best-practices/di-ioc/build-your-own-container","01.csharp/04.architecture-best-practices/08.di-ioc/02.build-your-own-container",{"title":183,"path":184,"stem":185},"Service Locator: Паттерн та Анти-паттерн","/csharp/architecture-best-practices/di-ioc/service-locator-pattern","01.csharp/04.architecture-best-practices/08.di-ioc/03.service-locator-pattern",{"title":187,"path":188,"stem":189},"Паттерни Dependency Injection","/csharp/architecture-best-practices/di-ioc/dependency-injection-patterns","01.csharp/04.architecture-best-practices/08.di-ioc/04.dependency-injection-patterns",{"title":191,"path":192,"stem":193},"Microsoft DI: IServiceCollection та IServiceProvider","/csharp/architecture-best-practices/di-ioc/microsoft-di-deep-dive","01.csharp/04.architecture-best-practices/08.di-ioc/05.microsoft-di-deep-dive",{"title":195,"path":196,"stem":197},"Service Lifetimes та Scopes","/csharp/architecture-best-practices/di-ioc/service-lifetimes-and-scopes","01.csharp/04.architecture-best-practices/08.di-ioc/06.service-lifetimes-and-scopes",{"title":199,"path":200,"stem":201},"DI Анти-паттерни та Найкращі Практики","/csharp/architecture-best-practices/di-ioc/di-anti-patterns-and-best-practices","01.csharp/04.architecture-best-practices/08.di-ioc/07.di-anti-patterns-and-best-practices",{"title":203,"icon":132,"path":204,"stem":205,"children":206,"page":59},"Standard Library","/csharp/standard-library","01.csharp/05.standard-library",[207,211,215],{"title":208,"path":209,"stem":210},"Collections (Колекції)","/csharp/standard-library/collections","01.csharp/05.standard-library/01.collections",{"title":212,"path":213,"stem":214},"High Performance Types (Високопродуктивні Типи)","/csharp/standard-library/high-performance-types","01.csharp/05.standard-library/02.high-performance-types",{"title":216,"path":217,"stem":218},"LINQ (Language Integrated Query)","/csharp/standard-library/linq","01.csharp/05.standard-library/03.linq",{"title":220,"icon":221,"path":222,"stem":223,"children":224,"page":59},"System Internals Concurrency","i-lucide-server","/csharp/system-internals-concurrency","01.csharp/06.system-internals-concurrency",[225,229,233,237,241,245,249],{"title":226,"path":227,"stem":228},"Memory Management","/csharp/system-internals-concurrency/memory-management","01.csharp/06.system-internals-concurrency/01.memory-management",{"title":230,"path":231,"stem":232},"Reflection API: System.Type та Метадані","/csharp/system-internals-concurrency/reflection-fundamentals","01.csharp/06.system-internals-concurrency/02.reflection-fundamentals",{"title":234,"path":235,"stem":236},"Attributes та Dynamic Language Runtime","/csharp/system-internals-concurrency/attributes-dynamic","01.csharp/06.system-internals-concurrency/03.attributes-dynamic",{"title":238,"path":239,"stem":240},"Expression Trees: Швидка Альтернатива Рефлексії","/csharp/system-internals-concurrency/expression-trees-compiled","01.csharp/06.system-internals-concurrency/04.expression-trees-compiled",{"title":242,"path":243,"stem":244},"Source Generators: Compile-Time Code Generation","/csharp/system-internals-concurrency/source-generators","01.csharp/06.system-internals-concurrency/05.source-generators",{"title":246,"path":247,"stem":248},"Multithreading Fundamentals","/csharp/system-internals-concurrency/multithreading-fundamentals","01.csharp/06.system-internals-concurrency/06.multithreading-fundamentals",{"title":250,"path":251,"stem":252},"Synchronization Primitives","/csharp/system-internals-concurrency/synchronization-primitives","01.csharp/06.system-internals-concurrency/07.synchronization-primitives",{"title":254,"icon":255,"path":256,"stem":257,"children":258,"page":59},"System Programming Windows","i-lucide-cpu","/csharp/system-programming-windows","01.csharp/07.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},"Як Працює Операційна Система","/csharp/system-programming-windows/how-os-works","01.csharp/07.system-programming-windows/01.how-os-works",{"title":264,"path":265,"stem":266},"Процеси в .NET — API та Запуск","/csharp/system-programming-windows/processes-in-dotnet","01.csharp/07.system-programming-windows/02.processes-in-dotnet",{"title":268,"path":269,"stem":270},"Процеси в .NET — IPC та Міжпроцесна Комунікація","/csharp/system-programming-windows/02a.processes-ipc","01.csharp/07.system-programming-windows/02a.processes-ipc",{"title":272,"path":273,"stem":274},"Application Domains та Збірки — AppDomain і AssemblyLoadContext","/csharp/system-programming-windows/appdomains-assemblies","01.csharp/07.system-programming-windows/03.appdomains-assemblies",{"title":276,"path":277,"stem":278},"Application Domains та Збірки — Plug-in Система з Hot-Reload","/csharp/system-programming-windows/03a.appdomains-plugin-system","01.csharp/07.system-programming-windows/03a.appdomains-plugin-system",{"title":280,"path":281,"stem":282},"Потоки — Основи та API Thread","/csharp/system-programming-windows/thread-fundamentals","01.csharp/07.system-programming-windows/04.thread-fundamentals",{"title":284,"path":285,"stem":286},"Потоки — Lifecycle, Пріоритети та Безпечне Завершення","/csharp/system-programming-windows/04a.thread-lifecycle-priorities","01.csharp/07.system-programming-windows/04a.thread-lifecycle-priorities",{"title":288,"path":289,"stem":290},"Проблеми Спільного Стану — Race Condition та Data Race","/csharp/system-programming-windows/shared-state-problems","01.csharp/07.system-programming-windows/05.shared-state-problems",{"title":292,"path":293,"stem":294},"Проблеми Спільного Стану — Memory Model та volatile","/csharp/system-programming-windows/05a.shared-state-memory-model","01.csharp/07.system-programming-windows/05a.shared-state-memory-model",{"title":296,"path":297,"stem":298},"Синхронізація — Monitor, lock та еволюція примітивів","/csharp/system-programming-windows/synchronization-fundamentals","01.csharp/07.system-programming-windows/06.synchronization-fundamentals",{"title":300,"path":301,"stem":302},"Синхронізація — Наскрізний Приклад та Deadlock Detection","/csharp/system-programming-windows/06a.synchronization-walkthrough","01.csharp/07.system-programming-windows/06a.synchronization-walkthrough",{"title":304,"path":305,"stem":306},"Синхронізація — Mutex, Semaphore та Event-Based Primitives","/csharp/system-programming-windows/synchronization-advanced","01.csharp/07.system-programming-windows/07.synchronization-advanced",{"title":308,"path":309,"stem":310},"Синхронізація — Interlocked, Volatile та Lock-Free Структури","/csharp/system-programming-windows/07a.synchronization-advanced-walkthrough","01.csharp/07.system-programming-windows/07a.synchronization-advanced-walkthrough",{"title":312,"path":313,"stem":314},"Interlocked, CAS та Lock-Free Структури","/csharp/system-programming-windows/interlocked-cas-lockfree","01.csharp/07.system-programming-windows/08.interlocked-cas-lockfree",{"title":316,"path":317,"stem":318},"Volatile, Memory Model та Spinning","/csharp/system-programming-windows/08a.volatile-memory-model","01.csharp/07.system-programming-windows/08a.volatile-memory-model",{"title":320,"path":321,"stem":322},"ThreadPool — Пул Потоків для Ефективного Виконання","/csharp/system-programming-windows/thread-pool","01.csharp/07.system-programming-windows/09.thread-pool",{"title":324,"path":325,"stem":326},"ThreadPool — Просунуті Сценарії та Внутрішня Будова","/csharp/system-programming-windows/09a.thread-pool-advanced","01.csharp/07.system-programming-windows/09a.thread-pool-advanced",{"title":328,"path":329,"stem":330},"Concurrent та Immutable Collections","/csharp/system-programming-windows/concurrent-collections","01.csharp/07.system-programming-windows/10.concurrent-collections",{"title":332,"path":333,"stem":334},"TPL, Task та Композиція — Від Thread до Task","/csharp/system-programming-windows/tpl-parallel-plinq","01.csharp/07.system-programming-windows/11.tpl-parallel-plinq",{"title":336,"path":337,"stem":338},"Parallel Class та PLINQ — Data Parallelism","/csharp/system-programming-windows/11a.tpl-parallel-plinq-advanced","01.csharp/07.system-programming-windows/11a.tpl-parallel-plinq-advanced",{"title":340,"path":341,"stem":342},"Async/Await — Фундамент Асинхронного Програмування","/csharp/system-programming-windows/async-fundamentals","01.csharp/07.system-programming-windows/12.async-fundamentals",{"title":344,"path":345,"stem":346},"SynchronizationContext та ConfigureAwait — Контекст Виконання","/csharp/system-programming-windows/async-context-configureawait","01.csharp/07.system-programming-windows/13.async-context-configureawait",{"title":348,"path":349,"stem":350},"Async — Просунуті Паттерни","/csharp/system-programming-windows/async-advanced","01.csharp/07.system-programming-windows/14.async-advanced",{"title":352,"path":353,"stem":354},"System.Threading.Channels — Async Producer-Consumer","/csharp/system-programming-windows/channels","01.csharp/07.system-programming-windows/15.channels",{"title":356,"path":357,"stem":358},"Асинхронна Синхронізація","/csharp/system-programming-windows/async-synchronization","01.csharp/07.system-programming-windows/16.async-synchronization",{"title":360,"path":361,"stem":362},"Unsafe Code та Вказівники","/csharp/system-programming-windows/unsafe-code","01.csharp/07.system-programming-windows/17.unsafe-code",{"title":364,"path":365,"stem":366},"P/Invoke та Windows API — Міст між .NET та Native Code","/csharp/system-programming-windows/pinvoke-winapi","01.csharp/07.system-programming-windows/18.pinvoke-winapi",{"title":368,"path":369,"stem":370},"Реєстр Windows — Центральна База Конфігурації Системи","/csharp/system-programming-windows/windows-registry","01.csharp/07.system-programming-windows/19.windows-registry",{"title":372,"path":373,"stem":374},"Windows Hooks, Hotkeys та Services — Глибока Інтеграція з ОС","/csharp/system-programming-windows/windows-hooks-services","01.csharp/07.system-programming-windows/20.windows-hooks-services",{"title":376,"path":377,"stem":378},"Системне Програмування C# (Windows) — 07.system-programming-windows","/csharp/system-programming-windows/implementation_plan","01.csharp/07.system-programming-windows/implementation_plan",{"title":380,"icon":132,"path":381,"stem":382,"children":383,"page":59},"Io","/csharp/io","01.csharp/08.io",[384,388,392,396,400],{"title":385,"path":386,"stem":387},"8.1.1. Основи роботи з файловою системою","/csharp/io/file-system-basics","01.csharp/08.io/01.file-system-basics",{"title":389,"path":390,"stem":391},"8.1.2. Потоки (Streams) та Серіалізація Даних","/csharp/io/streams-serialization","01.csharp/08.io/02.streams-serialization",{"title":393,"path":394,"stem":395},"8.2.1. JSON Serialization з System.Text.Json","/csharp/io/json-serialization","01.csharp/08.io/03.json-serialization",{"title":397,"path":398,"stem":399},"8.2.2. XML Serialization та LINQ to XML","/csharp/io/xml-serialization","01.csharp/08.io/04.xml-serialization",{"title":401,"path":402,"stem":403},"8.2.3. Binary Serialization: MessagePack та Protocol Buffers","/csharp/io/binary-serialization","01.csharp/08.io/05.binary-serialization",{"title":405,"icon":132,"path":406,"stem":407,"children":408,"page":59},"Ado Net","/csharp/ado-net","01.csharp/09.ado-net",[409,413,417,421,425,429,433,437,441,445,449,453],{"title":410,"path":411,"stem":412},"9.1. Введення в ADO.NET","/csharp/ado-net/introduction-to-adonet","01.csharp/09.ado-net/01.introduction-to-adonet",{"title":414,"path":415,"stem":416},"9.2. Клас DbConnection — з'єднання з базою даних","/csharp/ado-net/connection","01.csharp/09.ado-net/02.connection",{"title":418,"path":419,"stem":420},"9.3. Клас DbCommand — виконання SQL-запитів","/csharp/ado-net/command-and-queries","01.csharp/09.ado-net/03.command-and-queries",{"title":422,"path":423,"stem":424},"9.4. Клас DbDataReader — ефективне читання даних","/csharp/ado-net/datareader","01.csharp/09.ado-net/04.datareader",{"title":426,"path":427,"stem":428},"9.5. Параметризовані запити та захист від SQL Injection","/csharp/ado-net/parameters-and-sql-injection","01.csharp/09.ado-net/05.parameters-and-sql-injection",{"title":430,"path":431,"stem":432},"9.6. Транзакції в ADO.NET","/csharp/ado-net/transactions","01.csharp/09.ado-net/06.transactions",{"title":434,"path":435,"stem":436},"9.7. DbProviderFactory — провайдер-незалежний код","/csharp/ado-net/provider-factory","01.csharp/09.ado-net/07.provider-factory",{"title":438,"path":439,"stem":440},"9.8. Асинхронний доступ до даних","/csharp/ado-net/async-data-access","01.csharp/09.ado-net/08.async-data-access",{"title":442,"path":443,"stem":444},"9.9. Від'єднаний режим: DataSet, DataTable, DataRow","/csharp/ado-net/disconnected-mode-dataset","01.csharp/09.ado-net/09.disconnected-mode-dataset",{"title":446,"path":447,"stem":448},"9.10. DataAdapter — міст між DataSet та базою даних","/csharp/ado-net/data-adapter","01.csharp/09.ado-net/10.data-adapter",{"title":450,"path":451,"stem":452},"9.11. Data Mapper та Repository: Архітектура доступу до даних","/csharp/ado-net/data-mapper-repository","01.csharp/09.ado-net/11.data-mapper-repository",{"title":454,"path":455,"stem":456},"9.12. Identity Map, Unit of Work та Specification Pattern","/csharp/ado-net/advanced-patterns","01.csharp/09.ado-net/12.advanced-patterns",{"title":458,"icon":255,"path":459,"stem":460,"children":461,"page":59},"Ef Core","/csharp/ef-core","01.csharp/10.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 до об'єктів","/csharp/ef-core/what-is-orm","01.csharp/10.ef-core/01.what-is-orm",{"title":467,"path":468,"stem":469},"Перший проєкт — від нуля до CRUD","/csharp/ef-core/first-project","01.csharp/10.ef-core/02.first-project",{"title":471,"path":472,"stem":473},"DbContext — Серце EF Core","/csharp/ef-core/dbcontext-deep-dive","01.csharp/10.ef-core/03.dbcontext-deep-dive",{"title":475,"path":476,"stem":477},"Провайдери баз даних — Архітектура та Вибір СУБД","/csharp/ef-core/database-providers","01.csharp/10.ef-core/04.database-providers",{"title":479,"path":480,"stem":481},"Конвенції EF Core — Магія без конфігурації","/csharp/ef-core/conventions","01.csharp/10.ef-core/05.conventions",{"title":483,"path":484,"stem":485},"Fluent API та Data Annotations — Явна конфігурація моделі","/csharp/ef-core/fluent-api-vs-annotations","01.csharp/10.ef-core/06.fluent-api-vs-annotations",{"title":487,"path":488,"stem":489},"Зв'язки — One-to-One та One-to-Many","/csharp/ef-core/relationships-basics","01.csharp/10.ef-core/07.relationships-basics",{"title":491,"path":492,"stem":493},"Зв'язки Advanced — Many-to-Many та Складні Сценарії","/csharp/ef-core/relationships-advanced","01.csharp/10.ef-core/08.relationships-advanced",{"title":495,"path":496,"stem":497},"Властивості — Типи, Конвертери, Компаратори (Частина 1)","/csharp/ef-core/property-configuration-part1","01.csharp/10.ef-core/09.property-configuration-part1",{"title":499,"path":500,"stem":501},"Властивості — Value Comparers, Generators, Shadow Properties (Частина 2)","/csharp/ef-core/property-configuration-part2","01.csharp/10.ef-core/09.property-configuration-part2",{"title":503,"path":504,"stem":505},"Складні типи — Owned Types та Complex Types (Частина 1)","/csharp/ef-core/complex-types-owned-part1","01.csharp/10.ef-core/10.complex-types-owned-part1",{"title":507,"path":508,"stem":509},"Складні типи — Complex Types, Keyless Entities, Порівняння (Частина 2)","/csharp/ef-core/complex-types-owned-part2","01.csharp/10.ef-core/10.complex-types-owned-part2",{"title":511,"path":512,"stem":513},"JSON Columns — Складні дані у JSON (Частина 1)","/csharp/ef-core/json-columns-part1","01.csharp/10.ef-core/11.json-columns-part1",{"title":515,"path":516,"stem":517},"JSON Columns — Value Comparers, Індекси, Провайдери (Частина 2)","/csharp/ef-core/json-columns-part2","01.csharp/10.ef-core/11.json-columns-part2",{"title":519,"path":520,"stem":521},"Успадкування — Абстрактні класи та TPH (Частина 1)","/csharp/ef-core/inheritance-part1","01.csharp/10.ef-core/12.inheritance-part1",{"title":523,"path":524,"stem":525},"Успадкування — TPT, TPC та Порівняння Стратегій (Частина 2)","/csharp/ef-core/inheritance-part2","01.csharp/10.ef-core/12.inheritance-part2",{"title":527,"path":528,"stem":529,"children":530},"Індекси, Обмеження та Схема (Частина 1)","/csharp/ef-core/indexes-constraints-part1","01.csharp/10.ef-core/13.indexes-constraints-part1",[531],{"title":527,"path":528,"stem":529},{"title":533,"path":534,"stem":535,"children":536},"Індекси, Обмеження та Схема (Частина 2)","/csharp/ef-core/indexes-constraints-part2","01.csharp/10.ef-core/13.indexes-constraints-part2",[537],{"title":533,"path":534,"stem":535},{"title":539,"path":540,"stem":541},"Seed Data — Початкові Дані (Частина 1)","/csharp/ef-core/seeding-part1","01.csharp/10.ef-core/14.seeding-part1",{"title":543,"path":544,"stem":545},"Seed Data — SQL-скрипти, Bogus та Стратегії (Частина 2)","/csharp/ef-core/seeding-part2","01.csharp/10.ef-core/14.seeding-part2",{"title":547,"path":548,"stem":549},"Global Query Filters — Глобальні Фільтри (Частина 1)","/csharp/ef-core/global-query-filters-part1","01.csharp/10.ef-core/15.global-query-filters-part1",{"title":551,"path":552,"stem":553},"Global Query Filters — Підводні камені та Інтеграція (Частина 2)","/csharp/ef-core/global-query-filters-part2","01.csharp/10.ef-core/15.global-query-filters-part2",{"title":555,"path":556,"stem":557},"LINQ-запити в EF Core (Частина 1)","/csharp/ef-core/linq-queries-part1","01.csharp/10.ef-core/16.linq-queries-part1",{"title":559,"path":560,"stem":561},"LINQ-запити в EF Core (Частина 2)","/csharp/ef-core/linq-queries-part2","01.csharp/10.ef-core/16.linq-queries-part2",{"title":563,"path":564,"stem":565},"Завантаження Пов'язаних Даних (Частина 1)","/csharp/ef-core/loading-related-data-part1","01.csharp/10.ef-core/17.loading-related-data-part1",{"title":567,"path":568,"stem":569},"Завантаження Пов'язаних Даних (Частина 2)","/csharp/ef-core/loading-related-data-part2","01.csharp/10.ef-core/17.loading-related-data-part2",{"title":571,"path":572,"stem":573},"Raw SQL, Views та Stored Procedures (Частина 1)","/csharp/ef-core/raw-sql-part1","01.csharp/10.ef-core/18.raw-sql-part1",{"title":575,"path":576,"stem":577},"Raw SQL — Stored Procedures, DbFunction та Bulk Operations (Частина 2)","/csharp/ef-core/raw-sql-part2","01.csharp/10.ef-core/18.raw-sql-part2",{"title":579,"path":580,"stem":581},"Продвинуті Запити — Compiled Queries, Bulk та Оптимізація (Частина 1)","/csharp/ef-core/advanced-queries-part1","01.csharp/10.ef-core/19.advanced-queries-part1",{"title":583,"path":584,"stem":585},"Продвинуті Запити — Query Tags, Bulk та Interceptors (Частина 2)","/csharp/ef-core/advanced-queries-part2","01.csharp/10.ef-core/19.advanced-queries-part2",{"title":587,"path":588,"stem":589},"Change Tracker — Відстеження Змін (Частина 1)","/csharp/ef-core/change-tracking-part1","01.csharp/10.ef-core/20.change-tracking-part1",{"title":591,"path":592,"stem":593},"Change Tracker — Графи Об'єктів та Disconnected (Частина 2)","/csharp/ef-core/change-tracking-part2","01.csharp/10.ef-core/20.change-tracking-part2",{"title":595,"path":596,"stem":597},"Збереження Даних та Транзакції (Частина 1)","/csharp/ef-core/saving-data-part1","01.csharp/10.ef-core/21.saving-data-part1",{"title":599,"path":600,"stem":601},"Збереження Даних — Concurrency та Outbox (Частина 2)","/csharp/ef-core/saving-data-part2","01.csharp/10.ef-core/21.saving-data-part2",{"title":603,"path":604,"stem":605},"Конкурентність та Блокування (Частина 1)","/csharp/ef-core/concurrency-part1","01.csharp/10.ef-core/22.concurrency-part1",{"title":607,"path":608,"stem":609},"Конкурентність — Дедлоки та Queue Processing (Частина 2)","/csharp/ef-core/concurrency-part2","01.csharp/10.ef-core/22.concurrency-part2",{"title":611,"path":612,"stem":613},"Міграції в EF Core — Основи (Частина 1)","/csharp/ef-core/migrations-basics-part1","01.csharp/10.ef-core/23.migrations-basics-part1",{"title":615,"path":616,"stem":617},"Міграції в EF Core — Основи (Частина 2)","/csharp/ef-core/migrations-basics-part2","01.csharp/10.ef-core/23.migrations-basics-part2",{"title":619,"path":620,"stem":621},"Міграції — Просунуті Сценарії (Частина 1)","/csharp/ef-core/migrations-advanced-part1","01.csharp/10.ef-core/24.migrations-advanced-part1",{"title":623,"path":624,"stem":625},"Міграції — Просунуті Сценарії (Частина 2)","/csharp/ef-core/migrations-advanced-part2","01.csharp/10.ef-core/24.migrations-advanced-part2",{"title":627,"path":628,"stem":629},"Управління Схемою та Database-First (Частина 1)","/csharp/ef-core/schema-management-part1","01.csharp/10.ef-core/25.schema-management-part1",{"title":631,"path":632,"stem":633},"Управління Схемою та Database-First (Частина 2)","/csharp/ef-core/schema-management-part2","01.csharp/10.ef-core/25.schema-management-part2",{"title":635,"path":636,"stem":637},"Продуктивність EF Core — Основи (Частина 1)","/csharp/ef-core/performance-fundamentals-part1","01.csharp/10.ef-core/26.performance-fundamentals-part1",{"title":639,"path":640,"stem":641},"Interceptors в EF Core (Частина 1)","/csharp/ef-core/interceptors-part1","01.csharp/10.ef-core/29.interceptors-part1",{"title":643,"path":644,"stem":645},"Interceptors в EF Core — Connection, Transaction та Materialization (Частина 2)","/csharp/ef-core/interceptors-part2","01.csharp/10.ef-core/29.interceptors-part2",{"title":647,"path":648,"stem":649},"План вивчення Entity Framework Core — Повний курс","/csharp/ef-core/implementation_plan","01.csharp/10.ef-core/implementation_plan",{"title":651,"icon":652,"path":653,"stem":654,"children":655,"page":59},"ASP.NET","i-devicon-dotnetcore","/csharp/aspnet","01.csharp/11.aspnet",[656,730,791,869,927,941,967,1057,1111,1182,1212,1289],{"title":657,"icon":658,"path":659,"stem":660,"children":661,"page":59},"Minimal API","i-lucide-network","/csharp/aspnet/minimal-api","01.csharp/11.aspnet/01.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 та еволюція фреймворку","/csharp/aspnet/minimal-api/introduction","01.csharp/11.aspnet/01.minimal-api/01.introduction",{"title":667,"path":668,"stem":669},"Перший додаток на ASP.NET Core","/csharp/aspnet/minimal-api/first-application","01.csharp/11.aspnet/01.minimal-api/02.first-application",{"title":671,"path":672,"stem":673},"WebApplication, Builder та Dependency Injection","/csharp/aspnet/minimal-api/webapplication-builder","01.csharp/11.aspnet/01.minimal-api/03.webapplication-builder",{"title":675,"path":676,"stem":677},"Конвеєр запитів та Middleware","/csharp/aspnet/minimal-api/request-pipeline-middleware","01.csharp/11.aspnet/01.minimal-api/04.request-pipeline-middleware",{"title":679,"path":680,"stem":681},"Маршрутизація в ASP.NET Core: Основи","/csharp/aspnet/minimal-api/routing-basics","01.csharp/11.aspnet/01.minimal-api/05.routing-basics",{"title":683,"path":684,"stem":685},"Маршрутизація в ASP.NET Core: Розширені можливості","/csharp/aspnet/minimal-api/routing-advanced","01.csharp/11.aspnet/01.minimal-api/06.routing-advanced",{"title":687,"path":688,"stem":689},"Статичні файли в ASP.NET Core","/csharp/aspnet/minimal-api/static-files","01.csharp/11.aspnet/01.minimal-api/07.static-files",{"title":691,"path":692,"stem":693},"Статичні Активи: MapStaticAssets (ASP.NET Core 9.0)","/csharp/aspnet/minimal-api/static-assets","01.csharp/11.aspnet/01.minimal-api/08.static-assets",{"title":695,"path":696,"stem":697},"Конфігурація в ASP.NET Core: Основи","/csharp/aspnet/minimal-api/configuration-fundamentals","01.csharp/11.aspnet/01.minimal-api/09.configuration-fundamentals",{"title":699,"path":700,"stem":701},"Конфігурація: Паттерн Options","/csharp/aspnet/minimal-api/configuration-options","01.csharp/11.aspnet/01.minimal-api/10.configuration-options",{"title":703,"path":704,"stem":705},"Логування в ASP.NET Core: Основи","/csharp/aspnet/minimal-api/logging-basics","01.csharp/11.aspnet/01.minimal-api/11.logging-basics",{"title":707,"path":708,"stem":709},"Логування: Serilog та Middleware","/csharp/aspnet/minimal-api/logging-advanced","01.csharp/11.aspnet/01.minimal-api/12.logging-advanced",{"title":711,"path":712,"stem":713},"Управління станом: HttpContext.Items та Cookies","/csharp/aspnet/minimal-api/state-management","01.csharp/11.aspnet/01.minimal-api/13.state-management",{"title":715,"path":716,"stem":717},"Стан сесії: Sessions","/csharp/aspnet/minimal-api/session-state","01.csharp/11.aspnet/01.minimal-api/14.session-state",{"title":719,"path":720,"stem":721},"Структура проєкту: від хаосу до архітектури","/csharp/aspnet/minimal-api/project-structure","01.csharp/11.aspnet/01.minimal-api/15.project-structure",{"title":723,"path":724,"stem":725},"Scalar у Minimal API: повний проєкт і Fluent OpenAPI","/csharp/aspnet/minimal-api/scalar-openapi-fluent","01.csharp/11.aspnet/01.minimal-api/16.scalar-openapi-fluent",{"title":727,"path":728,"stem":729},"Swagger / Swashbuckle у Minimal API: окремий класичний шлях","/csharp/aspnet/minimal-api/swagger-swashbuckle","01.csharp/11.aspnet/01.minimal-api/17.swagger-swashbuckle",{"title":731,"icon":658,"path":732,"stem":733,"children":734,"page":59},"API","/csharp/aspnet/api","01.csharp/11.aspnet/02.api",[735,739,743,747,751,755,759,763,767,771,775,779,783,787],{"title":736,"path":737,"stem":738},"Що таке API. Клієнт-серверна архітектура","/csharp/aspnet/api/what-is-api","01.csharp/11.aspnet/02.api/01.what-is-api",{"title":740,"path":741,"stem":742},"Формати даних: JSON, XML, TOML та бінарні формати","/csharp/aspnet/api/data-formats","01.csharp/11.aspnet/02.api/02.data-formats",{"title":744,"path":745,"stem":746},"Парадигми API та концепція REST","/csharp/aspnet/api/api-paradigms-rest","01.csharp/11.aspnet/02.api/03.api-paradigms-rest",{"title":748,"path":749,"stem":750},"HTTP-методи, статус-коди та заголовки","/csharp/aspnet/api/http-methods-status-codes","01.csharp/11.aspnet/02.api/04.http-methods-status-codes",{"title":752,"path":753,"stem":754},"Організація HTTP API за принципами REST","/csharp/aspnet/api/rest-organizing","01.csharp/11.aspnet/02.api/05.rest-organizing",{"title":756,"path":757,"stem":758},"Номенклатура URL та CRUD-операції","/csharp/aspnet/api/url-nomenclature-crud","01.csharp/11.aspnet/02.api/06.url-nomenclature-crud",{"title":760,"path":761,"stem":762},"Правила дизайну: іменування та стандарти","/csharp/aspnet/api/api-design-naming","01.csharp/11.aspnet/02.api/07.api-design-naming",{"title":764,"path":765,"stem":766},"Валідація, ліміти та обробка помилок","/csharp/aspnet/api/api-design-validation","01.csharp/11.aspnet/02.api/08.api-design-validation",{"title":768,"path":769,"stem":770},"Обробка помилок у Minimal API","/csharp/aspnet/api/error-handling-http","01.csharp/11.aspnet/02.api/09.error-handling-http",{"title":772,"path":773,"stem":774},"Ідемпотентність та синхронізація стану","/csharp/aspnet/api/idempotency-sync","01.csharp/11.aspnet/02.api/10.idempotency-sync",{"title":776,"path":777,"stem":778},"Пагінація та організація списків","/csharp/aspnet/api/pagination-lists","01.csharp/11.aspnet/02.api/11.pagination-lists",{"title":780,"path":781,"stem":782},"Безпека API, кешування та інтернаціоналізація","/csharp/aspnet/api/security-auth","01.csharp/11.aspnet/02.api/12.security-auth",{"title":784,"path":785,"stem":786},"Процес проєктування API та документування","/csharp/aspnet/api/api-design-process","01.csharp/11.aspnet/02.api/13.api-design-process",{"title":788,"path":789,"stem":790},"OpenAPI: контракт, специфікація та документація API","/csharp/aspnet/api/openapi","01.csharp/11.aspnet/02.api/14.openapi",{"title":792,"icon":793,"path":794,"stem":795,"children":796,"page":59},"Auth","i-lucide-shield-check","/csharp/aspnet/auth","01.csharp/11.aspnet/03.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},"Основи аутентифікації та авторизації","/csharp/aspnet/auth/auth-fundamentals","01.csharp/11.aspnet/03.auth/01.auth-fundamentals",{"title":802,"path":803,"stem":804},"JWT-аутентифікація","/csharp/aspnet/auth/jwt-authentication","01.csharp/11.aspnet/03.auth/02.jwt-authentication",{"title":806,"path":807,"stem":808},"Авторизація: ролі, політики та resource-based доступ","/csharp/aspnet/auth/authorization-policies","01.csharp/11.aspnet/03.auth/03.authorization-policies",{"title":810,"path":811,"stem":812},"Cookie-аутентифікація та ASP.NET Core Identity","/csharp/aspnet/auth/cookie-auth-identity","01.csharp/11.aspnet/03.auth/04.cookie-auth-identity",{"title":814,"path":815,"stem":816},"JWT + Refresh Tokens (HttpOnly Cookie)","/csharp/aspnet/auth/04b.identity-auth-jwt","01.csharp/11.aspnet/03.auth/04b.identity-auth-jwt",{"title":818,"path":819,"stem":820},"Identity: Підтвердження Email та Скидання Пароля","/csharp/aspnet/auth/identity-email-confirmation","01.csharp/11.aspnet/03.auth/05.identity-email-confirmation",{"title":822,"path":823,"stem":824},"Identity: Двофакторна Аутентифікація (2FA)","/csharp/aspnet/auth/identity-two-factor","01.csharp/11.aspnet/03.auth/06.identity-two-factor",{"title":826,"path":827,"stem":828},"Identity: Внутрішня Архітектура та Кастомізація","/csharp/aspnet/auth/identity-internals","01.csharp/11.aspnet/03.auth/07.identity-internals",{"title":830,"path":831,"stem":832},"OAuth 2.0 та зовнішні провайдери","/csharp/aspnet/auth/oauth-external-providers","01.csharp/11.aspnet/03.auth/08.oauth-external-providers",{"title":834,"path":835,"stem":836},"Безпека на практиці: CORS, HTTPS та захист від атак","/csharp/aspnet/auth/security-hardening","01.csharp/11.aspnet/03.auth/09.security-hardening",{"title":838,"path":839,"stem":840},"Теорія OAuth 2.0: Поняття, Аналогії та Флоу","/csharp/aspnet/auth/oauth-theory","01.csharp/11.aspnet/03.auth/10.oauth-theory",{"title":842,"path":843,"stem":844},"OIDC, OAuth 2.0 та Keycloak в ASP.NET Core","/csharp/aspnet/auth/oidc-keycloak","01.csharp/11.aspnet/03.auth/10.oidc-keycloak",{"title":846,"path":847,"stem":848},"API Keys аутентифікація в ASP.NET Core","/csharp/aspnet/auth/api-keys","01.csharp/11.aspnet/03.auth/11.api-keys",{"title":850,"path":851,"stem":852},"Rate Limiting та Throttling в ASP.NET Core","/csharp/aspnet/auth/rate-limiting","01.csharp/11.aspnet/03.auth/12.rate-limiting",{"title":854,"path":855,"stem":856},"Refresh Token Rotation в ASP.NET Core","/csharp/aspnet/auth/refresh-token-rotation","01.csharp/11.aspnet/03.auth/13.refresh-token-rotation",{"title":858,"path":859,"stem":860},"Certificate Authentication та mTLS в ASP.NET Core","/csharp/aspnet/auth/certificate-auth","01.csharp/11.aspnet/03.auth/14.certificate-auth",{"title":862,"path":863,"stem":864},"RBAC, ABAC та ReBAC в ASP.NET Core","/csharp/aspnet/auth/rbac-abac-rebac","01.csharp/11.aspnet/03.auth/15.rbac-abac-rebac",{"title":866,"path":867,"stem":868},"Multi-tenancy та ізоляція даних в ASP.NET Core","/csharp/aspnet/auth/multi-tenancy","01.csharp/11.aspnet/03.auth/16.multi-tenancy",{"title":870,"icon":871,"path":872,"stem":873,"children":874,"page":59},"Нотифікації","i-lucide-bell","/csharp/aspnet/notifications","01.csharp/11.aspnet/04.notifications",[875,879,883,887,891,895,899,903,907,911,915,919,923],{"title":876,"path":877,"stem":878},"In-App нотифікації через базу даних","/csharp/aspnet/notifications/in-app-database-notifications","01.csharp/11.aspnet/04.notifications/01.in-app-database-notifications",{"title":880,"path":881,"stem":882},"Polling: Регулярний запит оновлень","/csharp/aspnet/notifications/polling","01.csharp/11.aspnet/04.notifications/02.polling",{"title":884,"path":885,"stem":886},"Server-Sent Events: Однострімовий push від сервера","/csharp/aspnet/notifications/server-sent-events","01.csharp/11.aspnet/04.notifications/03.server-sent-events",{"title":888,"path":889,"stem":890},"WebSockets: Двостороннє з'єднання в реальному часі","/csharp/aspnet/notifications/websockets","01.csharp/11.aspnet/04.notifications/04.websockets",{"title":892,"path":893,"stem":894},"SignalR: Абстракція над транспортами реального часу","/csharp/aspnet/notifications/signalr","01.csharp/11.aspnet/04.notifications/05.signalr",{"title":896,"path":897,"stem":898},"Background Services: Фонові задачі в ASP.NET Core","/csharp/aspnet/notifications/background-services","01.csharp/11.aspnet/04.notifications/06.background-services",{"title":900,"path":901,"stem":902},"Web Push нотифікації","/csharp/aspnet/notifications/web-push","01.csharp/11.aspnet/04.notifications/07.web-push",{"title":904,"path":905,"stem":906},"Email нотифікації","/csharp/aspnet/notifications/email-notifications","01.csharp/11.aspnet/04.notifications/08.email-notifications",{"title":908,"path":909,"stem":910},"Порівняння підходів: Як вибрати правильну технологію нотифікацій","/csharp/aspnet/notifications/choosing-the-right-approach","01.csharp/11.aspnet/04.notifications/09.choosing-the-right-approach",{"title":912,"path":913,"stem":914},"Hangfire: Надійне планування фонових задач","/csharp/aspnet/notifications/hangfire","01.csharp/11.aspnet/04.notifications/10.hangfire",{"title":916,"path":917,"stem":918},"Практика: Конвертація зображень у WebP через Hangfire","/csharp/aspnet/notifications/hangfire-image-webp","01.csharp/11.aspnet/04.notifications/11.hangfire-image-webp",{"title":920,"path":921,"stem":922},"Практика: Підготовка відео до HLS-стрімінгу через Hangfire","/csharp/aspnet/notifications/hangfire-video-hls","01.csharp/11.aspnet/04.notifications/12.hangfire-video-hls",{"title":924,"path":925,"stem":926},"Telegram-нотифікації: від одного повідомлення до масових розсилок і мульти-канального підходу","/csharp/aspnet/notifications/telegram-notifications","01.csharp/11.aspnet/04.notifications/13.telegram-notifications",{"title":928,"icon":929,"path":930,"stem":931,"children":932,"page":59},"Інтернаціоналізація","i-lucide-languages","/csharp/aspnet/i18n","01.csharp/11.aspnet/05.i18n",[933,937],{"title":934,"path":935,"stem":936},"Інтернаціоналізація (i18n) у Minimal API: від A до Я","/csharp/aspnet/i18n/internationalization","01.csharp/11.aspnet/05.i18n/01.internationalization",{"title":938,"path":939,"stem":940},"Humanizer: людиномовні рядки у .NET","/csharp/aspnet/i18n/humanizer","01.csharp/11.aspnet/05.i18n/02.humanizer",{"title":942,"icon":943,"path":944,"stem":945,"children":946,"page":59},"Кешування","i-lucide-layers","/csharp/aspnet/caching","01.csharp/11.aspnet/06.caching",[947,951,955,959,963],{"title":948,"path":949,"stem":950},"Огляд кешування: чотири рівні і коли що обирати","/csharp/aspnet/caching/caching","01.csharp/11.aspnet/06.caching/01.caching",{"title":952,"path":953,"stem":954},"IMemoryCache: кеш в оперативній пам'яті","/csharp/aspnet/caching/memory-cache","01.csharp/11.aspnet/06.caching/02.memory-cache",{"title":956,"path":957,"stem":958},"IDistributedCache і Redis: розподілений кеш","/csharp/aspnet/caching/distributed-cache","01.csharp/11.aspnet/06.caching/03.distributed-cache",{"title":960,"path":961,"stem":962},"Response Cache: HTTP-кешування через Cache-Control","/csharp/aspnet/caching/response-cache","01.csharp/11.aspnet/06.caching/04.response-cache",{"title":964,"path":965,"stem":966},"Output Cache: серверний кеш HTTP-відповідей (.NET 7+)","/csharp/aspnet/caching/output-cache","01.csharp/11.aspnet/06.caching/05.output-cache",{"title":968,"icon":969,"path":970,"stem":971,"children":972,"page":59},"Тестування","i-lucide-test-tube","/csharp/aspnet/testing","01.csharp/11.aspnet/07.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},"Що таке тестування? Від інтуїції до науки","/csharp/aspnet/testing/what-is-testing","01.csharp/11.aspnet/07.testing/01.what-is-testing",{"title":978,"path":979,"stem":980},"Піраміда тестування — Стратегія, а не Догма","/csharp/aspnet/testing/testing-pyramid","01.csharp/11.aspnet/07.testing/02.testing-pyramid",{"title":982,"path":983,"stem":984},"Дві Школи Тестування — Лондон проти Детройту","/csharp/aspnet/testing/testing-schools","01.csharp/11.aspnet/07.testing/03.testing-schools",{"title":986,"path":987,"stem":988},"TDD та BDD — Тести як Дизайн-інструмент","/csharp/aspnet/testing/tdd-and-bdd","01.csharp/11.aspnet/07.testing/04.tdd-and-bdd",{"title":990,"path":991,"stem":992},"Що саме тестувати — Техніки аналізу та Циклomatична складність","/csharp/aspnet/testing/what-to-test","01.csharp/11.aspnet/07.testing/05.what-to-test",{"title":994,"path":995,"stem":996},"Тестові Фреймворки — Навіщо вони і що всередині","/csharp/aspnet/testing/test-frameworks","01.csharp/11.aspnet/07.testing/06.test-frameworks",{"title":998,"path":999,"stem":1000},"xUnit — Факти, Теорії та Lifecycle тестів","/csharp/aspnet/testing/xunit-basics","01.csharp/11.aspnet/07.testing/07.xunit-basics",{"title":1002,"path":1003,"stem":1004},"xUnit Advanced — Fixtures, Кастомізація та Розширення","/csharp/aspnet/testing/xunit-advanced","01.csharp/11.aspnet/07.testing/08.xunit-advanced",{"title":1006,"path":1007,"stem":1008},"Moq — Глибоке занурення в мокування","/csharp/aspnet/testing/mocking-with-moq","01.csharp/11.aspnet/07.testing/09.mocking-with-moq",{"title":1010,"path":1011,"stem":1012},"Тестування Баз Даних — EF Core, SQLite та Testcontainers","/csharp/aspnet/testing/database-testing","01.csharp/11.aspnet/07.testing/10.database-testing",{"title":1014,"path":1015,"stem":1016},"Integration Testing — Частина 1 [Теорія та WebApplicationFactory]","/csharp/aspnet/testing/integration-testing","01.csharp/11.aspnet/07.testing/11.integration-testing",{"title":1018,"path":1019,"stem":1020},"Інтеграційне тестування — Практика","/csharp/aspnet/testing/11a.integration-testing-practice","01.csharp/11.aspnet/07.testing/11a.integration-testing-practice",{"title":1022,"path":1023,"stem":1024},"Integration Testing — Частина 2 [Просунуті Сценарії та Testcontainers]","/csharp/aspnet/testing/integration-testing-advanced","01.csharp/11.aspnet/07.testing/12.integration-testing-advanced",{"title":1026,"path":1027,"stem":1028},"Професійний Postman: Колекції, Змінні та GitHub Інтеграція","/csharp/aspnet/testing/postman-professional","01.csharp/11.aspnet/07.testing/13.postman-professional",{"title":1030,"path":1031,"stem":1032},"HttpClient у Тестах Частина 1: Архітектура та MockHttpMessageHandler","/csharp/aspnet/testing/httpclient-testing","01.csharp/11.aspnet/07.testing/14.httpclient-testing",{"title":1034,"path":1035,"stem":1036},"HttpClient у Тестах Частина 2: WireMock.Net та Resilience","/csharp/aspnet/testing/wiremock-net","01.csharp/11.aspnet/07.testing/15.wiremock-net",{"title":1038,"path":1039,"stem":1040},"Патерни та Анти-патерни Тестування: Test Smells","/csharp/aspnet/testing/testing-patterns","01.csharp/11.aspnet/07.testing/16.testing-patterns",{"title":1042,"path":1043,"stem":1044},"Просунуті інструменти: Time, Snapshots та Властивості","/csharp/aspnet/testing/advanced-testing-tools","01.csharp/11.aspnet/07.testing/17.advanced-testing-tools",{"title":1046,"path":1047,"stem":1048},"Тестування Архітектури з NetArchTest","/csharp/aspnet/testing/architecture-testing","01.csharp/11.aspnet/07.testing/18.architecture-testing",{"title":1050,"path":1051,"stem":1052},"Тестування Продуктивності: BenchmarkDotNet, NBomber та k6","/csharp/aspnet/testing/performance-testing","01.csharp/11.aspnet/07.testing/19.performance-testing",{"title":1054,"path":1055,"stem":1056},"Залишок плану для курсу \"Тестування ASP.NET Minimal API\"","/csharp/aspnet/testing/remaining_plan","01.csharp/11.aspnet/07.testing/remaining_plan",{"title":1058,"icon":1059,"path":1060,"stem":1061,"children":1062,"page":59},"Платежі","i-lucide-credit-card","/csharp/aspnet/payments","01.csharp/11.aspnet/08.payments",[1063,1067,1071,1075,1079,1083,1087,1091,1095,1099,1103,1107],{"title":1064,"path":1065,"stem":1066},"Основи платіжної інфраструктури","/csharp/aspnet/payments/payment-fundamentals","01.csharp/11.aspnet/08.payments/01.payment-fundamentals",{"title":1068,"path":1069,"stem":1070},"Методи оплати в Україні","/csharp/aspnet/payments/payment-methods-ukraine","01.csharp/11.aspnet/08.payments/02.payment-methods-ukraine",{"title":1072,"path":1073,"stem":1074},"PCI DSS та безпека платежів","/csharp/aspnet/payments/pci-dss-security","01.csharp/11.aspnet/08.payments/03.pci-dss-security",{"title":1076,"path":1077,"stem":1078},"Архітектура платіжної підсистеми","/csharp/aspnet/payments/payment-architecture","01.csharp/11.aspnet/08.payments/04.payment-architecture",{"title":1080,"path":1081,"stem":1082},"Інтеграція LiqPay (ПриватБанк)","/csharp/aspnet/payments/liqpay-integration","01.csharp/11.aspnet/08.payments/05.liqpay-integration",{"title":1084,"path":1085,"stem":1086},"Інтеграція Monobank Acquiring API","/csharp/aspnet/payments/monobank-acquiring","01.csharp/11.aspnet/08.payments/06.monobank-acquiring",{"title":1088,"path":1089,"stem":1090},"Інтеграція Stripe","/csharp/aspnet/payments/stripe-integration","01.csharp/11.aspnet/08.payments/07.stripe-integration",{"title":1092,"path":1093,"stem":1094},"Webhooks — глибоке занурення","/csharp/aspnet/payments/webhooks-deep-dive","01.csharp/11.aspnet/08.payments/08.webhooks-deep-dive",{"title":1096,"path":1097,"stem":1098},"Підписки та рекурентні платежі","/csharp/aspnet/payments/subscriptions-recurring","01.csharp/11.aspnet/08.payments/09.subscriptions-recurring",{"title":1100,"path":1101,"stem":1102},"Повернення коштів та диспути","/csharp/aspnet/payments/refunds-disputes","01.csharp/11.aspnet/08.payments/10.refunds-disputes",{"title":1104,"path":1105,"stem":1106},"Тестування платіжних інтеграцій","/csharp/aspnet/payments/testing-payments","01.csharp/11.aspnet/08.payments/11.testing-payments",{"title":1108,"path":1109,"stem":1110},"Чекліст виходу в Production","/csharp/aspnet/payments/production-checklist","01.csharp/11.aspnet/08.payments/12.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","/csharp/aspnet/libraries","01.csharp/11.aspnet/09.libraries",[1130,1134,1138,1142,1146,1150,1154,1158,1162,1166,1170,1174,1178],{"title":1131,"path":1132,"stem":1133},"Валідація з FluentValidation в ASP.NET Core","/csharp/aspnet/libraries/fluent-validation","01.csharp/11.aspnet/09.libraries/01.fluent-validation",{"title":1135,"path":1136,"stem":1137},"Маппінг об","/csharp/aspnet/libraries/mapster","01.csharp/11.aspnet/09.libraries/02.mapster",{"title":1139,"path":1140,"stem":1141},"Обробка помилок з ErrorOr та Result Pattern в ASP.NET Core","/csharp/aspnet/libraries/erroror-result-pattern","01.csharp/11.aspnet/09.libraries/03.erroror-result-pattern",{"title":1143,"path":1144,"stem":1145},"Структуроване логування з Serilog в ASP.NET Core","/csharp/aspnet/libraries/serilog","01.csharp/11.aspnet/09.libraries/04.serilog",{"title":1147,"path":1148,"stem":1149},"CQRS та Mediator з MediatR в ASP.NET Core","/csharp/aspnet/libraries/mediatr","01.csharp/11.aspnet/09.libraries/05.mediatr",{"title":1151,"path":1152,"stem":1153},"Відмовостійкість з Polly в ASP.NET Core","/csharp/aspnet/libraries/polly","01.csharp/11.aspnet/09.libraries/06.polly",{"title":1155,"path":1156,"stem":1157},"Health Checks в ASP.NET Core","/csharp/aspnet/libraries/health-checks","01.csharp/11.aspnet/09.libraries/07.health-checks",{"title":1159,"path":1160,"stem":1161},"Feature Management та Feature Flags в ASP.NET Core","/csharp/aspnet/libraries/feature-management","01.csharp/11.aspnet/09.libraries/08.feature-management",{"title":1163,"path":1164,"stem":1165},"Відправка Email з FluentEmail в ASP.NET Core","/csharp/aspnet/libraries/fluent-email","01.csharp/11.aspnet/09.libraries/09.fluent-email",{"title":1167,"path":1168,"stem":1169},"Генерація PDF з QuestPDF в ASP.NET Core","/csharp/aspnet/libraries/quest-pdf","01.csharp/11.aspnet/09.libraries/10.quest-pdf",{"title":1171,"path":1172,"stem":1173},"Генерація тестових даних з Bogus в ASP.NET Core","/csharp/aspnet/libraries/bogus","01.csharp/11.aspnet/09.libraries/11.bogus",{"title":1175,"path":1176,"stem":1177},"Humanizer та Guard Clauses в ASP.NET Core","/csharp/aspnet/libraries/humanizer-guard","01.csharp/11.aspnet/09.libraries/12.humanizer-guard",{"title":1179,"path":1180,"stem":1181},"План модуля 10.libraries — Популярні бібліотеки ASP.NET","/csharp/aspnet/libraries/plan","01.csharp/11.aspnet/09.libraries/plan",{"title":1183,"icon":1184,"path":1185,"stem":1186,"children":1187,"page":59},"Razor Pages","i-lucide-layout-template","/csharp/aspnet/razor-pages","01.csharp/11.aspnet/10.razor-pages",[1188,1192,1196,1200,1204,1208],{"title":1189,"path":1190,"stem":1191},"Від Minimal API до Razor Pages: концептуальний перехід","/csharp/aspnet/razor-pages/from-minimal-api","01.csharp/11.aspnet/10.razor-pages/01.from-minimal-api",{"title":1193,"path":1194,"stem":1195},"PageModel: логіка сторінки Razor Pages","/csharp/aspnet/razor-pages/page-model","01.csharp/11.aspnet/10.razor-pages/02.page-model",{"title":1197,"path":1198,"stem":1199},"Razor синтаксис: шаблонізатор у .cshtml","/csharp/aspnet/razor-pages/razor-syntax","01.csharp/11.aspnet/10.razor-pages/03.razor-syntax",{"title":1201,"path":1202,"stem":1203},"Tag Helpers: типізований HTML","/csharp/aspnet/razor-pages/tag-helpers","01.csharp/11.aspnet/10.razor-pages/04.tag-helpers",{"title":1205,"path":1206,"stem":1207},"Форми і валідація: повний цикл обробки даних","/csharp/aspnet/razor-pages/forms-validation","01.csharp/11.aspnet/10.razor-pages/05.forms-validation",{"title":1209,"path":1210,"stem":1211},"Практичний проєкт: TaskManager на Razor Pages","/csharp/aspnet/razor-pages/project-task-manager","01.csharp/11.aspnet/10.razor-pages/06.project-task-manager",{"title":1213,"path":1214,"stem":1215,"children":1216,"page":59},"ASP.NET Core MVC","/csharp/aspnet/mvc","01.csharp/11.aspnet/11.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: архітектура, що змінила веб","/csharp/aspnet/mvc/mvc-pattern","01.csharp/11.aspnet/11.mvc/01.mvc-pattern",{"title":1222,"path":1223,"stem":1224},"Від Razor Pages до MVC: концептуальний перехід","/csharp/aspnet/mvc/from-razor-pages","01.csharp/11.aspnet/11.mvc/02.from-razor-pages",{"title":1226,"path":1227,"stem":1228},"Controllers та Actions: серце MVC","/csharp/aspnet/mvc/controllers-actions","01.csharp/11.aspnet/11.mvc/03.controllers-actions",{"title":1230,"path":1231,"stem":1232},"Маршрутизація в MVC: Convention vs Attribute Routing","/csharp/aspnet/mvc/routing-mvc","01.csharp/11.aspnet/11.mvc/04.routing-mvc",{"title":1234,"path":1235,"stem":1236},"Model Binding: від HTTP до C#","/csharp/aspnet/mvc/model-binding","01.csharp/11.aspnet/11.mvc/05.model-binding",{"title":1238,"path":1239,"stem":1240},"Views, ViewData, ViewBag, TempData і ViewModel","/csharp/aspnet/mvc/views-viewdata-tempdata","01.csharp/11.aspnet/11.mvc/06.views-viewdata-tempdata",{"title":1242,"path":1243,"stem":1244},"Filters: аспектно-орієнтоване програмування в MVC","/csharp/aspnet/mvc/filters","01.csharp/11.aspnet/11.mvc/07.filters",{"title":1246,"path":1247,"stem":1248},"Areas: структурування великих застосунків","/csharp/aspnet/mvc/areas","01.csharp/11.aspnet/11.mvc/08.areas",{"title":1250,"path":1251,"stem":1252},"View Components: повторювані незалежні блоки UI","/csharp/aspnet/mvc/view-components","01.csharp/11.aspnet/11.mvc/09.view-components",{"title":1254,"path":1255,"stem":1256},"Display та Editor Templates","/csharp/aspnet/mvc/display-editor-templates","01.csharp/11.aspnet/11.mvc/10.display-editor-templates",{"title":1258,"path":1259,"stem":1260},"Валідація: IValidatableObject та FluentValidation","/csharp/aspnet/mvc/validation-advanced","01.csharp/11.aspnet/11.mvc/11.validation-advanced",{"title":1262,"path":1263,"stem":1264},"HTMX: інтерактивність через HTML-атрибути","/csharp/aspnet/mvc/htmx","01.csharp/11.aspnet/11.mvc/12.htmx",{"title":1266,"path":1267,"stem":1268},"HTMX у ASP.NET Core MVC: серверна інтеграція","/csharp/aspnet/mvc/ajax-htmx-mvc","01.csharp/11.aspnet/11.mvc/13.ajax-htmx-mvc",{"title":1270,"path":1271,"stem":1272},"Практичний проєкт: Каталог товарів з HTMX","/csharp/aspnet/mvc/htmx-project","01.csharp/11.aspnet/11.mvc/14.htmx-project",{"title":1274,"path":1275,"stem":1276},"Завантаження та обробка файлів","/csharp/aspnet/mvc/file-upload","01.csharp/11.aspnet/11.mvc/15.file-upload",{"title":1278,"path":1279,"stem":1280},"Глобалізація та Локалізація MVC","/csharp/aspnet/mvc/globalization-localization","01.csharp/11.aspnet/11.mvc/16.globalization-localization",{"title":1282,"path":1283,"stem":1284},"Підсумковий проєкт: Блог-платформа","/csharp/aspnet/mvc/mvc-project","01.csharp/11.aspnet/11.mvc/17.mvc-project",{"title":1286,"path":1287,"stem":1288},"План курсу: ASP.NET Core MVC","/csharp/aspnet/mvc/plan","01.csharp/11.aspnet/11.mvc/plan",{"title":1290,"path":1291,"stem":1292,"children":1293,"page":59},"Web Api","/csharp/aspnet/web-api","01.csharp/11.aspnet/12.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","/csharp/aspnet/web-api/from-minimal-api-to-controllers","01.csharp/11.aspnet/12.web-api/01.from-minimal-api-to-controllers",{"title":1299,"path":1300,"stem":1301},"ControllerBase, ActionResult\u003CT> та Response Types","/csharp/aspnet/web-api/controller-base-actionresult","01.csharp/11.aspnet/12.web-api/02.controller-base-actionresult",{"title":1303,"path":1304,"stem":1305},"Content Negotiation - JSON, XML та власні форматери","/csharp/aspnet/web-api/content-negotiation","01.csharp/11.aspnet/12.web-api/03.content-negotiation",{"title":1307,"path":1308,"stem":1309},"Версіонування API","/csharp/aspnet/web-api/api-versioning","01.csharp/11.aspnet/12.web-api/04.api-versioning",{"title":1311,"path":1312,"stem":1313},"ProblemDetails та структурована обробка помилок","/csharp/aspnet/web-api/problemdetails-error-handling","01.csharp/11.aspnet/12.web-api/05.problemdetails-error-handling",{"title":1315,"path":1316,"stem":1317},"Фільтри у Web API контексті","/csharp/aspnet/web-api/filters-for-api","01.csharp/11.aspnet/12.web-api/06.filters-for-api",{"title":1319,"path":1320,"stem":1321},"Пагінація, фільтрація та сортування","/csharp/aspnet/web-api/pagination-filtering-sorting","01.csharp/11.aspnet/12.web-api/07.pagination-filtering-sorting",{"title":1323,"path":1324,"stem":1325},"HATEOAS та Resource Expansion","/csharp/aspnet/web-api/hateoas-resource-expansion","01.csharp/11.aspnet/12.web-api/08.hateoas-resource-expansion",{"title":1327,"path":1328,"stem":1329},"Гібридна архітектура - Minimal API + Controllers","/csharp/aspnet/web-api/minimal-api-vs-controllers-hybrid","01.csharp/11.aspnet/12.web-api/09.minimal-api-vs-controllers-hybrid",{"title":1331,"path":1332,"stem":1333},"Документація API - Swashbuckle, NSwag та генерація клієнтів","/csharp/aspnet/web-api/api-documentation-generation","01.csharp/11.aspnet/12.web-api/10.api-documentation-generation",{"title":1335,"path":1336,"stem":1337},"Health Checks та моніторинг API","/csharp/aspnet/web-api/health-checks-monitoring","01.csharp/11.aspnet/12.web-api/11.health-checks-monitoring",{"title":1339,"path":1340,"stem":1341},"Підсумковий проєкт - Production-Ready REST API","/csharp/aspnet/web-api/web-api-project","01.csharp/11.aspnet/12.web-api/12.web-api-project",{"title":1343,"path":1344,"stem":1345},"План курсу: ASP.NET Core Web API (Controllers)","/csharp/aspnet/web-api/plan","01.csharp/11.aspnet/12.web-api/plan",{"title":1347,"icon":1348,"path":1349,"stem":1350,"children":1351,"page":59},"Desktop UI","i-lucide-app-window","/csharp/desktop-ui","01.csharp/12.desktop-ui",[1352,1356,1360,1364,1368,1372,1376,1380,1384,1388,1392,1396,1400,1404,1408,1412,1416,1420,1424,1428,1432,1436,1440,1444,1448,1452,1456,1460,1464,1468,1472,1476,1480,1484,1488,1492,1496,1500,1504,1508,1512,1516,1520,1524,1528,1532,1536,1540,1544,1548,1552,1556,1560,1564,1568,1572,1576,1580,1584,1588,1592,1596,1600,1604,1608,1612,1616,1620,1624,1628,1632],{"title":1353,"path":1354,"stem":1355},"Що таке десктопна розробка?","/csharp/desktop-ui/what-is-desktop-dev","01.csharp/12.desktop-ui/01.what-is-desktop-dev",{"title":1357,"path":1358,"stem":1359},"Архітектура WPF — як влаштований графічний інтерфейс","/csharp/desktop-ui/wpf-architecture","01.csharp/12.desktop-ui/02.wpf-architecture",{"title":1361,"path":1362,"stem":1363},"Перший WPF-проєкт — від нуля до вікна","/csharp/desktop-ui/first-wpf-app","01.csharp/12.desktop-ui/03.first-wpf-app",{"title":1365,"path":1366,"stem":1367},"Перший Avalonia-проєкт: WPF для всіх платформ","/csharp/desktop-ui/03a.first-avalonia-app","01.csharp/12.desktop-ui/03a.first-avalonia-app",{"title":1369,"path":1370,"stem":1371},"XAML: декларативний інтерфейс","/csharp/desktop-ui/xaml-basics","01.csharp/12.desktop-ui/04.xaml-basics",{"title":1373,"path":1374,"stem":1375},"Fluent UI у WPF — сучасний дизайн Windows 11","/csharp/desktop-ui/04a.wpf-fluent-ui","01.csharp/12.desktop-ui/04a.wpf-fluent-ui",{"title":1377,"path":1378,"stem":1379},"WPF UI — сучасна бібліотека Fluent контролів","/csharp/desktop-ui/04b.wpf-ui-library","01.csharp/12.desktop-ui/04b.wpf-ui-library",{"title":1381,"path":1382,"stem":1383},"HandyControl — велика бібліотека UI контролів для WPF","/csharp/desktop-ui/04c.handycontrol-library","01.csharp/12.desktop-ui/04c.handycontrol-library",{"title":1385,"path":1386,"stem":1387},"Простори імен та ресурси XAML","/csharp/desktop-ui/xaml-namespaces-resources","01.csharp/12.desktop-ui/05.xaml-namespaces-resources",{"title":1389,"path":1390,"stem":1391},"XAML в Avalonia: ключові відмінності від WPF","/csharp/desktop-ui/05a.avalonia-xaml-differences","01.csharp/12.desktop-ui/05a.avalonia-xaml-differences",{"title":1393,"path":1394,"stem":1395},"Розширення розмітки XAML (Markup Extensions)","/csharp/desktop-ui/xaml-markup-extensions","01.csharp/12.desktop-ui/06.xaml-markup-extensions",{"title":1397,"path":1398,"stem":1399},"Панелі Layout: StackPanel, WrapPanel, DockPanel","/csharp/desktop-ui/layout-panels-part1","01.csharp/12.desktop-ui/07.layout-panels-part1",{"title":1401,"path":1402,"stem":1403},"Grid, Canvas, UniformGrid","/csharp/desktop-ui/layout-panels-part2","01.csharp/12.desktop-ui/07.layout-panels-part2",{"title":1405,"path":1406,"stem":1407},"Просунуті техніки Layout","/csharp/desktop-ui/layout-advanced","01.csharp/12.desktop-ui/08.layout-advanced",{"title":1409,"path":1410,"stem":1411},"Адаптивний Layout та найкращі практики","/csharp/desktop-ui/layout-responsive","01.csharp/12.desktop-ui/09.layout-responsive",{"title":1413,"path":1414,"stem":1415},"Layout в Avalonia: відмінності та нові можливості","/csharp/desktop-ui/09a.layout-avalonia","01.csharp/12.desktop-ui/09a.layout-avalonia",{"title":1417,"path":1418,"stem":1419},"Button, Image, ProgressBar та інші базові контроли","/csharp/desktop-ui/basic-controls","01.csharp/12.desktop-ui/10.basic-controls",{"title":1421,"path":1422,"stem":1423},"Контроли в Avalonia: відмінності від WPF","/csharp/desktop-ui/10a.controls-avalonia","01.csharp/12.desktop-ui/10a.controls-avalonia",{"title":1425,"path":1426,"stem":1427},"Текстові контроли — TextBlock, TextBox, RichTextBox","/csharp/desktop-ui/text-controls","01.csharp/12.desktop-ui/11.text-controls",{"title":1429,"path":1430,"stem":1431},"Контроли вибору — CheckBox, RadioButton, ComboBox, ListBox, DatePicker","/csharp/desktop-ui/selection-controls","01.csharp/12.desktop-ui/12.selection-controls",{"title":1433,"path":1434,"stem":1435},"Content Model — GroupBox, Expander, TabControl, StatusBar","/csharp/desktop-ui/content-controls","01.csharp/12.desktop-ui/13.content-controls",{"title":1437,"path":1438,"stem":1439},"UI/UX принципи десктопних застосунків","/csharp/desktop-ui/13a.ui-ux-principles","01.csharp/12.desktop-ui/13a.ui-ux-principles",{"title":1441,"path":1442,"stem":1443},"Dependency Properties — Концепція та Value Resolution","/csharp/desktop-ui/dependency-properties-part1","01.csharp/12.desktop-ui/14.dependency-properties-part1",{"title":1445,"path":1446,"stem":1447},"Avalonia Property System — StyledProperty та DirectProperty","/csharp/desktop-ui/14a.avalonia-property-system","01.csharp/12.desktop-ui/14a.avalonia-property-system",{"title":1449,"path":1450,"stem":1451},"Attached Properties — Властивості без меж","/csharp/desktop-ui/attached-properties","01.csharp/12.desktop-ui/15.attached-properties",{"title":1453,"path":1454,"stem":1455},"Routed Events — Маршрутизація подій у WPF","/csharp/desktop-ui/routed-events","01.csharp/12.desktop-ui/16.routed-events",{"title":1457,"path":1458,"stem":1459},"Data Binding — Від Code-Behind до Декларативності","/csharp/desktop-ui/data-binding-basics-part1","01.csharp/12.desktop-ui/17.data-binding-basics-part1",{"title":1461,"path":1462,"stem":1463},"INotifyPropertyChanged — Живе оновлення UI","/csharp/desktop-ui/data-binding-basics-part2","01.csharp/12.desktop-ui/17.data-binding-basics-part2",{"title":1465,"path":1466,"stem":1467},"Compiled Bindings в Avalonia — Безпека на етапі компіляції","/csharp/desktop-ui/17a.avalonia-compiled-bindings","01.csharp/12.desktop-ui/17a.avalonia-compiled-bindings",{"title":1469,"path":1470,"stem":1471},"Просунутий Data Binding — ElementName, RelativeSource, MultiBinding","/csharp/desktop-ui/data-binding-advanced","01.csharp/12.desktop-ui/18.data-binding-advanced",{"title":1473,"path":1474,"stem":1475},"Value Converters — Перетворення типів даних у Data Binding","/csharp/desktop-ui/value-converters","01.csharp/12.desktop-ui/19.value-converters",{"title":1477,"path":1478,"stem":1479},"Data Templates — Візуалізація об'єктів у WPF","/csharp/desktop-ui/data-templates","01.csharp/12.desktop-ui/20.data-templates",{"title":1481,"path":1482,"stem":1483},"Collections Binding Part 1 — ObservableCollection та ItemsControl","/csharp/desktop-ui/collections-binding-part1","01.csharp/12.desktop-ui/21.collections-binding-part1",{"title":1485,"path":1486,"stem":1487},"Collections Binding Part 2 — ICollectionView, Filtering, Sorting та Virtualization","/csharp/desktop-ui/collections-binding-part2","01.csharp/12.desktop-ui/21.collections-binding-part2",{"title":1489,"path":1490,"stem":1491},"MVVM Pattern — Від Spaghetti Code до архітектури","/csharp/desktop-ui/mvvm-pattern","01.csharp/12.desktop-ui/22.mvvm-pattern",{"title":1493,"path":1494,"stem":1495},"ViewModel Implementation — Від BaseViewModel до валідації","/csharp/desktop-ui/viewmodel-implementation","01.csharp/12.desktop-ui/23.viewmodel-implementation",{"title":1497,"path":1498,"stem":1499},"Commands — Від event handlers до декларативних команд","/csharp/desktop-ui/commands","01.csharp/12.desktop-ui/24.commands",{"title":1501,"path":1502,"stem":1503},"MVVM Toolkit — MVVM без boilerplate через Source Generators","/csharp/desktop-ui/mvvm-toolkit","01.csharp/12.desktop-ui/25.mvvm-toolkit",{"title":1505,"path":1506,"stem":1507},"Messenger Pattern — Комунікація між ViewModel без прямих посилань","/csharp/desktop-ui/messenger-pattern","01.csharp/12.desktop-ui/26.messenger-pattern",{"title":1509,"path":1510,"stem":1511},"Стилі WPF — CSS для десктопу","/csharp/desktop-ui/styles-basics","01.csharp/12.desktop-ui/27.styles-basics",{"title":1513,"path":1514,"stem":1515},"CSS-like стилі Avalonia","/csharp/desktop-ui/27a.avalonia-css-styling","01.csharp/12.desktop-ui/27a.avalonia-css-styling",{"title":1517,"path":1518,"stem":1519},"Control Templates — Частина 1. Концепція та TemplateBinding","/csharp/desktop-ui/control-templates-part1","01.csharp/12.desktop-ui/28.control-templates-part1",{"title":1521,"path":1522,"stem":1523},"Control Templates — Частина 2. Named Parts та ContentPresenter","/csharp/desktop-ui/control-templates-part2","01.csharp/12.desktop-ui/28.control-templates-part2",{"title":1525,"path":1526,"stem":1527},"Control Themes в Avalonia — нова ера стилізації","/csharp/desktop-ui/28a.avalonia-control-themes","01.csharp/12.desktop-ui/28a.avalonia-control-themes",{"title":1529,"path":1530,"stem":1531},"Triggers та Visual State Manager у WPF","/csharp/desktop-ui/triggers-visual-states","01.csharp/12.desktop-ui/29.triggers-visual-states",{"title":1533,"path":1534,"stem":1535},"Pseudo-classes в Avalonia — замість WPF Triggers","/csharp/desktop-ui/29a.avalonia-pseudo-classes","01.csharp/12.desktop-ui/29a.avalonia-pseudo-classes",{"title":1537,"path":1538,"stem":1539},"Теми та ресурсні словники у WPF","/csharp/desktop-ui/resources-themes","01.csharp/12.desktop-ui/30.resources-themes",{"title":1541,"path":1542,"stem":1543},"Avalonia Themes — Fluent Design та система тематизації","/csharp/desktop-ui/30a.avalonia-themes-fluent","01.csharp/12.desktop-ui/30a.avalonia-themes-fluent",{"title":1545,"path":1546,"stem":1547},"Контроли колекцій — глибоке занурення","/csharp/desktop-ui/collection-controls","01.csharp/12.desktop-ui/31.collection-controls",{"title":1549,"path":1550,"stem":1551},"DataGrid — колонки та базове відображення","/csharp/desktop-ui/datagrid-part1","01.csharp/12.desktop-ui/32.datagrid-part1",{"title":1553,"path":1554,"stem":1555},"DataGrid — сортування, фільтрація, редагування","/csharp/desktop-ui/datagrid-part2","01.csharp/12.desktop-ui/32.datagrid-part2",{"title":1557,"path":1558,"stem":1559},"TreeView та GridView","/csharp/desktop-ui/treeview-listview","01.csharp/12.desktop-ui/33.treeview-listview",{"title":1561,"path":1562,"stem":1563},"Меню, Toolbar, ContextMenu, StatusBar","/csharp/desktop-ui/menus-toolbars","01.csharp/12.desktop-ui/34.menus-toolbars",{"title":1565,"path":1566,"stem":1567},"Навігація та керування вікнами. Частина 1: вікна та сторінки","/csharp/desktop-ui/navigation-windows-part1","01.csharp/12.desktop-ui/35.navigation-windows-part1",{"title":1569,"path":1570,"stem":1571},"Навігація та керування вікнами. Частина 2: MVVM-навігація","/csharp/desktop-ui/navigation-windows-part2","01.csharp/12.desktop-ui/35.navigation-windows-part2",{"title":1573,"path":1574,"stem":1575},"Avalonia — Навігація та діалоги","/csharp/desktop-ui/35a.avalonia-navigation-dialogs","01.csharp/12.desktop-ui/35a.avalonia-navigation-dialogs",{"title":1577,"path":1578,"stem":1579},"Діалоги та File Pickers у WPF","/csharp/desktop-ui/dialogs-file-pickers","01.csharp/12.desktop-ui/36.dialogs-file-pickers",{"title":1581,"path":1582,"stem":1583},"UserControl: компонентний підхід у WPF","/csharp/desktop-ui/user-controls","01.csharp/12.desktop-ui/37.user-controls",{"title":1585,"path":1586,"stem":1587},"Custom Controls: Lookless Controls у WPF","/csharp/desktop-ui/custom-controls","01.csharp/12.desktop-ui/38.custom-controls",{"title":1589,"path":1590,"stem":1591},"Avalonia TemplatedControl — Lookless Controls","/csharp/desktop-ui/38a.avalonia-templated-controls","01.csharp/12.desktop-ui/38a.avalonia-templated-controls",{"title":1593,"path":1594,"stem":1595},"Анімації у WPF: Storyboard та Easing Functions","/csharp/desktop-ui/animations-transitions","01.csharp/12.desktop-ui/39.animations-transitions",{"title":1597,"path":1598,"stem":1599},"Анімації в Avalonia","/csharp/desktop-ui/39a.avalonia-animations","01.csharp/12.desktop-ui/39a.avalonia-animations",{"title":1601,"path":1602,"stem":1603},"2D Графіка та Мультимедіа у WPF","/csharp/desktop-ui/media-graphics","01.csharp/12.desktop-ui/40.media-graphics",{"title":1605,"path":1606,"stem":1607},"Dependency Injection у WPF та Avalonia","/csharp/desktop-ui/di-integration","01.csharp/12.desktop-ui/41.di-integration",{"title":1609,"path":1610,"stem":1611},"SQLite та EF Core у десктопних додатках","/csharp/desktop-ui/data-persistence-part1","01.csharp/12.desktop-ui/42.data-persistence-part1",{"title":1613,"path":1614,"stem":1615},"Repository Pattern та Unit of Work","/csharp/desktop-ui/data-persistence-part2","01.csharp/12.desktop-ui/43.data-persistence-part2",{"title":1617,"path":1618,"stem":1619},"Тестування ViewModels","/csharp/desktop-ui/viewmodel-testing","01.csharp/12.desktop-ui/44.viewmodel-testing",{"title":1621,"path":1622,"stem":1623},"Avalonia Headless Testing — тестування UI без вікон","/csharp/desktop-ui/44a.avalonia-headless-testing","01.csharp/12.desktop-ui/44a.avalonia-headless-testing",{"title":1625,"path":1626,"stem":1627},"Кросплатформна розробка з Avalonia","/csharp/desktop-ui/avalonia-cross-platform","01.csharp/12.desktop-ui/45.avalonia-cross-platform",{"title":1629,"path":1630,"stem":1631},"Пакування та розгортання Avalonia додатків","/csharp/desktop-ui/avalonia-packaging-deployment","01.csharp/12.desktop-ui/46.avalonia-packaging-deployment",{"title":1633,"path":1634,"stem":1635},"Розгортання WPF застосунків","/csharp/desktop-ui/wpf-packaging-deployment","01.csharp/12.desktop-ui/47.wpf-packaging-deployment",{"title":1637,"path":1638,"stem":1639},"C# & .NET: The Ultimate Roadmap","/csharp/roadmap","01.csharp/roadmap",{"title":1641,"icon":1642,"path":1643,"stem":1644,"children":1645,"page":59},"C++","i-devicon-cplusplus","/cpp","02.cpp",[1646,1650,1654,1658,1662,1666,1670,1674,1678,1681,1685,1689,1693,1697,1701,1705,1709,1713,1717,1721,1725,1729,1733,1737,1741,1745,1749,1753,1757,1761],{"title":1647,"path":1648,"stem":1649},"Вступ у програмування та алгоритми","/cpp/intro-algorithms","02.cpp/01.intro-algorithms",{"title":1651,"path":1652,"stem":1653},"Code Style: угоди про оформлення коду","/cpp/code-style","02.cpp/02.code-style",{"title":1655,"path":1656,"stem":1657},"Середовище розробки та перший проєкт","/cpp/ide-setup","02.cpp/03.ide-setup",{"title":1659,"path":1660,"stem":1661},"Вивід даних на екран","/cpp/data-output","02.cpp/04.data-output",{"title":1663,"path":1664,"stem":1665},"Типи даних, змінні та константи","/cpp/data-types-variables","02.cpp/05.data-types-variables",{"title":1667,"path":1668,"stem":1669},"Ввід даних з клавіатури","/cpp/data-input","02.cpp/06.data-input",{"title":1671,"path":1672,"stem":1673},"Оператори, перетворення типів та логічні операції","/cpp/operators-type-conversion","02.cpp/07.operators-type-conversion",{"title":1675,"path":1676,"stem":1677},"Цикли","/cpp/loops","02.cpp/08.loops",{"title":32,"path":1679,"stem":1680},"/cpp/arrays","02.cpp/09.arrays",{"title":1682,"path":1683,"stem":1684},"Алгоритми сортування та аналіз складності","/cpp/sorting","02.cpp/10.sorting",{"title":1686,"path":1687,"stem":1688},"Алгоритми пошуку","/cpp/searching","02.cpp/11.searching",{"title":1690,"path":1691,"stem":1692},"Функції: основи","/cpp/functions-basics","02.cpp/12.functions-basics",{"title":1694,"path":1695,"stem":1696},"Функції: прототипи, область видимості та додаткові можливості","/cpp/functions-scope","02.cpp/13.functions-scope",{"title":1698,"path":1699,"stem":1700},"Функції: перевантаження та шаблони","/cpp/functions-overloading-templates","02.cpp/14.functions-overloading-templates",{"title":1702,"path":1703,"stem":1704},"Вказівники: основи","/cpp/pointers-basics","02.cpp/15.pointers-basics",{"title":1706,"path":1707,"stem":1708},"Посилання (References)","/cpp/references","02.cpp/16.references",{"title":1710,"path":1711,"stem":1712},"Вказівники, const і масиви","/cpp/pointers-const-arrays","02.cpp/17.pointers-const-arrays",{"title":1714,"path":1715,"stem":1716},"Адресна арифметика","/cpp/pointer-arithmetic","02.cpp/18.pointer-arithmetic",{"title":1718,"path":1719,"stem":1720},"Динамічна пам'ять","/cpp/dynamic-memory","02.cpp/19.dynamic-memory",{"title":1722,"path":1723,"stem":1724},"Вказівники типу void","/cpp/void-pointers","02.cpp/20.void-pointers",{"title":1726,"path":1727,"stem":1728},"Вказівники на вказівники","/cpp/pointers-to-pointers","02.cpp/21.pointers-to-pointers",{"title":1730,"path":1731,"stem":1732},"Оператор доступу до членів через вказівник (->)","/cpp/member-access-operator","02.cpp/22.member-access-operator",{"title":1734,"path":1735,"stem":1736},"Цикл for-each (Range-based for)","/cpp/foreach-loop","02.cpp/23.foreach-loop",{"title":1738,"path":1739,"stem":1740},"Вказівники на функції","/cpp/function-pointers","02.cpp/24.function-pointers",{"title":1742,"path":1743,"stem":1744},"Лямбда-вирази","/cpp/lambdas","02.cpp/25.lambdas",{"title":1746,"path":1747,"stem":1748},"Лямбда-захоплення","/cpp/lambda-captures","02.cpp/26.lambda-captures",{"title":1750,"path":1751,"stem":1752},"Еліпсис","/cpp/ellipsis","02.cpp/27.ellipsis",{"title":1754,"path":1755,"stem":1756},"Аргументи командного рядка","/cpp/command-line-arguments","02.cpp/28.command-line-arguments",{"title":1758,"path":1759,"stem":1760},"Перерахування (enum)","/cpp/enum","02.cpp/29.enum",{"title":1762,"path":1763,"stem":1764},"План навчання: Курс C++ — Продовження (Статті 29–60+)","/cpp/curriculum-plan","02.cpp/curriculum-plan",{"title":1766,"icon":1767,"path":1768,"stem":1769,"children":1770,"page":59},"JavaScript","i-devicon-javascript","/javascript","03.javascript",[1771,1797,1851,1873,2177,2215],{"title":1772,"icon":1773,"path":1774,"stem":1775,"children":1776,"page":59},"Events","i-lucide-mouse-pointer-click","/javascript/events","03.javascript/01.events",[1777,1781,1785,1789,1793],{"title":1778,"path":1779,"stem":1780},"Вступ до подій браузера","/javascript/events/intro","03.javascript/01.events/01.intro",{"title":1782,"path":1783,"stem":1784},"Бульбашковий механізм (Bubbling) та занурення (Capturing)","/javascript/events/bubbling-capturing","03.javascript/01.events/02.bubbling-capturing",{"title":1786,"path":1787,"stem":1788},"Делегування подій (Event Delegation)","/javascript/events/delegate-events","03.javascript/01.events/03.delegate-events",{"title":1790,"path":1791,"stem":1792},"Типові дії браузера та preventDefault()","/javascript/events/prevent-default","03.javascript/01.events/04.prevent-default",{"title":1794,"path":1795,"stem":1796},"Запуск користувацьких подій (Custom Events)","/javascript/events/custom-events","03.javascript/01.events/05.custom-events",{"title":1798,"icon":1799,"path":1800,"stem":1801,"children":1802,"page":59},"Network","i-lucide-globe","/javascript/network","03.javascript/02.network",[1803,1807,1811,1815,1819,1823,1827,1831,1835,1839,1843,1847],{"title":1804,"path":1805,"stem":1806},"Fetch API - Сучасний підхід до HTTP-запитів","/javascript/network/01-fetch-api","03.javascript/02.network/01-fetch-api",{"title":1808,"path":1809,"stem":1810},"FormData - Робота з формами та файлами","/javascript/network/02-formdata","03.javascript/02.network/02-formdata",{"title":1812,"path":1813,"stem":1814},"Відстеження прогресу завантаження","/javascript/network/03-download-progress","03.javascript/02.network/03-download-progress",{"title":1816,"path":1817,"stem":1818},"Переривання fetch-запитів","/javascript/network/04-abort-requests","03.javascript/02.network/04-abort-requests",{"title":1820,"path":1821,"stem":1822},"CORS - Запити між різними джерелами","/javascript/network/05-cors","03.javascript/02.network/05-cors",{"title":1824,"path":1825,"stem":1826},"Fetch API - Повний довідник опцій","/javascript/network/06-fetch-options","03.javascript/02.network/06-fetch-options",{"title":1828,"path":1829,"stem":1830},"URL Objects - Робота з посиланнями","/javascript/network/07-url-objects","03.javascript/02.network/07-url-objects",{"title":1832,"path":1833,"stem":1834},"XMLHttpRequest - AJAX та низькорівневі запити","/javascript/network/08-xmlhttprequest","03.javascript/02.network/08-xmlhttprequest",{"title":1836,"path":1837,"stem":1838},"Відновлюване завантаження файлів","/javascript/network/09-resumable-upload","03.javascript/02.network/09-resumable-upload",{"title":1840,"path":1841,"stem":1842},"Cookies, document.cookie та світ після \"Cookiepocalypse\"","/javascript/network/10-cookies","03.javascript/02.network/10-cookies",{"title":1844,"path":1845,"stem":1846},"js-cookie: Керування Cookies без Болю","/javascript/network/11-js-cookie","03.javascript/02.network/11-js-cookie",{"title":1848,"path":1849,"stem":1850},"Axios: Потужний HTTP-клієнт для JavaScript","/javascript/network/12-axios","03.javascript/02.network/12-axios",{"title":1852,"icon":1853,"path":1854,"stem":1855,"children":1856,"page":59},"Bom","i-lucide-monitor","/javascript/bom","03.javascript/03.bom",[1857,1861,1865,1869],{"title":1858,"path":1859,"stem":1860},"LocalStorage, SessionStorage та patterns збереження даних","/javascript/bom/01-localstorage","03.javascript/03.bom/01-localstorage",{"title":1862,"path":1863,"stem":1864},"Location Object - Керування адресою сторінки","/javascript/bom/02-location-object","03.javascript/03.bom/02-location-object",{"title":1866,"path":1867,"stem":1868},"History API - Керування історією браузера","/javascript/bom/03-history-api","03.javascript/03.bom/03-history-api",{"title":1870,"path":1871,"stem":1872},"Navigator Object - Ідентифікація та Можливості Пристрою","/javascript/bom/04-navigator-object","03.javascript/03.bom/04-navigator-object",{"title":1874,"icon":1875,"path":1876,"stem":1877,"children":1878},"React","i-devicon-react","/javascript/react","03.javascript/04.react/index",[1879,1880,1884,1888,1892,1896,1959,1994,2146],{"title":1874,"path":1876,"stem":1877},{"title":1881,"path":1882,"stem":1883},"Робота з Формами в React","/javascript/react/react-forms","03.javascript/04.react/01.react-forms",{"title":1885,"path":1886,"stem":1887},"React Hook Form: Професійна Робота з Формами","/javascript/react/react-hook-form","03.javascript/04.react/02.react-hook-form",{"title":1889,"path":1890,"stem":1891},"React Hook Form: Глибоке Розуміння Архітектури та Оптимізації","/javascript/react/react-hook-form-new","03.javascript/04.react/02.react-hook-form-new",{"title":1893,"path":1894,"stem":1895},"Axios та React: Професійна Архітектура Запитів","/javascript/react/data-fetching-axios","03.javascript/04.react/03.data-fetching-axios",{"title":1897,"icon":132,"path":1898,"stem":1899,"children":1900},"Tanstack Query","/javascript/react/tanstack-query","03.javascript/04.react/04.tanstack-query/index",[1901,1903,1907,1911,1915,1919,1923,1927,1931,1935,1939,1943,1947,1951,1955],{"title":1902,"path":1898,"stem":1899},"TanStack Query: Майстерність Керування Станом Сервера",{"title":1904,"path":1905,"stem":1906},"Парадигма Server State: Чому useEffect недостатньо","/javascript/react/tanstack-query/server-state-paradigm","03.javascript/04.react/04.tanstack-query/01.server-state-paradigm",{"title":1908,"path":1909,"stem":1910},"Встановлення та Налаштування: Фундамент","/javascript/react/tanstack-query/installation-and-devtools","03.javascript/04.react/04.tanstack-query/02.installation-and-devtools",{"title":1912,"path":1913,"stem":1914},"Основи Запитів та Магія Ключів","/javascript/react/tanstack-query/query-basics-and-keys","03.javascript/04.react/04.tanstack-query/03.query-basics-and-keys",{"title":1916,"path":1917,"stem":1918},"Синхронізація Даних: Життєвий Цикл Запиту","/javascript/react/tanstack-query/data-synchronization","03.javascript/04.react/04.tanstack-query/04.data-synchronization",{"title":1920,"path":1921,"stem":1922},"Мутації та Інвалідація: Зміна Даних","/javascript/react/tanstack-query/mutations-and-invalidation","03.javascript/04.react/04.tanstack-query/05.mutations-and-invalidation",{"title":1924,"path":1925,"stem":1926},"Оптимістичні Оновлення: Швидше за Світло","/javascript/react/tanstack-query/optimistic-updates","03.javascript/04.react/04.tanstack-query/06.optimistic-updates",{"title":1928,"path":1929,"stem":1930},"Пагінація та Infinite Scroll","/javascript/react/tanstack-query/pagination-and-load-more","03.javascript/04.react/04.tanstack-query/07.pagination-and-load-more",{"title":1932,"path":1933,"stem":1934},"Просунуті Патерни та Оптимізація","/javascript/react/tanstack-query/advanced-patterns","03.javascript/04.react/04.tanstack-query/08.advanced-patterns",{"title":1936,"path":1937,"stem":1938},"Архітектура та Best Practices","/javascript/react/tanstack-query/architecture-and-best-practices","03.javascript/04.react/04.tanstack-query/09.architecture-and-best-practices",{"title":1940,"path":1941,"stem":1942},"Server-Side Rendering (SSR) та Гідратація","/javascript/react/tanstack-query/server-side-rendering","03.javascript/04.react/04.tanstack-query/10.server-side-rendering",{"title":1944,"path":1945,"stem":1946},"Стратегії Тестування","/javascript/react/tanstack-query/testing-strategies","03.javascript/04.react/04.tanstack-query/11.testing-strategies",{"title":1948,"path":1949,"stem":1950},"Аутентифікація та Обробка Помилок","/javascript/react/tanstack-query/authentication-and-errors","03.javascript/04.react/04.tanstack-query/12.authentication-and-errors",{"title":1952,"path":1953,"stem":1954},"React Suspense та Майбутнє","/javascript/react/tanstack-query/react-suspense","03.javascript/04.react/04.tanstack-query/13.react-suspense",{"title":1956,"path":1957,"stem":1958},"Глибоке Занурення в Продуктивність","/javascript/react/tanstack-query/performance-deep-dive","03.javascript/04.react/04.tanstack-query/14.performance-deep-dive",{"title":1960,"icon":1875,"path":1961,"stem":1962,"children":1963},"React Router","/javascript/react/react-router","03.javascript/04.react/05.react-router/index",[1964,1966,1970,1974,1978,1982,1986,1990],{"title":1965,"path":1961,"stem":1962},"React Router: Навігаційна система сучасного вебу",{"title":1967,"path":1968,"stem":1969},"Налаштування та Базовий Роутинг","/javascript/react/react-router/setup-and-basic-routing","03.javascript/04.react/05.react-router/01.setup-and-basic-routing",{"title":1971,"path":1972,"stem":1973},"Динамічна Навігація","/javascript/react/react-router/navigation-and-links","03.javascript/04.react/05.react-router/02.navigation-and-links",{"title":1975,"path":1976,"stem":1977},"Вкладені Маршрути та Макети","/javascript/react/react-router/nested-routes-and-layouts","03.javascript/04.react/05.react-router/03.nested-routes-and-layouts",{"title":1979,"path":1980,"stem":1981},"Динамічні Маршрути та Параметри","/javascript/react/react-router/dynamic-routing","03.javascript/04.react/05.react-router/04.dynamic-routing",{"title":1983,"path":1984,"stem":1985},"Data APIs: Loaders та Actions","/javascript/react/react-router/data-loading","03.javascript/04.react/05.react-router/05.data-loading",{"title":1987,"path":1988,"stem":1989},"Просунуті Патерни","/javascript/react/react-router/advanced-patterns","03.javascript/04.react/05.react-router/06.advanced-patterns",{"title":1991,"path":1992,"stem":1993},"Legacy Routing: Компонентний підхід","/javascript/react/react-router/legacy-routing","03.javascript/04.react/05.react-router/07.legacy-routing",{"title":1995,"icon":132,"path":1996,"stem":1997,"children":1998},"Redux","/javascript/react/redux","03.javascript/04.react/06.redux/index",[1999,2001,2017,2046,2055,2076,2092,2121],{"title":2000,"path":1996,"stem":1997},"Redux: Еволюція управління станом",{"title":14,"icon":15,"path":2002,"stem":2003,"children":2004,"page":59},"/javascript/react/redux/fundamentals","03.javascript/04.react/06.redux/01.fundamentals",[2005,2009,2013],{"title":2006,"path":2007,"stem":2008},"Вступ до State Management","/javascript/react/redux/fundamentals/intro-state-management","03.javascript/04.react/06.redux/01.fundamentals/01.intro-state-management",{"title":2010,"path":2011,"stem":2012},"Філософія Redux та Три Принципи","/javascript/react/redux/fundamentals/redux-philosophy","03.javascript/04.react/06.redux/01.fundamentals/02.redux-philosophy",{"title":2014,"path":2015,"stem":2016},"Чисті функції та Іммутабельність","/javascript/react/redux/fundamentals/pure-functions-immutability","03.javascript/04.react/06.redux/01.fundamentals/03.pure-functions-immutability",{"title":2018,"icon":132,"path":2019,"stem":2020,"children":2021,"page":59},"Classic Redux","/javascript/react/redux/classic-redux","03.javascript/04.react/06.redux/02.classic-redux",[2022,2026,2030,2034,2038,2042],{"title":2023,"path":2024,"stem":2025},"Створення Store (Classic Redux)","/javascript/react/redux/classic-redux/store-setup","03.javascript/04.react/06.redux/02.classic-redux/01.store-setup",{"title":2027,"path":2028,"stem":2029},"Actions, Constants та Action Creators","/javascript/react/redux/classic-redux/actions-constants","03.javascript/04.react/06.redux/02.classic-redux/02.actions-constants",{"title":2031,"path":2032,"stem":2033},"Логіка Reducers","/javascript/react/redux/classic-redux/reducers","03.javascript/04.react/06.redux/02.classic-redux/03.reducers",{"title":2035,"path":2036,"stem":2037},"Комбінування Reducers (Root Reducer)","/javascript/react/redux/classic-redux/data-flow","03.javascript/04.react/06.redux/02.classic-redux/04.data-flow",{"title":2039,"path":2040,"stem":2041},"Підключення до React (React-Redux)","/javascript/react/redux/classic-redux/react-redux-connection","03.javascript/04.react/06.redux/02.classic-redux/05.react-redux-connection",{"title":2043,"path":2044,"stem":2045},"Middleware та Асинхронність (Redux Thunk)","/javascript/react/redux/classic-redux/middleware-thunk","03.javascript/04.react/06.redux/02.classic-redux/06.middleware-thunk",{"title":2047,"icon":132,"path":2048,"stem":2049,"children":2050,"page":59},"Transition To Rtk","/javascript/react/redux/transition-to-rtk","03.javascript/04.react/06.redux/03.transition-to-rtk",[2051],{"title":2052,"path":2053,"stem":2054},"Проблеми класичного Redux","/javascript/react/redux/transition-to-rtk/problems-with-classic","03.javascript/04.react/06.redux/03.transition-to-rtk/01.problems-with-classic",{"title":2056,"icon":132,"path":2057,"stem":2058,"children":2059,"page":59},"Redux Toolkit","/javascript/react/redux/redux-toolkit","03.javascript/04.react/06.redux/04.redux-toolkit",[2060,2064,2068,2072],{"title":2061,"path":2062,"stem":2063},"Налаштування Store з configureStore","/javascript/react/redux/redux-toolkit/configure-store","03.javascript/04.react/06.redux/04.redux-toolkit/01.configure-store",{"title":2065,"path":2066,"stem":2067},"createSlice: Революція в Redux","/javascript/react/redux/redux-toolkit/create-slice","03.javascript/04.react/06.redux/04.redux-toolkit/02.create-slice",{"title":2069,"path":2070,"stem":2071},"Асинхронність з createAsyncThunk","/javascript/react/redux/redux-toolkit/async-thunks","03.javascript/04.react/06.redux/04.redux-toolkit/03.async-thunks",{"title":2073,"path":2074,"stem":2075},"04. Entity Adapter: Керування нормалізованим станом","/javascript/react/redux/redux-toolkit/entity-adapter","03.javascript/04.react/06.redux/04.redux-toolkit/04.entity-adapter",{"title":2077,"icon":92,"path":2078,"stem":2079,"children":2080,"page":59},"Advanced","/javascript/react/redux/advanced","03.javascript/04.react/06.redux/05.advanced",[2081,2085,2089],{"title":2082,"path":2083,"stem":2084},"Мемоізація та Селектори: Повний Гайд по Reselect","/javascript/react/redux/advanced/selectors-reselect","03.javascript/04.react/06.redux/05.advanced/01.selectors-reselect",{"title":2086,"path":2087,"stem":2088},"RTK Query: Архітектура Серверного Кешу","/javascript/react/redux/advanced/rtk-query-intro","03.javascript/04.react/06.redux/05.advanced/02.rtk-query-intro",{"title":1936,"path":2090,"stem":2091},"/javascript/react/redux/advanced/architecture-best-practices","03.javascript/04.react/06.redux/05.advanced/03.architecture-best-practices",{"title":2093,"icon":132,"path":2094,"stem":2095,"children":2096,"page":59},"Project Kanban","/javascript/react/redux/project-kanban","03.javascript/04.react/06.redux/06.project-kanban",[2097,2101,2105,2109,2113,2117],{"title":2098,"path":2099,"stem":2100},"Проєкт: Kanban Board (Trello Clone)","/javascript/react/redux/project-kanban/project-overview","03.javascript/04.react/06.redux/06.project-kanban/01.project-overview",{"title":2102,"path":2103,"stem":2104},"Налаштування та Типізація","/javascript/react/redux/project-kanban/setup-and-types","03.javascript/04.react/06.redux/06.project-kanban/02.setup-and-types",{"title":2106,"path":2107,"stem":2108},"Board Slice: Серце Дошки","/javascript/react/redux/project-kanban/board-slice","03.javascript/04.react/06.redux/06.project-kanban/03.board-slice",{"title":2110,"path":2111,"stem":2112},"Логіка Drag & Drop","/javascript/react/redux/project-kanban/drag-and-drop-logic","03.javascript/04.react/06.redux/06.project-kanban/04.drag-and-drop-logic",{"title":2114,"path":2115,"stem":2116},"Інтеграція з RTK Query","/javascript/react/redux/project-kanban/rtk-query-integration","03.javascript/04.react/06.redux/06.project-kanban/05.rtk-query-integration",{"title":2118,"path":2119,"stem":2120},"Optimistic Updates","/javascript/react/redux/project-kanban/optimistic-updates","03.javascript/04.react/06.redux/06.project-kanban/06.optimistic-updates",{"title":2122,"icon":132,"path":2123,"stem":2124,"children":2125,"page":59},"Testing","/javascript/react/redux/testing","03.javascript/04.react/06.redux/07.testing",[2126,2130,2134,2138,2142],{"title":2127,"path":2128,"stem":2129},"Тестування Redux","/javascript/react/redux/testing/intro-testing","03.javascript/04.react/06.redux/07.testing/01.intro-testing",{"title":2131,"path":2132,"stem":2133},"Тестування Reducers","/javascript/react/redux/testing/testing-reducers","03.javascript/04.react/06.redux/07.testing/02.testing-reducers",{"title":2135,"path":2136,"stem":2137},"Тестування Селекторів","/javascript/react/redux/testing/testing-selectors","03.javascript/04.react/06.redux/07.testing/03.testing-selectors",{"title":2139,"path":2140,"stem":2141},"Тестування Компонентів (Integration)","/javascript/react/redux/testing/testing-components","03.javascript/04.react/06.redux/07.testing/04.testing-components",{"title":2143,"path":2144,"stem":2145},"Тестування Async Thunks","/javascript/react/redux/testing/testing-thunks","03.javascript/04.react/06.redux/07.testing/05.testing-thunks",{"title":2147,"icon":132,"path":2148,"stem":2149,"children":2150},"Ui Libraries","/javascript/react/ui-libraries","03.javascript/04.react/07.ui-libraries/index",[2151,2153,2157,2161,2165,2169,2173],{"title":2152,"path":2148,"stem":2149},"UI Бібліотеки в React",{"title":2154,"path":2155,"stem":2156},"Вступ до UI Бібліотек: Навіщо Винаходити Велосипед Двічі?","/javascript/react/ui-libraries/introduction-to-ui-libraries","03.javascript/04.react/07.ui-libraries/01.introduction-to-ui-libraries",{"title":2158,"path":2159,"stem":2160},"Філософія shadcn/ui: \"Not a Component Library\"","/javascript/react/ui-libraries/shadcn-philosophy","03.javascript/04.react/07.ui-libraries/02.shadcn-philosophy",{"title":2162,"path":2163,"stem":2164},"Установка та Налаштування shadcn/ui","/javascript/react/ui-libraries/shadcn-installation","03.javascript/04.react/07.ui-libraries/03.shadcn-installation",{"title":2166,"path":2167,"stem":2168},"Базові Компоненти shadcn/ui: Фундамент Інтерфейсу","/javascript/react/ui-libraries/shadcn-components-basics","03.javascript/04.react/07.ui-libraries/04.shadcn-components-basics",{"title":2170,"path":2171,"stem":2172},"Компоненти Форм: Побудова Інтерактивних Form","/javascript/react/ui-libraries/shadcn-components-forms","03.javascript/04.react/07.ui-libraries/05.shadcn-components-forms",{"title":2174,"path":2175,"stem":2176},"Складні Компоненти: Dialog, Dropdown, Table та Command","/javascript/react/ui-libraries/shadcn-components-advanced","03.javascript/04.react/07.ui-libraries/06.shadcn-components-advanced",{"title":2178,"icon":2179,"path":2180,"stem":2181,"children":2182,"page":59},"TypeScript","i-devicon-typescript","/javascript/typescript","03.javascript/05.typescript",[2183,2187,2191,2195,2199,2203,2207,2211],{"title":2184,"path":2185,"stem":2186},"TypeScript: Броня для вашого коду","/javascript/typescript/intro-and-basic-types","03.javascript/05.typescript/01.intro-and-basic-types",{"title":2188,"path":2189,"stem":2190},"Майстерність Моделювання Даних: Інтерфейси та Просунуті Типи","/javascript/typescript/interfaces-and-advanced-types","03.javascript/05.typescript/02.interfaces-and-advanced-types",{"title":2192,"path":2193,"stem":2194},"Алхімія Типів: Generics та Utility Types","/javascript/typescript/generics-and-utilities","03.javascript/05.typescript/03.generics-and-utilities",{"title":2196,"path":2197,"stem":2198},"Архітектура та Шаблони: Класи в TypeScript","/javascript/typescript/classes-and-oop","03.javascript/05.typescript/04.classes-and-oop",{"title":2200,"path":2201,"stem":2202},"Продакшн та Екосистема: Advanced Config & Workflow","/javascript/typescript/advanced-patterns-and-config","03.javascript/05.typescript/05.advanced-patterns-and-config",{"title":2204,"path":2205,"stem":2206},"TypeScript у світі React","/javascript/typescript/react-basics","03.javascript/05.typescript/06.react-basics",{"title":2208,"path":2209,"stem":2210},"React + TypeScript: Продвинуті патерни","/javascript/typescript/react-advanced","03.javascript/05.typescript/07.react-advanced",{"title":2212,"path":2213,"stem":2214},"React + TypeScript: Екосистема та бібліотеки","/javascript/typescript/react-ecosystem","03.javascript/05.typescript/08.react-ecosystem",{"title":2216,"path":2217,"stem":2218},"Atomic Design","/javascript/atomic-design","03.javascript/2.atomic-design",{"title":2220,"icon":2221,"path":2222,"stem":2223,"children":2224,"page":59},"Java","i-devicon-java","/java","04.java",[2225,2228,2231,2235,2239,2243,2247],{"title":162,"path":2226,"stem":2227},"/java/data-mapper-part1","04.java/01.data-mapper-part1",{"title":166,"path":2229,"stem":2230},"/java/data-mapper-part2","04.java/02.data-mapper-part2",{"title":2232,"path":2233,"stem":2234},"Service Layer: Організація бізнес-логіки","/java/service-layer","04.java/03.service-layer",{"title":2236,"path":2237,"stem":2238},"Rich Domain Model та State Pattern","/java/rich-domain-model","04.java/04.rich-domain-model",{"title":2240,"path":2241,"stem":2242},"Патерни для складної бізнес-логіки","/java/business-logic-patterns","04.java/05.business-logic-patterns",{"title":2244,"path":2245,"stem":2246},"Обробка помилок та валідація","/java/error-handling-validation","04.java/06.error-handling-validation",{"title":2248,"path":2249,"stem":2250,"children":2251,"page":59},"Проектування баз даних","/java/pr2","04.java/pr2",[2252,2256,2260,2264,2268,2272,2276,2280,2284,2288,2292,2296,2300,2304,2308,2312,2316,2320,2324,2328,2332,2336,2340,2344,2348],{"title":2253,"path":2254,"stem":2255},"Концептуальне моделювання: Мистецтво розуміння предметної області","/java/pr2/conceptual-modeling","04.java/pr2/01.conceptual-modeling",{"title":2257,"path":2258,"stem":2259},"Логічне моделювання: Від бізнес-ідей до структур даних","/java/pr2/logical-modeling","04.java/pr2/02.logical-modeling",{"title":2261,"path":2262,"stem":2263},"Нормалізація: Гігієна даних та боротьба з аномаліями","/java/pr2/normalization","04.java/pr2/03.normalization",{"title":2265,"path":2266,"stem":2267},"Фізична схема: Від абстракції до DDL","/java/pr2/physical-schema","04.java/pr2/04.physical-schema",{"title":2269,"path":2270,"stem":2271},"Архітектурна класифікація таблиць","/java/pr2/table-classification","04.java/pr2/05.table-classification",{"title":2273,"path":2274,"stem":2275},"Database Migrations: Версіонування схеми з Flyway","/java/pr2/database-migrations","04.java/pr2/06.database-migrations",{"title":2277,"path":2278,"stem":2279},"А що, якби це була не реляційна БД?","/java/pr2/beyond-relational","04.java/pr2/07.beyond-relational",{"title":2281,"path":2282,"stem":2283},"Object-Relational Impedance Mismatch: Два світи, що не хочуть дружити","/java/pr2/impedance-mismatch","04.java/pr2/09.impedance-mismatch",{"title":2285,"path":2286,"stem":2287},"JDBC: Перший контакт із базою даних","/java/pr2/jdbc-fundamentals","04.java/pr2/10.jdbc-fundamentals",{"title":2289,"path":2290,"stem":2291},"Якість коду: Spotless, SpotBugs та SonarQube","/java/pr2/10a.code-quality","04.java/pr2/10a.code-quality",{"title":2293,"path":2294,"stem":2295},"Connection Pool: Патерн Object Pool для JDBC-з'єднань","/java/pr2/connection-pool","04.java/pr2/11.connection-pool",{"title":2297,"path":2298,"stem":2299},"Row Data Gateway: Об'єкт як обгортка рядка таблиці","/java/pr2/row-data-gateway","04.java/pr2/12.row-data-gateway",{"title":2301,"path":2302,"stem":2303},"Table Data Gateway: Фасад таблиці як архітектурний відступ","/java/pr2/table-data-gateway","04.java/pr2/13.table-data-gateway",{"title":2305,"path":2306,"stem":2307},"Repository + Data Mapper: Правильна шарова архітектура з JDBC","/java/pr2/repository-data-mapper","04.java/pr2/14.repository-data-mapper",{"title":2309,"path":2310,"stem":2311},"Identity Map: Кешування сутностей у рамках сесії","/java/pr2/identity-map","04.java/pr2/15.identity-map",{"title":2313,"path":2314,"stem":2315},"Unit of Work: Відстеження змін і координація JDBC-транзакцій","/java/pr2/unit-of-work","04.java/pr2/16.unit-of-work",{"title":2317,"path":2318,"stem":2319},"Strategy: Замінювані SQL-стратегії для підтримки різних СУБД","/java/pr2/strategy-sql","04.java/pr2/17.strategy-sql",{"title":2321,"path":2322,"stem":2323},"Proxy: Lazy Loading для One-To-Many колекцій","/java/pr2/proxy-lazy-loading","04.java/pr2/18.proxy-lazy-loading",{"title":2325,"path":2326,"stem":2327},"Generic Repository через Java Reflection: анотації та динамічний SQL","/java/pr2/generic-repository-reflection","04.java/pr2/19.generic-repository-reflection",{"title":2329,"path":2330,"stem":2331},"Specification Pattern: Композиція бізнес-правил для складних запитів","/java/pr2/specification-pattern","04.java/pr2/20.specification-pattern",{"title":2333,"path":2334,"stem":2335},"Розширені можливості Specification Pattern: підзапити, агрегації та гібридний підхід","/java/pr2/20a.advanced-specifications","04.java/pr2/20a.advanced-specifications",{"title":2337,"path":2338,"stem":2339},"Асинхронність у JDBC: Від блокуючих викликів до CompletableFuture","/java/pr2/asynchronous-jdbc","04.java/pr2/21.asynchronous-jdbc",{"title":2341,"path":2342,"stem":2343},"Інтеграційне тестування JDBC-репозиторіїв: Embedded H2 та патерн AAA","/java/pr2/integration-testing-h2","04.java/pr2/22.integration-testing-h2",{"title":2345,"path":2346,"stem":2347},"Testcontainers: Тестування з реальною PostgreSQL у Docker-контейнерах","/java/pr2/integration-testing-testcontainers","04.java/pr2/23.integration-testing-testcontainers",{"title":2349,"path":2350,"stem":2351},"Модуль \"Проектування реляційних баз даних\" для 04.java/pr2","/java/pr2/implementation_plan","04.java/pr2/implementation_plan",{"title":2353,"icon":2354,"path":2355,"stem":2356,"children":2357,"page":59},"Бази даних","i-lucide-database","/databases","06.databases",[2358,2388,2411,2448,2477,2495,2529,2541,2550],{"title":2359,"icon":2360,"path":2361,"stem":2362,"children":2363,"page":59},"Intro","i-lucide-play","/databases/intro","06.databases/01.intro",[2364,2368,2372,2376,2380,2384],{"title":2365,"path":2366,"stem":2367},"Введення в теорію баз даних","/databases/intro/introduction-to-databases","06.databases/01.intro/01.introduction-to-databases",{"title":2369,"path":2370,"stem":2371},"Реляційна модель даних","/databases/intro/relational-model-theory","06.databases/01.intro/02.relational-model-theory",{"title":2373,"path":2374,"stem":2375},"ER-моделювання","/databases/intro/er-modeling","06.databases/01.intro/03.er-modeling",{"title":2377,"path":2378,"stem":2379},"Логічне проектування БД","/databases/intro/logical-schema","06.databases/01.intro/04.logical-schema",{"title":2381,"path":2382,"stem":2383},"Класифікація таблиць","/databases/intro/table-classification","06.databases/01.intro/05.table-classification",{"title":2385,"path":2386,"stem":2387},"PlantUML для баз даних","/databases/intro/plantuml-diagrams","06.databases/01.intro/06.plantuml-diagrams",{"title":2389,"icon":2354,"path":2390,"stem":2391,"children":2392,"page":59},"MS SQL Server Start","/databases/ms-sql-server-start","06.databases/02.ms-sql-server-start",[2393,2397,2403,2407],{"title":2394,"path":2395,"stem":2396},"Типи даних у MS SQL Server","/databases/ms-sql-server-start/data-types","06.databases/02.ms-sql-server-start/01.data-types",{"title":2398,"path":2399,"stem":2400,"children":2401},"Індекси у MS SQL Server","/databases/ms-sql-server-start/sql-indexes","06.databases/02.ms-sql-server-start/02.sql-indexes",[2402],{"title":2398,"path":2399,"stem":2400},{"title":2404,"path":2405,"stem":2406},"Системні бази даних MS SQL Server","/databases/ms-sql-server-start/system-databases","06.databases/02.ms-sql-server-start/03.system-databases",{"title":2408,"path":2409,"stem":2410},"Огляд мови SQL та запитів","/databases/ms-sql-server-start/sql-queries-overview","06.databases/02.ms-sql-server-start/04.sql-queries-overview",{"title":2412,"icon":2354,"path":2413,"stem":2414,"children":2415,"page":59},"SQL","/databases/sql","06.databases/03.sql",[2416,2420,2424,2428,2432,2436,2440,2444],{"title":2417,"path":2418,"stem":2419},"Налаштування демонстраційної бази даних","/databases/sql/sample-database-setup","06.databases/03.sql/00.sample-database-setup",{"title":2421,"path":2422,"stem":2423},"DDL - Створення таблиць (CREATE TABLE)","/databases/sql/ddl-create-table","06.databases/03.sql/01.ddl-create-table",{"title":2425,"path":2426,"stem":2427},"DDL - Зміна та видалення таблиць (ALTER, DROP)","/databases/sql/ddl-alter-drop-table","06.databases/03.sql/02.ddl-alter-drop-table",{"title":2429,"path":2430,"stem":2431},"SELECT запити - Основи","/databases/sql/select-queries-fundamentals","06.databases/03.sql/03.select-queries-fundamentals",{"title":2433,"path":2434,"stem":2435},"SELECT запити - Розширені можливості","/databases/sql/select-queries-advanced","06.databases/03.sql/04.select-queries-advanced",{"title":2437,"path":2438,"stem":2439},"INSERT запити - Додавання даних","/databases/sql/insert-queries","06.databases/03.sql/05.insert-queries",{"title":2441,"path":2442,"stem":2443},"UPDATE та DELETE запити","/databases/sql/update-delete-queries","06.databases/03.sql/06.update-delete-queries",{"title":2445,"path":2446,"stem":2447},"Транзакції в SQL","/databases/sql/transactions","06.databases/03.sql/07.transactions",{"title":2449,"icon":2354,"path":2450,"stem":2451,"children":2452,"page":59},"Multi Table Databases","/databases/multi-table-databases","06.databases/04.multi-table-databases",[2453,2457,2461,2465,2469,2473],{"title":2454,"path":2455,"stem":2456},"Зв'язки та нормалізація БД","/databases/multi-table-databases/relationships-and-normalization","06.databases/04.multi-table-databases/00.relationships-and-normalization",{"title":2458,"path":2459,"stem":2460},"INNER JOIN - З'єднання таблиць","/databases/multi-table-databases/inner-join","06.databases/04.multi-table-databases/01.inner-join",{"title":2462,"path":2463,"stem":2464},"OUTER JOINs - LEFT, RIGHT, FULL","/databases/multi-table-databases/outer-joins","06.databases/04.multi-table-databases/02.outer-joins",{"title":2466,"path":2467,"stem":2468},"CROSS та SELF JOINs","/databases/multi-table-databases/cross-self-joins","06.databases/04.multi-table-databases/03.cross-self-joins",{"title":2470,"path":2471,"stem":2472},"Підзапити (Subqueries)","/databases/multi-table-databases/subqueries","06.databases/04.multi-table-databases/04.subqueries",{"title":2474,"path":2475,"stem":2476},"Агрегації з JOIN","/databases/multi-table-databases/aggregations-with-joins","06.databases/04.multi-table-databases/05.aggregations-with-joins",{"title":2478,"icon":2479,"path":2480,"stem":2481,"children":2482,"page":59},"Aggregate Functions","i-lucide-calculator","/databases/aggregate-functions","06.databases/05.aggregate-functions",[2483,2487,2491],{"title":2484,"path":2485,"stem":2486},"Функції агрегування в MS SQL Server","/databases/aggregate-functions/introduction-aggregate-functions","06.databases/05.aggregate-functions/01.introduction-aggregate-functions",{"title":2488,"path":2489,"stem":2490},"Групування даних в MS SQL Server","/databases/aggregate-functions/grouping-data","06.databases/05.aggregate-functions/02.grouping-data",{"title":2492,"path":2493,"stem":2494},"Підзапити з агрегатними функціями","/databases/aggregate-functions/subqueries-aggregates","06.databases/05.aggregate-functions/03.subqueries-aggregates",{"title":2496,"icon":2497,"path":2498,"stem":2499,"children":2500,"page":59},"Тригери та зберігаємі процедури","i-lucide-database-zap","/databases/triggers-stored-procedures","06.databases/07.triggers-stored-procedures",[2501,2505,2509,2513,2517,2521,2525],{"title":2502,"path":2503,"stem":2504},"DML-тригери","/databases/triggers-stored-procedures/dml-triggers","06.databases/07.triggers-stored-procedures/01.dml-triggers",{"title":2506,"path":2507,"stem":2508},"DDL-тригери","/databases/triggers-stored-procedures/ddl-triggers","06.databases/07.triggers-stored-procedures/02.ddl-triggers",{"title":2510,"path":2511,"stem":2512},"Transact-SQL розширення","/databases/triggers-stored-procedures/transact-sql-extensions","06.databases/07.triggers-stored-procedures/03.transact-sql-extensions",{"title":2514,"path":2515,"stem":2516},"Транзакції","/databases/triggers-stored-procedures/transactions","06.databases/07.triggers-stored-procedures/04.transactions",{"title":2518,"path":2519,"stem":2520},"Зберігаємі процедури","/databases/triggers-stored-procedures/stored-procedures","06.databases/07.triggers-stored-procedures/05.stored-procedures",{"title":2522,"path":2523,"stem":2524},"Користувацькі функції","/databases/triggers-stored-procedures/user-defined-functions","06.databases/07.triggers-stored-procedures/06.user-defined-functions",{"title":2526,"path":2527,"stem":2528},"Безпека баз даних","/databases/triggers-stored-procedures/security","06.databases/07.triggers-stored-procedures/08.security",{"title":2526,"icon":793,"path":2530,"stem":2531,"children":2532,"page":59},"/databases/security","06.databases/08.security",[2533,2537],{"title":2534,"path":2535,"stem":2536},"Вступ до безпеки баз даних","/databases/security/introduction","06.databases/08.security/01.introduction",{"title":2538,"path":2539,"stem":2540},"Системні представлення та метадані","/databases/security/system-views","06.databases/08.security/02.system-views",{"title":2542,"icon":2543,"path":2544,"stem":2545,"children":2546,"page":59},"Резервне копіювання та відновлення","i-lucide-database-backup","/databases/backup-recovery","06.databases/09.backup-recovery",[2547],{"title":2542,"path":2548,"stem":2549},"/databases/backup-recovery/backup-restore","06.databases/09.backup-recovery/01.backup-restore",{"title":2551,"icon":2552,"path":2553,"stem":2554,"children":2555,"page":59},"Повнотекстовий пошук","i-lucide-search","/databases/full-text-search","06.databases/10.full-text-search",[2556],{"title":2551,"path":2557,"stem":2558},"/databases/full-text-search/full-text-search","06.databases/10.full-text-search/01.full-text-search",{"title":2560,"icon":2561,"path":2562,"stem":2563,"children":2564,"page":59},"Tools","i-lucide-wrench","/tools","07.tools",[2565],{"title":2566,"icon":2567,"path":2568,"stem":2569,"children":2570},"Docker","i-simple-icons-docker","/tools/docker","07.tools/01.docker/index",[2571,2573,2577,2581,2585,2589,2593,2597,2601,2605,2609,2613,2617,2621,2625,2629,2633,2637],{"title":2572,"path":2568,"stem":2569},"Docker: від нуля до production",{"title":2574,"path":2575,"stem":2576},"Контейнеризація — від проблеми до рішення","/tools/docker/containerization-concept","07.tools/01.docker/01.containerization-concept",{"title":2578,"path":2579,"stem":2580},"Docker — що це і навіщо?","/tools/docker/docker-what-and-why","07.tools/01.docker/02.docker-what-and-why",{"title":2582,"path":2583,"stem":2584},"Архітектура Docker Engine","/tools/docker/docker-architecture","07.tools/01.docker/03.docker-architecture",{"title":2586,"path":2587,"stem":2588},"Встановлення Docker","/tools/docker/installation","07.tools/01.docker/04.installation",{"title":2590,"path":2591,"stem":2592},"Перший контейнер — docker run","/tools/docker/first-container","07.tools/01.docker/05.first-container",{"title":2594,"path":2595,"stem":2596},"Життєвий цикл контейнера","/tools/docker/container-lifecycle","07.tools/01.docker/06.container-lifecycle",{"title":2598,"path":2599,"stem":2600},"Docker Images — фундаментальні концепції","/tools/docker/docker-images-fundamentals","07.tools/01.docker/07.docker-images-fundamentals",{"title":2602,"path":2603,"stem":2604},"Dockerfile — основи","/tools/docker/dockerfile-basics","07.tools/01.docker/08.dockerfile-basics",{"title":2606,"path":2607,"stem":2608},"Dockerfile — просунуті техніки","/tools/docker/dockerfile-advanced","07.tools/01.docker/09.dockerfile-advanced",{"title":2610,"path":2611,"stem":2612},"Build Context та кешування шарів","/tools/docker/build-context-and-cache","07.tools/01.docker/10.build-context-and-cache",{"title":2614,"path":2615,"stem":2616},"Реєстри Docker-образів","/tools/docker/image-registries","07.tools/01.docker/11.image-registries",{"title":2618,"path":2619,"stem":2620},"Контейнеризація .NET додатків","/tools/docker/dotnet-containerization","07.tools/01.docker/12.dotnet-containerization",{"title":2622,"path":2623,"stem":2624},"Томи та збереження даних","/tools/docker/volumes-and-data","07.tools/01.docker/13.volumes-and-data",{"title":2626,"path":2627,"stem":2628},"Основи мережі в Docker","/tools/docker/networking-basics","07.tools/01.docker/14.networking-basics",{"title":2630,"path":2631,"stem":2632},"Змінні оточення та конфігурація","/tools/docker/environment-and-configuration","07.tools/01.docker/15.environment-and-configuration",{"title":2634,"path":2635,"stem":2636},"Docker Compose — оркестрація контейнерів","/tools/docker/docker-compose-basics","07.tools/01.docker/16.docker-compose-basics",{"title":2638,"path":2639,"stem":2640},"Docker Compose — Multi-Service застосунки","/tools/docker/compose-multi-service","07.tools/01.docker/17.compose-multi-service",{"title":2642,"icon":2643,"path":2644,"stem":2645,"children":2646,"page":59},"Software Engineering","i-lucide-code-2","/software-engineering","09.software-engineering",[2647,2651,2655,2659,2663,2667,2671,2675,2679,2683,2687],{"title":2648,"path":2649,"stem":2650},"1. Аналіз предметної області. Експертні знання та складність","/software-engineering/intro.subdomains","09.software-engineering/01.intro.subdomains",{"title":2652,"path":2653,"stem":2654},"2. Обмежені контексти. Інтеграція обмежених контекстів","/software-engineering/integrating-limited-contexts","09.software-engineering/02.integrating-limited-contexts",{"title":2656,"path":2657,"stem":2658},"3. Реалізація простої бізнес-логіки","/software-engineering/simple","09.software-engineering/03.simple",{"title":2660,"path":2661,"stem":2662},"4. Опрацювання складної бізнес-логіки","/software-engineering/complex-business-logic","09.software-engineering/04.complex-business-logic",{"title":2664,"path":2665,"stem":2666},"5. Моделювання фактора часу. Подієво-орієнтована архітектура.","/software-engineering/modelling-the-time-factor","09.software-engineering/05.modelling-the-time-factor",{"title":2668,"path":2669,"stem":2670},"6. Архітектурні патерни","/software-engineering/architectural-patterns","09.software-engineering/06.architectural-patterns",{"title":2672,"path":2673,"stem":2674},"Паттерни взаємодії","/software-engineering/patterns-of-interaction","09.software-engineering/07.patterns-of-interaction",{"title":2676,"path":2677,"stem":2678},"Евристика проєктування","/software-engineering/design-heuristics","09.software-engineering/08.design-heuristics",{"title":2680,"path":2681,"stem":2682},"Еволюція проєктних рішень","/software-engineering/evolution-of-design-solutions","09.software-engineering/09.evolution-of-design-solutions",{"title":2684,"path":2685,"stem":2686},"EventStorming","/software-engineering/eventstorming","09.software-engineering/10.eventstorming",{"title":2688,"path":2689,"stem":2690},"DDD на практиці","/software-engineering/ddd-in-practice","09.software-engineering/11.ddd-in-practice",{"title":2692,"icon":943,"path":2693,"stem":2694,"children":2695,"page":59},"DDD","/ddd","10.ddd",[2696,2700,2704,2708,2712,2716,2720,2724,2728,2732,2736,2740,2744],{"title":2697,"path":2698,"stem":2699},"Аналіз предметної області","/ddd/domain-analysis","10.ddd/01.domain-analysis",{"title":2701,"path":2702,"stem":2703},"Експертні знання про предметну область","/ddd/domain-expert-knowledge","10.ddd/02.domain-expert-knowledge",{"title":2705,"path":2706,"stem":2707},"Як осмислити складність предметної області","/ddd/managing-domain-complexity","10.ddd/03.managing-domain-complexity",{"title":2709,"path":2710,"stem":2711},"Інтеграція обмежених контекстів","/ddd/bounded-context-integration","10.ddd/04.bounded-context-integration",{"title":2713,"path":2714,"stem":2715},"Реалізація простої бізнес-логіки","/ddd/simple-business-logic","10.ddd/05.simple-business-logic",{"title":2717,"path":2718,"stem":2719},"Обробка складної бізнес-логіки","/ddd/complex-business-logic","10.ddd/06.complex-business-logic",{"title":2721,"path":2722,"stem":2723},"Моделювання фактора часу","/ddd/time-modeling","10.ddd/07.time-modeling",{"title":2725,"path":2726,"stem":2727},"Глава 8. Архітектурні Патерни","/ddd/architectural-patterns","10.ddd/08.architectural-patterns",{"title":2729,"path":2730,"stem":2731},"Глава 9. Патерни Взаємодії","/ddd/interaction-patterns","10.ddd/09.interaction-patterns",{"title":2733,"path":2734,"stem":2735},"Глава 10. Проектні Евристики","/ddd/design-heuristics","10.ddd/10.design-heuristics",{"title":2737,"path":2738,"stem":2739},"Глава 11. Еволюція Проектних Рішень","/ddd/evolution-of-design-decisions","10.ddd/11.evolution-of-design-decisions",{"title":2741,"path":2742,"stem":2743},"Глава 12. EventStorming","/ddd/event-storming","10.ddd/12.event-storming",{"title":2745,"path":2746,"stem":2747},"Глава 13. DDD на Практиці","/ddd/ddd-in-practice","10.ddd/13.ddd-in-practice",{"title":2749,"icon":2750,"path":2751,"stem":2752,"children":2753,"page":59},"Media Streaming","i-lucide-video","/media-streaming","11.media-streaming",[2754,2758,2762,2766,2770,2774,2778],{"title":2755,"path":2756,"stem":2757},"01. Магія Стрімінгу: Що відбувається, коли ви натискаєте \"Play\"","/media-streaming/introduction","11.media-streaming/01.introduction",{"title":2759,"path":2760,"stem":2761},"02. Анатомія Медіа: Кодеки, Контейнери та Стиснення","/media-streaming/audio-video-anatomy","11.media-streaming/02.audio-video-anatomy",{"title":2763,"path":2764,"stem":2765},"03. The Gym: FFmpeg Deep Dive","/media-streaming/ffmpeg-gym","11.media-streaming/03.ffmpeg-gym",{"title":2767,"path":2768,"stem":2769},"04. HLS Protocol: HTTP Live Streaming у Деталях","/media-streaming/hls-protocol","11.media-streaming/04.hls-protocol",{"title":2771,"path":2772,"stem":2773},"05. DASH Protocol: Відкритий Стандарт","/media-streaming/dash-protocol","11.media-streaming/05.dash-protocol",{"title":2775,"path":2776,"stem":2777},"06. Масштабування: CDN та Adaptive Bitrate","/media-streaming/cdn-and-adaptive-bitrate","11.media-streaming/06.cdn-and-adaptive-bitrate",{"title":2779,"path":2780,"stem":2781},"07. Війна із Затримкою (Latency)","/media-streaming/realtime-latency","11.media-streaming/07.realtime-latency",{"title":2783,"icon":2784,"path":2785,"stem":2786,"children":2787,"page":59},"HTML & CSS","i-devicon-html5","/html-css","12.html-css",[2788,2792,2796,2800,2804,2808,2812,2816,2820,2824,2828,2832,2836,2840,2844,2848,2852,2856,2860,2864,2868,2872,2876,2880,2884,2888,2892,2896,2900,2904],{"title":2789,"path":2790,"stem":2791},"Вступ до HTML. Структура документа","/html-css/intro-html-structure","12.html-css/01.intro-html-structure",{"title":2793,"path":2794,"stem":2795},"Форматування тексту в HTML","/html-css/html-text-formatting","12.html-css/02.html-text-formatting",{"title":2797,"path":2798,"stem":2799},"Посилання та зображення в HTML","/html-css/html-links-images","12.html-css/03.html-links-images",{"title":2801,"path":2802,"stem":2803},"Списки та таблиці в HTML","/html-css/html-lists-tables","12.html-css/04.html-lists-tables",{"title":2805,"path":2806,"stem":2807},"Форми в HTML","/html-css/html-forms","12.html-css/05.html-forms",{"title":2809,"path":2810,"stem":2811},"Семантичні елементи HTML5","/html-css/html-semantic-elements","12.html-css/06.html-semantic-elements",{"title":2813,"path":2814,"stem":2815},"Мультимедіа та розширені елементи HTML","/html-css/html-multimedia-advanced","12.html-css/07.html-multimedia-advanced",{"title":2817,"path":2818,"stem":2819},"Мікророзмітка та SEO в HTML","/html-css/html-microdata-seo","12.html-css/08.html-microdata-seo",{"title":2821,"path":2822,"stem":2823},"Вступ до CSS. Селектори та специфічність","/html-css/css-intro-selectors","12.html-css/09.css-intro-selectors",{"title":2825,"path":2826,"stem":2827},"Блокова модель CSS. Відступи. Box Sizing","/html-css/css-box-model","12.html-css/10.css-box-model",{"title":2829,"path":2830,"stem":2831},"Розміри у CSS: повний довідник одиниць і ключових слів","/html-css/10a.css-sizing","12.html-css/10a.css-sizing",{"title":2833,"path":2834,"stem":2835},"Типографіка в CSS. Шрифти та текст","/html-css/css-typography","12.html-css/11.css-typography",{"title":2837,"path":2838,"stem":2839},"Кольори та фони в CSS","/html-css/css-colors-backgrounds","12.html-css/12.css-colors-backgrounds",{"title":2841,"path":2842,"stem":2843},"Тіні та фільтри в CSS","/html-css/12b.css-shadows-filters","12.html-css/12b.css-shadows-filters",{"title":2845,"path":2846,"stem":2847},"CSS Flexbox: Фундамент гнучких макетів","/html-css/css-flexbox-fundamentals","12.html-css/13.css-flexbox-fundamentals",{"title":2849,"path":2850,"stem":2851},"CSS Flexbox: Вирівнювання та Позиціонування","/html-css/css-flexbox-alignment-sizing-and-patterns","12.html-css/14.css-flexbox-alignment-sizing-and-patterns",{"title":2853,"path":2854,"stem":2855},"CSS Grid. Двовимірний макет. Частина 1","/html-css/css-layout-grid","12.html-css/15.css-layout-grid",{"title":2857,"path":2858,"stem":2859},"CSS Grid. Двовимірний макет. Частина 2","/html-css/css-layout-grid-advanced","12.html-css/16.css-layout-grid-advanced",{"title":2861,"path":2862,"stem":2863},"Позиціонування в CSS. Z-index. Stacking Context","/html-css/css-positioning","12.html-css/17.css-positioning",{"title":2865,"path":2866,"stem":2867},"CSS Анімації та Переходи","/html-css/css-animations-transitions","12.html-css/18.css-animations-transitions",{"title":2869,"path":2870,"stem":2871},"Адаптивний дизайн. Media Queries. Частина 1","/html-css/css-responsive-media-queries","12.html-css/19.css-responsive-media-queries",{"title":2873,"path":2874,"stem":2875},"Адаптивний дизайн. Частина 2: clamp(), Container Queries, @layer","/html-css/css-responsive-advanced","12.html-css/20.css-responsive-advanced",{"title":2877,"path":2878,"stem":2879},"CSS Custom Properties. Методології. Сучасний CSS","/html-css/css-variables-methodologies","12.html-css/21.css-variables-methodologies",{"title":2881,"path":2882,"stem":2883},"Сучасний CSS 2023–2025: Нові можливості","/html-css/css-modern-features","12.html-css/22.css-modern-features",{"title":2885,"path":2886,"stem":2887},"CSS Nesting, @layer, @scope та @property: нативний препроцесор","/html-css/22a.css-nesting-modern-syntax","12.html-css/22a.css-nesting-modern-syntax",{"title":2889,"path":2890,"stem":2891},"CSS для форм та інтерактивних станів","/html-css/css-forms-interactive-states","12.html-css/23.css-forms-interactive-states",{"title":2893,"path":2894,"stem":2895},"Доступність у CSS (CSS Accessibility)","/html-css/css-accessibility","12.html-css/24.css-accessibility",{"title":2897,"path":2898,"stem":2899},"CSS-функції та сучасні sizing primitives","/html-css/css-functions-sizing","12.html-css/25.css-functions-sizing",{"title":2901,"path":2902,"stem":2903},"Rendering Pipeline і CSS Performance","/html-css/css-rendering-performance","12.html-css/26.css-rendering-performance",{"title":2905,"path":2906,"stem":2907},"CSS Best Practices: типові ситуації та правильні рішення","/html-css/css-best-practices","12.html-css/27.css-best-practices",{"title":2909,"path":2910,"stem":2911,"children":2912,"page":59},"Tailwind","/tailwind","21.tailwind",[2913,2917,2921,2925,2929,2933,2937,2941],{"title":2914,"path":2915,"stem":2916},"Що таке Tailwind CSS і навіщо він потрібен","/tailwind/tailwind-intro-philosophy","21.tailwind/01.tailwind-intro-philosophy",{"title":2918,"path":2919,"stem":2920},"Встановлення та налаштування Tailwind CSS v4","/tailwind/tailwind-installation-setup","21.tailwind/02.tailwind-installation-setup",{"title":2922,"path":2923,"stem":2924},"Utility-класи: основи та система Tailwind","/tailwind/tailwind-utility-classes-core","21.tailwind/03.tailwind-utility-classes-core",{"title":2926,"path":2927,"stem":2928},"Layout: Flexbox та Grid через Tailwind","/tailwind/tailwind-flexbox-grid","21.tailwind/04.tailwind-flexbox-grid",{"title":2930,"path":2931,"stem":2932},"Кастомізація теми через @theme у Tailwind v4","/tailwind/tailwind-theme-customization","21.tailwind/05.tailwind-theme-customization",{"title":2934,"path":2935,"stem":2936},"Варіанти: hover, focus, responsive, dark mode та нові v4","/tailwind/tailwind-variants-states","21.tailwind/06.tailwind-variants-states",{"title":2938,"path":2939,"stem":2940},"Типографіка та система кольорів у Tailwind v4","/tailwind/tailwind-typography-colors","21.tailwind/07.tailwind-typography-colors",{"title":2942,"path":2943,"stem":2944},"Компоненти та повторюваність: @apply, @utility та патерни","/tailwind/tailwind-components-patterns","21.tailwind/08.tailwind-components-patterns",{"title":2946,"path":2947,"stem":2948},"Showcase Компонентів kostyl.dev","/test-new-components","98.test-new-components",{"id":2950,"title":1481,"body":2951,"description":10671,"extension":10672,"links":10673,"meta":10674,"navigation":3464,"path":1482,"seo":10675,"stem":1483,"__hash__":10676},"docs/01.csharp/12.desktop-ui/21.collections-binding-part1.md",{"type":2952,"value":2953,"toc":10625},"minimark",[2954,2959,2964,2968,3022,3030,3038,3304,3326,3339,3351,3373,3376,3383,3390,3397,3402,3782,3787,3910,3915,4042,4050,4054,4155,4172,4181,4184,4260,4265,4288,4304,4308,4311,4416,4421,4453,4455,4461,4474,4478,4483,4559,4564,4615,4619,4622,4628,4847,4855,4867,4874,4976,4981,5009,5013,5018,5289,5293,5395,5399,5507,5515,5677,5679,5683,5689,5693,5787,5792,5833,5837,5843,5861,5867,5944,5950,6032,6038,6070,6074,6079,6097,6106,6111,6136,6144,6149,6284,6289,6294,6456,6461,6463,6467,6472,6476,6554,6568,6572,6627,6639,6643,6687,6696,6700,6785,6796,6800,6865,6880,6884,6941,6956,6960,7069,7071,7075,7081,7085,7089,7223,7227,7509,7517,7806,7810,7876,7880,7883,7934,7939,7972,7978,7982,7987,8079,8084,8164,8205,8215,8217,8221,8228,8237,8242,8245,8250,8278,8283,8299,8304,8558,8730,8732,8736,8741,8745,8748,8753,9161,9166,9195,9199,9216,9221,9673,9675,9679,9684,9688,9691,9696,9864,9868,9873,9886,9891,9908,9912,9929,9934,9948,9953,10294,10296,10300,10307,10312,10362,10367,10381,10386,10403,10415,10420,10448,10450,10454,10561,10563,10567,10621],[2955,2956,2958],"h1",{"id":2957},"collections-binding-part-1-observablecollection-та-itemscontrol","Collections Binding Part 1: ObservableCollection та ItemsControl",[2960,2961,2963],"h2",{"id":2962},"вступ","Вступ",[2965,2966,2967],"p",{},"У попередніх статтях ми навчилися прив'язувати окремі властивості до UI:",[2969,2970,2975],"pre",{"className":2971,"code":2972,"language":2973,"meta":2974,"style":2974},"language-xml shiki shiki-themes light-plus dark-plus dark-plus","\u003CTextBlock Text=\"{Binding FirstName}\"/>\n\u003CTextBlock Text=\"{Binding Age}\"/>\n","xml","",[2976,2977,2978,3006],"code",{"__ignoreMap":2974},[2979,2980,2983,2987,2991,2995,2999,3003],"span",{"class":2981,"line":2982},"line",1,[2979,2984,2986],{"class":2985},"s0P7L","\u003C",[2979,2988,2990],{"class":2989},"sKtos","TextBlock",[2979,2992,2994],{"class":2993},"sa4r_"," Text",[2979,2996,2998],{"class":2997},"sHH4Y","=",[2979,3000,3002],{"class":3001},"su9tN","\"{Binding FirstName}\"",[2979,3004,3005],{"class":2985},"/>\n",[2979,3007,3009,3011,3013,3015,3017,3020],{"class":2981,"line":3008},2,[2979,3010,2986],{"class":2985},[2979,3012,2990],{"class":2989},[2979,3014,2994],{"class":2993},[2979,3016,2998],{"class":2997},[2979,3018,3019],{"class":3001},"\"{Binding Age}\"",[2979,3021,3005],{"class":2985},[2965,3023,3024,3025,3029],{},"Але що, якщо у вас є ",[3026,3027,3028],"strong",{},"колекція"," об'єктів — список контактів, завдань, повідомлень? Як відобразити їх у UI? Як зробити так, щоб при додаванні нового елемента у колекцію — UI автоматично оновлювався?",[2965,3031,3032],{},[3026,3033,3034,3035],{},"Спроба 1: List",[3036,3037],"t",{},[2969,3039,3043],{"className":3040,"code":3041,"language":3042,"meta":2974,"style":2974},"language-csharp shiki shiki-themes light-plus dark-plus dark-plus","public class MainViewModel\n{\n    public List\u003CPerson> People { get; set; }\n    \n    public MainViewModel()\n    {\n        People = new List\u003CPerson>\n        {\n            new Person { FirstName = \"Іван\", LastName = \"Петренко\" },\n            new Person { FirstName = \"Марія\", LastName = \"Коваленко\" }\n        };\n    }\n    \n    public void AddPerson()\n    {\n        People.Add(new Person { FirstName = \"Олександр\", LastName = \"Шевченко\" });\n        // ❌ UI не оновлюється!\n    }\n}\n","csharp",[2976,3044,3045,3058,3063,3099,3105,3117,3123,3144,3150,3184,3212,3218,3224,3229,3242,3247,3286,3293,3298],{"__ignoreMap":2974},[2979,3046,3047,3051,3054],{"class":2981,"line":2982},[2979,3048,3050],{"class":3049},"su1O8","public",[2979,3052,3053],{"class":3049}," class",[2979,3055,3057],{"class":3056},"sN1BT"," MainViewModel\n",[2979,3059,3060],{"class":2981,"line":3008},[2979,3061,3062],{"class":2997},"{\n",[2979,3064,3066,3069,3072,3074,3077,3080,3084,3087,3090,3093,3096],{"class":2981,"line":3065},3,[2979,3067,3068],{"class":3049},"    public",[2979,3070,3071],{"class":3056}," List",[2979,3073,2986],{"class":2997},[2979,3075,3076],{"class":3056},"Person",[2979,3078,3079],{"class":2997},"> ",[2979,3081,3083],{"class":3082},"siwwj","People",[2979,3085,3086],{"class":2997}," { ",[2979,3088,3089],{"class":3049},"get",[2979,3091,3092],{"class":2997},"; ",[2979,3094,3095],{"class":3049},"set",[2979,3097,3098],{"class":2997},"; }\n",[2979,3100,3102],{"class":2981,"line":3101},4,[2979,3103,3104],{"class":2997},"    \n",[2979,3106,3108,3110,3114],{"class":2981,"line":3107},5,[2979,3109,3068],{"class":3049},[2979,3111,3113],{"class":3112},"s8Opu"," MainViewModel",[2979,3115,3116],{"class":2997},"()\n",[2979,3118,3120],{"class":2981,"line":3119},6,[2979,3121,3122],{"class":2997},"    {\n",[2979,3124,3126,3129,3132,3135,3137,3139,3141],{"class":2981,"line":3125},7,[2979,3127,3128],{"class":3082},"        People",[2979,3130,3131],{"class":2997}," = ",[2979,3133,3134],{"class":3049},"new",[2979,3136,3071],{"class":3056},[2979,3138,2986],{"class":2997},[2979,3140,3076],{"class":3056},[2979,3142,3143],{"class":2997},">\n",[2979,3145,3147],{"class":2981,"line":3146},8,[2979,3148,3149],{"class":2997},"        {\n",[2979,3151,3153,3156,3159,3161,3164,3166,3170,3173,3176,3178,3181],{"class":2981,"line":3152},9,[2979,3154,3155],{"class":3049},"            new",[2979,3157,3158],{"class":3056}," Person",[2979,3160,3086],{"class":2997},[2979,3162,3163],{"class":3082},"FirstName",[2979,3165,3131],{"class":2997},[2979,3167,3169],{"class":3168},"sbdoH","\"Іван\"",[2979,3171,3172],{"class":2997},", ",[2979,3174,3175],{"class":3082},"LastName",[2979,3177,3131],{"class":2997},[2979,3179,3180],{"class":3168},"\"Петренко\"",[2979,3182,3183],{"class":2997}," },\n",[2979,3185,3187,3189,3191,3193,3195,3197,3200,3202,3204,3206,3209],{"class":2981,"line":3186},10,[2979,3188,3155],{"class":3049},[2979,3190,3158],{"class":3056},[2979,3192,3086],{"class":2997},[2979,3194,3163],{"class":3082},[2979,3196,3131],{"class":2997},[2979,3198,3199],{"class":3168},"\"Марія\"",[2979,3201,3172],{"class":2997},[2979,3203,3175],{"class":3082},[2979,3205,3131],{"class":2997},[2979,3207,3208],{"class":3168},"\"Коваленко\"",[2979,3210,3211],{"class":2997}," }\n",[2979,3213,3215],{"class":2981,"line":3214},11,[2979,3216,3217],{"class":2997},"        };\n",[2979,3219,3221],{"class":2981,"line":3220},12,[2979,3222,3223],{"class":2997},"    }\n",[2979,3225,3227],{"class":2981,"line":3226},13,[2979,3228,3104],{"class":2997},[2979,3230,3232,3234,3237,3240],{"class":2981,"line":3231},14,[2979,3233,3068],{"class":3049},[2979,3235,3236],{"class":3049}," void",[2979,3238,3239],{"class":3112}," AddPerson",[2979,3241,3116],{"class":2997},[2979,3243,3245],{"class":2981,"line":3244},15,[2979,3246,3122],{"class":2997},[2979,3248,3250,3252,3255,3258,3261,3263,3265,3267,3269,3271,3274,3276,3278,3280,3283],{"class":2981,"line":3249},16,[2979,3251,3128],{"class":3082},[2979,3253,3254],{"class":2997},".",[2979,3256,3257],{"class":3112},"Add",[2979,3259,3260],{"class":2997},"(",[2979,3262,3134],{"class":3049},[2979,3264,3158],{"class":3056},[2979,3266,3086],{"class":2997},[2979,3268,3163],{"class":3082},[2979,3270,3131],{"class":2997},[2979,3272,3273],{"class":3168},"\"Олександр\"",[2979,3275,3172],{"class":2997},[2979,3277,3175],{"class":3082},[2979,3279,3131],{"class":2997},[2979,3281,3282],{"class":3168},"\"Шевченко\"",[2979,3284,3285],{"class":2997}," });\n",[2979,3287,3289],{"class":2981,"line":3288},17,[2979,3290,3292],{"class":3291},"spJ8K","        // ❌ UI не оновлюється!\n",[2979,3294,3296],{"class":2981,"line":3295},18,[2979,3297,3223],{"class":2997},[2979,3299,3301],{"class":2981,"line":3300},19,[2979,3302,3303],{"class":2997},"}\n",[2969,3305,3307],{"className":2971,"code":3306,"language":2973,"meta":2974,"style":2974},"\u003CListBox ItemsSource=\"{Binding People}\"/>\n",[2976,3308,3309],{"__ignoreMap":2974},[2979,3310,3311,3313,3316,3319,3321,3324],{"class":2981,"line":2982},[2979,3312,2986],{"class":2985},[2979,3314,3315],{"class":2989},"ListBox",[2979,3317,3318],{"class":2993}," ItemsSource",[2979,3320,2998],{"class":2997},[2979,3322,3323],{"class":3001},"\"{Binding People}\"",[2979,3325,3005],{"class":2985},[2965,3327,3328,3331,3332,3334,3335,3338],{},[3026,3329,3330],{},"Проблема:"," При запуску ",[2976,3333,3315],{}," показує 2 елементи. Але коли ви викликаєте ",[2976,3336,3337],{},"AddPerson()"," — третій елемент не з'являється. Чому?",[2965,3340,3341,3344,3345,3350],{},[3026,3342,3343],{},"Рішення:"," ",[3026,3346,3347,3348],{},"ObservableCollection",[3036,3349],{}," — спеціальна колекція, що автоматично повідомляє UI про зміни.",[3352,3353,3354,3357,3358,3172,3363,3367,3368,3372],"note",{},[3026,3355,3356],{},"Для кого ця стаття?"," Якщо ви вже знайомі з ",[3359,3360,3362],"a",{"href":3361},"17.data-binding-basics-part1","Data Binding",[3359,3364,3366],{"href":3365},"17.data-binding-basics-part2","INotifyPropertyChanged"," та ",[3359,3369,3371],{"href":3370},"20.data-templates","Data Templates",", ця стаття покаже, як прив'язувати колекції з автоматичним оновленням UI.",[3374,3375],"hr",{},[2960,3377,3379,3380],{"id":3378},"проблема-list-не-повідомляє-про-зміни","Проблема: List",[3036,3381,3382],{}," не повідомляє про зміни",[2965,3384,3385,3386,3389],{},"Розберемо детально, чому ",[2976,3387,3388],{},"List\u003CT>"," не працює для Data Binding.",[3391,3392,3394,3395],"h3",{"id":3393},"експеримент-додавання-елемента-у-list","Експеримент: Додавання елемента у List",[3036,3396],{},[2965,3398,3399],{},[3026,3400,3401],{},"ViewModel:",[2969,3403,3405],{"className":3040,"code":3404,"language":3042,"meta":2974,"style":2974},"using System.Collections.Generic;\nusing System.ComponentModel;\nusing System.Runtime.CompilerServices;\n\npublic class ContactsViewModel : INotifyPropertyChanged\n{\n    public event PropertyChangedEventHandler PropertyChanged;\n    \n    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)\n    {\n        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));\n    }\n    \n    private List\u003CPerson> _people;\n    \n    public List\u003CPerson> People\n    {\n        get => _people;\n        set\n        {\n            _people = value;\n            OnPropertyChanged();\n        }\n    }\n    \n    public ContactsViewModel()\n    {\n        People = new List\u003CPerson>\n        {\n            new Person { FirstName = \"Іван\", LastName = \"Петренко\" },\n            new Person { FirstName = \"Марія\", LastName = \"Коваленко\" }\n        };\n    }\n}\n",[2976,3406,3407,3429,3442,3460,3466,3481,3485,3500,3504,3537,3541,3572,3576,3580,3598,3602,3617,3621,3633,3638,3643,3656,3665,3671,3676,3681,3690,3695,3712,3717,3742,3767,3772,3777],{"__ignoreMap":2974},[2979,3408,3409,3413,3416,3418,3421,3423,3426],{"class":2981,"line":2982},[2979,3410,3412],{"class":3411},"sCDza","using",[2979,3414,3415],{"class":3056}," System",[2979,3417,3254],{"class":2997},[2979,3419,3420],{"class":3056},"Collections",[2979,3422,3254],{"class":2997},[2979,3424,3425],{"class":3056},"Generic",[2979,3427,3428],{"class":2997},";\n",[2979,3430,3431,3433,3435,3437,3440],{"class":2981,"line":3008},[2979,3432,3412],{"class":3411},[2979,3434,3415],{"class":3056},[2979,3436,3254],{"class":2997},[2979,3438,3439],{"class":3056},"ComponentModel",[2979,3441,3428],{"class":2997},[2979,3443,3444,3446,3448,3450,3453,3455,3458],{"class":2981,"line":3065},[2979,3445,3412],{"class":3411},[2979,3447,3415],{"class":3056},[2979,3449,3254],{"class":2997},[2979,3451,3452],{"class":3056},"Runtime",[2979,3454,3254],{"class":2997},[2979,3456,3457],{"class":3056},"CompilerServices",[2979,3459,3428],{"class":2997},[2979,3461,3462],{"class":2981,"line":3101},[2979,3463,3465],{"emptyLinePlaceholder":3464},true,"\n",[2979,3467,3468,3470,3472,3475,3478],{"class":2981,"line":3107},[2979,3469,3050],{"class":3049},[2979,3471,3053],{"class":3049},[2979,3473,3474],{"class":3056}," ContactsViewModel",[2979,3476,3477],{"class":2997}," : ",[2979,3479,3480],{"class":3056},"INotifyPropertyChanged\n",[2979,3482,3483],{"class":2981,"line":3119},[2979,3484,3062],{"class":2997},[2979,3486,3487,3489,3492,3495,3498],{"class":2981,"line":3125},[2979,3488,3068],{"class":3049},[2979,3490,3491],{"class":3049}," event",[2979,3493,3494],{"class":3056}," PropertyChangedEventHandler",[2979,3496,3497],{"class":3082}," PropertyChanged",[2979,3499,3428],{"class":2997},[2979,3501,3502],{"class":2981,"line":3146},[2979,3503,3104],{"class":2997},[2979,3505,3506,3509,3511,3514,3517,3520,3523,3526,3529,3531,3534],{"class":2981,"line":3152},[2979,3507,3508],{"class":3049},"    protected",[2979,3510,3236],{"class":3049},[2979,3512,3513],{"class":3112}," OnPropertyChanged",[2979,3515,3516],{"class":2997},"([",[2979,3518,3519],{"class":3056},"CallerMemberName",[2979,3521,3522],{"class":2997},"] ",[2979,3524,3525],{"class":3049},"string",[2979,3527,3528],{"class":3082}," propertyName",[2979,3530,3131],{"class":2997},[2979,3532,3533],{"class":3049},"null",[2979,3535,3536],{"class":2997},")\n",[2979,3538,3539],{"class":2981,"line":3186},[2979,3540,3122],{"class":2997},[2979,3542,3543,3546,3549,3552,3554,3557,3559,3561,3564,3566,3569],{"class":2981,"line":3214},[2979,3544,3545],{"class":3082},"        PropertyChanged",[2979,3547,3548],{"class":2997},"?.",[2979,3550,3551],{"class":3112},"Invoke",[2979,3553,3260],{"class":2997},[2979,3555,3556],{"class":3049},"this",[2979,3558,3172],{"class":2997},[2979,3560,3134],{"class":3049},[2979,3562,3563],{"class":3056}," PropertyChangedEventArgs",[2979,3565,3260],{"class":2997},[2979,3567,3568],{"class":3082},"propertyName",[2979,3570,3571],{"class":2997},"));\n",[2979,3573,3574],{"class":2981,"line":3220},[2979,3575,3223],{"class":2997},[2979,3577,3578],{"class":2981,"line":3226},[2979,3579,3104],{"class":2997},[2979,3581,3582,3585,3587,3589,3591,3593,3596],{"class":2981,"line":3231},[2979,3583,3584],{"class":3049},"    private",[2979,3586,3071],{"class":3056},[2979,3588,2986],{"class":2997},[2979,3590,3076],{"class":3056},[2979,3592,3079],{"class":2997},[2979,3594,3595],{"class":3082},"_people",[2979,3597,3428],{"class":2997},[2979,3599,3600],{"class":2981,"line":3244},[2979,3601,3104],{"class":2997},[2979,3603,3604,3606,3608,3610,3612,3614],{"class":2981,"line":3249},[2979,3605,3068],{"class":3049},[2979,3607,3071],{"class":3056},[2979,3609,2986],{"class":2997},[2979,3611,3076],{"class":3056},[2979,3613,3079],{"class":2997},[2979,3615,3616],{"class":3082},"People\n",[2979,3618,3619],{"class":2981,"line":3288},[2979,3620,3122],{"class":2997},[2979,3622,3623,3626,3629,3631],{"class":2981,"line":3295},[2979,3624,3625],{"class":3049},"        get",[2979,3627,3628],{"class":2997}," => ",[2979,3630,3595],{"class":3082},[2979,3632,3428],{"class":2997},[2979,3634,3635],{"class":2981,"line":3300},[2979,3636,3637],{"class":3049},"        set\n",[2979,3639,3641],{"class":2981,"line":3640},20,[2979,3642,3149],{"class":2997},[2979,3644,3646,3649,3651,3654],{"class":2981,"line":3645},21,[2979,3647,3648],{"class":3082},"            _people",[2979,3650,3131],{"class":2997},[2979,3652,3653],{"class":3082},"value",[2979,3655,3428],{"class":2997},[2979,3657,3659,3662],{"class":2981,"line":3658},22,[2979,3660,3661],{"class":3112},"            OnPropertyChanged",[2979,3663,3664],{"class":2997},"();\n",[2979,3666,3668],{"class":2981,"line":3667},23,[2979,3669,3670],{"class":2997},"        }\n",[2979,3672,3674],{"class":2981,"line":3673},24,[2979,3675,3223],{"class":2997},[2979,3677,3679],{"class":2981,"line":3678},25,[2979,3680,3104],{"class":2997},[2979,3682,3684,3686,3688],{"class":2981,"line":3683},26,[2979,3685,3068],{"class":3049},[2979,3687,3474],{"class":3112},[2979,3689,3116],{"class":2997},[2979,3691,3693],{"class":2981,"line":3692},27,[2979,3694,3122],{"class":2997},[2979,3696,3698,3700,3702,3704,3706,3708,3710],{"class":2981,"line":3697},28,[2979,3699,3128],{"class":3082},[2979,3701,3131],{"class":2997},[2979,3703,3134],{"class":3049},[2979,3705,3071],{"class":3056},[2979,3707,2986],{"class":2997},[2979,3709,3076],{"class":3056},[2979,3711,3143],{"class":2997},[2979,3713,3715],{"class":2981,"line":3714},29,[2979,3716,3149],{"class":2997},[2979,3718,3720,3722,3724,3726,3728,3730,3732,3734,3736,3738,3740],{"class":2981,"line":3719},30,[2979,3721,3155],{"class":3049},[2979,3723,3158],{"class":3056},[2979,3725,3086],{"class":2997},[2979,3727,3163],{"class":3082},[2979,3729,3131],{"class":2997},[2979,3731,3169],{"class":3168},[2979,3733,3172],{"class":2997},[2979,3735,3175],{"class":3082},[2979,3737,3131],{"class":2997},[2979,3739,3180],{"class":3168},[2979,3741,3183],{"class":2997},[2979,3743,3745,3747,3749,3751,3753,3755,3757,3759,3761,3763,3765],{"class":2981,"line":3744},31,[2979,3746,3155],{"class":3049},[2979,3748,3158],{"class":3056},[2979,3750,3086],{"class":2997},[2979,3752,3163],{"class":3082},[2979,3754,3131],{"class":2997},[2979,3756,3199],{"class":3168},[2979,3758,3172],{"class":2997},[2979,3760,3175],{"class":3082},[2979,3762,3131],{"class":2997},[2979,3764,3208],{"class":3168},[2979,3766,3211],{"class":2997},[2979,3768,3770],{"class":2981,"line":3769},32,[2979,3771,3217],{"class":2997},[2979,3773,3775],{"class":2981,"line":3774},33,[2979,3776,3223],{"class":2997},[2979,3778,3780],{"class":2981,"line":3779},34,[2979,3781,3303],{"class":2997},[2965,3783,3784],{},[3026,3785,3786],{},"XAML:",[2969,3788,3790],{"className":2971,"code":3789,"language":2973,"meta":2974,"style":2974},"\u003CWindow x:Class=\"MyApp.MainWindow\"\n        DataContext=\"{Binding Source={StaticResource viewModel}}\">\n    \u003CStackPanel Margin=\"20\">\n        \u003CListBox ItemsSource=\"{Binding People}\" Height=\"200\"/>\n        \u003CButton Content=\"Додати особу\" Click=\"AddPerson_Click\" Margin=\"0,10,0,0\"/>\n    \u003C/StackPanel>\n\u003C/Window>\n",[2976,3791,3792,3807,3819,3837,3860,3892,3901],{"__ignoreMap":2974},[2979,3793,3794,3796,3799,3802,3804],{"class":2981,"line":2982},[2979,3795,2986],{"class":2985},[2979,3797,3798],{"class":2989},"Window",[2979,3800,3801],{"class":2993}," x:Class",[2979,3803,2998],{"class":2997},[2979,3805,3806],{"class":3001},"\"MyApp.MainWindow\"\n",[2979,3808,3809,3812,3814,3817],{"class":2981,"line":3008},[2979,3810,3811],{"class":2993},"        DataContext",[2979,3813,2998],{"class":2997},[2979,3815,3816],{"class":3001},"\"{Binding Source={StaticResource viewModel}}\"",[2979,3818,3143],{"class":2985},[2979,3820,3821,3824,3827,3830,3832,3835],{"class":2981,"line":3065},[2979,3822,3823],{"class":2985},"    \u003C",[2979,3825,3826],{"class":2989},"StackPanel",[2979,3828,3829],{"class":2993}," Margin",[2979,3831,2998],{"class":2997},[2979,3833,3834],{"class":3001},"\"20\"",[2979,3836,3143],{"class":2985},[2979,3838,3839,3842,3844,3846,3848,3850,3853,3855,3858],{"class":2981,"line":3101},[2979,3840,3841],{"class":2985},"        \u003C",[2979,3843,3315],{"class":2989},[2979,3845,3318],{"class":2993},[2979,3847,2998],{"class":2997},[2979,3849,3323],{"class":3001},[2979,3851,3852],{"class":2993}," Height",[2979,3854,2998],{"class":2997},[2979,3856,3857],{"class":3001},"\"200\"",[2979,3859,3005],{"class":2985},[2979,3861,3862,3864,3867,3870,3872,3875,3878,3880,3883,3885,3887,3890],{"class":2981,"line":3107},[2979,3863,3841],{"class":2985},[2979,3865,3866],{"class":2989},"Button",[2979,3868,3869],{"class":2993}," Content",[2979,3871,2998],{"class":2997},[2979,3873,3874],{"class":3001},"\"Додати особу\"",[2979,3876,3877],{"class":2993}," Click",[2979,3879,2998],{"class":2997},[2979,3881,3882],{"class":3001},"\"AddPerson_Click\"",[2979,3884,3829],{"class":2993},[2979,3886,2998],{"class":2997},[2979,3888,3889],{"class":3001},"\"0,10,0,0\"",[2979,3891,3005],{"class":2985},[2979,3893,3894,3897,3899],{"class":2981,"line":3119},[2979,3895,3896],{"class":2985},"    \u003C/",[2979,3898,3826],{"class":2989},[2979,3900,3143],{"class":2985},[2979,3902,3903,3906,3908],{"class":2981,"line":3125},[2979,3904,3905],{"class":2985},"\u003C/",[2979,3907,3798],{"class":2989},[2979,3909,3143],{"class":2985},[2965,3911,3912],{},[3026,3913,3914],{},"Code-Behind:",[2969,3916,3918],{"className":3040,"code":3917,"language":3042,"meta":2974,"style":2974},"private void AddPerson_Click(object sender, RoutedEventArgs e)\n{\n    var viewModel = (ContactsViewModel)DataContext;\n    viewModel.People.Add(new Person \n    { \n        FirstName = \"Олександр\", \n        LastName = \"Шевченко\" \n    });\n    \n    // ❌ UI не оновлюється!\n}\n",[2976,3919,3920,3948,3952,3974,3996,4001,4013,4024,4029,4033,4038],{"__ignoreMap":2974},[2979,3921,3922,3925,3927,3930,3932,3935,3938,3940,3943,3946],{"class":2981,"line":2982},[2979,3923,3924],{"class":3049},"private",[2979,3926,3236],{"class":3049},[2979,3928,3929],{"class":3112}," AddPerson_Click",[2979,3931,3260],{"class":2997},[2979,3933,3934],{"class":3049},"object",[2979,3936,3937],{"class":3082}," sender",[2979,3939,3172],{"class":2997},[2979,3941,3942],{"class":3056},"RoutedEventArgs",[2979,3944,3945],{"class":3082}," e",[2979,3947,3536],{"class":2997},[2979,3949,3950],{"class":2981,"line":3008},[2979,3951,3062],{"class":2997},[2979,3953,3954,3957,3960,3963,3966,3969,3972],{"class":2981,"line":3065},[2979,3955,3956],{"class":3049},"    var",[2979,3958,3959],{"class":3082}," viewModel",[2979,3961,3962],{"class":2997}," = (",[2979,3964,3965],{"class":3056},"ContactsViewModel",[2979,3967,3968],{"class":2997},")",[2979,3970,3971],{"class":3082},"DataContext",[2979,3973,3428],{"class":2997},[2979,3975,3976,3979,3981,3983,3985,3987,3989,3991,3993],{"class":2981,"line":3101},[2979,3977,3978],{"class":3082},"    viewModel",[2979,3980,3254],{"class":2997},[2979,3982,3083],{"class":3082},[2979,3984,3254],{"class":2997},[2979,3986,3257],{"class":3112},[2979,3988,3260],{"class":2997},[2979,3990,3134],{"class":3049},[2979,3992,3158],{"class":3056},[2979,3994,3995],{"class":2997}," \n",[2979,3997,3998],{"class":2981,"line":3107},[2979,3999,4000],{"class":2997},"    { \n",[2979,4002,4003,4006,4008,4010],{"class":2981,"line":3119},[2979,4004,4005],{"class":3082},"        FirstName",[2979,4007,3131],{"class":2997},[2979,4009,3273],{"class":3168},[2979,4011,4012],{"class":2997},", \n",[2979,4014,4015,4018,4020,4022],{"class":2981,"line":3125},[2979,4016,4017],{"class":3082},"        LastName",[2979,4019,3131],{"class":2997},[2979,4021,3282],{"class":3168},[2979,4023,3995],{"class":2997},[2979,4025,4026],{"class":2981,"line":3146},[2979,4027,4028],{"class":2997},"    });\n",[2979,4030,4031],{"class":2981,"line":3152},[2979,4032,3104],{"class":2997},[2979,4034,4035],{"class":2981,"line":3186},[2979,4036,4037],{"class":3291},"    // ❌ UI не оновлюється!\n",[2979,4039,4040],{"class":2981,"line":3214},[2979,4041,3303],{"class":2997},[2965,4043,4044,3344,4047,4049],{},[3026,4045,4046],{},"Результат:",[2976,4048,3315],{}," все ще показує тільки 2 елементи (Іван та Марія). Олександр не з'являється.",[3391,4051,4053],{"id":4052},"чому-так-відбувається","Чому так відбувається?",[4055,4056,4057],"mermaid",{},[2969,4058,4061],{"className":4059,"code":4060,"language":4055,"meta":2974,"style":2974},"language-mermaid shiki shiki-themes light-plus dark-plus dark-plus","sequenceDiagram\n    participant Code as Code-Behind\n    participant List as List\u003CPerson>\n    participant Binding as Binding Engine\n    participant UI as ListBox\n    \n    Note over Code,UI: Ініціалізація\n    Code->>Binding: ItemsSource = People (List)\n    Binding->>List: Читає всі елементи\n    Binding->>UI: Створює UI для 2 елементів\n    \n    Note over Code,UI: Додавання елемента\n    Code->>List: Add(new Person)\n    Note over List: Елемент додано\n    List-.->Binding: ❌ Не повідомляє про зміну!\n    Note over UI: ❌ UI не оновлюється\n    \n    style List fill:#ef4444,stroke:#b91c1c,color:#ffffff\n    style Binding fill:#f59e0b,stroke:#b45309,color:#ffffff\n",[2976,4062,4063,4068,4073,4078,4083,4088,4092,4097,4102,4107,4112,4116,4121,4126,4131,4136,4141,4145,4150],{"__ignoreMap":2974},[2979,4064,4065],{"class":2981,"line":2982},[2979,4066,4067],{},"sequenceDiagram\n",[2979,4069,4070],{"class":2981,"line":3008},[2979,4071,4072],{},"    participant Code as Code-Behind\n",[2979,4074,4075],{"class":2981,"line":3065},[2979,4076,4077],{},"    participant List as List\u003CPerson>\n",[2979,4079,4080],{"class":2981,"line":3101},[2979,4081,4082],{},"    participant Binding as Binding Engine\n",[2979,4084,4085],{"class":2981,"line":3107},[2979,4086,4087],{},"    participant UI as ListBox\n",[2979,4089,4090],{"class":2981,"line":3119},[2979,4091,3104],{},[2979,4093,4094],{"class":2981,"line":3125},[2979,4095,4096],{},"    Note over Code,UI: Ініціалізація\n",[2979,4098,4099],{"class":2981,"line":3146},[2979,4100,4101],{},"    Code->>Binding: ItemsSource = People (List)\n",[2979,4103,4104],{"class":2981,"line":3152},[2979,4105,4106],{},"    Binding->>List: Читає всі елементи\n",[2979,4108,4109],{"class":2981,"line":3186},[2979,4110,4111],{},"    Binding->>UI: Створює UI для 2 елементів\n",[2979,4113,4114],{"class":2981,"line":3214},[2979,4115,3104],{},[2979,4117,4118],{"class":2981,"line":3220},[2979,4119,4120],{},"    Note over Code,UI: Додавання елемента\n",[2979,4122,4123],{"class":2981,"line":3226},[2979,4124,4125],{},"    Code->>List: Add(new Person)\n",[2979,4127,4128],{"class":2981,"line":3231},[2979,4129,4130],{},"    Note over List: Елемент додано\n",[2979,4132,4133],{"class":2981,"line":3244},[2979,4134,4135],{},"    List-.->Binding: ❌ Не повідомляє про зміну!\n",[2979,4137,4138],{"class":2981,"line":3249},[2979,4139,4140],{},"    Note over UI: ❌ UI не оновлюється\n",[2979,4142,4143],{"class":2981,"line":3288},[2979,4144,3104],{},[2979,4146,4147],{"class":2981,"line":3295},[2979,4148,4149],{},"    style List fill:#ef4444,stroke:#b91c1c,color:#ffffff\n",[2979,4151,4152],{"class":2981,"line":3300},[2979,4153,4154],{},"    style Binding fill:#f59e0b,stroke:#b45309,color:#ffffff\n",[2965,4156,4157,3344,4159,4161,4162,3172,4165,3172,4168,4171],{},[3026,4158,3330],{},[2976,4160,3388],{}," — це звичайна колекція. Вона не має механізму повідомлення про зміни. Коли ви викликаєте ",[2976,4163,4164],{},"Add()",[2976,4166,4167],{},"Remove()",[2976,4169,4170],{},"Clear()"," — ніхто не дізнається про це.",[2965,4173,4174],{},[3026,4175,4176,4177,4180],{},"Чому ",[2976,4178,4179],{},"OnPropertyChanged()"," не допомагає?",[2965,4182,4183],{},"Спроба 2:",[2969,4185,4187],{"className":3040,"code":4186,"language":3042,"meta":2974,"style":2974},"public void AddPerson()\n{\n    People.Add(new Person { FirstName = \"Олександр\", LastName = \"Шевченко\" });\n    OnPropertyChanged(nameof(People));  // Спроба повідомити\n}\n",[2976,4188,4189,4199,4203,4236,4256],{"__ignoreMap":2974},[2979,4190,4191,4193,4195,4197],{"class":2981,"line":2982},[2979,4192,3050],{"class":3049},[2979,4194,3236],{"class":3049},[2979,4196,3239],{"class":3112},[2979,4198,3116],{"class":2997},[2979,4200,4201],{"class":2981,"line":3008},[2979,4202,3062],{"class":2997},[2979,4204,4205,4208,4210,4212,4214,4216,4218,4220,4222,4224,4226,4228,4230,4232,4234],{"class":2981,"line":3065},[2979,4206,4207],{"class":3082},"    People",[2979,4209,3254],{"class":2997},[2979,4211,3257],{"class":3112},[2979,4213,3260],{"class":2997},[2979,4215,3134],{"class":3049},[2979,4217,3158],{"class":3056},[2979,4219,3086],{"class":2997},[2979,4221,3163],{"class":3082},[2979,4223,3131],{"class":2997},[2979,4225,3273],{"class":3168},[2979,4227,3172],{"class":2997},[2979,4229,3175],{"class":3082},[2979,4231,3131],{"class":2997},[2979,4233,3282],{"class":3168},[2979,4235,3285],{"class":2997},[2979,4237,4238,4241,4243,4246,4248,4250,4253],{"class":2981,"line":3101},[2979,4239,4240],{"class":3112},"    OnPropertyChanged",[2979,4242,3260],{"class":2997},[2979,4244,4245],{"class":3049},"nameof",[2979,4247,3260],{"class":2997},[2979,4249,3083],{"class":3082},[2979,4251,4252],{"class":2997},"));  ",[2979,4254,4255],{"class":3291},"// Спроба повідомити\n",[2979,4257,4258],{"class":2981,"line":3107},[2979,4259,3303],{"class":2997},[2965,4261,4262,4264],{},[3026,4263,4046],{}," Все одно не працює. Чому?",[2965,4266,4267,4270,4271,3344,4274,4276,4277,4279,4280,4283,4284,4287],{},[2976,4268,4269],{},"OnPropertyChanged(nameof(People))"," повідомляє, що ",[3026,4272,4273],{},"властивість",[2976,4275,3083],{}," змінилася (тобто, що тепер ",[2976,4278,3083],{}," вказує на інший об'єкт). Але ми не змінювали сам об'єкт ",[2976,4281,4282],{},"List\u003CPerson>"," — ми змінювали його ",[3026,4285,4286],{},"вміст"," (додали елемент).",[2965,4289,4290,4293,4294,4296,4297,4299,4300,4303],{},[3026,4291,4292],{},"Аналогія:"," Уявіть, що ",[2976,4295,3083],{}," — це коробка з іграшками. ",[2976,4298,4269],{}," каже: \"Я замінив коробку на іншу\". Але ми не замінювали коробку — ми додали іграшку ",[3026,4301,4302],{},"всередину"," тієї самої коробки. WPF не знає про це.",[3391,4305,4307],{"id":4306},"обхідний-шлях-антипатерн","Обхідний шлях (антипатерн)",[2965,4309,4310],{},"Можна замінити всю колекцію:",[2969,4312,4314],{"className":3040,"code":4313,"language":3042,"meta":2974,"style":2974},"public void AddPerson()\n{\n    var newList = new List\u003CPerson>(People);\n    newList.Add(new Person { FirstName = \"Олександр\", LastName = \"Шевченко\" });\n    People = newList;  // Заміна всієї колекції\n    \n    // ✅ Тепер UI оновлюється\n}\n",[2976,4315,4316,4326,4330,4355,4388,4403,4407,4412],{"__ignoreMap":2974},[2979,4317,4318,4320,4322,4324],{"class":2981,"line":2982},[2979,4319,3050],{"class":3049},[2979,4321,3236],{"class":3049},[2979,4323,3239],{"class":3112},[2979,4325,3116],{"class":2997},[2979,4327,4328],{"class":2981,"line":3008},[2979,4329,3062],{"class":2997},[2979,4331,4332,4334,4337,4339,4341,4343,4345,4347,4350,4352],{"class":2981,"line":3065},[2979,4333,3956],{"class":3049},[2979,4335,4336],{"class":3082}," newList",[2979,4338,3131],{"class":2997},[2979,4340,3134],{"class":3049},[2979,4342,3071],{"class":3056},[2979,4344,2986],{"class":2997},[2979,4346,3076],{"class":3056},[2979,4348,4349],{"class":2997},">(",[2979,4351,3083],{"class":3082},[2979,4353,4354],{"class":2997},");\n",[2979,4356,4357,4360,4362,4364,4366,4368,4370,4372,4374,4376,4378,4380,4382,4384,4386],{"class":2981,"line":3101},[2979,4358,4359],{"class":3082},"    newList",[2979,4361,3254],{"class":2997},[2979,4363,3257],{"class":3112},[2979,4365,3260],{"class":2997},[2979,4367,3134],{"class":3049},[2979,4369,3158],{"class":3056},[2979,4371,3086],{"class":2997},[2979,4373,3163],{"class":3082},[2979,4375,3131],{"class":2997},[2979,4377,3273],{"class":3168},[2979,4379,3172],{"class":2997},[2979,4381,3175],{"class":3082},[2979,4383,3131],{"class":2997},[2979,4385,3282],{"class":3168},[2979,4387,3285],{"class":2997},[2979,4389,4390,4392,4394,4397,4400],{"class":2981,"line":3107},[2979,4391,4207],{"class":3082},[2979,4393,3131],{"class":2997},[2979,4395,4396],{"class":3082},"newList",[2979,4398,4399],{"class":2997},";  ",[2979,4401,4402],{"class":3291},"// Заміна всієї колекції\n",[2979,4404,4405],{"class":2981,"line":3119},[2979,4406,3104],{"class":2997},[2979,4408,4409],{"class":2981,"line":3125},[2979,4410,4411],{"class":3291},"    // ✅ Тепер UI оновлюється\n",[2979,4413,4414],{"class":2981,"line":3146},[2979,4415,3303],{"class":2997},[2965,4417,4418],{},[3026,4419,4420],{},"Але це антипатерн:",[4422,4423,4424,4430,4439,4448],"card-group",{},[4425,4426,4429],"card",{"icon":4427,"title":4428},"i-lucide-zap-off","❌ Неефективно","Створюється нова колекція при кожному додаванні. Для 1000 елементів — 1000 алокацій.",[4425,4431,4434,4435,4438],{"icon":4432,"title":4433},"i-lucide-x-circle","❌ Втрата стану","Втрачається вибраний елемент (",[2976,4436,4437],{},"SelectedItem","), позиція прокрутки, стан розгортання.",[4425,4440,4443,4444,4447],{"icon":4441,"title":4442},"i-lucide-refresh-cw","❌ Повне перемалювання","WPF перемальовує ",[3026,4445,4446],{},"весь"," список, навіть якщо додано тільки один елемент.",[4425,4449,4452],{"icon":4450,"title":4451},"i-lucide-trending-down","❌ Не масштабується","Для складних операцій (видалення, заміна, переміщення) код стає нечитабельним.",[3374,4454],{},[2960,4456,3347,4458],{"id":4457},"observablecollection-колекція-з-повідомленнями",[3036,4459,4460],{},": Колекція з повідомленнями",[2965,4462,4463,4466,4467,4470,4471,3254],{},[2976,4464,4465],{},"ObservableCollection\u003CT>"," — це спеціальна колекція з простору імен ",[2976,4468,4469],{},"System.Collections.ObjectModel",", що реалізує інтерфейс ",[2976,4472,4473],{},"INotifyCollectionChanged",[3391,4475,4477],{"id":4476},"що-таке-inotifycollectionchanged","Що таке INotifyCollectionChanged?",[2965,4479,4480],{},[3026,4481,4482],{},"Інтерфейс:",[2969,4484,4486],{"className":3040,"code":4485,"language":3042,"meta":2974,"style":2974},"public interface INotifyCollectionChanged\n{\n    event NotifyCollectionChangedEventHandler CollectionChanged;\n}\n\npublic delegate void NotifyCollectionChangedEventHandler(\n    object sender,\n    NotifyCollectionChangedEventArgs e\n);\n",[2976,4487,4488,4498,4502,4515,4519,4523,4537,4547,4555],{"__ignoreMap":2974},[2979,4489,4490,4492,4495],{"class":2981,"line":2982},[2979,4491,3050],{"class":3049},[2979,4493,4494],{"class":3049}," interface",[2979,4496,4497],{"class":3056}," INotifyCollectionChanged\n",[2979,4499,4500],{"class":2981,"line":3008},[2979,4501,3062],{"class":2997},[2979,4503,4504,4507,4510,4513],{"class":2981,"line":3065},[2979,4505,4506],{"class":3049},"    event",[2979,4508,4509],{"class":3056}," NotifyCollectionChangedEventHandler",[2979,4511,4512],{"class":3082}," CollectionChanged",[2979,4514,3428],{"class":2997},[2979,4516,4517],{"class":2981,"line":3101},[2979,4518,3303],{"class":2997},[2979,4520,4521],{"class":2981,"line":3107},[2979,4522,3465],{"emptyLinePlaceholder":3464},[2979,4524,4525,4527,4530,4532,4534],{"class":2981,"line":3119},[2979,4526,3050],{"class":3049},[2979,4528,4529],{"class":3049}," delegate",[2979,4531,3236],{"class":3049},[2979,4533,4509],{"class":3056},[2979,4535,4536],{"class":2997},"(\n",[2979,4538,4539,4542,4544],{"class":2981,"line":3125},[2979,4540,4541],{"class":3049},"    object",[2979,4543,3937],{"class":3082},[2979,4545,4546],{"class":2997},",\n",[2979,4548,4549,4552],{"class":2981,"line":3146},[2979,4550,4551],{"class":3056},"    NotifyCollectionChangedEventArgs",[2979,4553,4554],{"class":3082}," e\n",[2979,4556,4557],{"class":2981,"line":3152},[2979,4558,4354],{"class":2997},[2965,4560,4561],{},[3026,4562,4563],{},"Аналогія з INotifyPropertyChanged:",[4565,4566,4567,4583],"table",{},[4568,4569,4570],"thead",{},[4571,4572,4573,4577,4580],"tr",{},[4574,4575,4576],"th",{},"Інтерфейс",[4574,4578,4579],{},"Повідомляє про...",[4574,4581,4582],{},"Подія",[4584,4585,4586,4601],"tbody",{},[4571,4587,4588,4593,4596],{},[4589,4590,4591],"td",{},[2976,4592,3366],{},[4589,4594,4595],{},"Зміну властивості об'єкта",[4589,4597,4598],{},[2976,4599,4600],{},"PropertyChanged",[4571,4602,4603,4607,4610],{},[4589,4604,4605],{},[2976,4606,4473],{},[4589,4608,4609],{},"Зміну вмісту колекції",[4589,4611,4612],{},[2976,4613,4614],{},"CollectionChanged",[3391,4616,4618],{"id":4617},"recap-що-таке-подія-event","🔵 Recap: Що таке подія (Event)?",[2965,4620,4621],{},"Для студентів зі слабким розумінням ООП — коротке нагадування.",[2965,4623,4624,4627],{},[3026,4625,4626],{},"Подія (Event)"," — це механізм сповіщення у C#. Об'єкт може \"викликати\" подію, а інші об'єкти можуть \"підписатися\" на неї.",[2969,4629,4631],{"className":3040,"code":4630,"language":3042,"meta":2974,"style":2974},"// Клас з подією\npublic class ObservableCollection\u003CT>\n{\n    // Подія — список підписників\n    public event NotifyCollectionChangedEventHandler CollectionChanged;\n    \n    public void Add(T item)\n    {\n        // Додаємо елемент\n        _items.Add(item);\n        \n        // Викликаємо подію — повідомляємо всіх підписників\n        CollectionChanged?.Invoke(this, new NotifyCollectionChangedEventArgs(...));\n    }\n}\n\n// Підписник (WPF Binding Engine)\nvar collection = new ObservableCollection\u003CPerson>();\ncollection.CollectionChanged += (sender, e) =>\n{\n    // Обробка зміни — оновлення UI\n    Console.WriteLine(\"Колекція змінилася!\");\n};\n",[2976,4632,4633,4638,4654,4658,4663,4675,4679,4697,4701,4706,4722,4727,4732,4755,4759,4763,4767,4772,4793,4816,4820,4825,4842],{"__ignoreMap":2974},[2979,4634,4635],{"class":2981,"line":2982},[2979,4636,4637],{"class":3291},"// Клас з подією\n",[2979,4639,4640,4642,4644,4647,4649,4652],{"class":2981,"line":3008},[2979,4641,3050],{"class":3049},[2979,4643,3053],{"class":3049},[2979,4645,4646],{"class":3056}," ObservableCollection",[2979,4648,2986],{"class":2997},[2979,4650,4651],{"class":3056},"T",[2979,4653,3143],{"class":2997},[2979,4655,4656],{"class":2981,"line":3065},[2979,4657,3062],{"class":2997},[2979,4659,4660],{"class":2981,"line":3101},[2979,4661,4662],{"class":3291},"    // Подія — список підписників\n",[2979,4664,4665,4667,4669,4671,4673],{"class":2981,"line":3107},[2979,4666,3068],{"class":3049},[2979,4668,3491],{"class":3049},[2979,4670,4509],{"class":3056},[2979,4672,4512],{"class":3082},[2979,4674,3428],{"class":2997},[2979,4676,4677],{"class":2981,"line":3119},[2979,4678,3104],{"class":2997},[2979,4680,4681,4683,4685,4688,4690,4692,4695],{"class":2981,"line":3125},[2979,4682,3068],{"class":3049},[2979,4684,3236],{"class":3049},[2979,4686,4687],{"class":3112}," Add",[2979,4689,3260],{"class":2997},[2979,4691,4651],{"class":3056},[2979,4693,4694],{"class":3082}," item",[2979,4696,3536],{"class":2997},[2979,4698,4699],{"class":2981,"line":3146},[2979,4700,3122],{"class":2997},[2979,4702,4703],{"class":2981,"line":3152},[2979,4704,4705],{"class":3291},"        // Додаємо елемент\n",[2979,4707,4708,4711,4713,4715,4717,4720],{"class":2981,"line":3186},[2979,4709,4710],{"class":3082},"        _items",[2979,4712,3254],{"class":2997},[2979,4714,3257],{"class":3112},[2979,4716,3260],{"class":2997},[2979,4718,4719],{"class":3082},"item",[2979,4721,4354],{"class":2997},[2979,4723,4724],{"class":2981,"line":3214},[2979,4725,4726],{"class":2997},"        \n",[2979,4728,4729],{"class":2981,"line":3220},[2979,4730,4731],{"class":3291},"        // Викликаємо подію — повідомляємо всіх підписників\n",[2979,4733,4734,4737,4739,4741,4743,4745,4747,4749,4752],{"class":2981,"line":3226},[2979,4735,4736],{"class":3082},"        CollectionChanged",[2979,4738,3548],{"class":2997},[2979,4740,3551],{"class":3112},[2979,4742,3260],{"class":2997},[2979,4744,3556],{"class":3049},[2979,4746,3172],{"class":2997},[2979,4748,3134],{"class":3049},[2979,4750,4751],{"class":3056}," NotifyCollectionChangedEventArgs",[2979,4753,4754],{"class":2997},"(...));\n",[2979,4756,4757],{"class":2981,"line":3231},[2979,4758,3223],{"class":2997},[2979,4760,4761],{"class":2981,"line":3244},[2979,4762,3303],{"class":2997},[2979,4764,4765],{"class":2981,"line":3249},[2979,4766,3465],{"emptyLinePlaceholder":3464},[2979,4768,4769],{"class":2981,"line":3288},[2979,4770,4771],{"class":3291},"// Підписник (WPF Binding Engine)\n",[2979,4773,4774,4777,4780,4782,4784,4786,4788,4790],{"class":2981,"line":3295},[2979,4775,4776],{"class":3049},"var",[2979,4778,4779],{"class":3082}," collection",[2979,4781,3131],{"class":2997},[2979,4783,3134],{"class":3049},[2979,4785,4646],{"class":3056},[2979,4787,2986],{"class":2997},[2979,4789,3076],{"class":3056},[2979,4791,4792],{"class":2997},">();\n",[2979,4794,4795,4798,4800,4802,4805,4808,4810,4813],{"class":2981,"line":3300},[2979,4796,4797],{"class":3082},"collection",[2979,4799,3254],{"class":2997},[2979,4801,4614],{"class":3082},[2979,4803,4804],{"class":2997}," += (",[2979,4806,4807],{"class":3082},"sender",[2979,4809,3172],{"class":2997},[2979,4811,4812],{"class":3082},"e",[2979,4814,4815],{"class":2997},") =>\n",[2979,4817,4818],{"class":2981,"line":3640},[2979,4819,3062],{"class":2997},[2979,4821,4822],{"class":2981,"line":3645},[2979,4823,4824],{"class":3291},"    // Обробка зміни — оновлення UI\n",[2979,4826,4827,4830,4832,4835,4837,4840],{"class":2981,"line":3658},[2979,4828,4829],{"class":3082},"    Console",[2979,4831,3254],{"class":2997},[2979,4833,4834],{"class":3112},"WriteLine",[2979,4836,3260],{"class":2997},[2979,4838,4839],{"class":3168},"\"Колекція змінилася!\"",[2979,4841,4354],{"class":2997},[2979,4843,4844],{"class":2981,"line":3667},[2979,4845,4846],{"class":2997},"};\n",[2965,4848,4849,4851,4852,4854],{},[3026,4850,4292],{}," Подія — це як дзвінок. ",[2976,4853,3347],{}," дзвонить (викликає подію), а WPF Binding Engine відповідає (обробляє подію та оновлює UI).",[4856,4857,4858,4861,4862,4866],"tip",{},[3026,4859,4860],{},"Детальніше про події:"," Якщо концепція подій незрозуміла, рекомендую повернутися до розділу ",[3359,4863,4865],{"href":4864},"../02.oop/05.delegates-events","ООП: Делегати та Події"," для глибшого розуміння.",[3391,4868,4870,4871],{"id":4869},"як-працює-observablecollection","Як працює ObservableCollection",[3036,4872,4873],{},"?",[4055,4875,4876],{},[2969,4877,4879],{"className":4059,"code":4878,"language":4055,"meta":2974,"style":2974},"sequenceDiagram\n    participant Code as Code-Behind\n    participant OC as ObservableCollection\u003CPerson>\n    participant Binding as Binding Engine\n    participant UI as ListBox\n    \n    Note over Code,UI: Ініціалізація\n    Code->>Binding: ItemsSource = People (ObservableCollection)\n    Binding->>OC: Підписується на CollectionChanged\n    Binding->>OC: Читає всі елементи\n    Binding->>UI: Створює UI для 2 елементів\n    \n    Note over Code,UI: Додавання елемента\n    Code->>OC: Add(new Person)\n    OC->>OC: Додає елемент у внутрішній список\n    OC->>Binding: CollectionChanged event (Add, new Person)\n    Binding->>UI: Створює UI для нового елемента\n    Note over UI: ✅ UI оновлюється!\n    \n    style OC fill:#10b981,stroke:#059669,color:#ffffff\n    style Binding fill:#3b82f6,stroke:#1d4ed8,color:#ffffff\n",[2976,4880,4881,4885,4889,4894,4898,4902,4906,4910,4915,4920,4925,4929,4933,4937,4942,4947,4952,4957,4962,4966,4971],{"__ignoreMap":2974},[2979,4882,4883],{"class":2981,"line":2982},[2979,4884,4067],{},[2979,4886,4887],{"class":2981,"line":3008},[2979,4888,4072],{},[2979,4890,4891],{"class":2981,"line":3065},[2979,4892,4893],{},"    participant OC as ObservableCollection\u003CPerson>\n",[2979,4895,4896],{"class":2981,"line":3101},[2979,4897,4082],{},[2979,4899,4900],{"class":2981,"line":3107},[2979,4901,4087],{},[2979,4903,4904],{"class":2981,"line":3119},[2979,4905,3104],{},[2979,4907,4908],{"class":2981,"line":3125},[2979,4909,4096],{},[2979,4911,4912],{"class":2981,"line":3146},[2979,4913,4914],{},"    Code->>Binding: ItemsSource = People (ObservableCollection)\n",[2979,4916,4917],{"class":2981,"line":3152},[2979,4918,4919],{},"    Binding->>OC: Підписується на CollectionChanged\n",[2979,4921,4922],{"class":2981,"line":3186},[2979,4923,4924],{},"    Binding->>OC: Читає всі елементи\n",[2979,4926,4927],{"class":2981,"line":3214},[2979,4928,4111],{},[2979,4930,4931],{"class":2981,"line":3220},[2979,4932,3104],{},[2979,4934,4935],{"class":2981,"line":3226},[2979,4936,4120],{},[2979,4938,4939],{"class":2981,"line":3231},[2979,4940,4941],{},"    Code->>OC: Add(new Person)\n",[2979,4943,4944],{"class":2981,"line":3244},[2979,4945,4946],{},"    OC->>OC: Додає елемент у внутрішній список\n",[2979,4948,4949],{"class":2981,"line":3249},[2979,4950,4951],{},"    OC->>Binding: CollectionChanged event (Add, new Person)\n",[2979,4953,4954],{"class":2981,"line":3288},[2979,4955,4956],{},"    Binding->>UI: Створює UI для нового елемента\n",[2979,4958,4959],{"class":2981,"line":3295},[2979,4960,4961],{},"    Note over UI: ✅ UI оновлюється!\n",[2979,4963,4964],{"class":2981,"line":3300},[2979,4965,3104],{},[2979,4967,4968],{"class":2981,"line":3640},[2979,4969,4970],{},"    style OC fill:#10b981,stroke:#059669,color:#ffffff\n",[2979,4972,4973],{"class":2981,"line":3645},[2979,4974,4975],{},"    style Binding fill:#3b82f6,stroke:#1d4ed8,color:#ffffff\n",[2965,4977,4978],{},[3026,4979,4980],{},"Процес:",[4982,4983,4984,4994,5003,5006],"ol",{},[4985,4986,4987,4988,4991,4992],"li",{},"При прив'язці ",[2976,4989,4990],{},"ItemsSource"," → Binding Engine підписується на ",[2976,4993,4614],{},[4985,4995,4996,4997,4999,5000,5002],{},"При виклику ",[2976,4998,4164],{}," → ",[2976,5001,3347],{}," додає елемент та викликає подію",[4985,5004,5005],{},"Binding Engine отримує подію → створює UI для нового елемента",[4985,5007,5008],{},"UI оновлюється автоматично",[3391,5010,5012],{"id":5011},"перший-робочий-приклад","Перший робочий приклад",[2965,5014,5015],{},[3026,5016,5017],{},"ViewModel з ObservableCollection:",[2969,5019,5021],{"className":3040,"code":5020,"language":3042,"meta":2974,"style":2974},"using System.Collections.ObjectModel;\nusing System.ComponentModel;\nusing System.Runtime.CompilerServices;\n\npublic class ContactsViewModel : INotifyPropertyChanged\n{\n    public event PropertyChangedEventHandler PropertyChanged;\n    \n    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)\n    {\n        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));\n    }\n    \n    // ObservableCollection замість List\n    public ObservableCollection\u003CPerson> People { get; set; }\n    \n    public ContactsViewModel()\n    {\n        People = new ObservableCollection\u003CPerson>\n        {\n            new Person { FirstName = \"Іван\", LastName = \"Петренко\" },\n            new Person { FirstName = \"Марія\", LastName = \"Коваленко\" }\n        };\n    }\n}\n",[2976,5022,5023,5040,5052,5068,5072,5084,5088,5100,5104,5128,5132,5156,5160,5164,5169,5193,5197,5205,5209,5225,5229,5253,5277,5281,5285],{"__ignoreMap":2974},[2979,5024,5025,5027,5029,5031,5033,5035,5038],{"class":2981,"line":2982},[2979,5026,3412],{"class":3411},[2979,5028,3415],{"class":3056},[2979,5030,3254],{"class":2997},[2979,5032,3420],{"class":3056},[2979,5034,3254],{"class":2997},[2979,5036,5037],{"class":3056},"ObjectModel",[2979,5039,3428],{"class":2997},[2979,5041,5042,5044,5046,5048,5050],{"class":2981,"line":3008},[2979,5043,3412],{"class":3411},[2979,5045,3415],{"class":3056},[2979,5047,3254],{"class":2997},[2979,5049,3439],{"class":3056},[2979,5051,3428],{"class":2997},[2979,5053,5054,5056,5058,5060,5062,5064,5066],{"class":2981,"line":3065},[2979,5055,3412],{"class":3411},[2979,5057,3415],{"class":3056},[2979,5059,3254],{"class":2997},[2979,5061,3452],{"class":3056},[2979,5063,3254],{"class":2997},[2979,5065,3457],{"class":3056},[2979,5067,3428],{"class":2997},[2979,5069,5070],{"class":2981,"line":3101},[2979,5071,3465],{"emptyLinePlaceholder":3464},[2979,5073,5074,5076,5078,5080,5082],{"class":2981,"line":3107},[2979,5075,3050],{"class":3049},[2979,5077,3053],{"class":3049},[2979,5079,3474],{"class":3056},[2979,5081,3477],{"class":2997},[2979,5083,3480],{"class":3056},[2979,5085,5086],{"class":2981,"line":3119},[2979,5087,3062],{"class":2997},[2979,5089,5090,5092,5094,5096,5098],{"class":2981,"line":3125},[2979,5091,3068],{"class":3049},[2979,5093,3491],{"class":3049},[2979,5095,3494],{"class":3056},[2979,5097,3497],{"class":3082},[2979,5099,3428],{"class":2997},[2979,5101,5102],{"class":2981,"line":3146},[2979,5103,3104],{"class":2997},[2979,5105,5106,5108,5110,5112,5114,5116,5118,5120,5122,5124,5126],{"class":2981,"line":3152},[2979,5107,3508],{"class":3049},[2979,5109,3236],{"class":3049},[2979,5111,3513],{"class":3112},[2979,5113,3516],{"class":2997},[2979,5115,3519],{"class":3056},[2979,5117,3522],{"class":2997},[2979,5119,3525],{"class":3049},[2979,5121,3528],{"class":3082},[2979,5123,3131],{"class":2997},[2979,5125,3533],{"class":3049},[2979,5127,3536],{"class":2997},[2979,5129,5130],{"class":2981,"line":3186},[2979,5131,3122],{"class":2997},[2979,5133,5134,5136,5138,5140,5142,5144,5146,5148,5150,5152,5154],{"class":2981,"line":3214},[2979,5135,3545],{"class":3082},[2979,5137,3548],{"class":2997},[2979,5139,3551],{"class":3112},[2979,5141,3260],{"class":2997},[2979,5143,3556],{"class":3049},[2979,5145,3172],{"class":2997},[2979,5147,3134],{"class":3049},[2979,5149,3563],{"class":3056},[2979,5151,3260],{"class":2997},[2979,5153,3568],{"class":3082},[2979,5155,3571],{"class":2997},[2979,5157,5158],{"class":2981,"line":3220},[2979,5159,3223],{"class":2997},[2979,5161,5162],{"class":2981,"line":3226},[2979,5163,3104],{"class":2997},[2979,5165,5166],{"class":2981,"line":3231},[2979,5167,5168],{"class":3291},"    // ObservableCollection замість List\n",[2979,5170,5171,5173,5175,5177,5179,5181,5183,5185,5187,5189,5191],{"class":2981,"line":3244},[2979,5172,3068],{"class":3049},[2979,5174,4646],{"class":3056},[2979,5176,2986],{"class":2997},[2979,5178,3076],{"class":3056},[2979,5180,3079],{"class":2997},[2979,5182,3083],{"class":3082},[2979,5184,3086],{"class":2997},[2979,5186,3089],{"class":3049},[2979,5188,3092],{"class":2997},[2979,5190,3095],{"class":3049},[2979,5192,3098],{"class":2997},[2979,5194,5195],{"class":2981,"line":3249},[2979,5196,3104],{"class":2997},[2979,5198,5199,5201,5203],{"class":2981,"line":3288},[2979,5200,3068],{"class":3049},[2979,5202,3474],{"class":3112},[2979,5204,3116],{"class":2997},[2979,5206,5207],{"class":2981,"line":3295},[2979,5208,3122],{"class":2997},[2979,5210,5211,5213,5215,5217,5219,5221,5223],{"class":2981,"line":3300},[2979,5212,3128],{"class":3082},[2979,5214,3131],{"class":2997},[2979,5216,3134],{"class":3049},[2979,5218,4646],{"class":3056},[2979,5220,2986],{"class":2997},[2979,5222,3076],{"class":3056},[2979,5224,3143],{"class":2997},[2979,5226,5227],{"class":2981,"line":3640},[2979,5228,3149],{"class":2997},[2979,5230,5231,5233,5235,5237,5239,5241,5243,5245,5247,5249,5251],{"class":2981,"line":3645},[2979,5232,3155],{"class":3049},[2979,5234,3158],{"class":3056},[2979,5236,3086],{"class":2997},[2979,5238,3163],{"class":3082},[2979,5240,3131],{"class":2997},[2979,5242,3169],{"class":3168},[2979,5244,3172],{"class":2997},[2979,5246,3175],{"class":3082},[2979,5248,3131],{"class":2997},[2979,5250,3180],{"class":3168},[2979,5252,3183],{"class":2997},[2979,5254,5255,5257,5259,5261,5263,5265,5267,5269,5271,5273,5275],{"class":2981,"line":3658},[2979,5256,3155],{"class":3049},[2979,5258,3158],{"class":3056},[2979,5260,3086],{"class":2997},[2979,5262,3163],{"class":3082},[2979,5264,3131],{"class":2997},[2979,5266,3199],{"class":3168},[2979,5268,3172],{"class":2997},[2979,5270,3175],{"class":3082},[2979,5272,3131],{"class":2997},[2979,5274,3208],{"class":3168},[2979,5276,3211],{"class":2997},[2979,5278,5279],{"class":2981,"line":3667},[2979,5280,3217],{"class":2997},[2979,5282,5283],{"class":2981,"line":3673},[2979,5284,3223],{"class":2997},[2979,5286,5287],{"class":2981,"line":3678},[2979,5288,3303],{"class":2997},[2965,5290,5291],{},[3026,5292,3786],{},[2969,5294,5295],{"className":2971,"code":3789,"language":2973,"meta":2974,"style":2974},[2976,5296,5297,5309,5319,5333,5353,5379,5387],{"__ignoreMap":2974},[2979,5298,5299,5301,5303,5305,5307],{"class":2981,"line":2982},[2979,5300,2986],{"class":2985},[2979,5302,3798],{"class":2989},[2979,5304,3801],{"class":2993},[2979,5306,2998],{"class":2997},[2979,5308,3806],{"class":3001},[2979,5310,5311,5313,5315,5317],{"class":2981,"line":3008},[2979,5312,3811],{"class":2993},[2979,5314,2998],{"class":2997},[2979,5316,3816],{"class":3001},[2979,5318,3143],{"class":2985},[2979,5320,5321,5323,5325,5327,5329,5331],{"class":2981,"line":3065},[2979,5322,3823],{"class":2985},[2979,5324,3826],{"class":2989},[2979,5326,3829],{"class":2993},[2979,5328,2998],{"class":2997},[2979,5330,3834],{"class":3001},[2979,5332,3143],{"class":2985},[2979,5334,5335,5337,5339,5341,5343,5345,5347,5349,5351],{"class":2981,"line":3101},[2979,5336,3841],{"class":2985},[2979,5338,3315],{"class":2989},[2979,5340,3318],{"class":2993},[2979,5342,2998],{"class":2997},[2979,5344,3323],{"class":3001},[2979,5346,3852],{"class":2993},[2979,5348,2998],{"class":2997},[2979,5350,3857],{"class":3001},[2979,5352,3005],{"class":2985},[2979,5354,5355,5357,5359,5361,5363,5365,5367,5369,5371,5373,5375,5377],{"class":2981,"line":3107},[2979,5356,3841],{"class":2985},[2979,5358,3866],{"class":2989},[2979,5360,3869],{"class":2993},[2979,5362,2998],{"class":2997},[2979,5364,3874],{"class":3001},[2979,5366,3877],{"class":2993},[2979,5368,2998],{"class":2997},[2979,5370,3882],{"class":3001},[2979,5372,3829],{"class":2993},[2979,5374,2998],{"class":2997},[2979,5376,3889],{"class":3001},[2979,5378,3005],{"class":2985},[2979,5380,5381,5383,5385],{"class":2981,"line":3119},[2979,5382,3896],{"class":2985},[2979,5384,3826],{"class":2989},[2979,5386,3143],{"class":2985},[2979,5388,5389,5391,5393],{"class":2981,"line":3125},[2979,5390,3905],{"class":2985},[2979,5392,3798],{"class":2989},[2979,5394,3143],{"class":2985},[2965,5396,5397],{},[3026,5398,3914],{},[2969,5400,5402],{"className":3040,"code":5401,"language":3042,"meta":2974,"style":2974},"private void AddPerson_Click(object sender, RoutedEventArgs e)\n{\n    var viewModel = (ContactsViewModel)DataContext;\n    viewModel.People.Add(new Person \n    { \n        FirstName = \"Олександр\", \n        LastName = \"Шевченко\" \n    });\n    \n    // ✅ UI автоматично оновлюється!\n}\n",[2976,5403,5404,5426,5430,5446,5466,5470,5480,5490,5494,5498,5503],{"__ignoreMap":2974},[2979,5405,5406,5408,5410,5412,5414,5416,5418,5420,5422,5424],{"class":2981,"line":2982},[2979,5407,3924],{"class":3049},[2979,5409,3236],{"class":3049},[2979,5411,3929],{"class":3112},[2979,5413,3260],{"class":2997},[2979,5415,3934],{"class":3049},[2979,5417,3937],{"class":3082},[2979,5419,3172],{"class":2997},[2979,5421,3942],{"class":3056},[2979,5423,3945],{"class":3082},[2979,5425,3536],{"class":2997},[2979,5427,5428],{"class":2981,"line":3008},[2979,5429,3062],{"class":2997},[2979,5431,5432,5434,5436,5438,5440,5442,5444],{"class":2981,"line":3065},[2979,5433,3956],{"class":3049},[2979,5435,3959],{"class":3082},[2979,5437,3962],{"class":2997},[2979,5439,3965],{"class":3056},[2979,5441,3968],{"class":2997},[2979,5443,3971],{"class":3082},[2979,5445,3428],{"class":2997},[2979,5447,5448,5450,5452,5454,5456,5458,5460,5462,5464],{"class":2981,"line":3101},[2979,5449,3978],{"class":3082},[2979,5451,3254],{"class":2997},[2979,5453,3083],{"class":3082},[2979,5455,3254],{"class":2997},[2979,5457,3257],{"class":3112},[2979,5459,3260],{"class":2997},[2979,5461,3134],{"class":3049},[2979,5463,3158],{"class":3056},[2979,5465,3995],{"class":2997},[2979,5467,5468],{"class":2981,"line":3107},[2979,5469,4000],{"class":2997},[2979,5471,5472,5474,5476,5478],{"class":2981,"line":3119},[2979,5473,4005],{"class":3082},[2979,5475,3131],{"class":2997},[2979,5477,3273],{"class":3168},[2979,5479,4012],{"class":2997},[2979,5481,5482,5484,5486,5488],{"class":2981,"line":3125},[2979,5483,4017],{"class":3082},[2979,5485,3131],{"class":2997},[2979,5487,3282],{"class":3168},[2979,5489,3995],{"class":2997},[2979,5491,5492],{"class":2981,"line":3146},[2979,5493,4028],{"class":2997},[2979,5495,5496],{"class":2981,"line":3152},[2979,5497,3104],{"class":2997},[2979,5499,5500],{"class":2981,"line":3186},[2979,5501,5502],{"class":3291},"    // ✅ UI автоматично оновлюється!\n",[2979,5504,5505],{"class":2981,"line":3214},[2979,5506,3303],{"class":2997},[2965,5508,5509,5511,5512,5514],{},[3026,5510,4046],{}," При кліку на кнопку — третій елемент (Олександр) з'являється у ",[2976,5513,3315],{}," автоматично!",[5516,5517,5519],"wpf-preview",{"title":5518},"ObservableCollection у дії",[2969,5520,5522],{"className":2971,"code":5521,"language":2973,"meta":2974,"style":2974},"\u003CStackPanel Margin=\"20\" Spacing=\"10\">\n  \u003CListBox Height=\"150\">\n    \u003CListBoxItem Content=\"Іван Петренко\"/>\n    \u003CListBoxItem Content=\"Марія Коваленко\"/>\n    \u003CListBoxItem Content=\"Олександр Шевченко\"/>\n  \u003C/ListBox>\n  \u003CButton Content=\"Додати особу\"/>\n  \u003CTextBlock Text=\"(У реальному WPF новий елемент з'являється при кліку на кнопку)\" \n             FontSize=\"10\" \n             Foreground=\"Gray\"/>\n\u003C/StackPanel>\n",[2976,5523,5524,5546,5562,5578,5593,5608,5617,5631,5646,5657,5669],{"__ignoreMap":2974},[2979,5525,5526,5528,5530,5532,5534,5536,5539,5541,5544],{"class":2981,"line":2982},[2979,5527,2986],{"class":2985},[2979,5529,3826],{"class":2989},[2979,5531,3829],{"class":2993},[2979,5533,2998],{"class":2997},[2979,5535,3834],{"class":3001},[2979,5537,5538],{"class":2993}," Spacing",[2979,5540,2998],{"class":2997},[2979,5542,5543],{"class":3001},"\"10\"",[2979,5545,3143],{"class":2985},[2979,5547,5548,5551,5553,5555,5557,5560],{"class":2981,"line":3008},[2979,5549,5550],{"class":2985},"  \u003C",[2979,5552,3315],{"class":2989},[2979,5554,3852],{"class":2993},[2979,5556,2998],{"class":2997},[2979,5558,5559],{"class":3001},"\"150\"",[2979,5561,3143],{"class":2985},[2979,5563,5564,5566,5569,5571,5573,5576],{"class":2981,"line":3065},[2979,5565,3823],{"class":2985},[2979,5567,5568],{"class":2989},"ListBoxItem",[2979,5570,3869],{"class":2993},[2979,5572,2998],{"class":2997},[2979,5574,5575],{"class":3001},"\"Іван Петренко\"",[2979,5577,3005],{"class":2985},[2979,5579,5580,5582,5584,5586,5588,5591],{"class":2981,"line":3101},[2979,5581,3823],{"class":2985},[2979,5583,5568],{"class":2989},[2979,5585,3869],{"class":2993},[2979,5587,2998],{"class":2997},[2979,5589,5590],{"class":3001},"\"Марія Коваленко\"",[2979,5592,3005],{"class":2985},[2979,5594,5595,5597,5599,5601,5603,5606],{"class":2981,"line":3107},[2979,5596,3823],{"class":2985},[2979,5598,5568],{"class":2989},[2979,5600,3869],{"class":2993},[2979,5602,2998],{"class":2997},[2979,5604,5605],{"class":3001},"\"Олександр Шевченко\"",[2979,5607,3005],{"class":2985},[2979,5609,5610,5613,5615],{"class":2981,"line":3119},[2979,5611,5612],{"class":2985},"  \u003C/",[2979,5614,3315],{"class":2989},[2979,5616,3143],{"class":2985},[2979,5618,5619,5621,5623,5625,5627,5629],{"class":2981,"line":3125},[2979,5620,5550],{"class":2985},[2979,5622,3866],{"class":2989},[2979,5624,3869],{"class":2993},[2979,5626,2998],{"class":2997},[2979,5628,3874],{"class":3001},[2979,5630,3005],{"class":2985},[2979,5632,5633,5635,5637,5639,5641,5644],{"class":2981,"line":3146},[2979,5634,5550],{"class":2985},[2979,5636,2990],{"class":2989},[2979,5638,2994],{"class":2993},[2979,5640,2998],{"class":2997},[2979,5642,5643],{"class":3001},"\"(У реальному WPF новий елемент з'являється при кліку на кнопку)\"",[2979,5645,3995],{"class":2997},[2979,5647,5648,5651,5653,5655],{"class":2981,"line":3152},[2979,5649,5650],{"class":2993},"             FontSize",[2979,5652,2998],{"class":2997},[2979,5654,5543],{"class":3001},[2979,5656,3995],{"class":2997},[2979,5658,5659,5662,5664,5667],{"class":2981,"line":3186},[2979,5660,5661],{"class":2993},"             Foreground",[2979,5663,2998],{"class":2997},[2979,5665,5666],{"class":3001},"\"Gray\"",[2979,5668,3005],{"class":2985},[2979,5670,5671,5673,5675],{"class":2981,"line":3214},[2979,5672,3905],{"class":2985},[2979,5674,3826],{"class":2989},[2979,5676,3143],{"class":2985},[3374,5678],{},[2960,5680,5682],{"id":5681},"itemscontrol-базовий-клас-для-списків","ItemsControl: Базовий клас для списків",[2965,5684,5685,5688],{},[2976,5686,5687],{},"ItemsControl"," — це базовий клас для всіх контролів, що відображають колекції.",[3391,5690,5692],{"id":5691},"ієрархія-класів","Ієрархія класів",[4055,5694,5695],{},[2969,5696,5698],{"className":4059,"code":5697,"language":4055,"meta":2974,"style":2974},"graph TD\n    A[ItemsControl] --> B[Selector]\n    A --> C[MenuBase]\n    A --> D[StatusBar]\n    \n    B --> E[ListBox]\n    B --> F[ComboBox]\n    B --> G[TabControl]\n    B --> H[ListView]\n    \n    C --> I[Menu]\n    C --> J[ContextMenu]\n    \n    style A fill:#3b82f6,stroke:#1d4ed8,color:#ffffff\n    style B fill:#10b981,stroke:#059669,color:#ffffff\n    style E fill:#f59e0b,stroke:#b45309,color:#ffffff\n    style F fill:#f59e0b,stroke:#b45309,color:#ffffff\n    style H fill:#f59e0b,stroke:#b45309,color:#ffffff\n",[2976,5699,5700,5705,5710,5715,5720,5724,5729,5734,5739,5744,5748,5753,5758,5762,5767,5772,5777,5782],{"__ignoreMap":2974},[2979,5701,5702],{"class":2981,"line":2982},[2979,5703,5704],{},"graph TD\n",[2979,5706,5707],{"class":2981,"line":3008},[2979,5708,5709],{},"    A[ItemsControl] --> B[Selector]\n",[2979,5711,5712],{"class":2981,"line":3065},[2979,5713,5714],{},"    A --> C[MenuBase]\n",[2979,5716,5717],{"class":2981,"line":3101},[2979,5718,5719],{},"    A --> D[StatusBar]\n",[2979,5721,5722],{"class":2981,"line":3107},[2979,5723,3104],{},[2979,5725,5726],{"class":2981,"line":3119},[2979,5727,5728],{},"    B --> E[ListBox]\n",[2979,5730,5731],{"class":2981,"line":3125},[2979,5732,5733],{},"    B --> F[ComboBox]\n",[2979,5735,5736],{"class":2981,"line":3146},[2979,5737,5738],{},"    B --> G[TabControl]\n",[2979,5740,5741],{"class":2981,"line":3152},[2979,5742,5743],{},"    B --> H[ListView]\n",[2979,5745,5746],{"class":2981,"line":3186},[2979,5747,3104],{},[2979,5749,5750],{"class":2981,"line":3214},[2979,5751,5752],{},"    C --> I[Menu]\n",[2979,5754,5755],{"class":2981,"line":3220},[2979,5756,5757],{},"    C --> J[ContextMenu]\n",[2979,5759,5760],{"class":2981,"line":3226},[2979,5761,3104],{},[2979,5763,5764],{"class":2981,"line":3231},[2979,5765,5766],{},"    style A fill:#3b82f6,stroke:#1d4ed8,color:#ffffff\n",[2979,5768,5769],{"class":2981,"line":3244},[2979,5770,5771],{},"    style B fill:#10b981,stroke:#059669,color:#ffffff\n",[2979,5773,5774],{"class":2981,"line":3249},[2979,5775,5776],{},"    style E fill:#f59e0b,stroke:#b45309,color:#ffffff\n",[2979,5778,5779],{"class":2981,"line":3288},[2979,5780,5781],{},"    style F fill:#f59e0b,stroke:#b45309,color:#ffffff\n",[2979,5783,5784],{"class":2981,"line":3295},[2979,5785,5786],{},"    style H fill:#f59e0b,stroke:#b45309,color:#ffffff\n",[2965,5788,5789],{},[3026,5790,5791],{},"Основні контроли:",[5793,5794,5795,5800,5806,5812,5818,5824],"ul",{},[4985,5796,5797,5799],{},[3026,5798,3315],{}," — список з можливістю вибору",[4985,5801,5802,5805],{},[3026,5803,5804],{},"ComboBox"," — випадаючий список",[4985,5807,5808,5811],{},[3026,5809,5810],{},"ListView"," — список з колонками (як таблиця)",[4985,5813,5814,5817],{},[3026,5815,5816],{},"TabControl"," — вкладки",[4985,5819,5820,5823],{},[3026,5821,5822],{},"Menu"," — меню",[4985,5825,5826,5829,5830,3968],{},[3026,5827,5828],{},"TreeView"," — дерево (використовує ",[2976,5831,5832],{},"HierarchicalDataTemplate",[3391,5834,5836],{"id":5835},"ключові-властивості-itemscontrol","Ключові властивості ItemsControl",[2965,5838,5839,5842],{},[3026,5840,5841],{},"1. ItemsSource"," — джерело даних (колекція)",[2969,5844,5845],{"className":2971,"code":3306,"language":2973,"meta":2974,"style":2974},[2976,5846,5847],{"__ignoreMap":2974},[2979,5848,5849,5851,5853,5855,5857,5859],{"class":2981,"line":2982},[2979,5850,2986],{"class":2985},[2979,5852,3315],{"class":2989},[2979,5854,3318],{"class":2993},[2979,5856,2998],{"class":2997},[2979,5858,3323],{"class":3001},[2979,5860,3005],{"class":2985},[2965,5862,5863,5866],{},[3026,5864,5865],{},"2. ItemTemplate"," — шаблон для кожного елемента",[2969,5868,5870],{"className":2971,"code":5869,"language":2973,"meta":2974,"style":2974},"\u003CListBox ItemsSource=\"{Binding People}\">\n    \u003CListBox.ItemTemplate>\n        \u003CDataTemplate>\n            \u003CTextBlock Text=\"{Binding FirstName}\"/>\n        \u003C/DataTemplate>\n    \u003C/ListBox.ItemTemplate>\n\u003C/ListBox>\n",[2976,5871,5872,5886,5895,5904,5919,5928,5936],{"__ignoreMap":2974},[2979,5873,5874,5876,5878,5880,5882,5884],{"class":2981,"line":2982},[2979,5875,2986],{"class":2985},[2979,5877,3315],{"class":2989},[2979,5879,3318],{"class":2993},[2979,5881,2998],{"class":2997},[2979,5883,3323],{"class":3001},[2979,5885,3143],{"class":2985},[2979,5887,5888,5890,5893],{"class":2981,"line":3008},[2979,5889,3823],{"class":2985},[2979,5891,5892],{"class":2989},"ListBox.ItemTemplate",[2979,5894,3143],{"class":2985},[2979,5896,5897,5899,5902],{"class":2981,"line":3065},[2979,5898,3841],{"class":2985},[2979,5900,5901],{"class":2989},"DataTemplate",[2979,5903,3143],{"class":2985},[2979,5905,5906,5909,5911,5913,5915,5917],{"class":2981,"line":3101},[2979,5907,5908],{"class":2985},"            \u003C",[2979,5910,2990],{"class":2989},[2979,5912,2994],{"class":2993},[2979,5914,2998],{"class":2997},[2979,5916,3002],{"class":3001},[2979,5918,3005],{"class":2985},[2979,5920,5921,5924,5926],{"class":2981,"line":3107},[2979,5922,5923],{"class":2985},"        \u003C/",[2979,5925,5901],{"class":2989},[2979,5927,3143],{"class":2985},[2979,5929,5930,5932,5934],{"class":2981,"line":3119},[2979,5931,3896],{"class":2985},[2979,5933,5892],{"class":2989},[2979,5935,3143],{"class":2985},[2979,5937,5938,5940,5942],{"class":2981,"line":3125},[2979,5939,3905],{"class":2985},[2979,5941,3315],{"class":2989},[2979,5943,3143],{"class":2985},[2965,5945,5946,5949],{},[3026,5947,5948],{},"3. ItemsPanel"," — панель для розташування елементів",[2969,5951,5953],{"className":2971,"code":5952,"language":2973,"meta":2974,"style":2974},"\u003CListBox ItemsSource=\"{Binding People}\">\n    \u003CListBox.ItemsPanel>\n        \u003CItemsPanelTemplate>\n            \u003C!-- Горизонтальний список замість вертикального -->\n            \u003CStackPanel Orientation=\"Horizontal\"/>\n        \u003C/ItemsPanelTemplate>\n    \u003C/ListBox.ItemsPanel>\n\u003C/ListBox>\n",[2976,5954,5955,5969,5978,5987,5992,6008,6016,6024],{"__ignoreMap":2974},[2979,5956,5957,5959,5961,5963,5965,5967],{"class":2981,"line":2982},[2979,5958,2986],{"class":2985},[2979,5960,3315],{"class":2989},[2979,5962,3318],{"class":2993},[2979,5964,2998],{"class":2997},[2979,5966,3323],{"class":3001},[2979,5968,3143],{"class":2985},[2979,5970,5971,5973,5976],{"class":2981,"line":3008},[2979,5972,3823],{"class":2985},[2979,5974,5975],{"class":2989},"ListBox.ItemsPanel",[2979,5977,3143],{"class":2985},[2979,5979,5980,5982,5985],{"class":2981,"line":3065},[2979,5981,3841],{"class":2985},[2979,5983,5984],{"class":2989},"ItemsPanelTemplate",[2979,5986,3143],{"class":2985},[2979,5988,5989],{"class":2981,"line":3101},[2979,5990,5991],{"class":3291},"            \u003C!-- Горизонтальний список замість вертикального -->\n",[2979,5993,5994,5996,5998,6001,6003,6006],{"class":2981,"line":3107},[2979,5995,5908],{"class":2985},[2979,5997,3826],{"class":2989},[2979,5999,6000],{"class":2993}," Orientation",[2979,6002,2998],{"class":2997},[2979,6004,6005],{"class":3001},"\"Horizontal\"",[2979,6007,3005],{"class":2985},[2979,6009,6010,6012,6014],{"class":2981,"line":3119},[2979,6011,5923],{"class":2985},[2979,6013,5984],{"class":2989},[2979,6015,3143],{"class":2985},[2979,6017,6018,6020,6022],{"class":2981,"line":3125},[2979,6019,3896],{"class":2985},[2979,6021,5975],{"class":2989},[2979,6023,3143],{"class":2985},[2979,6025,6026,6028,6030],{"class":2981,"line":3146},[2979,6027,3905],{"class":2985},[2979,6029,3315],{"class":2989},[2979,6031,3143],{"class":2985},[2965,6033,6034,6037],{},[3026,6035,6036],{},"4. DisplayMemberPath"," — властивість для відображення (без DataTemplate)",[2969,6039,6041],{"className":2971,"code":6040,"language":2973,"meta":2974,"style":2974},"\u003C!-- Швидкий спосіб без DataTemplate -->\n\u003CListBox ItemsSource=\"{Binding People}\" DisplayMemberPath=\"FirstName\"/>\n",[2976,6042,6043,6048],{"__ignoreMap":2974},[2979,6044,6045],{"class":2981,"line":2982},[2979,6046,6047],{"class":3291},"\u003C!-- Швидкий спосіб без DataTemplate -->\n",[2979,6049,6050,6052,6054,6056,6058,6060,6063,6065,6068],{"class":2981,"line":3008},[2979,6051,2986],{"class":2985},[2979,6053,3315],{"class":2989},[2979,6055,3318],{"class":2993},[2979,6057,2998],{"class":2997},[2979,6059,3323],{"class":3001},[2979,6061,6062],{"class":2993}," DisplayMemberPath",[2979,6064,2998],{"class":2997},[2979,6066,6067],{"class":3001},"\"FirstName\"",[2979,6069,3005],{"class":2985},[3391,6071,6073],{"id":6072},"порівняння-підходів-відображення","Порівняння підходів відображення",[2965,6075,6076],{},[3026,6077,6078],{},"Підхід 1: ToString() (за замовчуванням)",[2969,6080,6081],{"className":2971,"code":3306,"language":2973,"meta":2974,"style":2974},[2976,6082,6083],{"__ignoreMap":2974},[2979,6084,6085,6087,6089,6091,6093,6095],{"class":2981,"line":2982},[2979,6086,2986],{"class":2985},[2979,6088,3315],{"class":2989},[2979,6090,3318],{"class":2993},[2979,6092,2998],{"class":2997},[2979,6094,3323],{"class":3001},[2979,6096,3005],{"class":2985},[2965,6098,6099,6101,6102,6105],{},[3026,6100,4046],{}," Кожен елемент показує результат ",[2976,6103,6104],{},"ToString()"," — \"MyApp.Models.Person\".",[2965,6107,6108],{},[3026,6109,6110],{},"Підхід 2: DisplayMemberPath",[2969,6112,6114],{"className":2971,"code":6113,"language":2973,"meta":2974,"style":2974},"\u003CListBox ItemsSource=\"{Binding People}\" DisplayMemberPath=\"FirstName\"/>\n",[2976,6115,6116],{"__ignoreMap":2974},[2979,6117,6118,6120,6122,6124,6126,6128,6130,6132,6134],{"class":2981,"line":2982},[2979,6119,2986],{"class":2985},[2979,6121,3315],{"class":2989},[2979,6123,3318],{"class":2993},[2979,6125,2998],{"class":2997},[2979,6127,3323],{"class":3001},[2979,6129,6062],{"class":2993},[2979,6131,2998],{"class":2997},[2979,6133,6067],{"class":3001},[2979,6135,3005],{"class":2985},[2965,6137,6138,6140,6141,6143],{},[3026,6139,4046],{}," Кожен елемент показує тільки ",[2976,6142,3163],{}," — \"Іван\", \"Марія\".",[2965,6145,6146],{},[3026,6147,6148],{},"Підхід 3: ItemTemplate (найгнучкіший)",[2969,6150,6152],{"className":2971,"code":6151,"language":2973,"meta":2974,"style":2974},"\u003CListBox ItemsSource=\"{Binding People}\">\n    \u003CListBox.ItemTemplate>\n        \u003CDataTemplate>\n            \u003CStackPanel Orientation=\"Horizontal\">\n                \u003CTextBlock Text=\"{Binding FirstName}\" FontWeight=\"Bold\"/>\n                \u003CTextBlock Text=\" \"/>\n                \u003CTextBlock Text=\"{Binding LastName}\"/>\n            \u003C/StackPanel>\n        \u003C/DataTemplate>\n    \u003C/ListBox.ItemTemplate>\n\u003C/ListBox>\n",[2976,6153,6154,6168,6176,6184,6198,6221,6236,6251,6260,6268,6276],{"__ignoreMap":2974},[2979,6155,6156,6158,6160,6162,6164,6166],{"class":2981,"line":2982},[2979,6157,2986],{"class":2985},[2979,6159,3315],{"class":2989},[2979,6161,3318],{"class":2993},[2979,6163,2998],{"class":2997},[2979,6165,3323],{"class":3001},[2979,6167,3143],{"class":2985},[2979,6169,6170,6172,6174],{"class":2981,"line":3008},[2979,6171,3823],{"class":2985},[2979,6173,5892],{"class":2989},[2979,6175,3143],{"class":2985},[2979,6177,6178,6180,6182],{"class":2981,"line":3065},[2979,6179,3841],{"class":2985},[2979,6181,5901],{"class":2989},[2979,6183,3143],{"class":2985},[2979,6185,6186,6188,6190,6192,6194,6196],{"class":2981,"line":3101},[2979,6187,5908],{"class":2985},[2979,6189,3826],{"class":2989},[2979,6191,6000],{"class":2993},[2979,6193,2998],{"class":2997},[2979,6195,6005],{"class":3001},[2979,6197,3143],{"class":2985},[2979,6199,6200,6203,6205,6207,6209,6211,6214,6216,6219],{"class":2981,"line":3107},[2979,6201,6202],{"class":2985},"                \u003C",[2979,6204,2990],{"class":2989},[2979,6206,2994],{"class":2993},[2979,6208,2998],{"class":2997},[2979,6210,3002],{"class":3001},[2979,6212,6213],{"class":2993}," FontWeight",[2979,6215,2998],{"class":2997},[2979,6217,6218],{"class":3001},"\"Bold\"",[2979,6220,3005],{"class":2985},[2979,6222,6223,6225,6227,6229,6231,6234],{"class":2981,"line":3119},[2979,6224,6202],{"class":2985},[2979,6226,2990],{"class":2989},[2979,6228,2994],{"class":2993},[2979,6230,2998],{"class":2997},[2979,6232,6233],{"class":3001},"\" \"",[2979,6235,3005],{"class":2985},[2979,6237,6238,6240,6242,6244,6246,6249],{"class":2981,"line":3125},[2979,6239,6202],{"class":2985},[2979,6241,2990],{"class":2989},[2979,6243,2994],{"class":2993},[2979,6245,2998],{"class":2997},[2979,6247,6248],{"class":3001},"\"{Binding LastName}\"",[2979,6250,3005],{"class":2985},[2979,6252,6253,6256,6258],{"class":2981,"line":3146},[2979,6254,6255],{"class":2985},"            \u003C/",[2979,6257,3826],{"class":2989},[2979,6259,3143],{"class":2985},[2979,6261,6262,6264,6266],{"class":2981,"line":3152},[2979,6263,5923],{"class":2985},[2979,6265,5901],{"class":2989},[2979,6267,3143],{"class":2985},[2979,6269,6270,6272,6274],{"class":2981,"line":3186},[2979,6271,3896],{"class":2985},[2979,6273,5892],{"class":2989},[2979,6275,3143],{"class":2985},[2979,6277,6278,6280,6282],{"class":2981,"line":3214},[2979,6279,3905],{"class":2985},[2979,6281,3315],{"class":2989},[2979,6283,3143],{"class":2985},[2965,6285,6286,6288],{},[3026,6287,4046],{}," Кожен елемент показує \"Іван Петренко\" з форматуванням.",[2965,6290,6291],{},[3026,6292,6293],{},"Підхід 4: Implicit DataTemplate (найкращий)",[2969,6295,6297],{"className":2971,"code":6296,"language":2973,"meta":2974,"style":2974},"\u003CWindow.Resources>\n    \u003CDataTemplate DataType=\"{x:Type local:Person}\">\n        \u003CBorder Background=\"LightBlue\" Padding=\"5\" Margin=\"2\">\n            \u003CStackPanel>\n                \u003CTextBlock Text=\"{Binding FirstName}\" FontWeight=\"Bold\"/>\n                \u003CTextBlock Text=\"{Binding LastName}\" FontSize=\"12\"/>\n            \u003C/StackPanel>\n        \u003C/Border>\n    \u003C/DataTemplate>\n\u003C/Window.Resources>\n\n\u003CListBox ItemsSource=\"{Binding People}\"/>\n",[2976,6298,6299,6308,6324,6356,6364,6384,6406,6414,6422,6430,6438,6442],{"__ignoreMap":2974},[2979,6300,6301,6303,6306],{"class":2981,"line":2982},[2979,6302,2986],{"class":2985},[2979,6304,6305],{"class":2989},"Window.Resources",[2979,6307,3143],{"class":2985},[2979,6309,6310,6312,6314,6317,6319,6322],{"class":2981,"line":3008},[2979,6311,3823],{"class":2985},[2979,6313,5901],{"class":2989},[2979,6315,6316],{"class":2993}," DataType",[2979,6318,2998],{"class":2997},[2979,6320,6321],{"class":3001},"\"{x:Type local:Person}\"",[2979,6323,3143],{"class":2985},[2979,6325,6326,6328,6331,6334,6336,6339,6342,6344,6347,6349,6351,6354],{"class":2981,"line":3065},[2979,6327,3841],{"class":2985},[2979,6329,6330],{"class":2989},"Border",[2979,6332,6333],{"class":2993}," Background",[2979,6335,2998],{"class":2997},[2979,6337,6338],{"class":3001},"\"LightBlue\"",[2979,6340,6341],{"class":2993}," Padding",[2979,6343,2998],{"class":2997},[2979,6345,6346],{"class":3001},"\"5\"",[2979,6348,3829],{"class":2993},[2979,6350,2998],{"class":2997},[2979,6352,6353],{"class":3001},"\"2\"",[2979,6355,3143],{"class":2985},[2979,6357,6358,6360,6362],{"class":2981,"line":3101},[2979,6359,5908],{"class":2985},[2979,6361,3826],{"class":2989},[2979,6363,3143],{"class":2985},[2979,6365,6366,6368,6370,6372,6374,6376,6378,6380,6382],{"class":2981,"line":3107},[2979,6367,6202],{"class":2985},[2979,6369,2990],{"class":2989},[2979,6371,2994],{"class":2993},[2979,6373,2998],{"class":2997},[2979,6375,3002],{"class":3001},[2979,6377,6213],{"class":2993},[2979,6379,2998],{"class":2997},[2979,6381,6218],{"class":3001},[2979,6383,3005],{"class":2985},[2979,6385,6386,6388,6390,6392,6394,6396,6399,6401,6404],{"class":2981,"line":3119},[2979,6387,6202],{"class":2985},[2979,6389,2990],{"class":2989},[2979,6391,2994],{"class":2993},[2979,6393,2998],{"class":2997},[2979,6395,6248],{"class":3001},[2979,6397,6398],{"class":2993}," FontSize",[2979,6400,2998],{"class":2997},[2979,6402,6403],{"class":3001},"\"12\"",[2979,6405,3005],{"class":2985},[2979,6407,6408,6410,6412],{"class":2981,"line":3125},[2979,6409,6255],{"class":2985},[2979,6411,3826],{"class":2989},[2979,6413,3143],{"class":2985},[2979,6415,6416,6418,6420],{"class":2981,"line":3146},[2979,6417,5923],{"class":2985},[2979,6419,6330],{"class":2989},[2979,6421,3143],{"class":2985},[2979,6423,6424,6426,6428],{"class":2981,"line":3152},[2979,6425,3896],{"class":2985},[2979,6427,5901],{"class":2989},[2979,6429,3143],{"class":2985},[2979,6431,6432,6434,6436],{"class":2981,"line":3186},[2979,6433,3905],{"class":2985},[2979,6435,6305],{"class":2989},[2979,6437,3143],{"class":2985},[2979,6439,6440],{"class":2981,"line":3214},[2979,6441,3465],{"emptyLinePlaceholder":3464},[2979,6443,6444,6446,6448,6450,6452,6454],{"class":2981,"line":3220},[2979,6445,2986],{"class":2985},[2979,6447,3315],{"class":2989},[2979,6449,3318],{"class":2993},[2979,6451,2998],{"class":2997},[2979,6453,3323],{"class":3001},[2979,6455,3005],{"class":2985},[2965,6457,6458,6460],{},[3026,6459,4046],{}," Кожен елемент автоматично використовує DataTemplate — красива картка.",[3374,6462],{},[2960,6464,6466],{"id":6465},"операції-з-observablecollection","Операції з ObservableCollection",[2965,6468,6469,6471],{},[2976,6470,4465],{}," підтримує всі стандартні операції колекцій.",[3391,6473,6475],{"id":6474},"add-додавання-елемента","Add — Додавання елемента",[2969,6477,6479],{"className":3040,"code":6478,"language":3042,"meta":2974,"style":2974},"public void AddPerson()\n{\n    People.Add(new Person \n    { \n        FirstName = \"Новий\", \n        LastName = \"Користувач\" \n    });\n    \n    // UI автоматично оновлюється\n}\n",[2976,6480,6481,6491,6495,6511,6515,6526,6537,6541,6545,6550],{"__ignoreMap":2974},[2979,6482,6483,6485,6487,6489],{"class":2981,"line":2982},[2979,6484,3050],{"class":3049},[2979,6486,3236],{"class":3049},[2979,6488,3239],{"class":3112},[2979,6490,3116],{"class":2997},[2979,6492,6493],{"class":2981,"line":3008},[2979,6494,3062],{"class":2997},[2979,6496,6497,6499,6501,6503,6505,6507,6509],{"class":2981,"line":3065},[2979,6498,4207],{"class":3082},[2979,6500,3254],{"class":2997},[2979,6502,3257],{"class":3112},[2979,6504,3260],{"class":2997},[2979,6506,3134],{"class":3049},[2979,6508,3158],{"class":3056},[2979,6510,3995],{"class":2997},[2979,6512,6513],{"class":2981,"line":3101},[2979,6514,4000],{"class":2997},[2979,6516,6517,6519,6521,6524],{"class":2981,"line":3107},[2979,6518,4005],{"class":3082},[2979,6520,3131],{"class":2997},[2979,6522,6523],{"class":3168},"\"Новий\"",[2979,6525,4012],{"class":2997},[2979,6527,6528,6530,6532,6535],{"class":2981,"line":3119},[2979,6529,4017],{"class":3082},[2979,6531,3131],{"class":2997},[2979,6533,6534],{"class":3168},"\"Користувач\"",[2979,6536,3995],{"class":2997},[2979,6538,6539],{"class":2981,"line":3125},[2979,6540,4028],{"class":2997},[2979,6542,6543],{"class":2981,"line":3146},[2979,6544,3104],{"class":2997},[2979,6546,6547],{"class":2981,"line":3152},[2979,6548,6549],{"class":3291},"    // UI автоматично оновлюється\n",[2979,6551,6552],{"class":2981,"line":3186},[2979,6553,3303],{"class":2997},[2965,6555,6556,3344,6559,6561,6562,3172,6565,3254],{},[3026,6557,6558],{},"Подія:",[2976,6560,4614],{}," з ",[2976,6563,6564],{},"Action = Add",[2976,6566,6567],{},"NewItems = [new Person]",[3391,6569,6571],{"id":6570},"remove-видалення-елемента","Remove — Видалення елемента",[2969,6573,6575],{"className":3040,"code":6574,"language":3042,"meta":2974,"style":2974},"public void RemovePerson(Person person)\n{\n    People.Remove(person);\n    \n    // UI автоматично оновлюється\n}\n",[2976,6576,6577,6595,6599,6615,6619,6623],{"__ignoreMap":2974},[2979,6578,6579,6581,6583,6586,6588,6590,6593],{"class":2981,"line":2982},[2979,6580,3050],{"class":3049},[2979,6582,3236],{"class":3049},[2979,6584,6585],{"class":3112}," RemovePerson",[2979,6587,3260],{"class":2997},[2979,6589,3076],{"class":3056},[2979,6591,6592],{"class":3082}," person",[2979,6594,3536],{"class":2997},[2979,6596,6597],{"class":2981,"line":3008},[2979,6598,3062],{"class":2997},[2979,6600,6601,6603,6605,6608,6610,6613],{"class":2981,"line":3065},[2979,6602,4207],{"class":3082},[2979,6604,3254],{"class":2997},[2979,6606,6607],{"class":3112},"Remove",[2979,6609,3260],{"class":2997},[2979,6611,6612],{"class":3082},"person",[2979,6614,4354],{"class":2997},[2979,6616,6617],{"class":2981,"line":3101},[2979,6618,3104],{"class":2997},[2979,6620,6621],{"class":2981,"line":3107},[2979,6622,6549],{"class":3291},[2979,6624,6625],{"class":2981,"line":3119},[2979,6626,3303],{"class":2997},[2965,6628,6629,3344,6631,6561,6633,3172,6636,3254],{},[3026,6630,6558],{},[2976,6632,4614],{},[2976,6634,6635],{},"Action = Remove",[2976,6637,6638],{},"OldItems = [person]",[3391,6640,6642],{"id":6641},"clear-очищення-колекції","Clear — Очищення колекції",[2969,6644,6646],{"className":3040,"code":6645,"language":3042,"meta":2974,"style":2974},"public void ClearAll()\n{\n    People.Clear();\n    \n    // UI автоматично оновлюється (всі елементи зникають)\n}\n",[2976,6647,6648,6659,6663,6674,6678,6683],{"__ignoreMap":2974},[2979,6649,6650,6652,6654,6657],{"class":2981,"line":2982},[2979,6651,3050],{"class":3049},[2979,6653,3236],{"class":3049},[2979,6655,6656],{"class":3112}," ClearAll",[2979,6658,3116],{"class":2997},[2979,6660,6661],{"class":2981,"line":3008},[2979,6662,3062],{"class":2997},[2979,6664,6665,6667,6669,6672],{"class":2981,"line":3065},[2979,6666,4207],{"class":3082},[2979,6668,3254],{"class":2997},[2979,6670,6671],{"class":3112},"Clear",[2979,6673,3664],{"class":2997},[2979,6675,6676],{"class":2981,"line":3101},[2979,6677,3104],{"class":2997},[2979,6679,6680],{"class":2981,"line":3107},[2979,6681,6682],{"class":3291},"    // UI автоматично оновлюється (всі елементи зникають)\n",[2979,6684,6685],{"class":2981,"line":3119},[2979,6686,3303],{"class":2997},[2965,6688,6689,3344,6691,6561,6693,3254],{},[3026,6690,6558],{},[2976,6692,4614],{},[2976,6694,6695],{},"Action = Reset",[3391,6697,6699],{"id":6698},"insert-вставка-на-позицію","Insert — Вставка на позицію",[2969,6701,6703],{"className":3040,"code":6702,"language":3042,"meta":2974,"style":2974},"public void InsertAtBeginning()\n{\n    People.Insert(0, new Person \n    { \n        FirstName = \"Перший\", \n        LastName = \"Елемент\" \n    });\n    \n    // UI автоматично оновлюється\n}\n",[2976,6704,6705,6716,6720,6743,6747,6758,6769,6773,6777,6781],{"__ignoreMap":2974},[2979,6706,6707,6709,6711,6714],{"class":2981,"line":2982},[2979,6708,3050],{"class":3049},[2979,6710,3236],{"class":3049},[2979,6712,6713],{"class":3112}," InsertAtBeginning",[2979,6715,3116],{"class":2997},[2979,6717,6718],{"class":2981,"line":3008},[2979,6719,3062],{"class":2997},[2979,6721,6722,6724,6726,6729,6731,6735,6737,6739,6741],{"class":2981,"line":3065},[2979,6723,4207],{"class":3082},[2979,6725,3254],{"class":2997},[2979,6727,6728],{"class":3112},"Insert",[2979,6730,3260],{"class":2997},[2979,6732,6734],{"class":6733},"sJj4R","0",[2979,6736,3172],{"class":2997},[2979,6738,3134],{"class":3049},[2979,6740,3158],{"class":3056},[2979,6742,3995],{"class":2997},[2979,6744,6745],{"class":2981,"line":3101},[2979,6746,4000],{"class":2997},[2979,6748,6749,6751,6753,6756],{"class":2981,"line":3107},[2979,6750,4005],{"class":3082},[2979,6752,3131],{"class":2997},[2979,6754,6755],{"class":3168},"\"Перший\"",[2979,6757,4012],{"class":2997},[2979,6759,6760,6762,6764,6767],{"class":2981,"line":3119},[2979,6761,4017],{"class":3082},[2979,6763,3131],{"class":2997},[2979,6765,6766],{"class":3168},"\"Елемент\"",[2979,6768,3995],{"class":2997},[2979,6770,6771],{"class":2981,"line":3125},[2979,6772,4028],{"class":2997},[2979,6774,6775],{"class":2981,"line":3146},[2979,6776,3104],{"class":2997},[2979,6778,6779],{"class":2981,"line":3152},[2979,6780,6549],{"class":3291},[2979,6782,6783],{"class":2981,"line":3186},[2979,6784,3303],{"class":2997},[2965,6786,6787,3344,6789,6561,6791,3172,6793,3254],{},[3026,6788,6558],{},[2976,6790,4614],{},[2976,6792,6564],{},[2976,6794,6795],{},"NewStartingIndex = 0",[3391,6797,6799],{"id":6798},"replace-заміна-елемента","Replace — Заміна елемента",[2969,6801,6803],{"className":3040,"code":6802,"language":3042,"meta":2974,"style":2974},"public void ReplacePerson(int index, Person newPerson)\n{\n    People[index] = newPerson;\n    \n    // UI автоматично оновлюється\n}\n",[2976,6804,6805,6831,6835,6853,6857,6861],{"__ignoreMap":2974},[2979,6806,6807,6809,6811,6814,6816,6819,6822,6824,6826,6829],{"class":2981,"line":2982},[2979,6808,3050],{"class":3049},[2979,6810,3236],{"class":3049},[2979,6812,6813],{"class":3112}," ReplacePerson",[2979,6815,3260],{"class":2997},[2979,6817,6818],{"class":3049},"int",[2979,6820,6821],{"class":3082}," index",[2979,6823,3172],{"class":2997},[2979,6825,3076],{"class":3056},[2979,6827,6828],{"class":3082}," newPerson",[2979,6830,3536],{"class":2997},[2979,6832,6833],{"class":2981,"line":3008},[2979,6834,3062],{"class":2997},[2979,6836,6837,6839,6842,6845,6848,6851],{"class":2981,"line":3065},[2979,6838,4207],{"class":3082},[2979,6840,6841],{"class":2997},"[",[2979,6843,6844],{"class":3082},"index",[2979,6846,6847],{"class":2997},"] = ",[2979,6849,6850],{"class":3082},"newPerson",[2979,6852,3428],{"class":2997},[2979,6854,6855],{"class":2981,"line":3101},[2979,6856,3104],{"class":2997},[2979,6858,6859],{"class":2981,"line":3107},[2979,6860,6549],{"class":3291},[2979,6862,6863],{"class":2981,"line":3119},[2979,6864,3303],{"class":2997},[2965,6866,6867,3344,6869,6561,6871,3172,6874,3172,6877,3254],{},[3026,6868,6558],{},[2976,6870,4614],{},[2976,6872,6873],{},"Action = Replace",[2976,6875,6876],{},"OldItems",[2976,6878,6879],{},"NewItems",[3391,6881,6883],{"id":6882},"move-переміщення-елемента","Move — Переміщення елемента",[2969,6885,6887],{"className":3040,"code":6886,"language":3042,"meta":2974,"style":2974},"public void MoveToTop(int index)\n{\n    People.Move(index, 0);\n    \n    // UI автоматично оновлюється\n}\n",[2976,6888,6889,6906,6910,6929,6933,6937],{"__ignoreMap":2974},[2979,6890,6891,6893,6895,6898,6900,6902,6904],{"class":2981,"line":2982},[2979,6892,3050],{"class":3049},[2979,6894,3236],{"class":3049},[2979,6896,6897],{"class":3112}," MoveToTop",[2979,6899,3260],{"class":2997},[2979,6901,6818],{"class":3049},[2979,6903,6821],{"class":3082},[2979,6905,3536],{"class":2997},[2979,6907,6908],{"class":2981,"line":3008},[2979,6909,3062],{"class":2997},[2979,6911,6912,6914,6916,6919,6921,6923,6925,6927],{"class":2981,"line":3065},[2979,6913,4207],{"class":3082},[2979,6915,3254],{"class":2997},[2979,6917,6918],{"class":3112},"Move",[2979,6920,3260],{"class":2997},[2979,6922,6844],{"class":3082},[2979,6924,3172],{"class":2997},[2979,6926,6734],{"class":6733},[2979,6928,4354],{"class":2997},[2979,6930,6931],{"class":2981,"line":3101},[2979,6932,3104],{"class":2997},[2979,6934,6935],{"class":2981,"line":3107},[2979,6936,6549],{"class":3291},[2979,6938,6939],{"class":2981,"line":3119},[2979,6940,3303],{"class":2997},[2965,6942,6943,3344,6945,6561,6947,3172,6950,3172,6953,3254],{},[3026,6944,6558],{},[2976,6946,4614],{},[2976,6948,6949],{},"Action = Move",[2976,6951,6952],{},"OldStartingIndex",[2976,6954,6955],{},"NewStartingIndex",[3391,6957,6959],{"id":6958},"таблиця-операцій","Таблиця операцій",[4565,6961,6962,6978],{},[4568,6963,6964],{},[4571,6965,6966,6969,6972,6975],{},[4574,6967,6968],{},"Операція",[4574,6970,6971],{},"Метод",[4574,6973,6974],{},"Подія CollectionChanged",[4574,6976,6977],{},"UI Оновлення",[4584,6979,6980,6995,7010,7024,7039,7054],{},[4571,6981,6982,6985,6990,6992],{},[4589,6983,6984],{},"Додавання",[4589,6986,6987],{},[2976,6988,6989],{},"Add(item)",[4589,6991,6564],{},[4589,6993,6994],{},"✅ Додає елемент",[4571,6996,6997,7000,7005,7007],{},[4589,6998,6999],{},"Видалення",[4589,7001,7002],{},[2976,7003,7004],{},"Remove(item)",[4589,7006,6635],{},[4589,7008,7009],{},"✅ Видаляє елемент",[4571,7011,7012,7015,7019,7021],{},[4589,7013,7014],{},"Очищення",[4589,7016,7017],{},[2976,7018,4170],{},[4589,7020,6695],{},[4589,7022,7023],{},"✅ Видаляє всі",[4571,7025,7026,7029,7034,7036],{},[4589,7027,7028],{},"Вставка",[4589,7030,7031],{},[2976,7032,7033],{},"Insert(index, item)",[4589,7035,6564],{},[4589,7037,7038],{},"✅ Вставляє на позицію",[4571,7040,7041,7044,7049,7051],{},[4589,7042,7043],{},"Заміна",[4589,7045,7046],{},[2976,7047,7048],{},"this[index] = item",[4589,7050,6873],{},[4589,7052,7053],{},"✅ Замінює елемент",[4571,7055,7056,7059,7064,7066],{},[4589,7057,7058],{},"Переміщення",[4589,7060,7061],{},[2976,7062,7063],{},"Move(oldIndex, newIndex)",[4589,7065,6949],{},[4589,7067,7068],{},"✅ Переміщує елемент",[3374,7070],{},[2960,7072,7074],{"id":7073},"selecteditem-та-selectedindex","SelectedItem та SelectedIndex",[2965,7076,7077,7080],{},[2976,7078,7079],{},"Selector"," (базовий клас для ListBox, ComboBox) має властивості для роботи з вибраним елементом.",[3391,7082,7084],{"id":7083},"selecteditem-вибраний-обєкт","SelectedItem — Вибраний об'єкт",[2965,7086,7087],{},[3026,7088,3401],{},[2969,7090,7092],{"className":3040,"code":7091,"language":3042,"meta":2974,"style":2974},"public class ContactsViewModel : INotifyPropertyChanged\n{\n    public ObservableCollection\u003CPerson> People { get; set; }\n    \n    private Person _selectedPerson;\n    \n    public Person SelectedPerson\n    {\n        get => _selectedPerson;\n        set\n        {\n            _selectedPerson = value;\n            OnPropertyChanged();\n        }\n    }\n    \n    // ... INotifyPropertyChanged implementation\n}\n",[2976,7093,7094,7106,7110,7134,7138,7149,7153,7162,7166,7177,7181,7185,7196,7202,7206,7210,7214,7219],{"__ignoreMap":2974},[2979,7095,7096,7098,7100,7102,7104],{"class":2981,"line":2982},[2979,7097,3050],{"class":3049},[2979,7099,3053],{"class":3049},[2979,7101,3474],{"class":3056},[2979,7103,3477],{"class":2997},[2979,7105,3480],{"class":3056},[2979,7107,7108],{"class":2981,"line":3008},[2979,7109,3062],{"class":2997},[2979,7111,7112,7114,7116,7118,7120,7122,7124,7126,7128,7130,7132],{"class":2981,"line":3065},[2979,7113,3068],{"class":3049},[2979,7115,4646],{"class":3056},[2979,7117,2986],{"class":2997},[2979,7119,3076],{"class":3056},[2979,7121,3079],{"class":2997},[2979,7123,3083],{"class":3082},[2979,7125,3086],{"class":2997},[2979,7127,3089],{"class":3049},[2979,7129,3092],{"class":2997},[2979,7131,3095],{"class":3049},[2979,7133,3098],{"class":2997},[2979,7135,7136],{"class":2981,"line":3101},[2979,7137,3104],{"class":2997},[2979,7139,7140,7142,7144,7147],{"class":2981,"line":3107},[2979,7141,3584],{"class":3049},[2979,7143,3158],{"class":3056},[2979,7145,7146],{"class":3082}," _selectedPerson",[2979,7148,3428],{"class":2997},[2979,7150,7151],{"class":2981,"line":3119},[2979,7152,3104],{"class":2997},[2979,7154,7155,7157,7159],{"class":2981,"line":3125},[2979,7156,3068],{"class":3049},[2979,7158,3158],{"class":3056},[2979,7160,7161],{"class":3082}," SelectedPerson\n",[2979,7163,7164],{"class":2981,"line":3146},[2979,7165,3122],{"class":2997},[2979,7167,7168,7170,7172,7175],{"class":2981,"line":3152},[2979,7169,3625],{"class":3049},[2979,7171,3628],{"class":2997},[2979,7173,7174],{"class":3082},"_selectedPerson",[2979,7176,3428],{"class":2997},[2979,7178,7179],{"class":2981,"line":3186},[2979,7180,3637],{"class":3049},[2979,7182,7183],{"class":2981,"line":3214},[2979,7184,3149],{"class":2997},[2979,7186,7187,7190,7192,7194],{"class":2981,"line":3220},[2979,7188,7189],{"class":3082},"            _selectedPerson",[2979,7191,3131],{"class":2997},[2979,7193,3653],{"class":3082},[2979,7195,3428],{"class":2997},[2979,7197,7198,7200],{"class":2981,"line":3226},[2979,7199,3661],{"class":3112},[2979,7201,3664],{"class":2997},[2979,7203,7204],{"class":2981,"line":3231},[2979,7205,3670],{"class":2997},[2979,7207,7208],{"class":2981,"line":3244},[2979,7209,3223],{"class":2997},[2979,7211,7212],{"class":2981,"line":3249},[2979,7213,3104],{"class":2997},[2979,7215,7216],{"class":2981,"line":3288},[2979,7217,7218],{"class":3291},"    // ... INotifyPropertyChanged implementation\n",[2979,7220,7221],{"class":2981,"line":3295},[2979,7222,3303],{"class":2997},[2965,7224,7225],{},[3026,7226,3786],{},[2969,7228,7230],{"className":2971,"code":7229,"language":2973,"meta":2974,"style":2974},"\u003CGrid>\n    \u003CGrid.ColumnDefinitions>\n        \u003CColumnDefinition Width=\"*\"/>\n        \u003CColumnDefinition Width=\"2*\"/>\n    \u003C/Grid.ColumnDefinitions>\n    \n    \u003C!-- Список -->\n    \u003CListBox Grid.Column=\"0\" \n             ItemsSource=\"{Binding People}\" \n             SelectedItem=\"{Binding SelectedPerson}\"/>\n    \n    \u003C!-- Деталі вибраного елемента -->\n    \u003CBorder Grid.Column=\"1\" \n            Background=\"LightGray\" \n            Padding=\"20\" \n            Margin=\"10,0,0,0\">\n        \u003CStackPanel>\n            \u003CTextBlock Text=\"Деталі:\" FontWeight=\"Bold\" FontSize=\"16\" Margin=\"0,0,0,10\"/>\n            \u003CTextBlock Text=\"{Binding SelectedPerson.FirstName, StringFormat='Ім''я: {0}'}\"/>\n            \u003CTextBlock Text=\"{Binding SelectedPerson.LastName, StringFormat='Прізвище: {0}'}\"/>\n            \u003CTextBlock Text=\"{Binding SelectedPerson.Email, StringFormat='Email: {0}'}\"/>\n        \u003C/StackPanel>\n    \u003C/Border>\n\u003C/Grid>\n",[2976,7231,7232,7241,7250,7267,7282,7290,7294,7299,7315,7326,7338,7342,7347,7362,7374,7385,7397,7405,7440,7455,7470,7485,7493,7501],{"__ignoreMap":2974},[2979,7233,7234,7236,7239],{"class":2981,"line":2982},[2979,7235,2986],{"class":2985},[2979,7237,7238],{"class":2989},"Grid",[2979,7240,3143],{"class":2985},[2979,7242,7243,7245,7248],{"class":2981,"line":3008},[2979,7244,3823],{"class":2985},[2979,7246,7247],{"class":2989},"Grid.ColumnDefinitions",[2979,7249,3143],{"class":2985},[2979,7251,7252,7254,7257,7260,7262,7265],{"class":2981,"line":3065},[2979,7253,3841],{"class":2985},[2979,7255,7256],{"class":2989},"ColumnDefinition",[2979,7258,7259],{"class":2993}," Width",[2979,7261,2998],{"class":2997},[2979,7263,7264],{"class":3001},"\"*\"",[2979,7266,3005],{"class":2985},[2979,7268,7269,7271,7273,7275,7277,7280],{"class":2981,"line":3101},[2979,7270,3841],{"class":2985},[2979,7272,7256],{"class":2989},[2979,7274,7259],{"class":2993},[2979,7276,2998],{"class":2997},[2979,7278,7279],{"class":3001},"\"2*\"",[2979,7281,3005],{"class":2985},[2979,7283,7284,7286,7288],{"class":2981,"line":3107},[2979,7285,3896],{"class":2985},[2979,7287,7247],{"class":2989},[2979,7289,3143],{"class":2985},[2979,7291,7292],{"class":2981,"line":3119},[2979,7293,3104],{"class":2997},[2979,7295,7296],{"class":2981,"line":3125},[2979,7297,7298],{"class":3291},"    \u003C!-- Список -->\n",[2979,7300,7301,7303,7305,7308,7310,7313],{"class":2981,"line":3146},[2979,7302,3823],{"class":2985},[2979,7304,3315],{"class":2989},[2979,7306,7307],{"class":2993}," Grid.Column",[2979,7309,2998],{"class":2997},[2979,7311,7312],{"class":3001},"\"0\"",[2979,7314,3995],{"class":2997},[2979,7316,7317,7320,7322,7324],{"class":2981,"line":3152},[2979,7318,7319],{"class":2993},"             ItemsSource",[2979,7321,2998],{"class":2997},[2979,7323,3323],{"class":3001},[2979,7325,3995],{"class":2997},[2979,7327,7328,7331,7333,7336],{"class":2981,"line":3186},[2979,7329,7330],{"class":2993},"             SelectedItem",[2979,7332,2998],{"class":2997},[2979,7334,7335],{"class":3001},"\"{Binding SelectedPerson}\"",[2979,7337,3005],{"class":2985},[2979,7339,7340],{"class":2981,"line":3214},[2979,7341,3104],{"class":2997},[2979,7343,7344],{"class":2981,"line":3220},[2979,7345,7346],{"class":3291},"    \u003C!-- Деталі вибраного елемента -->\n",[2979,7348,7349,7351,7353,7355,7357,7360],{"class":2981,"line":3226},[2979,7350,3823],{"class":2985},[2979,7352,6330],{"class":2989},[2979,7354,7307],{"class":2993},[2979,7356,2998],{"class":2997},[2979,7358,7359],{"class":3001},"\"1\"",[2979,7361,3995],{"class":2997},[2979,7363,7364,7367,7369,7372],{"class":2981,"line":3231},[2979,7365,7366],{"class":2993},"            Background",[2979,7368,2998],{"class":2997},[2979,7370,7371],{"class":3001},"\"LightGray\"",[2979,7373,3995],{"class":2997},[2979,7375,7376,7379,7381,7383],{"class":2981,"line":3244},[2979,7377,7378],{"class":2993},"            Padding",[2979,7380,2998],{"class":2997},[2979,7382,3834],{"class":3001},[2979,7384,3995],{"class":2997},[2979,7386,7387,7390,7392,7395],{"class":2981,"line":3249},[2979,7388,7389],{"class":2993},"            Margin",[2979,7391,2998],{"class":2997},[2979,7393,7394],{"class":3001},"\"10,0,0,0\"",[2979,7396,3143],{"class":2985},[2979,7398,7399,7401,7403],{"class":2981,"line":3288},[2979,7400,3841],{"class":2985},[2979,7402,3826],{"class":2989},[2979,7404,3143],{"class":2985},[2979,7406,7407,7409,7411,7413,7415,7418,7420,7422,7424,7426,7428,7431,7433,7435,7438],{"class":2981,"line":3295},[2979,7408,5908],{"class":2985},[2979,7410,2990],{"class":2989},[2979,7412,2994],{"class":2993},[2979,7414,2998],{"class":2997},[2979,7416,7417],{"class":3001},"\"Деталі:\"",[2979,7419,6213],{"class":2993},[2979,7421,2998],{"class":2997},[2979,7423,6218],{"class":3001},[2979,7425,6398],{"class":2993},[2979,7427,2998],{"class":2997},[2979,7429,7430],{"class":3001},"\"16\"",[2979,7432,3829],{"class":2993},[2979,7434,2998],{"class":2997},[2979,7436,7437],{"class":3001},"\"0,0,0,10\"",[2979,7439,3005],{"class":2985},[2979,7441,7442,7444,7446,7448,7450,7453],{"class":2981,"line":3300},[2979,7443,5908],{"class":2985},[2979,7445,2990],{"class":2989},[2979,7447,2994],{"class":2993},[2979,7449,2998],{"class":2997},[2979,7451,7452],{"class":3001},"\"{Binding SelectedPerson.FirstName, StringFormat='Ім''я: {0}'}\"",[2979,7454,3005],{"class":2985},[2979,7456,7457,7459,7461,7463,7465,7468],{"class":2981,"line":3640},[2979,7458,5908],{"class":2985},[2979,7460,2990],{"class":2989},[2979,7462,2994],{"class":2993},[2979,7464,2998],{"class":2997},[2979,7466,7467],{"class":3001},"\"{Binding SelectedPerson.LastName, StringFormat='Прізвище: {0}'}\"",[2979,7469,3005],{"class":2985},[2979,7471,7472,7474,7476,7478,7480,7483],{"class":2981,"line":3645},[2979,7473,5908],{"class":2985},[2979,7475,2990],{"class":2989},[2979,7477,2994],{"class":2993},[2979,7479,2998],{"class":2997},[2979,7481,7482],{"class":3001},"\"{Binding SelectedPerson.Email, StringFormat='Email: {0}'}\"",[2979,7484,3005],{"class":2985},[2979,7486,7487,7489,7491],{"class":2981,"line":3658},[2979,7488,5923],{"class":2985},[2979,7490,3826],{"class":2989},[2979,7492,3143],{"class":2985},[2979,7494,7495,7497,7499],{"class":2981,"line":3667},[2979,7496,3896],{"class":2985},[2979,7498,6330],{"class":2989},[2979,7500,3143],{"class":2985},[2979,7502,7503,7505,7507],{"class":2981,"line":3673},[2979,7504,3905],{"class":2985},[2979,7506,7238],{"class":2989},[2979,7508,3143],{"class":2985},[2965,7510,7511,7513,7514,7516],{},[3026,7512,4046],{}," При кліку на елемент у ",[2976,7515,3315],{}," — деталі відображаються справа (Master-Detail pattern).",[5516,7518,7520],{"title":7519},"Master-Detail з SelectedItem",[2969,7521,7523],{"className":2971,"code":7522,"language":2973,"meta":2974,"style":2974},"\u003CGrid Margin=\"20\">\n  \u003CGrid.ColumnDefinitions>\n    \u003CColumnDefinition Width=\"*\"/>\n    \u003CColumnDefinition Width=\"2*\"/>\n  \u003C/Grid.ColumnDefinitions>\n  \n  \u003CListBox Grid.Column=\"0\">\n    \u003CListBoxItem Content=\"Іван Петренко\" IsSelected=\"True\"/>\n    \u003CListBoxItem Content=\"Марія Коваленко\"/>\n    \u003CListBoxItem Content=\"Олександр Шевченко\"/>\n  \u003C/ListBox>\n  \n  \u003CBorder Grid.Column=\"1\" Background=\"LightGray\" Padding=\"20\" Margin=\"10,0,0,0\">\n    \u003CStackPanel Spacing=\"5\">\n      \u003CTextBlock Text=\"Деталі:\" FontWeight=\"Bold\" FontSize=\"16\"/>\n      \u003CTextBlock Text=\"Ім'я: Іван\"/>\n      \u003CTextBlock Text=\"Прізвище: Петренко\"/>\n      \u003CTextBlock Text=\"Email: ivan@example.com\"/>\n    \u003C/StackPanel>\n  \u003C/Border>\n\u003C/Grid>\n",[2976,7524,7525,7539,7547,7561,7575,7583,7588,7602,7624,7638,7652,7660,7664,7696,7710,7737,7752,7767,7782,7790,7798],{"__ignoreMap":2974},[2979,7526,7527,7529,7531,7533,7535,7537],{"class":2981,"line":2982},[2979,7528,2986],{"class":2985},[2979,7530,7238],{"class":2989},[2979,7532,3829],{"class":2993},[2979,7534,2998],{"class":2997},[2979,7536,3834],{"class":3001},[2979,7538,3143],{"class":2985},[2979,7540,7541,7543,7545],{"class":2981,"line":3008},[2979,7542,5550],{"class":2985},[2979,7544,7247],{"class":2989},[2979,7546,3143],{"class":2985},[2979,7548,7549,7551,7553,7555,7557,7559],{"class":2981,"line":3065},[2979,7550,3823],{"class":2985},[2979,7552,7256],{"class":2989},[2979,7554,7259],{"class":2993},[2979,7556,2998],{"class":2997},[2979,7558,7264],{"class":3001},[2979,7560,3005],{"class":2985},[2979,7562,7563,7565,7567,7569,7571,7573],{"class":2981,"line":3101},[2979,7564,3823],{"class":2985},[2979,7566,7256],{"class":2989},[2979,7568,7259],{"class":2993},[2979,7570,2998],{"class":2997},[2979,7572,7279],{"class":3001},[2979,7574,3005],{"class":2985},[2979,7576,7577,7579,7581],{"class":2981,"line":3107},[2979,7578,5612],{"class":2985},[2979,7580,7247],{"class":2989},[2979,7582,3143],{"class":2985},[2979,7584,7585],{"class":2981,"line":3119},[2979,7586,7587],{"class":2997},"  \n",[2979,7589,7590,7592,7594,7596,7598,7600],{"class":2981,"line":3125},[2979,7591,5550],{"class":2985},[2979,7593,3315],{"class":2989},[2979,7595,7307],{"class":2993},[2979,7597,2998],{"class":2997},[2979,7599,7312],{"class":3001},[2979,7601,3143],{"class":2985},[2979,7603,7604,7606,7608,7610,7612,7614,7617,7619,7622],{"class":2981,"line":3146},[2979,7605,3823],{"class":2985},[2979,7607,5568],{"class":2989},[2979,7609,3869],{"class":2993},[2979,7611,2998],{"class":2997},[2979,7613,5575],{"class":3001},[2979,7615,7616],{"class":2993}," IsSelected",[2979,7618,2998],{"class":2997},[2979,7620,7621],{"class":3001},"\"True\"",[2979,7623,3005],{"class":2985},[2979,7625,7626,7628,7630,7632,7634,7636],{"class":2981,"line":3152},[2979,7627,3823],{"class":2985},[2979,7629,5568],{"class":2989},[2979,7631,3869],{"class":2993},[2979,7633,2998],{"class":2997},[2979,7635,5590],{"class":3001},[2979,7637,3005],{"class":2985},[2979,7639,7640,7642,7644,7646,7648,7650],{"class":2981,"line":3186},[2979,7641,3823],{"class":2985},[2979,7643,5568],{"class":2989},[2979,7645,3869],{"class":2993},[2979,7647,2998],{"class":2997},[2979,7649,5605],{"class":3001},[2979,7651,3005],{"class":2985},[2979,7653,7654,7656,7658],{"class":2981,"line":3214},[2979,7655,5612],{"class":2985},[2979,7657,3315],{"class":2989},[2979,7659,3143],{"class":2985},[2979,7661,7662],{"class":2981,"line":3220},[2979,7663,7587],{"class":2997},[2979,7665,7666,7668,7670,7672,7674,7676,7678,7680,7682,7684,7686,7688,7690,7692,7694],{"class":2981,"line":3226},[2979,7667,5550],{"class":2985},[2979,7669,6330],{"class":2989},[2979,7671,7307],{"class":2993},[2979,7673,2998],{"class":2997},[2979,7675,7359],{"class":3001},[2979,7677,6333],{"class":2993},[2979,7679,2998],{"class":2997},[2979,7681,7371],{"class":3001},[2979,7683,6341],{"class":2993},[2979,7685,2998],{"class":2997},[2979,7687,3834],{"class":3001},[2979,7689,3829],{"class":2993},[2979,7691,2998],{"class":2997},[2979,7693,7394],{"class":3001},[2979,7695,3143],{"class":2985},[2979,7697,7698,7700,7702,7704,7706,7708],{"class":2981,"line":3231},[2979,7699,3823],{"class":2985},[2979,7701,3826],{"class":2989},[2979,7703,5538],{"class":2993},[2979,7705,2998],{"class":2997},[2979,7707,6346],{"class":3001},[2979,7709,3143],{"class":2985},[2979,7711,7712,7715,7717,7719,7721,7723,7725,7727,7729,7731,7733,7735],{"class":2981,"line":3244},[2979,7713,7714],{"class":2985},"      \u003C",[2979,7716,2990],{"class":2989},[2979,7718,2994],{"class":2993},[2979,7720,2998],{"class":2997},[2979,7722,7417],{"class":3001},[2979,7724,6213],{"class":2993},[2979,7726,2998],{"class":2997},[2979,7728,6218],{"class":3001},[2979,7730,6398],{"class":2993},[2979,7732,2998],{"class":2997},[2979,7734,7430],{"class":3001},[2979,7736,3005],{"class":2985},[2979,7738,7739,7741,7743,7745,7747,7750],{"class":2981,"line":3249},[2979,7740,7714],{"class":2985},[2979,7742,2990],{"class":2989},[2979,7744,2994],{"class":2993},[2979,7746,2998],{"class":2997},[2979,7748,7749],{"class":3001},"\"Ім'я: Іван\"",[2979,7751,3005],{"class":2985},[2979,7753,7754,7756,7758,7760,7762,7765],{"class":2981,"line":3288},[2979,7755,7714],{"class":2985},[2979,7757,2990],{"class":2989},[2979,7759,2994],{"class":2993},[2979,7761,2998],{"class":2997},[2979,7763,7764],{"class":3001},"\"Прізвище: Петренко\"",[2979,7766,3005],{"class":2985},[2979,7768,7769,7771,7773,7775,7777,7780],{"class":2981,"line":3295},[2979,7770,7714],{"class":2985},[2979,7772,2990],{"class":2989},[2979,7774,2994],{"class":2993},[2979,7776,2998],{"class":2997},[2979,7778,7779],{"class":3001},"\"Email: ivan@example.com\"",[2979,7781,3005],{"class":2985},[2979,7783,7784,7786,7788],{"class":2981,"line":3300},[2979,7785,3896],{"class":2985},[2979,7787,3826],{"class":2989},[2979,7789,3143],{"class":2985},[2979,7791,7792,7794,7796],{"class":2981,"line":3640},[2979,7793,5612],{"class":2985},[2979,7795,6330],{"class":2989},[2979,7797,3143],{"class":2985},[2979,7799,7800,7802,7804],{"class":2981,"line":3645},[2979,7801,3905],{"class":2985},[2979,7803,7238],{"class":2989},[2979,7805,3143],{"class":2985},[3391,7807,7809],{"id":7808},"selectedindex-індекс-вибраного-елемента","SelectedIndex — Індекс вибраного елемента",[2969,7811,7813],{"className":2971,"code":7812,"language":2973,"meta":2974,"style":2974},"\u003CStackPanel>\n    \u003CListBox ItemsSource=\"{Binding People}\" \n             SelectedIndex=\"{Binding SelectedIndex}\"/>\n    \n    \u003CTextBlock Text=\"{Binding SelectedIndex, StringFormat='Вибрано елемент #{0}'}\"/>\n\u003C/StackPanel>\n",[2976,7814,7815,7823,7837,7849,7853,7868],{"__ignoreMap":2974},[2979,7816,7817,7819,7821],{"class":2981,"line":2982},[2979,7818,2986],{"class":2985},[2979,7820,3826],{"class":2989},[2979,7822,3143],{"class":2985},[2979,7824,7825,7827,7829,7831,7833,7835],{"class":2981,"line":3008},[2979,7826,3823],{"class":2985},[2979,7828,3315],{"class":2989},[2979,7830,3318],{"class":2993},[2979,7832,2998],{"class":2997},[2979,7834,3323],{"class":3001},[2979,7836,3995],{"class":2997},[2979,7838,7839,7842,7844,7847],{"class":2981,"line":3065},[2979,7840,7841],{"class":2993},"             SelectedIndex",[2979,7843,2998],{"class":2997},[2979,7845,7846],{"class":3001},"\"{Binding SelectedIndex}\"",[2979,7848,3005],{"class":2985},[2979,7850,7851],{"class":2981,"line":3101},[2979,7852,3104],{"class":2997},[2979,7854,7855,7857,7859,7861,7863,7866],{"class":2981,"line":3107},[2979,7856,3823],{"class":2985},[2979,7858,2990],{"class":2989},[2979,7860,2994],{"class":2993},[2979,7862,2998],{"class":2997},[2979,7864,7865],{"class":3001},"\"{Binding SelectedIndex, StringFormat='Вибрано елемент #{0}'}\"",[2979,7867,3005],{"class":2985},[2979,7869,7870,7872,7874],{"class":2981,"line":3119},[2979,7871,3905],{"class":2985},[2979,7873,3826],{"class":2989},[2979,7875,3143],{"class":2985},[3391,7877,7879],{"id":7878},"selectedvalue-та-selectedvaluepath","SelectedValue та SelectedValuePath",[2965,7881,7882],{},"Для вибору конкретної властивості об'єкта:",[2969,7884,7886],{"className":2971,"code":7885,"language":2973,"meta":2974,"style":2974},"\u003CComboBox ItemsSource=\"{Binding People}\" \n          DisplayMemberPath=\"FirstName\"\n          SelectedValuePath=\"Id\"\n          SelectedValue=\"{Binding SelectedPersonId}\"/>\n",[2976,7887,7888,7902,7912,7922],{"__ignoreMap":2974},[2979,7889,7890,7892,7894,7896,7898,7900],{"class":2981,"line":2982},[2979,7891,2986],{"class":2985},[2979,7893,5804],{"class":2989},[2979,7895,3318],{"class":2993},[2979,7897,2998],{"class":2997},[2979,7899,3323],{"class":3001},[2979,7901,3995],{"class":2997},[2979,7903,7904,7907,7909],{"class":2981,"line":3008},[2979,7905,7906],{"class":2993},"          DisplayMemberPath",[2979,7908,2998],{"class":2997},[2979,7910,7911],{"class":3001},"\"FirstName\"\n",[2979,7913,7914,7917,7919],{"class":2981,"line":3065},[2979,7915,7916],{"class":2993},"          SelectedValuePath",[2979,7918,2998],{"class":2997},[2979,7920,7921],{"class":3001},"\"Id\"\n",[2979,7923,7924,7927,7929,7932],{"class":2981,"line":3101},[2979,7925,7926],{"class":2993},"          SelectedValue",[2979,7928,2998],{"class":2997},[2979,7930,7931],{"class":3001},"\"{Binding SelectedPersonId}\"",[2979,7933,3005],{"class":2985},[2965,7935,7936],{},[3026,7937,7938],{},"Що відбувається:",[5793,7940,7941,7950,7962],{},[4985,7942,7943,7946,7947,7949],{},[2976,7944,7945],{},"DisplayMemberPath=\"FirstName\""," — показує ",[2976,7948,3163],{}," у списку",[4985,7951,7952,7955,7956,7959,7960],{},[2976,7953,7954],{},"SelectedValuePath=\"Id\""," — при виборі повертає ",[2976,7957,7958],{},"Id"," вибраного ",[2976,7961,3076],{},[4985,7963,7964,7967,7968,7971],{},[2976,7965,7966],{},"SelectedValue=\"{Binding SelectedPersonId}\""," — прив'язка до ",[2976,7969,7970],{},"int SelectedPersonId"," у ViewModel",[2965,7973,7974,7977],{},[3026,7975,7976],{},"Use Case:"," Коли потрібен тільки ID вибраного елемента, а не весь об'єкт.",[3391,7979,7981],{"id":7980},"режими-вибору-selectionmode","Режими вибору (SelectionMode)",[2965,7983,7984],{},[3026,7985,7986],{},"ListBox.SelectionMode:",[2969,7988,7990],{"className":2971,"code":7989,"language":2973,"meta":2974,"style":2974},"\u003C!-- Один елемент (за замовчуванням) -->\n\u003CListBox SelectionMode=\"Single\" ItemsSource=\"{Binding People}\"/>\n\n\u003C!-- Множинний вибір (Ctrl+Click) -->\n\u003CListBox SelectionMode=\"Multiple\" ItemsSource=\"{Binding People}\"/>\n\n\u003C!-- Розширений вибір (Shift+Click для діапазону) -->\n\u003CListBox SelectionMode=\"Extended\" ItemsSource=\"{Binding People}\"/>\n",[2976,7991,7992,7997,8019,8023,8028,8049,8053,8058],{"__ignoreMap":2974},[2979,7993,7994],{"class":2981,"line":2982},[2979,7995,7996],{"class":3291},"\u003C!-- Один елемент (за замовчуванням) -->\n",[2979,7998,7999,8001,8003,8006,8008,8011,8013,8015,8017],{"class":2981,"line":3008},[2979,8000,2986],{"class":2985},[2979,8002,3315],{"class":2989},[2979,8004,8005],{"class":2993}," SelectionMode",[2979,8007,2998],{"class":2997},[2979,8009,8010],{"class":3001},"\"Single\"",[2979,8012,3318],{"class":2993},[2979,8014,2998],{"class":2997},[2979,8016,3323],{"class":3001},[2979,8018,3005],{"class":2985},[2979,8020,8021],{"class":2981,"line":3065},[2979,8022,3465],{"emptyLinePlaceholder":3464},[2979,8024,8025],{"class":2981,"line":3101},[2979,8026,8027],{"class":3291},"\u003C!-- Множинний вибір (Ctrl+Click) -->\n",[2979,8029,8030,8032,8034,8036,8038,8041,8043,8045,8047],{"class":2981,"line":3107},[2979,8031,2986],{"class":2985},[2979,8033,3315],{"class":2989},[2979,8035,8005],{"class":2993},[2979,8037,2998],{"class":2997},[2979,8039,8040],{"class":3001},"\"Multiple\"",[2979,8042,3318],{"class":2993},[2979,8044,2998],{"class":2997},[2979,8046,3323],{"class":3001},[2979,8048,3005],{"class":2985},[2979,8050,8051],{"class":2981,"line":3119},[2979,8052,3465],{"emptyLinePlaceholder":3464},[2979,8054,8055],{"class":2981,"line":3125},[2979,8056,8057],{"class":3291},"\u003C!-- Розширений вибір (Shift+Click для діапазону) -->\n",[2979,8059,8060,8062,8064,8066,8068,8071,8073,8075,8077],{"class":2981,"line":3146},[2979,8061,2986],{"class":2985},[2979,8063,3315],{"class":2989},[2979,8065,8005],{"class":2993},[2979,8067,2998],{"class":2997},[2979,8069,8070],{"class":3001},"\"Extended\"",[2979,8072,3318],{"class":2993},[2979,8074,2998],{"class":2997},[2979,8076,3323],{"class":3001},[2979,8078,3005],{"class":2985},[2965,8080,8081],{},[3026,8082,8083],{},"Для множинного вибору:",[2969,8085,8087],{"className":3040,"code":8086,"language":3042,"meta":2974,"style":2974},"public class ContactsViewModel\n{\n    public ObservableCollection\u003CPerson> People { get; set; }\n    \n    // Для Multiple/Extended режиму\n    public ObservableCollection\u003CPerson> SelectedPeople { get; set; }\n}\n",[2976,8088,8089,8098,8102,8126,8130,8135,8160],{"__ignoreMap":2974},[2979,8090,8091,8093,8095],{"class":2981,"line":2982},[2979,8092,3050],{"class":3049},[2979,8094,3053],{"class":3049},[2979,8096,8097],{"class":3056}," ContactsViewModel\n",[2979,8099,8100],{"class":2981,"line":3008},[2979,8101,3062],{"class":2997},[2979,8103,8104,8106,8108,8110,8112,8114,8116,8118,8120,8122,8124],{"class":2981,"line":3065},[2979,8105,3068],{"class":3049},[2979,8107,4646],{"class":3056},[2979,8109,2986],{"class":2997},[2979,8111,3076],{"class":3056},[2979,8113,3079],{"class":2997},[2979,8115,3083],{"class":3082},[2979,8117,3086],{"class":2997},[2979,8119,3089],{"class":3049},[2979,8121,3092],{"class":2997},[2979,8123,3095],{"class":3049},[2979,8125,3098],{"class":2997},[2979,8127,8128],{"class":2981,"line":3101},[2979,8129,3104],{"class":2997},[2979,8131,8132],{"class":2981,"line":3107},[2979,8133,8134],{"class":3291},"    // Для Multiple/Extended режиму\n",[2979,8136,8137,8139,8141,8143,8145,8147,8150,8152,8154,8156,8158],{"class":2981,"line":3119},[2979,8138,3068],{"class":3049},[2979,8140,4646],{"class":3056},[2979,8142,2986],{"class":2997},[2979,8144,3076],{"class":3056},[2979,8146,3079],{"class":2997},[2979,8148,8149],{"class":3082},"SelectedPeople",[2979,8151,3086],{"class":2997},[2979,8153,3089],{"class":3049},[2979,8155,3092],{"class":2997},[2979,8157,3095],{"class":3049},[2979,8159,3098],{"class":2997},[2979,8161,8162],{"class":2981,"line":3125},[2979,8163,3303],{"class":2997},[2969,8165,8167],{"className":2971,"code":8166,"language":2973,"meta":2974,"style":2974},"\u003CListBox ItemsSource=\"{Binding People}\" \n         SelectionMode=\"Multiple\"\n         SelectedItems=\"{Binding SelectedPeople}\"/>\n",[2976,8168,8169,8183,8193],{"__ignoreMap":2974},[2979,8170,8171,8173,8175,8177,8179,8181],{"class":2981,"line":2982},[2979,8172,2986],{"class":2985},[2979,8174,3315],{"class":2989},[2979,8176,3318],{"class":2993},[2979,8178,2998],{"class":2997},[2979,8180,3323],{"class":3001},[2979,8182,3995],{"class":2997},[2979,8184,8185,8188,8190],{"class":2981,"line":3008},[2979,8186,8187],{"class":2993},"         SelectionMode",[2979,8189,2998],{"class":2997},[2979,8191,8192],{"class":3001},"\"Multiple\"\n",[2979,8194,8195,8198,8200,8203],{"class":2981,"line":3065},[2979,8196,8197],{"class":2993},"         SelectedItems",[2979,8199,2998],{"class":2997},[2979,8201,8202],{"class":3001},"\"{Binding SelectedPeople}\"",[2979,8204,3005],{"class":2985},[8206,8207,8208,3344,8211,8214],"warning",{},[3026,8209,8210],{},"Увага:",[2976,8212,8213],{},"SelectedItems"," — це не DependencyProperty, тому прив'язка працює тільки в один бік (UI → ViewModel). Для повноцінного TwoWay binding потрібні додаткові техніки (Attached Behaviors).",[3374,8216],{},[2960,8218,8220],{"id":8219},"практичні-завдання","Практичні завдання",[3391,8222,8224,8225],{"id":8223},"рівень-1-listbox-з-observablecollection-кнопка-додати","Рівень 1: ListBox з ObservableCollection",[3525,8226,8227],{}," + кнопка \"Додати\"",[2965,8229,8230,8233,8234,8236],{},[3026,8231,8232],{},"Мета:"," Навчитися використовувати ",[2976,8235,3347],{}," для простих типів.",[2965,8238,8239],{},[3026,8240,8241],{},"Завдання:",[2965,8243,8244],{},"Створіть додаток \"Список завдань\" (спрощена версія):",[2965,8246,8247],{},[3026,8248,8249],{},"Вимоги:",[4982,8251,8252,8258,8263,8269,8275],{},[4985,8253,8254,8257],{},[2976,8255,8256],{},"ObservableCollection\u003Cstring>"," для зберігання завдань",[4985,8259,8260,8262],{},[2976,8261,3315],{}," для відображення завдань",[4985,8264,8265,8268],{},[2976,8266,8267],{},"TextBox"," для введення нового завдання",[4985,8270,8271,8272,8274],{},"Кнопка \"Додати\" — додає текст з ",[2976,8273,8267],{}," у колекцію",[4985,8276,8277],{},"Кнопка \"Видалити\" — видаляє вибране завдання",[2965,8279,8280],{},[3026,8281,8282],{},"Критерії успіху:",[5793,8284,8285,8288,8291,8296],{},[4985,8286,8287],{},"При додаванні — завдання з'являється у списку автоматично",[4985,8289,8290],{},"При видаленні — завдання зникає зі списку автоматично",[4985,8292,8293,8295],{},[2976,8294,8267],{}," очищається після додавання",[4985,8297,8298],{},"Кнопка \"Видалити\" активна тільки коли щось вибрано",[2965,8300,8301],{},[3026,8302,8303],{},"Підказка:",[2969,8305,8307],{"className":3040,"code":8306,"language":3042,"meta":2974,"style":2974},"public class TodoViewModel : INotifyPropertyChanged\n{\n    public ObservableCollection\u003Cstring> Tasks { get; set; }\n    \n    private string _newTask;\n    public string NewTask\n    {\n        get => _newTask;\n        set\n        {\n            _newTask = value;\n            OnPropertyChanged();\n        }\n    }\n    \n    private string _selectedTask;\n    public string SelectedTask\n    {\n        get => _selectedTask;\n        set\n        {\n            _selectedTask = value;\n            OnPropertyChanged();\n        }\n    }\n    \n    public TodoViewModel()\n    {\n        Tasks = new ObservableCollection\u003Cstring>\n        {\n            \"Купити молоко\",\n            \"Зробити домашнє завдання\"\n        };\n    }\n}\n",[2976,8308,8309,8322,8326,8351,8355,8367,8376,8380,8391,8395,8399,8410,8416,8420,8424,8428,8439,8448,8452,8463,8467,8471,8482,8488,8492,8496,8500,8508,8512,8529,8533,8540,8545,8549,8553],{"__ignoreMap":2974},[2979,8310,8311,8313,8315,8318,8320],{"class":2981,"line":2982},[2979,8312,3050],{"class":3049},[2979,8314,3053],{"class":3049},[2979,8316,8317],{"class":3056}," TodoViewModel",[2979,8319,3477],{"class":2997},[2979,8321,3480],{"class":3056},[2979,8323,8324],{"class":2981,"line":3008},[2979,8325,3062],{"class":2997},[2979,8327,8328,8330,8332,8334,8336,8338,8341,8343,8345,8347,8349],{"class":2981,"line":3065},[2979,8329,3068],{"class":3049},[2979,8331,4646],{"class":3056},[2979,8333,2986],{"class":2997},[2979,8335,3525],{"class":3049},[2979,8337,3079],{"class":2997},[2979,8339,8340],{"class":3082},"Tasks",[2979,8342,3086],{"class":2997},[2979,8344,3089],{"class":3049},[2979,8346,3092],{"class":2997},[2979,8348,3095],{"class":3049},[2979,8350,3098],{"class":2997},[2979,8352,8353],{"class":2981,"line":3101},[2979,8354,3104],{"class":2997},[2979,8356,8357,8359,8362,8365],{"class":2981,"line":3107},[2979,8358,3584],{"class":3049},[2979,8360,8361],{"class":3049}," string",[2979,8363,8364],{"class":3082}," _newTask",[2979,8366,3428],{"class":2997},[2979,8368,8369,8371,8373],{"class":2981,"line":3119},[2979,8370,3068],{"class":3049},[2979,8372,8361],{"class":3049},[2979,8374,8375],{"class":3082}," NewTask\n",[2979,8377,8378],{"class":2981,"line":3125},[2979,8379,3122],{"class":2997},[2979,8381,8382,8384,8386,8389],{"class":2981,"line":3146},[2979,8383,3625],{"class":3049},[2979,8385,3628],{"class":2997},[2979,8387,8388],{"class":3082},"_newTask",[2979,8390,3428],{"class":2997},[2979,8392,8393],{"class":2981,"line":3152},[2979,8394,3637],{"class":3049},[2979,8396,8397],{"class":2981,"line":3186},[2979,8398,3149],{"class":2997},[2979,8400,8401,8404,8406,8408],{"class":2981,"line":3214},[2979,8402,8403],{"class":3082},"            _newTask",[2979,8405,3131],{"class":2997},[2979,8407,3653],{"class":3082},[2979,8409,3428],{"class":2997},[2979,8411,8412,8414],{"class":2981,"line":3220},[2979,8413,3661],{"class":3112},[2979,8415,3664],{"class":2997},[2979,8417,8418],{"class":2981,"line":3226},[2979,8419,3670],{"class":2997},[2979,8421,8422],{"class":2981,"line":3231},[2979,8423,3223],{"class":2997},[2979,8425,8426],{"class":2981,"line":3244},[2979,8427,3104],{"class":2997},[2979,8429,8430,8432,8434,8437],{"class":2981,"line":3249},[2979,8431,3584],{"class":3049},[2979,8433,8361],{"class":3049},[2979,8435,8436],{"class":3082}," _selectedTask",[2979,8438,3428],{"class":2997},[2979,8440,8441,8443,8445],{"class":2981,"line":3288},[2979,8442,3068],{"class":3049},[2979,8444,8361],{"class":3049},[2979,8446,8447],{"class":3082}," SelectedTask\n",[2979,8449,8450],{"class":2981,"line":3295},[2979,8451,3122],{"class":2997},[2979,8453,8454,8456,8458,8461],{"class":2981,"line":3300},[2979,8455,3625],{"class":3049},[2979,8457,3628],{"class":2997},[2979,8459,8460],{"class":3082},"_selectedTask",[2979,8462,3428],{"class":2997},[2979,8464,8465],{"class":2981,"line":3640},[2979,8466,3637],{"class":3049},[2979,8468,8469],{"class":2981,"line":3645},[2979,8470,3149],{"class":2997},[2979,8472,8473,8476,8478,8480],{"class":2981,"line":3658},[2979,8474,8475],{"class":3082},"            _selectedTask",[2979,8477,3131],{"class":2997},[2979,8479,3653],{"class":3082},[2979,8481,3428],{"class":2997},[2979,8483,8484,8486],{"class":2981,"line":3667},[2979,8485,3661],{"class":3112},[2979,8487,3664],{"class":2997},[2979,8489,8490],{"class":2981,"line":3673},[2979,8491,3670],{"class":2997},[2979,8493,8494],{"class":2981,"line":3678},[2979,8495,3223],{"class":2997},[2979,8497,8498],{"class":2981,"line":3683},[2979,8499,3104],{"class":2997},[2979,8501,8502,8504,8506],{"class":2981,"line":3692},[2979,8503,3068],{"class":3049},[2979,8505,8317],{"class":3112},[2979,8507,3116],{"class":2997},[2979,8509,8510],{"class":2981,"line":3697},[2979,8511,3122],{"class":2997},[2979,8513,8514,8517,8519,8521,8523,8525,8527],{"class":2981,"line":3714},[2979,8515,8516],{"class":3082},"        Tasks",[2979,8518,3131],{"class":2997},[2979,8520,3134],{"class":3049},[2979,8522,4646],{"class":3056},[2979,8524,2986],{"class":2997},[2979,8526,3525],{"class":3049},[2979,8528,3143],{"class":2997},[2979,8530,8531],{"class":2981,"line":3719},[2979,8532,3149],{"class":2997},[2979,8534,8535,8538],{"class":2981,"line":3744},[2979,8536,8537],{"class":3168},"            \"Купити молоко\"",[2979,8539,4546],{"class":2997},[2979,8541,8542],{"class":2981,"line":3769},[2979,8543,8544],{"class":3168},"            \"Зробити домашнє завдання\"\n",[2979,8546,8547],{"class":2981,"line":3774},[2979,8548,3217],{"class":2997},[2979,8550,8551],{"class":2981,"line":3779},[2979,8552,3223],{"class":2997},[2979,8554,8556],{"class":2981,"line":8555},35,[2979,8557,3303],{"class":2997},[2969,8559,8561],{"className":2971,"code":8560,"language":2973,"meta":2974,"style":2974},"\u003CStackPanel Margin=\"20\">\n    \u003CTextBox Text=\"{Binding NewTask, UpdateSourceTrigger=PropertyChanged}\"/>\n    \u003CButton Content=\"Додати\" Click=\"Add_Click\" Margin=\"0,5,0,0\"/>\n    \n    \u003CListBox ItemsSource=\"{Binding Tasks}\" \n             SelectedItem=\"{Binding SelectedTask}\"\n             Height=\"200\" \n             Margin=\"0,10,0,0\"/>\n    \n    \u003CButton Content=\"Видалити\" \n            Click=\"Remove_Click\" \n            IsEnabled=\"{Binding SelectedTask, Converter={local:NullToBoolConverter}}\"\n            Margin=\"0,5,0,0\"/>\n\u003C/StackPanel>\n",[2976,8562,8563,8577,8592,8621,8625,8640,8649,8660,8671,8675,8690,8702,8712,8722],{"__ignoreMap":2974},[2979,8564,8565,8567,8569,8571,8573,8575],{"class":2981,"line":2982},[2979,8566,2986],{"class":2985},[2979,8568,3826],{"class":2989},[2979,8570,3829],{"class":2993},[2979,8572,2998],{"class":2997},[2979,8574,3834],{"class":3001},[2979,8576,3143],{"class":2985},[2979,8578,8579,8581,8583,8585,8587,8590],{"class":2981,"line":3008},[2979,8580,3823],{"class":2985},[2979,8582,8267],{"class":2989},[2979,8584,2994],{"class":2993},[2979,8586,2998],{"class":2997},[2979,8588,8589],{"class":3001},"\"{Binding NewTask, UpdateSourceTrigger=PropertyChanged}\"",[2979,8591,3005],{"class":2985},[2979,8593,8594,8596,8598,8600,8602,8605,8607,8609,8612,8614,8616,8619],{"class":2981,"line":3065},[2979,8595,3823],{"class":2985},[2979,8597,3866],{"class":2989},[2979,8599,3869],{"class":2993},[2979,8601,2998],{"class":2997},[2979,8603,8604],{"class":3001},"\"Додати\"",[2979,8606,3877],{"class":2993},[2979,8608,2998],{"class":2997},[2979,8610,8611],{"class":3001},"\"Add_Click\"",[2979,8613,3829],{"class":2993},[2979,8615,2998],{"class":2997},[2979,8617,8618],{"class":3001},"\"0,5,0,0\"",[2979,8620,3005],{"class":2985},[2979,8622,8623],{"class":2981,"line":3101},[2979,8624,3104],{"class":2997},[2979,8626,8627,8629,8631,8633,8635,8638],{"class":2981,"line":3107},[2979,8628,3823],{"class":2985},[2979,8630,3315],{"class":2989},[2979,8632,3318],{"class":2993},[2979,8634,2998],{"class":2997},[2979,8636,8637],{"class":3001},"\"{Binding Tasks}\"",[2979,8639,3995],{"class":2997},[2979,8641,8642,8644,8646],{"class":2981,"line":3119},[2979,8643,7330],{"class":2993},[2979,8645,2998],{"class":2997},[2979,8647,8648],{"class":3001},"\"{Binding SelectedTask}\"\n",[2979,8650,8651,8654,8656,8658],{"class":2981,"line":3125},[2979,8652,8653],{"class":2993},"             Height",[2979,8655,2998],{"class":2997},[2979,8657,3857],{"class":3001},[2979,8659,3995],{"class":2997},[2979,8661,8662,8665,8667,8669],{"class":2981,"line":3146},[2979,8663,8664],{"class":2993},"             Margin",[2979,8666,2998],{"class":2997},[2979,8668,3889],{"class":3001},[2979,8670,3005],{"class":2985},[2979,8672,8673],{"class":2981,"line":3152},[2979,8674,3104],{"class":2997},[2979,8676,8677,8679,8681,8683,8685,8688],{"class":2981,"line":3186},[2979,8678,3823],{"class":2985},[2979,8680,3866],{"class":2989},[2979,8682,3869],{"class":2993},[2979,8684,2998],{"class":2997},[2979,8686,8687],{"class":3001},"\"Видалити\"",[2979,8689,3995],{"class":2997},[2979,8691,8692,8695,8697,8700],{"class":2981,"line":3214},[2979,8693,8694],{"class":2993},"            Click",[2979,8696,2998],{"class":2997},[2979,8698,8699],{"class":3001},"\"Remove_Click\"",[2979,8701,3995],{"class":2997},[2979,8703,8704,8707,8709],{"class":2981,"line":3220},[2979,8705,8706],{"class":2993},"            IsEnabled",[2979,8708,2998],{"class":2997},[2979,8710,8711],{"class":3001},"\"{Binding SelectedTask, Converter={local:NullToBoolConverter}}\"\n",[2979,8713,8714,8716,8718,8720],{"class":2981,"line":3226},[2979,8715,7389],{"class":2993},[2979,8717,2998],{"class":2997},[2979,8719,8618],{"class":3001},[2979,8721,3005],{"class":2985},[2979,8723,8724,8726,8728],{"class":2981,"line":3231},[2979,8725,3905],{"class":2985},[2979,8727,3826],{"class":2989},[2979,8729,3143],{"class":2985},[3374,8731],{},[3391,8733,8735],{"id":8734},"рівень-2-список-контактів-з-datatemplate-addremove","Рівень 2: Список контактів з DataTemplate, Add/Remove",[2965,8737,8738,8740],{},[3026,8739,8232],{}," Створити повноцінний список контактів з красивим UI.",[2965,8742,8743],{},[3026,8744,8241],{},[2965,8746,8747],{},"Створіть додаток \"Контакти\" з:",[2965,8749,8750],{},[3026,8751,8752],{},"Модель Contact:",[2969,8754,8756],{"className":3040,"code":8755,"language":3042,"meta":2974,"style":2974},"public class Contact : INotifyPropertyChanged\n{\n    private string _firstName;\n    private string _lastName;\n    private string _phone;\n    private string _email;\n    \n    public string FirstName\n    {\n        get => _firstName;\n        set\n        {\n            _firstName = value;\n            OnPropertyChanged();\n            OnPropertyChanged(nameof(FullName));\n        }\n    }\n    \n    public string LastName\n    {\n        get => _lastName;\n        set\n        {\n            _lastName = value;\n            OnPropertyChanged();\n            OnPropertyChanged(nameof(FullName));\n        }\n    }\n    \n    public string Phone\n    {\n        get => _phone;\n        set\n        {\n            _phone = value;\n            OnPropertyChanged();\n        }\n    }\n    \n    public string Email\n    {\n        get => _email;\n        set\n        {\n            _email = value;\n            OnPropertyChanged();\n        }\n    }\n    \n    public string FullName => $\"{FirstName} {LastName}\";\n    \n    // ... INotifyPropertyChanged implementation\n}\n",[2976,8757,8758,8771,8775,8786,8797,8808,8819,8823,8832,8836,8847,8851,8855,8866,8872,8887,8891,8895,8899,8908,8912,8923,8927,8931,8942,8948,8962,8966,8970,8974,8983,8987,8998,9002,9006,9017,9024,9029,9034,9039,9049,9054,9066,9071,9076,9088,9095,9100,9105,9110,9146,9151,9156],{"__ignoreMap":2974},[2979,8759,8760,8762,8764,8767,8769],{"class":2981,"line":2982},[2979,8761,3050],{"class":3049},[2979,8763,3053],{"class":3049},[2979,8765,8766],{"class":3056}," Contact",[2979,8768,3477],{"class":2997},[2979,8770,3480],{"class":3056},[2979,8772,8773],{"class":2981,"line":3008},[2979,8774,3062],{"class":2997},[2979,8776,8777,8779,8781,8784],{"class":2981,"line":3065},[2979,8778,3584],{"class":3049},[2979,8780,8361],{"class":3049},[2979,8782,8783],{"class":3082}," _firstName",[2979,8785,3428],{"class":2997},[2979,8787,8788,8790,8792,8795],{"class":2981,"line":3101},[2979,8789,3584],{"class":3049},[2979,8791,8361],{"class":3049},[2979,8793,8794],{"class":3082}," _lastName",[2979,8796,3428],{"class":2997},[2979,8798,8799,8801,8803,8806],{"class":2981,"line":3107},[2979,8800,3584],{"class":3049},[2979,8802,8361],{"class":3049},[2979,8804,8805],{"class":3082}," _phone",[2979,8807,3428],{"class":2997},[2979,8809,8810,8812,8814,8817],{"class":2981,"line":3119},[2979,8811,3584],{"class":3049},[2979,8813,8361],{"class":3049},[2979,8815,8816],{"class":3082}," _email",[2979,8818,3428],{"class":2997},[2979,8820,8821],{"class":2981,"line":3125},[2979,8822,3104],{"class":2997},[2979,8824,8825,8827,8829],{"class":2981,"line":3146},[2979,8826,3068],{"class":3049},[2979,8828,8361],{"class":3049},[2979,8830,8831],{"class":3082}," FirstName\n",[2979,8833,8834],{"class":2981,"line":3152},[2979,8835,3122],{"class":2997},[2979,8837,8838,8840,8842,8845],{"class":2981,"line":3186},[2979,8839,3625],{"class":3049},[2979,8841,3628],{"class":2997},[2979,8843,8844],{"class":3082},"_firstName",[2979,8846,3428],{"class":2997},[2979,8848,8849],{"class":2981,"line":3214},[2979,8850,3637],{"class":3049},[2979,8852,8853],{"class":2981,"line":3220},[2979,8854,3149],{"class":2997},[2979,8856,8857,8860,8862,8864],{"class":2981,"line":3226},[2979,8858,8859],{"class":3082},"            _firstName",[2979,8861,3131],{"class":2997},[2979,8863,3653],{"class":3082},[2979,8865,3428],{"class":2997},[2979,8867,8868,8870],{"class":2981,"line":3231},[2979,8869,3661],{"class":3112},[2979,8871,3664],{"class":2997},[2979,8873,8874,8876,8878,8880,8882,8885],{"class":2981,"line":3244},[2979,8875,3661],{"class":3112},[2979,8877,3260],{"class":2997},[2979,8879,4245],{"class":3049},[2979,8881,3260],{"class":2997},[2979,8883,8884],{"class":3082},"FullName",[2979,8886,3571],{"class":2997},[2979,8888,8889],{"class":2981,"line":3249},[2979,8890,3670],{"class":2997},[2979,8892,8893],{"class":2981,"line":3288},[2979,8894,3223],{"class":2997},[2979,8896,8897],{"class":2981,"line":3295},[2979,8898,3104],{"class":2997},[2979,8900,8901,8903,8905],{"class":2981,"line":3300},[2979,8902,3068],{"class":3049},[2979,8904,8361],{"class":3049},[2979,8906,8907],{"class":3082}," LastName\n",[2979,8909,8910],{"class":2981,"line":3640},[2979,8911,3122],{"class":2997},[2979,8913,8914,8916,8918,8921],{"class":2981,"line":3645},[2979,8915,3625],{"class":3049},[2979,8917,3628],{"class":2997},[2979,8919,8920],{"class":3082},"_lastName",[2979,8922,3428],{"class":2997},[2979,8924,8925],{"class":2981,"line":3658},[2979,8926,3637],{"class":3049},[2979,8928,8929],{"class":2981,"line":3667},[2979,8930,3149],{"class":2997},[2979,8932,8933,8936,8938,8940],{"class":2981,"line":3673},[2979,8934,8935],{"class":3082},"            _lastName",[2979,8937,3131],{"class":2997},[2979,8939,3653],{"class":3082},[2979,8941,3428],{"class":2997},[2979,8943,8944,8946],{"class":2981,"line":3678},[2979,8945,3661],{"class":3112},[2979,8947,3664],{"class":2997},[2979,8949,8950,8952,8954,8956,8958,8960],{"class":2981,"line":3683},[2979,8951,3661],{"class":3112},[2979,8953,3260],{"class":2997},[2979,8955,4245],{"class":3049},[2979,8957,3260],{"class":2997},[2979,8959,8884],{"class":3082},[2979,8961,3571],{"class":2997},[2979,8963,8964],{"class":2981,"line":3692},[2979,8965,3670],{"class":2997},[2979,8967,8968],{"class":2981,"line":3697},[2979,8969,3223],{"class":2997},[2979,8971,8972],{"class":2981,"line":3714},[2979,8973,3104],{"class":2997},[2979,8975,8976,8978,8980],{"class":2981,"line":3719},[2979,8977,3068],{"class":3049},[2979,8979,8361],{"class":3049},[2979,8981,8982],{"class":3082}," Phone\n",[2979,8984,8985],{"class":2981,"line":3744},[2979,8986,3122],{"class":2997},[2979,8988,8989,8991,8993,8996],{"class":2981,"line":3769},[2979,8990,3625],{"class":3049},[2979,8992,3628],{"class":2997},[2979,8994,8995],{"class":3082},"_phone",[2979,8997,3428],{"class":2997},[2979,8999,9000],{"class":2981,"line":3774},[2979,9001,3637],{"class":3049},[2979,9003,9004],{"class":2981,"line":3779},[2979,9005,3149],{"class":2997},[2979,9007,9008,9011,9013,9015],{"class":2981,"line":8555},[2979,9009,9010],{"class":3082},"            _phone",[2979,9012,3131],{"class":2997},[2979,9014,3653],{"class":3082},[2979,9016,3428],{"class":2997},[2979,9018,9020,9022],{"class":2981,"line":9019},36,[2979,9021,3661],{"class":3112},[2979,9023,3664],{"class":2997},[2979,9025,9027],{"class":2981,"line":9026},37,[2979,9028,3670],{"class":2997},[2979,9030,9032],{"class":2981,"line":9031},38,[2979,9033,3223],{"class":2997},[2979,9035,9037],{"class":2981,"line":9036},39,[2979,9038,3104],{"class":2997},[2979,9040,9042,9044,9046],{"class":2981,"line":9041},40,[2979,9043,3068],{"class":3049},[2979,9045,8361],{"class":3049},[2979,9047,9048],{"class":3082}," Email\n",[2979,9050,9052],{"class":2981,"line":9051},41,[2979,9053,3122],{"class":2997},[2979,9055,9057,9059,9061,9064],{"class":2981,"line":9056},42,[2979,9058,3625],{"class":3049},[2979,9060,3628],{"class":2997},[2979,9062,9063],{"class":3082},"_email",[2979,9065,3428],{"class":2997},[2979,9067,9069],{"class":2981,"line":9068},43,[2979,9070,3637],{"class":3049},[2979,9072,9074],{"class":2981,"line":9073},44,[2979,9075,3149],{"class":2997},[2979,9077,9079,9082,9084,9086],{"class":2981,"line":9078},45,[2979,9080,9081],{"class":3082},"            _email",[2979,9083,3131],{"class":2997},[2979,9085,3653],{"class":3082},[2979,9087,3428],{"class":2997},[2979,9089,9091,9093],{"class":2981,"line":9090},46,[2979,9092,3661],{"class":3112},[2979,9094,3664],{"class":2997},[2979,9096,9098],{"class":2981,"line":9097},47,[2979,9099,3670],{"class":2997},[2979,9101,9103],{"class":2981,"line":9102},48,[2979,9104,3223],{"class":2997},[2979,9106,9108],{"class":2981,"line":9107},49,[2979,9109,3104],{"class":2997},[2979,9111,9113,9115,9117,9120,9122,9125,9129,9131,9134,9137,9139,9141,9144],{"class":2981,"line":9112},50,[2979,9114,3068],{"class":3049},[2979,9116,8361],{"class":3049},[2979,9118,9119],{"class":3082}," FullName",[2979,9121,3628],{"class":2997},[2979,9123,9124],{"class":3168},"$\"",[2979,9126,9128],{"class":9127},"sD7JJ","{",[2979,9130,3163],{"class":3082},[2979,9132,9133],{"class":9127},"}",[2979,9135,9136],{"class":9127}," {",[2979,9138,3175],{"class":3082},[2979,9140,9133],{"class":9127},[2979,9142,9143],{"class":3168},"\"",[2979,9145,3428],{"class":2997},[2979,9147,9149],{"class":2981,"line":9148},51,[2979,9150,3104],{"class":2997},[2979,9152,9154],{"class":2981,"line":9153},52,[2979,9155,7218],{"class":3291},[2979,9157,9159],{"class":2981,"line":9158},53,[2979,9160,3303],{"class":2997},[2965,9162,9163],{},[3026,9164,9165],{},"Вимоги до UI:",[4982,9167,9168,9186,9189,9192],{},[4985,9169,9170,6561,9172,9174,9175],{},[2976,9171,3315],{},[2976,9173,5901],{}," для кожного контакту:\n",[5793,9176,9177,9180,9183],{},[4985,9178,9179],{},"Круглий аватар (Ellipse) з ініціалами",[4985,9181,9182],{},"Повне ім'я жирним шрифтом",[4985,9184,9185],{},"Телефон та email меншим шрифтом",[4985,9187,9188],{},"Форма додавання контакту (4 TextBox + кнопка \"Додати\")",[4985,9190,9191],{},"Кнопка \"Видалити\" для вибраного контакту",[4985,9193,9194],{},"Кнопка \"Редагувати\" — заповнює форму даними вибраного контакту",[2965,9196,9197],{},[3026,9198,8282],{},[5793,9200,9201,9204,9207,9210,9213],{},[4985,9202,9203],{},"Список відображається з красивим DataTemplate",[4985,9205,9206],{},"Додавання працює (новий контакт з'являється)",[4985,9208,9209],{},"Видалення працює (контакт зникає)",[4985,9211,9212],{},"Редагування працює (дані заповнюються у форму)",[4985,9214,9215],{},"Валідація: всі поля обов'язкові",[2965,9217,9218],{},[3026,9219,9220],{},"Підказка для DataTemplate:",[2969,9222,9224],{"className":2971,"code":9223,"language":2973,"meta":2974,"style":2974},"\u003CDataTemplate DataType=\"{x:Type local:Contact}\">\n    \u003CBorder Background=\"White\" \n            BorderBrush=\"#E0E0E0\" \n            BorderThickness=\"0,0,0,1\" \n            Padding=\"10\">\n        \u003CGrid>\n            \u003CGrid.ColumnDefinitions>\n                \u003CColumnDefinition Width=\"Auto\"/>\n                \u003CColumnDefinition Width=\"*\"/>\n            \u003C/Grid.ColumnDefinitions>\n            \n            \u003C!-- Аватар з ініціалами -->\n            \u003CBorder Width=\"50\" \n                    Height=\"50\" \n                    Background=\"#4CAF50\" \n                    CornerRadius=\"25\" \n                    Grid.Column=\"0\" \n                    Margin=\"0,0,10,0\">\n                \u003CTextBlock Text=\"{Binding Initials}\" \n                           Foreground=\"White\" \n                           FontSize=\"18\" \n                           FontWeight=\"Bold\"\n                           HorizontalAlignment=\"Center\" \n                           VerticalAlignment=\"Center\"/>\n            \u003C/Border>\n            \n            \u003C!-- Інформація -->\n            \u003CStackPanel Grid.Column=\"1\" VerticalAlignment=\"Center\">\n                \u003CTextBlock Text=\"{Binding FullName}\" \n                           FontWeight=\"Bold\" \n                           FontSize=\"14\"/>\n                \u003CTextBlock Text=\"{Binding Phone}\" \n                           FontSize=\"12\" \n                           Foreground=\"Gray\"/>\n                \u003CTextBlock Text=\"{Binding Email}\" \n                           FontSize=\"12\" \n                           Foreground=\"Gray\"/>\n            \u003C/StackPanel>\n        \u003C/Grid>\n    \u003C/Border>\n\u003C/DataTemplate>\n",[2976,9225,9226,9241,9256,9268,9280,9290,9298,9306,9321,9335,9343,9348,9353,9368,9379,9391,9403,9414,9426,9441,9452,9464,9474,9486,9497,9505,9509,9514,9535,9550,9560,9571,9586,9596,9606,9621,9631,9641,9649,9657,9665],{"__ignoreMap":2974},[2979,9227,9228,9230,9232,9234,9236,9239],{"class":2981,"line":2982},[2979,9229,2986],{"class":2985},[2979,9231,5901],{"class":2989},[2979,9233,6316],{"class":2993},[2979,9235,2998],{"class":2997},[2979,9237,9238],{"class":3001},"\"{x:Type local:Contact}\"",[2979,9240,3143],{"class":2985},[2979,9242,9243,9245,9247,9249,9251,9254],{"class":2981,"line":3008},[2979,9244,3823],{"class":2985},[2979,9246,6330],{"class":2989},[2979,9248,6333],{"class":2993},[2979,9250,2998],{"class":2997},[2979,9252,9253],{"class":3001},"\"White\"",[2979,9255,3995],{"class":2997},[2979,9257,9258,9261,9263,9266],{"class":2981,"line":3065},[2979,9259,9260],{"class":2993},"            BorderBrush",[2979,9262,2998],{"class":2997},[2979,9264,9265],{"class":3001},"\"#E0E0E0\"",[2979,9267,3995],{"class":2997},[2979,9269,9270,9273,9275,9278],{"class":2981,"line":3101},[2979,9271,9272],{"class":2993},"            BorderThickness",[2979,9274,2998],{"class":2997},[2979,9276,9277],{"class":3001},"\"0,0,0,1\"",[2979,9279,3995],{"class":2997},[2979,9281,9282,9284,9286,9288],{"class":2981,"line":3107},[2979,9283,7378],{"class":2993},[2979,9285,2998],{"class":2997},[2979,9287,5543],{"class":3001},[2979,9289,3143],{"class":2985},[2979,9291,9292,9294,9296],{"class":2981,"line":3119},[2979,9293,3841],{"class":2985},[2979,9295,7238],{"class":2989},[2979,9297,3143],{"class":2985},[2979,9299,9300,9302,9304],{"class":2981,"line":3125},[2979,9301,5908],{"class":2985},[2979,9303,7247],{"class":2989},[2979,9305,3143],{"class":2985},[2979,9307,9308,9310,9312,9314,9316,9319],{"class":2981,"line":3146},[2979,9309,6202],{"class":2985},[2979,9311,7256],{"class":2989},[2979,9313,7259],{"class":2993},[2979,9315,2998],{"class":2997},[2979,9317,9318],{"class":3001},"\"Auto\"",[2979,9320,3005],{"class":2985},[2979,9322,9323,9325,9327,9329,9331,9333],{"class":2981,"line":3152},[2979,9324,6202],{"class":2985},[2979,9326,7256],{"class":2989},[2979,9328,7259],{"class":2993},[2979,9330,2998],{"class":2997},[2979,9332,7264],{"class":3001},[2979,9334,3005],{"class":2985},[2979,9336,9337,9339,9341],{"class":2981,"line":3186},[2979,9338,6255],{"class":2985},[2979,9340,7247],{"class":2989},[2979,9342,3143],{"class":2985},[2979,9344,9345],{"class":2981,"line":3214},[2979,9346,9347],{"class":2997},"            \n",[2979,9349,9350],{"class":2981,"line":3220},[2979,9351,9352],{"class":3291},"            \u003C!-- Аватар з ініціалами -->\n",[2979,9354,9355,9357,9359,9361,9363,9366],{"class":2981,"line":3226},[2979,9356,5908],{"class":2985},[2979,9358,6330],{"class":2989},[2979,9360,7259],{"class":2993},[2979,9362,2998],{"class":2997},[2979,9364,9365],{"class":3001},"\"50\"",[2979,9367,3995],{"class":2997},[2979,9369,9370,9373,9375,9377],{"class":2981,"line":3231},[2979,9371,9372],{"class":2993},"                    Height",[2979,9374,2998],{"class":2997},[2979,9376,9365],{"class":3001},[2979,9378,3995],{"class":2997},[2979,9380,9381,9384,9386,9389],{"class":2981,"line":3244},[2979,9382,9383],{"class":2993},"                    Background",[2979,9385,2998],{"class":2997},[2979,9387,9388],{"class":3001},"\"#4CAF50\"",[2979,9390,3995],{"class":2997},[2979,9392,9393,9396,9398,9401],{"class":2981,"line":3249},[2979,9394,9395],{"class":2993},"                    CornerRadius",[2979,9397,2998],{"class":2997},[2979,9399,9400],{"class":3001},"\"25\"",[2979,9402,3995],{"class":2997},[2979,9404,9405,9408,9410,9412],{"class":2981,"line":3288},[2979,9406,9407],{"class":2993},"                    Grid.Column",[2979,9409,2998],{"class":2997},[2979,9411,7312],{"class":3001},[2979,9413,3995],{"class":2997},[2979,9415,9416,9419,9421,9424],{"class":2981,"line":3295},[2979,9417,9418],{"class":2993},"                    Margin",[2979,9420,2998],{"class":2997},[2979,9422,9423],{"class":3001},"\"0,0,10,0\"",[2979,9425,3143],{"class":2985},[2979,9427,9428,9430,9432,9434,9436,9439],{"class":2981,"line":3300},[2979,9429,6202],{"class":2985},[2979,9431,2990],{"class":2989},[2979,9433,2994],{"class":2993},[2979,9435,2998],{"class":2997},[2979,9437,9438],{"class":3001},"\"{Binding Initials}\"",[2979,9440,3995],{"class":2997},[2979,9442,9443,9446,9448,9450],{"class":2981,"line":3640},[2979,9444,9445],{"class":2993},"                           Foreground",[2979,9447,2998],{"class":2997},[2979,9449,9253],{"class":3001},[2979,9451,3995],{"class":2997},[2979,9453,9454,9457,9459,9462],{"class":2981,"line":3645},[2979,9455,9456],{"class":2993},"                           FontSize",[2979,9458,2998],{"class":2997},[2979,9460,9461],{"class":3001},"\"18\"",[2979,9463,3995],{"class":2997},[2979,9465,9466,9469,9471],{"class":2981,"line":3658},[2979,9467,9468],{"class":2993},"                           FontWeight",[2979,9470,2998],{"class":2997},[2979,9472,9473],{"class":3001},"\"Bold\"\n",[2979,9475,9476,9479,9481,9484],{"class":2981,"line":3667},[2979,9477,9478],{"class":2993},"                           HorizontalAlignment",[2979,9480,2998],{"class":2997},[2979,9482,9483],{"class":3001},"\"Center\"",[2979,9485,3995],{"class":2997},[2979,9487,9488,9491,9493,9495],{"class":2981,"line":3673},[2979,9489,9490],{"class":2993},"                           VerticalAlignment",[2979,9492,2998],{"class":2997},[2979,9494,9483],{"class":3001},[2979,9496,3005],{"class":2985},[2979,9498,9499,9501,9503],{"class":2981,"line":3678},[2979,9500,6255],{"class":2985},[2979,9502,6330],{"class":2989},[2979,9504,3143],{"class":2985},[2979,9506,9507],{"class":2981,"line":3683},[2979,9508,9347],{"class":2997},[2979,9510,9511],{"class":2981,"line":3692},[2979,9512,9513],{"class":3291},"            \u003C!-- Інформація -->\n",[2979,9515,9516,9518,9520,9522,9524,9526,9529,9531,9533],{"class":2981,"line":3697},[2979,9517,5908],{"class":2985},[2979,9519,3826],{"class":2989},[2979,9521,7307],{"class":2993},[2979,9523,2998],{"class":2997},[2979,9525,7359],{"class":3001},[2979,9527,9528],{"class":2993}," VerticalAlignment",[2979,9530,2998],{"class":2997},[2979,9532,9483],{"class":3001},[2979,9534,3143],{"class":2985},[2979,9536,9537,9539,9541,9543,9545,9548],{"class":2981,"line":3714},[2979,9538,6202],{"class":2985},[2979,9540,2990],{"class":2989},[2979,9542,2994],{"class":2993},[2979,9544,2998],{"class":2997},[2979,9546,9547],{"class":3001},"\"{Binding FullName}\"",[2979,9549,3995],{"class":2997},[2979,9551,9552,9554,9556,9558],{"class":2981,"line":3719},[2979,9553,9468],{"class":2993},[2979,9555,2998],{"class":2997},[2979,9557,6218],{"class":3001},[2979,9559,3995],{"class":2997},[2979,9561,9562,9564,9566,9569],{"class":2981,"line":3744},[2979,9563,9456],{"class":2993},[2979,9565,2998],{"class":2997},[2979,9567,9568],{"class":3001},"\"14\"",[2979,9570,3005],{"class":2985},[2979,9572,9573,9575,9577,9579,9581,9584],{"class":2981,"line":3769},[2979,9574,6202],{"class":2985},[2979,9576,2990],{"class":2989},[2979,9578,2994],{"class":2993},[2979,9580,2998],{"class":2997},[2979,9582,9583],{"class":3001},"\"{Binding Phone}\"",[2979,9585,3995],{"class":2997},[2979,9587,9588,9590,9592,9594],{"class":2981,"line":3774},[2979,9589,9456],{"class":2993},[2979,9591,2998],{"class":2997},[2979,9593,6403],{"class":3001},[2979,9595,3995],{"class":2997},[2979,9597,9598,9600,9602,9604],{"class":2981,"line":3779},[2979,9599,9445],{"class":2993},[2979,9601,2998],{"class":2997},[2979,9603,5666],{"class":3001},[2979,9605,3005],{"class":2985},[2979,9607,9608,9610,9612,9614,9616,9619],{"class":2981,"line":8555},[2979,9609,6202],{"class":2985},[2979,9611,2990],{"class":2989},[2979,9613,2994],{"class":2993},[2979,9615,2998],{"class":2997},[2979,9617,9618],{"class":3001},"\"{Binding Email}\"",[2979,9620,3995],{"class":2997},[2979,9622,9623,9625,9627,9629],{"class":2981,"line":9019},[2979,9624,9456],{"class":2993},[2979,9626,2998],{"class":2997},[2979,9628,6403],{"class":3001},[2979,9630,3995],{"class":2997},[2979,9632,9633,9635,9637,9639],{"class":2981,"line":9026},[2979,9634,9445],{"class":2993},[2979,9636,2998],{"class":2997},[2979,9638,5666],{"class":3001},[2979,9640,3005],{"class":2985},[2979,9642,9643,9645,9647],{"class":2981,"line":9031},[2979,9644,6255],{"class":2985},[2979,9646,3826],{"class":2989},[2979,9648,3143],{"class":2985},[2979,9650,9651,9653,9655],{"class":2981,"line":9036},[2979,9652,5923],{"class":2985},[2979,9654,7238],{"class":2989},[2979,9656,3143],{"class":2985},[2979,9658,9659,9661,9663],{"class":2981,"line":9041},[2979,9660,3896],{"class":2985},[2979,9662,6330],{"class":2989},[2979,9664,3143],{"class":2985},[2979,9666,9667,9669,9671],{"class":2981,"line":9051},[2979,9668,3905],{"class":2985},[2979,9670,5901],{"class":2989},[2979,9672,3143],{"class":2985},[3374,9674],{},[3391,9676,9678],{"id":9677},"рівень-3-master-detail-з-selecteditem","Рівень 3: Master-Detail з SelectedItem",[2965,9680,9681,9683],{},[3026,9682,8232],{}," Реалізувати Master-Detail pattern для перегляду та редагування деталей.",[2965,9685,9686],{},[3026,9687,8241],{},[2965,9689,9690],{},"Створіть додаток \"Бібліотека книг\" з Master-Detail інтерфейсом:",[2965,9692,9693],{},[3026,9694,9695],{},"Модель Book:",[2969,9697,9699],{"className":3040,"code":9698,"language":3042,"meta":2974,"style":2974},"public class Book : INotifyPropertyChanged\n{\n    public string Title { get; set; }\n    public string Author { get; set; }\n    public int Year { get; set; }\n    public string Genre { get; set; }\n    public string Description { get; set; }\n    public int Pages { get; set; }\n    public string ISBN { get; set; }\n    \n    // ... INotifyPropertyChanged implementation\n}\n",[2976,9700,9701,9714,9718,9737,9756,9776,9795,9814,9833,9852,9856,9860],{"__ignoreMap":2974},[2979,9702,9703,9705,9707,9710,9712],{"class":2981,"line":2982},[2979,9704,3050],{"class":3049},[2979,9706,3053],{"class":3049},[2979,9708,9709],{"class":3056}," Book",[2979,9711,3477],{"class":2997},[2979,9713,3480],{"class":3056},[2979,9715,9716],{"class":2981,"line":3008},[2979,9717,3062],{"class":2997},[2979,9719,9720,9722,9724,9727,9729,9731,9733,9735],{"class":2981,"line":3065},[2979,9721,3068],{"class":3049},[2979,9723,8361],{"class":3049},[2979,9725,9726],{"class":3082}," Title",[2979,9728,3086],{"class":2997},[2979,9730,3089],{"class":3049},[2979,9732,3092],{"class":2997},[2979,9734,3095],{"class":3049},[2979,9736,3098],{"class":2997},[2979,9738,9739,9741,9743,9746,9748,9750,9752,9754],{"class":2981,"line":3101},[2979,9740,3068],{"class":3049},[2979,9742,8361],{"class":3049},[2979,9744,9745],{"class":3082}," Author",[2979,9747,3086],{"class":2997},[2979,9749,3089],{"class":3049},[2979,9751,3092],{"class":2997},[2979,9753,3095],{"class":3049},[2979,9755,3098],{"class":2997},[2979,9757,9758,9760,9763,9766,9768,9770,9772,9774],{"class":2981,"line":3107},[2979,9759,3068],{"class":3049},[2979,9761,9762],{"class":3049}," int",[2979,9764,9765],{"class":3082}," Year",[2979,9767,3086],{"class":2997},[2979,9769,3089],{"class":3049},[2979,9771,3092],{"class":2997},[2979,9773,3095],{"class":3049},[2979,9775,3098],{"class":2997},[2979,9777,9778,9780,9782,9785,9787,9789,9791,9793],{"class":2981,"line":3119},[2979,9779,3068],{"class":3049},[2979,9781,8361],{"class":3049},[2979,9783,9784],{"class":3082}," Genre",[2979,9786,3086],{"class":2997},[2979,9788,3089],{"class":3049},[2979,9790,3092],{"class":2997},[2979,9792,3095],{"class":3049},[2979,9794,3098],{"class":2997},[2979,9796,9797,9799,9801,9804,9806,9808,9810,9812],{"class":2981,"line":3125},[2979,9798,3068],{"class":3049},[2979,9800,8361],{"class":3049},[2979,9802,9803],{"class":3082}," Description",[2979,9805,3086],{"class":2997},[2979,9807,3089],{"class":3049},[2979,9809,3092],{"class":2997},[2979,9811,3095],{"class":3049},[2979,9813,3098],{"class":2997},[2979,9815,9816,9818,9820,9823,9825,9827,9829,9831],{"class":2981,"line":3146},[2979,9817,3068],{"class":3049},[2979,9819,9762],{"class":3049},[2979,9821,9822],{"class":3082}," Pages",[2979,9824,3086],{"class":2997},[2979,9826,3089],{"class":3049},[2979,9828,3092],{"class":2997},[2979,9830,3095],{"class":3049},[2979,9832,3098],{"class":2997},[2979,9834,9835,9837,9839,9842,9844,9846,9848,9850],{"class":2981,"line":3152},[2979,9836,3068],{"class":3049},[2979,9838,8361],{"class":3049},[2979,9840,9841],{"class":3082}," ISBN",[2979,9843,3086],{"class":2997},[2979,9845,3089],{"class":3049},[2979,9847,3092],{"class":2997},[2979,9849,3095],{"class":3049},[2979,9851,3098],{"class":2997},[2979,9853,9854],{"class":2981,"line":3186},[2979,9855,3104],{"class":2997},[2979,9857,9858],{"class":2981,"line":3214},[2979,9859,7218],{"class":3291},[2979,9861,9862],{"class":2981,"line":3220},[2979,9863,3303],{"class":2997},[2965,9865,9866],{},[3026,9867,9165],{},[2965,9869,9870],{},[3026,9871,9872],{},"Ліва частина (Master):",[5793,9874,9875,9880,9883],{},[4985,9876,9877,9879],{},[2976,9878,3315],{}," з книгами (Title + Author)",[4985,9881,9882],{},"Пошук по назві (TextBox з фільтрацією)",[4985,9884,9885],{},"Кнопка \"Додати нову книгу\"",[2965,9887,9888],{},[3026,9889,9890],{},"Права частина (Detail):",[5793,9892,9893,9896,9899,9902,9905],{},[4985,9894,9895],{},"Деталі вибраної книги (всі поля)",[4985,9897,9898],{},"Режим перегляду (тільки читання)",[4985,9900,9901],{},"Кнопка \"Редагувати\" → переключає у режим редагування",[4985,9903,9904],{},"У режимі редагування: TextBox-и для всіх полів + кнопки \"Зберегти\" та \"Скасувати\"",[4985,9906,9907],{},"Кнопка \"Видалити книгу\"",[2965,9909,9910],{},[3026,9911,8282],{},[5793,9913,9914,9917,9920,9923,9926],{},[4985,9915,9916],{},"Master-Detail працює (клік на книгу → деталі справа)",[4985,9918,9919],{},"Режими перегляду/редагування перемикаються",[4985,9921,9922],{},"Зміни зберігаються у колекції",[4985,9924,9925],{},"Пошук фільтрує список (детальніше у Part 2)",[4985,9927,9928],{},"Додавання/видалення працює",[2965,9930,9931],{},[3026,9932,9933],{},"Додатково (складно):",[5793,9935,9936,9939,9942,9945],{},[4985,9937,9938],{},"Додайте підтвердження перед видаленням (MessageBox)",[4985,9940,9941],{},"Додайте валідацію (рік має бути > 1000, ISBN має бути 13 цифр)",[4985,9943,9944],{},"Додайте можливість сортування (по назві, автору, року)",[4985,9946,9947],{},"Додайте статистику (кількість книг, середня кількість сторінок)",[2965,9949,9950],{},[3026,9951,9952],{},"Підказка для Master-Detail layout:",[2969,9954,9956],{"className":2971,"code":9955,"language":2973,"meta":2974,"style":2974},"\u003CGrid>\n    \u003CGrid.ColumnDefinitions>\n        \u003CColumnDefinition Width=\"300\"/>\n        \u003CColumnDefinition Width=\"*\"/>\n    \u003C/Grid.ColumnDefinitions>\n    \n    \u003C!-- Master -->\n    \u003CBorder Grid.Column=\"0\" BorderBrush=\"Gray\" BorderThickness=\"0,0,1,0\">\n        \u003CStackPanel>\n            \u003CTextBox Text=\"{Binding SearchQuery, UpdateSourceTrigger=PropertyChanged}\" \n                     Margin=\"10\"/>\n            \u003CListBox ItemsSource=\"{Binding FilteredBooks}\" \n                     SelectedItem=\"{Binding SelectedBook}\"/>\n            \u003CButton Content=\"Додати книгу\" Click=\"AddBook_Click\" Margin=\"10\"/>\n        \u003C/StackPanel>\n    \u003C/Border>\n    \n    \u003C!-- Detail -->\n    \u003CBorder Grid.Column=\"1\" Padding=\"20\">\n        \u003CStackPanel>\n            \u003CTextBlock Text=\"{Binding SelectedBook.Title}\" \n                       FontSize=\"24\" \n                       FontWeight=\"Bold\"/>\n            \u003CTextBlock Text=\"{Binding SelectedBook.Author}\" \n                       FontSize=\"18\" \n                       Foreground=\"Gray\"/>\n            \u003C!-- Інші поля -->\n        \u003C/StackPanel>\n    \u003C/Border>\n\u003C/Grid>\n",[2976,9957,9958,9966,9974,9989,10003,10011,10015,10020,10049,10057,10072,10083,10098,10110,10138,10146,10154,10158,10163,10183,10191,10206,10218,10229,10244,10254,10265,10270,10278,10286],{"__ignoreMap":2974},[2979,9959,9960,9962,9964],{"class":2981,"line":2982},[2979,9961,2986],{"class":2985},[2979,9963,7238],{"class":2989},[2979,9965,3143],{"class":2985},[2979,9967,9968,9970,9972],{"class":2981,"line":3008},[2979,9969,3823],{"class":2985},[2979,9971,7247],{"class":2989},[2979,9973,3143],{"class":2985},[2979,9975,9976,9978,9980,9982,9984,9987],{"class":2981,"line":3065},[2979,9977,3841],{"class":2985},[2979,9979,7256],{"class":2989},[2979,9981,7259],{"class":2993},[2979,9983,2998],{"class":2997},[2979,9985,9986],{"class":3001},"\"300\"",[2979,9988,3005],{"class":2985},[2979,9990,9991,9993,9995,9997,9999,10001],{"class":2981,"line":3101},[2979,9992,3841],{"class":2985},[2979,9994,7256],{"class":2989},[2979,9996,7259],{"class":2993},[2979,9998,2998],{"class":2997},[2979,10000,7264],{"class":3001},[2979,10002,3005],{"class":2985},[2979,10004,10005,10007,10009],{"class":2981,"line":3107},[2979,10006,3896],{"class":2985},[2979,10008,7247],{"class":2989},[2979,10010,3143],{"class":2985},[2979,10012,10013],{"class":2981,"line":3119},[2979,10014,3104],{"class":2997},[2979,10016,10017],{"class":2981,"line":3125},[2979,10018,10019],{"class":3291},"    \u003C!-- Master -->\n",[2979,10021,10022,10024,10026,10028,10030,10032,10035,10037,10039,10042,10044,10047],{"class":2981,"line":3146},[2979,10023,3823],{"class":2985},[2979,10025,6330],{"class":2989},[2979,10027,7307],{"class":2993},[2979,10029,2998],{"class":2997},[2979,10031,7312],{"class":3001},[2979,10033,10034],{"class":2993}," BorderBrush",[2979,10036,2998],{"class":2997},[2979,10038,5666],{"class":3001},[2979,10040,10041],{"class":2993}," BorderThickness",[2979,10043,2998],{"class":2997},[2979,10045,10046],{"class":3001},"\"0,0,1,0\"",[2979,10048,3143],{"class":2985},[2979,10050,10051,10053,10055],{"class":2981,"line":3152},[2979,10052,3841],{"class":2985},[2979,10054,3826],{"class":2989},[2979,10056,3143],{"class":2985},[2979,10058,10059,10061,10063,10065,10067,10070],{"class":2981,"line":3186},[2979,10060,5908],{"class":2985},[2979,10062,8267],{"class":2989},[2979,10064,2994],{"class":2993},[2979,10066,2998],{"class":2997},[2979,10068,10069],{"class":3001},"\"{Binding SearchQuery, UpdateSourceTrigger=PropertyChanged}\"",[2979,10071,3995],{"class":2997},[2979,10073,10074,10077,10079,10081],{"class":2981,"line":3214},[2979,10075,10076],{"class":2993},"                     Margin",[2979,10078,2998],{"class":2997},[2979,10080,5543],{"class":3001},[2979,10082,3005],{"class":2985},[2979,10084,10085,10087,10089,10091,10093,10096],{"class":2981,"line":3220},[2979,10086,5908],{"class":2985},[2979,10088,3315],{"class":2989},[2979,10090,3318],{"class":2993},[2979,10092,2998],{"class":2997},[2979,10094,10095],{"class":3001},"\"{Binding FilteredBooks}\"",[2979,10097,3995],{"class":2997},[2979,10099,10100,10103,10105,10108],{"class":2981,"line":3226},[2979,10101,10102],{"class":2993},"                     SelectedItem",[2979,10104,2998],{"class":2997},[2979,10106,10107],{"class":3001},"\"{Binding SelectedBook}\"",[2979,10109,3005],{"class":2985},[2979,10111,10112,10114,10116,10118,10120,10123,10125,10127,10130,10132,10134,10136],{"class":2981,"line":3231},[2979,10113,5908],{"class":2985},[2979,10115,3866],{"class":2989},[2979,10117,3869],{"class":2993},[2979,10119,2998],{"class":2997},[2979,10121,10122],{"class":3001},"\"Додати книгу\"",[2979,10124,3877],{"class":2993},[2979,10126,2998],{"class":2997},[2979,10128,10129],{"class":3001},"\"AddBook_Click\"",[2979,10131,3829],{"class":2993},[2979,10133,2998],{"class":2997},[2979,10135,5543],{"class":3001},[2979,10137,3005],{"class":2985},[2979,10139,10140,10142,10144],{"class":2981,"line":3244},[2979,10141,5923],{"class":2985},[2979,10143,3826],{"class":2989},[2979,10145,3143],{"class":2985},[2979,10147,10148,10150,10152],{"class":2981,"line":3249},[2979,10149,3896],{"class":2985},[2979,10151,6330],{"class":2989},[2979,10153,3143],{"class":2985},[2979,10155,10156],{"class":2981,"line":3288},[2979,10157,3104],{"class":2997},[2979,10159,10160],{"class":2981,"line":3295},[2979,10161,10162],{"class":3291},"    \u003C!-- Detail -->\n",[2979,10164,10165,10167,10169,10171,10173,10175,10177,10179,10181],{"class":2981,"line":3300},[2979,10166,3823],{"class":2985},[2979,10168,6330],{"class":2989},[2979,10170,7307],{"class":2993},[2979,10172,2998],{"class":2997},[2979,10174,7359],{"class":3001},[2979,10176,6341],{"class":2993},[2979,10178,2998],{"class":2997},[2979,10180,3834],{"class":3001},[2979,10182,3143],{"class":2985},[2979,10184,10185,10187,10189],{"class":2981,"line":3640},[2979,10186,3841],{"class":2985},[2979,10188,3826],{"class":2989},[2979,10190,3143],{"class":2985},[2979,10192,10193,10195,10197,10199,10201,10204],{"class":2981,"line":3645},[2979,10194,5908],{"class":2985},[2979,10196,2990],{"class":2989},[2979,10198,2994],{"class":2993},[2979,10200,2998],{"class":2997},[2979,10202,10203],{"class":3001},"\"{Binding SelectedBook.Title}\"",[2979,10205,3995],{"class":2997},[2979,10207,10208,10211,10213,10216],{"class":2981,"line":3658},[2979,10209,10210],{"class":2993},"                       FontSize",[2979,10212,2998],{"class":2997},[2979,10214,10215],{"class":3001},"\"24\"",[2979,10217,3995],{"class":2997},[2979,10219,10220,10223,10225,10227],{"class":2981,"line":3667},[2979,10221,10222],{"class":2993},"                       FontWeight",[2979,10224,2998],{"class":2997},[2979,10226,6218],{"class":3001},[2979,10228,3005],{"class":2985},[2979,10230,10231,10233,10235,10237,10239,10242],{"class":2981,"line":3673},[2979,10232,5908],{"class":2985},[2979,10234,2990],{"class":2989},[2979,10236,2994],{"class":2993},[2979,10238,2998],{"class":2997},[2979,10240,10241],{"class":3001},"\"{Binding SelectedBook.Author}\"",[2979,10243,3995],{"class":2997},[2979,10245,10246,10248,10250,10252],{"class":2981,"line":3678},[2979,10247,10210],{"class":2993},[2979,10249,2998],{"class":2997},[2979,10251,9461],{"class":3001},[2979,10253,3995],{"class":2997},[2979,10255,10256,10259,10261,10263],{"class":2981,"line":3683},[2979,10257,10258],{"class":2993},"                       Foreground",[2979,10260,2998],{"class":2997},[2979,10262,5666],{"class":3001},[2979,10264,3005],{"class":2985},[2979,10266,10267],{"class":2981,"line":3692},[2979,10268,10269],{"class":3291},"            \u003C!-- Інші поля -->\n",[2979,10271,10272,10274,10276],{"class":2981,"line":3697},[2979,10273,5923],{"class":2985},[2979,10275,3826],{"class":2989},[2979,10277,3143],{"class":2985},[2979,10279,10280,10282,10284],{"class":2981,"line":3714},[2979,10281,3896],{"class":2985},[2979,10283,6330],{"class":2989},[2979,10285,3143],{"class":2985},[2979,10287,10288,10290,10292],{"class":2981,"line":3719},[2979,10289,3905],{"class":2985},[2979,10291,7238],{"class":2989},[2979,10293,3143],{"class":2985},[3374,10295],{},[2960,10297,10299],{"id":10298},"підсумок","Підсумок",[2965,10301,10302,10304,10305,3254],{},[2976,10303,4465],{}," — це фундаментальна колекція для Data Binding у WPF. Вона автоматично повідомляє UI про зміни через ",[2976,10306,4473],{},[2965,10308,10309],{},[3026,10310,10311],{},"Ключові висновки:",[4422,10313,10314,10321,10328,10341,10346,10355],{},[4425,10315,10317,10318,10320],{"icon":62,"title":10316},"📦 ObservableCollection\u003CT>","Колекція з автоматичним повідомленням про зміни. Реалізує ",[2976,10319,4473],{}," для сповіщення Binding Engine.",[4425,10322,10324,10325,10327],{"icon":871,"title":10323},"🔔 INotifyCollectionChanged","Інтерфейс з подією ",[2976,10326,4614],{},". Викликається при Add, Remove, Replace, Move, Reset.",[4425,10329,10332,10333,3172,10335,3172,10338,3254],{"icon":10330,"title":10331},"i-lucide-list","📋 ItemsControl","Базовий клас для ListBox, ComboBox, ListView. Властивості: ",[2976,10334,4990],{},[2976,10336,10337],{},"ItemTemplate",[2976,10339,10340],{},"ItemsPanel",[4425,10342,10345],{"icon":10343,"title":10344},"i-lucide-target","🎯 SelectedItem","Прив'язка вибраного елемента до ViewModel. TwoWay binding за замовчуванням. Master-Detail pattern.",[4425,10347,10349,10351,10352,10354],{"icon":4432,"title":10348},"❌ List\u003CT> не працює",[2976,10350,3388],{}," не повідомляє про зміни. Використовуйте ",[2976,10353,4465],{}," для Data Binding.",[4425,10356,10358,10359,3254],{"icon":4441,"title":10357},"✅ Автоматичне оновлення","Додавання/видалення елементів автоматично оновлює UI без ручного виклику ",[2976,10360,10361],{},"OnPropertyChanged",[2965,10363,10364],{},[3026,10365,10366],{},"Коли використовувати ObservableCollection:",[5793,10368,10369,10372,10375,10378],{},[4985,10370,10371],{},"✅ Списки, що змінюються (додавання/видалення елементів)",[4985,10373,10374],{},"✅ ListBox, ComboBox, ListView з динамічними даними",[4985,10376,10377],{},"✅ Master-Detail інтерфейси",[4985,10379,10380],{},"✅ Todo-списки, контакти, повідомлення",[2965,10382,10383],{},[3026,10384,10385],{},"Коли НЕ використовувати ObservableCollection:",[5793,10387,10388,10394,10397],{},[4985,10389,10390,10391,10393],{},"❌ Статичні списки (не змінюються після ініціалізації) — використовуйте ",[2976,10392,3388],{}," або масив",[4985,10395,10396],{},"❌ Величезні колекції (100,000+ елементів) — використовуйте віртуалізацію (Part 2)",[4985,10398,10399,10400,10402],{},"❌ Часті масові операції — використовуйте ",[2976,10401,3388],{}," + ручне оновлення",[4856,10404,10405,10408,10409,10411,10412,10414],{},[3026,10406,10407],{},"Best Practice:"," Завжди ініціалізуйте ",[2976,10410,3347],{}," у конструкторі ViewModel. Не робіть її ",[2976,10413,3533],{}," — це спричинить помилки Binding.",[2965,10416,10417],{},[3026,10418,10419],{},"Що далі?",[5793,10421,10422,10436,10442],{},[4985,10423,10424,10427,10428,10432,10433],{},[3026,10425,10426],{},"Collections Binding Part 2"," (",[3359,10429,10431],{"href":10430},"21.collections-binding-part2","наступна стаття",") — фільтрація, сортування, групування через ",[2976,10434,10435],{},"ICollectionView",[4985,10437,10438,10441],{},[3026,10439,10440],{},"MVVM Pattern"," (Блок 7) — архітектурний патерн для повного розділення UI та логіки",[4985,10443,10444,10447],{},[3026,10445,10446],{},"Commands"," (Блок 7) — замість event handlers у code-behind",[3374,10449],{},[2960,10451,10453],{"id":10452},"словник-термінів","Словник термінів",[3352,10455,10457,10470,10478,10496,10510,10518,10523,10528,10541,10546,10555],{"title":10456},"📚 Глосарій",[2965,10458,10459,10463,10464,10466,10467,10469],{},[3026,10460,3347,10461],{},[3036,10462],{}," — колекція з простору імен ",[2976,10465,4469],{},", що реалізує ",[2976,10468,4473],{}," для автоматичного повідомлення про зміни.",[2965,10471,10472,10474,10475,10477],{},[3026,10473,4473],{}," — інтерфейс з подією ",[2976,10476,4614],{},", що викликається при зміні вмісту колекції (Add, Remove, Replace, Move, Reset).",[2965,10479,10480,10483,10484,10487,10488,3172,10490,3172,10492,3172,10494,3254],{},[3026,10481,10482],{},"CollectionChanged event"," — подія, що повідомляє про зміни у колекції. Параметри: ",[2976,10485,10486],{},"Action"," (тип зміни), ",[2976,10489,6879],{},[2976,10491,6876],{},[2976,10493,6955],{},[2976,10495,6952],{},[2965,10497,10498,10500,10501,3172,10503,3172,10505,3172,10507,3254],{},[3026,10499,5687],{}," — базовий клас для контролів, що відображають колекції. Властивості: ",[2976,10502,4990],{},[2976,10504,10337],{},[2976,10506,10340],{},[2976,10508,10509],{},"DisplayMemberPath",[2965,10511,10512,10514,10515,3254],{},[3026,10513,4990],{}," — властивість для прив'язки колекції до UI-контролу. Приймає ",[2976,10516,10517],{},"IEnumerable",[2965,10519,10520,10522],{},[3026,10521,10337],{}," — DataTemplate для відображення кожного елемента колекції.",[2965,10524,10525,10527],{},[3026,10526,10340],{}," — панель для розташування елементів (StackPanel, WrapPanel, VirtualizingStackPanel).",[2965,10529,10530,10532,10533,3172,10535,3172,10538,3254],{},[3026,10531,7079],{}," — базовий клас для контролів з вибором (ListBox, ComboBox). Властивості: ",[2976,10534,4437],{},[2976,10536,10537],{},"SelectedIndex",[2976,10539,10540],{},"SelectedValue",[2965,10542,10543,10545],{},[3026,10544,4437],{}," — вибраний об'єкт у колекції. TwoWay binding за замовчуванням.",[2965,10547,10548,10550,10551,10554],{},[3026,10549,10537],{}," — індекс вибраного елемента (0-based). ",[2976,10552,10553],{},"-1"," якщо нічого не вибрано.",[2965,10556,10557,10560],{},[3026,10558,10559],{},"Master-Detail pattern"," — UI-патерн, де список (Master) зліва, деталі вибраного елемента (Detail) справа.",[3374,10562],{},[2960,10564,10566],{"id":10565},"додаткові-ресурси","Додаткові ресурси",[4422,10568,10569,10577,10587,10594,10599,10608,10613],{},[4425,10570,10573,10574,10576],{"icon":15,"title":10571,"to":10572},"📖 Microsoft Docs: ObservableCollection","https://learn.microsoft.com/en-us/dotnet/api/system.collections.objectmodel.observablecollection-1","API документація ",[2976,10575,4465],{}," з прикладами використання.",[4425,10578,10581,10582,10584,10585,3254],{"icon":871,"title":10579,"to":10580},"📖 INotifyCollectionChanged Interface","https://learn.microsoft.com/en-us/dotnet/api/system.componentmodel.inotifycollectionchanged","Документація інтерфейсу ",[2976,10583,4473],{}," та події ",[2976,10586,4614],{},[4425,10588,10573,10591,10593],{"icon":10330,"title":10589,"to":10590},"📖 ItemsControl Class","https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.itemscontrol",[2976,10592,5687],{}," — базового класу для списків.",[4425,10595,10598],{"icon":2354,"title":10596,"to":10597},"🎓 Data Binding Collections","https://learn.microsoft.com/en-us/dotnet/desktop/wpf/data/how-to-bind-to-a-collection-and-display-information-based-on-selection","Офіційний гайд з прив'язки колекцій та Master-Detail pattern.",[4425,10600,10604,10605,10607],{"icon":10601,"title":10602,"to":10603},"i-lucide-list-checks","🔧 ListBox Control","https://learn.microsoft.com/en-us/dotnet/desktop/wpf/controls/listbox","Повний огляд контролу ",[2976,10606,3315],{}," з прикладами та стилізацією.",[4425,10609,10612],{"icon":10610,"title":10611,"to":3370},"i-lucide-arrow-left","📚 Попередня стаття: Data Templates","Повернутися до Data Templates — візуалізація об'єктів через шаблони.",[4425,10614,10617,10618,10620],{"icon":10615,"title":10616,"to":10430},"i-lucide-arrow-right","📚 Наступна стаття: Collections Binding Part 2","Дізнатися про ",[2976,10619,10435],{}," — фільтрація, сортування, групування колекцій.",[10622,10623,10624],"style",{},"html pre.shiki code .s0P7L, html code.shiki .s0P7L{--shiki-light:#800000;--shiki-default:#808080;--shiki-dark:#808080}html pre.shiki code .sKtos, html code.shiki .sKtos{--shiki-light:#800000;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .sa4r_, html code.shiki .sa4r_{--shiki-light:#E50000;--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 .su9tN, html code.shiki .su9tN{--shiki-light:#0000FF;--shiki-default:#CE9178;--shiki-dark:#CE9178}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}html pre.shiki code .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}html pre.shiki code .sCDza, html code.shiki .sCDza{--shiki-light:#AF00DB;--shiki-default:#CE92A4;--shiki-dark:#CE92A4}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}html pre.shiki code .sD7JJ, html code.shiki .sD7JJ{--shiki-light:#000000FF;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}",{"title":2974,"searchDepth":3008,"depth":3008,"links":10626},[10627,10628,10634,10642,10647,10656,10662,10668,10669,10670],{"id":2962,"depth":3008,"text":2963},{"id":3378,"depth":3008,"text":10629,"children":10630},"Проблема: List не повідомляє про зміни",[10631,10632,10633],{"id":3393,"depth":3065,"text":3394},{"id":4052,"depth":3065,"text":4053},{"id":4306,"depth":3065,"text":4307},{"id":4457,"depth":3008,"text":10635,"children":10636},"ObservableCollection: Колекція з повідомленнями",[10637,10638,10639,10641],{"id":4476,"depth":3065,"text":4477},{"id":4617,"depth":3065,"text":4618},{"id":4869,"depth":3065,"text":10640},"Як працює ObservableCollection?",{"id":5011,"depth":3065,"text":5012},{"id":5681,"depth":3008,"text":5682,"children":10643},[10644,10645,10646],{"id":5691,"depth":3065,"text":5692},{"id":5835,"depth":3065,"text":5836},{"id":6072,"depth":3065,"text":6073},{"id":6465,"depth":3008,"text":6466,"children":10648},[10649,10650,10651,10652,10653,10654,10655],{"id":6474,"depth":3065,"text":6475},{"id":6570,"depth":3065,"text":6571},{"id":6641,"depth":3065,"text":6642},{"id":6698,"depth":3065,"text":6699},{"id":6798,"depth":3065,"text":6799},{"id":6882,"depth":3065,"text":6883},{"id":6958,"depth":3065,"text":6959},{"id":7073,"depth":3008,"text":7074,"children":10657},[10658,10659,10660,10661],{"id":7083,"depth":3065,"text":7084},{"id":7808,"depth":3065,"text":7809},{"id":7878,"depth":3065,"text":7879},{"id":7980,"depth":3065,"text":7981},{"id":8219,"depth":3008,"text":8220,"children":10663},[10664,10666,10667],{"id":8223,"depth":3065,"text":10665},"Рівень 1: ListBox з ObservableCollection + кнопка \"Додати\"",{"id":8734,"depth":3065,"text":8735},{"id":9677,"depth":3065,"text":9678},{"id":10298,"depth":3008,"text":10299},{"id":10452,"depth":3008,"text":10453},{"id":10565,"depth":3008,"text":10566},"Прив'язка колекцій C#-об'єктів до UI-списків з автоматичним оновленням через ObservableCollection та INotifyCollectionChanged","md",null,{},{"title":1481,"description":10671},"Tpx6d4JXXJM_WGOFT0O5LU6Rm_OQbQaCLOKMhJ8YPvQ",[10678,10680],{"title":1477,"path":1478,"stem":1479,"description":10679,"children":-1},"Перетворення C#-об'єктів у красивий UI автоматично через DataTemplate — від простих шаблонів до DataTemplateSelector та HierarchicalDataTemplate",{"title":1485,"path":1486,"stem":1487,"description":10681,"children":-1},"Сортування, фільтрація та групування колекцій без зміни оригінальних даних через ICollectionView та оптимізація продуктивності через віртуалізацію",1777912203701]