[{"data":1,"prerenderedAt":13221},["ShallowReactive",2],{"navigation_docs":3,"-csharp-desktop-ui-data-templates":2949,"-csharp-desktop-ui-data-templates-surround":13216},[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":1477,"body":2951,"description":13210,"extension":13211,"links":13212,"meta":13213,"navigation":4475,"path":1478,"seo":13214,"stem":1479,"__hash__":13215},"docs/01.csharp/12.desktop-ui/20.data-templates.md",{"type":2952,"value":2953,"toc":13169},"minimark",[2954,2959,2964,2973,3100,3103,3134,3149,3165,3171,3181,3199,3202,3206,3209,3214,3219,3456,3461,3562,3575,3690,3694,3786,3791,3827,3831,3836,4007,4019,4024,4053,4055,4059,4064,4068,4163,4168,4191,4195,4200,4528,4536,4778,4782,4874,4878,4913,4915,4919,4930,4934,4944,5094,5099,5113,5118,5129,5133,5148,5394,5398,5409,5413,5424,5428,5515,5517,5521,5524,5528,5539,5544,5574,5579,6115,6420,6424,6436,6440,6470,6475,6903,6907,7117,7840,7843,7925,7927,7931,7937,7941,7963,7967,7972,8257,8262,8496,8501,9343,9347,9640,9645,9647,9651,9657,9661,9725,9729,9734,10009,10013,10449,10454,10649,10654,10805,10810,11153,11157,11163,11195,11201,11314,11320,11326,11330,11334,11458,11462,11764,11769,11981,11986,11988,11992,11996,12002,12007,12013,12033,12039,12050,12055,12069,12074,12272,12274,12278,12283,12287,12290,12295,12417,12422,12453,12457,12471,12476,12526,12528,12532,12537,12541,12544,12549,12630,12635,12803,12808,12840,12844,12858,12863,12874,12876,12880,12883,12888,12922,12927,12941,12946,12957,12962,12973,12980,12985,13015,13017,13021,13098,13100,13104,13165],[2955,2956,2958],"h1",{"id":2957},"data-templates-візуалізація-обєктів","Data Templates: Візуалізація об'єктів",[2960,2961,2963],"h2",{"id":2962},"вступ","Вступ",[2965,2966,2967,2968,2972],"p",{},"Уявіть, що у вас є клас ",[2969,2970,2971],"code",{},"Person",":",[2974,2975,2980],"pre",{"className":2976,"code":2977,"language":2978,"meta":2979,"style":2979},"language-csharp shiki shiki-themes light-plus dark-plus dark-plus","public class Person\n{\n    public string FirstName { get; set; }\n    public string LastName { get; set; }\n    public int Age { get; set; }\n    public string Email { get; set; }\n}\n","csharp","",[2969,2981,2982,2998,3005,3033,3053,3074,3094],{"__ignoreMap":2979},[2983,2984,2987,2991,2994],"span",{"class":2985,"line":2986},"line",1,[2983,2988,2990],{"class":2989},"su1O8","public",[2983,2992,2993],{"class":2989}," class",[2983,2995,2997],{"class":2996},"sN1BT"," Person\n",[2983,2999,3001],{"class":2985,"line":3000},2,[2983,3002,3004],{"class":3003},"sHH4Y","{\n",[2983,3006,3008,3011,3014,3018,3021,3024,3027,3030],{"class":2985,"line":3007},3,[2983,3009,3010],{"class":2989},"    public",[2983,3012,3013],{"class":2989}," string",[2983,3015,3017],{"class":3016},"siwwj"," FirstName",[2983,3019,3020],{"class":3003}," { ",[2983,3022,3023],{"class":2989},"get",[2983,3025,3026],{"class":3003},"; ",[2983,3028,3029],{"class":2989},"set",[2983,3031,3032],{"class":3003},"; }\n",[2983,3034,3036,3038,3040,3043,3045,3047,3049,3051],{"class":2985,"line":3035},4,[2983,3037,3010],{"class":2989},[2983,3039,3013],{"class":2989},[2983,3041,3042],{"class":3016}," LastName",[2983,3044,3020],{"class":3003},[2983,3046,3023],{"class":2989},[2983,3048,3026],{"class":3003},[2983,3050,3029],{"class":2989},[2983,3052,3032],{"class":3003},[2983,3054,3056,3058,3061,3064,3066,3068,3070,3072],{"class":2985,"line":3055},5,[2983,3057,3010],{"class":2989},[2983,3059,3060],{"class":2989}," int",[2983,3062,3063],{"class":3016}," Age",[2983,3065,3020],{"class":3003},[2983,3067,3023],{"class":2989},[2983,3069,3026],{"class":3003},[2983,3071,3029],{"class":2989},[2983,3073,3032],{"class":3003},[2983,3075,3077,3079,3081,3084,3086,3088,3090,3092],{"class":2985,"line":3076},6,[2983,3078,3010],{"class":2989},[2983,3080,3013],{"class":2989},[2983,3082,3083],{"class":3016}," Email",[2983,3085,3020],{"class":3003},[2983,3087,3023],{"class":2989},[2983,3089,3026],{"class":3003},[2983,3091,3029],{"class":2989},[2983,3093,3032],{"class":3003},[2983,3095,3097],{"class":2985,"line":3096},7,[2983,3098,3099],{"class":3003},"}\n",[2965,3101,3102],{},"І ви хочете відобразити його у UI:",[2974,3104,3108],{"className":3105,"code":3106,"language":3107,"meta":2979,"style":2979},"language-xml shiki shiki-themes light-plus dark-plus dark-plus","\u003CContentControl Content=\"{Binding CurrentPerson}\"/>\n","xml",[2969,3109,3110],{"__ignoreMap":2979},[2983,3111,3112,3116,3120,3124,3127,3131],{"class":2985,"line":2986},[2983,3113,3115],{"class":3114},"s0P7L","\u003C",[2983,3117,3119],{"class":3118},"sKtos","ContentControl",[2983,3121,3123],{"class":3122},"sa4r_"," Content",[2983,3125,3126],{"class":3003},"=",[2983,3128,3130],{"class":3129},"su9tN","\"{Binding CurrentPerson}\"",[2983,3132,3133],{"class":3114},"/>\n",[2965,3135,3136,3140,3141,3144,3145,3148],{},[3137,3138,3139],"strong",{},"Що ви побачите?"," Рядок ",[2969,3142,3143],{},"\"MyApp.Models.Person\""," — результат виклику ",[2969,3146,3147],{},"ToString()",".",[2965,3150,3151,3154,3155,3158,3159,3161,3162,3164],{},[3137,3152,3153],{},"Проблема:"," WPF не знає, ",[3137,3156,3157],{},"як"," відобразити ваш об'єкт. Він знає тільки, що це об'єкт типу ",[2969,3160,2971],{},", і викликає ",[2969,3163,3147],{}," за замовчуванням.",[2965,3166,3167,3168,3170],{},"Як показати щось красиве — ім'я, вік, email, можливо фото? Як зробити так, щоб кожен ",[2969,3169,2971],{}," відображався як картка з аватаром та інформацією?",[2965,3172,3173,3176,3177,3180],{},[3137,3174,3175],{},"Рішення:"," ",[3137,3178,3179],{},"Data Templates"," — шаблони, що визначають, як WPF має візуалізувати об'єкти певного типу.",[3182,3183,3184,3187,3188,3193,3194,3198],"note",{},[3137,3185,3186],{},"Для кого ця стаття?"," Якщо ви вже знайомі з ",[3189,3190,3192],"a",{"href":3191},"17.data-binding-basics-part1","Data Binding"," та ",[3189,3195,3197],{"href":3196},"19.value-converters","Value Converters",", ця стаття покаже, як автоматично перетворювати C#-об'єкти у красивий UI без ручного створення контролів у code-behind.",[3200,3201],"hr",{},[2960,3203,3205],{"id":3204},"проблема-tostring-замість-красивого-ui","Проблема: ToString() замість красивого UI",[2965,3207,3208],{},"Розберемо детально, чому об'єкти відображаються як рядки.",[3210,3211,3213],"h3",{"id":3212},"експеримент-відображення-обєкта","Експеримент: Відображення об'єкта",[2965,3215,3216],{},[3137,3217,3218],{},"ViewModel:",[2974,3220,3222],{"className":2976,"code":3221,"language":2978,"meta":2979,"style":2979},"public class MainViewModel : INotifyPropertyChanged\n{\n    private Person _currentPerson;\n    \n    public Person CurrentPerson\n    {\n        get => _currentPerson;\n        set\n        {\n            _currentPerson = value;\n            OnPropertyChanged();\n        }\n    }\n    \n    public MainViewModel()\n    {\n        CurrentPerson = new Person\n        {\n            FirstName = \"Іван\",\n            LastName = \"Петренко\",\n            Age = 25,\n            Email = \"ivan@example.com\"\n        };\n    }\n    \n    // ... INotifyPropertyChanged implementation\n}\n",[2969,3223,3224,3239,3243,3257,3262,3271,3276,3289,3295,3301,3315,3325,3331,3337,3342,3352,3357,3370,3375,3390,3403,3417,3428,3434,3439,3444,3451],{"__ignoreMap":2979},[2983,3225,3226,3228,3230,3233,3236],{"class":2985,"line":2986},[2983,3227,2990],{"class":2989},[2983,3229,2993],{"class":2989},[2983,3231,3232],{"class":2996}," MainViewModel",[2983,3234,3235],{"class":3003}," : ",[2983,3237,3238],{"class":2996},"INotifyPropertyChanged\n",[2983,3240,3241],{"class":2985,"line":3000},[2983,3242,3004],{"class":3003},[2983,3244,3245,3248,3251,3254],{"class":2985,"line":3007},[2983,3246,3247],{"class":2989},"    private",[2983,3249,3250],{"class":2996}," Person",[2983,3252,3253],{"class":3016}," _currentPerson",[2983,3255,3256],{"class":3003},";\n",[2983,3258,3259],{"class":2985,"line":3035},[2983,3260,3261],{"class":3003},"    \n",[2983,3263,3264,3266,3268],{"class":2985,"line":3055},[2983,3265,3010],{"class":2989},[2983,3267,3250],{"class":2996},[2983,3269,3270],{"class":3016}," CurrentPerson\n",[2983,3272,3273],{"class":2985,"line":3076},[2983,3274,3275],{"class":3003},"    {\n",[2983,3277,3278,3281,3284,3287],{"class":2985,"line":3096},[2983,3279,3280],{"class":2989},"        get",[2983,3282,3283],{"class":3003}," => ",[2983,3285,3286],{"class":3016},"_currentPerson",[2983,3288,3256],{"class":3003},[2983,3290,3292],{"class":2985,"line":3291},8,[2983,3293,3294],{"class":2989},"        set\n",[2983,3296,3298],{"class":2985,"line":3297},9,[2983,3299,3300],{"class":3003},"        {\n",[2983,3302,3304,3307,3310,3313],{"class":2985,"line":3303},10,[2983,3305,3306],{"class":3016},"            _currentPerson",[2983,3308,3309],{"class":3003}," = ",[2983,3311,3312],{"class":3016},"value",[2983,3314,3256],{"class":3003},[2983,3316,3318,3322],{"class":2985,"line":3317},11,[2983,3319,3321],{"class":3320},"s8Opu","            OnPropertyChanged",[2983,3323,3324],{"class":3003},"();\n",[2983,3326,3328],{"class":2985,"line":3327},12,[2983,3329,3330],{"class":3003},"        }\n",[2983,3332,3334],{"class":2985,"line":3333},13,[2983,3335,3336],{"class":3003},"    }\n",[2983,3338,3340],{"class":2985,"line":3339},14,[2983,3341,3261],{"class":3003},[2983,3343,3345,3347,3349],{"class":2985,"line":3344},15,[2983,3346,3010],{"class":2989},[2983,3348,3232],{"class":3320},[2983,3350,3351],{"class":3003},"()\n",[2983,3353,3355],{"class":2985,"line":3354},16,[2983,3356,3275],{"class":3003},[2983,3358,3360,3363,3365,3368],{"class":2985,"line":3359},17,[2983,3361,3362],{"class":3016},"        CurrentPerson",[2983,3364,3309],{"class":3003},[2983,3366,3367],{"class":2989},"new",[2983,3369,2997],{"class":2996},[2983,3371,3373],{"class":2985,"line":3372},18,[2983,3374,3300],{"class":3003},[2983,3376,3378,3381,3383,3387],{"class":2985,"line":3377},19,[2983,3379,3380],{"class":3016},"            FirstName",[2983,3382,3309],{"class":3003},[2983,3384,3386],{"class":3385},"sbdoH","\"Іван\"",[2983,3388,3389],{"class":3003},",\n",[2983,3391,3393,3396,3398,3401],{"class":2985,"line":3392},20,[2983,3394,3395],{"class":3016},"            LastName",[2983,3397,3309],{"class":3003},[2983,3399,3400],{"class":3385},"\"Петренко\"",[2983,3402,3389],{"class":3003},[2983,3404,3406,3409,3411,3415],{"class":2985,"line":3405},21,[2983,3407,3408],{"class":3016},"            Age",[2983,3410,3309],{"class":3003},[2983,3412,3414],{"class":3413},"sJj4R","25",[2983,3416,3389],{"class":3003},[2983,3418,3420,3423,3425],{"class":2985,"line":3419},22,[2983,3421,3422],{"class":3016},"            Email",[2983,3424,3309],{"class":3003},[2983,3426,3427],{"class":3385},"\"ivan@example.com\"\n",[2983,3429,3431],{"class":2985,"line":3430},23,[2983,3432,3433],{"class":3003},"        };\n",[2983,3435,3437],{"class":2985,"line":3436},24,[2983,3438,3336],{"class":3003},[2983,3440,3442],{"class":2985,"line":3441},25,[2983,3443,3261],{"class":3003},[2983,3445,3447],{"class":2985,"line":3446},26,[2983,3448,3450],{"class":3449},"spJ8K","    // ... INotifyPropertyChanged implementation\n",[2983,3452,3454],{"class":2985,"line":3453},27,[2983,3455,3099],{"class":3003},[2965,3457,3458],{},[3137,3459,3460],{},"XAML (без DataTemplate):",[2974,3462,3464],{"className":3105,"code":3463,"language":3107,"meta":2979,"style":2979},"\u003CWindow x:Class=\"MyApp.MainWindow\"\n        DataContext=\"{Binding Source={StaticResource viewModel}}\">\n    \u003CStackPanel Margin=\"20\">\n        \u003CTextBlock Text=\"Поточна особа:\"/>\n        \u003CContentControl Content=\"{Binding CurrentPerson}\"/>\n    \u003C/StackPanel>\n\u003C/Window>\n",[2969,3465,3466,3481,3494,3512,3530,3544,3553],{"__ignoreMap":2979},[2983,3467,3468,3470,3473,3476,3478],{"class":2985,"line":2986},[2983,3469,3115],{"class":3114},[2983,3471,3472],{"class":3118},"Window",[2983,3474,3475],{"class":3122}," x:Class",[2983,3477,3126],{"class":3003},[2983,3479,3480],{"class":3129},"\"MyApp.MainWindow\"\n",[2983,3482,3483,3486,3488,3491],{"class":2985,"line":3000},[2983,3484,3485],{"class":3122},"        DataContext",[2983,3487,3126],{"class":3003},[2983,3489,3490],{"class":3129},"\"{Binding Source={StaticResource viewModel}}\"",[2983,3492,3493],{"class":3114},">\n",[2983,3495,3496,3499,3502,3505,3507,3510],{"class":2985,"line":3007},[2983,3497,3498],{"class":3114},"    \u003C",[2983,3500,3501],{"class":3118},"StackPanel",[2983,3503,3504],{"class":3122}," Margin",[2983,3506,3126],{"class":3003},[2983,3508,3509],{"class":3129},"\"20\"",[2983,3511,3493],{"class":3114},[2983,3513,3514,3517,3520,3523,3525,3528],{"class":2985,"line":3035},[2983,3515,3516],{"class":3114},"        \u003C",[2983,3518,3519],{"class":3118},"TextBlock",[2983,3521,3522],{"class":3122}," Text",[2983,3524,3126],{"class":3003},[2983,3526,3527],{"class":3129},"\"Поточна особа:\"",[2983,3529,3133],{"class":3114},[2983,3531,3532,3534,3536,3538,3540,3542],{"class":2985,"line":3055},[2983,3533,3516],{"class":3114},[2983,3535,3119],{"class":3118},[2983,3537,3123],{"class":3122},[2983,3539,3126],{"class":3003},[2983,3541,3130],{"class":3129},[2983,3543,3133],{"class":3114},[2983,3545,3546,3549,3551],{"class":2985,"line":3076},[2983,3547,3548],{"class":3114},"    \u003C/",[2983,3550,3501],{"class":3118},[2983,3552,3493],{"class":3114},[2983,3554,3555,3558,3560],{"class":2985,"line":3096},[2983,3556,3557],{"class":3114},"\u003C/",[2983,3559,3472],{"class":3118},[2983,3561,3493],{"class":3114},[2965,3563,3564,3176,3567,3569,3570,3572,3573,3148],{},[3137,3565,3566],{},"Результат:",[2969,3568,3119],{}," показує ",[2969,3571,3143],{}," — результат ",[2969,3574,3147],{},[3576,3577,3579],"wpf-preview",{"title":3578},"Відображення об'єкта без DataTemplate",[2974,3580,3582],{"className":3105,"code":3581,"language":3107,"meta":2979,"style":2979},"\u003CStackPanel Margin=\"20\" Spacing=\"10\">\n  \u003CTextBlock Text=\"Поточна особа:\"/>\n  \u003CTextBlock Text=\"MyApp.Models.Person\" Foreground=\"Gray\"/>\n  \u003CTextBlock Text=\"(WPF не знає, як відобразити об'єкт, тому викликає ToString())\" \n             FontSize=\"10\" \n             Foreground=\"Red\"/>\n\u003C/StackPanel>\n",[2969,3583,3584,3606,3621,3643,3659,3670,3682],{"__ignoreMap":2979},[2983,3585,3586,3588,3590,3592,3594,3596,3599,3601,3604],{"class":2985,"line":2986},[2983,3587,3115],{"class":3114},[2983,3589,3501],{"class":3118},[2983,3591,3504],{"class":3122},[2983,3593,3126],{"class":3003},[2983,3595,3509],{"class":3129},[2983,3597,3598],{"class":3122}," Spacing",[2983,3600,3126],{"class":3003},[2983,3602,3603],{"class":3129},"\"10\"",[2983,3605,3493],{"class":3114},[2983,3607,3608,3611,3613,3615,3617,3619],{"class":2985,"line":3000},[2983,3609,3610],{"class":3114},"  \u003C",[2983,3612,3519],{"class":3118},[2983,3614,3522],{"class":3122},[2983,3616,3126],{"class":3003},[2983,3618,3527],{"class":3129},[2983,3620,3133],{"class":3114},[2983,3622,3623,3625,3627,3629,3631,3633,3636,3638,3641],{"class":2985,"line":3007},[2983,3624,3610],{"class":3114},[2983,3626,3519],{"class":3118},[2983,3628,3522],{"class":3122},[2983,3630,3126],{"class":3003},[2983,3632,3143],{"class":3129},[2983,3634,3635],{"class":3122}," Foreground",[2983,3637,3126],{"class":3003},[2983,3639,3640],{"class":3129},"\"Gray\"",[2983,3642,3133],{"class":3114},[2983,3644,3645,3647,3649,3651,3653,3656],{"class":2985,"line":3035},[2983,3646,3610],{"class":3114},[2983,3648,3519],{"class":3118},[2983,3650,3522],{"class":3122},[2983,3652,3126],{"class":3003},[2983,3654,3655],{"class":3129},"\"(WPF не знає, як відобразити об'єкт, тому викликає ToString())\"",[2983,3657,3658],{"class":3003}," \n",[2983,3660,3661,3664,3666,3668],{"class":2985,"line":3055},[2983,3662,3663],{"class":3122},"             FontSize",[2983,3665,3126],{"class":3003},[2983,3667,3603],{"class":3129},[2983,3669,3658],{"class":3003},[2983,3671,3672,3675,3677,3680],{"class":2985,"line":3076},[2983,3673,3674],{"class":3122},"             Foreground",[2983,3676,3126],{"class":3003},[2983,3678,3679],{"class":3129},"\"Red\"",[2983,3681,3133],{"class":3114},[2983,3683,3684,3686,3688],{"class":2985,"line":3096},[2983,3685,3557],{"class":3114},[2983,3687,3501],{"class":3118},[2983,3689,3493],{"class":3114},[3210,3691,3693],{"id":3692},"чому-так-відбувається","Чому так відбувається?",[3695,3696,3697],"mermaid",{},[2974,3698,3701],{"className":3699,"code":3700,"language":3695,"meta":2979,"style":2979},"language-mermaid shiki shiki-themes light-plus dark-plus dark-plus","sequenceDiagram\n    participant Binding as Binding Engine\n    participant CC as ContentControl\n    participant Person as Person Object\n    participant WPF as WPF Rendering\n    \n    Note over Binding,WPF: Ініціалізація\n    Binding->>CC: Content = Person instance\n    CC->>WPF: Як відобразити Person?\n    WPF->>WPF: Шукає DataTemplate для Person\n    WPF->>WPF: DataTemplate не знайдено\n    WPF->>Person: ToString()\n    Person-->>WPF: \"MyApp.Models.Person\"\n    WPF->>CC: Відображає рядок\n    \n    style WPF fill:#f59e0b,stroke:#b45309,color:#ffffff\n    style Person fill:#3b82f6,stroke:#1d4ed8,color:#ffffff\n",[2969,3702,3703,3708,3713,3718,3723,3728,3732,3737,3742,3747,3752,3757,3762,3767,3772,3776,3781],{"__ignoreMap":2979},[2983,3704,3705],{"class":2985,"line":2986},[2983,3706,3707],{},"sequenceDiagram\n",[2983,3709,3710],{"class":2985,"line":3000},[2983,3711,3712],{},"    participant Binding as Binding Engine\n",[2983,3714,3715],{"class":2985,"line":3007},[2983,3716,3717],{},"    participant CC as ContentControl\n",[2983,3719,3720],{"class":2985,"line":3035},[2983,3721,3722],{},"    participant Person as Person Object\n",[2983,3724,3725],{"class":2985,"line":3055},[2983,3726,3727],{},"    participant WPF as WPF Rendering\n",[2983,3729,3730],{"class":2985,"line":3076},[2983,3731,3261],{},[2983,3733,3734],{"class":2985,"line":3096},[2983,3735,3736],{},"    Note over Binding,WPF: Ініціалізація\n",[2983,3738,3739],{"class":2985,"line":3291},[2983,3740,3741],{},"    Binding->>CC: Content = Person instance\n",[2983,3743,3744],{"class":2985,"line":3297},[2983,3745,3746],{},"    CC->>WPF: Як відобразити Person?\n",[2983,3748,3749],{"class":2985,"line":3303},[2983,3750,3751],{},"    WPF->>WPF: Шукає DataTemplate для Person\n",[2983,3753,3754],{"class":2985,"line":3317},[2983,3755,3756],{},"    WPF->>WPF: DataTemplate не знайдено\n",[2983,3758,3759],{"class":2985,"line":3327},[2983,3760,3761],{},"    WPF->>Person: ToString()\n",[2983,3763,3764],{"class":2985,"line":3333},[2983,3765,3766],{},"    Person-->>WPF: \"MyApp.Models.Person\"\n",[2983,3768,3769],{"class":2985,"line":3339},[2983,3770,3771],{},"    WPF->>CC: Відображає рядок\n",[2983,3773,3774],{"class":2985,"line":3344},[2983,3775,3261],{},[2983,3777,3778],{"class":2985,"line":3354},[2983,3779,3780],{},"    style WPF fill:#f59e0b,stroke:#b45309,color:#ffffff\n",[2983,3782,3783],{"class":2985,"line":3359},[2983,3784,3785],{},"    style Person fill:#3b82f6,stroke:#1d4ed8,color:#ffffff\n",[2965,3787,3788],{},[3137,3789,3790],{},"Процес:",[3792,3793,3794,3803,3812,3821],"ol",{},[3795,3796,3797,3800,3801],"li",{},[2969,3798,3799],{},"ContentControl.Content"," отримує об'єкт ",[2969,3802,2971],{},[3795,3804,3805,3806,3809,3810],{},"WPF шукає ",[2969,3807,3808],{},"DataTemplate"," для типу ",[2969,3811,2971],{},[3795,3813,3814,3815,3817,3818],{},"Якщо ",[2969,3816,3808],{}," не знайдено → викликає ",[2969,3819,3820],{},"Person.ToString()",[3795,3822,3823,3824,3826],{},"Відображає результат ",[2969,3825,3147],{}," як текст",[3210,3828,3830],{"id":3829},"обхідний-шлях-антипатерн","Обхідний шлях (антипатерн)",[2965,3832,3833,3834,2972],{},"Можна перевизначити ",[2969,3835,3147],{},[2974,3837,3839],{"className":2976,"code":3838,"language":2978,"meta":2979,"style":2979},"public class Person\n{\n    public string FirstName { get; set; }\n    public string LastName { get; set; }\n    public int Age { get; set; }\n    public string Email { get; set; }\n    \n    public override string ToString()\n    {\n        return $\"{FirstName} {LastName}, {Age} років, {Email}\";\n    }\n}\n",[2969,3840,3841,3849,3853,3871,3889,3907,3925,3929,3943,3947,3999,4003],{"__ignoreMap":2979},[2983,3842,3843,3845,3847],{"class":2985,"line":2986},[2983,3844,2990],{"class":2989},[2983,3846,2993],{"class":2989},[2983,3848,2997],{"class":2996},[2983,3850,3851],{"class":2985,"line":3000},[2983,3852,3004],{"class":3003},[2983,3854,3855,3857,3859,3861,3863,3865,3867,3869],{"class":2985,"line":3007},[2983,3856,3010],{"class":2989},[2983,3858,3013],{"class":2989},[2983,3860,3017],{"class":3016},[2983,3862,3020],{"class":3003},[2983,3864,3023],{"class":2989},[2983,3866,3026],{"class":3003},[2983,3868,3029],{"class":2989},[2983,3870,3032],{"class":3003},[2983,3872,3873,3875,3877,3879,3881,3883,3885,3887],{"class":2985,"line":3035},[2983,3874,3010],{"class":2989},[2983,3876,3013],{"class":2989},[2983,3878,3042],{"class":3016},[2983,3880,3020],{"class":3003},[2983,3882,3023],{"class":2989},[2983,3884,3026],{"class":3003},[2983,3886,3029],{"class":2989},[2983,3888,3032],{"class":3003},[2983,3890,3891,3893,3895,3897,3899,3901,3903,3905],{"class":2985,"line":3055},[2983,3892,3010],{"class":2989},[2983,3894,3060],{"class":2989},[2983,3896,3063],{"class":3016},[2983,3898,3020],{"class":3003},[2983,3900,3023],{"class":2989},[2983,3902,3026],{"class":3003},[2983,3904,3029],{"class":2989},[2983,3906,3032],{"class":3003},[2983,3908,3909,3911,3913,3915,3917,3919,3921,3923],{"class":2985,"line":3076},[2983,3910,3010],{"class":2989},[2983,3912,3013],{"class":2989},[2983,3914,3083],{"class":3016},[2983,3916,3020],{"class":3003},[2983,3918,3023],{"class":2989},[2983,3920,3026],{"class":3003},[2983,3922,3029],{"class":2989},[2983,3924,3032],{"class":3003},[2983,3926,3927],{"class":2985,"line":3096},[2983,3928,3261],{"class":3003},[2983,3930,3931,3933,3936,3938,3941],{"class":2985,"line":3291},[2983,3932,3010],{"class":2989},[2983,3934,3935],{"class":2989}," override",[2983,3937,3013],{"class":2989},[2983,3939,3940],{"class":3320}," ToString",[2983,3942,3351],{"class":3003},[2983,3944,3945],{"class":2985,"line":3297},[2983,3946,3275],{"class":3003},[2983,3948,3949,3953,3956,3960,3963,3966,3969,3972,3974,3977,3979,3982,3984,3987,3989,3992,3994,3997],{"class":2985,"line":3303},[2983,3950,3952],{"class":3951},"sCDza","        return",[2983,3954,3955],{"class":3385}," $\"",[2983,3957,3959],{"class":3958},"sD7JJ","{",[2983,3961,3962],{"class":3016},"FirstName",[2983,3964,3965],{"class":3958},"}",[2983,3967,3968],{"class":3958}," {",[2983,3970,3971],{"class":3016},"LastName",[2983,3973,3965],{"class":3958},[2983,3975,3976],{"class":3385},", ",[2983,3978,3959],{"class":3958},[2983,3980,3981],{"class":3016},"Age",[2983,3983,3965],{"class":3958},[2983,3985,3986],{"class":3385}," років, ",[2983,3988,3959],{"class":3958},[2983,3990,3991],{"class":3016},"Email",[2983,3993,3965],{"class":3958},[2983,3995,3996],{"class":3385},"\"",[2983,3998,3256],{"class":3003},[2983,4000,4001],{"class":2985,"line":3317},[2983,4002,3336],{"class":3003},[2983,4004,4005],{"class":2985,"line":3327},[2983,4006,3099],{"class":3003},[2965,4008,4009,3176,4011,4013,4014,4018],{},[3137,4010,3566],{},[2969,4012,3119],{}," показує \"Іван Петренко, 25 років, ",[3189,4015,4017],{"href":4016},"mailto:ivan@example.com","ivan@example.com","\".",[2965,4020,4021],{},[3137,4022,4023],{},"Але це антипатерн:",[4025,4026,4027,4033,4040,4045],"card-group",{},[4028,4029,4032],"card",{"icon":4030,"title":4031},"i-lucide-type","❌ Обмежене форматування","Тільки текст. Не можна додати кольори, іконки, кнопки, зображення.",[4028,4034,4037,4039],{"icon":4035,"title":4036},"i-lucide-layout","❌ Один формат",[2969,4038,3147],{}," повертає один рядок. Не можна мати різні представлення для різних контекстів.",[4028,4041,4044],{"icon":4042,"title":4043},"i-lucide-shuffle","❌ Змішування логіки","Модель не має знати, як вона відображається. Це порушує принцип розділення відповідальності.",[4028,4046,4049,4050,4052],{"icon":4047,"title":4048},"i-lucide-trending-down","❌ Не масштабується","Для складних об'єктів (з вкладеними об'єктами, колекціями) ",[2969,4051,3147],{}," стає нечитабельним.",[3200,4054],{},[2960,4056,4058],{"id":4057},"datatemplate-шаблон-візуалізації","DataTemplate: Шаблон візуалізації",[2965,4060,4061,4063],{},[2969,4062,3808],{}," — це XAML-шаблон, що визначає, як WPF має відображати об'єкти певного типу.",[3210,4065,4067],{"id":4066},"анатомія-datatemplate","Анатомія DataTemplate",[2974,4069,4071],{"className":3105,"code":4070,"language":3107,"meta":2979,"style":2979},"\u003CDataTemplate DataType=\"{x:Type local:Person}\">\n    \u003C!-- XAML розмітка для відображення Person -->\n    \u003CStackPanel>\n        \u003CTextBlock Text=\"{Binding FirstName}\"/>\n        \u003CTextBlock Text=\"{Binding LastName}\"/>\n        \u003CTextBlock Text=\"{Binding Age}\"/>\n    \u003C/StackPanel>\n\u003C/DataTemplate>\n",[2969,4072,4073,4089,4094,4102,4117,4132,4147,4155],{"__ignoreMap":2979},[2983,4074,4075,4077,4079,4082,4084,4087],{"class":2985,"line":2986},[2983,4076,3115],{"class":3114},[2983,4078,3808],{"class":3118},[2983,4080,4081],{"class":3122}," DataType",[2983,4083,3126],{"class":3003},[2983,4085,4086],{"class":3129},"\"{x:Type local:Person}\"",[2983,4088,3493],{"class":3114},[2983,4090,4091],{"class":2985,"line":3000},[2983,4092,4093],{"class":3449},"    \u003C!-- XAML розмітка для відображення Person -->\n",[2983,4095,4096,4098,4100],{"class":2985,"line":3007},[2983,4097,3498],{"class":3114},[2983,4099,3501],{"class":3118},[2983,4101,3493],{"class":3114},[2983,4103,4104,4106,4108,4110,4112,4115],{"class":2985,"line":3035},[2983,4105,3516],{"class":3114},[2983,4107,3519],{"class":3118},[2983,4109,3522],{"class":3122},[2983,4111,3126],{"class":3003},[2983,4113,4114],{"class":3129},"\"{Binding FirstName}\"",[2983,4116,3133],{"class":3114},[2983,4118,4119,4121,4123,4125,4127,4130],{"class":2985,"line":3055},[2983,4120,3516],{"class":3114},[2983,4122,3519],{"class":3118},[2983,4124,3522],{"class":3122},[2983,4126,3126],{"class":3003},[2983,4128,4129],{"class":3129},"\"{Binding LastName}\"",[2983,4131,3133],{"class":3114},[2983,4133,4134,4136,4138,4140,4142,4145],{"class":2985,"line":3076},[2983,4135,3516],{"class":3114},[2983,4137,3519],{"class":3118},[2983,4139,3522],{"class":3122},[2983,4141,3126],{"class":3003},[2983,4143,4144],{"class":3129},"\"{Binding Age}\"",[2983,4146,3133],{"class":3114},[2983,4148,4149,4151,4153],{"class":2985,"line":3096},[2983,4150,3548],{"class":3114},[2983,4152,3501],{"class":3118},[2983,4154,3493],{"class":3114},[2983,4156,4157,4159,4161],{"class":2985,"line":3291},[2983,4158,3557],{"class":3114},[2983,4160,3808],{"class":3118},[2983,4162,3493],{"class":3114},[2965,4164,4165],{},[3137,4166,4167],{},"Ключові елементи:",[4169,4170,4171,4176,4182,4185],"ul",{},[3795,4172,4173,4175],{},[2969,4174,3808],{}," — контейнер для шаблону",[3795,4177,4178,4181],{},[2969,4179,4180],{},"DataType=\"{x:Type local:Person}\""," — тип об'єкта, для якого цей шаблон",[3795,4183,4184],{},"Всередині — звичайний XAML з Binding до властивостей об'єкта",[3795,4186,4187,4190],{},[2969,4188,4189],{},"DataContext"," всередині шаблону — це сам об'єкт (Person)",[3210,4192,4194],{"id":4193},"перший-робочий-приклад","Перший робочий приклад",[2965,4196,4197],{},[3137,4198,4199],{},"Визначення DataTemplate у ресурсах:",[2974,4201,4203],{"className":3105,"code":4202,"language":3107,"meta":2979,"style":2979},"\u003CWindow.Resources>\n    \u003CDataTemplate DataType=\"{x:Type local:Person}\">\n        \u003CBorder Background=\"LightBlue\" \n                BorderBrush=\"DarkBlue\" \n                BorderThickness=\"1\" \n                Padding=\"10\" \n                CornerRadius=\"5\">\n            \u003CStackPanel>\n                \u003CTextBlock Text=\"{Binding FirstName}\" \n                           FontWeight=\"Bold\" \n                           FontSize=\"16\"/>\n                \u003CTextBlock Text=\"{Binding LastName}\" \n                           FontSize=\"14\"/>\n                \u003CTextBlock Text=\"{Binding Age, StringFormat='Вік: {0} років'}\" \n                           FontSize=\"12\" \n                           Foreground=\"Gray\"/>\n                \u003CTextBlock Text=\"{Binding Email}\" \n                           FontSize=\"12\" \n                           Foreground=\"DarkBlue\"/>\n            \u003C/StackPanel>\n        \u003C/Border>\n    \u003C/DataTemplate>\n\u003C/Window.Resources>\n\n\u003CStackPanel Margin=\"20\">\n    \u003CTextBlock Text=\"Поточна особа:\"/>\n    \u003CContentControl Content=\"{Binding CurrentPerson}\"/>\n\u003C/StackPanel>\n",[2969,4204,4205,4214,4228,4245,4257,4269,4280,4292,4301,4316,4328,4340,4354,4365,4380,4391,4402,4417,4427,4437,4446,4455,4463,4471,4477,4491,4505,4519],{"__ignoreMap":2979},[2983,4206,4207,4209,4212],{"class":2985,"line":2986},[2983,4208,3115],{"class":3114},[2983,4210,4211],{"class":3118},"Window.Resources",[2983,4213,3493],{"class":3114},[2983,4215,4216,4218,4220,4222,4224,4226],{"class":2985,"line":3000},[2983,4217,3498],{"class":3114},[2983,4219,3808],{"class":3118},[2983,4221,4081],{"class":3122},[2983,4223,3126],{"class":3003},[2983,4225,4086],{"class":3129},[2983,4227,3493],{"class":3114},[2983,4229,4230,4232,4235,4238,4240,4243],{"class":2985,"line":3007},[2983,4231,3516],{"class":3114},[2983,4233,4234],{"class":3118},"Border",[2983,4236,4237],{"class":3122}," Background",[2983,4239,3126],{"class":3003},[2983,4241,4242],{"class":3129},"\"LightBlue\"",[2983,4244,3658],{"class":3003},[2983,4246,4247,4250,4252,4255],{"class":2985,"line":3035},[2983,4248,4249],{"class":3122},"                BorderBrush",[2983,4251,3126],{"class":3003},[2983,4253,4254],{"class":3129},"\"DarkBlue\"",[2983,4256,3658],{"class":3003},[2983,4258,4259,4262,4264,4267],{"class":2985,"line":3055},[2983,4260,4261],{"class":3122},"                BorderThickness",[2983,4263,3126],{"class":3003},[2983,4265,4266],{"class":3129},"\"1\"",[2983,4268,3658],{"class":3003},[2983,4270,4271,4274,4276,4278],{"class":2985,"line":3076},[2983,4272,4273],{"class":3122},"                Padding",[2983,4275,3126],{"class":3003},[2983,4277,3603],{"class":3129},[2983,4279,3658],{"class":3003},[2983,4281,4282,4285,4287,4290],{"class":2985,"line":3096},[2983,4283,4284],{"class":3122},"                CornerRadius",[2983,4286,3126],{"class":3003},[2983,4288,4289],{"class":3129},"\"5\"",[2983,4291,3493],{"class":3114},[2983,4293,4294,4297,4299],{"class":2985,"line":3291},[2983,4295,4296],{"class":3114},"            \u003C",[2983,4298,3501],{"class":3118},[2983,4300,3493],{"class":3114},[2983,4302,4303,4306,4308,4310,4312,4314],{"class":2985,"line":3297},[2983,4304,4305],{"class":3114},"                \u003C",[2983,4307,3519],{"class":3118},[2983,4309,3522],{"class":3122},[2983,4311,3126],{"class":3003},[2983,4313,4114],{"class":3129},[2983,4315,3658],{"class":3003},[2983,4317,4318,4321,4323,4326],{"class":2985,"line":3303},[2983,4319,4320],{"class":3122},"                           FontWeight",[2983,4322,3126],{"class":3003},[2983,4324,4325],{"class":3129},"\"Bold\"",[2983,4327,3658],{"class":3003},[2983,4329,4330,4333,4335,4338],{"class":2985,"line":3317},[2983,4331,4332],{"class":3122},"                           FontSize",[2983,4334,3126],{"class":3003},[2983,4336,4337],{"class":3129},"\"16\"",[2983,4339,3133],{"class":3114},[2983,4341,4342,4344,4346,4348,4350,4352],{"class":2985,"line":3327},[2983,4343,4305],{"class":3114},[2983,4345,3519],{"class":3118},[2983,4347,3522],{"class":3122},[2983,4349,3126],{"class":3003},[2983,4351,4129],{"class":3129},[2983,4353,3658],{"class":3003},[2983,4355,4356,4358,4360,4363],{"class":2985,"line":3333},[2983,4357,4332],{"class":3122},[2983,4359,3126],{"class":3003},[2983,4361,4362],{"class":3129},"\"14\"",[2983,4364,3133],{"class":3114},[2983,4366,4367,4369,4371,4373,4375,4378],{"class":2985,"line":3339},[2983,4368,4305],{"class":3114},[2983,4370,3519],{"class":3118},[2983,4372,3522],{"class":3122},[2983,4374,3126],{"class":3003},[2983,4376,4377],{"class":3129},"\"{Binding Age, StringFormat='Вік: {0} років'}\"",[2983,4379,3658],{"class":3003},[2983,4381,4382,4384,4386,4389],{"class":2985,"line":3344},[2983,4383,4332],{"class":3122},[2983,4385,3126],{"class":3003},[2983,4387,4388],{"class":3129},"\"12\"",[2983,4390,3658],{"class":3003},[2983,4392,4393,4396,4398,4400],{"class":2985,"line":3354},[2983,4394,4395],{"class":3122},"                           Foreground",[2983,4397,3126],{"class":3003},[2983,4399,3640],{"class":3129},[2983,4401,3133],{"class":3114},[2983,4403,4404,4406,4408,4410,4412,4415],{"class":2985,"line":3359},[2983,4405,4305],{"class":3114},[2983,4407,3519],{"class":3118},[2983,4409,3522],{"class":3122},[2983,4411,3126],{"class":3003},[2983,4413,4414],{"class":3129},"\"{Binding Email}\"",[2983,4416,3658],{"class":3003},[2983,4418,4419,4421,4423,4425],{"class":2985,"line":3372},[2983,4420,4332],{"class":3122},[2983,4422,3126],{"class":3003},[2983,4424,4388],{"class":3129},[2983,4426,3658],{"class":3003},[2983,4428,4429,4431,4433,4435],{"class":2985,"line":3377},[2983,4430,4395],{"class":3122},[2983,4432,3126],{"class":3003},[2983,4434,4254],{"class":3129},[2983,4436,3133],{"class":3114},[2983,4438,4439,4442,4444],{"class":2985,"line":3392},[2983,4440,4441],{"class":3114},"            \u003C/",[2983,4443,3501],{"class":3118},[2983,4445,3493],{"class":3114},[2983,4447,4448,4451,4453],{"class":2985,"line":3405},[2983,4449,4450],{"class":3114},"        \u003C/",[2983,4452,4234],{"class":3118},[2983,4454,3493],{"class":3114},[2983,4456,4457,4459,4461],{"class":2985,"line":3419},[2983,4458,3548],{"class":3114},[2983,4460,3808],{"class":3118},[2983,4462,3493],{"class":3114},[2983,4464,4465,4467,4469],{"class":2985,"line":3430},[2983,4466,3557],{"class":3114},[2983,4468,4211],{"class":3118},[2983,4470,3493],{"class":3114},[2983,4472,4473],{"class":2985,"line":3436},[2983,4474,4476],{"emptyLinePlaceholder":4475},true,"\n",[2983,4478,4479,4481,4483,4485,4487,4489],{"class":2985,"line":3441},[2983,4480,3115],{"class":3114},[2983,4482,3501],{"class":3118},[2983,4484,3504],{"class":3122},[2983,4486,3126],{"class":3003},[2983,4488,3509],{"class":3129},[2983,4490,3493],{"class":3114},[2983,4492,4493,4495,4497,4499,4501,4503],{"class":2985,"line":3446},[2983,4494,3498],{"class":3114},[2983,4496,3519],{"class":3118},[2983,4498,3522],{"class":3122},[2983,4500,3126],{"class":3003},[2983,4502,3527],{"class":3129},[2983,4504,3133],{"class":3114},[2983,4506,4507,4509,4511,4513,4515,4517],{"class":2985,"line":3453},[2983,4508,3498],{"class":3114},[2983,4510,3119],{"class":3118},[2983,4512,3123],{"class":3122},[2983,4514,3126],{"class":3003},[2983,4516,3130],{"class":3129},[2983,4518,3133],{"class":3114},[2983,4520,4522,4524,4526],{"class":2985,"line":4521},28,[2983,4523,3557],{"class":3114},[2983,4525,3501],{"class":3118},[2983,4527,3493],{"class":3114},[2965,4529,4530,4532,4533,4535],{},[3137,4531,3566],{}," Замість ",[2969,4534,3143],{}," ви побачите красиву картку з ім'ям, прізвищем, віком та email.",[3576,4537,4539],{"title":4538},"Person з DataTemplate",[2974,4540,4542],{"className":3105,"code":4541,"language":3107,"meta":2979,"style":2979},"\u003CStackPanel Margin=\"20\" Spacing=\"10\">\n  \u003CTextBlock Text=\"Поточна особа:\"/>\n  \u003CBorder Background=\"LightBlue\" \n          BorderBrush=\"DarkBlue\" \n          BorderThickness=\"1\" \n          Padding=\"10\" \n          CornerRadius=\"5\">\n    \u003CStackPanel Spacing=\"5\">\n      \u003CTextBlock Text=\"Іван\" FontWeight=\"Bold\" FontSize=\"16\"/>\n      \u003CTextBlock Text=\"Петренко\" FontSize=\"14\"/>\n      \u003CTextBlock Text=\"Вік: 25 років\" FontSize=\"12\" Foreground=\"Gray\"/>\n      \u003CTextBlock Text=\"ivan@example.com\" FontSize=\"12\" Foreground=\"DarkBlue\"/>\n    \u003C/StackPanel>\n  \u003C/Border>\n\u003C/StackPanel>\n",[2969,4543,4544,4564,4578,4592,4603,4614,4625,4636,4650,4679,4699,4726,4753,4761,4770],{"__ignoreMap":2979},[2983,4545,4546,4548,4550,4552,4554,4556,4558,4560,4562],{"class":2985,"line":2986},[2983,4547,3115],{"class":3114},[2983,4549,3501],{"class":3118},[2983,4551,3504],{"class":3122},[2983,4553,3126],{"class":3003},[2983,4555,3509],{"class":3129},[2983,4557,3598],{"class":3122},[2983,4559,3126],{"class":3003},[2983,4561,3603],{"class":3129},[2983,4563,3493],{"class":3114},[2983,4565,4566,4568,4570,4572,4574,4576],{"class":2985,"line":3000},[2983,4567,3610],{"class":3114},[2983,4569,3519],{"class":3118},[2983,4571,3522],{"class":3122},[2983,4573,3126],{"class":3003},[2983,4575,3527],{"class":3129},[2983,4577,3133],{"class":3114},[2983,4579,4580,4582,4584,4586,4588,4590],{"class":2985,"line":3007},[2983,4581,3610],{"class":3114},[2983,4583,4234],{"class":3118},[2983,4585,4237],{"class":3122},[2983,4587,3126],{"class":3003},[2983,4589,4242],{"class":3129},[2983,4591,3658],{"class":3003},[2983,4593,4594,4597,4599,4601],{"class":2985,"line":3035},[2983,4595,4596],{"class":3122},"          BorderBrush",[2983,4598,3126],{"class":3003},[2983,4600,4254],{"class":3129},[2983,4602,3658],{"class":3003},[2983,4604,4605,4608,4610,4612],{"class":2985,"line":3055},[2983,4606,4607],{"class":3122},"          BorderThickness",[2983,4609,3126],{"class":3003},[2983,4611,4266],{"class":3129},[2983,4613,3658],{"class":3003},[2983,4615,4616,4619,4621,4623],{"class":2985,"line":3076},[2983,4617,4618],{"class":3122},"          Padding",[2983,4620,3126],{"class":3003},[2983,4622,3603],{"class":3129},[2983,4624,3658],{"class":3003},[2983,4626,4627,4630,4632,4634],{"class":2985,"line":3096},[2983,4628,4629],{"class":3122},"          CornerRadius",[2983,4631,3126],{"class":3003},[2983,4633,4289],{"class":3129},[2983,4635,3493],{"class":3114},[2983,4637,4638,4640,4642,4644,4646,4648],{"class":2985,"line":3291},[2983,4639,3498],{"class":3114},[2983,4641,3501],{"class":3118},[2983,4643,3598],{"class":3122},[2983,4645,3126],{"class":3003},[2983,4647,4289],{"class":3129},[2983,4649,3493],{"class":3114},[2983,4651,4652,4655,4657,4659,4661,4663,4666,4668,4670,4673,4675,4677],{"class":2985,"line":3297},[2983,4653,4654],{"class":3114},"      \u003C",[2983,4656,3519],{"class":3118},[2983,4658,3522],{"class":3122},[2983,4660,3126],{"class":3003},[2983,4662,3386],{"class":3129},[2983,4664,4665],{"class":3122}," FontWeight",[2983,4667,3126],{"class":3003},[2983,4669,4325],{"class":3129},[2983,4671,4672],{"class":3122}," FontSize",[2983,4674,3126],{"class":3003},[2983,4676,4337],{"class":3129},[2983,4678,3133],{"class":3114},[2983,4680,4681,4683,4685,4687,4689,4691,4693,4695,4697],{"class":2985,"line":3303},[2983,4682,4654],{"class":3114},[2983,4684,3519],{"class":3118},[2983,4686,3522],{"class":3122},[2983,4688,3126],{"class":3003},[2983,4690,3400],{"class":3129},[2983,4692,4672],{"class":3122},[2983,4694,3126],{"class":3003},[2983,4696,4362],{"class":3129},[2983,4698,3133],{"class":3114},[2983,4700,4701,4703,4705,4707,4709,4712,4714,4716,4718,4720,4722,4724],{"class":2985,"line":3317},[2983,4702,4654],{"class":3114},[2983,4704,3519],{"class":3118},[2983,4706,3522],{"class":3122},[2983,4708,3126],{"class":3003},[2983,4710,4711],{"class":3129},"\"Вік: 25 років\"",[2983,4713,4672],{"class":3122},[2983,4715,3126],{"class":3003},[2983,4717,4388],{"class":3129},[2983,4719,3635],{"class":3122},[2983,4721,3126],{"class":3003},[2983,4723,3640],{"class":3129},[2983,4725,3133],{"class":3114},[2983,4727,4728,4730,4732,4734,4736,4739,4741,4743,4745,4747,4749,4751],{"class":2985,"line":3327},[2983,4729,4654],{"class":3114},[2983,4731,3519],{"class":3118},[2983,4733,3522],{"class":3122},[2983,4735,3126],{"class":3003},[2983,4737,4738],{"class":3129},"\"ivan@example.com\"",[2983,4740,4672],{"class":3122},[2983,4742,3126],{"class":3003},[2983,4744,4388],{"class":3129},[2983,4746,3635],{"class":3122},[2983,4748,3126],{"class":3003},[2983,4750,4254],{"class":3129},[2983,4752,3133],{"class":3114},[2983,4754,4755,4757,4759],{"class":2985,"line":3333},[2983,4756,3548],{"class":3114},[2983,4758,3501],{"class":3118},[2983,4760,3493],{"class":3114},[2983,4762,4763,4766,4768],{"class":2985,"line":3339},[2983,4764,4765],{"class":3114},"  \u003C/",[2983,4767,4234],{"class":3118},[2983,4769,3493],{"class":3114},[2983,4771,4772,4774,4776],{"class":2985,"line":3344},[2983,4773,3557],{"class":3114},[2983,4775,3501],{"class":3118},[2983,4777,3493],{"class":3114},[3210,4779,4781],{"id":4780},"що-відбувається-під-капотом","Що відбувається під капотом?",[3695,4783,4784],{},[2974,4785,4787],{"className":3699,"code":4786,"language":3695,"meta":2979,"style":2979},"sequenceDiagram\n    participant Binding as Binding Engine\n    participant CC as ContentControl\n    participant Person as Person Object\n    participant WPF as WPF Rendering\n    participant DT as DataTemplate\n    \n    Note over Binding,DT: Ініціалізація\n    Binding->>CC: Content = Person instance\n    CC->>WPF: Як відобразити Person?\n    WPF->>WPF: Шукає DataTemplate для Person\n    WPF->>DT: Знайдено DataTemplate з DataType=Person\n    DT->>WPF: Повертає XAML шаблон\n    WPF->>WPF: Створює UI з шаблону\n    WPF->>WPF: Встановлює DataContext = Person\n    WPF->>CC: Відображає створений UI\n    \n    style WPF fill:#10b981,stroke:#059669,color:#ffffff\n    style DT fill:#3b82f6,stroke:#1d4ed8,color:#ffffff\n",[2969,4788,4789,4793,4797,4801,4805,4809,4814,4818,4823,4827,4831,4835,4840,4845,4850,4855,4860,4864,4869],{"__ignoreMap":2979},[2983,4790,4791],{"class":2985,"line":2986},[2983,4792,3707],{},[2983,4794,4795],{"class":2985,"line":3000},[2983,4796,3712],{},[2983,4798,4799],{"class":2985,"line":3007},[2983,4800,3717],{},[2983,4802,4803],{"class":2985,"line":3035},[2983,4804,3722],{},[2983,4806,4807],{"class":2985,"line":3055},[2983,4808,3727],{},[2983,4810,4811],{"class":2985,"line":3076},[2983,4812,4813],{},"    participant DT as DataTemplate\n",[2983,4815,4816],{"class":2985,"line":3096},[2983,4817,3261],{},[2983,4819,4820],{"class":2985,"line":3291},[2983,4821,4822],{},"    Note over Binding,DT: Ініціалізація\n",[2983,4824,4825],{"class":2985,"line":3297},[2983,4826,3741],{},[2983,4828,4829],{"class":2985,"line":3303},[2983,4830,3746],{},[2983,4832,4833],{"class":2985,"line":3317},[2983,4834,3751],{},[2983,4836,4837],{"class":2985,"line":3327},[2983,4838,4839],{},"    WPF->>DT: Знайдено DataTemplate з DataType=Person\n",[2983,4841,4842],{"class":2985,"line":3333},[2983,4843,4844],{},"    DT->>WPF: Повертає XAML шаблон\n",[2983,4846,4847],{"class":2985,"line":3339},[2983,4848,4849],{},"    WPF->>WPF: Створює UI з шаблону\n",[2983,4851,4852],{"class":2985,"line":3344},[2983,4853,4854],{},"    WPF->>WPF: Встановлює DataContext = Person\n",[2983,4856,4857],{"class":2985,"line":3354},[2983,4858,4859],{},"    WPF->>CC: Відображає створений UI\n",[2983,4861,4862],{"class":2985,"line":3359},[2983,4863,3261],{},[2983,4865,4866],{"class":2985,"line":3372},[2983,4867,4868],{},"    style WPF fill:#10b981,stroke:#059669,color:#ffffff\n",[2983,4870,4871],{"class":2985,"line":3377},[2983,4872,4873],{},"    style DT fill:#3b82f6,stroke:#1d4ed8,color:#ffffff\n",[2965,4875,4876],{},[3137,4877,3790],{},[3792,4879,4880,4886,4894,4897,4900,4908],{},[3795,4881,4882,3800,4884],{},[2969,4883,3799],{},[2969,4885,2971],{},[3795,4887,3805,4888,4890,4891],{},[2969,4889,3808],{}," з ",[2969,4892,4893],{},"DataType=\"{x:Type Person}\"",[3795,4895,4896],{},"Знаходить шаблон у ресурсах",[3795,4898,4899],{},"Створює UI з шаблону (Border → StackPanel → TextBlock-и)",[3795,4901,4902,4903,4905,4906],{},"Встановлює ",[2969,4904,4189],{}," створеного UI = об'єкт ",[2969,4907,2971],{},[3795,4909,4910,4911],{},"Binding-и всередині шаблону прив'язуються до властивостей ",[2969,4912,2971],{},[3200,4914],{},[2960,4916,4918],{"id":4917},"implicit-vs-explicit-datatemplates","Implicit vs Explicit DataTemplates",[2965,4920,4921,4922,4925,4926,4929],{},"DataTemplate може бути ",[3137,4923,4924],{},"неявним"," (implicit) або ",[3137,4927,4928],{},"явним"," (explicit).",[3210,4931,4933],{"id":4932},"implicit-datatemplate-без-xkey","Implicit DataTemplate (без x:Key)",[2965,4935,4936,4939,4940,4943],{},[3137,4937,4938],{},"Визначення:"," DataTemplate без ",[2969,4941,4942],{},"x:Key"," — автоматично застосовується до всіх об'єктів цього типу.",[2974,4945,4947],{"className":3105,"code":4946,"language":3107,"meta":2979,"style":2979},"\u003CWindow.Resources>\n    \u003C!-- Implicit — без x:Key -->\n    \u003CDataTemplate DataType=\"{x:Type local:Person}\">\n        \u003CBorder Background=\"LightBlue\" Padding=\"10\">\n            \u003CTextBlock Text=\"{Binding FirstName}\"/>\n        \u003C/Border>\n    \u003C/DataTemplate>\n\u003C/Window.Resources>\n\n\u003C!-- Автоматично використовує DataTemplate для Person -->\n\u003CContentControl Content=\"{Binding CurrentPerson}\"/>\n\u003CContentControl Content=\"{Binding AnotherPerson}\"/>\n\u003CListBox ItemsSource=\"{Binding People}\"/>  \u003C!-- Кожен Person відображається через шаблон -->\n",[2969,4948,4949,4957,4962,4976,4997,5011,5019,5027,5035,5039,5044,5058,5073],{"__ignoreMap":2979},[2983,4950,4951,4953,4955],{"class":2985,"line":2986},[2983,4952,3115],{"class":3114},[2983,4954,4211],{"class":3118},[2983,4956,3493],{"class":3114},[2983,4958,4959],{"class":2985,"line":3000},[2983,4960,4961],{"class":3449},"    \u003C!-- Implicit — без x:Key -->\n",[2983,4963,4964,4966,4968,4970,4972,4974],{"class":2985,"line":3007},[2983,4965,3498],{"class":3114},[2983,4967,3808],{"class":3118},[2983,4969,4081],{"class":3122},[2983,4971,3126],{"class":3003},[2983,4973,4086],{"class":3129},[2983,4975,3493],{"class":3114},[2983,4977,4978,4980,4982,4984,4986,4988,4991,4993,4995],{"class":2985,"line":3035},[2983,4979,3516],{"class":3114},[2983,4981,4234],{"class":3118},[2983,4983,4237],{"class":3122},[2983,4985,3126],{"class":3003},[2983,4987,4242],{"class":3129},[2983,4989,4990],{"class":3122}," Padding",[2983,4992,3126],{"class":3003},[2983,4994,3603],{"class":3129},[2983,4996,3493],{"class":3114},[2983,4998,4999,5001,5003,5005,5007,5009],{"class":2985,"line":3055},[2983,5000,4296],{"class":3114},[2983,5002,3519],{"class":3118},[2983,5004,3522],{"class":3122},[2983,5006,3126],{"class":3003},[2983,5008,4114],{"class":3129},[2983,5010,3133],{"class":3114},[2983,5012,5013,5015,5017],{"class":2985,"line":3076},[2983,5014,4450],{"class":3114},[2983,5016,4234],{"class":3118},[2983,5018,3493],{"class":3114},[2983,5020,5021,5023,5025],{"class":2985,"line":3096},[2983,5022,3548],{"class":3114},[2983,5024,3808],{"class":3118},[2983,5026,3493],{"class":3114},[2983,5028,5029,5031,5033],{"class":2985,"line":3291},[2983,5030,3557],{"class":3114},[2983,5032,4211],{"class":3118},[2983,5034,3493],{"class":3114},[2983,5036,5037],{"class":2985,"line":3297},[2983,5038,4476],{"emptyLinePlaceholder":4475},[2983,5040,5041],{"class":2985,"line":3303},[2983,5042,5043],{"class":3449},"\u003C!-- Автоматично використовує DataTemplate для Person -->\n",[2983,5045,5046,5048,5050,5052,5054,5056],{"class":2985,"line":3317},[2983,5047,3115],{"class":3114},[2983,5049,3119],{"class":3118},[2983,5051,3123],{"class":3122},[2983,5053,3126],{"class":3003},[2983,5055,3130],{"class":3129},[2983,5057,3133],{"class":3114},[2983,5059,5060,5062,5064,5066,5068,5071],{"class":2985,"line":3327},[2983,5061,3115],{"class":3114},[2983,5063,3119],{"class":3118},[2983,5065,3123],{"class":3122},[2983,5067,3126],{"class":3003},[2983,5069,5070],{"class":3129},"\"{Binding AnotherPerson}\"",[2983,5072,3133],{"class":3114},[2983,5074,5075,5077,5080,5083,5085,5088,5091],{"class":2985,"line":3333},[2983,5076,3115],{"class":3114},[2983,5078,5079],{"class":3118},"ListBox",[2983,5081,5082],{"class":3122}," ItemsSource",[2983,5084,3126],{"class":3003},[2983,5086,5087],{"class":3129},"\"{Binding People}\"",[2983,5089,5090],{"class":3114},"/>",[2983,5092,5093],{"class":3449},"  \u003C!-- Кожен Person відображається через шаблон -->\n",[2965,5095,5096],{},[3137,5097,5098],{},"Переваги:",[4169,5100,5101,5104,5110],{},[3795,5102,5103],{},"✅ Автоматичне застосування — не потрібно вказувати шаблон вручну",[3795,5105,5106,5107,5109],{},"✅ Консистентність — всі об'єкти типу ",[2969,5108,2971],{}," виглядають однаково",[3795,5111,5112],{},"✅ Менше коду — один шаблон для всього проєкту",[2965,5114,5115],{},[3137,5116,5117],{},"Коли використовувати:",[4169,5119,5120,5123,5126],{},[3795,5121,5122],{},"Коли є один стандартний спосіб відображення об'єкта",[3795,5124,5125],{},"Для моделей, що використовуються у багатьох місцях",[3795,5127,5128],{},"Для автоматичної візуалізації у колекціях (ListBox, ComboBox)",[3210,5130,5132],{"id":5131},"explicit-datatemplate-з-xkey","Explicit DataTemplate (з x:Key)",[2965,5134,5135,5137,5138,5140,5141,5144,5145,3148],{},[3137,5136,4938],{}," DataTemplate з ",[2969,5139,4942],{}," — застосовується вручну через ",[2969,5142,5143],{},"ContentTemplate"," або ",[2969,5146,5147],{},"ItemTemplate",[2974,5149,5151],{"className":3105,"code":5150,"language":3107,"meta":2979,"style":2979},"\u003CWindow.Resources>\n    \u003C!-- Explicit — з x:Key -->\n    \u003CDataTemplate x:Key=\"personCardTemplate\" DataType=\"{x:Type local:Person}\">\n        \u003CBorder Background=\"LightGreen\" Padding=\"10\">\n            \u003CStackPanel>\n                \u003CTextBlock Text=\"{Binding FirstName}\" FontWeight=\"Bold\"/>\n                \u003CTextBlock Text=\"{Binding Email}\"/>\n            \u003C/StackPanel>\n        \u003C/Border>\n    \u003C/DataTemplate>\n    \n    \u003CDataTemplate x:Key=\"personCompactTemplate\" DataType=\"{x:Type local:Person}\">\n        \u003CTextBlock Text=\"{Binding FirstName}\"/>\n    \u003C/DataTemplate>\n\u003C/Window.Resources>\n\n\u003C!-- Вручну вказуємо шаблон -->\n\u003CContentControl Content=\"{Binding CurrentPerson}\" \n                ContentTemplate=\"{StaticResource personCardTemplate}\"/>\n\n\u003CContentControl Content=\"{Binding AnotherPerson}\" \n                ContentTemplate=\"{StaticResource personCompactTemplate}\"/>\n",[2969,5152,5153,5161,5166,5188,5209,5217,5237,5251,5259,5267,5275,5279,5300,5314,5322,5330,5334,5339,5353,5365,5369,5383],{"__ignoreMap":2979},[2983,5154,5155,5157,5159],{"class":2985,"line":2986},[2983,5156,3115],{"class":3114},[2983,5158,4211],{"class":3118},[2983,5160,3493],{"class":3114},[2983,5162,5163],{"class":2985,"line":3000},[2983,5164,5165],{"class":3449},"    \u003C!-- Explicit — з x:Key -->\n",[2983,5167,5168,5170,5172,5175,5177,5180,5182,5184,5186],{"class":2985,"line":3007},[2983,5169,3498],{"class":3114},[2983,5171,3808],{"class":3118},[2983,5173,5174],{"class":3122}," x:Key",[2983,5176,3126],{"class":3003},[2983,5178,5179],{"class":3129},"\"personCardTemplate\"",[2983,5181,4081],{"class":3122},[2983,5183,3126],{"class":3003},[2983,5185,4086],{"class":3129},[2983,5187,3493],{"class":3114},[2983,5189,5190,5192,5194,5196,5198,5201,5203,5205,5207],{"class":2985,"line":3035},[2983,5191,3516],{"class":3114},[2983,5193,4234],{"class":3118},[2983,5195,4237],{"class":3122},[2983,5197,3126],{"class":3003},[2983,5199,5200],{"class":3129},"\"LightGreen\"",[2983,5202,4990],{"class":3122},[2983,5204,3126],{"class":3003},[2983,5206,3603],{"class":3129},[2983,5208,3493],{"class":3114},[2983,5210,5211,5213,5215],{"class":2985,"line":3055},[2983,5212,4296],{"class":3114},[2983,5214,3501],{"class":3118},[2983,5216,3493],{"class":3114},[2983,5218,5219,5221,5223,5225,5227,5229,5231,5233,5235],{"class":2985,"line":3076},[2983,5220,4305],{"class":3114},[2983,5222,3519],{"class":3118},[2983,5224,3522],{"class":3122},[2983,5226,3126],{"class":3003},[2983,5228,4114],{"class":3129},[2983,5230,4665],{"class":3122},[2983,5232,3126],{"class":3003},[2983,5234,4325],{"class":3129},[2983,5236,3133],{"class":3114},[2983,5238,5239,5241,5243,5245,5247,5249],{"class":2985,"line":3096},[2983,5240,4305],{"class":3114},[2983,5242,3519],{"class":3118},[2983,5244,3522],{"class":3122},[2983,5246,3126],{"class":3003},[2983,5248,4414],{"class":3129},[2983,5250,3133],{"class":3114},[2983,5252,5253,5255,5257],{"class":2985,"line":3291},[2983,5254,4441],{"class":3114},[2983,5256,3501],{"class":3118},[2983,5258,3493],{"class":3114},[2983,5260,5261,5263,5265],{"class":2985,"line":3297},[2983,5262,4450],{"class":3114},[2983,5264,4234],{"class":3118},[2983,5266,3493],{"class":3114},[2983,5268,5269,5271,5273],{"class":2985,"line":3303},[2983,5270,3548],{"class":3114},[2983,5272,3808],{"class":3118},[2983,5274,3493],{"class":3114},[2983,5276,5277],{"class":2985,"line":3317},[2983,5278,3261],{"class":3003},[2983,5280,5281,5283,5285,5287,5289,5292,5294,5296,5298],{"class":2985,"line":3327},[2983,5282,3498],{"class":3114},[2983,5284,3808],{"class":3118},[2983,5286,5174],{"class":3122},[2983,5288,3126],{"class":3003},[2983,5290,5291],{"class":3129},"\"personCompactTemplate\"",[2983,5293,4081],{"class":3122},[2983,5295,3126],{"class":3003},[2983,5297,4086],{"class":3129},[2983,5299,3493],{"class":3114},[2983,5301,5302,5304,5306,5308,5310,5312],{"class":2985,"line":3333},[2983,5303,3516],{"class":3114},[2983,5305,3519],{"class":3118},[2983,5307,3522],{"class":3122},[2983,5309,3126],{"class":3003},[2983,5311,4114],{"class":3129},[2983,5313,3133],{"class":3114},[2983,5315,5316,5318,5320],{"class":2985,"line":3339},[2983,5317,3548],{"class":3114},[2983,5319,3808],{"class":3118},[2983,5321,3493],{"class":3114},[2983,5323,5324,5326,5328],{"class":2985,"line":3344},[2983,5325,3557],{"class":3114},[2983,5327,4211],{"class":3118},[2983,5329,3493],{"class":3114},[2983,5331,5332],{"class":2985,"line":3354},[2983,5333,4476],{"emptyLinePlaceholder":4475},[2983,5335,5336],{"class":2985,"line":3359},[2983,5337,5338],{"class":3449},"\u003C!-- Вручну вказуємо шаблон -->\n",[2983,5340,5341,5343,5345,5347,5349,5351],{"class":2985,"line":3372},[2983,5342,3115],{"class":3114},[2983,5344,3119],{"class":3118},[2983,5346,3123],{"class":3122},[2983,5348,3126],{"class":3003},[2983,5350,3130],{"class":3129},[2983,5352,3658],{"class":3003},[2983,5354,5355,5358,5360,5363],{"class":2985,"line":3377},[2983,5356,5357],{"class":3122},"                ContentTemplate",[2983,5359,3126],{"class":3003},[2983,5361,5362],{"class":3129},"\"{StaticResource personCardTemplate}\"",[2983,5364,3133],{"class":3114},[2983,5366,5367],{"class":2985,"line":3392},[2983,5368,4476],{"emptyLinePlaceholder":4475},[2983,5370,5371,5373,5375,5377,5379,5381],{"class":2985,"line":3405},[2983,5372,3115],{"class":3114},[2983,5374,3119],{"class":3118},[2983,5376,3123],{"class":3122},[2983,5378,3126],{"class":3003},[2983,5380,5070],{"class":3129},[2983,5382,3658],{"class":3003},[2983,5384,5385,5387,5389,5392],{"class":2985,"line":3419},[2983,5386,5357],{"class":3122},[2983,5388,3126],{"class":3003},[2983,5390,5391],{"class":3129},"\"{StaticResource personCompactTemplate}\"",[2983,5393,3133],{"class":3114},[2965,5395,5396],{},[3137,5397,5098],{},[4169,5399,5400,5403,5406],{},[3795,5401,5402],{},"✅ Гнучкість — різні шаблони для різних контекстів",[3795,5404,5405],{},"✅ Контроль — явно вказуєте, який шаблон використовувати",[3795,5407,5408],{},"✅ Множинність — кілька шаблонів для одного типу",[2965,5410,5411],{},[3137,5412,5117],{},[4169,5414,5415,5418,5421],{},[3795,5416,5417],{},"Коли потрібні різні представлення одного об'єкта (картка, компактний вигляд, детальний вигляд)",[3795,5419,5420],{},"Для спеціальних випадків (наприклад, \"вибраний елемент\" виглядає інакше)",[3795,5422,5423],{},"Коли шаблон використовується тільки в одному місці",[3210,5425,5427],{"id":5426},"порівняльна-таблиця","Порівняльна таблиця",[5429,5430,5431,5447],"table",{},[5432,5433,5434],"thead",{},[5435,5436,5437,5441,5444],"tr",{},[5438,5439,5440],"th",{},"Аспект",[5438,5442,5443],{},"Implicit DataTemplate",[5438,5445,5446],{},"Explicit DataTemplate",[5448,5449,5450,5463,5476,5489,5502],"tbody",{},[5435,5451,5452,5457,5460],{},[5453,5454,5455],"td",{},[3137,5456,4942],{},[5453,5458,5459],{},"❌ Немає",[5453,5461,5462],{},"✅ Є",[5435,5464,5465,5470,5473],{},[5453,5466,5467],{},[3137,5468,5469],{},"Застосування",[5453,5471,5472],{},"Автоматичне для всіх об'єктів типу",[5453,5474,5475],{},"Вручну через ContentTemplate/ItemTemplate",[5435,5477,5478,5483,5486],{},[5453,5479,5480],{},[3137,5481,5482],{},"Область дії",[5453,5484,5485],{},"Всі об'єкти типу у scope ресурсів",[5453,5487,5488],{},"Тільки де явно вказано",[5435,5490,5491,5496,5499],{},[5453,5492,5493],{},[3137,5494,5495],{},"Кількість шаблонів",[5453,5497,5498],{},"Один на тип",[5453,5500,5501],{},"Необмежена кількість",[5435,5503,5504,5509,5512],{},[5453,5505,5506],{},[3137,5507,5508],{},"Use Case",[5453,5510,5511],{},"Стандартне відображення",[5453,5513,5514],{},"Спеціальні випадки, варіації",[3200,5516],{},[2960,5518,5520],{"id":5519},"contenttemplate-vs-itemtemplate","ContentTemplate vs ItemTemplate",[2965,5522,5523],{},"Різні контроли використовують DataTemplate по-різному.",[3210,5525,5527],{"id":5526},"contentcontrolcontenttemplate","ContentControl.ContentTemplate",[2965,5529,5530,5532,5533,5536,5537,3148],{},[2969,5531,3119],{}," (Button, Label, GroupBox) відображає ",[3137,5534,5535],{},"один"," об'єкт через ",[2969,5538,5143],{},[2965,5540,5541],{},[3137,5542,5543],{},"Синтаксис:",[2974,5545,5547],{"className":3105,"code":5546,"language":3107,"meta":2979,"style":2979},"\u003CContentControl Content=\"{Binding CurrentPerson}\" \n                ContentTemplate=\"{StaticResource personTemplate}\"/>\n",[2969,5548,5549,5563],{"__ignoreMap":2979},[2983,5550,5551,5553,5555,5557,5559,5561],{"class":2985,"line":2986},[2983,5552,3115],{"class":3114},[2983,5554,3119],{"class":3118},[2983,5556,3123],{"class":3122},[2983,5558,3126],{"class":3003},[2983,5560,3130],{"class":3129},[2983,5562,3658],{"class":3003},[2983,5564,5565,5567,5569,5572],{"class":2985,"line":3000},[2983,5566,5357],{"class":3122},[2983,5568,3126],{"class":3003},[2983,5570,5571],{"class":3129},"\"{StaticResource personTemplate}\"",[2983,5573,3133],{"class":3114},[2965,5575,5576],{},[3137,5577,5578],{},"Приклад: Картка профілю",[2974,5580,5582],{"className":3105,"code":5581,"language":3107,"meta":2979,"style":2979},"\u003CWindow.Resources>\n    \u003CDataTemplate x:Key=\"profileCardTemplate\">\n        \u003CBorder Background=\"#F5F5F5\" \n                BorderBrush=\"#CCCCCC\" \n                BorderThickness=\"1\" \n                Padding=\"20\" \n                CornerRadius=\"10\">\n            \u003CGrid>\n                \u003CGrid.ColumnDefinitions>\n                    \u003CColumnDefinition Width=\"Auto\"/>\n                    \u003CColumnDefinition Width=\"*\"/>\n                \u003C/Grid.ColumnDefinitions>\n                \n                \u003C!-- Аватар (placeholder) -->\n                \u003CEllipse Width=\"80\" \n                         Height=\"80\" \n                         Fill=\"#2196F3\" \n                         Grid.Column=\"0\" \n                         Margin=\"0,0,20,0\"/>\n                \n                \u003C!-- Інформація -->\n                \u003CStackPanel Grid.Column=\"1\" VerticalAlignment=\"Center\">\n                    \u003CTextBlock FontSize=\"20\" FontWeight=\"Bold\">\n                        \u003CTextBlock.Text>\n                            \u003CMultiBinding StringFormat=\"{}{0} {1}\">\n                                \u003CBinding Path=\"FirstName\"/>\n                                \u003CBinding Path=\"LastName\"/>\n                            \u003C/MultiBinding>\n                        \u003C/TextBlock.Text>\n                    \u003C/TextBlock>\n                    \u003CTextBlock Text=\"{Binding Age, StringFormat='Вік: {0} років'}\" \n                               FontSize=\"14\" \n                               Foreground=\"Gray\" \n                               Margin=\"0,5,0,0\"/>\n                    \u003CTextBlock Text=\"{Binding Email}\" \n                               FontSize=\"14\" \n                               Foreground=\"#2196F3\" \n                               Margin=\"0,5,0,0\"/>\n                \u003C/StackPanel>\n            \u003C/Grid>\n        \u003C/Border>\n    \u003C/DataTemplate>\n\u003C/Window.Resources>\n\n\u003CContentControl Content=\"{Binding CurrentPerson}\" \n                ContentTemplate=\"{StaticResource profileCardTemplate}\"/>\n",[2969,5583,5584,5592,5607,5622,5633,5643,5653,5663,5672,5681,5699,5714,5723,5728,5733,5749,5760,5772,5784,5796,5800,5805,5828,5848,5858,5876,5894,5909,5918,5928,5938,5953,5965,5977,5990,6005,6016,6027,6038,6047,6056,6065,6074,6083,6088,6103],{"__ignoreMap":2979},[2983,5585,5586,5588,5590],{"class":2985,"line":2986},[2983,5587,3115],{"class":3114},[2983,5589,4211],{"class":3118},[2983,5591,3493],{"class":3114},[2983,5593,5594,5596,5598,5600,5602,5605],{"class":2985,"line":3000},[2983,5595,3498],{"class":3114},[2983,5597,3808],{"class":3118},[2983,5599,5174],{"class":3122},[2983,5601,3126],{"class":3003},[2983,5603,5604],{"class":3129},"\"profileCardTemplate\"",[2983,5606,3493],{"class":3114},[2983,5608,5609,5611,5613,5615,5617,5620],{"class":2985,"line":3007},[2983,5610,3516],{"class":3114},[2983,5612,4234],{"class":3118},[2983,5614,4237],{"class":3122},[2983,5616,3126],{"class":3003},[2983,5618,5619],{"class":3129},"\"#F5F5F5\"",[2983,5621,3658],{"class":3003},[2983,5623,5624,5626,5628,5631],{"class":2985,"line":3035},[2983,5625,4249],{"class":3122},[2983,5627,3126],{"class":3003},[2983,5629,5630],{"class":3129},"\"#CCCCCC\"",[2983,5632,3658],{"class":3003},[2983,5634,5635,5637,5639,5641],{"class":2985,"line":3055},[2983,5636,4261],{"class":3122},[2983,5638,3126],{"class":3003},[2983,5640,4266],{"class":3129},[2983,5642,3658],{"class":3003},[2983,5644,5645,5647,5649,5651],{"class":2985,"line":3076},[2983,5646,4273],{"class":3122},[2983,5648,3126],{"class":3003},[2983,5650,3509],{"class":3129},[2983,5652,3658],{"class":3003},[2983,5654,5655,5657,5659,5661],{"class":2985,"line":3096},[2983,5656,4284],{"class":3122},[2983,5658,3126],{"class":3003},[2983,5660,3603],{"class":3129},[2983,5662,3493],{"class":3114},[2983,5664,5665,5667,5670],{"class":2985,"line":3291},[2983,5666,4296],{"class":3114},[2983,5668,5669],{"class":3118},"Grid",[2983,5671,3493],{"class":3114},[2983,5673,5674,5676,5679],{"class":2985,"line":3297},[2983,5675,4305],{"class":3114},[2983,5677,5678],{"class":3118},"Grid.ColumnDefinitions",[2983,5680,3493],{"class":3114},[2983,5682,5683,5686,5689,5692,5694,5697],{"class":2985,"line":3303},[2983,5684,5685],{"class":3114},"                    \u003C",[2983,5687,5688],{"class":3118},"ColumnDefinition",[2983,5690,5691],{"class":3122}," Width",[2983,5693,3126],{"class":3003},[2983,5695,5696],{"class":3129},"\"Auto\"",[2983,5698,3133],{"class":3114},[2983,5700,5701,5703,5705,5707,5709,5712],{"class":2985,"line":3317},[2983,5702,5685],{"class":3114},[2983,5704,5688],{"class":3118},[2983,5706,5691],{"class":3122},[2983,5708,3126],{"class":3003},[2983,5710,5711],{"class":3129},"\"*\"",[2983,5713,3133],{"class":3114},[2983,5715,5716,5719,5721],{"class":2985,"line":3327},[2983,5717,5718],{"class":3114},"                \u003C/",[2983,5720,5678],{"class":3118},[2983,5722,3493],{"class":3114},[2983,5724,5725],{"class":2985,"line":3333},[2983,5726,5727],{"class":3003},"                \n",[2983,5729,5730],{"class":2985,"line":3339},[2983,5731,5732],{"class":3449},"                \u003C!-- Аватар (placeholder) -->\n",[2983,5734,5735,5737,5740,5742,5744,5747],{"class":2985,"line":3344},[2983,5736,4305],{"class":3114},[2983,5738,5739],{"class":3118},"Ellipse",[2983,5741,5691],{"class":3122},[2983,5743,3126],{"class":3003},[2983,5745,5746],{"class":3129},"\"80\"",[2983,5748,3658],{"class":3003},[2983,5750,5751,5754,5756,5758],{"class":2985,"line":3354},[2983,5752,5753],{"class":3122},"                         Height",[2983,5755,3126],{"class":3003},[2983,5757,5746],{"class":3129},[2983,5759,3658],{"class":3003},[2983,5761,5762,5765,5767,5770],{"class":2985,"line":3359},[2983,5763,5764],{"class":3122},"                         Fill",[2983,5766,3126],{"class":3003},[2983,5768,5769],{"class":3129},"\"#2196F3\"",[2983,5771,3658],{"class":3003},[2983,5773,5774,5777,5779,5782],{"class":2985,"line":3372},[2983,5775,5776],{"class":3122},"                         Grid.Column",[2983,5778,3126],{"class":3003},[2983,5780,5781],{"class":3129},"\"0\"",[2983,5783,3658],{"class":3003},[2983,5785,5786,5789,5791,5794],{"class":2985,"line":3377},[2983,5787,5788],{"class":3122},"                         Margin",[2983,5790,3126],{"class":3003},[2983,5792,5793],{"class":3129},"\"0,0,20,0\"",[2983,5795,3133],{"class":3114},[2983,5797,5798],{"class":2985,"line":3392},[2983,5799,5727],{"class":3003},[2983,5801,5802],{"class":2985,"line":3405},[2983,5803,5804],{"class":3449},"                \u003C!-- Інформація -->\n",[2983,5806,5807,5809,5811,5814,5816,5818,5821,5823,5826],{"class":2985,"line":3419},[2983,5808,4305],{"class":3114},[2983,5810,3501],{"class":3118},[2983,5812,5813],{"class":3122}," Grid.Column",[2983,5815,3126],{"class":3003},[2983,5817,4266],{"class":3129},[2983,5819,5820],{"class":3122}," VerticalAlignment",[2983,5822,3126],{"class":3003},[2983,5824,5825],{"class":3129},"\"Center\"",[2983,5827,3493],{"class":3114},[2983,5829,5830,5832,5834,5836,5838,5840,5842,5844,5846],{"class":2985,"line":3430},[2983,5831,5685],{"class":3114},[2983,5833,3519],{"class":3118},[2983,5835,4672],{"class":3122},[2983,5837,3126],{"class":3003},[2983,5839,3509],{"class":3129},[2983,5841,4665],{"class":3122},[2983,5843,3126],{"class":3003},[2983,5845,4325],{"class":3129},[2983,5847,3493],{"class":3114},[2983,5849,5850,5853,5856],{"class":2985,"line":3436},[2983,5851,5852],{"class":3114},"                        \u003C",[2983,5854,5855],{"class":3118},"TextBlock.Text",[2983,5857,3493],{"class":3114},[2983,5859,5860,5863,5866,5869,5871,5874],{"class":2985,"line":3441},[2983,5861,5862],{"class":3114},"                            \u003C",[2983,5864,5865],{"class":3118},"MultiBinding",[2983,5867,5868],{"class":3122}," StringFormat",[2983,5870,3126],{"class":3003},[2983,5872,5873],{"class":3129},"\"{}{0} {1}\"",[2983,5875,3493],{"class":3114},[2983,5877,5878,5881,5884,5887,5889,5892],{"class":2985,"line":3446},[2983,5879,5880],{"class":3114},"                                \u003C",[2983,5882,5883],{"class":3118},"Binding",[2983,5885,5886],{"class":3122}," Path",[2983,5888,3126],{"class":3003},[2983,5890,5891],{"class":3129},"\"FirstName\"",[2983,5893,3133],{"class":3114},[2983,5895,5896,5898,5900,5902,5904,5907],{"class":2985,"line":3453},[2983,5897,5880],{"class":3114},[2983,5899,5883],{"class":3118},[2983,5901,5886],{"class":3122},[2983,5903,3126],{"class":3003},[2983,5905,5906],{"class":3129},"\"LastName\"",[2983,5908,3133],{"class":3114},[2983,5910,5911,5914,5916],{"class":2985,"line":4521},[2983,5912,5913],{"class":3114},"                            \u003C/",[2983,5915,5865],{"class":3118},[2983,5917,3493],{"class":3114},[2983,5919,5921,5924,5926],{"class":2985,"line":5920},29,[2983,5922,5923],{"class":3114},"                        \u003C/",[2983,5925,5855],{"class":3118},[2983,5927,3493],{"class":3114},[2983,5929,5931,5934,5936],{"class":2985,"line":5930},30,[2983,5932,5933],{"class":3114},"                    \u003C/",[2983,5935,3519],{"class":3118},[2983,5937,3493],{"class":3114},[2983,5939,5941,5943,5945,5947,5949,5951],{"class":2985,"line":5940},31,[2983,5942,5685],{"class":3114},[2983,5944,3519],{"class":3118},[2983,5946,3522],{"class":3122},[2983,5948,3126],{"class":3003},[2983,5950,4377],{"class":3129},[2983,5952,3658],{"class":3003},[2983,5954,5956,5959,5961,5963],{"class":2985,"line":5955},32,[2983,5957,5958],{"class":3122},"                               FontSize",[2983,5960,3126],{"class":3003},[2983,5962,4362],{"class":3129},[2983,5964,3658],{"class":3003},[2983,5966,5968,5971,5973,5975],{"class":2985,"line":5967},33,[2983,5969,5970],{"class":3122},"                               Foreground",[2983,5972,3126],{"class":3003},[2983,5974,3640],{"class":3129},[2983,5976,3658],{"class":3003},[2983,5978,5980,5983,5985,5988],{"class":2985,"line":5979},34,[2983,5981,5982],{"class":3122},"                               Margin",[2983,5984,3126],{"class":3003},[2983,5986,5987],{"class":3129},"\"0,5,0,0\"",[2983,5989,3133],{"class":3114},[2983,5991,5993,5995,5997,5999,6001,6003],{"class":2985,"line":5992},35,[2983,5994,5685],{"class":3114},[2983,5996,3519],{"class":3118},[2983,5998,3522],{"class":3122},[2983,6000,3126],{"class":3003},[2983,6002,4414],{"class":3129},[2983,6004,3658],{"class":3003},[2983,6006,6008,6010,6012,6014],{"class":2985,"line":6007},36,[2983,6009,5958],{"class":3122},[2983,6011,3126],{"class":3003},[2983,6013,4362],{"class":3129},[2983,6015,3658],{"class":3003},[2983,6017,6019,6021,6023,6025],{"class":2985,"line":6018},37,[2983,6020,5970],{"class":3122},[2983,6022,3126],{"class":3003},[2983,6024,5769],{"class":3129},[2983,6026,3658],{"class":3003},[2983,6028,6030,6032,6034,6036],{"class":2985,"line":6029},38,[2983,6031,5982],{"class":3122},[2983,6033,3126],{"class":3003},[2983,6035,5987],{"class":3129},[2983,6037,3133],{"class":3114},[2983,6039,6041,6043,6045],{"class":2985,"line":6040},39,[2983,6042,5718],{"class":3114},[2983,6044,3501],{"class":3118},[2983,6046,3493],{"class":3114},[2983,6048,6050,6052,6054],{"class":2985,"line":6049},40,[2983,6051,4441],{"class":3114},[2983,6053,5669],{"class":3118},[2983,6055,3493],{"class":3114},[2983,6057,6059,6061,6063],{"class":2985,"line":6058},41,[2983,6060,4450],{"class":3114},[2983,6062,4234],{"class":3118},[2983,6064,3493],{"class":3114},[2983,6066,6068,6070,6072],{"class":2985,"line":6067},42,[2983,6069,3548],{"class":3114},[2983,6071,3808],{"class":3118},[2983,6073,3493],{"class":3114},[2983,6075,6077,6079,6081],{"class":2985,"line":6076},43,[2983,6078,3557],{"class":3114},[2983,6080,4211],{"class":3118},[2983,6082,3493],{"class":3114},[2983,6084,6086],{"class":2985,"line":6085},44,[2983,6087,4476],{"emptyLinePlaceholder":4475},[2983,6089,6091,6093,6095,6097,6099,6101],{"class":2985,"line":6090},45,[2983,6092,3115],{"class":3114},[2983,6094,3119],{"class":3118},[2983,6096,3123],{"class":3122},[2983,6098,3126],{"class":3003},[2983,6100,3130],{"class":3129},[2983,6102,3658],{"class":3003},[2983,6104,6106,6108,6110,6113],{"class":2985,"line":6105},46,[2983,6107,5357],{"class":3122},[2983,6109,3126],{"class":3003},[2983,6111,6112],{"class":3129},"\"{StaticResource profileCardTemplate}\"",[2983,6114,3133],{"class":3114},[3576,6116,6118],{"title":6117},"Картка профілю через ContentTemplate",[2974,6119,6121],{"className":3105,"code":6120,"language":3107,"meta":2979,"style":2979},"\u003CBorder Background=\"#F5F5F5\" \n        BorderBrush=\"#CCCCCC\" \n        BorderThickness=\"1\" \n        Padding=\"20\" \n        CornerRadius=\"10\"\n        Margin=\"20\">\n  \u003CGrid>\n    \u003CGrid.ColumnDefinitions>\n      \u003CColumnDefinition Width=\"Auto\"/>\n      \u003CColumnDefinition Width=\"*\"/>\n    \u003C/Grid.ColumnDefinitions>\n    \n    \u003CEllipse Width=\"80\" Height=\"80\" Fill=\"#2196F3\" Grid.Column=\"0\" Margin=\"0,0,20,0\"/>\n    \n    \u003CStackPanel Grid.Column=\"1\" VerticalAlignment=\"Center\" Spacing=\"5\">\n      \u003CTextBlock Text=\"Іван Петренко\" FontSize=\"20\" FontWeight=\"Bold\"/>\n      \u003CTextBlock Text=\"Вік: 25 років\" FontSize=\"14\" Foreground=\"Gray\"/>\n      \u003CTextBlock Text=\"ivan@example.com\" FontSize=\"14\" Foreground=\"#2196F3\"/>\n    \u003C/StackPanel>\n  \u003C/Grid>\n\u003C/Border>\n",[2969,6122,6123,6137,6148,6159,6170,6180,6191,6199,6207,6221,6235,6243,6247,6287,6291,6317,6344,6370,6396,6404,6412],{"__ignoreMap":2979},[2983,6124,6125,6127,6129,6131,6133,6135],{"class":2985,"line":2986},[2983,6126,3115],{"class":3114},[2983,6128,4234],{"class":3118},[2983,6130,4237],{"class":3122},[2983,6132,3126],{"class":3003},[2983,6134,5619],{"class":3129},[2983,6136,3658],{"class":3003},[2983,6138,6139,6142,6144,6146],{"class":2985,"line":3000},[2983,6140,6141],{"class":3122},"        BorderBrush",[2983,6143,3126],{"class":3003},[2983,6145,5630],{"class":3129},[2983,6147,3658],{"class":3003},[2983,6149,6150,6153,6155,6157],{"class":2985,"line":3007},[2983,6151,6152],{"class":3122},"        BorderThickness",[2983,6154,3126],{"class":3003},[2983,6156,4266],{"class":3129},[2983,6158,3658],{"class":3003},[2983,6160,6161,6164,6166,6168],{"class":2985,"line":3035},[2983,6162,6163],{"class":3122},"        Padding",[2983,6165,3126],{"class":3003},[2983,6167,3509],{"class":3129},[2983,6169,3658],{"class":3003},[2983,6171,6172,6175,6177],{"class":2985,"line":3055},[2983,6173,6174],{"class":3122},"        CornerRadius",[2983,6176,3126],{"class":3003},[2983,6178,6179],{"class":3129},"\"10\"\n",[2983,6181,6182,6185,6187,6189],{"class":2985,"line":3076},[2983,6183,6184],{"class":3122},"        Margin",[2983,6186,3126],{"class":3003},[2983,6188,3509],{"class":3129},[2983,6190,3493],{"class":3114},[2983,6192,6193,6195,6197],{"class":2985,"line":3096},[2983,6194,3610],{"class":3114},[2983,6196,5669],{"class":3118},[2983,6198,3493],{"class":3114},[2983,6200,6201,6203,6205],{"class":2985,"line":3291},[2983,6202,3498],{"class":3114},[2983,6204,5678],{"class":3118},[2983,6206,3493],{"class":3114},[2983,6208,6209,6211,6213,6215,6217,6219],{"class":2985,"line":3297},[2983,6210,4654],{"class":3114},[2983,6212,5688],{"class":3118},[2983,6214,5691],{"class":3122},[2983,6216,3126],{"class":3003},[2983,6218,5696],{"class":3129},[2983,6220,3133],{"class":3114},[2983,6222,6223,6225,6227,6229,6231,6233],{"class":2985,"line":3303},[2983,6224,4654],{"class":3114},[2983,6226,5688],{"class":3118},[2983,6228,5691],{"class":3122},[2983,6230,3126],{"class":3003},[2983,6232,5711],{"class":3129},[2983,6234,3133],{"class":3114},[2983,6236,6237,6239,6241],{"class":2985,"line":3317},[2983,6238,3548],{"class":3114},[2983,6240,5678],{"class":3118},[2983,6242,3493],{"class":3114},[2983,6244,6245],{"class":2985,"line":3327},[2983,6246,3261],{"class":3003},[2983,6248,6249,6251,6253,6255,6257,6259,6262,6264,6266,6269,6271,6273,6275,6277,6279,6281,6283,6285],{"class":2985,"line":3333},[2983,6250,3498],{"class":3114},[2983,6252,5739],{"class":3118},[2983,6254,5691],{"class":3122},[2983,6256,3126],{"class":3003},[2983,6258,5746],{"class":3129},[2983,6260,6261],{"class":3122}," Height",[2983,6263,3126],{"class":3003},[2983,6265,5746],{"class":3129},[2983,6267,6268],{"class":3122}," Fill",[2983,6270,3126],{"class":3003},[2983,6272,5769],{"class":3129},[2983,6274,5813],{"class":3122},[2983,6276,3126],{"class":3003},[2983,6278,5781],{"class":3129},[2983,6280,3504],{"class":3122},[2983,6282,3126],{"class":3003},[2983,6284,5793],{"class":3129},[2983,6286,3133],{"class":3114},[2983,6288,6289],{"class":2985,"line":3339},[2983,6290,3261],{"class":3003},[2983,6292,6293,6295,6297,6299,6301,6303,6305,6307,6309,6311,6313,6315],{"class":2985,"line":3344},[2983,6294,3498],{"class":3114},[2983,6296,3501],{"class":3118},[2983,6298,5813],{"class":3122},[2983,6300,3126],{"class":3003},[2983,6302,4266],{"class":3129},[2983,6304,5820],{"class":3122},[2983,6306,3126],{"class":3003},[2983,6308,5825],{"class":3129},[2983,6310,3598],{"class":3122},[2983,6312,3126],{"class":3003},[2983,6314,4289],{"class":3129},[2983,6316,3493],{"class":3114},[2983,6318,6319,6321,6323,6325,6327,6330,6332,6334,6336,6338,6340,6342],{"class":2985,"line":3354},[2983,6320,4654],{"class":3114},[2983,6322,3519],{"class":3118},[2983,6324,3522],{"class":3122},[2983,6326,3126],{"class":3003},[2983,6328,6329],{"class":3129},"\"Іван Петренко\"",[2983,6331,4672],{"class":3122},[2983,6333,3126],{"class":3003},[2983,6335,3509],{"class":3129},[2983,6337,4665],{"class":3122},[2983,6339,3126],{"class":3003},[2983,6341,4325],{"class":3129},[2983,6343,3133],{"class":3114},[2983,6345,6346,6348,6350,6352,6354,6356,6358,6360,6362,6364,6366,6368],{"class":2985,"line":3359},[2983,6347,4654],{"class":3114},[2983,6349,3519],{"class":3118},[2983,6351,3522],{"class":3122},[2983,6353,3126],{"class":3003},[2983,6355,4711],{"class":3129},[2983,6357,4672],{"class":3122},[2983,6359,3126],{"class":3003},[2983,6361,4362],{"class":3129},[2983,6363,3635],{"class":3122},[2983,6365,3126],{"class":3003},[2983,6367,3640],{"class":3129},[2983,6369,3133],{"class":3114},[2983,6371,6372,6374,6376,6378,6380,6382,6384,6386,6388,6390,6392,6394],{"class":2985,"line":3372},[2983,6373,4654],{"class":3114},[2983,6375,3519],{"class":3118},[2983,6377,3522],{"class":3122},[2983,6379,3126],{"class":3003},[2983,6381,4738],{"class":3129},[2983,6383,4672],{"class":3122},[2983,6385,3126],{"class":3003},[2983,6387,4362],{"class":3129},[2983,6389,3635],{"class":3122},[2983,6391,3126],{"class":3003},[2983,6393,5769],{"class":3129},[2983,6395,3133],{"class":3114},[2983,6397,6398,6400,6402],{"class":2985,"line":3377},[2983,6399,3548],{"class":3114},[2983,6401,3501],{"class":3118},[2983,6403,3493],{"class":3114},[2983,6405,6406,6408,6410],{"class":2985,"line":3392},[2983,6407,4765],{"class":3114},[2983,6409,5669],{"class":3118},[2983,6411,3493],{"class":3114},[2983,6413,6414,6416,6418],{"class":2985,"line":3405},[2983,6415,3557],{"class":3114},[2983,6417,4234],{"class":3118},[2983,6419,3493],{"class":3114},[3210,6421,6423],{"id":6422},"itemscontrolitemtemplate","ItemsControl.ItemTemplate",[2965,6425,6426,6429,6430,6433,6434,3148],{},[2969,6427,6428],{},"ItemsControl"," (ListBox, ComboBox, ListView) відображає ",[3137,6431,6432],{},"колекцію"," об'єктів через ",[2969,6435,5147],{},[2965,6437,6438],{},[3137,6439,5543],{},[2974,6441,6443],{"className":3105,"code":6442,"language":3107,"meta":2979,"style":2979},"\u003CListBox ItemsSource=\"{Binding People}\" \n         ItemTemplate=\"{StaticResource personTemplate}\"/>\n",[2969,6444,6445,6459],{"__ignoreMap":2979},[2983,6446,6447,6449,6451,6453,6455,6457],{"class":2985,"line":2986},[2983,6448,3115],{"class":3114},[2983,6450,5079],{"class":3118},[2983,6452,5082],{"class":3122},[2983,6454,3126],{"class":3003},[2983,6456,5087],{"class":3129},[2983,6458,3658],{"class":3003},[2983,6460,6461,6464,6466,6468],{"class":2985,"line":3000},[2983,6462,6463],{"class":3122},"         ItemTemplate",[2983,6465,3126],{"class":3003},[2983,6467,5571],{"class":3129},[2983,6469,3133],{"class":3114},[2965,6471,6472],{},[3137,6473,6474],{},"Приклад: Список контактів",[2974,6476,6478],{"className":3105,"code":6477,"language":3107,"meta":2979,"style":2979},"\u003CWindow.Resources>\n    \u003CDataTemplate x:Key=\"contactItemTemplate\">\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                \u003CEllipse Width=\"40\" \n                         Height=\"40\" \n                         Fill=\"#4CAF50\" \n                         Grid.Column=\"0\" \n                         Margin=\"0,0,10,0\"/>\n                \n                \u003C!-- Інформація -->\n                \u003CStackPanel Grid.Column=\"1\" VerticalAlignment=\"Center\">\n                    \u003CTextBlock FontWeight=\"Bold\" FontSize=\"14\">\n                        \u003CTextBlock.Text>\n                            \u003CMultiBinding StringFormat=\"{}{0} {1}\">\n                                \u003CBinding Path=\"FirstName\"/>\n                                \u003CBinding Path=\"LastName\"/>\n                            \u003C/MultiBinding>\n                        \u003C/TextBlock.Text>\n                    \u003C/TextBlock>\n                    \u003CTextBlock Text=\"{Binding Email}\" \n                               FontSize=\"12\" \n                               Foreground=\"Gray\"/>\n                \u003C/StackPanel>\n            \u003C/Grid>\n        \u003C/Border>\n    \u003C/DataTemplate>\n\u003C/Window.Resources>\n\n\u003CListBox ItemsSource=\"{Binding People}\" \n         ItemTemplate=\"{StaticResource contactItemTemplate}\"\n         ScrollViewer.HorizontalScrollBarVisibility=\"Disabled\"/>\n",[2969,6479,6480,6488,6503,6518,6529,6540,6550,6558,6566,6580,6594,6602,6606,6611,6626,6636,6647,6657,6668,6672,6676,6696,6716,6724,6738,6752,6766,6774,6782,6790,6804,6814,6824,6832,6840,6848,6856,6864,6868,6882,6891],{"__ignoreMap":2979},[2983,6481,6482,6484,6486],{"class":2985,"line":2986},[2983,6483,3115],{"class":3114},[2983,6485,4211],{"class":3118},[2983,6487,3493],{"class":3114},[2983,6489,6490,6492,6494,6496,6498,6501],{"class":2985,"line":3000},[2983,6491,3498],{"class":3114},[2983,6493,3808],{"class":3118},[2983,6495,5174],{"class":3122},[2983,6497,3126],{"class":3003},[2983,6499,6500],{"class":3129},"\"contactItemTemplate\"",[2983,6502,3493],{"class":3114},[2983,6504,6505,6507,6509,6511,6513,6516],{"class":2985,"line":3007},[2983,6506,3516],{"class":3114},[2983,6508,4234],{"class":3118},[2983,6510,4237],{"class":3122},[2983,6512,3126],{"class":3003},[2983,6514,6515],{"class":3129},"\"White\"",[2983,6517,3658],{"class":3003},[2983,6519,6520,6522,6524,6527],{"class":2985,"line":3035},[2983,6521,4249],{"class":3122},[2983,6523,3126],{"class":3003},[2983,6525,6526],{"class":3129},"\"#E0E0E0\"",[2983,6528,3658],{"class":3003},[2983,6530,6531,6533,6535,6538],{"class":2985,"line":3055},[2983,6532,4261],{"class":3122},[2983,6534,3126],{"class":3003},[2983,6536,6537],{"class":3129},"\"0,0,0,1\"",[2983,6539,3658],{"class":3003},[2983,6541,6542,6544,6546,6548],{"class":2985,"line":3076},[2983,6543,4273],{"class":3122},[2983,6545,3126],{"class":3003},[2983,6547,3603],{"class":3129},[2983,6549,3493],{"class":3114},[2983,6551,6552,6554,6556],{"class":2985,"line":3096},[2983,6553,4296],{"class":3114},[2983,6555,5669],{"class":3118},[2983,6557,3493],{"class":3114},[2983,6559,6560,6562,6564],{"class":2985,"line":3291},[2983,6561,4305],{"class":3114},[2983,6563,5678],{"class":3118},[2983,6565,3493],{"class":3114},[2983,6567,6568,6570,6572,6574,6576,6578],{"class":2985,"line":3297},[2983,6569,5685],{"class":3114},[2983,6571,5688],{"class":3118},[2983,6573,5691],{"class":3122},[2983,6575,3126],{"class":3003},[2983,6577,5696],{"class":3129},[2983,6579,3133],{"class":3114},[2983,6581,6582,6584,6586,6588,6590,6592],{"class":2985,"line":3303},[2983,6583,5685],{"class":3114},[2983,6585,5688],{"class":3118},[2983,6587,5691],{"class":3122},[2983,6589,3126],{"class":3003},[2983,6591,5711],{"class":3129},[2983,6593,3133],{"class":3114},[2983,6595,6596,6598,6600],{"class":2985,"line":3317},[2983,6597,5718],{"class":3114},[2983,6599,5678],{"class":3118},[2983,6601,3493],{"class":3114},[2983,6603,6604],{"class":2985,"line":3327},[2983,6605,5727],{"class":3003},[2983,6607,6608],{"class":2985,"line":3333},[2983,6609,6610],{"class":3449},"                \u003C!-- Аватар -->\n",[2983,6612,6613,6615,6617,6619,6621,6624],{"class":2985,"line":3339},[2983,6614,4305],{"class":3114},[2983,6616,5739],{"class":3118},[2983,6618,5691],{"class":3122},[2983,6620,3126],{"class":3003},[2983,6622,6623],{"class":3129},"\"40\"",[2983,6625,3658],{"class":3003},[2983,6627,6628,6630,6632,6634],{"class":2985,"line":3344},[2983,6629,5753],{"class":3122},[2983,6631,3126],{"class":3003},[2983,6633,6623],{"class":3129},[2983,6635,3658],{"class":3003},[2983,6637,6638,6640,6642,6645],{"class":2985,"line":3354},[2983,6639,5764],{"class":3122},[2983,6641,3126],{"class":3003},[2983,6643,6644],{"class":3129},"\"#4CAF50\"",[2983,6646,3658],{"class":3003},[2983,6648,6649,6651,6653,6655],{"class":2985,"line":3359},[2983,6650,5776],{"class":3122},[2983,6652,3126],{"class":3003},[2983,6654,5781],{"class":3129},[2983,6656,3658],{"class":3003},[2983,6658,6659,6661,6663,6666],{"class":2985,"line":3372},[2983,6660,5788],{"class":3122},[2983,6662,3126],{"class":3003},[2983,6664,6665],{"class":3129},"\"0,0,10,0\"",[2983,6667,3133],{"class":3114},[2983,6669,6670],{"class":2985,"line":3377},[2983,6671,5727],{"class":3003},[2983,6673,6674],{"class":2985,"line":3392},[2983,6675,5804],{"class":3449},[2983,6677,6678,6680,6682,6684,6686,6688,6690,6692,6694],{"class":2985,"line":3405},[2983,6679,4305],{"class":3114},[2983,6681,3501],{"class":3118},[2983,6683,5813],{"class":3122},[2983,6685,3126],{"class":3003},[2983,6687,4266],{"class":3129},[2983,6689,5820],{"class":3122},[2983,6691,3126],{"class":3003},[2983,6693,5825],{"class":3129},[2983,6695,3493],{"class":3114},[2983,6697,6698,6700,6702,6704,6706,6708,6710,6712,6714],{"class":2985,"line":3419},[2983,6699,5685],{"class":3114},[2983,6701,3519],{"class":3118},[2983,6703,4665],{"class":3122},[2983,6705,3126],{"class":3003},[2983,6707,4325],{"class":3129},[2983,6709,4672],{"class":3122},[2983,6711,3126],{"class":3003},[2983,6713,4362],{"class":3129},[2983,6715,3493],{"class":3114},[2983,6717,6718,6720,6722],{"class":2985,"line":3430},[2983,6719,5852],{"class":3114},[2983,6721,5855],{"class":3118},[2983,6723,3493],{"class":3114},[2983,6725,6726,6728,6730,6732,6734,6736],{"class":2985,"line":3436},[2983,6727,5862],{"class":3114},[2983,6729,5865],{"class":3118},[2983,6731,5868],{"class":3122},[2983,6733,3126],{"class":3003},[2983,6735,5873],{"class":3129},[2983,6737,3493],{"class":3114},[2983,6739,6740,6742,6744,6746,6748,6750],{"class":2985,"line":3441},[2983,6741,5880],{"class":3114},[2983,6743,5883],{"class":3118},[2983,6745,5886],{"class":3122},[2983,6747,3126],{"class":3003},[2983,6749,5891],{"class":3129},[2983,6751,3133],{"class":3114},[2983,6753,6754,6756,6758,6760,6762,6764],{"class":2985,"line":3446},[2983,6755,5880],{"class":3114},[2983,6757,5883],{"class":3118},[2983,6759,5886],{"class":3122},[2983,6761,3126],{"class":3003},[2983,6763,5906],{"class":3129},[2983,6765,3133],{"class":3114},[2983,6767,6768,6770,6772],{"class":2985,"line":3453},[2983,6769,5913],{"class":3114},[2983,6771,5865],{"class":3118},[2983,6773,3493],{"class":3114},[2983,6775,6776,6778,6780],{"class":2985,"line":4521},[2983,6777,5923],{"class":3114},[2983,6779,5855],{"class":3118},[2983,6781,3493],{"class":3114},[2983,6783,6784,6786,6788],{"class":2985,"line":5920},[2983,6785,5933],{"class":3114},[2983,6787,3519],{"class":3118},[2983,6789,3493],{"class":3114},[2983,6791,6792,6794,6796,6798,6800,6802],{"class":2985,"line":5930},[2983,6793,5685],{"class":3114},[2983,6795,3519],{"class":3118},[2983,6797,3522],{"class":3122},[2983,6799,3126],{"class":3003},[2983,6801,4414],{"class":3129},[2983,6803,3658],{"class":3003},[2983,6805,6806,6808,6810,6812],{"class":2985,"line":5940},[2983,6807,5958],{"class":3122},[2983,6809,3126],{"class":3003},[2983,6811,4388],{"class":3129},[2983,6813,3658],{"class":3003},[2983,6815,6816,6818,6820,6822],{"class":2985,"line":5955},[2983,6817,5970],{"class":3122},[2983,6819,3126],{"class":3003},[2983,6821,3640],{"class":3129},[2983,6823,3133],{"class":3114},[2983,6825,6826,6828,6830],{"class":2985,"line":5967},[2983,6827,5718],{"class":3114},[2983,6829,3501],{"class":3118},[2983,6831,3493],{"class":3114},[2983,6833,6834,6836,6838],{"class":2985,"line":5979},[2983,6835,4441],{"class":3114},[2983,6837,5669],{"class":3118},[2983,6839,3493],{"class":3114},[2983,6841,6842,6844,6846],{"class":2985,"line":5992},[2983,6843,4450],{"class":3114},[2983,6845,4234],{"class":3118},[2983,6847,3493],{"class":3114},[2983,6849,6850,6852,6854],{"class":2985,"line":6007},[2983,6851,3548],{"class":3114},[2983,6853,3808],{"class":3118},[2983,6855,3493],{"class":3114},[2983,6857,6858,6860,6862],{"class":2985,"line":6018},[2983,6859,3557],{"class":3114},[2983,6861,4211],{"class":3118},[2983,6863,3493],{"class":3114},[2983,6865,6866],{"class":2985,"line":6029},[2983,6867,4476],{"emptyLinePlaceholder":4475},[2983,6869,6870,6872,6874,6876,6878,6880],{"class":2985,"line":6040},[2983,6871,3115],{"class":3114},[2983,6873,5079],{"class":3118},[2983,6875,5082],{"class":3122},[2983,6877,3126],{"class":3003},[2983,6879,5087],{"class":3129},[2983,6881,3658],{"class":3003},[2983,6883,6884,6886,6888],{"class":2985,"line":6049},[2983,6885,6463],{"class":3122},[2983,6887,3126],{"class":3003},[2983,6889,6890],{"class":3129},"\"{StaticResource contactItemTemplate}\"\n",[2983,6892,6893,6896,6898,6901],{"class":2985,"line":6058},[2983,6894,6895],{"class":3122},"         ScrollViewer.HorizontalScrollBarVisibility",[2983,6897,3126],{"class":3003},[2983,6899,6900],{"class":3129},"\"Disabled\"",[2983,6902,3133],{"class":3114},[2965,6904,6905],{},[3137,6906,3218],{},[2974,6908,6910],{"className":2976,"code":6909,"language":2978,"meta":2979,"style":2979},"public class MainViewModel : INotifyPropertyChanged\n{\n    public ObservableCollection\u003CPerson> People { get; set; }\n    \n    public MainViewModel()\n    {\n        People = new ObservableCollection\u003CPerson>\n        {\n            new Person { FirstName = \"Іван\", LastName = \"Петренко\", Email = \"ivan@example.com\" },\n            new Person { FirstName = \"Марія\", LastName = \"Коваленко\", Email = \"maria@example.com\" },\n            new Person { FirstName = \"Олександр\", LastName = \"Шевченко\", Email = \"alex@example.com\" }\n        };\n    }\n    \n    // ... INotifyPropertyChanged implementation\n}\n",[2969,6911,6912,6924,6928,6955,6959,6967,6971,6988,6992,7026,7061,7097,7101,7105,7109,7113],{"__ignoreMap":2979},[2983,6913,6914,6916,6918,6920,6922],{"class":2985,"line":2986},[2983,6915,2990],{"class":2989},[2983,6917,2993],{"class":2989},[2983,6919,3232],{"class":2996},[2983,6921,3235],{"class":3003},[2983,6923,3238],{"class":2996},[2983,6925,6926],{"class":2985,"line":3000},[2983,6927,3004],{"class":3003},[2983,6929,6930,6932,6935,6937,6939,6942,6945,6947,6949,6951,6953],{"class":2985,"line":3007},[2983,6931,3010],{"class":2989},[2983,6933,6934],{"class":2996}," ObservableCollection",[2983,6936,3115],{"class":3003},[2983,6938,2971],{"class":2996},[2983,6940,6941],{"class":3003},"> ",[2983,6943,6944],{"class":3016},"People",[2983,6946,3020],{"class":3003},[2983,6948,3023],{"class":2989},[2983,6950,3026],{"class":3003},[2983,6952,3029],{"class":2989},[2983,6954,3032],{"class":3003},[2983,6956,6957],{"class":2985,"line":3035},[2983,6958,3261],{"class":3003},[2983,6960,6961,6963,6965],{"class":2985,"line":3055},[2983,6962,3010],{"class":2989},[2983,6964,3232],{"class":3320},[2983,6966,3351],{"class":3003},[2983,6968,6969],{"class":2985,"line":3076},[2983,6970,3275],{"class":3003},[2983,6972,6973,6976,6978,6980,6982,6984,6986],{"class":2985,"line":3096},[2983,6974,6975],{"class":3016},"        People",[2983,6977,3309],{"class":3003},[2983,6979,3367],{"class":2989},[2983,6981,6934],{"class":2996},[2983,6983,3115],{"class":3003},[2983,6985,2971],{"class":2996},[2983,6987,3493],{"class":3003},[2983,6989,6990],{"class":2985,"line":3291},[2983,6991,3300],{"class":3003},[2983,6993,6994,6997,6999,7001,7003,7005,7007,7009,7011,7013,7015,7017,7019,7021,7023],{"class":2985,"line":3297},[2983,6995,6996],{"class":2989},"            new",[2983,6998,3250],{"class":2996},[2983,7000,3020],{"class":3003},[2983,7002,3962],{"class":3016},[2983,7004,3309],{"class":3003},[2983,7006,3386],{"class":3385},[2983,7008,3976],{"class":3003},[2983,7010,3971],{"class":3016},[2983,7012,3309],{"class":3003},[2983,7014,3400],{"class":3385},[2983,7016,3976],{"class":3003},[2983,7018,3991],{"class":3016},[2983,7020,3309],{"class":3003},[2983,7022,4738],{"class":3385},[2983,7024,7025],{"class":3003}," },\n",[2983,7027,7028,7030,7032,7034,7036,7038,7041,7043,7045,7047,7050,7052,7054,7056,7059],{"class":2985,"line":3303},[2983,7029,6996],{"class":2989},[2983,7031,3250],{"class":2996},[2983,7033,3020],{"class":3003},[2983,7035,3962],{"class":3016},[2983,7037,3309],{"class":3003},[2983,7039,7040],{"class":3385},"\"Марія\"",[2983,7042,3976],{"class":3003},[2983,7044,3971],{"class":3016},[2983,7046,3309],{"class":3003},[2983,7048,7049],{"class":3385},"\"Коваленко\"",[2983,7051,3976],{"class":3003},[2983,7053,3991],{"class":3016},[2983,7055,3309],{"class":3003},[2983,7057,7058],{"class":3385},"\"maria@example.com\"",[2983,7060,7025],{"class":3003},[2983,7062,7063,7065,7067,7069,7071,7073,7076,7078,7080,7082,7085,7087,7089,7091,7094],{"class":2985,"line":3317},[2983,7064,6996],{"class":2989},[2983,7066,3250],{"class":2996},[2983,7068,3020],{"class":3003},[2983,7070,3962],{"class":3016},[2983,7072,3309],{"class":3003},[2983,7074,7075],{"class":3385},"\"Олександр\"",[2983,7077,3976],{"class":3003},[2983,7079,3971],{"class":3016},[2983,7081,3309],{"class":3003},[2983,7083,7084],{"class":3385},"\"Шевченко\"",[2983,7086,3976],{"class":3003},[2983,7088,3991],{"class":3016},[2983,7090,3309],{"class":3003},[2983,7092,7093],{"class":3385},"\"alex@example.com\"",[2983,7095,7096],{"class":3003}," }\n",[2983,7098,7099],{"class":2985,"line":3327},[2983,7100,3433],{"class":3003},[2983,7102,7103],{"class":2985,"line":3333},[2983,7104,3336],{"class":3003},[2983,7106,7107],{"class":2985,"line":3339},[2983,7108,3261],{"class":3003},[2983,7110,7111],{"class":2985,"line":3344},[2983,7112,3450],{"class":3449},[2983,7114,7115],{"class":2985,"line":3354},[2983,7116,3099],{"class":3003},[3576,7118,7120],{"title":7119},"Список контактів через ItemTemplate",[2974,7121,7123],{"className":3105,"code":7122,"language":3107,"meta":2979,"style":2979},"\u003CStackPanel Margin=\"20\" Spacing=\"0\">\n  \u003CBorder Background=\"White\" BorderBrush=\"#E0E0E0\" BorderThickness=\"0,0,0,1\" Padding=\"10\">\n    \u003CGrid>\n      \u003CGrid.ColumnDefinitions>\n        \u003CColumnDefinition Width=\"Auto\"/>\n        \u003CColumnDefinition Width=\"*\"/>\n      \u003C/Grid.ColumnDefinitions>\n      \u003CEllipse Width=\"40\" Height=\"40\" Fill=\"#4CAF50\" Grid.Column=\"0\" Margin=\"0,0,10,0\"/>\n      \u003CStackPanel Grid.Column=\"1\" VerticalAlignment=\"Center\" Spacing=\"3\">\n        \u003CTextBlock Text=\"Іван Петренко\" FontWeight=\"Bold\" FontSize=\"14\"/>\n        \u003CTextBlock Text=\"ivan@example.com\" FontSize=\"12\" Foreground=\"Gray\"/>\n      \u003C/StackPanel>\n    \u003C/Grid>\n  \u003C/Border>\n  \n  \u003CBorder Background=\"White\" BorderBrush=\"#E0E0E0\" BorderThickness=\"0,0,0,1\" Padding=\"10\">\n    \u003CGrid>\n      \u003CGrid.ColumnDefinitions>\n        \u003CColumnDefinition Width=\"Auto\"/>\n        \u003CColumnDefinition Width=\"*\"/>\n      \u003C/Grid.ColumnDefinitions>\n      \u003CEllipse Width=\"40\" Height=\"40\" Fill=\"#4CAF50\" Grid.Column=\"0\" Margin=\"0,0,10,0\"/>\n      \u003CStackPanel Grid.Column=\"1\" VerticalAlignment=\"Center\" Spacing=\"3\">\n        \u003CTextBlock Text=\"Марія Коваленко\" FontWeight=\"Bold\" FontSize=\"14\"/>\n        \u003CTextBlock Text=\"maria@example.com\" FontSize=\"12\" Foreground=\"Gray\"/>\n      \u003C/StackPanel>\n    \u003C/Grid>\n  \u003C/Border>\n  \n  \u003CBorder Background=\"White\" BorderBrush=\"#E0E0E0\" BorderThickness=\"0,0,0,1\" Padding=\"10\">\n    \u003CGrid>\n      \u003CGrid.ColumnDefinitions>\n        \u003CColumnDefinition Width=\"Auto\"/>\n        \u003CColumnDefinition Width=\"*\"/>\n      \u003C/Grid.ColumnDefinitions>\n      \u003CEllipse Width=\"40\" Height=\"40\" Fill=\"#4CAF50\" Grid.Column=\"0\" Margin=\"0,0,10,0\"/>\n      \u003CStackPanel Grid.Column=\"1\" VerticalAlignment=\"Center\" Spacing=\"3\">\n        \u003CTextBlock Text=\"Олександр Шевченко\" FontWeight=\"Bold\" FontSize=\"14\"/>\n        \u003CTextBlock Text=\"alex@example.com\" FontSize=\"12\" Foreground=\"Gray\"/>\n      \u003C/StackPanel>\n    \u003C/Grid>\n  \u003C/Border>\n\u003C/StackPanel>\n",[2969,7124,7125,7145,7179,7187,7195,7209,7223,7232,7270,7297,7323,7349,7357,7365,7373,7378,7410,7418,7426,7440,7454,7462,7500,7526,7553,7579,7587,7595,7603,7607,7639,7647,7655,7669,7683,7691,7729,7755,7782,7808,7816,7824,7832],{"__ignoreMap":2979},[2983,7126,7127,7129,7131,7133,7135,7137,7139,7141,7143],{"class":2985,"line":2986},[2983,7128,3115],{"class":3114},[2983,7130,3501],{"class":3118},[2983,7132,3504],{"class":3122},[2983,7134,3126],{"class":3003},[2983,7136,3509],{"class":3129},[2983,7138,3598],{"class":3122},[2983,7140,3126],{"class":3003},[2983,7142,5781],{"class":3129},[2983,7144,3493],{"class":3114},[2983,7146,7147,7149,7151,7153,7155,7157,7160,7162,7164,7167,7169,7171,7173,7175,7177],{"class":2985,"line":3000},[2983,7148,3610],{"class":3114},[2983,7150,4234],{"class":3118},[2983,7152,4237],{"class":3122},[2983,7154,3126],{"class":3003},[2983,7156,6515],{"class":3129},[2983,7158,7159],{"class":3122}," BorderBrush",[2983,7161,3126],{"class":3003},[2983,7163,6526],{"class":3129},[2983,7165,7166],{"class":3122}," BorderThickness",[2983,7168,3126],{"class":3003},[2983,7170,6537],{"class":3129},[2983,7172,4990],{"class":3122},[2983,7174,3126],{"class":3003},[2983,7176,3603],{"class":3129},[2983,7178,3493],{"class":3114},[2983,7180,7181,7183,7185],{"class":2985,"line":3007},[2983,7182,3498],{"class":3114},[2983,7184,5669],{"class":3118},[2983,7186,3493],{"class":3114},[2983,7188,7189,7191,7193],{"class":2985,"line":3035},[2983,7190,4654],{"class":3114},[2983,7192,5678],{"class":3118},[2983,7194,3493],{"class":3114},[2983,7196,7197,7199,7201,7203,7205,7207],{"class":2985,"line":3055},[2983,7198,3516],{"class":3114},[2983,7200,5688],{"class":3118},[2983,7202,5691],{"class":3122},[2983,7204,3126],{"class":3003},[2983,7206,5696],{"class":3129},[2983,7208,3133],{"class":3114},[2983,7210,7211,7213,7215,7217,7219,7221],{"class":2985,"line":3076},[2983,7212,3516],{"class":3114},[2983,7214,5688],{"class":3118},[2983,7216,5691],{"class":3122},[2983,7218,3126],{"class":3003},[2983,7220,5711],{"class":3129},[2983,7222,3133],{"class":3114},[2983,7224,7225,7228,7230],{"class":2985,"line":3096},[2983,7226,7227],{"class":3114},"      \u003C/",[2983,7229,5678],{"class":3118},[2983,7231,3493],{"class":3114},[2983,7233,7234,7236,7238,7240,7242,7244,7246,7248,7250,7252,7254,7256,7258,7260,7262,7264,7266,7268],{"class":2985,"line":3291},[2983,7235,4654],{"class":3114},[2983,7237,5739],{"class":3118},[2983,7239,5691],{"class":3122},[2983,7241,3126],{"class":3003},[2983,7243,6623],{"class":3129},[2983,7245,6261],{"class":3122},[2983,7247,3126],{"class":3003},[2983,7249,6623],{"class":3129},[2983,7251,6268],{"class":3122},[2983,7253,3126],{"class":3003},[2983,7255,6644],{"class":3129},[2983,7257,5813],{"class":3122},[2983,7259,3126],{"class":3003},[2983,7261,5781],{"class":3129},[2983,7263,3504],{"class":3122},[2983,7265,3126],{"class":3003},[2983,7267,6665],{"class":3129},[2983,7269,3133],{"class":3114},[2983,7271,7272,7274,7276,7278,7280,7282,7284,7286,7288,7290,7292,7295],{"class":2985,"line":3297},[2983,7273,4654],{"class":3114},[2983,7275,3501],{"class":3118},[2983,7277,5813],{"class":3122},[2983,7279,3126],{"class":3003},[2983,7281,4266],{"class":3129},[2983,7283,5820],{"class":3122},[2983,7285,3126],{"class":3003},[2983,7287,5825],{"class":3129},[2983,7289,3598],{"class":3122},[2983,7291,3126],{"class":3003},[2983,7293,7294],{"class":3129},"\"3\"",[2983,7296,3493],{"class":3114},[2983,7298,7299,7301,7303,7305,7307,7309,7311,7313,7315,7317,7319,7321],{"class":2985,"line":3303},[2983,7300,3516],{"class":3114},[2983,7302,3519],{"class":3118},[2983,7304,3522],{"class":3122},[2983,7306,3126],{"class":3003},[2983,7308,6329],{"class":3129},[2983,7310,4665],{"class":3122},[2983,7312,3126],{"class":3003},[2983,7314,4325],{"class":3129},[2983,7316,4672],{"class":3122},[2983,7318,3126],{"class":3003},[2983,7320,4362],{"class":3129},[2983,7322,3133],{"class":3114},[2983,7324,7325,7327,7329,7331,7333,7335,7337,7339,7341,7343,7345,7347],{"class":2985,"line":3317},[2983,7326,3516],{"class":3114},[2983,7328,3519],{"class":3118},[2983,7330,3522],{"class":3122},[2983,7332,3126],{"class":3003},[2983,7334,4738],{"class":3129},[2983,7336,4672],{"class":3122},[2983,7338,3126],{"class":3003},[2983,7340,4388],{"class":3129},[2983,7342,3635],{"class":3122},[2983,7344,3126],{"class":3003},[2983,7346,3640],{"class":3129},[2983,7348,3133],{"class":3114},[2983,7350,7351,7353,7355],{"class":2985,"line":3327},[2983,7352,7227],{"class":3114},[2983,7354,3501],{"class":3118},[2983,7356,3493],{"class":3114},[2983,7358,7359,7361,7363],{"class":2985,"line":3333},[2983,7360,3548],{"class":3114},[2983,7362,5669],{"class":3118},[2983,7364,3493],{"class":3114},[2983,7366,7367,7369,7371],{"class":2985,"line":3339},[2983,7368,4765],{"class":3114},[2983,7370,4234],{"class":3118},[2983,7372,3493],{"class":3114},[2983,7374,7375],{"class":2985,"line":3344},[2983,7376,7377],{"class":3003},"  \n",[2983,7379,7380,7382,7384,7386,7388,7390,7392,7394,7396,7398,7400,7402,7404,7406,7408],{"class":2985,"line":3354},[2983,7381,3610],{"class":3114},[2983,7383,4234],{"class":3118},[2983,7385,4237],{"class":3122},[2983,7387,3126],{"class":3003},[2983,7389,6515],{"class":3129},[2983,7391,7159],{"class":3122},[2983,7393,3126],{"class":3003},[2983,7395,6526],{"class":3129},[2983,7397,7166],{"class":3122},[2983,7399,3126],{"class":3003},[2983,7401,6537],{"class":3129},[2983,7403,4990],{"class":3122},[2983,7405,3126],{"class":3003},[2983,7407,3603],{"class":3129},[2983,7409,3493],{"class":3114},[2983,7411,7412,7414,7416],{"class":2985,"line":3359},[2983,7413,3498],{"class":3114},[2983,7415,5669],{"class":3118},[2983,7417,3493],{"class":3114},[2983,7419,7420,7422,7424],{"class":2985,"line":3372},[2983,7421,4654],{"class":3114},[2983,7423,5678],{"class":3118},[2983,7425,3493],{"class":3114},[2983,7427,7428,7430,7432,7434,7436,7438],{"class":2985,"line":3377},[2983,7429,3516],{"class":3114},[2983,7431,5688],{"class":3118},[2983,7433,5691],{"class":3122},[2983,7435,3126],{"class":3003},[2983,7437,5696],{"class":3129},[2983,7439,3133],{"class":3114},[2983,7441,7442,7444,7446,7448,7450,7452],{"class":2985,"line":3392},[2983,7443,3516],{"class":3114},[2983,7445,5688],{"class":3118},[2983,7447,5691],{"class":3122},[2983,7449,3126],{"class":3003},[2983,7451,5711],{"class":3129},[2983,7453,3133],{"class":3114},[2983,7455,7456,7458,7460],{"class":2985,"line":3405},[2983,7457,7227],{"class":3114},[2983,7459,5678],{"class":3118},[2983,7461,3493],{"class":3114},[2983,7463,7464,7466,7468,7470,7472,7474,7476,7478,7480,7482,7484,7486,7488,7490,7492,7494,7496,7498],{"class":2985,"line":3419},[2983,7465,4654],{"class":3114},[2983,7467,5739],{"class":3118},[2983,7469,5691],{"class":3122},[2983,7471,3126],{"class":3003},[2983,7473,6623],{"class":3129},[2983,7475,6261],{"class":3122},[2983,7477,3126],{"class":3003},[2983,7479,6623],{"class":3129},[2983,7481,6268],{"class":3122},[2983,7483,3126],{"class":3003},[2983,7485,6644],{"class":3129},[2983,7487,5813],{"class":3122},[2983,7489,3126],{"class":3003},[2983,7491,5781],{"class":3129},[2983,7493,3504],{"class":3122},[2983,7495,3126],{"class":3003},[2983,7497,6665],{"class":3129},[2983,7499,3133],{"class":3114},[2983,7501,7502,7504,7506,7508,7510,7512,7514,7516,7518,7520,7522,7524],{"class":2985,"line":3430},[2983,7503,4654],{"class":3114},[2983,7505,3501],{"class":3118},[2983,7507,5813],{"class":3122},[2983,7509,3126],{"class":3003},[2983,7511,4266],{"class":3129},[2983,7513,5820],{"class":3122},[2983,7515,3126],{"class":3003},[2983,7517,5825],{"class":3129},[2983,7519,3598],{"class":3122},[2983,7521,3126],{"class":3003},[2983,7523,7294],{"class":3129},[2983,7525,3493],{"class":3114},[2983,7527,7528,7530,7532,7534,7536,7539,7541,7543,7545,7547,7549,7551],{"class":2985,"line":3436},[2983,7529,3516],{"class":3114},[2983,7531,3519],{"class":3118},[2983,7533,3522],{"class":3122},[2983,7535,3126],{"class":3003},[2983,7537,7538],{"class":3129},"\"Марія Коваленко\"",[2983,7540,4665],{"class":3122},[2983,7542,3126],{"class":3003},[2983,7544,4325],{"class":3129},[2983,7546,4672],{"class":3122},[2983,7548,3126],{"class":3003},[2983,7550,4362],{"class":3129},[2983,7552,3133],{"class":3114},[2983,7554,7555,7557,7559,7561,7563,7565,7567,7569,7571,7573,7575,7577],{"class":2985,"line":3441},[2983,7556,3516],{"class":3114},[2983,7558,3519],{"class":3118},[2983,7560,3522],{"class":3122},[2983,7562,3126],{"class":3003},[2983,7564,7058],{"class":3129},[2983,7566,4672],{"class":3122},[2983,7568,3126],{"class":3003},[2983,7570,4388],{"class":3129},[2983,7572,3635],{"class":3122},[2983,7574,3126],{"class":3003},[2983,7576,3640],{"class":3129},[2983,7578,3133],{"class":3114},[2983,7580,7581,7583,7585],{"class":2985,"line":3446},[2983,7582,7227],{"class":3114},[2983,7584,3501],{"class":3118},[2983,7586,3493],{"class":3114},[2983,7588,7589,7591,7593],{"class":2985,"line":3453},[2983,7590,3548],{"class":3114},[2983,7592,5669],{"class":3118},[2983,7594,3493],{"class":3114},[2983,7596,7597,7599,7601],{"class":2985,"line":4521},[2983,7598,4765],{"class":3114},[2983,7600,4234],{"class":3118},[2983,7602,3493],{"class":3114},[2983,7604,7605],{"class":2985,"line":5920},[2983,7606,7377],{"class":3003},[2983,7608,7609,7611,7613,7615,7617,7619,7621,7623,7625,7627,7629,7631,7633,7635,7637],{"class":2985,"line":5930},[2983,7610,3610],{"class":3114},[2983,7612,4234],{"class":3118},[2983,7614,4237],{"class":3122},[2983,7616,3126],{"class":3003},[2983,7618,6515],{"class":3129},[2983,7620,7159],{"class":3122},[2983,7622,3126],{"class":3003},[2983,7624,6526],{"class":3129},[2983,7626,7166],{"class":3122},[2983,7628,3126],{"class":3003},[2983,7630,6537],{"class":3129},[2983,7632,4990],{"class":3122},[2983,7634,3126],{"class":3003},[2983,7636,3603],{"class":3129},[2983,7638,3493],{"class":3114},[2983,7640,7641,7643,7645],{"class":2985,"line":5940},[2983,7642,3498],{"class":3114},[2983,7644,5669],{"class":3118},[2983,7646,3493],{"class":3114},[2983,7648,7649,7651,7653],{"class":2985,"line":5955},[2983,7650,4654],{"class":3114},[2983,7652,5678],{"class":3118},[2983,7654,3493],{"class":3114},[2983,7656,7657,7659,7661,7663,7665,7667],{"class":2985,"line":5967},[2983,7658,3516],{"class":3114},[2983,7660,5688],{"class":3118},[2983,7662,5691],{"class":3122},[2983,7664,3126],{"class":3003},[2983,7666,5696],{"class":3129},[2983,7668,3133],{"class":3114},[2983,7670,7671,7673,7675,7677,7679,7681],{"class":2985,"line":5979},[2983,7672,3516],{"class":3114},[2983,7674,5688],{"class":3118},[2983,7676,5691],{"class":3122},[2983,7678,3126],{"class":3003},[2983,7680,5711],{"class":3129},[2983,7682,3133],{"class":3114},[2983,7684,7685,7687,7689],{"class":2985,"line":5992},[2983,7686,7227],{"class":3114},[2983,7688,5678],{"class":3118},[2983,7690,3493],{"class":3114},[2983,7692,7693,7695,7697,7699,7701,7703,7705,7707,7709,7711,7713,7715,7717,7719,7721,7723,7725,7727],{"class":2985,"line":6007},[2983,7694,4654],{"class":3114},[2983,7696,5739],{"class":3118},[2983,7698,5691],{"class":3122},[2983,7700,3126],{"class":3003},[2983,7702,6623],{"class":3129},[2983,7704,6261],{"class":3122},[2983,7706,3126],{"class":3003},[2983,7708,6623],{"class":3129},[2983,7710,6268],{"class":3122},[2983,7712,3126],{"class":3003},[2983,7714,6644],{"class":3129},[2983,7716,5813],{"class":3122},[2983,7718,3126],{"class":3003},[2983,7720,5781],{"class":3129},[2983,7722,3504],{"class":3122},[2983,7724,3126],{"class":3003},[2983,7726,6665],{"class":3129},[2983,7728,3133],{"class":3114},[2983,7730,7731,7733,7735,7737,7739,7741,7743,7745,7747,7749,7751,7753],{"class":2985,"line":6018},[2983,7732,4654],{"class":3114},[2983,7734,3501],{"class":3118},[2983,7736,5813],{"class":3122},[2983,7738,3126],{"class":3003},[2983,7740,4266],{"class":3129},[2983,7742,5820],{"class":3122},[2983,7744,3126],{"class":3003},[2983,7746,5825],{"class":3129},[2983,7748,3598],{"class":3122},[2983,7750,3126],{"class":3003},[2983,7752,7294],{"class":3129},[2983,7754,3493],{"class":3114},[2983,7756,7757,7759,7761,7763,7765,7768,7770,7772,7774,7776,7778,7780],{"class":2985,"line":6029},[2983,7758,3516],{"class":3114},[2983,7760,3519],{"class":3118},[2983,7762,3522],{"class":3122},[2983,7764,3126],{"class":3003},[2983,7766,7767],{"class":3129},"\"Олександр Шевченко\"",[2983,7769,4665],{"class":3122},[2983,7771,3126],{"class":3003},[2983,7773,4325],{"class":3129},[2983,7775,4672],{"class":3122},[2983,7777,3126],{"class":3003},[2983,7779,4362],{"class":3129},[2983,7781,3133],{"class":3114},[2983,7783,7784,7786,7788,7790,7792,7794,7796,7798,7800,7802,7804,7806],{"class":2985,"line":6040},[2983,7785,3516],{"class":3114},[2983,7787,3519],{"class":3118},[2983,7789,3522],{"class":3122},[2983,7791,3126],{"class":3003},[2983,7793,7093],{"class":3129},[2983,7795,4672],{"class":3122},[2983,7797,3126],{"class":3003},[2983,7799,4388],{"class":3129},[2983,7801,3635],{"class":3122},[2983,7803,3126],{"class":3003},[2983,7805,3640],{"class":3129},[2983,7807,3133],{"class":3114},[2983,7809,7810,7812,7814],{"class":2985,"line":6049},[2983,7811,7227],{"class":3114},[2983,7813,3501],{"class":3118},[2983,7815,3493],{"class":3114},[2983,7817,7818,7820,7822],{"class":2985,"line":6058},[2983,7819,3548],{"class":3114},[2983,7821,5669],{"class":3118},[2983,7823,3493],{"class":3114},[2983,7825,7826,7828,7830],{"class":2985,"line":6067},[2983,7827,4765],{"class":3114},[2983,7829,4234],{"class":3118},[2983,7831,3493],{"class":3114},[2983,7833,7834,7836,7838],{"class":2985,"line":6076},[2983,7835,3557],{"class":3114},[2983,7837,3501],{"class":3118},[2983,7839,3493],{"class":3114},[3210,7841,5427],{"id":7842},"порівняльна-таблиця-1",[5429,7844,7845,7855],{},[5432,7846,7847],{},[5435,7848,7849,7851,7853],{},[5438,7850,5440],{},[5438,7852,5143],{},[5438,7854,5147],{},[5448,7856,7857,7870,7883,7898,7913],{},[5435,7858,7859,7864,7867],{},[5453,7860,7861],{},[3137,7862,7863],{},"Контроли",[5453,7865,7866],{},"ContentControl, Button, Label",[5453,7868,7869],{},"ListBox, ComboBox, ListView",[5435,7871,7872,7877,7880],{},[5453,7873,7874],{},[3137,7875,7876],{},"Кількість",[5453,7878,7879],{},"Один об'єкт",[5453,7881,7882],{},"Колекція об'єктів",[5435,7884,7885,7890,7894],{},[5453,7886,7887],{},[3137,7888,7889],{},"Властивість",[5453,7891,7892],{},[2969,7893,5143],{},[5453,7895,7896],{},[2969,7897,5147],{},[5435,7899,7900,7904,7910],{},[5453,7901,7902],{},[3137,7903,4189],{},[5453,7905,7906,7907],{},"Об'єкт з ",[2969,7908,7909],{},"Content",[5453,7911,7912],{},"Кожен елемент колекції",[5435,7914,7915,7919,7922],{},[5453,7916,7917],{},[3137,7918,5508],{},[5453,7920,7921],{},"Картка профілю, деталі об'єкта",[5453,7923,7924],{},"Списки, меню, випадаючі списки",[3200,7926],{},[2960,7928,7930],{"id":7929},"datatemplateselector-програмний-вибір-шаблону","DataTemplateSelector: Програмний вибір шаблону",[2965,7932,7933,7936],{},[2969,7934,7935],{},"DataTemplateSelector"," дозволяє вибирати шаблон програмно залежно від даних.",[3210,7938,7940],{"id":7939},"коли-потрібен-datatemplateselector","Коли потрібен DataTemplateSelector?",[4025,7942,7943,7948,7953,7958],{},[4028,7944,7947],{"icon":7945,"title":7946},"i-lucide-users","👥 Різні типи об'єктів","Колекція містить об'єкти різних типів (TextMessage, ImageMessage, LinkMessage).",[4028,7949,7952],{"icon":7950,"title":7951},"i-lucide-star","⭐ Різні категорії","VIP клієнти відображаються інакше, ніж звичайні клієнти.",[4028,7954,7957],{"icon":7955,"title":7956},"i-lucide-bar-chart","📊 Умовне форматування","Елементи з високим пріоритетом — червоні, з низьким — зелені.",[4028,7959,7962],{"icon":7960,"title":7961},"i-lucide-git-branch","🔀 Складна логіка","Вибір шаблону залежить від кількох властивостей або складних умов.",[3210,7964,7966],{"id":7965},"створення-datatemplateselector","Створення DataTemplateSelector",[2965,7968,7969],{},[3137,7970,7971],{},"Крок 1: Створити клас-селектор",[2974,7973,7975],{"className":2976,"code":7974,"language":2978,"meta":2979,"style":2979},"using System.Windows;\nusing System.Windows.Controls;\n\nnamespace MyApp.Selectors\n{\n    public class MessageTemplateSelector : DataTemplateSelector\n    {\n        // Шаблони (встановлюються з XAML)\n        public DataTemplate TextMessageTemplate { get; set; }\n        public DataTemplate ImageMessageTemplate { get; set; }\n        public DataTemplate LinkMessageTemplate { get; set; }\n        \n        // Метод вибору шаблону\n        public override DataTemplate SelectTemplate(object item, DependencyObject container)\n        {\n            // Перевірка типу об'єкта\n            return item switch\n            {\n                TextMessage => TextMessageTemplate,\n                ImageMessage => ImageMessageTemplate,\n                LinkMessage => LinkMessageTemplate,\n                _ => base.SelectTemplate(item, container)\n            };\n        }\n    }\n}\n",[2969,7976,7977,7992,8009,8013,8026,8030,8044,8048,8053,8074,8093,8112,8117,8122,8153,8157,8162,8172,8177,8189,8201,8213,8240,8245,8249,8253],{"__ignoreMap":2979},[2983,7978,7979,7982,7985,7987,7990],{"class":2985,"line":2986},[2983,7980,7981],{"class":3951},"using",[2983,7983,7984],{"class":2996}," System",[2983,7986,3148],{"class":3003},[2983,7988,7989],{"class":2996},"Windows",[2983,7991,3256],{"class":3003},[2983,7993,7994,7996,7998,8000,8002,8004,8007],{"class":2985,"line":3000},[2983,7995,7981],{"class":3951},[2983,7997,7984],{"class":2996},[2983,7999,3148],{"class":3003},[2983,8001,7989],{"class":2996},[2983,8003,3148],{"class":3003},[2983,8005,8006],{"class":2996},"Controls",[2983,8008,3256],{"class":3003},[2983,8010,8011],{"class":2985,"line":3007},[2983,8012,4476],{"emptyLinePlaceholder":4475},[2983,8014,8015,8018,8021,8023],{"class":2985,"line":3035},[2983,8016,8017],{"class":2989},"namespace",[2983,8019,8020],{"class":2996}," MyApp",[2983,8022,3148],{"class":3003},[2983,8024,8025],{"class":2996},"Selectors\n",[2983,8027,8028],{"class":2985,"line":3055},[2983,8029,3004],{"class":3003},[2983,8031,8032,8034,8036,8039,8041],{"class":2985,"line":3076},[2983,8033,3010],{"class":2989},[2983,8035,2993],{"class":2989},[2983,8037,8038],{"class":2996}," MessageTemplateSelector",[2983,8040,3235],{"class":3003},[2983,8042,8043],{"class":2996},"DataTemplateSelector\n",[2983,8045,8046],{"class":2985,"line":3096},[2983,8047,3275],{"class":3003},[2983,8049,8050],{"class":2985,"line":3291},[2983,8051,8052],{"class":3449},"        // Шаблони (встановлюються з XAML)\n",[2983,8054,8055,8058,8061,8064,8066,8068,8070,8072],{"class":2985,"line":3297},[2983,8056,8057],{"class":2989},"        public",[2983,8059,8060],{"class":2996}," DataTemplate",[2983,8062,8063],{"class":3016}," TextMessageTemplate",[2983,8065,3020],{"class":3003},[2983,8067,3023],{"class":2989},[2983,8069,3026],{"class":3003},[2983,8071,3029],{"class":2989},[2983,8073,3032],{"class":3003},[2983,8075,8076,8078,8080,8083,8085,8087,8089,8091],{"class":2985,"line":3303},[2983,8077,8057],{"class":2989},[2983,8079,8060],{"class":2996},[2983,8081,8082],{"class":3016}," ImageMessageTemplate",[2983,8084,3020],{"class":3003},[2983,8086,3023],{"class":2989},[2983,8088,3026],{"class":3003},[2983,8090,3029],{"class":2989},[2983,8092,3032],{"class":3003},[2983,8094,8095,8097,8099,8102,8104,8106,8108,8110],{"class":2985,"line":3317},[2983,8096,8057],{"class":2989},[2983,8098,8060],{"class":2996},[2983,8100,8101],{"class":3016}," LinkMessageTemplate",[2983,8103,3020],{"class":3003},[2983,8105,3023],{"class":2989},[2983,8107,3026],{"class":3003},[2983,8109,3029],{"class":2989},[2983,8111,3032],{"class":3003},[2983,8113,8114],{"class":2985,"line":3327},[2983,8115,8116],{"class":3003},"        \n",[2983,8118,8119],{"class":2985,"line":3333},[2983,8120,8121],{"class":3449},"        // Метод вибору шаблону\n",[2983,8123,8124,8126,8128,8130,8133,8136,8139,8142,8144,8147,8150],{"class":2985,"line":3339},[2983,8125,8057],{"class":2989},[2983,8127,3935],{"class":2989},[2983,8129,8060],{"class":2996},[2983,8131,8132],{"class":3320}," SelectTemplate",[2983,8134,8135],{"class":3003},"(",[2983,8137,8138],{"class":2989},"object",[2983,8140,8141],{"class":3016}," item",[2983,8143,3976],{"class":3003},[2983,8145,8146],{"class":2996},"DependencyObject",[2983,8148,8149],{"class":3016}," container",[2983,8151,8152],{"class":3003},")\n",[2983,8154,8155],{"class":2985,"line":3344},[2983,8156,3300],{"class":3003},[2983,8158,8159],{"class":2985,"line":3354},[2983,8160,8161],{"class":3449},"            // Перевірка типу об'єкта\n",[2983,8163,8164,8167,8169],{"class":2985,"line":3359},[2983,8165,8166],{"class":3951},"            return",[2983,8168,8141],{"class":3016},[2983,8170,8171],{"class":3951}," switch\n",[2983,8173,8174],{"class":2985,"line":3372},[2983,8175,8176],{"class":3003},"            {\n",[2983,8178,8179,8182,8184,8187],{"class":2985,"line":3377},[2983,8180,8181],{"class":2996},"                TextMessage",[2983,8183,3283],{"class":3003},[2983,8185,8186],{"class":3016},"TextMessageTemplate",[2983,8188,3389],{"class":3003},[2983,8190,8191,8194,8196,8199],{"class":2985,"line":3392},[2983,8192,8193],{"class":2996},"                ImageMessage",[2983,8195,3283],{"class":3003},[2983,8197,8198],{"class":3016},"ImageMessageTemplate",[2983,8200,3389],{"class":3003},[2983,8202,8203,8206,8208,8211],{"class":2985,"line":3405},[2983,8204,8205],{"class":2996},"                LinkMessage",[2983,8207,3283],{"class":3003},[2983,8209,8210],{"class":3016},"LinkMessageTemplate",[2983,8212,3389],{"class":3003},[2983,8214,8215,8218,8220,8223,8225,8228,8230,8233,8235,8238],{"class":2985,"line":3419},[2983,8216,8217],{"class":2989},"                _",[2983,8219,3283],{"class":3003},[2983,8221,8222],{"class":2989},"base",[2983,8224,3148],{"class":3003},[2983,8226,8227],{"class":3320},"SelectTemplate",[2983,8229,8135],{"class":3003},[2983,8231,8232],{"class":3016},"item",[2983,8234,3976],{"class":3003},[2983,8236,8237],{"class":3016},"container",[2983,8239,8152],{"class":3003},[2983,8241,8242],{"class":2985,"line":3430},[2983,8243,8244],{"class":3003},"            };\n",[2983,8246,8247],{"class":2985,"line":3436},[2983,8248,3330],{"class":3003},[2983,8250,8251],{"class":2985,"line":3441},[2983,8252,3336],{"class":3003},[2983,8254,8255],{"class":2985,"line":3446},[2983,8256,3099],{"class":3003},[2965,8258,8259],{},[3137,8260,8261],{},"Крок 2: Визначити моделі",[2974,8263,8265],{"className":2976,"code":8264,"language":2978,"meta":2979,"style":2979},"public abstract class Message\n{\n    public string Sender { get; set; }\n    public DateTime Timestamp { get; set; }\n}\n\npublic class TextMessage : Message\n{\n    public string Text { get; set; }\n}\n\npublic class ImageMessage : Message\n{\n    public string ImageUrl { get; set; }\n    public string Caption { get; set; }\n}\n\npublic class LinkMessage : Message\n{\n    public string Url { get; set; }\n    public string Title { get; set; }\n}\n",[2969,8266,8267,8279,8283,8302,8322,8326,8330,8344,8348,8366,8370,8374,8387,8391,8410,8429,8433,8437,8450,8454,8473,8492],{"__ignoreMap":2979},[2983,8268,8269,8271,8274,8276],{"class":2985,"line":2986},[2983,8270,2990],{"class":2989},[2983,8272,8273],{"class":2989}," abstract",[2983,8275,2993],{"class":2989},[2983,8277,8278],{"class":2996}," Message\n",[2983,8280,8281],{"class":2985,"line":3000},[2983,8282,3004],{"class":3003},[2983,8284,8285,8287,8289,8292,8294,8296,8298,8300],{"class":2985,"line":3007},[2983,8286,3010],{"class":2989},[2983,8288,3013],{"class":2989},[2983,8290,8291],{"class":3016}," Sender",[2983,8293,3020],{"class":3003},[2983,8295,3023],{"class":2989},[2983,8297,3026],{"class":3003},[2983,8299,3029],{"class":2989},[2983,8301,3032],{"class":3003},[2983,8303,8304,8306,8309,8312,8314,8316,8318,8320],{"class":2985,"line":3035},[2983,8305,3010],{"class":2989},[2983,8307,8308],{"class":2996}," DateTime",[2983,8310,8311],{"class":3016}," Timestamp",[2983,8313,3020],{"class":3003},[2983,8315,3023],{"class":2989},[2983,8317,3026],{"class":3003},[2983,8319,3029],{"class":2989},[2983,8321,3032],{"class":3003},[2983,8323,8324],{"class":2985,"line":3055},[2983,8325,3099],{"class":3003},[2983,8327,8328],{"class":2985,"line":3076},[2983,8329,4476],{"emptyLinePlaceholder":4475},[2983,8331,8332,8334,8336,8339,8341],{"class":2985,"line":3096},[2983,8333,2990],{"class":2989},[2983,8335,2993],{"class":2989},[2983,8337,8338],{"class":2996}," TextMessage",[2983,8340,3235],{"class":3003},[2983,8342,8343],{"class":2996},"Message\n",[2983,8345,8346],{"class":2985,"line":3291},[2983,8347,3004],{"class":3003},[2983,8349,8350,8352,8354,8356,8358,8360,8362,8364],{"class":2985,"line":3297},[2983,8351,3010],{"class":2989},[2983,8353,3013],{"class":2989},[2983,8355,3522],{"class":3016},[2983,8357,3020],{"class":3003},[2983,8359,3023],{"class":2989},[2983,8361,3026],{"class":3003},[2983,8363,3029],{"class":2989},[2983,8365,3032],{"class":3003},[2983,8367,8368],{"class":2985,"line":3303},[2983,8369,3099],{"class":3003},[2983,8371,8372],{"class":2985,"line":3317},[2983,8373,4476],{"emptyLinePlaceholder":4475},[2983,8375,8376,8378,8380,8383,8385],{"class":2985,"line":3327},[2983,8377,2990],{"class":2989},[2983,8379,2993],{"class":2989},[2983,8381,8382],{"class":2996}," ImageMessage",[2983,8384,3235],{"class":3003},[2983,8386,8343],{"class":2996},[2983,8388,8389],{"class":2985,"line":3333},[2983,8390,3004],{"class":3003},[2983,8392,8393,8395,8397,8400,8402,8404,8406,8408],{"class":2985,"line":3339},[2983,8394,3010],{"class":2989},[2983,8396,3013],{"class":2989},[2983,8398,8399],{"class":3016}," ImageUrl",[2983,8401,3020],{"class":3003},[2983,8403,3023],{"class":2989},[2983,8405,3026],{"class":3003},[2983,8407,3029],{"class":2989},[2983,8409,3032],{"class":3003},[2983,8411,8412,8414,8416,8419,8421,8423,8425,8427],{"class":2985,"line":3344},[2983,8413,3010],{"class":2989},[2983,8415,3013],{"class":2989},[2983,8417,8418],{"class":3016}," Caption",[2983,8420,3020],{"class":3003},[2983,8422,3023],{"class":2989},[2983,8424,3026],{"class":3003},[2983,8426,3029],{"class":2989},[2983,8428,3032],{"class":3003},[2983,8430,8431],{"class":2985,"line":3354},[2983,8432,3099],{"class":3003},[2983,8434,8435],{"class":2985,"line":3359},[2983,8436,4476],{"emptyLinePlaceholder":4475},[2983,8438,8439,8441,8443,8446,8448],{"class":2985,"line":3372},[2983,8440,2990],{"class":2989},[2983,8442,2993],{"class":2989},[2983,8444,8445],{"class":2996}," LinkMessage",[2983,8447,3235],{"class":3003},[2983,8449,8343],{"class":2996},[2983,8451,8452],{"class":2985,"line":3377},[2983,8453,3004],{"class":3003},[2983,8455,8456,8458,8460,8463,8465,8467,8469,8471],{"class":2985,"line":3392},[2983,8457,3010],{"class":2989},[2983,8459,3013],{"class":2989},[2983,8461,8462],{"class":3016}," Url",[2983,8464,3020],{"class":3003},[2983,8466,3023],{"class":2989},[2983,8468,3026],{"class":3003},[2983,8470,3029],{"class":2989},[2983,8472,3032],{"class":3003},[2983,8474,8475,8477,8479,8482,8484,8486,8488,8490],{"class":2985,"line":3405},[2983,8476,3010],{"class":2989},[2983,8478,3013],{"class":2989},[2983,8480,8481],{"class":3016}," Title",[2983,8483,3020],{"class":3003},[2983,8485,3023],{"class":2989},[2983,8487,3026],{"class":3003},[2983,8489,3029],{"class":2989},[2983,8491,3032],{"class":3003},[2983,8493,8494],{"class":2985,"line":3419},[2983,8495,3099],{"class":3003},[2965,8497,8498],{},[3137,8499,8500],{},"Крок 3: Визначити шаблони та селектор у XAML",[2974,8502,8504],{"className":3105,"code":8503,"language":3107,"meta":2979,"style":2979},"\u003CWindow.Resources>\n    \u003C!-- Шаблон для текстових повідомлень -->\n    \u003CDataTemplate x:Key=\"textMessageTemplate\">\n        \u003CBorder Background=\"#E3F2FD\" \n                Padding=\"10\" \n                Margin=\"5\" \n                CornerRadius=\"5\">\n            \u003CStackPanel>\n                \u003CTextBlock Text=\"{Binding Sender}\" \n                           FontWeight=\"Bold\" \n                           FontSize=\"12\"/>\n                \u003CTextBlock Text=\"{Binding Text}\" \n                           FontSize=\"14\" \n                           TextWrapping=\"Wrap\" \n                           Margin=\"0,5,0,0\"/>\n                \u003CTextBlock Text=\"{Binding Timestamp, StringFormat='HH:mm'}\" \n                           FontSize=\"10\" \n                           Foreground=\"Gray\" \n                           HorizontalAlignment=\"Right\"/>\n            \u003C/StackPanel>\n        \u003C/Border>\n    \u003C/DataTemplate>\n    \n    \u003C!-- Шаблон для зображень -->\n    \u003CDataTemplate x:Key=\"imageMessageTemplate\">\n        \u003CBorder Background=\"#F3E5F5\" \n                Padding=\"10\" \n                Margin=\"5\" \n                CornerRadius=\"5\">\n            \u003CStackPanel>\n                \u003CTextBlock Text=\"{Binding Sender}\" \n                           FontWeight=\"Bold\" \n                           FontSize=\"12\"/>\n                \u003CRectangle Width=\"200\" \n                           Height=\"150\" \n                           Fill=\"LightGray\" \n                           Margin=\"0,5,0,0\"/>\n                \u003CTextBlock Text=\"{Binding Caption}\" \n                           FontSize=\"12\" \n                           TextWrapping=\"Wrap\" \n                           Margin=\"0,5,0,0\"/>\n            \u003C/StackPanel>\n        \u003C/Border>\n    \u003C/DataTemplate>\n    \n    \u003C!-- Шаблон для посилань -->\n    \u003CDataTemplate x:Key=\"linkMessageTemplate\">\n        \u003CBorder Background=\"#FFF3E0\" \n                Padding=\"10\" \n                Margin=\"5\" \n                CornerRadius=\"5\">\n            \u003CStackPanel>\n                \u003CTextBlock Text=\"{Binding Sender}\" \n                           FontWeight=\"Bold\" \n                           FontSize=\"12\"/>\n                \u003CTextBlock Text=\"{Binding Title}\" \n                           FontSize=\"14\" \n                           Foreground=\"#2196F3\" \n                           TextDecorations=\"Underline\" \n                           Margin=\"0,5,0,0\"/>\n                \u003CTextBlock Text=\"{Binding Url}\" \n                           FontSize=\"10\" \n                           Foreground=\"Gray\" \n                           Margin=\"0,5,0,0\"/>\n            \u003C/StackPanel>\n        \u003C/Border>\n    \u003C/DataTemplate>\n    \n    \u003C!-- Селектор -->\n    \u003Clocal:MessageTemplateSelector x:Key=\"messageTemplateSelector\"\n                                    TextMessageTemplate=\"{StaticResource textMessageTemplate}\"\n                                    ImageMessageTemplate=\"{StaticResource imageMessageTemplate}\"\n                                    LinkMessageTemplate=\"{StaticResource linkMessageTemplate}\"/>\n\u003C/Window.Resources>\n\n\u003CListBox ItemsSource=\"{Binding Messages}\" \n         ItemTemplateSelector=\"{StaticResource messageTemplateSelector}\"\n         ScrollViewer.HorizontalScrollBarVisibility=\"Disabled\"/>\n",[2969,8505,8506,8514,8519,8534,8549,8559,8570,8580,8588,8603,8613,8623,8638,8648,8660,8671,8686,8696,8706,8718,8726,8734,8742,8746,8751,8766,8781,8791,8801,8811,8819,8833,8843,8853,8869,8881,8893,8903,8918,8928,8938,8948,8956,8964,8972,8976,8981,8997,9013,9024,9035,9046,9055,9070,9081,9092,9108,9119,9130,9143,9154,9170,9181,9192,9203,9212,9221,9230,9235,9241,9256,9267,9278,9291,9300,9305,9321,9332],{"__ignoreMap":2979},[2983,8507,8508,8510,8512],{"class":2985,"line":2986},[2983,8509,3115],{"class":3114},[2983,8511,4211],{"class":3118},[2983,8513,3493],{"class":3114},[2983,8515,8516],{"class":2985,"line":3000},[2983,8517,8518],{"class":3449},"    \u003C!-- Шаблон для текстових повідомлень -->\n",[2983,8520,8521,8523,8525,8527,8529,8532],{"class":2985,"line":3007},[2983,8522,3498],{"class":3114},[2983,8524,3808],{"class":3118},[2983,8526,5174],{"class":3122},[2983,8528,3126],{"class":3003},[2983,8530,8531],{"class":3129},"\"textMessageTemplate\"",[2983,8533,3493],{"class":3114},[2983,8535,8536,8538,8540,8542,8544,8547],{"class":2985,"line":3035},[2983,8537,3516],{"class":3114},[2983,8539,4234],{"class":3118},[2983,8541,4237],{"class":3122},[2983,8543,3126],{"class":3003},[2983,8545,8546],{"class":3129},"\"#E3F2FD\"",[2983,8548,3658],{"class":3003},[2983,8550,8551,8553,8555,8557],{"class":2985,"line":3055},[2983,8552,4273],{"class":3122},[2983,8554,3126],{"class":3003},[2983,8556,3603],{"class":3129},[2983,8558,3658],{"class":3003},[2983,8560,8561,8564,8566,8568],{"class":2985,"line":3076},[2983,8562,8563],{"class":3122},"                Margin",[2983,8565,3126],{"class":3003},[2983,8567,4289],{"class":3129},[2983,8569,3658],{"class":3003},[2983,8571,8572,8574,8576,8578],{"class":2985,"line":3096},[2983,8573,4284],{"class":3122},[2983,8575,3126],{"class":3003},[2983,8577,4289],{"class":3129},[2983,8579,3493],{"class":3114},[2983,8581,8582,8584,8586],{"class":2985,"line":3291},[2983,8583,4296],{"class":3114},[2983,8585,3501],{"class":3118},[2983,8587,3493],{"class":3114},[2983,8589,8590,8592,8594,8596,8598,8601],{"class":2985,"line":3297},[2983,8591,4305],{"class":3114},[2983,8593,3519],{"class":3118},[2983,8595,3522],{"class":3122},[2983,8597,3126],{"class":3003},[2983,8599,8600],{"class":3129},"\"{Binding Sender}\"",[2983,8602,3658],{"class":3003},[2983,8604,8605,8607,8609,8611],{"class":2985,"line":3303},[2983,8606,4320],{"class":3122},[2983,8608,3126],{"class":3003},[2983,8610,4325],{"class":3129},[2983,8612,3658],{"class":3003},[2983,8614,8615,8617,8619,8621],{"class":2985,"line":3317},[2983,8616,4332],{"class":3122},[2983,8618,3126],{"class":3003},[2983,8620,4388],{"class":3129},[2983,8622,3133],{"class":3114},[2983,8624,8625,8627,8629,8631,8633,8636],{"class":2985,"line":3327},[2983,8626,4305],{"class":3114},[2983,8628,3519],{"class":3118},[2983,8630,3522],{"class":3122},[2983,8632,3126],{"class":3003},[2983,8634,8635],{"class":3129},"\"{Binding Text}\"",[2983,8637,3658],{"class":3003},[2983,8639,8640,8642,8644,8646],{"class":2985,"line":3333},[2983,8641,4332],{"class":3122},[2983,8643,3126],{"class":3003},[2983,8645,4362],{"class":3129},[2983,8647,3658],{"class":3003},[2983,8649,8650,8653,8655,8658],{"class":2985,"line":3339},[2983,8651,8652],{"class":3122},"                           TextWrapping",[2983,8654,3126],{"class":3003},[2983,8656,8657],{"class":3129},"\"Wrap\"",[2983,8659,3658],{"class":3003},[2983,8661,8662,8665,8667,8669],{"class":2985,"line":3344},[2983,8663,8664],{"class":3122},"                           Margin",[2983,8666,3126],{"class":3003},[2983,8668,5987],{"class":3129},[2983,8670,3133],{"class":3114},[2983,8672,8673,8675,8677,8679,8681,8684],{"class":2985,"line":3354},[2983,8674,4305],{"class":3114},[2983,8676,3519],{"class":3118},[2983,8678,3522],{"class":3122},[2983,8680,3126],{"class":3003},[2983,8682,8683],{"class":3129},"\"{Binding Timestamp, StringFormat='HH:mm'}\"",[2983,8685,3658],{"class":3003},[2983,8687,8688,8690,8692,8694],{"class":2985,"line":3359},[2983,8689,4332],{"class":3122},[2983,8691,3126],{"class":3003},[2983,8693,3603],{"class":3129},[2983,8695,3658],{"class":3003},[2983,8697,8698,8700,8702,8704],{"class":2985,"line":3372},[2983,8699,4395],{"class":3122},[2983,8701,3126],{"class":3003},[2983,8703,3640],{"class":3129},[2983,8705,3658],{"class":3003},[2983,8707,8708,8711,8713,8716],{"class":2985,"line":3377},[2983,8709,8710],{"class":3122},"                           HorizontalAlignment",[2983,8712,3126],{"class":3003},[2983,8714,8715],{"class":3129},"\"Right\"",[2983,8717,3133],{"class":3114},[2983,8719,8720,8722,8724],{"class":2985,"line":3392},[2983,8721,4441],{"class":3114},[2983,8723,3501],{"class":3118},[2983,8725,3493],{"class":3114},[2983,8727,8728,8730,8732],{"class":2985,"line":3405},[2983,8729,4450],{"class":3114},[2983,8731,4234],{"class":3118},[2983,8733,3493],{"class":3114},[2983,8735,8736,8738,8740],{"class":2985,"line":3419},[2983,8737,3548],{"class":3114},[2983,8739,3808],{"class":3118},[2983,8741,3493],{"class":3114},[2983,8743,8744],{"class":2985,"line":3430},[2983,8745,3261],{"class":3003},[2983,8747,8748],{"class":2985,"line":3436},[2983,8749,8750],{"class":3449},"    \u003C!-- Шаблон для зображень -->\n",[2983,8752,8753,8755,8757,8759,8761,8764],{"class":2985,"line":3441},[2983,8754,3498],{"class":3114},[2983,8756,3808],{"class":3118},[2983,8758,5174],{"class":3122},[2983,8760,3126],{"class":3003},[2983,8762,8763],{"class":3129},"\"imageMessageTemplate\"",[2983,8765,3493],{"class":3114},[2983,8767,8768,8770,8772,8774,8776,8779],{"class":2985,"line":3446},[2983,8769,3516],{"class":3114},[2983,8771,4234],{"class":3118},[2983,8773,4237],{"class":3122},[2983,8775,3126],{"class":3003},[2983,8777,8778],{"class":3129},"\"#F3E5F5\"",[2983,8780,3658],{"class":3003},[2983,8782,8783,8785,8787,8789],{"class":2985,"line":3453},[2983,8784,4273],{"class":3122},[2983,8786,3126],{"class":3003},[2983,8788,3603],{"class":3129},[2983,8790,3658],{"class":3003},[2983,8792,8793,8795,8797,8799],{"class":2985,"line":4521},[2983,8794,8563],{"class":3122},[2983,8796,3126],{"class":3003},[2983,8798,4289],{"class":3129},[2983,8800,3658],{"class":3003},[2983,8802,8803,8805,8807,8809],{"class":2985,"line":5920},[2983,8804,4284],{"class":3122},[2983,8806,3126],{"class":3003},[2983,8808,4289],{"class":3129},[2983,8810,3493],{"class":3114},[2983,8812,8813,8815,8817],{"class":2985,"line":5930},[2983,8814,4296],{"class":3114},[2983,8816,3501],{"class":3118},[2983,8818,3493],{"class":3114},[2983,8820,8821,8823,8825,8827,8829,8831],{"class":2985,"line":5940},[2983,8822,4305],{"class":3114},[2983,8824,3519],{"class":3118},[2983,8826,3522],{"class":3122},[2983,8828,3126],{"class":3003},[2983,8830,8600],{"class":3129},[2983,8832,3658],{"class":3003},[2983,8834,8835,8837,8839,8841],{"class":2985,"line":5955},[2983,8836,4320],{"class":3122},[2983,8838,3126],{"class":3003},[2983,8840,4325],{"class":3129},[2983,8842,3658],{"class":3003},[2983,8844,8845,8847,8849,8851],{"class":2985,"line":5967},[2983,8846,4332],{"class":3122},[2983,8848,3126],{"class":3003},[2983,8850,4388],{"class":3129},[2983,8852,3133],{"class":3114},[2983,8854,8855,8857,8860,8862,8864,8867],{"class":2985,"line":5979},[2983,8856,4305],{"class":3114},[2983,8858,8859],{"class":3118},"Rectangle",[2983,8861,5691],{"class":3122},[2983,8863,3126],{"class":3003},[2983,8865,8866],{"class":3129},"\"200\"",[2983,8868,3658],{"class":3003},[2983,8870,8871,8874,8876,8879],{"class":2985,"line":5992},[2983,8872,8873],{"class":3122},"                           Height",[2983,8875,3126],{"class":3003},[2983,8877,8878],{"class":3129},"\"150\"",[2983,8880,3658],{"class":3003},[2983,8882,8883,8886,8888,8891],{"class":2985,"line":6007},[2983,8884,8885],{"class":3122},"                           Fill",[2983,8887,3126],{"class":3003},[2983,8889,8890],{"class":3129},"\"LightGray\"",[2983,8892,3658],{"class":3003},[2983,8894,8895,8897,8899,8901],{"class":2985,"line":6018},[2983,8896,8664],{"class":3122},[2983,8898,3126],{"class":3003},[2983,8900,5987],{"class":3129},[2983,8902,3133],{"class":3114},[2983,8904,8905,8907,8909,8911,8913,8916],{"class":2985,"line":6029},[2983,8906,4305],{"class":3114},[2983,8908,3519],{"class":3118},[2983,8910,3522],{"class":3122},[2983,8912,3126],{"class":3003},[2983,8914,8915],{"class":3129},"\"{Binding Caption}\"",[2983,8917,3658],{"class":3003},[2983,8919,8920,8922,8924,8926],{"class":2985,"line":6040},[2983,8921,4332],{"class":3122},[2983,8923,3126],{"class":3003},[2983,8925,4388],{"class":3129},[2983,8927,3658],{"class":3003},[2983,8929,8930,8932,8934,8936],{"class":2985,"line":6049},[2983,8931,8652],{"class":3122},[2983,8933,3126],{"class":3003},[2983,8935,8657],{"class":3129},[2983,8937,3658],{"class":3003},[2983,8939,8940,8942,8944,8946],{"class":2985,"line":6058},[2983,8941,8664],{"class":3122},[2983,8943,3126],{"class":3003},[2983,8945,5987],{"class":3129},[2983,8947,3133],{"class":3114},[2983,8949,8950,8952,8954],{"class":2985,"line":6067},[2983,8951,4441],{"class":3114},[2983,8953,3501],{"class":3118},[2983,8955,3493],{"class":3114},[2983,8957,8958,8960,8962],{"class":2985,"line":6076},[2983,8959,4450],{"class":3114},[2983,8961,4234],{"class":3118},[2983,8963,3493],{"class":3114},[2983,8965,8966,8968,8970],{"class":2985,"line":6085},[2983,8967,3548],{"class":3114},[2983,8969,3808],{"class":3118},[2983,8971,3493],{"class":3114},[2983,8973,8974],{"class":2985,"line":6090},[2983,8975,3261],{"class":3003},[2983,8977,8978],{"class":2985,"line":6105},[2983,8979,8980],{"class":3449},"    \u003C!-- Шаблон для посилань -->\n",[2983,8982,8984,8986,8988,8990,8992,8995],{"class":2985,"line":8983},47,[2983,8985,3498],{"class":3114},[2983,8987,3808],{"class":3118},[2983,8989,5174],{"class":3122},[2983,8991,3126],{"class":3003},[2983,8993,8994],{"class":3129},"\"linkMessageTemplate\"",[2983,8996,3493],{"class":3114},[2983,8998,9000,9002,9004,9006,9008,9011],{"class":2985,"line":8999},48,[2983,9001,3516],{"class":3114},[2983,9003,4234],{"class":3118},[2983,9005,4237],{"class":3122},[2983,9007,3126],{"class":3003},[2983,9009,9010],{"class":3129},"\"#FFF3E0\"",[2983,9012,3658],{"class":3003},[2983,9014,9016,9018,9020,9022],{"class":2985,"line":9015},49,[2983,9017,4273],{"class":3122},[2983,9019,3126],{"class":3003},[2983,9021,3603],{"class":3129},[2983,9023,3658],{"class":3003},[2983,9025,9027,9029,9031,9033],{"class":2985,"line":9026},50,[2983,9028,8563],{"class":3122},[2983,9030,3126],{"class":3003},[2983,9032,4289],{"class":3129},[2983,9034,3658],{"class":3003},[2983,9036,9038,9040,9042,9044],{"class":2985,"line":9037},51,[2983,9039,4284],{"class":3122},[2983,9041,3126],{"class":3003},[2983,9043,4289],{"class":3129},[2983,9045,3493],{"class":3114},[2983,9047,9049,9051,9053],{"class":2985,"line":9048},52,[2983,9050,4296],{"class":3114},[2983,9052,3501],{"class":3118},[2983,9054,3493],{"class":3114},[2983,9056,9058,9060,9062,9064,9066,9068],{"class":2985,"line":9057},53,[2983,9059,4305],{"class":3114},[2983,9061,3519],{"class":3118},[2983,9063,3522],{"class":3122},[2983,9065,3126],{"class":3003},[2983,9067,8600],{"class":3129},[2983,9069,3658],{"class":3003},[2983,9071,9073,9075,9077,9079],{"class":2985,"line":9072},54,[2983,9074,4320],{"class":3122},[2983,9076,3126],{"class":3003},[2983,9078,4325],{"class":3129},[2983,9080,3658],{"class":3003},[2983,9082,9084,9086,9088,9090],{"class":2985,"line":9083},55,[2983,9085,4332],{"class":3122},[2983,9087,3126],{"class":3003},[2983,9089,4388],{"class":3129},[2983,9091,3133],{"class":3114},[2983,9093,9095,9097,9099,9101,9103,9106],{"class":2985,"line":9094},56,[2983,9096,4305],{"class":3114},[2983,9098,3519],{"class":3118},[2983,9100,3522],{"class":3122},[2983,9102,3126],{"class":3003},[2983,9104,9105],{"class":3129},"\"{Binding Title}\"",[2983,9107,3658],{"class":3003},[2983,9109,9111,9113,9115,9117],{"class":2985,"line":9110},57,[2983,9112,4332],{"class":3122},[2983,9114,3126],{"class":3003},[2983,9116,4362],{"class":3129},[2983,9118,3658],{"class":3003},[2983,9120,9122,9124,9126,9128],{"class":2985,"line":9121},58,[2983,9123,4395],{"class":3122},[2983,9125,3126],{"class":3003},[2983,9127,5769],{"class":3129},[2983,9129,3658],{"class":3003},[2983,9131,9133,9136,9138,9141],{"class":2985,"line":9132},59,[2983,9134,9135],{"class":3122},"                           TextDecorations",[2983,9137,3126],{"class":3003},[2983,9139,9140],{"class":3129},"\"Underline\"",[2983,9142,3658],{"class":3003},[2983,9144,9146,9148,9150,9152],{"class":2985,"line":9145},60,[2983,9147,8664],{"class":3122},[2983,9149,3126],{"class":3003},[2983,9151,5987],{"class":3129},[2983,9153,3133],{"class":3114},[2983,9155,9157,9159,9161,9163,9165,9168],{"class":2985,"line":9156},61,[2983,9158,4305],{"class":3114},[2983,9160,3519],{"class":3118},[2983,9162,3522],{"class":3122},[2983,9164,3126],{"class":3003},[2983,9166,9167],{"class":3129},"\"{Binding Url}\"",[2983,9169,3658],{"class":3003},[2983,9171,9173,9175,9177,9179],{"class":2985,"line":9172},62,[2983,9174,4332],{"class":3122},[2983,9176,3126],{"class":3003},[2983,9178,3603],{"class":3129},[2983,9180,3658],{"class":3003},[2983,9182,9184,9186,9188,9190],{"class":2985,"line":9183},63,[2983,9185,4395],{"class":3122},[2983,9187,3126],{"class":3003},[2983,9189,3640],{"class":3129},[2983,9191,3658],{"class":3003},[2983,9193,9195,9197,9199,9201],{"class":2985,"line":9194},64,[2983,9196,8664],{"class":3122},[2983,9198,3126],{"class":3003},[2983,9200,5987],{"class":3129},[2983,9202,3133],{"class":3114},[2983,9204,9206,9208,9210],{"class":2985,"line":9205},65,[2983,9207,4441],{"class":3114},[2983,9209,3501],{"class":3118},[2983,9211,3493],{"class":3114},[2983,9213,9215,9217,9219],{"class":2985,"line":9214},66,[2983,9216,4450],{"class":3114},[2983,9218,4234],{"class":3118},[2983,9220,3493],{"class":3114},[2983,9222,9224,9226,9228],{"class":2985,"line":9223},67,[2983,9225,3548],{"class":3114},[2983,9227,3808],{"class":3118},[2983,9229,3493],{"class":3114},[2983,9231,9233],{"class":2985,"line":9232},68,[2983,9234,3261],{"class":3003},[2983,9236,9238],{"class":2985,"line":9237},69,[2983,9239,9240],{"class":3449},"    \u003C!-- Селектор -->\n",[2983,9242,9244,9246,9249,9251,9253],{"class":2985,"line":9243},70,[2983,9245,3498],{"class":3114},[2983,9247,9248],{"class":3118},"local:MessageTemplateSelector",[2983,9250,5174],{"class":3122},[2983,9252,3126],{"class":3003},[2983,9254,9255],{"class":3129},"\"messageTemplateSelector\"\n",[2983,9257,9259,9262,9264],{"class":2985,"line":9258},71,[2983,9260,9261],{"class":3122},"                                    TextMessageTemplate",[2983,9263,3126],{"class":3003},[2983,9265,9266],{"class":3129},"\"{StaticResource textMessageTemplate}\"\n",[2983,9268,9270,9273,9275],{"class":2985,"line":9269},72,[2983,9271,9272],{"class":3122},"                                    ImageMessageTemplate",[2983,9274,3126],{"class":3003},[2983,9276,9277],{"class":3129},"\"{StaticResource imageMessageTemplate}\"\n",[2983,9279,9281,9284,9286,9289],{"class":2985,"line":9280},73,[2983,9282,9283],{"class":3122},"                                    LinkMessageTemplate",[2983,9285,3126],{"class":3003},[2983,9287,9288],{"class":3129},"\"{StaticResource linkMessageTemplate}\"",[2983,9290,3133],{"class":3114},[2983,9292,9294,9296,9298],{"class":2985,"line":9293},74,[2983,9295,3557],{"class":3114},[2983,9297,4211],{"class":3118},[2983,9299,3493],{"class":3114},[2983,9301,9303],{"class":2985,"line":9302},75,[2983,9304,4476],{"emptyLinePlaceholder":4475},[2983,9306,9308,9310,9312,9314,9316,9319],{"class":2985,"line":9307},76,[2983,9309,3115],{"class":3114},[2983,9311,5079],{"class":3118},[2983,9313,5082],{"class":3122},[2983,9315,3126],{"class":3003},[2983,9317,9318],{"class":3129},"\"{Binding Messages}\"",[2983,9320,3658],{"class":3003},[2983,9322,9324,9327,9329],{"class":2985,"line":9323},77,[2983,9325,9326],{"class":3122},"         ItemTemplateSelector",[2983,9328,3126],{"class":3003},[2983,9330,9331],{"class":3129},"\"{StaticResource messageTemplateSelector}\"\n",[2983,9333,9335,9337,9339,9341],{"class":2985,"line":9334},78,[2983,9336,6895],{"class":3122},[2983,9338,3126],{"class":3003},[2983,9340,6900],{"class":3129},[2983,9342,3133],{"class":3114},[2965,9344,9345],{},[3137,9346,3218],{},[2974,9348,9350],{"className":2976,"code":9349,"language":2978,"meta":2979,"style":2979},"public class ChatViewModel : INotifyPropertyChanged\n{\n    public ObservableCollection\u003CMessage> Messages { get; set; }\n    \n    public ChatViewModel()\n    {\n        Messages = new ObservableCollection\u003CMessage>\n        {\n            new TextMessage \n            { \n                Sender = \"Іван\", \n                Text = \"Привіт! Як справи?\", \n                Timestamp = DateTime.Now \n            },\n            new ImageMessage \n            { \n                Sender = \"Марія\", \n                ImageUrl = \"/images/photo.jpg\", \n                Caption = \"Подивись на це фото!\", \n                Timestamp = DateTime.Now \n            },\n            new LinkMessage \n            { \n                Sender = \"Олександр\", \n                Url = \"https://example.com\", \n                Title = \"Цікава стаття\", \n                Timestamp = DateTime.Now \n            }\n        };\n    }\n    \n    // ... INotifyPropertyChanged implementation\n}\n",[2969,9351,9352,9365,9369,9395,9399,9407,9411,9428,9432,9440,9445,9457,9469,9486,9491,9499,9503,9513,9525,9537,9551,9555,9563,9567,9577,9589,9601,9615,9620,9624,9628,9632,9636],{"__ignoreMap":2979},[2983,9353,9354,9356,9358,9361,9363],{"class":2985,"line":2986},[2983,9355,2990],{"class":2989},[2983,9357,2993],{"class":2989},[2983,9359,9360],{"class":2996}," ChatViewModel",[2983,9362,3235],{"class":3003},[2983,9364,3238],{"class":2996},[2983,9366,9367],{"class":2985,"line":3000},[2983,9368,3004],{"class":3003},[2983,9370,9371,9373,9375,9377,9380,9382,9385,9387,9389,9391,9393],{"class":2985,"line":3007},[2983,9372,3010],{"class":2989},[2983,9374,6934],{"class":2996},[2983,9376,3115],{"class":3003},[2983,9378,9379],{"class":2996},"Message",[2983,9381,6941],{"class":3003},[2983,9383,9384],{"class":3016},"Messages",[2983,9386,3020],{"class":3003},[2983,9388,3023],{"class":2989},[2983,9390,3026],{"class":3003},[2983,9392,3029],{"class":2989},[2983,9394,3032],{"class":3003},[2983,9396,9397],{"class":2985,"line":3035},[2983,9398,3261],{"class":3003},[2983,9400,9401,9403,9405],{"class":2985,"line":3055},[2983,9402,3010],{"class":2989},[2983,9404,9360],{"class":3320},[2983,9406,3351],{"class":3003},[2983,9408,9409],{"class":2985,"line":3076},[2983,9410,3275],{"class":3003},[2983,9412,9413,9416,9418,9420,9422,9424,9426],{"class":2985,"line":3096},[2983,9414,9415],{"class":3016},"        Messages",[2983,9417,3309],{"class":3003},[2983,9419,3367],{"class":2989},[2983,9421,6934],{"class":2996},[2983,9423,3115],{"class":3003},[2983,9425,9379],{"class":2996},[2983,9427,3493],{"class":3003},[2983,9429,9430],{"class":2985,"line":3291},[2983,9431,3300],{"class":3003},[2983,9433,9434,9436,9438],{"class":2985,"line":3297},[2983,9435,6996],{"class":2989},[2983,9437,8338],{"class":2996},[2983,9439,3658],{"class":3003},[2983,9441,9442],{"class":2985,"line":3303},[2983,9443,9444],{"class":3003},"            { \n",[2983,9446,9447,9450,9452,9454],{"class":2985,"line":3317},[2983,9448,9449],{"class":3016},"                Sender",[2983,9451,3309],{"class":3003},[2983,9453,3386],{"class":3385},[2983,9455,9456],{"class":3003},", \n",[2983,9458,9459,9462,9464,9467],{"class":2985,"line":3327},[2983,9460,9461],{"class":3016},"                Text",[2983,9463,3309],{"class":3003},[2983,9465,9466],{"class":3385},"\"Привіт! Як справи?\"",[2983,9468,9456],{"class":3003},[2983,9470,9471,9474,9476,9479,9481,9484],{"class":2985,"line":3333},[2983,9472,9473],{"class":3016},"                Timestamp",[2983,9475,3309],{"class":3003},[2983,9477,9478],{"class":3016},"DateTime",[2983,9480,3148],{"class":3003},[2983,9482,9483],{"class":3016},"Now",[2983,9485,3658],{"class":3003},[2983,9487,9488],{"class":2985,"line":3339},[2983,9489,9490],{"class":3003},"            },\n",[2983,9492,9493,9495,9497],{"class":2985,"line":3344},[2983,9494,6996],{"class":2989},[2983,9496,8382],{"class":2996},[2983,9498,3658],{"class":3003},[2983,9500,9501],{"class":2985,"line":3354},[2983,9502,9444],{"class":3003},[2983,9504,9505,9507,9509,9511],{"class":2985,"line":3359},[2983,9506,9449],{"class":3016},[2983,9508,3309],{"class":3003},[2983,9510,7040],{"class":3385},[2983,9512,9456],{"class":3003},[2983,9514,9515,9518,9520,9523],{"class":2985,"line":3372},[2983,9516,9517],{"class":3016},"                ImageUrl",[2983,9519,3309],{"class":3003},[2983,9521,9522],{"class":3385},"\"/images/photo.jpg\"",[2983,9524,9456],{"class":3003},[2983,9526,9527,9530,9532,9535],{"class":2985,"line":3377},[2983,9528,9529],{"class":3016},"                Caption",[2983,9531,3309],{"class":3003},[2983,9533,9534],{"class":3385},"\"Подивись на це фото!\"",[2983,9536,9456],{"class":3003},[2983,9538,9539,9541,9543,9545,9547,9549],{"class":2985,"line":3392},[2983,9540,9473],{"class":3016},[2983,9542,3309],{"class":3003},[2983,9544,9478],{"class":3016},[2983,9546,3148],{"class":3003},[2983,9548,9483],{"class":3016},[2983,9550,3658],{"class":3003},[2983,9552,9553],{"class":2985,"line":3405},[2983,9554,9490],{"class":3003},[2983,9556,9557,9559,9561],{"class":2985,"line":3419},[2983,9558,6996],{"class":2989},[2983,9560,8445],{"class":2996},[2983,9562,3658],{"class":3003},[2983,9564,9565],{"class":2985,"line":3430},[2983,9566,9444],{"class":3003},[2983,9568,9569,9571,9573,9575],{"class":2985,"line":3436},[2983,9570,9449],{"class":3016},[2983,9572,3309],{"class":3003},[2983,9574,7075],{"class":3385},[2983,9576,9456],{"class":3003},[2983,9578,9579,9582,9584,9587],{"class":2985,"line":3441},[2983,9580,9581],{"class":3016},"                Url",[2983,9583,3309],{"class":3003},[2983,9585,9586],{"class":3385},"\"https://example.com\"",[2983,9588,9456],{"class":3003},[2983,9590,9591,9594,9596,9599],{"class":2985,"line":3446},[2983,9592,9593],{"class":3016},"                Title",[2983,9595,3309],{"class":3003},[2983,9597,9598],{"class":3385},"\"Цікава стаття\"",[2983,9600,9456],{"class":3003},[2983,9602,9603,9605,9607,9609,9611,9613],{"class":2985,"line":3453},[2983,9604,9473],{"class":3016},[2983,9606,3309],{"class":3003},[2983,9608,9478],{"class":3016},[2983,9610,3148],{"class":3003},[2983,9612,9483],{"class":3016},[2983,9614,3658],{"class":3003},[2983,9616,9617],{"class":2985,"line":4521},[2983,9618,9619],{"class":3003},"            }\n",[2983,9621,9622],{"class":2985,"line":5920},[2983,9623,3433],{"class":3003},[2983,9625,9626],{"class":2985,"line":5930},[2983,9627,3336],{"class":3003},[2983,9629,9630],{"class":2985,"line":5940},[2983,9631,3261],{"class":3003},[2983,9633,9634],{"class":2985,"line":5955},[2983,9635,3450],{"class":3449},[2983,9637,9638],{"class":2985,"line":5967},[2983,9639,3099],{"class":3003},[2965,9641,9642,9644],{},[3137,9643,3566],{}," Кожен тип повідомлення відображається з власним шаблоном — текст на синьому фоні, зображення на фіолетовому, посилання на помаранчевому.",[3200,9646],{},[2960,9648,9650],{"id":9649},"hierarchicaldatatemplate-рекурсивні-шаблони-для-treeview","HierarchicalDataTemplate: Рекурсивні шаблони для TreeView",[2965,9652,9653,9656],{},[2969,9654,9655],{},"HierarchicalDataTemplate"," — спеціальний тип DataTemplate для ієрархічних даних (дерева, вкладені структури).",[3210,9658,9660],{"id":9659},"відмінність-від-звичайного-datatemplate","Відмінність від звичайного DataTemplate",[5429,9662,9663,9673],{},[5432,9664,9665],{},[5435,9666,9667,9669,9671],{},[5438,9668,5440],{},[5438,9670,3808],{},[5438,9672,9655],{},[5448,9674,9675,9688,9700,9713],{},[5435,9676,9677,9682,9685],{},[5453,9678,9679],{},[3137,9680,9681],{},"Використання",[5453,9683,9684],{},"Плоскі списки (ListBox)",[5453,9686,9687],{},"Ієрархічні дані (TreeView)",[5435,9689,9690,9695,9697],{},[5453,9691,9692],{},[3137,9693,9694],{},"ItemsSource",[5453,9696,5459],{},[5453,9698,9699],{},"✅ Є (для дочірніх елементів)",[5435,9701,9702,9707,9710],{},[5453,9703,9704],{},[3137,9705,9706],{},"Рекурсія",[5453,9708,9709],{},"❌ Не підтримує",[5453,9711,9712],{},"✅ Автоматична рекурсія",[5435,9714,9715,9719,9722],{},[5453,9716,9717],{},[3137,9718,5508],{},[5453,9720,9721],{},"Списки контактів, повідомлень",[5453,9723,9724],{},"Файлова система, організаційна структура",[3210,9726,9728],{"id":9727},"приклад-файлова-система","Приклад: Файлова система",[2965,9730,9731],{},[3137,9732,9733],{},"Модель:",[2974,9735,9737],{"className":2976,"code":9736,"language":2978,"meta":2979,"style":2979},"public class FileSystemItem : INotifyPropertyChanged\n{\n    private string _name;\n    private bool _isExpanded;\n    \n    public string Name\n    {\n        get => _name;\n        set\n        {\n            _name = value;\n            OnPropertyChanged();\n        }\n    }\n    \n    public bool IsFolder { get; set; }\n    \n    public bool IsExpanded\n    {\n        get => _isExpanded;\n        set\n        {\n            _isExpanded = value;\n            OnPropertyChanged();\n        }\n    }\n    \n    // Дочірні елементи (для папок)\n    public ObservableCollection\u003CFileSystemItem> Children { get; set; }\n    \n    public FileSystemItem()\n    {\n        Children = new ObservableCollection\u003CFileSystemItem>();\n    }\n    \n    // ... INotifyPropertyChanged implementation\n}\n",[2969,9738,9739,9752,9756,9767,9779,9783,9792,9796,9807,9811,9815,9826,9832,9836,9840,9844,9863,9867,9876,9880,9891,9895,9899,9910,9916,9920,9924,9928,9933,9959,9963,9971,9975,9993,9997,10001,10005],{"__ignoreMap":2979},[2983,9740,9741,9743,9745,9748,9750],{"class":2985,"line":2986},[2983,9742,2990],{"class":2989},[2983,9744,2993],{"class":2989},[2983,9746,9747],{"class":2996}," FileSystemItem",[2983,9749,3235],{"class":3003},[2983,9751,3238],{"class":2996},[2983,9753,9754],{"class":2985,"line":3000},[2983,9755,3004],{"class":3003},[2983,9757,9758,9760,9762,9765],{"class":2985,"line":3007},[2983,9759,3247],{"class":2989},[2983,9761,3013],{"class":2989},[2983,9763,9764],{"class":3016}," _name",[2983,9766,3256],{"class":3003},[2983,9768,9769,9771,9774,9777],{"class":2985,"line":3035},[2983,9770,3247],{"class":2989},[2983,9772,9773],{"class":2989}," bool",[2983,9775,9776],{"class":3016}," _isExpanded",[2983,9778,3256],{"class":3003},[2983,9780,9781],{"class":2985,"line":3055},[2983,9782,3261],{"class":3003},[2983,9784,9785,9787,9789],{"class":2985,"line":3076},[2983,9786,3010],{"class":2989},[2983,9788,3013],{"class":2989},[2983,9790,9791],{"class":3016}," Name\n",[2983,9793,9794],{"class":2985,"line":3096},[2983,9795,3275],{"class":3003},[2983,9797,9798,9800,9802,9805],{"class":2985,"line":3291},[2983,9799,3280],{"class":2989},[2983,9801,3283],{"class":3003},[2983,9803,9804],{"class":3016},"_name",[2983,9806,3256],{"class":3003},[2983,9808,9809],{"class":2985,"line":3297},[2983,9810,3294],{"class":2989},[2983,9812,9813],{"class":2985,"line":3303},[2983,9814,3300],{"class":3003},[2983,9816,9817,9820,9822,9824],{"class":2985,"line":3317},[2983,9818,9819],{"class":3016},"            _name",[2983,9821,3309],{"class":3003},[2983,9823,3312],{"class":3016},[2983,9825,3256],{"class":3003},[2983,9827,9828,9830],{"class":2985,"line":3327},[2983,9829,3321],{"class":3320},[2983,9831,3324],{"class":3003},[2983,9833,9834],{"class":2985,"line":3333},[2983,9835,3330],{"class":3003},[2983,9837,9838],{"class":2985,"line":3339},[2983,9839,3336],{"class":3003},[2983,9841,9842],{"class":2985,"line":3344},[2983,9843,3261],{"class":3003},[2983,9845,9846,9848,9850,9853,9855,9857,9859,9861],{"class":2985,"line":3354},[2983,9847,3010],{"class":2989},[2983,9849,9773],{"class":2989},[2983,9851,9852],{"class":3016}," IsFolder",[2983,9854,3020],{"class":3003},[2983,9856,3023],{"class":2989},[2983,9858,3026],{"class":3003},[2983,9860,3029],{"class":2989},[2983,9862,3032],{"class":3003},[2983,9864,9865],{"class":2985,"line":3359},[2983,9866,3261],{"class":3003},[2983,9868,9869,9871,9873],{"class":2985,"line":3372},[2983,9870,3010],{"class":2989},[2983,9872,9773],{"class":2989},[2983,9874,9875],{"class":3016}," IsExpanded\n",[2983,9877,9878],{"class":2985,"line":3377},[2983,9879,3275],{"class":3003},[2983,9881,9882,9884,9886,9889],{"class":2985,"line":3392},[2983,9883,3280],{"class":2989},[2983,9885,3283],{"class":3003},[2983,9887,9888],{"class":3016},"_isExpanded",[2983,9890,3256],{"class":3003},[2983,9892,9893],{"class":2985,"line":3405},[2983,9894,3294],{"class":2989},[2983,9896,9897],{"class":2985,"line":3419},[2983,9898,3300],{"class":3003},[2983,9900,9901,9904,9906,9908],{"class":2985,"line":3430},[2983,9902,9903],{"class":3016},"            _isExpanded",[2983,9905,3309],{"class":3003},[2983,9907,3312],{"class":3016},[2983,9909,3256],{"class":3003},[2983,9911,9912,9914],{"class":2985,"line":3436},[2983,9913,3321],{"class":3320},[2983,9915,3324],{"class":3003},[2983,9917,9918],{"class":2985,"line":3441},[2983,9919,3330],{"class":3003},[2983,9921,9922],{"class":2985,"line":3446},[2983,9923,3336],{"class":3003},[2983,9925,9926],{"class":2985,"line":3453},[2983,9927,3261],{"class":3003},[2983,9929,9930],{"class":2985,"line":4521},[2983,9931,9932],{"class":3449},"    // Дочірні елементи (для папок)\n",[2983,9934,9935,9937,9939,9941,9944,9946,9949,9951,9953,9955,9957],{"class":2985,"line":5920},[2983,9936,3010],{"class":2989},[2983,9938,6934],{"class":2996},[2983,9940,3115],{"class":3003},[2983,9942,9943],{"class":2996},"FileSystemItem",[2983,9945,6941],{"class":3003},[2983,9947,9948],{"class":3016},"Children",[2983,9950,3020],{"class":3003},[2983,9952,3023],{"class":2989},[2983,9954,3026],{"class":3003},[2983,9956,3029],{"class":2989},[2983,9958,3032],{"class":3003},[2983,9960,9961],{"class":2985,"line":5930},[2983,9962,3261],{"class":3003},[2983,9964,9965,9967,9969],{"class":2985,"line":5940},[2983,9966,3010],{"class":2989},[2983,9968,9747],{"class":3320},[2983,9970,3351],{"class":3003},[2983,9972,9973],{"class":2985,"line":5955},[2983,9974,3275],{"class":3003},[2983,9976,9977,9980,9982,9984,9986,9988,9990],{"class":2985,"line":5967},[2983,9978,9979],{"class":3016},"        Children",[2983,9981,3309],{"class":3003},[2983,9983,3367],{"class":2989},[2983,9985,6934],{"class":2996},[2983,9987,3115],{"class":3003},[2983,9989,9943],{"class":2996},[2983,9991,9992],{"class":3003},">();\n",[2983,9994,9995],{"class":2985,"line":5979},[2983,9996,3336],{"class":3003},[2983,9998,9999],{"class":2985,"line":5992},[2983,10000,3261],{"class":3003},[2983,10002,10003],{"class":2985,"line":6007},[2983,10004,3450],{"class":3449},[2983,10006,10007],{"class":2985,"line":6018},[2983,10008,3099],{"class":3003},[2965,10010,10011],{},[3137,10012,3218],{},[2974,10014,10016],{"className":2976,"code":10015,"language":2978,"meta":2979,"style":2979},"public class FileExplorerViewModel : INotifyPropertyChanged\n{\n    public ObservableCollection\u003CFileSystemItem> RootItems { get; set; }\n    \n    public FileExplorerViewModel()\n    {\n        RootItems = new ObservableCollection\u003CFileSystemItem>\n        {\n            new FileSystemItem\n            {\n                Name = \"Documents\",\n                IsFolder = true,\n                IsExpanded = true,\n                Children = new ObservableCollection\u003CFileSystemItem>\n                {\n                    new FileSystemItem\n                    {\n                        Name = \"Work\",\n                        IsFolder = true,\n                        Children = new ObservableCollection\u003CFileSystemItem>\n                        {\n                            new FileSystemItem { Name = \"Report.docx\", IsFolder = false },\n                            new FileSystemItem { Name = \"Presentation.pptx\", IsFolder = false }\n                        }\n                    },\n                    new FileSystemItem { Name = \"Resume.pdf\", IsFolder = false }\n                }\n            },\n            new FileSystemItem\n            {\n                Name = \"Pictures\",\n                IsFolder = true,\n                Children = new ObservableCollection\u003CFileSystemItem>\n                {\n                    new FileSystemItem { Name = \"Vacation.jpg\", IsFolder = false },\n                    new FileSystemItem { Name = \"Family.png\", IsFolder = false }\n                }\n            }\n        };\n    }\n    \n    // ... INotifyPropertyChanged implementation\n}\n",[2969,10017,10018,10031,10035,10060,10064,10072,10076,10093,10097,10104,10108,10120,10132,10143,10160,10165,10172,10177,10189,10200,10217,10222,10251,10276,10281,10286,10311,10316,10320,10326,10330,10341,10351,10367,10371,10396,10421,10425,10429,10433,10437,10441,10445],{"__ignoreMap":2979},[2983,10019,10020,10022,10024,10027,10029],{"class":2985,"line":2986},[2983,10021,2990],{"class":2989},[2983,10023,2993],{"class":2989},[2983,10025,10026],{"class":2996}," FileExplorerViewModel",[2983,10028,3235],{"class":3003},[2983,10030,3238],{"class":2996},[2983,10032,10033],{"class":2985,"line":3000},[2983,10034,3004],{"class":3003},[2983,10036,10037,10039,10041,10043,10045,10047,10050,10052,10054,10056,10058],{"class":2985,"line":3007},[2983,10038,3010],{"class":2989},[2983,10040,6934],{"class":2996},[2983,10042,3115],{"class":3003},[2983,10044,9943],{"class":2996},[2983,10046,6941],{"class":3003},[2983,10048,10049],{"class":3016},"RootItems",[2983,10051,3020],{"class":3003},[2983,10053,3023],{"class":2989},[2983,10055,3026],{"class":3003},[2983,10057,3029],{"class":2989},[2983,10059,3032],{"class":3003},[2983,10061,10062],{"class":2985,"line":3035},[2983,10063,3261],{"class":3003},[2983,10065,10066,10068,10070],{"class":2985,"line":3055},[2983,10067,3010],{"class":2989},[2983,10069,10026],{"class":3320},[2983,10071,3351],{"class":3003},[2983,10073,10074],{"class":2985,"line":3076},[2983,10075,3275],{"class":3003},[2983,10077,10078,10081,10083,10085,10087,10089,10091],{"class":2985,"line":3096},[2983,10079,10080],{"class":3016},"        RootItems",[2983,10082,3309],{"class":3003},[2983,10084,3367],{"class":2989},[2983,10086,6934],{"class":2996},[2983,10088,3115],{"class":3003},[2983,10090,9943],{"class":2996},[2983,10092,3493],{"class":3003},[2983,10094,10095],{"class":2985,"line":3291},[2983,10096,3300],{"class":3003},[2983,10098,10099,10101],{"class":2985,"line":3297},[2983,10100,6996],{"class":2989},[2983,10102,10103],{"class":2996}," FileSystemItem\n",[2983,10105,10106],{"class":2985,"line":3303},[2983,10107,8176],{"class":3003},[2983,10109,10110,10113,10115,10118],{"class":2985,"line":3317},[2983,10111,10112],{"class":3016},"                Name",[2983,10114,3309],{"class":3003},[2983,10116,10117],{"class":3385},"\"Documents\"",[2983,10119,3389],{"class":3003},[2983,10121,10122,10125,10127,10130],{"class":2985,"line":3327},[2983,10123,10124],{"class":3016},"                IsFolder",[2983,10126,3309],{"class":3003},[2983,10128,10129],{"class":2989},"true",[2983,10131,3389],{"class":3003},[2983,10133,10134,10137,10139,10141],{"class":2985,"line":3333},[2983,10135,10136],{"class":3016},"                IsExpanded",[2983,10138,3309],{"class":3003},[2983,10140,10129],{"class":2989},[2983,10142,3389],{"class":3003},[2983,10144,10145,10148,10150,10152,10154,10156,10158],{"class":2985,"line":3339},[2983,10146,10147],{"class":3016},"                Children",[2983,10149,3309],{"class":3003},[2983,10151,3367],{"class":2989},[2983,10153,6934],{"class":2996},[2983,10155,3115],{"class":3003},[2983,10157,9943],{"class":2996},[2983,10159,3493],{"class":3003},[2983,10161,10162],{"class":2985,"line":3344},[2983,10163,10164],{"class":3003},"                {\n",[2983,10166,10167,10170],{"class":2985,"line":3354},[2983,10168,10169],{"class":2989},"                    new",[2983,10171,10103],{"class":2996},[2983,10173,10174],{"class":2985,"line":3359},[2983,10175,10176],{"class":3003},"                    {\n",[2983,10178,10179,10182,10184,10187],{"class":2985,"line":3372},[2983,10180,10181],{"class":3016},"                        Name",[2983,10183,3309],{"class":3003},[2983,10185,10186],{"class":3385},"\"Work\"",[2983,10188,3389],{"class":3003},[2983,10190,10191,10194,10196,10198],{"class":2985,"line":3377},[2983,10192,10193],{"class":3016},"                        IsFolder",[2983,10195,3309],{"class":3003},[2983,10197,10129],{"class":2989},[2983,10199,3389],{"class":3003},[2983,10201,10202,10205,10207,10209,10211,10213,10215],{"class":2985,"line":3392},[2983,10203,10204],{"class":3016},"                        Children",[2983,10206,3309],{"class":3003},[2983,10208,3367],{"class":2989},[2983,10210,6934],{"class":2996},[2983,10212,3115],{"class":3003},[2983,10214,9943],{"class":2996},[2983,10216,3493],{"class":3003},[2983,10218,10219],{"class":2985,"line":3405},[2983,10220,10221],{"class":3003},"                        {\n",[2983,10223,10224,10227,10229,10231,10234,10236,10239,10241,10244,10246,10249],{"class":2985,"line":3419},[2983,10225,10226],{"class":2989},"                            new",[2983,10228,9747],{"class":2996},[2983,10230,3020],{"class":3003},[2983,10232,10233],{"class":3016},"Name",[2983,10235,3309],{"class":3003},[2983,10237,10238],{"class":3385},"\"Report.docx\"",[2983,10240,3976],{"class":3003},[2983,10242,10243],{"class":3016},"IsFolder",[2983,10245,3309],{"class":3003},[2983,10247,10248],{"class":2989},"false",[2983,10250,7025],{"class":3003},[2983,10252,10253,10255,10257,10259,10261,10263,10266,10268,10270,10272,10274],{"class":2985,"line":3430},[2983,10254,10226],{"class":2989},[2983,10256,9747],{"class":2996},[2983,10258,3020],{"class":3003},[2983,10260,10233],{"class":3016},[2983,10262,3309],{"class":3003},[2983,10264,10265],{"class":3385},"\"Presentation.pptx\"",[2983,10267,3976],{"class":3003},[2983,10269,10243],{"class":3016},[2983,10271,3309],{"class":3003},[2983,10273,10248],{"class":2989},[2983,10275,7096],{"class":3003},[2983,10277,10278],{"class":2985,"line":3436},[2983,10279,10280],{"class":3003},"                        }\n",[2983,10282,10283],{"class":2985,"line":3441},[2983,10284,10285],{"class":3003},"                    },\n",[2983,10287,10288,10290,10292,10294,10296,10298,10301,10303,10305,10307,10309],{"class":2985,"line":3446},[2983,10289,10169],{"class":2989},[2983,10291,9747],{"class":2996},[2983,10293,3020],{"class":3003},[2983,10295,10233],{"class":3016},[2983,10297,3309],{"class":3003},[2983,10299,10300],{"class":3385},"\"Resume.pdf\"",[2983,10302,3976],{"class":3003},[2983,10304,10243],{"class":3016},[2983,10306,3309],{"class":3003},[2983,10308,10248],{"class":2989},[2983,10310,7096],{"class":3003},[2983,10312,10313],{"class":2985,"line":3453},[2983,10314,10315],{"class":3003},"                }\n",[2983,10317,10318],{"class":2985,"line":4521},[2983,10319,9490],{"class":3003},[2983,10321,10322,10324],{"class":2985,"line":5920},[2983,10323,6996],{"class":2989},[2983,10325,10103],{"class":2996},[2983,10327,10328],{"class":2985,"line":5930},[2983,10329,8176],{"class":3003},[2983,10331,10332,10334,10336,10339],{"class":2985,"line":5940},[2983,10333,10112],{"class":3016},[2983,10335,3309],{"class":3003},[2983,10337,10338],{"class":3385},"\"Pictures\"",[2983,10340,3389],{"class":3003},[2983,10342,10343,10345,10347,10349],{"class":2985,"line":5955},[2983,10344,10124],{"class":3016},[2983,10346,3309],{"class":3003},[2983,10348,10129],{"class":2989},[2983,10350,3389],{"class":3003},[2983,10352,10353,10355,10357,10359,10361,10363,10365],{"class":2985,"line":5967},[2983,10354,10147],{"class":3016},[2983,10356,3309],{"class":3003},[2983,10358,3367],{"class":2989},[2983,10360,6934],{"class":2996},[2983,10362,3115],{"class":3003},[2983,10364,9943],{"class":2996},[2983,10366,3493],{"class":3003},[2983,10368,10369],{"class":2985,"line":5979},[2983,10370,10164],{"class":3003},[2983,10372,10373,10375,10377,10379,10381,10383,10386,10388,10390,10392,10394],{"class":2985,"line":5992},[2983,10374,10169],{"class":2989},[2983,10376,9747],{"class":2996},[2983,10378,3020],{"class":3003},[2983,10380,10233],{"class":3016},[2983,10382,3309],{"class":3003},[2983,10384,10385],{"class":3385},"\"Vacation.jpg\"",[2983,10387,3976],{"class":3003},[2983,10389,10243],{"class":3016},[2983,10391,3309],{"class":3003},[2983,10393,10248],{"class":2989},[2983,10395,7025],{"class":3003},[2983,10397,10398,10400,10402,10404,10406,10408,10411,10413,10415,10417,10419],{"class":2985,"line":6007},[2983,10399,10169],{"class":2989},[2983,10401,9747],{"class":2996},[2983,10403,3020],{"class":3003},[2983,10405,10233],{"class":3016},[2983,10407,3309],{"class":3003},[2983,10409,10410],{"class":3385},"\"Family.png\"",[2983,10412,3976],{"class":3003},[2983,10414,10243],{"class":3016},[2983,10416,3309],{"class":3003},[2983,10418,10248],{"class":2989},[2983,10420,7096],{"class":3003},[2983,10422,10423],{"class":2985,"line":6018},[2983,10424,10315],{"class":3003},[2983,10426,10427],{"class":2985,"line":6029},[2983,10428,9619],{"class":3003},[2983,10430,10431],{"class":2985,"line":6040},[2983,10432,3433],{"class":3003},[2983,10434,10435],{"class":2985,"line":6049},[2983,10436,3336],{"class":3003},[2983,10438,10439],{"class":2985,"line":6058},[2983,10440,3261],{"class":3003},[2983,10442,10443],{"class":2985,"line":6067},[2983,10444,3450],{"class":3449},[2983,10446,10447],{"class":2985,"line":6076},[2983,10448,3099],{"class":3003},[2965,10450,10451],{},[3137,10452,10453],{},"XAML з HierarchicalDataTemplate:",[2974,10455,10457],{"className":3105,"code":10456,"language":3107,"meta":2979,"style":2979},"\u003CWindow.Resources>\n    \u003C!-- Шаблон для файлів та папок -->\n    \u003CHierarchicalDataTemplate DataType=\"{x:Type local:FileSystemItem}\" \n                              ItemsSource=\"{Binding Children}\">\n        \u003CStackPanel Orientation=\"Horizontal\">\n            \u003C!-- Іконка (папка або файл) -->\n            \u003CTextBlock Text=\"{Binding IsFolder, Converter={local:BoolToIconConverter}}\" \n                       FontFamily=\"Segoe MDL2 Assets\" \n                       FontSize=\"16\" \n                       Margin=\"0,0,5,0\"/>\n            \n            \u003C!-- Назва -->\n            \u003CTextBlock Text=\"{Binding Name}\" \n                       FontSize=\"14\"/>\n        \u003C/StackPanel>\n    \u003C/HierarchicalDataTemplate>\n\u003C/Window.Resources>\n\n\u003CTreeView ItemsSource=\"{Binding RootItems}\"/>\n",[2969,10458,10459,10467,10472,10487,10499,10515,10520,10535,10547,10558,10570,10575,10580,10595,10605,10613,10621,10629,10633],{"__ignoreMap":2979},[2983,10460,10461,10463,10465],{"class":2985,"line":2986},[2983,10462,3115],{"class":3114},[2983,10464,4211],{"class":3118},[2983,10466,3493],{"class":3114},[2983,10468,10469],{"class":2985,"line":3000},[2983,10470,10471],{"class":3449},"    \u003C!-- Шаблон для файлів та папок -->\n",[2983,10473,10474,10476,10478,10480,10482,10485],{"class":2985,"line":3007},[2983,10475,3498],{"class":3114},[2983,10477,9655],{"class":3118},[2983,10479,4081],{"class":3122},[2983,10481,3126],{"class":3003},[2983,10483,10484],{"class":3129},"\"{x:Type local:FileSystemItem}\"",[2983,10486,3658],{"class":3003},[2983,10488,10489,10492,10494,10497],{"class":2985,"line":3035},[2983,10490,10491],{"class":3122},"                              ItemsSource",[2983,10493,3126],{"class":3003},[2983,10495,10496],{"class":3129},"\"{Binding Children}\"",[2983,10498,3493],{"class":3114},[2983,10500,10501,10503,10505,10508,10510,10513],{"class":2985,"line":3055},[2983,10502,3516],{"class":3114},[2983,10504,3501],{"class":3118},[2983,10506,10507],{"class":3122}," Orientation",[2983,10509,3126],{"class":3003},[2983,10511,10512],{"class":3129},"\"Horizontal\"",[2983,10514,3493],{"class":3114},[2983,10516,10517],{"class":2985,"line":3076},[2983,10518,10519],{"class":3449},"            \u003C!-- Іконка (папка або файл) -->\n",[2983,10521,10522,10524,10526,10528,10530,10533],{"class":2985,"line":3096},[2983,10523,4296],{"class":3114},[2983,10525,3519],{"class":3118},[2983,10527,3522],{"class":3122},[2983,10529,3126],{"class":3003},[2983,10531,10532],{"class":3129},"\"{Binding IsFolder, Converter={local:BoolToIconConverter}}\"",[2983,10534,3658],{"class":3003},[2983,10536,10537,10540,10542,10545],{"class":2985,"line":3291},[2983,10538,10539],{"class":3122},"                       FontFamily",[2983,10541,3126],{"class":3003},[2983,10543,10544],{"class":3129},"\"Segoe MDL2 Assets\"",[2983,10546,3658],{"class":3003},[2983,10548,10549,10552,10554,10556],{"class":2985,"line":3297},[2983,10550,10551],{"class":3122},"                       FontSize",[2983,10553,3126],{"class":3003},[2983,10555,4337],{"class":3129},[2983,10557,3658],{"class":3003},[2983,10559,10560,10563,10565,10568],{"class":2985,"line":3303},[2983,10561,10562],{"class":3122},"                       Margin",[2983,10564,3126],{"class":3003},[2983,10566,10567],{"class":3129},"\"0,0,5,0\"",[2983,10569,3133],{"class":3114},[2983,10571,10572],{"class":2985,"line":3317},[2983,10573,10574],{"class":3003},"            \n",[2983,10576,10577],{"class":2985,"line":3327},[2983,10578,10579],{"class":3449},"            \u003C!-- Назва -->\n",[2983,10581,10582,10584,10586,10588,10590,10593],{"class":2985,"line":3333},[2983,10583,4296],{"class":3114},[2983,10585,3519],{"class":3118},[2983,10587,3522],{"class":3122},[2983,10589,3126],{"class":3003},[2983,10591,10592],{"class":3129},"\"{Binding Name}\"",[2983,10594,3658],{"class":3003},[2983,10596,10597,10599,10601,10603],{"class":2985,"line":3339},[2983,10598,10551],{"class":3122},[2983,10600,3126],{"class":3003},[2983,10602,4362],{"class":3129},[2983,10604,3133],{"class":3114},[2983,10606,10607,10609,10611],{"class":2985,"line":3344},[2983,10608,4450],{"class":3114},[2983,10610,3501],{"class":3118},[2983,10612,3493],{"class":3114},[2983,10614,10615,10617,10619],{"class":2985,"line":3354},[2983,10616,3548],{"class":3114},[2983,10618,9655],{"class":3118},[2983,10620,3493],{"class":3114},[2983,10622,10623,10625,10627],{"class":2985,"line":3359},[2983,10624,3557],{"class":3114},[2983,10626,4211],{"class":3118},[2983,10628,3493],{"class":3114},[2983,10630,10631],{"class":2985,"line":3372},[2983,10632,4476],{"emptyLinePlaceholder":4475},[2983,10634,10635,10637,10640,10642,10644,10647],{"class":2985,"line":3377},[2983,10636,3115],{"class":3114},[2983,10638,10639],{"class":3118},"TreeView",[2983,10641,5082],{"class":3122},[2983,10643,3126],{"class":3003},[2983,10645,10646],{"class":3129},"\"{Binding RootItems}\"",[2983,10648,3133],{"class":3114},[2965,10650,10651],{},[3137,10652,10653],{},"Конвертер для іконок:",[2974,10655,10657],{"className":2976,"code":10656,"language":2978,"meta":2979,"style":2979},"public class BoolToIconConverter : BaseConverter\u003CBoolToIconConverter>\n{\n    public override object Convert(object value, Type targetType, object parameter, CultureInfo culture)\n    {\n        if (value is bool isFolder && isFolder)\n            return \"\\uE8B7\";  // Іконка папки (Segoe MDL2 Assets)\n        \n        return \"\\uE8A5\";  // Іконка файлу\n    }\n}\n",[2969,10658,10659,10680,10684,10728,10732,10758,10777,10781,10797,10801],{"__ignoreMap":2979},[2983,10660,10661,10663,10665,10668,10670,10673,10675,10678],{"class":2985,"line":2986},[2983,10662,2990],{"class":2989},[2983,10664,2993],{"class":2989},[2983,10666,10667],{"class":2996}," BoolToIconConverter",[2983,10669,3235],{"class":3003},[2983,10671,10672],{"class":2996},"BaseConverter",[2983,10674,3115],{"class":3003},[2983,10676,10677],{"class":2996},"BoolToIconConverter",[2983,10679,3493],{"class":3003},[2983,10681,10682],{"class":2985,"line":3000},[2983,10683,3004],{"class":3003},[2983,10685,10686,10688,10690,10693,10696,10698,10700,10703,10705,10708,10711,10713,10715,10718,10720,10723,10726],{"class":2985,"line":3007},[2983,10687,3010],{"class":2989},[2983,10689,3935],{"class":2989},[2983,10691,10692],{"class":2989}," object",[2983,10694,10695],{"class":3320}," Convert",[2983,10697,8135],{"class":3003},[2983,10699,8138],{"class":2989},[2983,10701,10702],{"class":3016}," value",[2983,10704,3976],{"class":3003},[2983,10706,10707],{"class":2996},"Type",[2983,10709,10710],{"class":3016}," targetType",[2983,10712,3976],{"class":3003},[2983,10714,8138],{"class":2989},[2983,10716,10717],{"class":3016}," parameter",[2983,10719,3976],{"class":3003},[2983,10721,10722],{"class":2996},"CultureInfo",[2983,10724,10725],{"class":3016}," culture",[2983,10727,8152],{"class":3003},[2983,10729,10730],{"class":2985,"line":3035},[2983,10731,3275],{"class":3003},[2983,10733,10734,10737,10740,10742,10745,10747,10750,10753,10756],{"class":2985,"line":3055},[2983,10735,10736],{"class":3951},"        if",[2983,10738,10739],{"class":3003}," (",[2983,10741,3312],{"class":3016},[2983,10743,10744],{"class":2989}," is",[2983,10746,9773],{"class":2989},[2983,10748,10749],{"class":3016}," isFolder",[2983,10751,10752],{"class":3003}," && ",[2983,10754,10755],{"class":3016},"isFolder",[2983,10757,8152],{"class":3003},[2983,10759,10760,10762,10765,10769,10771,10774],{"class":2985,"line":3076},[2983,10761,8166],{"class":3951},[2983,10763,10764],{"class":3385}," \"",[2983,10766,10768],{"class":10767},"sjcCO","\\uE8B7",[2983,10770,3996],{"class":3385},[2983,10772,10773],{"class":3003},";  ",[2983,10775,10776],{"class":3449},"// Іконка папки (Segoe MDL2 Assets)\n",[2983,10778,10779],{"class":2985,"line":3096},[2983,10780,8116],{"class":3003},[2983,10782,10783,10785,10787,10790,10792,10794],{"class":2985,"line":3291},[2983,10784,3952],{"class":3951},[2983,10786,10764],{"class":3385},[2983,10788,10789],{"class":10767},"\\uE8A5",[2983,10791,3996],{"class":3385},[2983,10793,10773],{"class":3003},[2983,10795,10796],{"class":3449},"// Іконка файлу\n",[2983,10798,10799],{"class":2985,"line":3297},[2983,10800,3336],{"class":3003},[2983,10802,10803],{"class":2985,"line":3303},[2983,10804,3099],{"class":3003},[2965,10806,10807,10809],{},[3137,10808,3566],{}," TreeView з ієрархічною структурою — папки можна розгортати/згортати, файли відображаються як листя дерева.",[3576,10811,10813],{"title":10812},"TreeView з HierarchicalDataTemplate",[2974,10814,10816],{"className":3105,"code":10815,"language":3107,"meta":2979,"style":2979},"\u003CStackPanel Margin=\"20\" Spacing=\"5\">\n  \u003CTextBlock Text=\"📁 Documents\" FontSize=\"14\"/>\n  \u003CStackPanel Margin=\"20,0,0,0\" Spacing=\"5\">\n    \u003CTextBlock Text=\"📁 Work\" FontSize=\"14\"/>\n    \u003CStackPanel Margin=\"20,0,0,0\" Spacing=\"5\">\n      \u003CTextBlock Text=\"📄 Report.docx\" FontSize=\"14\"/>\n      \u003CTextBlock Text=\"📄 Presentation.pptx\" FontSize=\"14\"/>\n    \u003C/StackPanel>\n    \u003CTextBlock Text=\"📄 Resume.pdf\" FontSize=\"14\"/>\n  \u003C/StackPanel>\n  \n  \u003CTextBlock Text=\"📁 Pictures\" FontSize=\"14\"/>\n  \u003CStackPanel Margin=\"20,0,0,0\" Spacing=\"5\">\n    \u003CTextBlock Text=\"📄 Vacation.jpg\" FontSize=\"14\"/>\n    \u003CTextBlock Text=\"📄 Family.png\" FontSize=\"14\"/>\n  \u003C/StackPanel>\n  \n  \u003CTextBlock Text=\"(У реальному WPF TreeView з можливістю розгортання/згортання)\" \n             FontSize=\"10\" \n             Foreground=\"Gray\"\n             Margin=\"0,10,0,0\"/>\n\u003C/StackPanel>\n",[2969,10817,10818,10838,10859,10880,10901,10921,10942,10963,10971,10992,11000,11004,11025,11045,11066,11087,11095,11099,11114,11124,11133,11145],{"__ignoreMap":2979},[2983,10819,10820,10822,10824,10826,10828,10830,10832,10834,10836],{"class":2985,"line":2986},[2983,10821,3115],{"class":3114},[2983,10823,3501],{"class":3118},[2983,10825,3504],{"class":3122},[2983,10827,3126],{"class":3003},[2983,10829,3509],{"class":3129},[2983,10831,3598],{"class":3122},[2983,10833,3126],{"class":3003},[2983,10835,4289],{"class":3129},[2983,10837,3493],{"class":3114},[2983,10839,10840,10842,10844,10846,10848,10851,10853,10855,10857],{"class":2985,"line":3000},[2983,10841,3610],{"class":3114},[2983,10843,3519],{"class":3118},[2983,10845,3522],{"class":3122},[2983,10847,3126],{"class":3003},[2983,10849,10850],{"class":3129},"\"📁 Documents\"",[2983,10852,4672],{"class":3122},[2983,10854,3126],{"class":3003},[2983,10856,4362],{"class":3129},[2983,10858,3133],{"class":3114},[2983,10860,10861,10863,10865,10867,10869,10872,10874,10876,10878],{"class":2985,"line":3007},[2983,10862,3610],{"class":3114},[2983,10864,3501],{"class":3118},[2983,10866,3504],{"class":3122},[2983,10868,3126],{"class":3003},[2983,10870,10871],{"class":3129},"\"20,0,0,0\"",[2983,10873,3598],{"class":3122},[2983,10875,3126],{"class":3003},[2983,10877,4289],{"class":3129},[2983,10879,3493],{"class":3114},[2983,10881,10882,10884,10886,10888,10890,10893,10895,10897,10899],{"class":2985,"line":3035},[2983,10883,3498],{"class":3114},[2983,10885,3519],{"class":3118},[2983,10887,3522],{"class":3122},[2983,10889,3126],{"class":3003},[2983,10891,10892],{"class":3129},"\"📁 Work\"",[2983,10894,4672],{"class":3122},[2983,10896,3126],{"class":3003},[2983,10898,4362],{"class":3129},[2983,10900,3133],{"class":3114},[2983,10902,10903,10905,10907,10909,10911,10913,10915,10917,10919],{"class":2985,"line":3055},[2983,10904,3498],{"class":3114},[2983,10906,3501],{"class":3118},[2983,10908,3504],{"class":3122},[2983,10910,3126],{"class":3003},[2983,10912,10871],{"class":3129},[2983,10914,3598],{"class":3122},[2983,10916,3126],{"class":3003},[2983,10918,4289],{"class":3129},[2983,10920,3493],{"class":3114},[2983,10922,10923,10925,10927,10929,10931,10934,10936,10938,10940],{"class":2985,"line":3076},[2983,10924,4654],{"class":3114},[2983,10926,3519],{"class":3118},[2983,10928,3522],{"class":3122},[2983,10930,3126],{"class":3003},[2983,10932,10933],{"class":3129},"\"📄 Report.docx\"",[2983,10935,4672],{"class":3122},[2983,10937,3126],{"class":3003},[2983,10939,4362],{"class":3129},[2983,10941,3133],{"class":3114},[2983,10943,10944,10946,10948,10950,10952,10955,10957,10959,10961],{"class":2985,"line":3096},[2983,10945,4654],{"class":3114},[2983,10947,3519],{"class":3118},[2983,10949,3522],{"class":3122},[2983,10951,3126],{"class":3003},[2983,10953,10954],{"class":3129},"\"📄 Presentation.pptx\"",[2983,10956,4672],{"class":3122},[2983,10958,3126],{"class":3003},[2983,10960,4362],{"class":3129},[2983,10962,3133],{"class":3114},[2983,10964,10965,10967,10969],{"class":2985,"line":3291},[2983,10966,3548],{"class":3114},[2983,10968,3501],{"class":3118},[2983,10970,3493],{"class":3114},[2983,10972,10973,10975,10977,10979,10981,10984,10986,10988,10990],{"class":2985,"line":3297},[2983,10974,3498],{"class":3114},[2983,10976,3519],{"class":3118},[2983,10978,3522],{"class":3122},[2983,10980,3126],{"class":3003},[2983,10982,10983],{"class":3129},"\"📄 Resume.pdf\"",[2983,10985,4672],{"class":3122},[2983,10987,3126],{"class":3003},[2983,10989,4362],{"class":3129},[2983,10991,3133],{"class":3114},[2983,10993,10994,10996,10998],{"class":2985,"line":3303},[2983,10995,4765],{"class":3114},[2983,10997,3501],{"class":3118},[2983,10999,3493],{"class":3114},[2983,11001,11002],{"class":2985,"line":3317},[2983,11003,7377],{"class":3003},[2983,11005,11006,11008,11010,11012,11014,11017,11019,11021,11023],{"class":2985,"line":3327},[2983,11007,3610],{"class":3114},[2983,11009,3519],{"class":3118},[2983,11011,3522],{"class":3122},[2983,11013,3126],{"class":3003},[2983,11015,11016],{"class":3129},"\"📁 Pictures\"",[2983,11018,4672],{"class":3122},[2983,11020,3126],{"class":3003},[2983,11022,4362],{"class":3129},[2983,11024,3133],{"class":3114},[2983,11026,11027,11029,11031,11033,11035,11037,11039,11041,11043],{"class":2985,"line":3333},[2983,11028,3610],{"class":3114},[2983,11030,3501],{"class":3118},[2983,11032,3504],{"class":3122},[2983,11034,3126],{"class":3003},[2983,11036,10871],{"class":3129},[2983,11038,3598],{"class":3122},[2983,11040,3126],{"class":3003},[2983,11042,4289],{"class":3129},[2983,11044,3493],{"class":3114},[2983,11046,11047,11049,11051,11053,11055,11058,11060,11062,11064],{"class":2985,"line":3339},[2983,11048,3498],{"class":3114},[2983,11050,3519],{"class":3118},[2983,11052,3522],{"class":3122},[2983,11054,3126],{"class":3003},[2983,11056,11057],{"class":3129},"\"📄 Vacation.jpg\"",[2983,11059,4672],{"class":3122},[2983,11061,3126],{"class":3003},[2983,11063,4362],{"class":3129},[2983,11065,3133],{"class":3114},[2983,11067,11068,11070,11072,11074,11076,11079,11081,11083,11085],{"class":2985,"line":3344},[2983,11069,3498],{"class":3114},[2983,11071,3519],{"class":3118},[2983,11073,3522],{"class":3122},[2983,11075,3126],{"class":3003},[2983,11077,11078],{"class":3129},"\"📄 Family.png\"",[2983,11080,4672],{"class":3122},[2983,11082,3126],{"class":3003},[2983,11084,4362],{"class":3129},[2983,11086,3133],{"class":3114},[2983,11088,11089,11091,11093],{"class":2985,"line":3354},[2983,11090,4765],{"class":3114},[2983,11092,3501],{"class":3118},[2983,11094,3493],{"class":3114},[2983,11096,11097],{"class":2985,"line":3359},[2983,11098,7377],{"class":3003},[2983,11100,11101,11103,11105,11107,11109,11112],{"class":2985,"line":3372},[2983,11102,3610],{"class":3114},[2983,11104,3519],{"class":3118},[2983,11106,3522],{"class":3122},[2983,11108,3126],{"class":3003},[2983,11110,11111],{"class":3129},"\"(У реальному WPF TreeView з можливістю розгортання/згортання)\"",[2983,11113,3658],{"class":3003},[2983,11115,11116,11118,11120,11122],{"class":2985,"line":3377},[2983,11117,3663],{"class":3122},[2983,11119,3126],{"class":3003},[2983,11121,3603],{"class":3129},[2983,11123,3658],{"class":3003},[2983,11125,11126,11128,11130],{"class":2985,"line":3392},[2983,11127,3674],{"class":3122},[2983,11129,3126],{"class":3003},[2983,11131,11132],{"class":3129},"\"Gray\"\n",[2983,11134,11135,11138,11140,11143],{"class":2985,"line":3405},[2983,11136,11137],{"class":3122},"             Margin",[2983,11139,3126],{"class":3003},[2983,11141,11142],{"class":3129},"\"0,10,0,0\"",[2983,11144,3133],{"class":3114},[2983,11146,11147,11149,11151],{"class":2985,"line":3419},[2983,11148,3557],{"class":3114},[2983,11150,3501],{"class":3118},[2983,11152,3493],{"class":3114},[3210,11154,11156],{"id":11155},"ключові-властивості-hierarchicaldatatemplate","Ключові властивості HierarchicalDataTemplate",[2965,11158,11159,11162],{},[3137,11160,11161],{},"1. ItemsSource"," — прив'язка до дочірніх елементів",[2974,11164,11166],{"className":3105,"code":11165,"language":3107,"meta":2979,"style":2979},"\u003CHierarchicalDataTemplate ItemsSource=\"{Binding Children}\">\n    \u003C!-- Шаблон для батьківського елемента -->\n\u003C/HierarchicalDataTemplate>\n",[2969,11167,11168,11182,11187],{"__ignoreMap":2979},[2983,11169,11170,11172,11174,11176,11178,11180],{"class":2985,"line":2986},[2983,11171,3115],{"class":3114},[2983,11173,9655],{"class":3118},[2983,11175,5082],{"class":3122},[2983,11177,3126],{"class":3003},[2983,11179,10496],{"class":3129},[2983,11181,3493],{"class":3114},[2983,11183,11184],{"class":2985,"line":3000},[2983,11185,11186],{"class":3449},"    \u003C!-- Шаблон для батьківського елемента -->\n",[2983,11188,11189,11191,11193],{"class":2985,"line":3007},[2983,11190,3557],{"class":3114},[2983,11192,9655],{"class":3118},[2983,11194,3493],{"class":3114},[2965,11196,11197,11200],{},[3137,11198,11199],{},"2. ItemTemplate"," — шаблон для дочірніх елементів (якщо відрізняється)",[2974,11202,11204],{"className":3105,"code":11203,"language":3107,"meta":2979,"style":2979},"\u003CHierarchicalDataTemplate ItemsSource=\"{Binding Children}\">\n    \u003C!-- Шаблон для батьківського елемента -->\n    \u003CTextBlock Text=\"{Binding Name}\" FontWeight=\"Bold\"/>\n    \n    \u003C!-- Шаблон для дочірніх елементів -->\n    \u003CHierarchicalDataTemplate.ItemTemplate>\n        \u003CDataTemplate>\n            \u003CTextBlock Text=\"{Binding Name}\" FontSize=\"12\"/>\n        \u003C/DataTemplate>\n    \u003C/HierarchicalDataTemplate.ItemTemplate>\n\u003C/HierarchicalDataTemplate>\n",[2969,11205,11206,11220,11224,11244,11248,11253,11262,11270,11290,11298,11306],{"__ignoreMap":2979},[2983,11207,11208,11210,11212,11214,11216,11218],{"class":2985,"line":2986},[2983,11209,3115],{"class":3114},[2983,11211,9655],{"class":3118},[2983,11213,5082],{"class":3122},[2983,11215,3126],{"class":3003},[2983,11217,10496],{"class":3129},[2983,11219,3493],{"class":3114},[2983,11221,11222],{"class":2985,"line":3000},[2983,11223,11186],{"class":3449},[2983,11225,11226,11228,11230,11232,11234,11236,11238,11240,11242],{"class":2985,"line":3007},[2983,11227,3498],{"class":3114},[2983,11229,3519],{"class":3118},[2983,11231,3522],{"class":3122},[2983,11233,3126],{"class":3003},[2983,11235,10592],{"class":3129},[2983,11237,4665],{"class":3122},[2983,11239,3126],{"class":3003},[2983,11241,4325],{"class":3129},[2983,11243,3133],{"class":3114},[2983,11245,11246],{"class":2985,"line":3035},[2983,11247,3261],{"class":3003},[2983,11249,11250],{"class":2985,"line":3055},[2983,11251,11252],{"class":3449},"    \u003C!-- Шаблон для дочірніх елементів -->\n",[2983,11254,11255,11257,11260],{"class":2985,"line":3076},[2983,11256,3498],{"class":3114},[2983,11258,11259],{"class":3118},"HierarchicalDataTemplate.ItemTemplate",[2983,11261,3493],{"class":3114},[2983,11263,11264,11266,11268],{"class":2985,"line":3096},[2983,11265,3516],{"class":3114},[2983,11267,3808],{"class":3118},[2983,11269,3493],{"class":3114},[2983,11271,11272,11274,11276,11278,11280,11282,11284,11286,11288],{"class":2985,"line":3291},[2983,11273,4296],{"class":3114},[2983,11275,3519],{"class":3118},[2983,11277,3522],{"class":3122},[2983,11279,3126],{"class":3003},[2983,11281,10592],{"class":3129},[2983,11283,4672],{"class":3122},[2983,11285,3126],{"class":3003},[2983,11287,4388],{"class":3129},[2983,11289,3133],{"class":3114},[2983,11291,11292,11294,11296],{"class":2985,"line":3297},[2983,11293,4450],{"class":3114},[2983,11295,3808],{"class":3118},[2983,11297,3493],{"class":3114},[2983,11299,11300,11302,11304],{"class":2985,"line":3303},[2983,11301,3548],{"class":3114},[2983,11303,11259],{"class":3118},[2983,11305,3493],{"class":3114},[2983,11307,11308,11310,11312],{"class":2985,"line":3317},[2983,11309,3557],{"class":3114},[2983,11311,9655],{"class":3118},[2983,11313,3493],{"class":3114},[2965,11315,11316,11319],{},[3137,11317,11318],{},"3. Рекурсія"," — автоматична для однотипних структур",[2965,11321,11322,11323,11325],{},"Якщо дочірні елементи того самого типу, що й батьківські, ",[2969,11324,9655],{}," автоматично застосовується рекурсивно.",[3210,11327,11329],{"id":11328},"приклад-організаційна-структура","Приклад: Організаційна структура",[2965,11331,11332],{},[3137,11333,9733],{},[2974,11335,11337],{"className":2976,"code":11336,"language":2978,"meta":2979,"style":2979},"public class Employee\n{\n    public string Name { get; set; }\n    public string Position { get; set; }\n    public ObservableCollection\u003CEmployee> Subordinates { get; set; }\n    \n    public Employee()\n    {\n        Subordinates = new ObservableCollection\u003CEmployee>();\n    }\n}\n",[2969,11338,11339,11348,11352,11371,11390,11416,11420,11429,11433,11450,11454],{"__ignoreMap":2979},[2983,11340,11341,11343,11345],{"class":2985,"line":2986},[2983,11342,2990],{"class":2989},[2983,11344,2993],{"class":2989},[2983,11346,11347],{"class":2996}," Employee\n",[2983,11349,11350],{"class":2985,"line":3000},[2983,11351,3004],{"class":3003},[2983,11353,11354,11356,11358,11361,11363,11365,11367,11369],{"class":2985,"line":3007},[2983,11355,3010],{"class":2989},[2983,11357,3013],{"class":2989},[2983,11359,11360],{"class":3016}," Name",[2983,11362,3020],{"class":3003},[2983,11364,3023],{"class":2989},[2983,11366,3026],{"class":3003},[2983,11368,3029],{"class":2989},[2983,11370,3032],{"class":3003},[2983,11372,11373,11375,11377,11380,11382,11384,11386,11388],{"class":2985,"line":3035},[2983,11374,3010],{"class":2989},[2983,11376,3013],{"class":2989},[2983,11378,11379],{"class":3016}," Position",[2983,11381,3020],{"class":3003},[2983,11383,3023],{"class":2989},[2983,11385,3026],{"class":3003},[2983,11387,3029],{"class":2989},[2983,11389,3032],{"class":3003},[2983,11391,11392,11394,11396,11398,11401,11403,11406,11408,11410,11412,11414],{"class":2985,"line":3055},[2983,11393,3010],{"class":2989},[2983,11395,6934],{"class":2996},[2983,11397,3115],{"class":3003},[2983,11399,11400],{"class":2996},"Employee",[2983,11402,6941],{"class":3003},[2983,11404,11405],{"class":3016},"Subordinates",[2983,11407,3020],{"class":3003},[2983,11409,3023],{"class":2989},[2983,11411,3026],{"class":3003},[2983,11413,3029],{"class":2989},[2983,11415,3032],{"class":3003},[2983,11417,11418],{"class":2985,"line":3076},[2983,11419,3261],{"class":3003},[2983,11421,11422,11424,11427],{"class":2985,"line":3096},[2983,11423,3010],{"class":2989},[2983,11425,11426],{"class":3320}," Employee",[2983,11428,3351],{"class":3003},[2983,11430,11431],{"class":2985,"line":3291},[2983,11432,3275],{"class":3003},[2983,11434,11435,11438,11440,11442,11444,11446,11448],{"class":2985,"line":3297},[2983,11436,11437],{"class":3016},"        Subordinates",[2983,11439,3309],{"class":3003},[2983,11441,3367],{"class":2989},[2983,11443,6934],{"class":2996},[2983,11445,3115],{"class":3003},[2983,11447,11400],{"class":2996},[2983,11449,9992],{"class":3003},[2983,11451,11452],{"class":2985,"line":3303},[2983,11453,3336],{"class":3003},[2983,11455,11456],{"class":2985,"line":3317},[2983,11457,3099],{"class":3003},[2965,11459,11460],{},[3137,11461,3218],{},[2974,11463,11465],{"className":2976,"code":11464,"language":2978,"meta":2979,"style":2979},"public class OrganizationViewModel\n{\n    public ObservableCollection\u003CEmployee> TopManagement { get; set; }\n    \n    public OrganizationViewModel()\n    {\n        TopManagement = new ObservableCollection\u003CEmployee>\n        {\n            new Employee\n            {\n                Name = \"Іван Петренко\",\n                Position = \"CEO\",\n                Subordinates = new ObservableCollection\u003CEmployee>\n                {\n                    new Employee\n                    {\n                        Name = \"Марія Коваленко\",\n                        Position = \"CTO\",\n                        Subordinates = new ObservableCollection\u003CEmployee>\n                        {\n                            new Employee { Name = \"Олександр Шевченко\", Position = \"Senior Developer\" },\n                            new Employee { Name = \"Анна Мельник\", Position = \"Junior Developer\" }\n                        }\n                    },\n                    new Employee\n                    {\n                        Name = \"Петро Бондаренко\",\n                        Position = \"CFO\"\n                    }\n                }\n            }\n        };\n    }\n}\n",[2969,11466,11467,11476,11480,11505,11509,11518,11522,11539,11543,11549,11553,11563,11575,11592,11596,11602,11606,11616,11628,11645,11649,11675,11701,11705,11709,11715,11719,11730,11739,11744,11748,11752,11756,11760],{"__ignoreMap":2979},[2983,11468,11469,11471,11473],{"class":2985,"line":2986},[2983,11470,2990],{"class":2989},[2983,11472,2993],{"class":2989},[2983,11474,11475],{"class":2996}," OrganizationViewModel\n",[2983,11477,11478],{"class":2985,"line":3000},[2983,11479,3004],{"class":3003},[2983,11481,11482,11484,11486,11488,11490,11492,11495,11497,11499,11501,11503],{"class":2985,"line":3007},[2983,11483,3010],{"class":2989},[2983,11485,6934],{"class":2996},[2983,11487,3115],{"class":3003},[2983,11489,11400],{"class":2996},[2983,11491,6941],{"class":3003},[2983,11493,11494],{"class":3016},"TopManagement",[2983,11496,3020],{"class":3003},[2983,11498,3023],{"class":2989},[2983,11500,3026],{"class":3003},[2983,11502,3029],{"class":2989},[2983,11504,3032],{"class":3003},[2983,11506,11507],{"class":2985,"line":3035},[2983,11508,3261],{"class":3003},[2983,11510,11511,11513,11516],{"class":2985,"line":3055},[2983,11512,3010],{"class":2989},[2983,11514,11515],{"class":3320}," OrganizationViewModel",[2983,11517,3351],{"class":3003},[2983,11519,11520],{"class":2985,"line":3076},[2983,11521,3275],{"class":3003},[2983,11523,11524,11527,11529,11531,11533,11535,11537],{"class":2985,"line":3096},[2983,11525,11526],{"class":3016},"        TopManagement",[2983,11528,3309],{"class":3003},[2983,11530,3367],{"class":2989},[2983,11532,6934],{"class":2996},[2983,11534,3115],{"class":3003},[2983,11536,11400],{"class":2996},[2983,11538,3493],{"class":3003},[2983,11540,11541],{"class":2985,"line":3291},[2983,11542,3300],{"class":3003},[2983,11544,11545,11547],{"class":2985,"line":3297},[2983,11546,6996],{"class":2989},[2983,11548,11347],{"class":2996},[2983,11550,11551],{"class":2985,"line":3303},[2983,11552,8176],{"class":3003},[2983,11554,11555,11557,11559,11561],{"class":2985,"line":3317},[2983,11556,10112],{"class":3016},[2983,11558,3309],{"class":3003},[2983,11560,6329],{"class":3385},[2983,11562,3389],{"class":3003},[2983,11564,11565,11568,11570,11573],{"class":2985,"line":3327},[2983,11566,11567],{"class":3016},"                Position",[2983,11569,3309],{"class":3003},[2983,11571,11572],{"class":3385},"\"CEO\"",[2983,11574,3389],{"class":3003},[2983,11576,11577,11580,11582,11584,11586,11588,11590],{"class":2985,"line":3333},[2983,11578,11579],{"class":3016},"                Subordinates",[2983,11581,3309],{"class":3003},[2983,11583,3367],{"class":2989},[2983,11585,6934],{"class":2996},[2983,11587,3115],{"class":3003},[2983,11589,11400],{"class":2996},[2983,11591,3493],{"class":3003},[2983,11593,11594],{"class":2985,"line":3339},[2983,11595,10164],{"class":3003},[2983,11597,11598,11600],{"class":2985,"line":3344},[2983,11599,10169],{"class":2989},[2983,11601,11347],{"class":2996},[2983,11603,11604],{"class":2985,"line":3354},[2983,11605,10176],{"class":3003},[2983,11607,11608,11610,11612,11614],{"class":2985,"line":3359},[2983,11609,10181],{"class":3016},[2983,11611,3309],{"class":3003},[2983,11613,7538],{"class":3385},[2983,11615,3389],{"class":3003},[2983,11617,11618,11621,11623,11626],{"class":2985,"line":3372},[2983,11619,11620],{"class":3016},"                        Position",[2983,11622,3309],{"class":3003},[2983,11624,11625],{"class":3385},"\"CTO\"",[2983,11627,3389],{"class":3003},[2983,11629,11630,11633,11635,11637,11639,11641,11643],{"class":2985,"line":3377},[2983,11631,11632],{"class":3016},"                        Subordinates",[2983,11634,3309],{"class":3003},[2983,11636,3367],{"class":2989},[2983,11638,6934],{"class":2996},[2983,11640,3115],{"class":3003},[2983,11642,11400],{"class":2996},[2983,11644,3493],{"class":3003},[2983,11646,11647],{"class":2985,"line":3392},[2983,11648,10221],{"class":3003},[2983,11650,11651,11653,11655,11657,11659,11661,11663,11665,11668,11670,11673],{"class":2985,"line":3405},[2983,11652,10226],{"class":2989},[2983,11654,11426],{"class":2996},[2983,11656,3020],{"class":3003},[2983,11658,10233],{"class":3016},[2983,11660,3309],{"class":3003},[2983,11662,7767],{"class":3385},[2983,11664,3976],{"class":3003},[2983,11666,11667],{"class":3016},"Position",[2983,11669,3309],{"class":3003},[2983,11671,11672],{"class":3385},"\"Senior Developer\"",[2983,11674,7025],{"class":3003},[2983,11676,11677,11679,11681,11683,11685,11687,11690,11692,11694,11696,11699],{"class":2985,"line":3419},[2983,11678,10226],{"class":2989},[2983,11680,11426],{"class":2996},[2983,11682,3020],{"class":3003},[2983,11684,10233],{"class":3016},[2983,11686,3309],{"class":3003},[2983,11688,11689],{"class":3385},"\"Анна Мельник\"",[2983,11691,3976],{"class":3003},[2983,11693,11667],{"class":3016},[2983,11695,3309],{"class":3003},[2983,11697,11698],{"class":3385},"\"Junior Developer\"",[2983,11700,7096],{"class":3003},[2983,11702,11703],{"class":2985,"line":3430},[2983,11704,10280],{"class":3003},[2983,11706,11707],{"class":2985,"line":3436},[2983,11708,10285],{"class":3003},[2983,11710,11711,11713],{"class":2985,"line":3441},[2983,11712,10169],{"class":2989},[2983,11714,11347],{"class":2996},[2983,11716,11717],{"class":2985,"line":3446},[2983,11718,10176],{"class":3003},[2983,11720,11721,11723,11725,11728],{"class":2985,"line":3453},[2983,11722,10181],{"class":3016},[2983,11724,3309],{"class":3003},[2983,11726,11727],{"class":3385},"\"Петро Бондаренко\"",[2983,11729,3389],{"class":3003},[2983,11731,11732,11734,11736],{"class":2985,"line":4521},[2983,11733,11620],{"class":3016},[2983,11735,3309],{"class":3003},[2983,11737,11738],{"class":3385},"\"CFO\"\n",[2983,11740,11741],{"class":2985,"line":5920},[2983,11742,11743],{"class":3003},"                    }\n",[2983,11745,11746],{"class":2985,"line":5930},[2983,11747,10315],{"class":3003},[2983,11749,11750],{"class":2985,"line":5940},[2983,11751,9619],{"class":3003},[2983,11753,11754],{"class":2985,"line":5955},[2983,11755,3433],{"class":3003},[2983,11757,11758],{"class":2985,"line":5967},[2983,11759,3336],{"class":3003},[2983,11761,11762],{"class":2985,"line":5979},[2983,11763,3099],{"class":3003},[2965,11765,11766],{},[3137,11767,11768],{},"XAML:",[2974,11770,11772],{"className":3105,"code":11771,"language":3107,"meta":2979,"style":2979},"\u003CWindow.Resources>\n    \u003CHierarchicalDataTemplate DataType=\"{x:Type local:Employee}\" \n                              ItemsSource=\"{Binding Subordinates}\">\n        \u003CBorder Background=\"LightBlue\" \n                Padding=\"5\" \n                Margin=\"2\" \n                CornerRadius=\"3\">\n            \u003CStackPanel>\n                \u003CTextBlock Text=\"{Binding Name}\" \n                           FontWeight=\"Bold\" \n                           FontSize=\"14\"/>\n                \u003CTextBlock Text=\"{Binding Position}\" \n                           FontSize=\"12\" \n                           Foreground=\"Gray\"/>\n            \u003C/StackPanel>\n        \u003C/Border>\n    \u003C/HierarchicalDataTemplate>\n\u003C/Window.Resources>\n\n\u003CTreeView ItemsSource=\"{Binding TopManagement}\"/>\n",[2969,11773,11774,11782,11797,11808,11822,11832,11843,11853,11861,11875,11885,11895,11910,11920,11930,11938,11946,11954,11962,11966],{"__ignoreMap":2979},[2983,11775,11776,11778,11780],{"class":2985,"line":2986},[2983,11777,3115],{"class":3114},[2983,11779,4211],{"class":3118},[2983,11781,3493],{"class":3114},[2983,11783,11784,11786,11788,11790,11792,11795],{"class":2985,"line":3000},[2983,11785,3498],{"class":3114},[2983,11787,9655],{"class":3118},[2983,11789,4081],{"class":3122},[2983,11791,3126],{"class":3003},[2983,11793,11794],{"class":3129},"\"{x:Type local:Employee}\"",[2983,11796,3658],{"class":3003},[2983,11798,11799,11801,11803,11806],{"class":2985,"line":3007},[2983,11800,10491],{"class":3122},[2983,11802,3126],{"class":3003},[2983,11804,11805],{"class":3129},"\"{Binding Subordinates}\"",[2983,11807,3493],{"class":3114},[2983,11809,11810,11812,11814,11816,11818,11820],{"class":2985,"line":3035},[2983,11811,3516],{"class":3114},[2983,11813,4234],{"class":3118},[2983,11815,4237],{"class":3122},[2983,11817,3126],{"class":3003},[2983,11819,4242],{"class":3129},[2983,11821,3658],{"class":3003},[2983,11823,11824,11826,11828,11830],{"class":2985,"line":3055},[2983,11825,4273],{"class":3122},[2983,11827,3126],{"class":3003},[2983,11829,4289],{"class":3129},[2983,11831,3658],{"class":3003},[2983,11833,11834,11836,11838,11841],{"class":2985,"line":3076},[2983,11835,8563],{"class":3122},[2983,11837,3126],{"class":3003},[2983,11839,11840],{"class":3129},"\"2\"",[2983,11842,3658],{"class":3003},[2983,11844,11845,11847,11849,11851],{"class":2985,"line":3096},[2983,11846,4284],{"class":3122},[2983,11848,3126],{"class":3003},[2983,11850,7294],{"class":3129},[2983,11852,3493],{"class":3114},[2983,11854,11855,11857,11859],{"class":2985,"line":3291},[2983,11856,4296],{"class":3114},[2983,11858,3501],{"class":3118},[2983,11860,3493],{"class":3114},[2983,11862,11863,11865,11867,11869,11871,11873],{"class":2985,"line":3297},[2983,11864,4305],{"class":3114},[2983,11866,3519],{"class":3118},[2983,11868,3522],{"class":3122},[2983,11870,3126],{"class":3003},[2983,11872,10592],{"class":3129},[2983,11874,3658],{"class":3003},[2983,11876,11877,11879,11881,11883],{"class":2985,"line":3303},[2983,11878,4320],{"class":3122},[2983,11880,3126],{"class":3003},[2983,11882,4325],{"class":3129},[2983,11884,3658],{"class":3003},[2983,11886,11887,11889,11891,11893],{"class":2985,"line":3317},[2983,11888,4332],{"class":3122},[2983,11890,3126],{"class":3003},[2983,11892,4362],{"class":3129},[2983,11894,3133],{"class":3114},[2983,11896,11897,11899,11901,11903,11905,11908],{"class":2985,"line":3327},[2983,11898,4305],{"class":3114},[2983,11900,3519],{"class":3118},[2983,11902,3522],{"class":3122},[2983,11904,3126],{"class":3003},[2983,11906,11907],{"class":3129},"\"{Binding Position}\"",[2983,11909,3658],{"class":3003},[2983,11911,11912,11914,11916,11918],{"class":2985,"line":3333},[2983,11913,4332],{"class":3122},[2983,11915,3126],{"class":3003},[2983,11917,4388],{"class":3129},[2983,11919,3658],{"class":3003},[2983,11921,11922,11924,11926,11928],{"class":2985,"line":3339},[2983,11923,4395],{"class":3122},[2983,11925,3126],{"class":3003},[2983,11927,3640],{"class":3129},[2983,11929,3133],{"class":3114},[2983,11931,11932,11934,11936],{"class":2985,"line":3344},[2983,11933,4441],{"class":3114},[2983,11935,3501],{"class":3118},[2983,11937,3493],{"class":3114},[2983,11939,11940,11942,11944],{"class":2985,"line":3354},[2983,11941,4450],{"class":3114},[2983,11943,4234],{"class":3118},[2983,11945,3493],{"class":3114},[2983,11947,11948,11950,11952],{"class":2985,"line":3359},[2983,11949,3548],{"class":3114},[2983,11951,9655],{"class":3118},[2983,11953,3493],{"class":3114},[2983,11955,11956,11958,11960],{"class":2985,"line":3372},[2983,11957,3557],{"class":3114},[2983,11959,4211],{"class":3118},[2983,11961,3493],{"class":3114},[2983,11963,11964],{"class":2985,"line":3377},[2983,11965,4476],{"emptyLinePlaceholder":4475},[2983,11967,11968,11970,11972,11974,11976,11979],{"class":2985,"line":3392},[2983,11969,3115],{"class":3114},[2983,11971,10639],{"class":3118},[2983,11973,5082],{"class":3122},[2983,11975,3126],{"class":3003},[2983,11977,11978],{"class":3129},"\"{Binding TopManagement}\"",[2983,11980,3133],{"class":3114},[2965,11982,11983,11985],{},[3137,11984,3566],{}," Організаційна структура компанії у вигляді дерева — CEO → CTO → розробники.",[3200,11987],{},[2960,11989,11991],{"id":11990},"практичні-завдання","Практичні завдання",[3210,11993,11995],{"id":11994},"рівень-1-відображення-person-у-contentcontrol","Рівень 1: Відображення Person у ContentControl",[2965,11997,11998,12001],{},[3137,11999,12000],{},"Мета:"," Навчитися створювати базовий DataTemplate для відображення об'єкта.",[2965,12003,12004],{},[3137,12005,12006],{},"Завдання:",[2965,12008,12009,12010,12012],{},"Створіть клас ",[2969,12011,2971],{}," з властивостями:",[4169,12014,12015,12020,12024,12029],{},[3795,12016,12017,12019],{},[2969,12018,3962],{}," (string)",[3795,12021,12022,12019],{},[2969,12023,3971],{},[3795,12025,12026,12028],{},[2969,12027,3981],{}," (int)",[3795,12030,12031,12019],{},[2969,12032,3991],{},[2965,12034,12035,12036,12038],{},"Створіть DataTemplate, що відображає ",[2969,12037,2971],{}," як картку з:",[4169,12040,12041,12044,12047],{},[3795,12042,12043],{},"Повним ім'ям (FirstName + LastName) великим шрифтом",[3795,12045,12046],{},"Віком у форматі \"Вік: X років\"",[3795,12048,12049],{},"Email синім кольором",[2965,12051,12052],{},[3137,12053,12054],{},"Критерії успіху:",[4169,12056,12057,12060,12063,12066],{},[3795,12058,12059],{},"DataTemplate визначений у ресурсах",[3795,12061,12062],{},"Використано Implicit DataTemplate (без x:Key)",[3795,12064,12065],{},"Картка має рамку та фон",[3795,12067,12068],{},"Всі дані відображаються коректно",[2965,12070,12071],{},[3137,12072,12073],{},"Підказка:",[2974,12075,12077],{"className":3105,"code":12076,"language":3107,"meta":2979,"style":2979},"\u003CWindow.Resources>\n    \u003CDataTemplate DataType=\"{x:Type local:Person}\">\n        \u003CBorder Background=\"LightGray\" Padding=\"10\" BorderBrush=\"Gray\" BorderThickness=\"1\">\n            \u003CStackPanel>\n                \u003CTextBlock FontSize=\"16\" FontWeight=\"Bold\">\n                    \u003CTextBlock.Text>\n                        \u003CMultiBinding StringFormat=\"{}{0} {1}\">\n                            \u003CBinding Path=\"FirstName\"/>\n                            \u003CBinding Path=\"LastName\"/>\n                        \u003C/MultiBinding>\n                    \u003C/TextBlock.Text>\n                \u003C/TextBlock>\n                \u003C!-- Додайте інші поля -->\n            \u003C/StackPanel>\n        \u003C/Border>\n    \u003C/DataTemplate>\n\u003C/Window.Resources>\n",[2969,12078,12079,12087,12101,12133,12141,12161,12169,12183,12197,12211,12219,12227,12235,12240,12248,12256,12264],{"__ignoreMap":2979},[2983,12080,12081,12083,12085],{"class":2985,"line":2986},[2983,12082,3115],{"class":3114},[2983,12084,4211],{"class":3118},[2983,12086,3493],{"class":3114},[2983,12088,12089,12091,12093,12095,12097,12099],{"class":2985,"line":3000},[2983,12090,3498],{"class":3114},[2983,12092,3808],{"class":3118},[2983,12094,4081],{"class":3122},[2983,12096,3126],{"class":3003},[2983,12098,4086],{"class":3129},[2983,12100,3493],{"class":3114},[2983,12102,12103,12105,12107,12109,12111,12113,12115,12117,12119,12121,12123,12125,12127,12129,12131],{"class":2985,"line":3007},[2983,12104,3516],{"class":3114},[2983,12106,4234],{"class":3118},[2983,12108,4237],{"class":3122},[2983,12110,3126],{"class":3003},[2983,12112,8890],{"class":3129},[2983,12114,4990],{"class":3122},[2983,12116,3126],{"class":3003},[2983,12118,3603],{"class":3129},[2983,12120,7159],{"class":3122},[2983,12122,3126],{"class":3003},[2983,12124,3640],{"class":3129},[2983,12126,7166],{"class":3122},[2983,12128,3126],{"class":3003},[2983,12130,4266],{"class":3129},[2983,12132,3493],{"class":3114},[2983,12134,12135,12137,12139],{"class":2985,"line":3035},[2983,12136,4296],{"class":3114},[2983,12138,3501],{"class":3118},[2983,12140,3493],{"class":3114},[2983,12142,12143,12145,12147,12149,12151,12153,12155,12157,12159],{"class":2985,"line":3055},[2983,12144,4305],{"class":3114},[2983,12146,3519],{"class":3118},[2983,12148,4672],{"class":3122},[2983,12150,3126],{"class":3003},[2983,12152,4337],{"class":3129},[2983,12154,4665],{"class":3122},[2983,12156,3126],{"class":3003},[2983,12158,4325],{"class":3129},[2983,12160,3493],{"class":3114},[2983,12162,12163,12165,12167],{"class":2985,"line":3076},[2983,12164,5685],{"class":3114},[2983,12166,5855],{"class":3118},[2983,12168,3493],{"class":3114},[2983,12170,12171,12173,12175,12177,12179,12181],{"class":2985,"line":3096},[2983,12172,5852],{"class":3114},[2983,12174,5865],{"class":3118},[2983,12176,5868],{"class":3122},[2983,12178,3126],{"class":3003},[2983,12180,5873],{"class":3129},[2983,12182,3493],{"class":3114},[2983,12184,12185,12187,12189,12191,12193,12195],{"class":2985,"line":3291},[2983,12186,5862],{"class":3114},[2983,12188,5883],{"class":3118},[2983,12190,5886],{"class":3122},[2983,12192,3126],{"class":3003},[2983,12194,5891],{"class":3129},[2983,12196,3133],{"class":3114},[2983,12198,12199,12201,12203,12205,12207,12209],{"class":2985,"line":3297},[2983,12200,5862],{"class":3114},[2983,12202,5883],{"class":3118},[2983,12204,5886],{"class":3122},[2983,12206,3126],{"class":3003},[2983,12208,5906],{"class":3129},[2983,12210,3133],{"class":3114},[2983,12212,12213,12215,12217],{"class":2985,"line":3303},[2983,12214,5923],{"class":3114},[2983,12216,5865],{"class":3118},[2983,12218,3493],{"class":3114},[2983,12220,12221,12223,12225],{"class":2985,"line":3317},[2983,12222,5933],{"class":3114},[2983,12224,5855],{"class":3118},[2983,12226,3493],{"class":3114},[2983,12228,12229,12231,12233],{"class":2985,"line":3327},[2983,12230,5718],{"class":3114},[2983,12232,3519],{"class":3118},[2983,12234,3493],{"class":3114},[2983,12236,12237],{"class":2985,"line":3333},[2983,12238,12239],{"class":3449},"                \u003C!-- Додайте інші поля -->\n",[2983,12241,12242,12244,12246],{"class":2985,"line":3339},[2983,12243,4441],{"class":3114},[2983,12245,3501],{"class":3118},[2983,12247,3493],{"class":3114},[2983,12249,12250,12252,12254],{"class":2985,"line":3344},[2983,12251,4450],{"class":3114},[2983,12253,4234],{"class":3118},[2983,12255,3493],{"class":3114},[2983,12257,12258,12260,12262],{"class":2985,"line":3354},[2983,12259,3548],{"class":3114},[2983,12261,3808],{"class":3118},[2983,12263,3493],{"class":3114},[2983,12265,12266,12268,12270],{"class":2985,"line":3359},[2983,12267,3557],{"class":3114},[2983,12269,4211],{"class":3118},[2983,12271,3493],{"class":3114},[3200,12273],{},[3210,12275,12277],{"id":12276},"рівень-2-список-контактів-з-datatemplate","Рівень 2: Список контактів з DataTemplate",[2965,12279,12280,12282],{},[3137,12281,12000],{}," Створити красивий список контактів з аватарами та інформацією.",[2965,12284,12285],{},[3137,12286,12006],{},[2965,12288,12289],{},"Створіть додаток \"Контакти\" з:",[2965,12291,12292],{},[3137,12293,12294],{},"Модель Contact:",[2974,12296,12298],{"className":2976,"code":12297,"language":2978,"meta":2979,"style":2979},"public class Contact : INotifyPropertyChanged\n{\n    public string FirstName { get; set; }\n    public string LastName { get; set; }\n    public string Phone { get; set; }\n    public string Email { get; set; }\n    public string AvatarColor { get; set; }  // Hex колір для аватара\n}\n",[2969,12299,12300,12313,12317,12335,12353,12372,12390,12413],{"__ignoreMap":2979},[2983,12301,12302,12304,12306,12309,12311],{"class":2985,"line":2986},[2983,12303,2990],{"class":2989},[2983,12305,2993],{"class":2989},[2983,12307,12308],{"class":2996}," Contact",[2983,12310,3235],{"class":3003},[2983,12312,3238],{"class":2996},[2983,12314,12315],{"class":2985,"line":3000},[2983,12316,3004],{"class":3003},[2983,12318,12319,12321,12323,12325,12327,12329,12331,12333],{"class":2985,"line":3007},[2983,12320,3010],{"class":2989},[2983,12322,3013],{"class":2989},[2983,12324,3017],{"class":3016},[2983,12326,3020],{"class":3003},[2983,12328,3023],{"class":2989},[2983,12330,3026],{"class":3003},[2983,12332,3029],{"class":2989},[2983,12334,3032],{"class":3003},[2983,12336,12337,12339,12341,12343,12345,12347,12349,12351],{"class":2985,"line":3035},[2983,12338,3010],{"class":2989},[2983,12340,3013],{"class":2989},[2983,12342,3042],{"class":3016},[2983,12344,3020],{"class":3003},[2983,12346,3023],{"class":2989},[2983,12348,3026],{"class":3003},[2983,12350,3029],{"class":2989},[2983,12352,3032],{"class":3003},[2983,12354,12355,12357,12359,12362,12364,12366,12368,12370],{"class":2985,"line":3055},[2983,12356,3010],{"class":2989},[2983,12358,3013],{"class":2989},[2983,12360,12361],{"class":3016}," Phone",[2983,12363,3020],{"class":3003},[2983,12365,3023],{"class":2989},[2983,12367,3026],{"class":3003},[2983,12369,3029],{"class":2989},[2983,12371,3032],{"class":3003},[2983,12373,12374,12376,12378,12380,12382,12384,12386,12388],{"class":2985,"line":3076},[2983,12375,3010],{"class":2989},[2983,12377,3013],{"class":2989},[2983,12379,3083],{"class":3016},[2983,12381,3020],{"class":3003},[2983,12383,3023],{"class":2989},[2983,12385,3026],{"class":3003},[2983,12387,3029],{"class":2989},[2983,12389,3032],{"class":3003},[2983,12391,12392,12394,12396,12399,12401,12403,12405,12407,12410],{"class":2985,"line":3096},[2983,12393,3010],{"class":2989},[2983,12395,3013],{"class":2989},[2983,12397,12398],{"class":3016}," AvatarColor",[2983,12400,3020],{"class":3003},[2983,12402,3023],{"class":2989},[2983,12404,3026],{"class":3003},[2983,12406,3029],{"class":2989},[2983,12408,12409],{"class":3003},"; }  ",[2983,12411,12412],{"class":3449},"// Hex колір для аватара\n",[2983,12414,12415],{"class":2985,"line":3291},[2983,12416,3099],{"class":3003},[2965,12418,12419],{},[3137,12420,12421],{},"Вимоги до UI:",[3792,12423,12424,12427,12447,12450],{},[3795,12425,12426],{},"ListBox з мінімум 5 контактами",[3795,12428,12429,12430],{},"DataTemplate для кожного контакту:\n",[4169,12431,12432,12438,12441,12444],{},[3795,12433,12434,12435],{},"Круглий аватар (Ellipse) з кольором з ",[2969,12436,12437],{},"AvatarColor",[3795,12439,12440],{},"Ініціали у центрі аватара (перша літера FirstName + LastName)",[3795,12442,12443],{},"Повне ім'я жирним шрифтом",[3795,12445,12446],{},"Телефон та email меншим шрифтом",[3795,12448,12449],{},"Кнопки \"Додати\" та \"Видалити\" контакт",[3795,12451,12452],{},"При кліку на контакт — показати деталі справа (Master-Detail pattern)",[2965,12454,12455],{},[3137,12456,12054],{},[4169,12458,12459,12462,12465,12468],{},[3795,12460,12461],{},"Список відображається коректно з DataTemplate",[3795,12463,12464],{},"Аватари різних кольорів",[3795,12466,12467],{},"Додавання/видалення працює (ObservableCollection)",[3795,12469,12470],{},"Master-Detail pattern реалізований",[2965,12472,12473],{},[3137,12474,12475],{},"Підказка для ініціалів:",[2974,12477,12479],{"className":2976,"code":12478,"language":2978,"meta":2979,"style":2979},"public string Initials => $\"{FirstName?[0]}{LastName?[0]}\";\n",[2969,12480,12481],{"__ignoreMap":2979},[2983,12482,12483,12485,12487,12490,12492,12495,12497,12499,12502,12505,12508,12511,12513,12515,12517,12519,12522,12524],{"class":2985,"line":2986},[2983,12484,2990],{"class":2989},[2983,12486,3013],{"class":2989},[2983,12488,12489],{"class":3016}," Initials",[2983,12491,3283],{"class":3003},[2983,12493,12494],{"class":3385},"$\"",[2983,12496,3959],{"class":3958},[2983,12498,3962],{"class":3016},[2983,12500,12501],{"class":3003},"?",[2983,12503,12504],{"class":3958},"[",[2983,12506,12507],{"class":3413},"0",[2983,12509,12510],{"class":3958},"]}{",[2983,12512,3971],{"class":3016},[2983,12514,12501],{"class":3003},[2983,12516,12504],{"class":3958},[2983,12518,12507],{"class":3413},[2983,12520,12521],{"class":3958},"]}",[2983,12523,3996],{"class":3385},[2983,12525,3256],{"class":3003},[3200,12527],{},[3210,12529,12531],{"id":12530},"рівень-3-datatemplateselector-для-різних-типів-повідомлень","Рівень 3: DataTemplateSelector для різних типів повідомлень",[2965,12533,12534,12536],{},[3137,12535,12000],{}," Створити чат з різними типами повідомлень через DataTemplateSelector.",[2965,12538,12539],{},[3137,12540,12006],{},[2965,12542,12543],{},"Створіть додаток \"Чат\" з підтримкою трьох типів повідомлень:",[2965,12545,12546],{},[3137,12547,12548],{},"Базовий клас:",[2974,12550,12552],{"className":2976,"code":12551,"language":2978,"meta":2979,"style":2979},"public abstract class Message\n{\n    public string Sender { get; set; }\n    public DateTime Timestamp { get; set; }\n    public bool IsOwnMessage { get; set; }  // Своє чи чуже повідомлення\n}\n",[2969,12553,12554,12564,12568,12586,12604,12626],{"__ignoreMap":2979},[2983,12555,12556,12558,12560,12562],{"class":2985,"line":2986},[2983,12557,2990],{"class":2989},[2983,12559,8273],{"class":2989},[2983,12561,2993],{"class":2989},[2983,12563,8278],{"class":2996},[2983,12565,12566],{"class":2985,"line":3000},[2983,12567,3004],{"class":3003},[2983,12569,12570,12572,12574,12576,12578,12580,12582,12584],{"class":2985,"line":3007},[2983,12571,3010],{"class":2989},[2983,12573,3013],{"class":2989},[2983,12575,8291],{"class":3016},[2983,12577,3020],{"class":3003},[2983,12579,3023],{"class":2989},[2983,12581,3026],{"class":3003},[2983,12583,3029],{"class":2989},[2983,12585,3032],{"class":3003},[2983,12587,12588,12590,12592,12594,12596,12598,12600,12602],{"class":2985,"line":3035},[2983,12589,3010],{"class":2989},[2983,12591,8308],{"class":2996},[2983,12593,8311],{"class":3016},[2983,12595,3020],{"class":3003},[2983,12597,3023],{"class":2989},[2983,12599,3026],{"class":3003},[2983,12601,3029],{"class":2989},[2983,12603,3032],{"class":3003},[2983,12605,12606,12608,12610,12613,12615,12617,12619,12621,12623],{"class":2985,"line":3055},[2983,12607,3010],{"class":2989},[2983,12609,9773],{"class":2989},[2983,12611,12612],{"class":3016}," IsOwnMessage",[2983,12614,3020],{"class":3003},[2983,12616,3023],{"class":2989},[2983,12618,3026],{"class":3003},[2983,12620,3029],{"class":2989},[2983,12622,12409],{"class":3003},[2983,12624,12625],{"class":3449},"// Своє чи чуже повідомлення\n",[2983,12627,12628],{"class":2985,"line":3076},[2983,12629,3099],{"class":3003},[2965,12631,12632],{},[3137,12633,12634],{},"Типи повідомлень:",[2974,12636,12638],{"className":2976,"code":12637,"language":2978,"meta":2979,"style":2979},"public class TextMessage : Message\n{\n    public string Text { get; set; }\n}\n\npublic class ImageMessage : Message\n{\n    public string ImagePath { get; set; }\n    public string Caption { get; set; }\n}\n\npublic class FileMessage : Message\n{\n    public string FileName { get; set; }\n    public long FileSize { get; set; }\n}\n",[2969,12639,12640,12652,12656,12674,12678,12682,12694,12698,12717,12735,12739,12743,12756,12760,12779,12799],{"__ignoreMap":2979},[2983,12641,12642,12644,12646,12648,12650],{"class":2985,"line":2986},[2983,12643,2990],{"class":2989},[2983,12645,2993],{"class":2989},[2983,12647,8338],{"class":2996},[2983,12649,3235],{"class":3003},[2983,12651,8343],{"class":2996},[2983,12653,12654],{"class":2985,"line":3000},[2983,12655,3004],{"class":3003},[2983,12657,12658,12660,12662,12664,12666,12668,12670,12672],{"class":2985,"line":3007},[2983,12659,3010],{"class":2989},[2983,12661,3013],{"class":2989},[2983,12663,3522],{"class":3016},[2983,12665,3020],{"class":3003},[2983,12667,3023],{"class":2989},[2983,12669,3026],{"class":3003},[2983,12671,3029],{"class":2989},[2983,12673,3032],{"class":3003},[2983,12675,12676],{"class":2985,"line":3035},[2983,12677,3099],{"class":3003},[2983,12679,12680],{"class":2985,"line":3055},[2983,12681,4476],{"emptyLinePlaceholder":4475},[2983,12683,12684,12686,12688,12690,12692],{"class":2985,"line":3076},[2983,12685,2990],{"class":2989},[2983,12687,2993],{"class":2989},[2983,12689,8382],{"class":2996},[2983,12691,3235],{"class":3003},[2983,12693,8343],{"class":2996},[2983,12695,12696],{"class":2985,"line":3096},[2983,12697,3004],{"class":3003},[2983,12699,12700,12702,12704,12707,12709,12711,12713,12715],{"class":2985,"line":3291},[2983,12701,3010],{"class":2989},[2983,12703,3013],{"class":2989},[2983,12705,12706],{"class":3016}," ImagePath",[2983,12708,3020],{"class":3003},[2983,12710,3023],{"class":2989},[2983,12712,3026],{"class":3003},[2983,12714,3029],{"class":2989},[2983,12716,3032],{"class":3003},[2983,12718,12719,12721,12723,12725,12727,12729,12731,12733],{"class":2985,"line":3297},[2983,12720,3010],{"class":2989},[2983,12722,3013],{"class":2989},[2983,12724,8418],{"class":3016},[2983,12726,3020],{"class":3003},[2983,12728,3023],{"class":2989},[2983,12730,3026],{"class":3003},[2983,12732,3029],{"class":2989},[2983,12734,3032],{"class":3003},[2983,12736,12737],{"class":2985,"line":3303},[2983,12738,3099],{"class":3003},[2983,12740,12741],{"class":2985,"line":3317},[2983,12742,4476],{"emptyLinePlaceholder":4475},[2983,12744,12745,12747,12749,12752,12754],{"class":2985,"line":3327},[2983,12746,2990],{"class":2989},[2983,12748,2993],{"class":2989},[2983,12750,12751],{"class":2996}," FileMessage",[2983,12753,3235],{"class":3003},[2983,12755,8343],{"class":2996},[2983,12757,12758],{"class":2985,"line":3333},[2983,12759,3004],{"class":3003},[2983,12761,12762,12764,12766,12769,12771,12773,12775,12777],{"class":2985,"line":3339},[2983,12763,3010],{"class":2989},[2983,12765,3013],{"class":2989},[2983,12767,12768],{"class":3016}," FileName",[2983,12770,3020],{"class":3003},[2983,12772,3023],{"class":2989},[2983,12774,3026],{"class":3003},[2983,12776,3029],{"class":2989},[2983,12778,3032],{"class":3003},[2983,12780,12781,12783,12786,12789,12791,12793,12795,12797],{"class":2985,"line":3344},[2983,12782,3010],{"class":2989},[2983,12784,12785],{"class":2989}," long",[2983,12787,12788],{"class":3016}," FileSize",[2983,12790,3020],{"class":3003},[2983,12792,3023],{"class":2989},[2983,12794,3026],{"class":3003},[2983,12796,3029],{"class":2989},[2983,12798,3032],{"class":3003},[2983,12800,12801],{"class":2985,"line":3354},[2983,12802,3099],{"class":3003},[2965,12804,12805],{},[3137,12806,12807],{},"Вимоги:",[3792,12809,12810,12817,12831,12834,12837],{},[3795,12811,12812,12813,12816],{},"Створіть ",[2969,12814,12815],{},"MessageTemplateSelector"," з трьома шаблонами",[3795,12818,12819,12820],{},"Кожен тип повідомлення має унікальний дизайн:\n",[4169,12821,12822,12825,12828],{},[3795,12823,12824],{},"TextMessage — текст у бульбашці",[3795,12826,12827],{},"ImageMessage — зображення з підписом",[3795,12829,12830],{},"FileMessage — іконка файлу + назва + розмір",[3795,12832,12833],{},"Свої повідомлення справа (синій фон), чужі зліва (сірий фон)",[3795,12835,12836],{},"Додайте TextBox для введення та кнопку \"Надіслати\"",[3795,12838,12839],{},"Додайте кнопки для надсилання зображення та файлу",[2965,12841,12842],{},[3137,12843,12054],{},[4169,12845,12846,12849,12852,12855],{},[3795,12847,12848],{},"DataTemplateSelector коректно вибирає шаблон",[3795,12850,12851],{},"Свої/чужі повідомлення відображаються по різних боках",[3795,12853,12854],{},"Можна надсилати всі три типи повідомлень",[3795,12856,12857],{},"Час відправки відображається у форматі \"HH:mm\"",[2965,12859,12860],{},[3137,12861,12862],{},"Додатково (складно):",[4169,12864,12865,12868,12871],{},[3795,12866,12867],{},"Додайте підтримку LinkMessage (посилання з preview)",[3795,12869,12870],{},"Додайте групування повідомлень за датою",[3795,12872,12873],{},"Додайте індикатор \"друкує...\" коли користувач вводить текст",[3200,12875],{},[2960,12877,12879],{"id":12878},"підсумок","Підсумок",[2965,12881,12882],{},"Data Templates — це потужний механізм для автоматичної візуалізації C#-об'єктів у WPF. Вони дозволяють повністю розділити дані та їх представлення.",[2965,12884,12885],{},[3137,12886,12887],{},"Ключові висновки:",[4025,12889,12890,12898,12903,12907,12912,12917],{},[4028,12891,12894,12895,12897],{"icon":12892,"title":12893},"i-lucide-file-text","📄 DataTemplate","XAML-шаблон, що визначає, як WPF відображає об'єкти певного типу. Замість ",[2969,12896,3147],{}," — красивий UI.",[4028,12899,12902],{"icon":12900,"title":12901},"i-lucide-repeat","🔄 Implicit vs Explicit","Implicit (без x:Key) — автоматичне застосування. Explicit (з x:Key) — вручну через ContentTemplate/ItemTemplate.",[4028,12904,12906],{"icon":62,"title":12905},"📦 ContentTemplate vs ItemTemplate","ContentTemplate для одного об'єкта (ContentControl). ItemTemplate для колекцій (ListBox, ComboBox).",[4028,12908,12911],{"icon":12909,"title":12910},"i-lucide-target","🎯 DataTemplateSelector","Програмний вибір шаблону залежно від даних. Різні типи об'єктів → різні шаблони.",[4028,12913,12916],{"icon":12914,"title":12915},"i-lucide-tree-deciduous","🌳 HierarchicalDataTemplate","Рекурсивні шаблони для ієрархічних даних (TreeView). Автоматична рекурсія для вкладених структур.",[4028,12918,12921],{"icon":12919,"title":12920},"i-lucide-palette","🎨 Розділення відповідальності","Модель не знає про UI. UI не знає про бізнес-логіку. DataTemplate — міст між ними.",[2965,12923,12924],{},[3137,12925,12926],{},"Коли використовувати DataTemplate:",[4169,12928,12929,12932,12935,12938],{},[3795,12930,12931],{},"✅ Відображення об'єктів у ContentControl, ListBox, ComboBox",[3795,12933,12934],{},"✅ Створення карток, списків, меню",[3795,12936,12937],{},"✅ Консистентний дизайн для об'єктів одного типу",[3795,12939,12940],{},"✅ Автоматична візуалізація колекцій",[2965,12942,12943],{},[3137,12944,12945],{},"Коли використовувати DataTemplateSelector:",[4169,12947,12948,12951,12954],{},[3795,12949,12950],{},"✅ Колекція містить об'єкти різних типів",[3795,12952,12953],{},"✅ Умовне форматування (VIP клієнти, пріоритети)",[3795,12955,12956],{},"✅ Складна логіка вибору шаблону",[2965,12958,12959],{},[3137,12960,12961],{},"Коли використовувати HierarchicalDataTemplate:",[4169,12963,12964,12967,12970],{},[3795,12965,12966],{},"✅ Ієрархічні дані (файлова система, організаційна структура)",[3795,12968,12969],{},"✅ TreeView з вкладеними елементами",[3795,12971,12972],{},"✅ Рекурсивні структури",[12974,12975,12976,12979],"tip",{},[3137,12977,12978],{},"Best Practice:"," Створюйте бібліотеку DataTemplate-ів у окремому ResourceDictionary для перевикористання у різних вікнах та проєктах.",[2965,12981,12982],{},[3137,12983,12984],{},"Що далі?",[4169,12986,12987,13000,13009],{},[3795,12988,12989,10739,12992,12996,12997],{},[3137,12990,12991],{},"Collections Binding Part 1",[3189,12993,12995],{"href":12994},"21.collections-binding-part1","наступна стаття",") — прив'язка колекцій через ",[2969,12998,12999],{},"ObservableCollection",[3795,13001,13002,13005,13006],{},[3137,13003,13004],{},"Collections Binding Part 2"," (стаття 21 Part 2) — фільтрація, сортування, групування через ",[2969,13007,13008],{},"ICollectionView",[3795,13010,13011,13014],{},[3137,13012,13013],{},"MVVM Pattern"," (Блок 7) — архітектурний патерн для повного розділення UI та логіки",[3200,13016],{},[2960,13018,13020],{"id":13019},"словник-термінів","Словник термінів",[3182,13022,13024,13029,13037,13049,13057,13064,13072,13080,13087,13092],{"title":13023},"📚 Глосарій",[2965,13025,13026,13028],{},[3137,13027,3808],{}," — XAML-шаблон, що визначає візуальне представлення об'єктів певного типу.",[2965,13030,13031,13033,13034,13036],{},[3137,13032,5443],{}," — DataTemplate без ",[2969,13035,4942],{},", що автоматично застосовується до всіх об'єктів вказаного типу у scope ресурсів.",[2965,13038,13039,13041,13042,13044,13045,5144,13047,3148],{},[3137,13040,5446],{}," — DataTemplate з ",[2969,13043,4942],{},", що застосовується вручну через ",[2969,13046,5143],{},[2969,13048,5147],{},[2965,13050,13051,13053,13054,13056],{},[3137,13052,5143],{}," — властивість ",[2969,13055,3119],{}," для встановлення DataTemplate для одного об'єкта.",[2965,13058,13059,13053,13061,13063],{},[3137,13060,5147],{},[2969,13062,6428],{}," для встановлення DataTemplate для кожного елемента колекції.",[2965,13065,13066,13068,13069,3148],{},[3137,13067,7935],{}," — клас, що програмно вибирає DataTemplate залежно від даних через метод ",[2969,13070,13071],{},"SelectTemplate()",[2965,13073,13074,13076,13077,13079],{},[3137,13075,9655],{}," — спеціальний тип DataTemplate для ієрархічних даних (TreeView). Підтримує ",[2969,13078,9694],{}," для дочірніх елементів.",[2965,13081,13082,13053,13084,13086],{},[3137,13083,9694],{},[2969,13085,9655],{},", що вказує на колекцію дочірніх елементів для рекурсивного відображення.",[2965,13088,13089,13091],{},[3137,13090,4189],{}," — об'єкт даних, до якого прив'язуються Binding-и всередині DataTemplate. Для ItemTemplate — це кожен елемент колекції.",[2965,13093,13094,13097],{},[3137,13095,13096],{},"ResourceDictionary"," — колекція ресурсів (стилі, шаблони, конвертери), що можуть бути перевикористані у різних частинах додатку.",[3200,13099],{},[2960,13101,13103],{"id":13102},"додаткові-ресурси","Додаткові ресурси",[4025,13105,13106,13111,13120,13128,13136,13145,13151,13156],{},[4028,13107,13110],{"icon":15,"title":13108,"to":13109},"📖 Microsoft Docs: Data Templating","https://learn.microsoft.com/en-us/dotnet/desktop/wpf/data/data-templating-overview","Повний огляд Data Templating у WPF з прикладами та best practices.",[4028,13112,13116,13117,13119],{"icon":13113,"title":13114,"to":13115},"i-lucide-file-code","📖 DataTemplate Class","https://learn.microsoft.com/en-us/dotnet/api/system.windows.datatemplate","API документація класу ",[2969,13118,3808],{}," з детальним описом властивостей та методів.",[4028,13121,13124,13125,13127],{"icon":7960,"title":13122,"to":13123},"📖 DataTemplateSelector Class","https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.datatemplateselector","Документація ",[2969,13126,7935],{}," для програмного вибору шаблонів.",[4028,13129,13132,13133,13135],{"icon":12914,"title":13130,"to":13131},"📖 HierarchicalDataTemplate Class","https://learn.microsoft.com/en-us/dotnet/api/system.windows.hierarchicaldatatemplate","API документація ",[2969,13134,9655],{}," для TreeView та ієрархічних даних.",[4028,13137,13141,13142,13144],{"icon":13138,"title":13139,"to":13140},"i-lucide-list","🎓 ItemsControl Overview","https://learn.microsoft.com/en-us/dotnet/desktop/wpf/controls/itemscontrol","Огляд ",[2969,13143,6428],{}," — базового класу для ListBox, ComboBox, ListView.",[4028,13146,13150],{"icon":13147,"title":13148,"to":13149},"i-lucide-library","🔧 WPF Templates Library","https://github.com/topics/wpf-templates","Колекція готових DataTemplate-ів на GitHub для використання у проєктах.",[4028,13152,13155],{"icon":13153,"title":13154,"to":3196},"i-lucide-arrow-left","📚 Попередня стаття: Value Converters","Повернутися до Value Converters — перетворення типів даних між Source та Target.",[4028,13157,13160,13161,3193,13163,3148],{"icon":13158,"title":13159,"to":12994},"i-lucide-arrow-right","📚 Наступна стаття: Collections Binding Part 1","Дізнатися про прив'язку колекцій через ",[2969,13162,12999],{},[2969,13164,6428],{},[13166,13167,13168],"style",{},"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 .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html .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 .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 .su9tN, html code.shiki .su9tN{--shiki-light:#0000FF;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}html 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 .sD7JJ, html code.shiki .sD7JJ{--shiki-light:#000000FF;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .sjcCO, html code.shiki .sjcCO{--shiki-light:#EE0000;--shiki-default:#D7BA7D;--shiki-dark:#D7BA7D}",{"title":2979,"searchDepth":3000,"depth":3000,"links":13170},[13171,13172,13177,13182,13187,13192,13196,13202,13207,13208,13209],{"id":2962,"depth":3000,"text":2963},{"id":3204,"depth":3000,"text":3205,"children":13173},[13174,13175,13176],{"id":3212,"depth":3007,"text":3213},{"id":3692,"depth":3007,"text":3693},{"id":3829,"depth":3007,"text":3830},{"id":4057,"depth":3000,"text":4058,"children":13178},[13179,13180,13181],{"id":4066,"depth":3007,"text":4067},{"id":4193,"depth":3007,"text":4194},{"id":4780,"depth":3007,"text":4781},{"id":4917,"depth":3000,"text":4918,"children":13183},[13184,13185,13186],{"id":4932,"depth":3007,"text":4933},{"id":5131,"depth":3007,"text":5132},{"id":5426,"depth":3007,"text":5427},{"id":5519,"depth":3000,"text":5520,"children":13188},[13189,13190,13191],{"id":5526,"depth":3007,"text":5527},{"id":6422,"depth":3007,"text":6423},{"id":7842,"depth":3007,"text":5427},{"id":7929,"depth":3000,"text":7930,"children":13193},[13194,13195],{"id":7939,"depth":3007,"text":7940},{"id":7965,"depth":3007,"text":7966},{"id":9649,"depth":3000,"text":9650,"children":13197},[13198,13199,13200,13201],{"id":9659,"depth":3007,"text":9660},{"id":9727,"depth":3007,"text":9728},{"id":11155,"depth":3007,"text":11156},{"id":11328,"depth":3007,"text":11329},{"id":11990,"depth":3000,"text":11991,"children":13203},[13204,13205,13206],{"id":11994,"depth":3007,"text":11995},{"id":12276,"depth":3007,"text":12277},{"id":12530,"depth":3007,"text":12531},{"id":12878,"depth":3000,"text":12879},{"id":13019,"depth":3000,"text":13020},{"id":13102,"depth":3000,"text":13103},"Перетворення C#-об'єктів у красивий UI автоматично через DataTemplate — від простих шаблонів до DataTemplateSelector та HierarchicalDataTemplate","md",null,{},{"title":1477,"description":13210},"ZJ8njJSfZA53Xzh4oBpbl9a2nUVAX0jZpgarYZmLAFA",[13217,13219],{"title":1473,"path":1474,"stem":1475,"description":13218,"children":-1},"IValueConverter для перетворення типів між Source та Target — від Boolean до Visibility, від Enum до Color, від DateTime до String",{"title":1481,"path":1482,"stem":1483,"description":13220,"children":-1},"Прив'язка колекцій C#-об'єктів до UI-списків з автоматичним оновленням через ObservableCollection та INotifyCollectionChanged",1777911653337]