[{"data":1,"prerenderedAt":10691},["ShallowReactive",2],{"navigation_docs":3,"-csharp-desktop-ui-collections-binding-part2":2949,"-csharp-desktop-ui-collections-binding-part2-surround":10686},[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":1485,"body":2951,"description":10680,"extension":10681,"links":10682,"meta":10683,"navigation":3397,"path":1486,"seo":10684,"stem":1487,"__hash__":10685},"docs/01.csharp/12.desktop-ui/21.collections-binding-part2.md",{"type":2952,"value":2953,"toc":10639},"minimark",[2954,2959,2964,2979,3009,3014,3182,3187,3205,3215,3226,3229,3233,3238,3243,3249,3274,3277,3351,3357,3361,3366,3672,3677,3712,3717,3803,3807,3920,3922,3926,3932,3936,3941,4221,4227,4359,4363,4366,4455,4460,4464,4619,4624,4763,4767,4899,4904,4913,4915,4919,4927,4931,4935,5256,5261,5404,5408,5413,5957,5961,6054,6059,6063,6070,6277,6281,6408,6413,6415,6419,6424,6428,6432,6729,6734,6980,6984,6992,7233,7237,7296,7301,7525,7529,7535,7539,7826,7830,7833,8076,8118,8120,8124,8130,8138,8142,8223,8228,8233,8238,8243,8247,8258,8263,8338,8343,8495,8500,8504,8509,8517,8522,8530,8573,8578,8634,8645,8649,8654,8695,8712,8719,8724,8754,8762,8771,8776,8851,8859,8863,8897,8904,8908,8958,8968,8970,8974,8978,8987,8992,8995,9000,9031,9036,9050,9055,9281,9283,9287,9292,9296,9299,9304,9415,9420,9466,9470,9484,9489,9732,9734,9738,9743,9747,9750,9755,10004,10008,10013,10027,10032,10043,10047,10063,10068,10076,10081,10103,10108,10122,10126,10145,10150,10164,10169,10306,10308,10312,10317,10322,10372,10377,10391,10396,10407,10412,10423,10430,10435,10459,10461,10465,10569,10571,10575,10635],[2955,2956,2958],"h1",{"id":2957},"collections-binding-part-2-icollectionview-filtering-sorting-та-virtualization","Collections Binding Part 2: ICollectionView, Filtering, Sorting та Virtualization",[2960,2961,2963],"h2",{"id":2962},"вступ","Вступ",[2965,2966,2967,2968,2973,2974,2978],"p",{},"У ",[2969,2970,2972],"a",{"href":2971},"21.collections-binding-part1","попередній статті"," ми навчилися прив'язувати колекції через ",[2975,2976,2977],"code",{},"ObservableCollection\u003CT>",". Але що, якщо потрібно:",[2980,2981,2982,2990,2996,3002],"ul",{},[2983,2984,2985,2989],"li",{},[2986,2987,2988],"strong",{},"Відсортувати"," список контактів за прізвищем?",[2983,2991,2992,2995],{},[2986,2993,2994],{},"Відфільтрувати"," завдання — показати тільки активні?",[2983,2997,2998,3001],{},[2986,2999,3000],{},"Згрупувати"," товари за категоріями?",[2983,3003,3004,3005,3008],{},"Відобразити ",[2986,3006,3007],{},"100,000 елементів"," без зависання UI?",[2965,3010,3011],{},[2986,3012,3013],{},"Спроба 1: Змінити оригінальну колекцію",[3015,3016,3021],"pre",{"className":3017,"code":3018,"language":3019,"meta":3020,"style":3020},"language-csharp shiki shiki-themes light-plus dark-plus dark-plus","public void SortByName()\n{\n    var sorted = People.OrderBy(p => p.LastName).ToList();\n    People.Clear();\n    foreach (var person in sorted)\n    {\n        People.Add(person);\n    }\n    \n    // ✅ Працює, але...\n}\n","csharp","",[2975,3022,3023,3043,3049,3095,3108,3132,3138,3157,3163,3169,3176],{"__ignoreMap":3020},[3024,3025,3028,3032,3035,3039],"span",{"class":3026,"line":3027},"line",1,[3024,3029,3031],{"class":3030},"su1O8","public",[3024,3033,3034],{"class":3030}," void",[3024,3036,3038],{"class":3037},"s8Opu"," SortByName",[3024,3040,3042],{"class":3041},"sHH4Y","()\n",[3024,3044,3046],{"class":3026,"line":3045},2,[3024,3047,3048],{"class":3041},"{\n",[3024,3050,3052,3055,3059,3062,3065,3068,3071,3074,3076,3079,3081,3083,3086,3089,3092],{"class":3026,"line":3051},3,[3024,3053,3054],{"class":3030},"    var",[3024,3056,3058],{"class":3057},"siwwj"," sorted",[3024,3060,3061],{"class":3041}," = ",[3024,3063,3064],{"class":3057},"People",[3024,3066,3067],{"class":3041},".",[3024,3069,3070],{"class":3037},"OrderBy",[3024,3072,3073],{"class":3041},"(",[3024,3075,2965],{"class":3057},[3024,3077,3078],{"class":3041}," => ",[3024,3080,2965],{"class":3057},[3024,3082,3067],{"class":3041},[3024,3084,3085],{"class":3057},"LastName",[3024,3087,3088],{"class":3041},").",[3024,3090,3091],{"class":3037},"ToList",[3024,3093,3094],{"class":3041},"();\n",[3024,3096,3098,3101,3103,3106],{"class":3026,"line":3097},4,[3024,3099,3100],{"class":3057},"    People",[3024,3102,3067],{"class":3041},[3024,3104,3105],{"class":3037},"Clear",[3024,3107,3094],{"class":3041},[3024,3109,3111,3115,3118,3121,3124,3127,3129],{"class":3026,"line":3110},5,[3024,3112,3114],{"class":3113},"sCDza","    foreach",[3024,3116,3117],{"class":3041}," (",[3024,3119,3120],{"class":3030},"var",[3024,3122,3123],{"class":3057}," person",[3024,3125,3126],{"class":3113}," in",[3024,3128,3058],{"class":3057},[3024,3130,3131],{"class":3041},")\n",[3024,3133,3135],{"class":3026,"line":3134},6,[3024,3136,3137],{"class":3041},"    {\n",[3024,3139,3141,3144,3146,3149,3151,3154],{"class":3026,"line":3140},7,[3024,3142,3143],{"class":3057},"        People",[3024,3145,3067],{"class":3041},[3024,3147,3148],{"class":3037},"Add",[3024,3150,3073],{"class":3041},[3024,3152,3153],{"class":3057},"person",[3024,3155,3156],{"class":3041},");\n",[3024,3158,3160],{"class":3026,"line":3159},8,[3024,3161,3162],{"class":3041},"    }\n",[3024,3164,3166],{"class":3026,"line":3165},9,[3024,3167,3168],{"class":3041},"    \n",[3024,3170,3172],{"class":3026,"line":3171},10,[3024,3173,3175],{"class":3174},"spJ8K","    // ✅ Працює, але...\n",[3024,3177,3179],{"class":3026,"line":3178},11,[3024,3180,3181],{"class":3041},"}\n",[2965,3183,3184],{},[2986,3185,3186],{},"Проблеми:",[2980,3188,3189,3192,3199,3202],{},[2983,3190,3191],{},"❌ Змінюємо оригінальні дані (порушуємо принцип незмінності)",[2983,3193,3194,3195,3198],{},"❌ Втрачається вибраний елемент (",[2975,3196,3197],{},"SelectedItem",")",[2983,3200,3201],{},"❌ Повне перемалювання UI (неефективно)",[2983,3203,3204],{},"❌ Не можна мати кілька різних \"виглядів\" на одну колекцію",[2965,3206,3207,3210,3211,3214],{},[2986,3208,3209],{},"Рішення:"," ",[2986,3212,3213],{},"ICollectionView"," — \"вигляд\" на колекцію, що дозволяє сортувати, фільтрувати та групувати без зміни оригінальних даних.",[3216,3217,3218,3221,3222,3225],"note",{},[2986,3219,3220],{},"Для кого ця стаття?"," Якщо ви вже знайомі з ",[2969,3223,3224],{"href":2971},"ObservableCollection",", ця стаття покаже, як маніпулювати відображенням колекцій без зміни самих даних.",[3227,3228],"hr",{},[2960,3230,3232],{"id":3231},"icollectionview-вигляд-на-колекцію","ICollectionView: Вигляд на колекцію",[2965,3234,3235,3237],{},[2975,3236,3213],{}," — це інтерфейс, що представляє \"вигляд\" на колекцію з можливістю сортування, фільтрації та групування.",[3239,3240,3242],"h3",{"id":3241},"концепція-модель-vs-вигляд","Концепція: Модель vs Вигляд",[2965,3244,3245,3248],{},[2986,3246,3247],{},"Аналогія:"," Уявіть бібліотеку з книгами.",[2980,3250,3251,3257],{},[2983,3252,3253,3256],{},[2986,3254,3255],{},"Модель (ObservableCollection)"," — це фізичні книги на полицях. Вони не змінюються.",[2983,3258,3259,3262,3263],{},[2986,3260,3261],{},"Вигляд (ICollectionView)"," — це каталог, де ви можете:\n",[2980,3264,3265,3268,3271],{},[2983,3266,3267],{},"Відсортувати книги за автором, роком, назвою",[2983,3269,3270],{},"Відфільтрувати тільки фантастику",[2983,3272,3273],{},"Згрупувати за жанрами",[2965,3275,3276],{},"Книги на полицях залишаються на своїх місцях, але каталог показує їх по-різному.",[3278,3279,3280],"mermaid",{},[3015,3281,3284],{"className":3282,"code":3283,"language":3278,"meta":3020,"style":3020},"language-mermaid shiki shiki-themes light-plus dark-plus dark-plus","graph TD\n    A[ObservableCollection\u003CPerson>] --> B[ICollectionView 1\u003Cbr/>Сортування: за прізвищем]\n    A --> C[ICollectionView 2\u003Cbr/>Фільтр: вік > 18]\n    A --> D[ICollectionView 3\u003Cbr/>Групування: за містом]\n    \n    B --> E[ListBox 1]\n    C --> F[ListBox 2]\n    D --> G[ListBox 3]\n    \n    style A fill:#3b82f6,stroke:#1d4ed8,color:#ffffff\n    style B fill:#10b981,stroke:#059669,color:#ffffff\n    style C fill:#10b981,stroke:#059669,color:#ffffff\n    style D fill:#10b981,stroke:#059669,color:#ffffff\n",[2975,3285,3286,3291,3296,3301,3306,3310,3315,3320,3325,3329,3334,3339,3345],{"__ignoreMap":3020},[3024,3287,3288],{"class":3026,"line":3027},[3024,3289,3290],{},"graph TD\n",[3024,3292,3293],{"class":3026,"line":3045},[3024,3294,3295],{},"    A[ObservableCollection\u003CPerson>] --> B[ICollectionView 1\u003Cbr/>Сортування: за прізвищем]\n",[3024,3297,3298],{"class":3026,"line":3051},[3024,3299,3300],{},"    A --> C[ICollectionView 2\u003Cbr/>Фільтр: вік > 18]\n",[3024,3302,3303],{"class":3026,"line":3097},[3024,3304,3305],{},"    A --> D[ICollectionView 3\u003Cbr/>Групування: за містом]\n",[3024,3307,3308],{"class":3026,"line":3110},[3024,3309,3168],{},[3024,3311,3312],{"class":3026,"line":3134},[3024,3313,3314],{},"    B --> E[ListBox 1]\n",[3024,3316,3317],{"class":3026,"line":3140},[3024,3318,3319],{},"    C --> F[ListBox 2]\n",[3024,3321,3322],{"class":3026,"line":3159},[3024,3323,3324],{},"    D --> G[ListBox 3]\n",[3024,3326,3327],{"class":3026,"line":3165},[3024,3328,3168],{},[3024,3330,3331],{"class":3026,"line":3171},[3024,3332,3333],{},"    style A fill:#3b82f6,stroke:#1d4ed8,color:#ffffff\n",[3024,3335,3336],{"class":3026,"line":3178},[3024,3337,3338],{},"    style B fill:#10b981,stroke:#059669,color:#ffffff\n",[3024,3340,3342],{"class":3026,"line":3341},12,[3024,3343,3344],{},"    style C fill:#10b981,stroke:#059669,color:#ffffff\n",[3024,3346,3348],{"class":3026,"line":3347},13,[3024,3349,3350],{},"    style D fill:#10b981,stroke:#059669,color:#ffffff\n",[2965,3352,3353,3356],{},[2986,3354,3355],{},"Ключова ідея:"," Одна колекція → кілька виглядів → кілька UI-контролів з різним відображенням.",[3239,3358,3360],{"id":3359},"отримання-icollectionview","Отримання ICollectionView",[2965,3362,3363],{},[2986,3364,3365],{},"Спосіб 1: CollectionViewSource.GetDefaultView()",[3015,3367,3369],{"className":3017,"code":3368,"language":3019,"meta":3020,"style":3020},"using System.Windows.Data;\n\npublic class ContactsViewModel\n{\n    public ObservableCollection\u003CPerson> People { get; set; }\n    public ICollectionView PeopleView { get; set; }\n    \n    public ContactsViewModel()\n    {\n        People = new ObservableCollection\u003CPerson>\n        {\n            new Person { FirstName = \"Іван\", LastName = \"Петренко\", Age = 25 },\n            new Person { FirstName = \"Марія\", LastName = \"Коваленко\", Age = 30 },\n            new Person { FirstName = \"Олександр\", LastName = \"Шевченко\", Age = 22 }\n        };\n        \n        // Отримуємо вигляд на колекцію\n        PeopleView = CollectionViewSource.GetDefaultView(People);\n    }\n}\n",[2975,3370,3371,3393,3399,3409,3413,3447,3467,3471,3480,3484,3502,3507,3550,3585,3622,3628,3634,3640,3662,3667],{"__ignoreMap":3020},[3024,3372,3373,3376,3380,3382,3385,3387,3390],{"class":3026,"line":3027},[3024,3374,3375],{"class":3113},"using",[3024,3377,3379],{"class":3378},"sN1BT"," System",[3024,3381,3067],{"class":3041},[3024,3383,3384],{"class":3378},"Windows",[3024,3386,3067],{"class":3041},[3024,3388,3389],{"class":3378},"Data",[3024,3391,3392],{"class":3041},";\n",[3024,3394,3395],{"class":3026,"line":3045},[3024,3396,3398],{"emptyLinePlaceholder":3397},true,"\n",[3024,3400,3401,3403,3406],{"class":3026,"line":3051},[3024,3402,3031],{"class":3030},[3024,3404,3405],{"class":3030}," class",[3024,3407,3408],{"class":3378}," ContactsViewModel\n",[3024,3410,3411],{"class":3026,"line":3097},[3024,3412,3048],{"class":3041},[3024,3414,3415,3418,3421,3424,3427,3430,3432,3435,3438,3441,3444],{"class":3026,"line":3110},[3024,3416,3417],{"class":3030},"    public",[3024,3419,3420],{"class":3378}," ObservableCollection",[3024,3422,3423],{"class":3041},"\u003C",[3024,3425,3426],{"class":3378},"Person",[3024,3428,3429],{"class":3041},"> ",[3024,3431,3064],{"class":3057},[3024,3433,3434],{"class":3041}," { ",[3024,3436,3437],{"class":3030},"get",[3024,3439,3440],{"class":3041},"; ",[3024,3442,3443],{"class":3030},"set",[3024,3445,3446],{"class":3041},"; }\n",[3024,3448,3449,3451,3454,3457,3459,3461,3463,3465],{"class":3026,"line":3134},[3024,3450,3417],{"class":3030},[3024,3452,3453],{"class":3378}," ICollectionView",[3024,3455,3456],{"class":3057}," PeopleView",[3024,3458,3434],{"class":3041},[3024,3460,3437],{"class":3030},[3024,3462,3440],{"class":3041},[3024,3464,3443],{"class":3030},[3024,3466,3446],{"class":3041},[3024,3468,3469],{"class":3026,"line":3140},[3024,3470,3168],{"class":3041},[3024,3472,3473,3475,3478],{"class":3026,"line":3159},[3024,3474,3417],{"class":3030},[3024,3476,3477],{"class":3037}," ContactsViewModel",[3024,3479,3042],{"class":3041},[3024,3481,3482],{"class":3026,"line":3165},[3024,3483,3137],{"class":3041},[3024,3485,3486,3488,3490,3493,3495,3497,3499],{"class":3026,"line":3171},[3024,3487,3143],{"class":3057},[3024,3489,3061],{"class":3041},[3024,3491,3492],{"class":3030},"new",[3024,3494,3420],{"class":3378},[3024,3496,3423],{"class":3041},[3024,3498,3426],{"class":3378},[3024,3500,3501],{"class":3041},">\n",[3024,3503,3504],{"class":3026,"line":3178},[3024,3505,3506],{"class":3041},"        {\n",[3024,3508,3509,3512,3515,3517,3520,3522,3526,3529,3531,3533,3536,3538,3541,3543,3547],{"class":3026,"line":3341},[3024,3510,3511],{"class":3030},"            new",[3024,3513,3514],{"class":3378}," Person",[3024,3516,3434],{"class":3041},[3024,3518,3519],{"class":3057},"FirstName",[3024,3521,3061],{"class":3041},[3024,3523,3525],{"class":3524},"sbdoH","\"Іван\"",[3024,3527,3528],{"class":3041},", ",[3024,3530,3085],{"class":3057},[3024,3532,3061],{"class":3041},[3024,3534,3535],{"class":3524},"\"Петренко\"",[3024,3537,3528],{"class":3041},[3024,3539,3540],{"class":3057},"Age",[3024,3542,3061],{"class":3041},[3024,3544,3546],{"class":3545},"sJj4R","25",[3024,3548,3549],{"class":3041}," },\n",[3024,3551,3552,3554,3556,3558,3560,3562,3565,3567,3569,3571,3574,3576,3578,3580,3583],{"class":3026,"line":3347},[3024,3553,3511],{"class":3030},[3024,3555,3514],{"class":3378},[3024,3557,3434],{"class":3041},[3024,3559,3519],{"class":3057},[3024,3561,3061],{"class":3041},[3024,3563,3564],{"class":3524},"\"Марія\"",[3024,3566,3528],{"class":3041},[3024,3568,3085],{"class":3057},[3024,3570,3061],{"class":3041},[3024,3572,3573],{"class":3524},"\"Коваленко\"",[3024,3575,3528],{"class":3041},[3024,3577,3540],{"class":3057},[3024,3579,3061],{"class":3041},[3024,3581,3582],{"class":3545},"30",[3024,3584,3549],{"class":3041},[3024,3586,3588,3590,3592,3594,3596,3598,3601,3603,3605,3607,3610,3612,3614,3616,3619],{"class":3026,"line":3587},14,[3024,3589,3511],{"class":3030},[3024,3591,3514],{"class":3378},[3024,3593,3434],{"class":3041},[3024,3595,3519],{"class":3057},[3024,3597,3061],{"class":3041},[3024,3599,3600],{"class":3524},"\"Олександр\"",[3024,3602,3528],{"class":3041},[3024,3604,3085],{"class":3057},[3024,3606,3061],{"class":3041},[3024,3608,3609],{"class":3524},"\"Шевченко\"",[3024,3611,3528],{"class":3041},[3024,3613,3540],{"class":3057},[3024,3615,3061],{"class":3041},[3024,3617,3618],{"class":3545},"22",[3024,3620,3621],{"class":3041}," }\n",[3024,3623,3625],{"class":3026,"line":3624},15,[3024,3626,3627],{"class":3041},"        };\n",[3024,3629,3631],{"class":3026,"line":3630},16,[3024,3632,3633],{"class":3041},"        \n",[3024,3635,3637],{"class":3026,"line":3636},17,[3024,3638,3639],{"class":3174},"        // Отримуємо вигляд на колекцію\n",[3024,3641,3643,3646,3648,3651,3653,3656,3658,3660],{"class":3026,"line":3642},18,[3024,3644,3645],{"class":3057},"        PeopleView",[3024,3647,3061],{"class":3041},[3024,3649,3650],{"class":3057},"CollectionViewSource",[3024,3652,3067],{"class":3041},[3024,3654,3655],{"class":3037},"GetDefaultView",[3024,3657,3073],{"class":3041},[3024,3659,3064],{"class":3057},[3024,3661,3156],{"class":3041},[3024,3663,3665],{"class":3026,"line":3664},19,[3024,3666,3162],{"class":3041},[3024,3668,3670],{"class":3026,"line":3669},20,[3024,3671,3181],{"class":3041},[2965,3673,3674],{},[2986,3675,3676],{},"XAML:",[3015,3678,3682],{"className":3679,"code":3680,"language":3681,"meta":3020,"style":3020},"language-xml shiki shiki-themes light-plus dark-plus dark-plus","\u003C!-- Прив'язка до ICollectionView замість ObservableCollection -->\n\u003CListBox ItemsSource=\"{Binding PeopleView}\"/>\n","xml",[2975,3683,3684,3689],{"__ignoreMap":3020},[3024,3685,3686],{"class":3026,"line":3027},[3024,3687,3688],{"class":3174},"\u003C!-- Прив'язка до ICollectionView замість ObservableCollection -->\n",[3024,3690,3691,3694,3698,3702,3705,3709],{"class":3026,"line":3045},[3024,3692,3423],{"class":3693},"s0P7L",[3024,3695,3697],{"class":3696},"sKtos","ListBox",[3024,3699,3701],{"class":3700},"sa4r_"," ItemsSource",[3024,3703,3704],{"class":3041},"=",[3024,3706,3708],{"class":3707},"su9tN","\"{Binding PeopleView}\"",[3024,3710,3711],{"class":3693},"/>\n",[2965,3713,3714],{},[2986,3715,3716],{},"Спосіб 2: CollectionViewSource у XAML (декларативний)",[3015,3718,3720],{"className":3679,"code":3719,"language":3681,"meta":3020,"style":3020},"\u003CWindow.Resources>\n    \u003CCollectionViewSource x:Key=\"peopleViewSource\" \n                          Source=\"{Binding People}\">\n        \u003C!-- Сортування, фільтрація, групування тут -->\n    \u003C/CollectionViewSource>\n\u003C/Window.Resources>\n\n\u003CListBox ItemsSource=\"{Binding Source={StaticResource peopleViewSource}}\"/>\n",[2975,3721,3722,3731,3749,3761,3766,3775,3784,3788],{"__ignoreMap":3020},[3024,3723,3724,3726,3729],{"class":3026,"line":3027},[3024,3725,3423],{"class":3693},[3024,3727,3728],{"class":3696},"Window.Resources",[3024,3730,3501],{"class":3693},[3024,3732,3733,3736,3738,3741,3743,3746],{"class":3026,"line":3045},[3024,3734,3735],{"class":3693},"    \u003C",[3024,3737,3650],{"class":3696},[3024,3739,3740],{"class":3700}," x:Key",[3024,3742,3704],{"class":3041},[3024,3744,3745],{"class":3707},"\"peopleViewSource\"",[3024,3747,3748],{"class":3041}," \n",[3024,3750,3751,3754,3756,3759],{"class":3026,"line":3051},[3024,3752,3753],{"class":3700},"                          Source",[3024,3755,3704],{"class":3041},[3024,3757,3758],{"class":3707},"\"{Binding People}\"",[3024,3760,3501],{"class":3693},[3024,3762,3763],{"class":3026,"line":3097},[3024,3764,3765],{"class":3174},"        \u003C!-- Сортування, фільтрація, групування тут -->\n",[3024,3767,3768,3771,3773],{"class":3026,"line":3110},[3024,3769,3770],{"class":3693},"    \u003C/",[3024,3772,3650],{"class":3696},[3024,3774,3501],{"class":3693},[3024,3776,3777,3780,3782],{"class":3026,"line":3134},[3024,3778,3779],{"class":3693},"\u003C/",[3024,3781,3728],{"class":3696},[3024,3783,3501],{"class":3693},[3024,3785,3786],{"class":3026,"line":3140},[3024,3787,3398],{"emptyLinePlaceholder":3397},[3024,3789,3790,3792,3794,3796,3798,3801],{"class":3026,"line":3159},[3024,3791,3423],{"class":3693},[3024,3793,3697],{"class":3696},[3024,3795,3701],{"class":3700},[3024,3797,3704],{"class":3041},[3024,3799,3800],{"class":3707},"\"{Binding Source={StaticResource peopleViewSource}}\"",[3024,3802,3711],{"class":3693},[3239,3804,3806],{"id":3805},"властивості-icollectionview","Властивості ICollectionView",[3808,3809,3810,3826],"table",{},[3811,3812,3813],"thead",{},[3814,3815,3816,3820,3823],"tr",{},[3817,3818,3819],"th",{},"Властивість",[3817,3821,3822],{},"Опис",[3817,3824,3825],{},"Тип",[3827,3828,3829,3845,3860,3875,3890,3905],"tbody",{},[3814,3830,3831,3837,3840],{},[3832,3833,3834],"td",{},[2975,3835,3836],{},"SortDescriptions",[3832,3838,3839],{},"Колекція правил сортування",[3832,3841,3842],{},[2975,3843,3844],{},"SortDescriptionCollection",[3814,3846,3847,3852,3855],{},[3832,3848,3849],{},[2975,3850,3851],{},"Filter",[3832,3853,3854],{},"Predicate для фільтрації",[3832,3856,3857],{},[2975,3858,3859],{},"Predicate\u003Cobject>",[3814,3861,3862,3867,3870],{},[3832,3863,3864],{},[2975,3865,3866],{},"GroupDescriptions",[3832,3868,3869],{},"Колекція правил групування",[3832,3871,3872],{},[2975,3873,3874],{},"ObservableCollection\u003CGroupDescription>",[3814,3876,3877,3882,3885],{},[3832,3878,3879],{},[2975,3880,3881],{},"CurrentItem",[3832,3883,3884],{},"Поточний (вибраний) елемент",[3832,3886,3887],{},[2975,3888,3889],{},"object",[3814,3891,3892,3897,3900],{},[3832,3893,3894],{},[2975,3895,3896],{},"CurrentPosition",[3832,3898,3899],{},"Індекс поточного елемента",[3832,3901,3902],{},[2975,3903,3904],{},"int",[3814,3906,3907,3912,3915],{},[3832,3908,3909],{},[2975,3910,3911],{},"IsEmpty",[3832,3913,3914],{},"Чи порожній вигляд (після фільтрації)",[3832,3916,3917],{},[2975,3918,3919],{},"bool",[3227,3921],{},[2960,3923,3925],{"id":3924},"sortdescription-сортування-колекції","SortDescription: Сортування колекції",[2965,3927,3928,3931],{},[2975,3929,3930],{},"SortDescription"," визначає правило сортування за властивістю.",[3239,3933,3935],{"id":3934},"базове-сортування","Базове сортування",[2965,3937,3938],{},[2986,3939,3940],{},"ViewModel:",[3015,3942,3944],{"className":3017,"code":3943,"language":3019,"meta":3020,"style":3020},"public class ContactsViewModel\n{\n    public ObservableCollection\u003CPerson> People { get; set; }\n    public ICollectionView PeopleView { get; set; }\n    \n    public ContactsViewModel()\n    {\n        People = new ObservableCollection\u003CPerson>\n        {\n            new Person { FirstName = \"Іван\", LastName = \"Петренко\", Age = 25 },\n            new Person { FirstName = \"Марія\", LastName = \"Коваленко\", Age = 30 },\n            new Person { FirstName = \"Олександр\", LastName = \"Шевченко\", Age = 22 }\n        };\n        \n        PeopleView = CollectionViewSource.GetDefaultView(People);\n        \n        // Сортування за прізвищем (за зростанням)\n        PeopleView.SortDescriptions.Add(\n            new SortDescription(\"LastName\", ListSortDirection.Ascending)\n        );\n    }\n}\n",[2975,3945,3946,3954,3958,3982,4000,4004,4012,4016,4032,4036,4068,4100,4132,4136,4140,4158,4162,4167,4182,4206,4211,4216],{"__ignoreMap":3020},[3024,3947,3948,3950,3952],{"class":3026,"line":3027},[3024,3949,3031],{"class":3030},[3024,3951,3405],{"class":3030},[3024,3953,3408],{"class":3378},[3024,3955,3956],{"class":3026,"line":3045},[3024,3957,3048],{"class":3041},[3024,3959,3960,3962,3964,3966,3968,3970,3972,3974,3976,3978,3980],{"class":3026,"line":3051},[3024,3961,3417],{"class":3030},[3024,3963,3420],{"class":3378},[3024,3965,3423],{"class":3041},[3024,3967,3426],{"class":3378},[3024,3969,3429],{"class":3041},[3024,3971,3064],{"class":3057},[3024,3973,3434],{"class":3041},[3024,3975,3437],{"class":3030},[3024,3977,3440],{"class":3041},[3024,3979,3443],{"class":3030},[3024,3981,3446],{"class":3041},[3024,3983,3984,3986,3988,3990,3992,3994,3996,3998],{"class":3026,"line":3097},[3024,3985,3417],{"class":3030},[3024,3987,3453],{"class":3378},[3024,3989,3456],{"class":3057},[3024,3991,3434],{"class":3041},[3024,3993,3437],{"class":3030},[3024,3995,3440],{"class":3041},[3024,3997,3443],{"class":3030},[3024,3999,3446],{"class":3041},[3024,4001,4002],{"class":3026,"line":3110},[3024,4003,3168],{"class":3041},[3024,4005,4006,4008,4010],{"class":3026,"line":3134},[3024,4007,3417],{"class":3030},[3024,4009,3477],{"class":3037},[3024,4011,3042],{"class":3041},[3024,4013,4014],{"class":3026,"line":3140},[3024,4015,3137],{"class":3041},[3024,4017,4018,4020,4022,4024,4026,4028,4030],{"class":3026,"line":3159},[3024,4019,3143],{"class":3057},[3024,4021,3061],{"class":3041},[3024,4023,3492],{"class":3030},[3024,4025,3420],{"class":3378},[3024,4027,3423],{"class":3041},[3024,4029,3426],{"class":3378},[3024,4031,3501],{"class":3041},[3024,4033,4034],{"class":3026,"line":3165},[3024,4035,3506],{"class":3041},[3024,4037,4038,4040,4042,4044,4046,4048,4050,4052,4054,4056,4058,4060,4062,4064,4066],{"class":3026,"line":3171},[3024,4039,3511],{"class":3030},[3024,4041,3514],{"class":3378},[3024,4043,3434],{"class":3041},[3024,4045,3519],{"class":3057},[3024,4047,3061],{"class":3041},[3024,4049,3525],{"class":3524},[3024,4051,3528],{"class":3041},[3024,4053,3085],{"class":3057},[3024,4055,3061],{"class":3041},[3024,4057,3535],{"class":3524},[3024,4059,3528],{"class":3041},[3024,4061,3540],{"class":3057},[3024,4063,3061],{"class":3041},[3024,4065,3546],{"class":3545},[3024,4067,3549],{"class":3041},[3024,4069,4070,4072,4074,4076,4078,4080,4082,4084,4086,4088,4090,4092,4094,4096,4098],{"class":3026,"line":3178},[3024,4071,3511],{"class":3030},[3024,4073,3514],{"class":3378},[3024,4075,3434],{"class":3041},[3024,4077,3519],{"class":3057},[3024,4079,3061],{"class":3041},[3024,4081,3564],{"class":3524},[3024,4083,3528],{"class":3041},[3024,4085,3085],{"class":3057},[3024,4087,3061],{"class":3041},[3024,4089,3573],{"class":3524},[3024,4091,3528],{"class":3041},[3024,4093,3540],{"class":3057},[3024,4095,3061],{"class":3041},[3024,4097,3582],{"class":3545},[3024,4099,3549],{"class":3041},[3024,4101,4102,4104,4106,4108,4110,4112,4114,4116,4118,4120,4122,4124,4126,4128,4130],{"class":3026,"line":3341},[3024,4103,3511],{"class":3030},[3024,4105,3514],{"class":3378},[3024,4107,3434],{"class":3041},[3024,4109,3519],{"class":3057},[3024,4111,3061],{"class":3041},[3024,4113,3600],{"class":3524},[3024,4115,3528],{"class":3041},[3024,4117,3085],{"class":3057},[3024,4119,3061],{"class":3041},[3024,4121,3609],{"class":3524},[3024,4123,3528],{"class":3041},[3024,4125,3540],{"class":3057},[3024,4127,3061],{"class":3041},[3024,4129,3618],{"class":3545},[3024,4131,3621],{"class":3041},[3024,4133,4134],{"class":3026,"line":3347},[3024,4135,3627],{"class":3041},[3024,4137,4138],{"class":3026,"line":3587},[3024,4139,3633],{"class":3041},[3024,4141,4142,4144,4146,4148,4150,4152,4154,4156],{"class":3026,"line":3624},[3024,4143,3645],{"class":3057},[3024,4145,3061],{"class":3041},[3024,4147,3650],{"class":3057},[3024,4149,3067],{"class":3041},[3024,4151,3655],{"class":3037},[3024,4153,3073],{"class":3041},[3024,4155,3064],{"class":3057},[3024,4157,3156],{"class":3041},[3024,4159,4160],{"class":3026,"line":3630},[3024,4161,3633],{"class":3041},[3024,4163,4164],{"class":3026,"line":3636},[3024,4165,4166],{"class":3174},"        // Сортування за прізвищем (за зростанням)\n",[3024,4168,4169,4171,4173,4175,4177,4179],{"class":3026,"line":3642},[3024,4170,3645],{"class":3057},[3024,4172,3067],{"class":3041},[3024,4174,3836],{"class":3057},[3024,4176,3067],{"class":3041},[3024,4178,3148],{"class":3037},[3024,4180,4181],{"class":3041},"(\n",[3024,4183,4184,4186,4189,4191,4194,4196,4199,4201,4204],{"class":3026,"line":3664},[3024,4185,3511],{"class":3030},[3024,4187,4188],{"class":3378}," SortDescription",[3024,4190,3073],{"class":3041},[3024,4192,4193],{"class":3524},"\"LastName\"",[3024,4195,3528],{"class":3041},[3024,4197,4198],{"class":3057},"ListSortDirection",[3024,4200,3067],{"class":3041},[3024,4202,4203],{"class":3057},"Ascending",[3024,4205,3131],{"class":3041},[3024,4207,4208],{"class":3026,"line":3669},[3024,4209,4210],{"class":3041},"        );\n",[3024,4212,4214],{"class":3026,"line":4213},21,[3024,4215,3162],{"class":3041},[3024,4217,4219],{"class":3026,"line":4218},22,[3024,4220,3181],{"class":3041},[2965,4222,4223,4226],{},[2986,4224,4225],{},"Результат:"," Список відображається у порядку: Коваленко, Петренко, Шевченко.",[4228,4229,4231],"wpf-preview",{"title":4230},"Сортування за прізвищем",[3015,4232,4234],{"className":3679,"code":4233,"language":3681,"meta":3020,"style":3020},"\u003CListBox Margin=\"20\">\n  \u003CListBoxItem Content=\"Марія Коваленко\"/>\n  \u003CListBoxItem Content=\"Іван Петренко\"/>\n  \u003CListBoxItem Content=\"Олександр Шевченко\"/>\n  \u003CTextBlock Text=\"(Відсортовано за прізвищем)\" \n             FontSize=\"10\" \n             Foreground=\"Gray\"\n             Margin=\"10,5,0,0\"/>\n\u003C/ListBox>\n",[2975,4235,4236,4252,4270,4285,4300,4317,4329,4339,4351],{"__ignoreMap":3020},[3024,4237,4238,4240,4242,4245,4247,4250],{"class":3026,"line":3027},[3024,4239,3423],{"class":3693},[3024,4241,3697],{"class":3696},[3024,4243,4244],{"class":3700}," Margin",[3024,4246,3704],{"class":3041},[3024,4248,4249],{"class":3707},"\"20\"",[3024,4251,3501],{"class":3693},[3024,4253,4254,4257,4260,4263,4265,4268],{"class":3026,"line":3045},[3024,4255,4256],{"class":3693},"  \u003C",[3024,4258,4259],{"class":3696},"ListBoxItem",[3024,4261,4262],{"class":3700}," Content",[3024,4264,3704],{"class":3041},[3024,4266,4267],{"class":3707},"\"Марія Коваленко\"",[3024,4269,3711],{"class":3693},[3024,4271,4272,4274,4276,4278,4280,4283],{"class":3026,"line":3051},[3024,4273,4256],{"class":3693},[3024,4275,4259],{"class":3696},[3024,4277,4262],{"class":3700},[3024,4279,3704],{"class":3041},[3024,4281,4282],{"class":3707},"\"Іван Петренко\"",[3024,4284,3711],{"class":3693},[3024,4286,4287,4289,4291,4293,4295,4298],{"class":3026,"line":3097},[3024,4288,4256],{"class":3693},[3024,4290,4259],{"class":3696},[3024,4292,4262],{"class":3700},[3024,4294,3704],{"class":3041},[3024,4296,4297],{"class":3707},"\"Олександр Шевченко\"",[3024,4299,3711],{"class":3693},[3024,4301,4302,4304,4307,4310,4312,4315],{"class":3026,"line":3110},[3024,4303,4256],{"class":3693},[3024,4305,4306],{"class":3696},"TextBlock",[3024,4308,4309],{"class":3700}," Text",[3024,4311,3704],{"class":3041},[3024,4313,4314],{"class":3707},"\"(Відсортовано за прізвищем)\"",[3024,4316,3748],{"class":3041},[3024,4318,4319,4322,4324,4327],{"class":3026,"line":3134},[3024,4320,4321],{"class":3700},"             FontSize",[3024,4323,3704],{"class":3041},[3024,4325,4326],{"class":3707},"\"10\"",[3024,4328,3748],{"class":3041},[3024,4330,4331,4334,4336],{"class":3026,"line":3140},[3024,4332,4333],{"class":3700},"             Foreground",[3024,4335,3704],{"class":3041},[3024,4337,4338],{"class":3707},"\"Gray\"\n",[3024,4340,4341,4344,4346,4349],{"class":3026,"line":3159},[3024,4342,4343],{"class":3700},"             Margin",[3024,4345,3704],{"class":3041},[3024,4347,4348],{"class":3707},"\"10,5,0,0\"",[3024,4350,3711],{"class":3693},[3024,4352,4353,4355,4357],{"class":3026,"line":3165},[3024,4354,3779],{"class":3693},[3024,4356,3697],{"class":3696},[3024,4358,3501],{"class":3693},[3239,4360,4362],{"id":4361},"множинне-сортування","Множинне сортування",[2965,4364,4365],{},"Можна додати кілька правил сортування — спочатку за одним полем, потім за іншим:",[3015,4367,4369],{"className":3017,"code":4368,"language":3019,"meta":3020,"style":3020},"// Спочатку за містом, потім за прізвищем\nPeopleView.SortDescriptions.Add(\n    new SortDescription(\"City\", ListSortDirection.Ascending)\n);\nPeopleView.SortDescriptions.Add(\n    new SortDescription(\"LastName\", ListSortDirection.Ascending)\n);\n",[2975,4370,4371,4376,4391,4413,4417,4431,4451],{"__ignoreMap":3020},[3024,4372,4373],{"class":3026,"line":3027},[3024,4374,4375],{"class":3174},"// Спочатку за містом, потім за прізвищем\n",[3024,4377,4378,4381,4383,4385,4387,4389],{"class":3026,"line":3045},[3024,4379,4380],{"class":3057},"PeopleView",[3024,4382,3067],{"class":3041},[3024,4384,3836],{"class":3057},[3024,4386,3067],{"class":3041},[3024,4388,3148],{"class":3037},[3024,4390,4181],{"class":3041},[3024,4392,4393,4396,4398,4400,4403,4405,4407,4409,4411],{"class":3026,"line":3051},[3024,4394,4395],{"class":3030},"    new",[3024,4397,4188],{"class":3378},[3024,4399,3073],{"class":3041},[3024,4401,4402],{"class":3524},"\"City\"",[3024,4404,3528],{"class":3041},[3024,4406,4198],{"class":3057},[3024,4408,3067],{"class":3041},[3024,4410,4203],{"class":3057},[3024,4412,3131],{"class":3041},[3024,4414,4415],{"class":3026,"line":3097},[3024,4416,3156],{"class":3041},[3024,4418,4419,4421,4423,4425,4427,4429],{"class":3026,"line":3110},[3024,4420,4380],{"class":3057},[3024,4422,3067],{"class":3041},[3024,4424,3836],{"class":3057},[3024,4426,3067],{"class":3041},[3024,4428,3148],{"class":3037},[3024,4430,4181],{"class":3041},[3024,4432,4433,4435,4437,4439,4441,4443,4445,4447,4449],{"class":3026,"line":3134},[3024,4434,4395],{"class":3030},[3024,4436,4188],{"class":3378},[3024,4438,3073],{"class":3041},[3024,4440,4193],{"class":3524},[3024,4442,3528],{"class":3041},[3024,4444,4198],{"class":3057},[3024,4446,3067],{"class":3041},[3024,4448,4203],{"class":3057},[3024,4450,3131],{"class":3041},[3024,4452,4453],{"class":3026,"line":3140},[3024,4454,3156],{"class":3041},[2965,4456,4457,4459],{},[2986,4458,4225],{}," Спочатку групуються за містом (Київ, Львів, Одеса), всередині кожної групи — за прізвищем.",[3239,4461,4463],{"id":4462},"динамічна-зміна-сортування","Динамічна зміна сортування",[3015,4465,4467],{"className":3017,"code":4466,"language":3019,"meta":3020,"style":3020},"public void SortByName()\n{\n    PeopleView.SortDescriptions.Clear();\n    PeopleView.SortDescriptions.Add(\n        new SortDescription(\"LastName\", ListSortDirection.Ascending)\n    );\n}\n\npublic void SortByAge()\n{\n    PeopleView.SortDescriptions.Clear();\n    PeopleView.SortDescriptions.Add(\n        new SortDescription(\"Age\", ListSortDirection.Descending)\n    );\n}\n",[2975,4468,4469,4479,4483,4498,4512,4533,4538,4542,4546,4557,4561,4575,4589,4611,4615],{"__ignoreMap":3020},[3024,4470,4471,4473,4475,4477],{"class":3026,"line":3027},[3024,4472,3031],{"class":3030},[3024,4474,3034],{"class":3030},[3024,4476,3038],{"class":3037},[3024,4478,3042],{"class":3041},[3024,4480,4481],{"class":3026,"line":3045},[3024,4482,3048],{"class":3041},[3024,4484,4485,4488,4490,4492,4494,4496],{"class":3026,"line":3051},[3024,4486,4487],{"class":3057},"    PeopleView",[3024,4489,3067],{"class":3041},[3024,4491,3836],{"class":3057},[3024,4493,3067],{"class":3041},[3024,4495,3105],{"class":3037},[3024,4497,3094],{"class":3041},[3024,4499,4500,4502,4504,4506,4508,4510],{"class":3026,"line":3097},[3024,4501,4487],{"class":3057},[3024,4503,3067],{"class":3041},[3024,4505,3836],{"class":3057},[3024,4507,3067],{"class":3041},[3024,4509,3148],{"class":3037},[3024,4511,4181],{"class":3041},[3024,4513,4514,4517,4519,4521,4523,4525,4527,4529,4531],{"class":3026,"line":3110},[3024,4515,4516],{"class":3030},"        new",[3024,4518,4188],{"class":3378},[3024,4520,3073],{"class":3041},[3024,4522,4193],{"class":3524},[3024,4524,3528],{"class":3041},[3024,4526,4198],{"class":3057},[3024,4528,3067],{"class":3041},[3024,4530,4203],{"class":3057},[3024,4532,3131],{"class":3041},[3024,4534,4535],{"class":3026,"line":3134},[3024,4536,4537],{"class":3041},"    );\n",[3024,4539,4540],{"class":3026,"line":3140},[3024,4541,3181],{"class":3041},[3024,4543,4544],{"class":3026,"line":3159},[3024,4545,3398],{"emptyLinePlaceholder":3397},[3024,4547,4548,4550,4552,4555],{"class":3026,"line":3165},[3024,4549,3031],{"class":3030},[3024,4551,3034],{"class":3030},[3024,4553,4554],{"class":3037}," SortByAge",[3024,4556,3042],{"class":3041},[3024,4558,4559],{"class":3026,"line":3171},[3024,4560,3048],{"class":3041},[3024,4562,4563,4565,4567,4569,4571,4573],{"class":3026,"line":3178},[3024,4564,4487],{"class":3057},[3024,4566,3067],{"class":3041},[3024,4568,3836],{"class":3057},[3024,4570,3067],{"class":3041},[3024,4572,3105],{"class":3037},[3024,4574,3094],{"class":3041},[3024,4576,4577,4579,4581,4583,4585,4587],{"class":3026,"line":3341},[3024,4578,4487],{"class":3057},[3024,4580,3067],{"class":3041},[3024,4582,3836],{"class":3057},[3024,4584,3067],{"class":3041},[3024,4586,3148],{"class":3037},[3024,4588,4181],{"class":3041},[3024,4590,4591,4593,4595,4597,4600,4602,4604,4606,4609],{"class":3026,"line":3347},[3024,4592,4516],{"class":3030},[3024,4594,4188],{"class":3378},[3024,4596,3073],{"class":3041},[3024,4598,4599],{"class":3524},"\"Age\"",[3024,4601,3528],{"class":3041},[3024,4603,4198],{"class":3057},[3024,4605,3067],{"class":3041},[3024,4607,4608],{"class":3057},"Descending",[3024,4610,3131],{"class":3041},[3024,4612,4613],{"class":3026,"line":3587},[3024,4614,4537],{"class":3041},[3024,4616,4617],{"class":3026,"line":3624},[3024,4618,3181],{"class":3041},[2965,4620,4621],{},[2986,4622,4623],{},"XAML з кнопками:",[3015,4625,4627],{"className":3679,"code":4626,"language":3681,"meta":3020,"style":3020},"\u003CStackPanel Margin=\"20\">\n    \u003CStackPanel Orientation=\"Horizontal\" Margin=\"0,0,0,10\">\n        \u003CButton Content=\"За прізвищем\" Click=\"SortByName_Click\" Margin=\"0,0,5,0\"/>\n        \u003CButton Content=\"За віком\" Click=\"SortByAge_Click\"/>\n    \u003C/StackPanel>\n    \n    \u003CListBox ItemsSource=\"{Binding PeopleView}\" Height=\"200\"/>\n\u003C/StackPanel>\n",[2975,4628,4629,4644,4667,4699,4721,4729,4733,4755],{"__ignoreMap":3020},[3024,4630,4631,4633,4636,4638,4640,4642],{"class":3026,"line":3027},[3024,4632,3423],{"class":3693},[3024,4634,4635],{"class":3696},"StackPanel",[3024,4637,4244],{"class":3700},[3024,4639,3704],{"class":3041},[3024,4641,4249],{"class":3707},[3024,4643,3501],{"class":3693},[3024,4645,4646,4648,4650,4653,4655,4658,4660,4662,4665],{"class":3026,"line":3045},[3024,4647,3735],{"class":3693},[3024,4649,4635],{"class":3696},[3024,4651,4652],{"class":3700}," Orientation",[3024,4654,3704],{"class":3041},[3024,4656,4657],{"class":3707},"\"Horizontal\"",[3024,4659,4244],{"class":3700},[3024,4661,3704],{"class":3041},[3024,4663,4664],{"class":3707},"\"0,0,0,10\"",[3024,4666,3501],{"class":3693},[3024,4668,4669,4672,4675,4677,4679,4682,4685,4687,4690,4692,4694,4697],{"class":3026,"line":3051},[3024,4670,4671],{"class":3693},"        \u003C",[3024,4673,4674],{"class":3696},"Button",[3024,4676,4262],{"class":3700},[3024,4678,3704],{"class":3041},[3024,4680,4681],{"class":3707},"\"За прізвищем\"",[3024,4683,4684],{"class":3700}," Click",[3024,4686,3704],{"class":3041},[3024,4688,4689],{"class":3707},"\"SortByName_Click\"",[3024,4691,4244],{"class":3700},[3024,4693,3704],{"class":3041},[3024,4695,4696],{"class":3707},"\"0,0,5,0\"",[3024,4698,3711],{"class":3693},[3024,4700,4701,4703,4705,4707,4709,4712,4714,4716,4719],{"class":3026,"line":3097},[3024,4702,4671],{"class":3693},[3024,4704,4674],{"class":3696},[3024,4706,4262],{"class":3700},[3024,4708,3704],{"class":3041},[3024,4710,4711],{"class":3707},"\"За віком\"",[3024,4713,4684],{"class":3700},[3024,4715,3704],{"class":3041},[3024,4717,4718],{"class":3707},"\"SortByAge_Click\"",[3024,4720,3711],{"class":3693},[3024,4722,4723,4725,4727],{"class":3026,"line":3110},[3024,4724,3770],{"class":3693},[3024,4726,4635],{"class":3696},[3024,4728,3501],{"class":3693},[3024,4730,4731],{"class":3026,"line":3134},[3024,4732,3168],{"class":3041},[3024,4734,4735,4737,4739,4741,4743,4745,4748,4750,4753],{"class":3026,"line":3140},[3024,4736,3735],{"class":3693},[3024,4738,3697],{"class":3696},[3024,4740,3701],{"class":3700},[3024,4742,3704],{"class":3041},[3024,4744,3708],{"class":3707},[3024,4746,4747],{"class":3700}," Height",[3024,4749,3704],{"class":3041},[3024,4751,4752],{"class":3707},"\"200\"",[3024,4754,3711],{"class":3693},[3024,4756,4757,4759,4761],{"class":3026,"line":3159},[3024,4758,3779],{"class":3693},[3024,4760,4635],{"class":3696},[3024,4762,3501],{"class":3693},[3239,4764,4766],{"id":4765},"сортування-у-xaml-декларативне","Сортування у XAML (декларативне)",[3015,4768,4770],{"className":3679,"code":4769,"language":3681,"meta":3020,"style":3020},"\u003CWindow.Resources>\n    \u003CCollectionViewSource x:Key=\"peopleViewSource\" Source=\"{Binding People}\">\n        \u003CCollectionViewSource.SortDescriptions>\n            \u003CcomponentModel:SortDescription PropertyName=\"LastName\" Direction=\"Ascending\"/>\n            \u003CcomponentModel:SortDescription PropertyName=\"FirstName\" Direction=\"Ascending\"/>\n        \u003C/CollectionViewSource.SortDescriptions>\n    \u003C/CollectionViewSource>\n\u003C/Window.Resources>\n\n\u003CListBox ItemsSource=\"{Binding Source={StaticResource peopleViewSource}}\"/>\n",[2975,4771,4772,4780,4801,4810,4835,4856,4865,4873,4881,4885],{"__ignoreMap":3020},[3024,4773,4774,4776,4778],{"class":3026,"line":3027},[3024,4775,3423],{"class":3693},[3024,4777,3728],{"class":3696},[3024,4779,3501],{"class":3693},[3024,4781,4782,4784,4786,4788,4790,4792,4795,4797,4799],{"class":3026,"line":3045},[3024,4783,3735],{"class":3693},[3024,4785,3650],{"class":3696},[3024,4787,3740],{"class":3700},[3024,4789,3704],{"class":3041},[3024,4791,3745],{"class":3707},[3024,4793,4794],{"class":3700}," Source",[3024,4796,3704],{"class":3041},[3024,4798,3758],{"class":3707},[3024,4800,3501],{"class":3693},[3024,4802,4803,4805,4808],{"class":3026,"line":3051},[3024,4804,4671],{"class":3693},[3024,4806,4807],{"class":3696},"CollectionViewSource.SortDescriptions",[3024,4809,3501],{"class":3693},[3024,4811,4812,4815,4818,4821,4823,4825,4828,4830,4833],{"class":3026,"line":3097},[3024,4813,4814],{"class":3693},"            \u003C",[3024,4816,4817],{"class":3696},"componentModel:SortDescription",[3024,4819,4820],{"class":3700}," PropertyName",[3024,4822,3704],{"class":3041},[3024,4824,4193],{"class":3707},[3024,4826,4827],{"class":3700}," Direction",[3024,4829,3704],{"class":3041},[3024,4831,4832],{"class":3707},"\"Ascending\"",[3024,4834,3711],{"class":3693},[3024,4836,4837,4839,4841,4843,4845,4848,4850,4852,4854],{"class":3026,"line":3110},[3024,4838,4814],{"class":3693},[3024,4840,4817],{"class":3696},[3024,4842,4820],{"class":3700},[3024,4844,3704],{"class":3041},[3024,4846,4847],{"class":3707},"\"FirstName\"",[3024,4849,4827],{"class":3700},[3024,4851,3704],{"class":3041},[3024,4853,4832],{"class":3707},[3024,4855,3711],{"class":3693},[3024,4857,4858,4861,4863],{"class":3026,"line":3134},[3024,4859,4860],{"class":3693},"        \u003C/",[3024,4862,4807],{"class":3696},[3024,4864,3501],{"class":3693},[3024,4866,4867,4869,4871],{"class":3026,"line":3140},[3024,4868,3770],{"class":3693},[3024,4870,3650],{"class":3696},[3024,4872,3501],{"class":3693},[3024,4874,4875,4877,4879],{"class":3026,"line":3159},[3024,4876,3779],{"class":3693},[3024,4878,3728],{"class":3696},[3024,4880,3501],{"class":3693},[3024,4882,4883],{"class":3026,"line":3165},[3024,4884,3398],{"emptyLinePlaceholder":3397},[3024,4886,4887,4889,4891,4893,4895,4897],{"class":3026,"line":3171},[3024,4888,3423],{"class":3693},[3024,4890,3697],{"class":3696},[3024,4892,3701],{"class":3700},[3024,4894,3704],{"class":3041},[3024,4896,3800],{"class":3707},[3024,4898,3711],{"class":3693},[2965,4900,4901],{},[2986,4902,4903],{},"Namespace для SortDescription у XAML:",[3015,4905,4907],{"className":3679,"code":4906,"language":3681,"meta":3020,"style":3020},"xmlns:componentModel=\"clr-namespace:System.ComponentModel;assembly=WindowsBase\"\n",[2975,4908,4909],{"__ignoreMap":3020},[3024,4910,4911],{"class":3026,"line":3027},[3024,4912,4906],{"class":3041},[3227,4914],{},[2960,4916,4918],{"id":4917},"filter-фільтрація-колекції","Filter: Фільтрація колекції",[2965,4920,4921,4923,4924,4926],{},[2975,4922,3851],{}," — це ",[2975,4925,3859],{},", що визначає, які елементи показувати.",[3239,4928,4930],{"id":4929},"базова-фільтрація","Базова фільтрація",[2965,4932,4933],{},[2986,4934,3940],{},[3015,4936,4938],{"className":3017,"code":4937,"language":3019,"meta":3020,"style":3020},"public class ContactsViewModel\n{\n    public ObservableCollection\u003CPerson> People { get; set; }\n    public ICollectionView PeopleView { get; set; }\n    \n    public ContactsViewModel()\n    {\n        People = new ObservableCollection\u003CPerson>\n        {\n            new Person { FirstName = \"Іван\", LastName = \"Петренко\", Age = 17 },\n            new Person { FirstName = \"Марія\", LastName = \"Коваленко\", Age = 30 },\n            new Person { FirstName = \"Олександр\", LastName = \"Шевченко\", Age = 22 }\n        };\n        \n        PeopleView = CollectionViewSource.GetDefaultView(People);\n        \n        // Фільтр: показати тільки повнолітніх\n        PeopleView.Filter = item =>\n        {\n            if (item is Person person)\n            {\n                return person.Age >= 18;\n            }\n            return false;\n        };\n    }\n}\n",[2975,4939,4940,4948,4952,4976,4994,4998,5006,5010,5026,5030,5063,5095,5127,5131,5135,5153,5157,5162,5178,5182,5200,5205,5224,5230,5241,5246,5251],{"__ignoreMap":3020},[3024,4941,4942,4944,4946],{"class":3026,"line":3027},[3024,4943,3031],{"class":3030},[3024,4945,3405],{"class":3030},[3024,4947,3408],{"class":3378},[3024,4949,4950],{"class":3026,"line":3045},[3024,4951,3048],{"class":3041},[3024,4953,4954,4956,4958,4960,4962,4964,4966,4968,4970,4972,4974],{"class":3026,"line":3051},[3024,4955,3417],{"class":3030},[3024,4957,3420],{"class":3378},[3024,4959,3423],{"class":3041},[3024,4961,3426],{"class":3378},[3024,4963,3429],{"class":3041},[3024,4965,3064],{"class":3057},[3024,4967,3434],{"class":3041},[3024,4969,3437],{"class":3030},[3024,4971,3440],{"class":3041},[3024,4973,3443],{"class":3030},[3024,4975,3446],{"class":3041},[3024,4977,4978,4980,4982,4984,4986,4988,4990,4992],{"class":3026,"line":3097},[3024,4979,3417],{"class":3030},[3024,4981,3453],{"class":3378},[3024,4983,3456],{"class":3057},[3024,4985,3434],{"class":3041},[3024,4987,3437],{"class":3030},[3024,4989,3440],{"class":3041},[3024,4991,3443],{"class":3030},[3024,4993,3446],{"class":3041},[3024,4995,4996],{"class":3026,"line":3110},[3024,4997,3168],{"class":3041},[3024,4999,5000,5002,5004],{"class":3026,"line":3134},[3024,5001,3417],{"class":3030},[3024,5003,3477],{"class":3037},[3024,5005,3042],{"class":3041},[3024,5007,5008],{"class":3026,"line":3140},[3024,5009,3137],{"class":3041},[3024,5011,5012,5014,5016,5018,5020,5022,5024],{"class":3026,"line":3159},[3024,5013,3143],{"class":3057},[3024,5015,3061],{"class":3041},[3024,5017,3492],{"class":3030},[3024,5019,3420],{"class":3378},[3024,5021,3423],{"class":3041},[3024,5023,3426],{"class":3378},[3024,5025,3501],{"class":3041},[3024,5027,5028],{"class":3026,"line":3165},[3024,5029,3506],{"class":3041},[3024,5031,5032,5034,5036,5038,5040,5042,5044,5046,5048,5050,5052,5054,5056,5058,5061],{"class":3026,"line":3171},[3024,5033,3511],{"class":3030},[3024,5035,3514],{"class":3378},[3024,5037,3434],{"class":3041},[3024,5039,3519],{"class":3057},[3024,5041,3061],{"class":3041},[3024,5043,3525],{"class":3524},[3024,5045,3528],{"class":3041},[3024,5047,3085],{"class":3057},[3024,5049,3061],{"class":3041},[3024,5051,3535],{"class":3524},[3024,5053,3528],{"class":3041},[3024,5055,3540],{"class":3057},[3024,5057,3061],{"class":3041},[3024,5059,5060],{"class":3545},"17",[3024,5062,3549],{"class":3041},[3024,5064,5065,5067,5069,5071,5073,5075,5077,5079,5081,5083,5085,5087,5089,5091,5093],{"class":3026,"line":3178},[3024,5066,3511],{"class":3030},[3024,5068,3514],{"class":3378},[3024,5070,3434],{"class":3041},[3024,5072,3519],{"class":3057},[3024,5074,3061],{"class":3041},[3024,5076,3564],{"class":3524},[3024,5078,3528],{"class":3041},[3024,5080,3085],{"class":3057},[3024,5082,3061],{"class":3041},[3024,5084,3573],{"class":3524},[3024,5086,3528],{"class":3041},[3024,5088,3540],{"class":3057},[3024,5090,3061],{"class":3041},[3024,5092,3582],{"class":3545},[3024,5094,3549],{"class":3041},[3024,5096,5097,5099,5101,5103,5105,5107,5109,5111,5113,5115,5117,5119,5121,5123,5125],{"class":3026,"line":3341},[3024,5098,3511],{"class":3030},[3024,5100,3514],{"class":3378},[3024,5102,3434],{"class":3041},[3024,5104,3519],{"class":3057},[3024,5106,3061],{"class":3041},[3024,5108,3600],{"class":3524},[3024,5110,3528],{"class":3041},[3024,5112,3085],{"class":3057},[3024,5114,3061],{"class":3041},[3024,5116,3609],{"class":3524},[3024,5118,3528],{"class":3041},[3024,5120,3540],{"class":3057},[3024,5122,3061],{"class":3041},[3024,5124,3618],{"class":3545},[3024,5126,3621],{"class":3041},[3024,5128,5129],{"class":3026,"line":3347},[3024,5130,3627],{"class":3041},[3024,5132,5133],{"class":3026,"line":3587},[3024,5134,3633],{"class":3041},[3024,5136,5137,5139,5141,5143,5145,5147,5149,5151],{"class":3026,"line":3624},[3024,5138,3645],{"class":3057},[3024,5140,3061],{"class":3041},[3024,5142,3650],{"class":3057},[3024,5144,3067],{"class":3041},[3024,5146,3655],{"class":3037},[3024,5148,3073],{"class":3041},[3024,5150,3064],{"class":3057},[3024,5152,3156],{"class":3041},[3024,5154,5155],{"class":3026,"line":3630},[3024,5156,3633],{"class":3041},[3024,5158,5159],{"class":3026,"line":3636},[3024,5160,5161],{"class":3174},"        // Фільтр: показати тільки повнолітніх\n",[3024,5163,5164,5166,5168,5170,5172,5175],{"class":3026,"line":3642},[3024,5165,3645],{"class":3057},[3024,5167,3067],{"class":3041},[3024,5169,3851],{"class":3057},[3024,5171,3061],{"class":3041},[3024,5173,5174],{"class":3057},"item",[3024,5176,5177],{"class":3041}," =>\n",[3024,5179,5180],{"class":3026,"line":3664},[3024,5181,3506],{"class":3041},[3024,5183,5184,5187,5189,5191,5194,5196,5198],{"class":3026,"line":3669},[3024,5185,5186],{"class":3113},"            if",[3024,5188,3117],{"class":3041},[3024,5190,5174],{"class":3057},[3024,5192,5193],{"class":3030}," is",[3024,5195,3514],{"class":3378},[3024,5197,3123],{"class":3057},[3024,5199,3131],{"class":3041},[3024,5201,5202],{"class":3026,"line":4213},[3024,5203,5204],{"class":3041},"            {\n",[3024,5206,5207,5210,5212,5214,5216,5219,5222],{"class":3026,"line":4218},[3024,5208,5209],{"class":3113},"                return",[3024,5211,3123],{"class":3057},[3024,5213,3067],{"class":3041},[3024,5215,3540],{"class":3057},[3024,5217,5218],{"class":3041}," >= ",[3024,5220,5221],{"class":3545},"18",[3024,5223,3392],{"class":3041},[3024,5225,5227],{"class":3026,"line":5226},23,[3024,5228,5229],{"class":3041},"            }\n",[3024,5231,5233,5236,5239],{"class":3026,"line":5232},24,[3024,5234,5235],{"class":3113},"            return",[3024,5237,5238],{"class":3030}," false",[3024,5240,3392],{"class":3041},[3024,5242,5244],{"class":3026,"line":5243},25,[3024,5245,3627],{"class":3041},[3024,5247,5249],{"class":3026,"line":5248},26,[3024,5250,3162],{"class":3041},[3024,5252,5254],{"class":3026,"line":5253},27,[3024,5255,3181],{"class":3041},[2965,5257,5258,5260],{},[2986,5259,4225],{}," Список показує тільки Марію (30) та Олександра (22). Іван (17) прихований.",[4228,5262,5264],{"title":5263},"Фільтрація за віком",[3015,5265,5267],{"className":3679,"code":5266,"language":3681,"meta":3020,"style":3020},"\u003CStackPanel Margin=\"20\" Spacing=\"10\">\n  \u003CTextBlock Text=\"Тільки повнолітні (вік >= 18):\" FontWeight=\"Bold\"/>\n  \u003CListBox>\n    \u003CListBoxItem Content=\"Марія Коваленко (30)\"/>\n    \u003CListBoxItem Content=\"Олександр Шевченко (22)\"/>\n  \u003C/ListBox>\n  \u003CTextBlock Text=\"(Іван Петренко (17) прихований фільтром)\" \n             FontSize=\"10\" \n             Foreground=\"Gray\"/>\n\u003C/StackPanel>\n",[2975,5268,5269,5290,5313,5321,5336,5351,5360,5375,5385,5396],{"__ignoreMap":3020},[3024,5270,5271,5273,5275,5277,5279,5281,5284,5286,5288],{"class":3026,"line":3027},[3024,5272,3423],{"class":3693},[3024,5274,4635],{"class":3696},[3024,5276,4244],{"class":3700},[3024,5278,3704],{"class":3041},[3024,5280,4249],{"class":3707},[3024,5282,5283],{"class":3700}," Spacing",[3024,5285,3704],{"class":3041},[3024,5287,4326],{"class":3707},[3024,5289,3501],{"class":3693},[3024,5291,5292,5294,5296,5298,5300,5303,5306,5308,5311],{"class":3026,"line":3045},[3024,5293,4256],{"class":3693},[3024,5295,4306],{"class":3696},[3024,5297,4309],{"class":3700},[3024,5299,3704],{"class":3041},[3024,5301,5302],{"class":3707},"\"Тільки повнолітні (вік >= 18):\"",[3024,5304,5305],{"class":3700}," FontWeight",[3024,5307,3704],{"class":3041},[3024,5309,5310],{"class":3707},"\"Bold\"",[3024,5312,3711],{"class":3693},[3024,5314,5315,5317,5319],{"class":3026,"line":3051},[3024,5316,4256],{"class":3693},[3024,5318,3697],{"class":3696},[3024,5320,3501],{"class":3693},[3024,5322,5323,5325,5327,5329,5331,5334],{"class":3026,"line":3097},[3024,5324,3735],{"class":3693},[3024,5326,4259],{"class":3696},[3024,5328,4262],{"class":3700},[3024,5330,3704],{"class":3041},[3024,5332,5333],{"class":3707},"\"Марія Коваленко (30)\"",[3024,5335,3711],{"class":3693},[3024,5337,5338,5340,5342,5344,5346,5349],{"class":3026,"line":3110},[3024,5339,3735],{"class":3693},[3024,5341,4259],{"class":3696},[3024,5343,4262],{"class":3700},[3024,5345,3704],{"class":3041},[3024,5347,5348],{"class":3707},"\"Олександр Шевченко (22)\"",[3024,5350,3711],{"class":3693},[3024,5352,5353,5356,5358],{"class":3026,"line":3134},[3024,5354,5355],{"class":3693},"  \u003C/",[3024,5357,3697],{"class":3696},[3024,5359,3501],{"class":3693},[3024,5361,5362,5364,5366,5368,5370,5373],{"class":3026,"line":3140},[3024,5363,4256],{"class":3693},[3024,5365,4306],{"class":3696},[3024,5367,4309],{"class":3700},[3024,5369,3704],{"class":3041},[3024,5371,5372],{"class":3707},"\"(Іван Петренко (17) прихований фільтром)\"",[3024,5374,3748],{"class":3041},[3024,5376,5377,5379,5381,5383],{"class":3026,"line":3159},[3024,5378,4321],{"class":3700},[3024,5380,3704],{"class":3041},[3024,5382,4326],{"class":3707},[3024,5384,3748],{"class":3041},[3024,5386,5387,5389,5391,5394],{"class":3026,"line":3165},[3024,5388,4333],{"class":3700},[3024,5390,3704],{"class":3041},[3024,5392,5393],{"class":3707},"\"Gray\"",[3024,5395,3711],{"class":3693},[3024,5397,5398,5400,5402],{"class":3026,"line":3171},[3024,5399,3779],{"class":3693},[3024,5401,4635],{"class":3696},[3024,5403,3501],{"class":3693},[3239,5405,5407],{"id":5406},"динамічна-фільтрація-пошук","Динамічна фільтрація (пошук)",[2965,5409,5410],{},[2986,5411,5412],{},"ViewModel з пошуком:",[3015,5414,5416],{"className":3017,"code":5415,"language":3019,"meta":3020,"style":3020},"public class ContactsViewModel : INotifyPropertyChanged\n{\n    public ObservableCollection\u003CPerson> People { get; set; }\n    public ICollectionView PeopleView { get; set; }\n    \n    private string _searchQuery;\n    \n    public string SearchQuery\n    {\n        get => _searchQuery;\n        set\n        {\n            _searchQuery = value;\n            OnPropertyChanged();\n            ApplyFilter();\n        }\n    }\n    \n    public ContactsViewModel()\n    {\n        People = new ObservableCollection\u003CPerson>\n        {\n            new Person { FirstName = \"Іван\", LastName = \"Петренко\" },\n            new Person { FirstName = \"Марія\", LastName = \"Коваленко\" },\n            new Person { FirstName = \"Олександр\", LastName = \"Шевченко\" }\n        };\n        \n        PeopleView = CollectionViewSource.GetDefaultView(People);\n    }\n    \n    private void ApplyFilter()\n    {\n        if (string.IsNullOrWhiteSpace(SearchQuery))\n        {\n            // Немає пошукового запиту — показати всіх\n            PeopleView.Filter = null;\n        }\n        else\n        {\n            // Фільтр: ім'я або прізвище містить запит\n            PeopleView.Filter = item =>\n            {\n                if (item is Person person)\n                {\n                    return person.FirstName.Contains(SearchQuery, StringComparison.OrdinalIgnoreCase) ||\n                           person.LastName.Contains(SearchQuery, StringComparison.OrdinalIgnoreCase);\n                }\n                return false;\n            };\n        }\n    }\n    \n    // ... INotifyPropertyChanged implementation\n}\n",[2975,5417,5418,5432,5436,5460,5478,5482,5495,5499,5508,5512,5524,5529,5533,5545,5552,5559,5564,5568,5572,5580,5584,5600,5604,5628,5652,5676,5680,5684,5703,5708,5713,5725,5730,5754,5759,5765,5782,5787,5793,5798,5804,5819,5824,5842,5848,5882,5910,5916,5925,5931,5936,5941,5946,5952],{"__ignoreMap":3020},[3024,5419,5420,5422,5424,5426,5429],{"class":3026,"line":3027},[3024,5421,3031],{"class":3030},[3024,5423,3405],{"class":3030},[3024,5425,3477],{"class":3378},[3024,5427,5428],{"class":3041}," : ",[3024,5430,5431],{"class":3378},"INotifyPropertyChanged\n",[3024,5433,5434],{"class":3026,"line":3045},[3024,5435,3048],{"class":3041},[3024,5437,5438,5440,5442,5444,5446,5448,5450,5452,5454,5456,5458],{"class":3026,"line":3051},[3024,5439,3417],{"class":3030},[3024,5441,3420],{"class":3378},[3024,5443,3423],{"class":3041},[3024,5445,3426],{"class":3378},[3024,5447,3429],{"class":3041},[3024,5449,3064],{"class":3057},[3024,5451,3434],{"class":3041},[3024,5453,3437],{"class":3030},[3024,5455,3440],{"class":3041},[3024,5457,3443],{"class":3030},[3024,5459,3446],{"class":3041},[3024,5461,5462,5464,5466,5468,5470,5472,5474,5476],{"class":3026,"line":3097},[3024,5463,3417],{"class":3030},[3024,5465,3453],{"class":3378},[3024,5467,3456],{"class":3057},[3024,5469,3434],{"class":3041},[3024,5471,3437],{"class":3030},[3024,5473,3440],{"class":3041},[3024,5475,3443],{"class":3030},[3024,5477,3446],{"class":3041},[3024,5479,5480],{"class":3026,"line":3110},[3024,5481,3168],{"class":3041},[3024,5483,5484,5487,5490,5493],{"class":3026,"line":3134},[3024,5485,5486],{"class":3030},"    private",[3024,5488,5489],{"class":3030}," string",[3024,5491,5492],{"class":3057}," _searchQuery",[3024,5494,3392],{"class":3041},[3024,5496,5497],{"class":3026,"line":3140},[3024,5498,3168],{"class":3041},[3024,5500,5501,5503,5505],{"class":3026,"line":3159},[3024,5502,3417],{"class":3030},[3024,5504,5489],{"class":3030},[3024,5506,5507],{"class":3057}," SearchQuery\n",[3024,5509,5510],{"class":3026,"line":3165},[3024,5511,3137],{"class":3041},[3024,5513,5514,5517,5519,5522],{"class":3026,"line":3171},[3024,5515,5516],{"class":3030},"        get",[3024,5518,3078],{"class":3041},[3024,5520,5521],{"class":3057},"_searchQuery",[3024,5523,3392],{"class":3041},[3024,5525,5526],{"class":3026,"line":3178},[3024,5527,5528],{"class":3030},"        set\n",[3024,5530,5531],{"class":3026,"line":3341},[3024,5532,3506],{"class":3041},[3024,5534,5535,5538,5540,5543],{"class":3026,"line":3347},[3024,5536,5537],{"class":3057},"            _searchQuery",[3024,5539,3061],{"class":3041},[3024,5541,5542],{"class":3057},"value",[3024,5544,3392],{"class":3041},[3024,5546,5547,5550],{"class":3026,"line":3587},[3024,5548,5549],{"class":3037},"            OnPropertyChanged",[3024,5551,3094],{"class":3041},[3024,5553,5554,5557],{"class":3026,"line":3624},[3024,5555,5556],{"class":3037},"            ApplyFilter",[3024,5558,3094],{"class":3041},[3024,5560,5561],{"class":3026,"line":3630},[3024,5562,5563],{"class":3041},"        }\n",[3024,5565,5566],{"class":3026,"line":3636},[3024,5567,3162],{"class":3041},[3024,5569,5570],{"class":3026,"line":3642},[3024,5571,3168],{"class":3041},[3024,5573,5574,5576,5578],{"class":3026,"line":3664},[3024,5575,3417],{"class":3030},[3024,5577,3477],{"class":3037},[3024,5579,3042],{"class":3041},[3024,5581,5582],{"class":3026,"line":3669},[3024,5583,3137],{"class":3041},[3024,5585,5586,5588,5590,5592,5594,5596,5598],{"class":3026,"line":4213},[3024,5587,3143],{"class":3057},[3024,5589,3061],{"class":3041},[3024,5591,3492],{"class":3030},[3024,5593,3420],{"class":3378},[3024,5595,3423],{"class":3041},[3024,5597,3426],{"class":3378},[3024,5599,3501],{"class":3041},[3024,5601,5602],{"class":3026,"line":4218},[3024,5603,3506],{"class":3041},[3024,5605,5606,5608,5610,5612,5614,5616,5618,5620,5622,5624,5626],{"class":3026,"line":5226},[3024,5607,3511],{"class":3030},[3024,5609,3514],{"class":3378},[3024,5611,3434],{"class":3041},[3024,5613,3519],{"class":3057},[3024,5615,3061],{"class":3041},[3024,5617,3525],{"class":3524},[3024,5619,3528],{"class":3041},[3024,5621,3085],{"class":3057},[3024,5623,3061],{"class":3041},[3024,5625,3535],{"class":3524},[3024,5627,3549],{"class":3041},[3024,5629,5630,5632,5634,5636,5638,5640,5642,5644,5646,5648,5650],{"class":3026,"line":5232},[3024,5631,3511],{"class":3030},[3024,5633,3514],{"class":3378},[3024,5635,3434],{"class":3041},[3024,5637,3519],{"class":3057},[3024,5639,3061],{"class":3041},[3024,5641,3564],{"class":3524},[3024,5643,3528],{"class":3041},[3024,5645,3085],{"class":3057},[3024,5647,3061],{"class":3041},[3024,5649,3573],{"class":3524},[3024,5651,3549],{"class":3041},[3024,5653,5654,5656,5658,5660,5662,5664,5666,5668,5670,5672,5674],{"class":3026,"line":5243},[3024,5655,3511],{"class":3030},[3024,5657,3514],{"class":3378},[3024,5659,3434],{"class":3041},[3024,5661,3519],{"class":3057},[3024,5663,3061],{"class":3041},[3024,5665,3600],{"class":3524},[3024,5667,3528],{"class":3041},[3024,5669,3085],{"class":3057},[3024,5671,3061],{"class":3041},[3024,5673,3609],{"class":3524},[3024,5675,3621],{"class":3041},[3024,5677,5678],{"class":3026,"line":5248},[3024,5679,3627],{"class":3041},[3024,5681,5682],{"class":3026,"line":5253},[3024,5683,3633],{"class":3041},[3024,5685,5687,5689,5691,5693,5695,5697,5699,5701],{"class":3026,"line":5686},28,[3024,5688,3645],{"class":3057},[3024,5690,3061],{"class":3041},[3024,5692,3650],{"class":3057},[3024,5694,3067],{"class":3041},[3024,5696,3655],{"class":3037},[3024,5698,3073],{"class":3041},[3024,5700,3064],{"class":3057},[3024,5702,3156],{"class":3041},[3024,5704,5706],{"class":3026,"line":5705},29,[3024,5707,3162],{"class":3041},[3024,5709,5711],{"class":3026,"line":5710},30,[3024,5712,3168],{"class":3041},[3024,5714,5716,5718,5720,5723],{"class":3026,"line":5715},31,[3024,5717,5486],{"class":3030},[3024,5719,3034],{"class":3030},[3024,5721,5722],{"class":3037}," ApplyFilter",[3024,5724,3042],{"class":3041},[3024,5726,5728],{"class":3026,"line":5727},32,[3024,5729,3137],{"class":3041},[3024,5731,5733,5736,5738,5741,5743,5746,5748,5751],{"class":3026,"line":5732},33,[3024,5734,5735],{"class":3113},"        if",[3024,5737,3117],{"class":3041},[3024,5739,5740],{"class":3030},"string",[3024,5742,3067],{"class":3041},[3024,5744,5745],{"class":3037},"IsNullOrWhiteSpace",[3024,5747,3073],{"class":3041},[3024,5749,5750],{"class":3057},"SearchQuery",[3024,5752,5753],{"class":3041},"))\n",[3024,5755,5757],{"class":3026,"line":5756},34,[3024,5758,3506],{"class":3041},[3024,5760,5762],{"class":3026,"line":5761},35,[3024,5763,5764],{"class":3174},"            // Немає пошукового запиту — показати всіх\n",[3024,5766,5768,5771,5773,5775,5777,5780],{"class":3026,"line":5767},36,[3024,5769,5770],{"class":3057},"            PeopleView",[3024,5772,3067],{"class":3041},[3024,5774,3851],{"class":3057},[3024,5776,3061],{"class":3041},[3024,5778,5779],{"class":3030},"null",[3024,5781,3392],{"class":3041},[3024,5783,5785],{"class":3026,"line":5784},37,[3024,5786,5563],{"class":3041},[3024,5788,5790],{"class":3026,"line":5789},38,[3024,5791,5792],{"class":3113},"        else\n",[3024,5794,5796],{"class":3026,"line":5795},39,[3024,5797,3506],{"class":3041},[3024,5799,5801],{"class":3026,"line":5800},40,[3024,5802,5803],{"class":3174},"            // Фільтр: ім'я або прізвище містить запит\n",[3024,5805,5807,5809,5811,5813,5815,5817],{"class":3026,"line":5806},41,[3024,5808,5770],{"class":3057},[3024,5810,3067],{"class":3041},[3024,5812,3851],{"class":3057},[3024,5814,3061],{"class":3041},[3024,5816,5174],{"class":3057},[3024,5818,5177],{"class":3041},[3024,5820,5822],{"class":3026,"line":5821},42,[3024,5823,5204],{"class":3041},[3024,5825,5827,5830,5832,5834,5836,5838,5840],{"class":3026,"line":5826},43,[3024,5828,5829],{"class":3113},"                if",[3024,5831,3117],{"class":3041},[3024,5833,5174],{"class":3057},[3024,5835,5193],{"class":3030},[3024,5837,3514],{"class":3378},[3024,5839,3123],{"class":3057},[3024,5841,3131],{"class":3041},[3024,5843,5845],{"class":3026,"line":5844},44,[3024,5846,5847],{"class":3041},"                {\n",[3024,5849,5851,5854,5856,5858,5860,5862,5865,5867,5869,5871,5874,5876,5879],{"class":3026,"line":5850},45,[3024,5852,5853],{"class":3113},"                    return",[3024,5855,3123],{"class":3057},[3024,5857,3067],{"class":3041},[3024,5859,3519],{"class":3057},[3024,5861,3067],{"class":3041},[3024,5863,5864],{"class":3037},"Contains",[3024,5866,3073],{"class":3041},[3024,5868,5750],{"class":3057},[3024,5870,3528],{"class":3041},[3024,5872,5873],{"class":3057},"StringComparison",[3024,5875,3067],{"class":3041},[3024,5877,5878],{"class":3057},"OrdinalIgnoreCase",[3024,5880,5881],{"class":3041},") ||\n",[3024,5883,5885,5888,5890,5892,5894,5896,5898,5900,5902,5904,5906,5908],{"class":3026,"line":5884},46,[3024,5886,5887],{"class":3057},"                           person",[3024,5889,3067],{"class":3041},[3024,5891,3085],{"class":3057},[3024,5893,3067],{"class":3041},[3024,5895,5864],{"class":3037},[3024,5897,3073],{"class":3041},[3024,5899,5750],{"class":3057},[3024,5901,3528],{"class":3041},[3024,5903,5873],{"class":3057},[3024,5905,3067],{"class":3041},[3024,5907,5878],{"class":3057},[3024,5909,3156],{"class":3041},[3024,5911,5913],{"class":3026,"line":5912},47,[3024,5914,5915],{"class":3041},"                }\n",[3024,5917,5919,5921,5923],{"class":3026,"line":5918},48,[3024,5920,5209],{"class":3113},[3024,5922,5238],{"class":3030},[3024,5924,3392],{"class":3041},[3024,5926,5928],{"class":3026,"line":5927},49,[3024,5929,5930],{"class":3041},"            };\n",[3024,5932,5934],{"class":3026,"line":5933},50,[3024,5935,5563],{"class":3041},[3024,5937,5939],{"class":3026,"line":5938},51,[3024,5940,3162],{"class":3041},[3024,5942,5944],{"class":3026,"line":5943},52,[3024,5945,3168],{"class":3041},[3024,5947,5949],{"class":3026,"line":5948},53,[3024,5950,5951],{"class":3174},"    // ... INotifyPropertyChanged implementation\n",[3024,5953,5955],{"class":3026,"line":5954},54,[3024,5956,3181],{"class":3041},[2965,5958,5959],{},[2986,5960,3676],{},[3015,5962,5964],{"className":3679,"code":5963,"language":3681,"meta":3020,"style":3020},"\u003CStackPanel Margin=\"20\">\n    \u003CTextBlock Text=\"Пошук:\"/>\n    \u003CTextBox Text=\"{Binding SearchQuery, UpdateSourceTrigger=PropertyChanged}\" \n             Margin=\"0,5,0,10\"/>\n    \n    \u003CListBox ItemsSource=\"{Binding PeopleView}\" Height=\"200\"/>\n\u003C/StackPanel>\n",[2975,5965,5966,5980,5995,6011,6022,6026,6046],{"__ignoreMap":3020},[3024,5967,5968,5970,5972,5974,5976,5978],{"class":3026,"line":3027},[3024,5969,3423],{"class":3693},[3024,5971,4635],{"class":3696},[3024,5973,4244],{"class":3700},[3024,5975,3704],{"class":3041},[3024,5977,4249],{"class":3707},[3024,5979,3501],{"class":3693},[3024,5981,5982,5984,5986,5988,5990,5993],{"class":3026,"line":3045},[3024,5983,3735],{"class":3693},[3024,5985,4306],{"class":3696},[3024,5987,4309],{"class":3700},[3024,5989,3704],{"class":3041},[3024,5991,5992],{"class":3707},"\"Пошук:\"",[3024,5994,3711],{"class":3693},[3024,5996,5997,5999,6002,6004,6006,6009],{"class":3026,"line":3051},[3024,5998,3735],{"class":3693},[3024,6000,6001],{"class":3696},"TextBox",[3024,6003,4309],{"class":3700},[3024,6005,3704],{"class":3041},[3024,6007,6008],{"class":3707},"\"{Binding SearchQuery, UpdateSourceTrigger=PropertyChanged}\"",[3024,6010,3748],{"class":3041},[3024,6012,6013,6015,6017,6020],{"class":3026,"line":3097},[3024,6014,4343],{"class":3700},[3024,6016,3704],{"class":3041},[3024,6018,6019],{"class":3707},"\"0,5,0,10\"",[3024,6021,3711],{"class":3693},[3024,6023,6024],{"class":3026,"line":3110},[3024,6025,3168],{"class":3041},[3024,6027,6028,6030,6032,6034,6036,6038,6040,6042,6044],{"class":3026,"line":3134},[3024,6029,3735],{"class":3693},[3024,6031,3697],{"class":3696},[3024,6033,3701],{"class":3700},[3024,6035,3704],{"class":3041},[3024,6037,3708],{"class":3707},[3024,6039,4747],{"class":3700},[3024,6041,3704],{"class":3041},[3024,6043,4752],{"class":3707},[3024,6045,3711],{"class":3693},[3024,6047,6048,6050,6052],{"class":3026,"line":3140},[3024,6049,3779],{"class":3693},[3024,6051,4635],{"class":3696},[3024,6053,3501],{"class":3693},[2965,6055,6056,6058],{},[2986,6057,4225],{}," При введенні \"Мар\" — показується тільки Марія. При введенні \"ко\" — Марія та Олександр (обидва мають \"ко\" у прізвищі).",[3239,6060,6062],{"id":6061},"refresh-оновлення-фільтру","Refresh() — Оновлення фільтру",[2965,6064,6065,6066,6069],{},"Якщо фільтр залежить від зовнішніх даних, потрібно викликати ",[2975,6067,6068],{},"Refresh()",":",[3015,6071,6073],{"className":3017,"code":6072,"language":3019,"meta":3020,"style":3020},"private int _minAge = 18;\n\npublic int MinAge\n{\n    get => _minAge;\n    set\n    {\n        _minAge = value;\n        OnPropertyChanged();\n        PeopleView.Refresh();  // Оновлюємо фільтр\n    }\n}\n\npublic ContactsViewModel()\n{\n    // ...\n    \n    PeopleView.Filter = item =>\n    {\n        if (item is Person person)\n        {\n            return person.Age >= MinAge;  // Залежить від MinAge\n        }\n        return false;\n    };\n}\n",[2975,6074,6075,6092,6096,6105,6109,6121,6126,6130,6141,6148,6163,6167,6171,6175,6183,6187,6192,6196,6210,6214,6230,6234,6255,6259,6268,6273],{"__ignoreMap":3020},[3024,6076,6077,6080,6083,6086,6088,6090],{"class":3026,"line":3027},[3024,6078,6079],{"class":3030},"private",[3024,6081,6082],{"class":3030}," int",[3024,6084,6085],{"class":3057}," _minAge",[3024,6087,3061],{"class":3041},[3024,6089,5221],{"class":3545},[3024,6091,3392],{"class":3041},[3024,6093,6094],{"class":3026,"line":3045},[3024,6095,3398],{"emptyLinePlaceholder":3397},[3024,6097,6098,6100,6102],{"class":3026,"line":3051},[3024,6099,3031],{"class":3030},[3024,6101,6082],{"class":3030},[3024,6103,6104],{"class":3057}," MinAge\n",[3024,6106,6107],{"class":3026,"line":3097},[3024,6108,3048],{"class":3041},[3024,6110,6111,6114,6116,6119],{"class":3026,"line":3110},[3024,6112,6113],{"class":3057},"    get",[3024,6115,3078],{"class":3041},[3024,6117,6118],{"class":3057},"_minAge",[3024,6120,3392],{"class":3041},[3024,6122,6123],{"class":3026,"line":3134},[3024,6124,6125],{"class":3057},"    set\n",[3024,6127,6128],{"class":3026,"line":3140},[3024,6129,3137],{"class":3041},[3024,6131,6132,6135,6137,6139],{"class":3026,"line":3159},[3024,6133,6134],{"class":3057},"        _minAge",[3024,6136,3061],{"class":3041},[3024,6138,5542],{"class":3057},[3024,6140,3392],{"class":3041},[3024,6142,6143,6146],{"class":3026,"line":3165},[3024,6144,6145],{"class":3037},"        OnPropertyChanged",[3024,6147,3094],{"class":3041},[3024,6149,6150,6152,6154,6157,6160],{"class":3026,"line":3171},[3024,6151,3645],{"class":3057},[3024,6153,3067],{"class":3041},[3024,6155,6156],{"class":3037},"Refresh",[3024,6158,6159],{"class":3041},"();  ",[3024,6161,6162],{"class":3174},"// Оновлюємо фільтр\n",[3024,6164,6165],{"class":3026,"line":3178},[3024,6166,3162],{"class":3041},[3024,6168,6169],{"class":3026,"line":3341},[3024,6170,3181],{"class":3041},[3024,6172,6173],{"class":3026,"line":3347},[3024,6174,3398],{"emptyLinePlaceholder":3397},[3024,6176,6177,6179,6181],{"class":3026,"line":3587},[3024,6178,3031],{"class":3030},[3024,6180,3477],{"class":3037},[3024,6182,3042],{"class":3041},[3024,6184,6185],{"class":3026,"line":3624},[3024,6186,3048],{"class":3041},[3024,6188,6189],{"class":3026,"line":3630},[3024,6190,6191],{"class":3174},"    // ...\n",[3024,6193,6194],{"class":3026,"line":3636},[3024,6195,3168],{"class":3041},[3024,6197,6198,6200,6202,6204,6206,6208],{"class":3026,"line":3642},[3024,6199,4487],{"class":3057},[3024,6201,3067],{"class":3041},[3024,6203,3851],{"class":3057},[3024,6205,3061],{"class":3041},[3024,6207,5174],{"class":3057},[3024,6209,5177],{"class":3041},[3024,6211,6212],{"class":3026,"line":3664},[3024,6213,3137],{"class":3041},[3024,6215,6216,6218,6220,6222,6224,6226,6228],{"class":3026,"line":3669},[3024,6217,5735],{"class":3113},[3024,6219,3117],{"class":3041},[3024,6221,5174],{"class":3057},[3024,6223,5193],{"class":3030},[3024,6225,3514],{"class":3378},[3024,6227,3123],{"class":3057},[3024,6229,3131],{"class":3041},[3024,6231,6232],{"class":3026,"line":4213},[3024,6233,3506],{"class":3041},[3024,6235,6236,6238,6240,6242,6244,6246,6249,6252],{"class":3026,"line":4218},[3024,6237,5235],{"class":3113},[3024,6239,3123],{"class":3057},[3024,6241,3067],{"class":3041},[3024,6243,3540],{"class":3057},[3024,6245,5218],{"class":3041},[3024,6247,6248],{"class":3057},"MinAge",[3024,6250,6251],{"class":3041},";  ",[3024,6253,6254],{"class":3174},"// Залежить від MinAge\n",[3024,6256,6257],{"class":3026,"line":5226},[3024,6258,5563],{"class":3041},[3024,6260,6261,6264,6266],{"class":3026,"line":5232},[3024,6262,6263],{"class":3113},"        return",[3024,6265,5238],{"class":3030},[3024,6267,3392],{"class":3041},[3024,6269,6270],{"class":3026,"line":5243},[3024,6271,6272],{"class":3041},"    };\n",[3024,6274,6275],{"class":3026,"line":5248},[3024,6276,3181],{"class":3041},[2965,6278,6279],{},[2986,6280,3676],{},[3015,6282,6284],{"className":3679,"code":6283,"language":3681,"meta":3020,"style":3020},"\u003CStackPanel Margin=\"20\">\n    \u003CTextBlock Text=\"Мінімальний вік:\"/>\n    \u003CSlider Value=\"{Binding MinAge}\" Minimum=\"0\" Maximum=\"100\" Margin=\"0,5,0,10\"/>\n    \u003CTextBlock Text=\"{Binding MinAge, StringFormat='Вік >= {0}'}\"/>\n    \n    \u003CListBox ItemsSource=\"{Binding PeopleView}\" Height=\"200\" Margin=\"0,10,0,0\"/>\n\u003C/StackPanel>\n",[2975,6285,6286,6300,6315,6354,6369,6373,6400],{"__ignoreMap":3020},[3024,6287,6288,6290,6292,6294,6296,6298],{"class":3026,"line":3027},[3024,6289,3423],{"class":3693},[3024,6291,4635],{"class":3696},[3024,6293,4244],{"class":3700},[3024,6295,3704],{"class":3041},[3024,6297,4249],{"class":3707},[3024,6299,3501],{"class":3693},[3024,6301,6302,6304,6306,6308,6310,6313],{"class":3026,"line":3045},[3024,6303,3735],{"class":3693},[3024,6305,4306],{"class":3696},[3024,6307,4309],{"class":3700},[3024,6309,3704],{"class":3041},[3024,6311,6312],{"class":3707},"\"Мінімальний вік:\"",[3024,6314,3711],{"class":3693},[3024,6316,6317,6319,6322,6325,6327,6330,6333,6335,6338,6341,6343,6346,6348,6350,6352],{"class":3026,"line":3051},[3024,6318,3735],{"class":3693},[3024,6320,6321],{"class":3696},"Slider",[3024,6323,6324],{"class":3700}," Value",[3024,6326,3704],{"class":3041},[3024,6328,6329],{"class":3707},"\"{Binding MinAge}\"",[3024,6331,6332],{"class":3700}," Minimum",[3024,6334,3704],{"class":3041},[3024,6336,6337],{"class":3707},"\"0\"",[3024,6339,6340],{"class":3700}," Maximum",[3024,6342,3704],{"class":3041},[3024,6344,6345],{"class":3707},"\"100\"",[3024,6347,4244],{"class":3700},[3024,6349,3704],{"class":3041},[3024,6351,6019],{"class":3707},[3024,6353,3711],{"class":3693},[3024,6355,6356,6358,6360,6362,6364,6367],{"class":3026,"line":3097},[3024,6357,3735],{"class":3693},[3024,6359,4306],{"class":3696},[3024,6361,4309],{"class":3700},[3024,6363,3704],{"class":3041},[3024,6365,6366],{"class":3707},"\"{Binding MinAge, StringFormat='Вік >= {0}'}\"",[3024,6368,3711],{"class":3693},[3024,6370,6371],{"class":3026,"line":3110},[3024,6372,3168],{"class":3041},[3024,6374,6375,6377,6379,6381,6383,6385,6387,6389,6391,6393,6395,6398],{"class":3026,"line":3134},[3024,6376,3735],{"class":3693},[3024,6378,3697],{"class":3696},[3024,6380,3701],{"class":3700},[3024,6382,3704],{"class":3041},[3024,6384,3708],{"class":3707},[3024,6386,4747],{"class":3700},[3024,6388,3704],{"class":3041},[3024,6390,4752],{"class":3707},[3024,6392,4244],{"class":3700},[3024,6394,3704],{"class":3041},[3024,6396,6397],{"class":3707},"\"0,10,0,0\"",[3024,6399,3711],{"class":3693},[3024,6401,6402,6404,6406],{"class":3026,"line":3140},[3024,6403,3779],{"class":3693},[3024,6405,4635],{"class":3696},[3024,6407,3501],{"class":3693},[2965,6409,6410,6412],{},[2986,6411,4225],{}," При зміні слайдера — список автоматично фільтрується.",[3227,6414],{},[2960,6416,6418],{"id":6417},"groupdescriptions-групування-колекції","GroupDescriptions: Групування колекції",[2965,6420,6421,6423],{},[2975,6422,3866],{}," дозволяє групувати елементи за властивістю.",[3239,6425,6427],{"id":6426},"базове-групування","Базове групування",[2965,6429,6430],{},[2986,6431,3940],{},[3015,6433,6435],{"className":3017,"code":6434,"language":3019,"meta":3020,"style":3020},"public class ContactsViewModel\n{\n    public ObservableCollection\u003CPerson> People { get; set; }\n    public ICollectionView PeopleView { get; set; }\n    \n    public ContactsViewModel()\n    {\n        People = new ObservableCollection\u003CPerson>\n        {\n            new Person { FirstName = \"Іван\", LastName = \"Петренко\", City = \"Київ\" },\n            new Person { FirstName = \"Марія\", LastName = \"Коваленко\", City = \"Львів\" },\n            new Person { FirstName = \"Олександр\", LastName = \"Шевченко\", City = \"Київ\" },\n            new Person { FirstName = \"Анна\", LastName = \"Мельник\", City = \"Львів\" }\n        };\n        \n        PeopleView = CollectionViewSource.GetDefaultView(People);\n        \n        // Групування за містом\n        PeopleView.GroupDescriptions.Add(new PropertyGroupDescription(\"City\"));\n    }\n}\n",[2975,6436,6437,6445,6449,6473,6491,6495,6503,6507,6523,6527,6561,6594,6626,6660,6664,6668,6686,6690,6695,6721,6725],{"__ignoreMap":3020},[3024,6438,6439,6441,6443],{"class":3026,"line":3027},[3024,6440,3031],{"class":3030},[3024,6442,3405],{"class":3030},[3024,6444,3408],{"class":3378},[3024,6446,6447],{"class":3026,"line":3045},[3024,6448,3048],{"class":3041},[3024,6450,6451,6453,6455,6457,6459,6461,6463,6465,6467,6469,6471],{"class":3026,"line":3051},[3024,6452,3417],{"class":3030},[3024,6454,3420],{"class":3378},[3024,6456,3423],{"class":3041},[3024,6458,3426],{"class":3378},[3024,6460,3429],{"class":3041},[3024,6462,3064],{"class":3057},[3024,6464,3434],{"class":3041},[3024,6466,3437],{"class":3030},[3024,6468,3440],{"class":3041},[3024,6470,3443],{"class":3030},[3024,6472,3446],{"class":3041},[3024,6474,6475,6477,6479,6481,6483,6485,6487,6489],{"class":3026,"line":3097},[3024,6476,3417],{"class":3030},[3024,6478,3453],{"class":3378},[3024,6480,3456],{"class":3057},[3024,6482,3434],{"class":3041},[3024,6484,3437],{"class":3030},[3024,6486,3440],{"class":3041},[3024,6488,3443],{"class":3030},[3024,6490,3446],{"class":3041},[3024,6492,6493],{"class":3026,"line":3110},[3024,6494,3168],{"class":3041},[3024,6496,6497,6499,6501],{"class":3026,"line":3134},[3024,6498,3417],{"class":3030},[3024,6500,3477],{"class":3037},[3024,6502,3042],{"class":3041},[3024,6504,6505],{"class":3026,"line":3140},[3024,6506,3137],{"class":3041},[3024,6508,6509,6511,6513,6515,6517,6519,6521],{"class":3026,"line":3159},[3024,6510,3143],{"class":3057},[3024,6512,3061],{"class":3041},[3024,6514,3492],{"class":3030},[3024,6516,3420],{"class":3378},[3024,6518,3423],{"class":3041},[3024,6520,3426],{"class":3378},[3024,6522,3501],{"class":3041},[3024,6524,6525],{"class":3026,"line":3165},[3024,6526,3506],{"class":3041},[3024,6528,6529,6531,6533,6535,6537,6539,6541,6543,6545,6547,6549,6551,6554,6556,6559],{"class":3026,"line":3171},[3024,6530,3511],{"class":3030},[3024,6532,3514],{"class":3378},[3024,6534,3434],{"class":3041},[3024,6536,3519],{"class":3057},[3024,6538,3061],{"class":3041},[3024,6540,3525],{"class":3524},[3024,6542,3528],{"class":3041},[3024,6544,3085],{"class":3057},[3024,6546,3061],{"class":3041},[3024,6548,3535],{"class":3524},[3024,6550,3528],{"class":3041},[3024,6552,6553],{"class":3057},"City",[3024,6555,3061],{"class":3041},[3024,6557,6558],{"class":3524},"\"Київ\"",[3024,6560,3549],{"class":3041},[3024,6562,6563,6565,6567,6569,6571,6573,6575,6577,6579,6581,6583,6585,6587,6589,6592],{"class":3026,"line":3178},[3024,6564,3511],{"class":3030},[3024,6566,3514],{"class":3378},[3024,6568,3434],{"class":3041},[3024,6570,3519],{"class":3057},[3024,6572,3061],{"class":3041},[3024,6574,3564],{"class":3524},[3024,6576,3528],{"class":3041},[3024,6578,3085],{"class":3057},[3024,6580,3061],{"class":3041},[3024,6582,3573],{"class":3524},[3024,6584,3528],{"class":3041},[3024,6586,6553],{"class":3057},[3024,6588,3061],{"class":3041},[3024,6590,6591],{"class":3524},"\"Львів\"",[3024,6593,3549],{"class":3041},[3024,6595,6596,6598,6600,6602,6604,6606,6608,6610,6612,6614,6616,6618,6620,6622,6624],{"class":3026,"line":3341},[3024,6597,3511],{"class":3030},[3024,6599,3514],{"class":3378},[3024,6601,3434],{"class":3041},[3024,6603,3519],{"class":3057},[3024,6605,3061],{"class":3041},[3024,6607,3600],{"class":3524},[3024,6609,3528],{"class":3041},[3024,6611,3085],{"class":3057},[3024,6613,3061],{"class":3041},[3024,6615,3609],{"class":3524},[3024,6617,3528],{"class":3041},[3024,6619,6553],{"class":3057},[3024,6621,3061],{"class":3041},[3024,6623,6558],{"class":3524},[3024,6625,3549],{"class":3041},[3024,6627,6628,6630,6632,6634,6636,6638,6641,6643,6645,6647,6650,6652,6654,6656,6658],{"class":3026,"line":3347},[3024,6629,3511],{"class":3030},[3024,6631,3514],{"class":3378},[3024,6633,3434],{"class":3041},[3024,6635,3519],{"class":3057},[3024,6637,3061],{"class":3041},[3024,6639,6640],{"class":3524},"\"Анна\"",[3024,6642,3528],{"class":3041},[3024,6644,3085],{"class":3057},[3024,6646,3061],{"class":3041},[3024,6648,6649],{"class":3524},"\"Мельник\"",[3024,6651,3528],{"class":3041},[3024,6653,6553],{"class":3057},[3024,6655,3061],{"class":3041},[3024,6657,6591],{"class":3524},[3024,6659,3621],{"class":3041},[3024,6661,6662],{"class":3026,"line":3587},[3024,6663,3627],{"class":3041},[3024,6665,6666],{"class":3026,"line":3624},[3024,6667,3633],{"class":3041},[3024,6669,6670,6672,6674,6676,6678,6680,6682,6684],{"class":3026,"line":3630},[3024,6671,3645],{"class":3057},[3024,6673,3061],{"class":3041},[3024,6675,3650],{"class":3057},[3024,6677,3067],{"class":3041},[3024,6679,3655],{"class":3037},[3024,6681,3073],{"class":3041},[3024,6683,3064],{"class":3057},[3024,6685,3156],{"class":3041},[3024,6687,6688],{"class":3026,"line":3636},[3024,6689,3633],{"class":3041},[3024,6691,6692],{"class":3026,"line":3642},[3024,6693,6694],{"class":3174},"        // Групування за містом\n",[3024,6696,6697,6699,6701,6703,6705,6707,6709,6711,6714,6716,6718],{"class":3026,"line":3664},[3024,6698,3645],{"class":3057},[3024,6700,3067],{"class":3041},[3024,6702,3866],{"class":3057},[3024,6704,3067],{"class":3041},[3024,6706,3148],{"class":3037},[3024,6708,3073],{"class":3041},[3024,6710,3492],{"class":3030},[3024,6712,6713],{"class":3378}," PropertyGroupDescription",[3024,6715,3073],{"class":3041},[3024,6717,4402],{"class":3524},[3024,6719,6720],{"class":3041},"));\n",[3024,6722,6723],{"class":3026,"line":3669},[3024,6724,3162],{"class":3041},[3024,6726,6727],{"class":3026,"line":4213},[3024,6728,3181],{"class":3041},[2965,6730,6731],{},[2986,6732,6733],{},"XAML з GroupStyle:",[3015,6735,6737],{"className":3679,"code":6736,"language":3681,"meta":3020,"style":3020},"\u003CListBox ItemsSource=\"{Binding PeopleView}\">\n    \u003C!-- Стиль для заголовків груп -->\n    \u003CListBox.GroupStyle>\n        \u003CGroupStyle>\n            \u003CGroupStyle.HeaderTemplate>\n                \u003CDataTemplate>\n                    \u003CBorder Background=\"#2196F3\" Padding=\"5\">\n                        \u003CTextBlock Text=\"{Binding Name}\" \n                                   Foreground=\"White\" \n                                   FontWeight=\"Bold\" \n                                   FontSize=\"14\"/>\n                    \u003C/Border>\n                \u003C/DataTemplate>\n            \u003C/GroupStyle.HeaderTemplate>\n        \u003C/GroupStyle>\n    \u003C/ListBox.GroupStyle>\n    \n    \u003C!-- Шаблон для елементів -->\n    \u003CListBox.ItemTemplate>\n        \u003CDataTemplate>\n            \u003CTextBlock Text=\"{Binding FirstName}\"/>\n        \u003C/DataTemplate>\n    \u003C/ListBox.ItemTemplate>\n\u003C/ListBox>\n",[2975,6738,6739,6753,6758,6767,6776,6785,6795,6821,6837,6849,6860,6872,6881,6890,6899,6907,6915,6919,6924,6933,6941,6956,6964,6972],{"__ignoreMap":3020},[3024,6740,6741,6743,6745,6747,6749,6751],{"class":3026,"line":3027},[3024,6742,3423],{"class":3693},[3024,6744,3697],{"class":3696},[3024,6746,3701],{"class":3700},[3024,6748,3704],{"class":3041},[3024,6750,3708],{"class":3707},[3024,6752,3501],{"class":3693},[3024,6754,6755],{"class":3026,"line":3045},[3024,6756,6757],{"class":3174},"    \u003C!-- Стиль для заголовків груп -->\n",[3024,6759,6760,6762,6765],{"class":3026,"line":3051},[3024,6761,3735],{"class":3693},[3024,6763,6764],{"class":3696},"ListBox.GroupStyle",[3024,6766,3501],{"class":3693},[3024,6768,6769,6771,6774],{"class":3026,"line":3097},[3024,6770,4671],{"class":3693},[3024,6772,6773],{"class":3696},"GroupStyle",[3024,6775,3501],{"class":3693},[3024,6777,6778,6780,6783],{"class":3026,"line":3110},[3024,6779,4814],{"class":3693},[3024,6781,6782],{"class":3696},"GroupStyle.HeaderTemplate",[3024,6784,3501],{"class":3693},[3024,6786,6787,6790,6793],{"class":3026,"line":3134},[3024,6788,6789],{"class":3693},"                \u003C",[3024,6791,6792],{"class":3696},"DataTemplate",[3024,6794,3501],{"class":3693},[3024,6796,6797,6800,6803,6806,6808,6811,6814,6816,6819],{"class":3026,"line":3140},[3024,6798,6799],{"class":3693},"                    \u003C",[3024,6801,6802],{"class":3696},"Border",[3024,6804,6805],{"class":3700}," Background",[3024,6807,3704],{"class":3041},[3024,6809,6810],{"class":3707},"\"#2196F3\"",[3024,6812,6813],{"class":3700}," Padding",[3024,6815,3704],{"class":3041},[3024,6817,6818],{"class":3707},"\"5\"",[3024,6820,3501],{"class":3693},[3024,6822,6823,6826,6828,6830,6832,6835],{"class":3026,"line":3159},[3024,6824,6825],{"class":3693},"                        \u003C",[3024,6827,4306],{"class":3696},[3024,6829,4309],{"class":3700},[3024,6831,3704],{"class":3041},[3024,6833,6834],{"class":3707},"\"{Binding Name}\"",[3024,6836,3748],{"class":3041},[3024,6838,6839,6842,6844,6847],{"class":3026,"line":3165},[3024,6840,6841],{"class":3700},"                                   Foreground",[3024,6843,3704],{"class":3041},[3024,6845,6846],{"class":3707},"\"White\"",[3024,6848,3748],{"class":3041},[3024,6850,6851,6854,6856,6858],{"class":3026,"line":3171},[3024,6852,6853],{"class":3700},"                                   FontWeight",[3024,6855,3704],{"class":3041},[3024,6857,5310],{"class":3707},[3024,6859,3748],{"class":3041},[3024,6861,6862,6865,6867,6870],{"class":3026,"line":3178},[3024,6863,6864],{"class":3700},"                                   FontSize",[3024,6866,3704],{"class":3041},[3024,6868,6869],{"class":3707},"\"14\"",[3024,6871,3711],{"class":3693},[3024,6873,6874,6877,6879],{"class":3026,"line":3341},[3024,6875,6876],{"class":3693},"                    \u003C/",[3024,6878,6802],{"class":3696},[3024,6880,3501],{"class":3693},[3024,6882,6883,6886,6888],{"class":3026,"line":3347},[3024,6884,6885],{"class":3693},"                \u003C/",[3024,6887,6792],{"class":3696},[3024,6889,3501],{"class":3693},[3024,6891,6892,6895,6897],{"class":3026,"line":3587},[3024,6893,6894],{"class":3693},"            \u003C/",[3024,6896,6782],{"class":3696},[3024,6898,3501],{"class":3693},[3024,6900,6901,6903,6905],{"class":3026,"line":3624},[3024,6902,4860],{"class":3693},[3024,6904,6773],{"class":3696},[3024,6906,3501],{"class":3693},[3024,6908,6909,6911,6913],{"class":3026,"line":3630},[3024,6910,3770],{"class":3693},[3024,6912,6764],{"class":3696},[3024,6914,3501],{"class":3693},[3024,6916,6917],{"class":3026,"line":3636},[3024,6918,3168],{"class":3041},[3024,6920,6921],{"class":3026,"line":3642},[3024,6922,6923],{"class":3174},"    \u003C!-- Шаблон для елементів -->\n",[3024,6925,6926,6928,6931],{"class":3026,"line":3664},[3024,6927,3735],{"class":3693},[3024,6929,6930],{"class":3696},"ListBox.ItemTemplate",[3024,6932,3501],{"class":3693},[3024,6934,6935,6937,6939],{"class":3026,"line":3669},[3024,6936,4671],{"class":3693},[3024,6938,6792],{"class":3696},[3024,6940,3501],{"class":3693},[3024,6942,6943,6945,6947,6949,6951,6954],{"class":3026,"line":4213},[3024,6944,4814],{"class":3693},[3024,6946,4306],{"class":3696},[3024,6948,4309],{"class":3700},[3024,6950,3704],{"class":3041},[3024,6952,6953],{"class":3707},"\"{Binding FirstName}\"",[3024,6955,3711],{"class":3693},[3024,6957,6958,6960,6962],{"class":3026,"line":4218},[3024,6959,4860],{"class":3693},[3024,6961,6792],{"class":3696},[3024,6963,3501],{"class":3693},[3024,6965,6966,6968,6970],{"class":3026,"line":5226},[3024,6967,3770],{"class":3693},[3024,6969,6930],{"class":3696},[3024,6971,3501],{"class":3693},[3024,6973,6974,6976,6978],{"class":3026,"line":5232},[3024,6975,3779],{"class":3693},[3024,6977,3697],{"class":3696},[3024,6979,3501],{"class":3693},[2965,6981,6982],{},[2986,6983,4225],{},[3015,6985,6990],{"className":6986,"code":6988,"language":6989},[6987],"language-text","┌─ Київ ────────────┐\n│ Іван              │\n│ Олександр         │\n├─ Львів ───────────┤\n│ Марія             │\n│ Анна              │\n└───────────────────┘\n","text",[2975,6991,6988],{"__ignoreMap":3020},[4228,6993,6995],{"title":6994},"Групування за містом",[3015,6996,6998],{"className":3679,"code":6997,"language":3681,"meta":3020,"style":3020},"\u003CStackPanel Margin=\"20\" Spacing=\"5\">\n  \u003CBorder Background=\"#2196F3\" Padding=\"5\">\n    \u003CTextBlock Text=\"Київ\" Foreground=\"White\" FontWeight=\"Bold\"/>\n  \u003C/Border>\n  \u003CTextBlock Text=\"  Іван Петренко\" Margin=\"10,0,0,0\"/>\n  \u003CTextBlock Text=\"  Олександр Шевченко\" Margin=\"10,0,0,0\"/>\n  \n  \u003CBorder Background=\"#2196F3\" Padding=\"5\" Margin=\"0,10,0,0\">\n    \u003CTextBlock Text=\"Львів\" Foreground=\"White\" FontWeight=\"Bold\"/>\n  \u003C/Border>\n  \u003CTextBlock Text=\"  Марія Коваленко\" Margin=\"10,0,0,0\"/>\n  \u003CTextBlock Text=\"  Анна Мельник\" Margin=\"10,0,0,0\"/>\n\u003C/StackPanel>\n",[2975,6999,7000,7020,7040,7067,7075,7097,7118,7123,7149,7175,7183,7204,7225],{"__ignoreMap":3020},[3024,7001,7002,7004,7006,7008,7010,7012,7014,7016,7018],{"class":3026,"line":3027},[3024,7003,3423],{"class":3693},[3024,7005,4635],{"class":3696},[3024,7007,4244],{"class":3700},[3024,7009,3704],{"class":3041},[3024,7011,4249],{"class":3707},[3024,7013,5283],{"class":3700},[3024,7015,3704],{"class":3041},[3024,7017,6818],{"class":3707},[3024,7019,3501],{"class":3693},[3024,7021,7022,7024,7026,7028,7030,7032,7034,7036,7038],{"class":3026,"line":3045},[3024,7023,4256],{"class":3693},[3024,7025,6802],{"class":3696},[3024,7027,6805],{"class":3700},[3024,7029,3704],{"class":3041},[3024,7031,6810],{"class":3707},[3024,7033,6813],{"class":3700},[3024,7035,3704],{"class":3041},[3024,7037,6818],{"class":3707},[3024,7039,3501],{"class":3693},[3024,7041,7042,7044,7046,7048,7050,7052,7055,7057,7059,7061,7063,7065],{"class":3026,"line":3051},[3024,7043,3735],{"class":3693},[3024,7045,4306],{"class":3696},[3024,7047,4309],{"class":3700},[3024,7049,3704],{"class":3041},[3024,7051,6558],{"class":3707},[3024,7053,7054],{"class":3700}," Foreground",[3024,7056,3704],{"class":3041},[3024,7058,6846],{"class":3707},[3024,7060,5305],{"class":3700},[3024,7062,3704],{"class":3041},[3024,7064,5310],{"class":3707},[3024,7066,3711],{"class":3693},[3024,7068,7069,7071,7073],{"class":3026,"line":3097},[3024,7070,5355],{"class":3693},[3024,7072,6802],{"class":3696},[3024,7074,3501],{"class":3693},[3024,7076,7077,7079,7081,7083,7085,7088,7090,7092,7095],{"class":3026,"line":3110},[3024,7078,4256],{"class":3693},[3024,7080,4306],{"class":3696},[3024,7082,4309],{"class":3700},[3024,7084,3704],{"class":3041},[3024,7086,7087],{"class":3707},"\"  Іван Петренко\"",[3024,7089,4244],{"class":3700},[3024,7091,3704],{"class":3041},[3024,7093,7094],{"class":3707},"\"10,0,0,0\"",[3024,7096,3711],{"class":3693},[3024,7098,7099,7101,7103,7105,7107,7110,7112,7114,7116],{"class":3026,"line":3134},[3024,7100,4256],{"class":3693},[3024,7102,4306],{"class":3696},[3024,7104,4309],{"class":3700},[3024,7106,3704],{"class":3041},[3024,7108,7109],{"class":3707},"\"  Олександр Шевченко\"",[3024,7111,4244],{"class":3700},[3024,7113,3704],{"class":3041},[3024,7115,7094],{"class":3707},[3024,7117,3711],{"class":3693},[3024,7119,7120],{"class":3026,"line":3140},[3024,7121,7122],{"class":3041},"  \n",[3024,7124,7125,7127,7129,7131,7133,7135,7137,7139,7141,7143,7145,7147],{"class":3026,"line":3159},[3024,7126,4256],{"class":3693},[3024,7128,6802],{"class":3696},[3024,7130,6805],{"class":3700},[3024,7132,3704],{"class":3041},[3024,7134,6810],{"class":3707},[3024,7136,6813],{"class":3700},[3024,7138,3704],{"class":3041},[3024,7140,6818],{"class":3707},[3024,7142,4244],{"class":3700},[3024,7144,3704],{"class":3041},[3024,7146,6397],{"class":3707},[3024,7148,3501],{"class":3693},[3024,7150,7151,7153,7155,7157,7159,7161,7163,7165,7167,7169,7171,7173],{"class":3026,"line":3165},[3024,7152,3735],{"class":3693},[3024,7154,4306],{"class":3696},[3024,7156,4309],{"class":3700},[3024,7158,3704],{"class":3041},[3024,7160,6591],{"class":3707},[3024,7162,7054],{"class":3700},[3024,7164,3704],{"class":3041},[3024,7166,6846],{"class":3707},[3024,7168,5305],{"class":3700},[3024,7170,3704],{"class":3041},[3024,7172,5310],{"class":3707},[3024,7174,3711],{"class":3693},[3024,7176,7177,7179,7181],{"class":3026,"line":3171},[3024,7178,5355],{"class":3693},[3024,7180,6802],{"class":3696},[3024,7182,3501],{"class":3693},[3024,7184,7185,7187,7189,7191,7193,7196,7198,7200,7202],{"class":3026,"line":3178},[3024,7186,4256],{"class":3693},[3024,7188,4306],{"class":3696},[3024,7190,4309],{"class":3700},[3024,7192,3704],{"class":3041},[3024,7194,7195],{"class":3707},"\"  Марія Коваленко\"",[3024,7197,4244],{"class":3700},[3024,7199,3704],{"class":3041},[3024,7201,7094],{"class":3707},[3024,7203,3711],{"class":3693},[3024,7205,7206,7208,7210,7212,7214,7217,7219,7221,7223],{"class":3026,"line":3341},[3024,7207,4256],{"class":3693},[3024,7209,4306],{"class":3696},[3024,7211,4309],{"class":3700},[3024,7213,3704],{"class":3041},[3024,7215,7216],{"class":3707},"\"  Анна Мельник\"",[3024,7218,4244],{"class":3700},[3024,7220,3704],{"class":3041},[3024,7222,7094],{"class":3707},[3024,7224,3711],{"class":3693},[3024,7226,7227,7229,7231],{"class":3026,"line":3347},[3024,7228,3779],{"class":3693},[3024,7230,4635],{"class":3696},[3024,7232,3501],{"class":3693},[3239,7234,7236],{"id":7235},"множинне-групування","Множинне групування",[3015,7238,7240],{"className":3017,"code":7239,"language":3019,"meta":3020,"style":3020},"// Спочатку за містом, потім за віковою категорією\nPeopleView.GroupDescriptions.Add(new PropertyGroupDescription(\"City\"));\nPeopleView.GroupDescriptions.Add(new PropertyGroupDescription(\"AgeCategory\"));\n",[2975,7241,7242,7247,7271],{"__ignoreMap":3020},[3024,7243,7244],{"class":3026,"line":3027},[3024,7245,7246],{"class":3174},"// Спочатку за містом, потім за віковою категорією\n",[3024,7248,7249,7251,7253,7255,7257,7259,7261,7263,7265,7267,7269],{"class":3026,"line":3045},[3024,7250,4380],{"class":3057},[3024,7252,3067],{"class":3041},[3024,7254,3866],{"class":3057},[3024,7256,3067],{"class":3041},[3024,7258,3148],{"class":3037},[3024,7260,3073],{"class":3041},[3024,7262,3492],{"class":3030},[3024,7264,6713],{"class":3378},[3024,7266,3073],{"class":3041},[3024,7268,4402],{"class":3524},[3024,7270,6720],{"class":3041},[3024,7272,7273,7275,7277,7279,7281,7283,7285,7287,7289,7291,7294],{"class":3026,"line":3051},[3024,7274,4380],{"class":3057},[3024,7276,3067],{"class":3041},[3024,7278,3866],{"class":3057},[3024,7280,3067],{"class":3041},[3024,7282,3148],{"class":3037},[3024,7284,3073],{"class":3041},[3024,7286,3492],{"class":3030},[3024,7288,6713],{"class":3378},[3024,7290,3073],{"class":3041},[3024,7292,7293],{"class":3524},"\"AgeCategory\"",[3024,7295,6720],{"class":3041},[2965,7297,7298],{},[2986,7299,7300],{},"Модель з обчислюваною властивістю:",[3015,7302,7304],{"className":3017,"code":7303,"language":3019,"meta":3020,"style":3020},"public class Person : INotifyPropertyChanged\n{\n    public string FirstName { get; set; }\n    public string LastName { get; set; }\n    public string City { get; set; }\n    public int Age { get; set; }\n    \n    // Обчислювана властивість для групування\n    public string AgeCategory\n    {\n        get\n        {\n            if (Age \u003C 18) return \"Неповнолітні\";\n            if (Age \u003C 30) return \"18-29\";\n            if (Age \u003C 50) return \"30-49\";\n            return \"50+\";\n        }\n    }\n    \n    // ... INotifyPropertyChanged implementation\n}\n",[2975,7305,7306,7318,7322,7341,7360,7379,7398,7402,7407,7416,7420,7425,7429,7453,7474,7496,7505,7509,7513,7517,7521],{"__ignoreMap":3020},[3024,7307,7308,7310,7312,7314,7316],{"class":3026,"line":3027},[3024,7309,3031],{"class":3030},[3024,7311,3405],{"class":3030},[3024,7313,3514],{"class":3378},[3024,7315,5428],{"class":3041},[3024,7317,5431],{"class":3378},[3024,7319,7320],{"class":3026,"line":3045},[3024,7321,3048],{"class":3041},[3024,7323,7324,7326,7328,7331,7333,7335,7337,7339],{"class":3026,"line":3051},[3024,7325,3417],{"class":3030},[3024,7327,5489],{"class":3030},[3024,7329,7330],{"class":3057}," FirstName",[3024,7332,3434],{"class":3041},[3024,7334,3437],{"class":3030},[3024,7336,3440],{"class":3041},[3024,7338,3443],{"class":3030},[3024,7340,3446],{"class":3041},[3024,7342,7343,7345,7347,7350,7352,7354,7356,7358],{"class":3026,"line":3097},[3024,7344,3417],{"class":3030},[3024,7346,5489],{"class":3030},[3024,7348,7349],{"class":3057}," LastName",[3024,7351,3434],{"class":3041},[3024,7353,3437],{"class":3030},[3024,7355,3440],{"class":3041},[3024,7357,3443],{"class":3030},[3024,7359,3446],{"class":3041},[3024,7361,7362,7364,7366,7369,7371,7373,7375,7377],{"class":3026,"line":3110},[3024,7363,3417],{"class":3030},[3024,7365,5489],{"class":3030},[3024,7367,7368],{"class":3057}," City",[3024,7370,3434],{"class":3041},[3024,7372,3437],{"class":3030},[3024,7374,3440],{"class":3041},[3024,7376,3443],{"class":3030},[3024,7378,3446],{"class":3041},[3024,7380,7381,7383,7385,7388,7390,7392,7394,7396],{"class":3026,"line":3134},[3024,7382,3417],{"class":3030},[3024,7384,6082],{"class":3030},[3024,7386,7387],{"class":3057}," Age",[3024,7389,3434],{"class":3041},[3024,7391,3437],{"class":3030},[3024,7393,3440],{"class":3041},[3024,7395,3443],{"class":3030},[3024,7397,3446],{"class":3041},[3024,7399,7400],{"class":3026,"line":3140},[3024,7401,3168],{"class":3041},[3024,7403,7404],{"class":3026,"line":3159},[3024,7405,7406],{"class":3174},"    // Обчислювана властивість для групування\n",[3024,7408,7409,7411,7413],{"class":3026,"line":3165},[3024,7410,3417],{"class":3030},[3024,7412,5489],{"class":3030},[3024,7414,7415],{"class":3057}," AgeCategory\n",[3024,7417,7418],{"class":3026,"line":3171},[3024,7419,3137],{"class":3041},[3024,7421,7422],{"class":3026,"line":3178},[3024,7423,7424],{"class":3030},"        get\n",[3024,7426,7427],{"class":3026,"line":3341},[3024,7428,3506],{"class":3041},[3024,7430,7431,7433,7435,7437,7440,7442,7445,7448,7451],{"class":3026,"line":3347},[3024,7432,5186],{"class":3113},[3024,7434,3117],{"class":3041},[3024,7436,3540],{"class":3057},[3024,7438,7439],{"class":3041}," \u003C ",[3024,7441,5221],{"class":3545},[3024,7443,7444],{"class":3041},") ",[3024,7446,7447],{"class":3113},"return",[3024,7449,7450],{"class":3524}," \"Неповнолітні\"",[3024,7452,3392],{"class":3041},[3024,7454,7455,7457,7459,7461,7463,7465,7467,7469,7472],{"class":3026,"line":3587},[3024,7456,5186],{"class":3113},[3024,7458,3117],{"class":3041},[3024,7460,3540],{"class":3057},[3024,7462,7439],{"class":3041},[3024,7464,3582],{"class":3545},[3024,7466,7444],{"class":3041},[3024,7468,7447],{"class":3113},[3024,7470,7471],{"class":3524}," \"18-29\"",[3024,7473,3392],{"class":3041},[3024,7475,7476,7478,7480,7482,7484,7487,7489,7491,7494],{"class":3026,"line":3624},[3024,7477,5186],{"class":3113},[3024,7479,3117],{"class":3041},[3024,7481,3540],{"class":3057},[3024,7483,7439],{"class":3041},[3024,7485,7486],{"class":3545},"50",[3024,7488,7444],{"class":3041},[3024,7490,7447],{"class":3113},[3024,7492,7493],{"class":3524}," \"30-49\"",[3024,7495,3392],{"class":3041},[3024,7497,7498,7500,7503],{"class":3026,"line":3630},[3024,7499,5235],{"class":3113},[3024,7501,7502],{"class":3524}," \"50+\"",[3024,7504,3392],{"class":3041},[3024,7506,7507],{"class":3026,"line":3636},[3024,7508,5563],{"class":3041},[3024,7510,7511],{"class":3026,"line":3642},[3024,7512,3162],{"class":3041},[3024,7514,7515],{"class":3026,"line":3664},[3024,7516,3168],{"class":3041},[3024,7518,7519],{"class":3026,"line":3669},[3024,7520,5951],{"class":3174},[3024,7522,7523],{"class":3026,"line":4213},[3024,7524,3181],{"class":3041},[2965,7526,7527],{},[2986,7528,4225],{},[3015,7530,7533],{"className":7531,"code":7532,"language":6989},[6987],"┌─ Київ ────────────┐\n│ ├─ 18-29 ─────────┤\n│ │ Іван (25)       │\n│ ├─ 30-49 ─────────┤\n│ │ Олександр (35)  │\n├─ Львів ───────────┤\n│ ├─ 18-29 ─────────┤\n│ │ Марія (28)      │\n└───────────────────┘\n",[2975,7534,7532],{"__ignoreMap":3020},[3239,7536,7538],{"id":7537},"групування-у-xaml","Групування у XAML",[3015,7540,7542],{"className":3679,"code":7541,"language":3681,"meta":3020,"style":3020},"\u003CWindow.Resources>\n    \u003CCollectionViewSource x:Key=\"peopleViewSource\" Source=\"{Binding People}\">\n        \u003CCollectionViewSource.GroupDescriptions>\n            \u003CPropertyGroupDescription PropertyName=\"City\"/>\n        \u003C/CollectionViewSource.GroupDescriptions>\n        \u003CCollectionViewSource.SortDescriptions>\n            \u003CcomponentModel:SortDescription PropertyName=\"City\" Direction=\"Ascending\"/>\n            \u003CcomponentModel:SortDescription PropertyName=\"LastName\" Direction=\"Ascending\"/>\n        \u003C/CollectionViewSource.SortDescriptions>\n    \u003C/CollectionViewSource>\n\u003C/Window.Resources>\n\n\u003CListBox ItemsSource=\"{Binding Source={StaticResource peopleViewSource}}\">\n    \u003CListBox.GroupStyle>\n        \u003CGroupStyle>\n            \u003CGroupStyle.HeaderTemplate>\n                \u003CDataTemplate>\n                    \u003CTextBlock Text=\"{Binding Name}\" \n                               FontWeight=\"Bold\" \n                               FontSize=\"16\" \n                               Background=\"LightGray\" \n                               Padding=\"5\"/>\n                \u003C/DataTemplate>\n            \u003C/GroupStyle.HeaderTemplate>\n        \u003C/GroupStyle>\n    \u003C/ListBox.GroupStyle>\n\u003C/ListBox>\n",[2975,7543,7544,7552,7572,7581,7596,7604,7612,7632,7652,7660,7668,7676,7680,7694,7702,7710,7718,7726,7740,7751,7763,7775,7786,7794,7802,7810,7818],{"__ignoreMap":3020},[3024,7545,7546,7548,7550],{"class":3026,"line":3027},[3024,7547,3423],{"class":3693},[3024,7549,3728],{"class":3696},[3024,7551,3501],{"class":3693},[3024,7553,7554,7556,7558,7560,7562,7564,7566,7568,7570],{"class":3026,"line":3045},[3024,7555,3735],{"class":3693},[3024,7557,3650],{"class":3696},[3024,7559,3740],{"class":3700},[3024,7561,3704],{"class":3041},[3024,7563,3745],{"class":3707},[3024,7565,4794],{"class":3700},[3024,7567,3704],{"class":3041},[3024,7569,3758],{"class":3707},[3024,7571,3501],{"class":3693},[3024,7573,7574,7576,7579],{"class":3026,"line":3051},[3024,7575,4671],{"class":3693},[3024,7577,7578],{"class":3696},"CollectionViewSource.GroupDescriptions",[3024,7580,3501],{"class":3693},[3024,7582,7583,7585,7588,7590,7592,7594],{"class":3026,"line":3097},[3024,7584,4814],{"class":3693},[3024,7586,7587],{"class":3696},"PropertyGroupDescription",[3024,7589,4820],{"class":3700},[3024,7591,3704],{"class":3041},[3024,7593,4402],{"class":3707},[3024,7595,3711],{"class":3693},[3024,7597,7598,7600,7602],{"class":3026,"line":3110},[3024,7599,4860],{"class":3693},[3024,7601,7578],{"class":3696},[3024,7603,3501],{"class":3693},[3024,7605,7606,7608,7610],{"class":3026,"line":3134},[3024,7607,4671],{"class":3693},[3024,7609,4807],{"class":3696},[3024,7611,3501],{"class":3693},[3024,7613,7614,7616,7618,7620,7622,7624,7626,7628,7630],{"class":3026,"line":3140},[3024,7615,4814],{"class":3693},[3024,7617,4817],{"class":3696},[3024,7619,4820],{"class":3700},[3024,7621,3704],{"class":3041},[3024,7623,4402],{"class":3707},[3024,7625,4827],{"class":3700},[3024,7627,3704],{"class":3041},[3024,7629,4832],{"class":3707},[3024,7631,3711],{"class":3693},[3024,7633,7634,7636,7638,7640,7642,7644,7646,7648,7650],{"class":3026,"line":3159},[3024,7635,4814],{"class":3693},[3024,7637,4817],{"class":3696},[3024,7639,4820],{"class":3700},[3024,7641,3704],{"class":3041},[3024,7643,4193],{"class":3707},[3024,7645,4827],{"class":3700},[3024,7647,3704],{"class":3041},[3024,7649,4832],{"class":3707},[3024,7651,3711],{"class":3693},[3024,7653,7654,7656,7658],{"class":3026,"line":3165},[3024,7655,4860],{"class":3693},[3024,7657,4807],{"class":3696},[3024,7659,3501],{"class":3693},[3024,7661,7662,7664,7666],{"class":3026,"line":3171},[3024,7663,3770],{"class":3693},[3024,7665,3650],{"class":3696},[3024,7667,3501],{"class":3693},[3024,7669,7670,7672,7674],{"class":3026,"line":3178},[3024,7671,3779],{"class":3693},[3024,7673,3728],{"class":3696},[3024,7675,3501],{"class":3693},[3024,7677,7678],{"class":3026,"line":3341},[3024,7679,3398],{"emptyLinePlaceholder":3397},[3024,7681,7682,7684,7686,7688,7690,7692],{"class":3026,"line":3347},[3024,7683,3423],{"class":3693},[3024,7685,3697],{"class":3696},[3024,7687,3701],{"class":3700},[3024,7689,3704],{"class":3041},[3024,7691,3800],{"class":3707},[3024,7693,3501],{"class":3693},[3024,7695,7696,7698,7700],{"class":3026,"line":3587},[3024,7697,3735],{"class":3693},[3024,7699,6764],{"class":3696},[3024,7701,3501],{"class":3693},[3024,7703,7704,7706,7708],{"class":3026,"line":3624},[3024,7705,4671],{"class":3693},[3024,7707,6773],{"class":3696},[3024,7709,3501],{"class":3693},[3024,7711,7712,7714,7716],{"class":3026,"line":3630},[3024,7713,4814],{"class":3693},[3024,7715,6782],{"class":3696},[3024,7717,3501],{"class":3693},[3024,7719,7720,7722,7724],{"class":3026,"line":3636},[3024,7721,6789],{"class":3693},[3024,7723,6792],{"class":3696},[3024,7725,3501],{"class":3693},[3024,7727,7728,7730,7732,7734,7736,7738],{"class":3026,"line":3642},[3024,7729,6799],{"class":3693},[3024,7731,4306],{"class":3696},[3024,7733,4309],{"class":3700},[3024,7735,3704],{"class":3041},[3024,7737,6834],{"class":3707},[3024,7739,3748],{"class":3041},[3024,7741,7742,7745,7747,7749],{"class":3026,"line":3664},[3024,7743,7744],{"class":3700},"                               FontWeight",[3024,7746,3704],{"class":3041},[3024,7748,5310],{"class":3707},[3024,7750,3748],{"class":3041},[3024,7752,7753,7756,7758,7761],{"class":3026,"line":3669},[3024,7754,7755],{"class":3700},"                               FontSize",[3024,7757,3704],{"class":3041},[3024,7759,7760],{"class":3707},"\"16\"",[3024,7762,3748],{"class":3041},[3024,7764,7765,7768,7770,7773],{"class":3026,"line":4213},[3024,7766,7767],{"class":3700},"                               Background",[3024,7769,3704],{"class":3041},[3024,7771,7772],{"class":3707},"\"LightGray\"",[3024,7774,3748],{"class":3041},[3024,7776,7777,7780,7782,7784],{"class":3026,"line":4218},[3024,7778,7779],{"class":3700},"                               Padding",[3024,7781,3704],{"class":3041},[3024,7783,6818],{"class":3707},[3024,7785,3711],{"class":3693},[3024,7787,7788,7790,7792],{"class":3026,"line":5226},[3024,7789,6885],{"class":3693},[3024,7791,6792],{"class":3696},[3024,7793,3501],{"class":3693},[3024,7795,7796,7798,7800],{"class":3026,"line":5232},[3024,7797,6894],{"class":3693},[3024,7799,6782],{"class":3696},[3024,7801,3501],{"class":3693},[3024,7803,7804,7806,7808],{"class":3026,"line":5243},[3024,7805,4860],{"class":3693},[3024,7807,6773],{"class":3696},[3024,7809,3501],{"class":3693},[3024,7811,7812,7814,7816],{"class":3026,"line":5248},[3024,7813,3770],{"class":3693},[3024,7815,6764],{"class":3696},[3024,7817,3501],{"class":3693},[3024,7819,7820,7822,7824],{"class":3026,"line":5253},[3024,7821,3779],{"class":3693},[3024,7823,3697],{"class":3696},[3024,7825,3501],{"class":3693},[3239,7827,7829],{"id":7828},"кастомне-групування-через-ivalueconverter","Кастомне групування через IValueConverter",[2965,7831,7832],{},"Для складної логіки групування:",[3015,7834,7836],{"className":3017,"code":7835,"language":3019,"meta":3020,"style":3020},"public class AgeGroupConverter : IValueConverter\n{\n    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)\n    {\n        if (value is int age)\n        {\n            if (age \u003C 18) return \"Неповнолітні\";\n            if (age \u003C 30) return \"Молодь (18-29)\";\n            if (age \u003C 50) return \"Дорослі (30-49)\";\n            return \"Старші (50+)\";\n        }\n        return \"Невідомо\";\n    }\n    \n    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)\n    {\n        throw new NotImplementedException();\n    }\n}\n",[2975,7837,7838,7852,7856,7898,7902,7919,7923,7944,7965,7986,7995,7999,8008,8012,8016,8051,8055,8068,8072],{"__ignoreMap":3020},[3024,7839,7840,7842,7844,7847,7849],{"class":3026,"line":3027},[3024,7841,3031],{"class":3030},[3024,7843,3405],{"class":3030},[3024,7845,7846],{"class":3378}," AgeGroupConverter",[3024,7848,5428],{"class":3041},[3024,7850,7851],{"class":3378},"IValueConverter\n",[3024,7853,7854],{"class":3026,"line":3045},[3024,7855,3048],{"class":3041},[3024,7857,7858,7860,7863,7866,7868,7870,7873,7875,7878,7881,7883,7885,7888,7890,7893,7896],{"class":3026,"line":3051},[3024,7859,3417],{"class":3030},[3024,7861,7862],{"class":3030}," object",[3024,7864,7865],{"class":3037}," Convert",[3024,7867,3073],{"class":3041},[3024,7869,3889],{"class":3030},[3024,7871,7872],{"class":3057}," value",[3024,7874,3528],{"class":3041},[3024,7876,7877],{"class":3378},"Type",[3024,7879,7880],{"class":3057}," targetType",[3024,7882,3528],{"class":3041},[3024,7884,3889],{"class":3030},[3024,7886,7887],{"class":3057}," parameter",[3024,7889,3528],{"class":3041},[3024,7891,7892],{"class":3378},"CultureInfo",[3024,7894,7895],{"class":3057}," culture",[3024,7897,3131],{"class":3041},[3024,7899,7900],{"class":3026,"line":3097},[3024,7901,3137],{"class":3041},[3024,7903,7904,7906,7908,7910,7912,7914,7917],{"class":3026,"line":3110},[3024,7905,5735],{"class":3113},[3024,7907,3117],{"class":3041},[3024,7909,5542],{"class":3057},[3024,7911,5193],{"class":3030},[3024,7913,6082],{"class":3030},[3024,7915,7916],{"class":3057}," age",[3024,7918,3131],{"class":3041},[3024,7920,7921],{"class":3026,"line":3134},[3024,7922,3506],{"class":3041},[3024,7924,7925,7927,7929,7932,7934,7936,7938,7940,7942],{"class":3026,"line":3140},[3024,7926,5186],{"class":3113},[3024,7928,3117],{"class":3041},[3024,7930,7931],{"class":3057},"age",[3024,7933,7439],{"class":3041},[3024,7935,5221],{"class":3545},[3024,7937,7444],{"class":3041},[3024,7939,7447],{"class":3113},[3024,7941,7450],{"class":3524},[3024,7943,3392],{"class":3041},[3024,7945,7946,7948,7950,7952,7954,7956,7958,7960,7963],{"class":3026,"line":3159},[3024,7947,5186],{"class":3113},[3024,7949,3117],{"class":3041},[3024,7951,7931],{"class":3057},[3024,7953,7439],{"class":3041},[3024,7955,3582],{"class":3545},[3024,7957,7444],{"class":3041},[3024,7959,7447],{"class":3113},[3024,7961,7962],{"class":3524}," \"Молодь (18-29)\"",[3024,7964,3392],{"class":3041},[3024,7966,7967,7969,7971,7973,7975,7977,7979,7981,7984],{"class":3026,"line":3165},[3024,7968,5186],{"class":3113},[3024,7970,3117],{"class":3041},[3024,7972,7931],{"class":3057},[3024,7974,7439],{"class":3041},[3024,7976,7486],{"class":3545},[3024,7978,7444],{"class":3041},[3024,7980,7447],{"class":3113},[3024,7982,7983],{"class":3524}," \"Дорослі (30-49)\"",[3024,7985,3392],{"class":3041},[3024,7987,7988,7990,7993],{"class":3026,"line":3171},[3024,7989,5235],{"class":3113},[3024,7991,7992],{"class":3524}," \"Старші (50+)\"",[3024,7994,3392],{"class":3041},[3024,7996,7997],{"class":3026,"line":3178},[3024,7998,5563],{"class":3041},[3024,8000,8001,8003,8006],{"class":3026,"line":3341},[3024,8002,6263],{"class":3113},[3024,8004,8005],{"class":3524}," \"Невідомо\"",[3024,8007,3392],{"class":3041},[3024,8009,8010],{"class":3026,"line":3347},[3024,8011,3162],{"class":3041},[3024,8013,8014],{"class":3026,"line":3587},[3024,8015,3168],{"class":3041},[3024,8017,8018,8020,8022,8025,8027,8029,8031,8033,8035,8037,8039,8041,8043,8045,8047,8049],{"class":3026,"line":3624},[3024,8019,3417],{"class":3030},[3024,8021,7862],{"class":3030},[3024,8023,8024],{"class":3037}," ConvertBack",[3024,8026,3073],{"class":3041},[3024,8028,3889],{"class":3030},[3024,8030,7872],{"class":3057},[3024,8032,3528],{"class":3041},[3024,8034,7877],{"class":3378},[3024,8036,7880],{"class":3057},[3024,8038,3528],{"class":3041},[3024,8040,3889],{"class":3030},[3024,8042,7887],{"class":3057},[3024,8044,3528],{"class":3041},[3024,8046,7892],{"class":3378},[3024,8048,7895],{"class":3057},[3024,8050,3131],{"class":3041},[3024,8052,8053],{"class":3026,"line":3630},[3024,8054,3137],{"class":3041},[3024,8056,8057,8060,8063,8066],{"class":3026,"line":3636},[3024,8058,8059],{"class":3113},"        throw",[3024,8061,8062],{"class":3030}," new",[3024,8064,8065],{"class":3378}," NotImplementedException",[3024,8067,3094],{"class":3041},[3024,8069,8070],{"class":3026,"line":3642},[3024,8071,3162],{"class":3041},[3024,8073,8074],{"class":3026,"line":3664},[3024,8075,3181],{"class":3041},[3015,8077,8079],{"className":3017,"code":8078,"language":3019,"meta":3020,"style":3020},"PeopleView.GroupDescriptions.Add(\n    new PropertyGroupDescription(\"Age\", new AgeGroupConverter())\n);\n",[2975,8080,8081,8095,8114],{"__ignoreMap":3020},[3024,8082,8083,8085,8087,8089,8091,8093],{"class":3026,"line":3027},[3024,8084,4380],{"class":3057},[3024,8086,3067],{"class":3041},[3024,8088,3866],{"class":3057},[3024,8090,3067],{"class":3041},[3024,8092,3148],{"class":3037},[3024,8094,4181],{"class":3041},[3024,8096,8097,8099,8101,8103,8105,8107,8109,8111],{"class":3026,"line":3045},[3024,8098,4395],{"class":3030},[3024,8100,6713],{"class":3378},[3024,8102,3073],{"class":3041},[3024,8104,4599],{"class":3524},[3024,8106,3528],{"class":3041},[3024,8108,3492],{"class":3030},[3024,8110,7846],{"class":3378},[3024,8112,8113],{"class":3041},"())\n",[3024,8115,8116],{"class":3026,"line":3051},[3024,8117,3156],{"class":3041},[3227,8119],{},[2960,8121,8123],{"id":8122},"virtualization-оптимізація-продуктивності","Virtualization: Оптимізація продуктивності",[2965,8125,8126,8129],{},[2986,8127,8128],{},"Проблема:"," Що, якщо у вас 100,000 елементів у списку? WPF створить 100,000 UI-елементів → зависання.",[2965,8131,8132,3210,8134,8137],{},[2986,8133,3209],{},[2986,8135,8136],{},"Virtualization"," — WPF створює UI-елементи тільки для видимих рядків.",[3239,8139,8141],{"id":8140},"як-працює-віртуалізація","Як працює віртуалізація?",[3278,8143,8144],{},[3015,8145,8147],{"className":3282,"code":8146,"language":3278,"meta":3020,"style":3020},"graph TD\n    A[ObservableCollection\u003Cbr/>100,000 елементів] --> B[VirtualizingStackPanel]\n    B --> C{Які елементи видимі?}\n    C --> D[Елементи 0-20\u003Cbr/>видимі на екрані]\n    C --> E[Елементи 21-99,999\u003Cbr/>не видимі]\n    \n    D --> F[Створити UI\u003Cbr/>для 21 елемента]\n    E --> G[Не створювати UI\u003Cbr/>економія пам'яті]\n    \n    H[Користувач прокручує] --> I[Видалити UI\u003Cbr/>для елементів 0-5]\n    H --> J[Створити UI\u003Cbr/>для елементів 21-26]\n    \n    style A fill:#3b82f6,stroke:#1d4ed8,color:#ffffff\n    style B fill:#10b981,stroke:#059669,color:#ffffff\n    style F fill:#10b981,stroke:#059669,color:#ffffff\n    style G fill:#64748b,stroke:#334155,color:#ffffff\n",[2975,8148,8149,8153,8158,8163,8168,8173,8177,8182,8187,8191,8196,8201,8205,8209,8213,8218],{"__ignoreMap":3020},[3024,8150,8151],{"class":3026,"line":3027},[3024,8152,3290],{},[3024,8154,8155],{"class":3026,"line":3045},[3024,8156,8157],{},"    A[ObservableCollection\u003Cbr/>100,000 елементів] --> B[VirtualizingStackPanel]\n",[3024,8159,8160],{"class":3026,"line":3051},[3024,8161,8162],{},"    B --> C{Які елементи видимі?}\n",[3024,8164,8165],{"class":3026,"line":3097},[3024,8166,8167],{},"    C --> D[Елементи 0-20\u003Cbr/>видимі на екрані]\n",[3024,8169,8170],{"class":3026,"line":3110},[3024,8171,8172],{},"    C --> E[Елементи 21-99,999\u003Cbr/>не видимі]\n",[3024,8174,8175],{"class":3026,"line":3134},[3024,8176,3168],{},[3024,8178,8179],{"class":3026,"line":3140},[3024,8180,8181],{},"    D --> F[Створити UI\u003Cbr/>для 21 елемента]\n",[3024,8183,8184],{"class":3026,"line":3159},[3024,8185,8186],{},"    E --> G[Не створювати UI\u003Cbr/>економія пам'яті]\n",[3024,8188,8189],{"class":3026,"line":3165},[3024,8190,3168],{},[3024,8192,8193],{"class":3026,"line":3171},[3024,8194,8195],{},"    H[Користувач прокручує] --> I[Видалити UI\u003Cbr/>для елементів 0-5]\n",[3024,8197,8198],{"class":3026,"line":3178},[3024,8199,8200],{},"    H --> J[Створити UI\u003Cbr/>для елементів 21-26]\n",[3024,8202,8203],{"class":3026,"line":3341},[3024,8204,3168],{},[3024,8206,8207],{"class":3026,"line":3347},[3024,8208,3333],{},[3024,8210,8211],{"class":3026,"line":3587},[3024,8212,3338],{},[3024,8214,8215],{"class":3026,"line":3624},[3024,8216,8217],{},"    style F fill:#10b981,stroke:#059669,color:#ffffff\n",[3024,8219,8220],{"class":3026,"line":3630},[3024,8221,8222],{},"    style G fill:#64748b,stroke:#334155,color:#ffffff\n",[2965,8224,8225],{},[2986,8226,8227],{},"Без віртуалізації:",[2980,8229,8230],{},[2983,8231,8232],{},"100,000 елементів → 100,000 UI-контролів → ~500 MB пам'яті → зависання",[2965,8234,8235],{},[2986,8236,8237],{},"З віртуалізацією:",[2980,8239,8240],{},[2983,8241,8242],{},"100,000 елементів → 20 UI-контролів (тільки видимі) → ~5 MB пам'яті → плавна робота",[3239,8244,8246],{"id":8245},"virtualizingstackpanel","VirtualizingStackPanel",[2965,8248,8249,8251,8252,8254,8255,3067],{},[2975,8250,3697],{}," за замовчуванням використовує ",[2975,8253,8246],{}," як ",[2975,8256,8257],{},"ItemsPanel",[2965,8259,8260],{},[2986,8261,8262],{},"Перевірка:",[3015,8264,8266],{"className":3679,"code":8265,"language":3681,"meta":3020,"style":3020},"\u003CListBox ItemsSource=\"{Binding LargeCollection}\">\n    \u003C!-- За замовчуванням VirtualizingStackPanel -->\n    \u003CListBox.ItemsPanel>\n        \u003CItemsPanelTemplate>\n            \u003CVirtualizingStackPanel/>\n        \u003C/ItemsPanelTemplate>\n    \u003C/ListBox.ItemsPanel>\n\u003C/ListBox>\n",[2975,8267,8268,8283,8288,8297,8306,8314,8322,8330],{"__ignoreMap":3020},[3024,8269,8270,8272,8274,8276,8278,8281],{"class":3026,"line":3027},[3024,8271,3423],{"class":3693},[3024,8273,3697],{"class":3696},[3024,8275,3701],{"class":3700},[3024,8277,3704],{"class":3041},[3024,8279,8280],{"class":3707},"\"{Binding LargeCollection}\"",[3024,8282,3501],{"class":3693},[3024,8284,8285],{"class":3026,"line":3045},[3024,8286,8287],{"class":3174},"    \u003C!-- За замовчуванням VirtualizingStackPanel -->\n",[3024,8289,8290,8292,8295],{"class":3026,"line":3051},[3024,8291,3735],{"class":3693},[3024,8293,8294],{"class":3696},"ListBox.ItemsPanel",[3024,8296,3501],{"class":3693},[3024,8298,8299,8301,8304],{"class":3026,"line":3097},[3024,8300,4671],{"class":3693},[3024,8302,8303],{"class":3696},"ItemsPanelTemplate",[3024,8305,3501],{"class":3693},[3024,8307,8308,8310,8312],{"class":3026,"line":3110},[3024,8309,4814],{"class":3693},[3024,8311,8246],{"class":3696},[3024,8313,3711],{"class":3693},[3024,8315,8316,8318,8320],{"class":3026,"line":3134},[3024,8317,4860],{"class":3693},[3024,8319,8303],{"class":3696},[3024,8321,3501],{"class":3693},[3024,8323,8324,8326,8328],{"class":3026,"line":3140},[3024,8325,3770],{"class":3693},[3024,8327,8294],{"class":3696},[3024,8329,3501],{"class":3693},[3024,8331,8332,8334,8336],{"class":3026,"line":3159},[3024,8333,3779],{"class":3693},[3024,8335,3697],{"class":3696},[3024,8337,3501],{"class":3693},[2965,8339,8340],{},[2986,8341,8342],{},"Тест продуктивності:",[3015,8344,8346],{"className":3017,"code":8345,"language":3019,"meta":3020,"style":3020},"public class PerformanceViewModel\n{\n    public ObservableCollection\u003Cint> LargeCollection { get; set; }\n    \n    public PerformanceViewModel()\n    {\n        LargeCollection = new ObservableCollection\u003Cint>();\n        \n        // Додаємо 100,000 елементів\n        for (int i = 0; i \u003C 100_000; i++)\n        {\n            LargeCollection.Add(i);\n        }\n    }\n}\n",[2975,8347,8348,8357,8361,8386,8390,8399,8403,8421,8425,8430,8464,8468,8483,8487,8491],{"__ignoreMap":3020},[3024,8349,8350,8352,8354],{"class":3026,"line":3027},[3024,8351,3031],{"class":3030},[3024,8353,3405],{"class":3030},[3024,8355,8356],{"class":3378}," PerformanceViewModel\n",[3024,8358,8359],{"class":3026,"line":3045},[3024,8360,3048],{"class":3041},[3024,8362,8363,8365,8367,8369,8371,8373,8376,8378,8380,8382,8384],{"class":3026,"line":3051},[3024,8364,3417],{"class":3030},[3024,8366,3420],{"class":3378},[3024,8368,3423],{"class":3041},[3024,8370,3904],{"class":3030},[3024,8372,3429],{"class":3041},[3024,8374,8375],{"class":3057},"LargeCollection",[3024,8377,3434],{"class":3041},[3024,8379,3437],{"class":3030},[3024,8381,3440],{"class":3041},[3024,8383,3443],{"class":3030},[3024,8385,3446],{"class":3041},[3024,8387,8388],{"class":3026,"line":3097},[3024,8389,3168],{"class":3041},[3024,8391,8392,8394,8397],{"class":3026,"line":3110},[3024,8393,3417],{"class":3030},[3024,8395,8396],{"class":3037}," PerformanceViewModel",[3024,8398,3042],{"class":3041},[3024,8400,8401],{"class":3026,"line":3134},[3024,8402,3137],{"class":3041},[3024,8404,8405,8408,8410,8412,8414,8416,8418],{"class":3026,"line":3140},[3024,8406,8407],{"class":3057},"        LargeCollection",[3024,8409,3061],{"class":3041},[3024,8411,3492],{"class":3030},[3024,8413,3420],{"class":3378},[3024,8415,3423],{"class":3041},[3024,8417,3904],{"class":3030},[3024,8419,8420],{"class":3041},">();\n",[3024,8422,8423],{"class":3026,"line":3159},[3024,8424,3633],{"class":3041},[3024,8426,8427],{"class":3026,"line":3165},[3024,8428,8429],{"class":3174},"        // Додаємо 100,000 елементів\n",[3024,8431,8432,8435,8437,8439,8442,8444,8447,8449,8452,8454,8457,8459,8461],{"class":3026,"line":3171},[3024,8433,8434],{"class":3113},"        for",[3024,8436,3117],{"class":3041},[3024,8438,3904],{"class":3030},[3024,8440,8441],{"class":3057}," i",[3024,8443,3061],{"class":3041},[3024,8445,8446],{"class":3545},"0",[3024,8448,3440],{"class":3041},[3024,8450,8451],{"class":3057},"i",[3024,8453,7439],{"class":3041},[3024,8455,8456],{"class":3545},"100_000",[3024,8458,3440],{"class":3041},[3024,8460,8451],{"class":3057},[3024,8462,8463],{"class":3041},"++)\n",[3024,8465,8466],{"class":3026,"line":3178},[3024,8467,3506],{"class":3041},[3024,8469,8470,8473,8475,8477,8479,8481],{"class":3026,"line":3341},[3024,8471,8472],{"class":3057},"            LargeCollection",[3024,8474,3067],{"class":3041},[3024,8476,3148],{"class":3037},[3024,8478,3073],{"class":3041},[3024,8480,8451],{"class":3057},[3024,8482,3156],{"class":3041},[3024,8484,8485],{"class":3026,"line":3347},[3024,8486,5563],{"class":3041},[3024,8488,8489],{"class":3026,"line":3587},[3024,8490,3162],{"class":3041},[3024,8492,8493],{"class":3026,"line":3624},[3024,8494,3181],{"class":3041},[2965,8496,8497,8499],{},[2986,8498,4225],{}," Список з 100,000 елементів відкривається миттєво та прокручується плавно.",[3239,8501,8503],{"id":8502},"virtualizationmode-standard-vs-recycling","VirtualizationMode: Standard vs Recycling",[2965,8505,8506],{},[2986,8507,8508],{},"Standard (за замовчуванням):",[2980,8510,8511,8514],{},[2983,8512,8513],{},"Створює нові UI-елементи при прокрутці",[2983,8515,8516],{},"Видаляє старі UI-елементи",[2965,8518,8519],{},[2986,8520,8521],{},"Recycling (оптимізований):",[2980,8523,8524,8527],{},[2983,8525,8526],{},"Перевикористовує існуючі UI-елементи",[2983,8528,8529],{},"Тільки оновлює DataContext",[3015,8531,8533],{"className":3679,"code":8532,"language":3681,"meta":3020,"style":3020},"\u003CListBox ItemsSource=\"{Binding LargeCollection}\"\n         VirtualizingPanel.VirtualizationMode=\"Recycling\">\n    \u003C!-- Recycling mode — ще швидше -->\n\u003C/ListBox>\n",[2975,8534,8535,8548,8560,8565],{"__ignoreMap":3020},[3024,8536,8537,8539,8541,8543,8545],{"class":3026,"line":3027},[3024,8538,3423],{"class":3693},[3024,8540,3697],{"class":3696},[3024,8542,3701],{"class":3700},[3024,8544,3704],{"class":3041},[3024,8546,8547],{"class":3707},"\"{Binding LargeCollection}\"\n",[3024,8549,8550,8553,8555,8558],{"class":3026,"line":3045},[3024,8551,8552],{"class":3700},"         VirtualizingPanel.VirtualizationMode",[3024,8554,3704],{"class":3041},[3024,8556,8557],{"class":3707},"\"Recycling\"",[3024,8559,3501],{"class":3693},[3024,8561,8562],{"class":3026,"line":3051},[3024,8563,8564],{"class":3174},"    \u003C!-- Recycling mode — ще швидше -->\n",[3024,8566,8567,8569,8571],{"class":3026,"line":3097},[3024,8568,3779],{"class":3693},[3024,8570,3697],{"class":3696},[3024,8572,3501],{"class":3693},[2965,8574,8575],{},[2986,8576,8577],{},"Порівняння:",[3808,8579,8580,8599],{},[3811,8581,8582],{},[3814,8583,8584,8587,8590,8593,8596],{},[3817,8585,8586],{},"Режим",[3817,8588,8589],{},"Створення UI",[3817,8591,8592],{},"Видалення UI",[3817,8594,8595],{},"Пам'ять",[3817,8597,8598],{},"Швидкість",[3827,8600,8601,8617],{},[3814,8602,8603,8606,8609,8611,8614],{},[3832,8604,8605],{},"Standard",[3832,8607,8608],{},"При прокрутці",[3832,8610,8608],{},[3832,8612,8613],{},"Середня",[3832,8615,8616],{},"Швидка",[3814,8618,8619,8622,8625,8628,8631],{},[3832,8620,8621],{},"Recycling",[3832,8623,8624],{},"Один раз",[3832,8626,8627],{},"Ніколи",[3832,8629,8630],{},"Менша",[3832,8632,8633],{},"Швидша",[8635,8636,8637,8640,8641,8644],"tip",{},[2986,8638,8639],{},"Best Practice:"," Завжди використовуйте ",[2975,8642,8643],{},"VirtualizationMode=\"Recycling\""," для великих списків (>1000 елементів).",[3239,8646,8648],{"id":8647},"коли-віртуалізація-не-працює","Коли віртуалізація НЕ працює?",[2965,8650,8651],{},[2986,8652,8653],{},"Проблема 1: ScrollViewer всередині ItemsControl",[3015,8655,8657],{"className":3679,"code":8656,"language":3681,"meta":3020,"style":3020},"\u003C!-- ❌ Віртуалізація не працює -->\n\u003CScrollViewer>\n    \u003CListBox ItemsSource=\"{Binding LargeCollection}\"/>\n\u003C/ScrollViewer>\n",[2975,8658,8659,8664,8673,8687],{"__ignoreMap":3020},[3024,8660,8661],{"class":3026,"line":3027},[3024,8662,8663],{"class":3174},"\u003C!-- ❌ Віртуалізація не працює -->\n",[3024,8665,8666,8668,8671],{"class":3026,"line":3045},[3024,8667,3423],{"class":3693},[3024,8669,8670],{"class":3696},"ScrollViewer",[3024,8672,3501],{"class":3693},[3024,8674,8675,8677,8679,8681,8683,8685],{"class":3026,"line":3051},[3024,8676,3735],{"class":3693},[3024,8678,3697],{"class":3696},[3024,8680,3701],{"class":3700},[3024,8682,3704],{"class":3041},[3024,8684,8280],{"class":3707},[3024,8686,3711],{"class":3693},[3024,8688,8689,8691,8693],{"class":3026,"line":3097},[3024,8690,3779],{"class":3693},[3024,8692,8670],{"class":3696},[3024,8694,3501],{"class":3693},[2965,8696,8697,3210,8700,8702,8703,8705,8706,8708,8709,8711],{},[2986,8698,8699],{},"Чому?",[2975,8701,3697],{}," має власний ",[2975,8704,8670],{},". Зовнішній ",[2975,8707,8670],{}," змушує ",[2975,8710,3697],{}," розгорнутися на повну висоту → всі елементи створюються.",[2965,8713,8714,8716,8717,3067],{},[2986,8715,3209],{}," Видалити зовнішній ",[2975,8718,8670],{},[2965,8720,8721],{},[2986,8722,8723],{},"Проблема 2: ItemsControl без фіксованої висоти",[3015,8725,8727],{"className":3679,"code":8726,"language":3681,"meta":3020,"style":3020},"\u003C!-- ❌ Віртуалізація не працює -->\n\u003CListBox ItemsSource=\"{Binding LargeCollection}\" Height=\"Auto\"/>\n",[2975,8728,8729,8733],{"__ignoreMap":3020},[3024,8730,8731],{"class":3026,"line":3027},[3024,8732,8663],{"class":3174},[3024,8734,8735,8737,8739,8741,8743,8745,8747,8749,8752],{"class":3026,"line":3045},[3024,8736,3423],{"class":3693},[3024,8738,3697],{"class":3696},[3024,8740,3701],{"class":3700},[3024,8742,3704],{"class":3041},[3024,8744,8280],{"class":3707},[3024,8746,4747],{"class":3700},[3024,8748,3704],{"class":3041},[3024,8750,8751],{"class":3707},"\"Auto\"",[3024,8753,3711],{"class":3693},[2965,8755,8756,3210,8758,8761],{},[2986,8757,8699],{},[2975,8759,8760],{},"Height=\"Auto\""," означає \"розгорнися на всі елементи\" → всі елементи створюються.",[2965,8763,8764,8766,8767,8770],{},[2986,8765,3209],{}," Встановити фіксовану висоту або ",[2975,8768,8769],{},"Height=\"*\""," у Grid.",[2965,8772,8773],{},[2986,8774,8775],{},"Проблема 3: StackPanel як ItemsPanel",[3015,8777,8779],{"className":3679,"code":8778,"language":3681,"meta":3020,"style":3020},"\u003C!-- ❌ Віртуалізація не працює -->\n\u003CListBox ItemsSource=\"{Binding LargeCollection}\">\n    \u003CListBox.ItemsPanel>\n        \u003CItemsPanelTemplate>\n            \u003CStackPanel/>  \u003C!-- Замість VirtualizingStackPanel -->\n        \u003C/ItemsPanelTemplate>\n    \u003C/ListBox.ItemsPanel>\n\u003C/ListBox>\n",[2975,8780,8781,8785,8799,8807,8815,8827,8835,8843],{"__ignoreMap":3020},[3024,8782,8783],{"class":3026,"line":3027},[3024,8784,8663],{"class":3174},[3024,8786,8787,8789,8791,8793,8795,8797],{"class":3026,"line":3045},[3024,8788,3423],{"class":3693},[3024,8790,3697],{"class":3696},[3024,8792,3701],{"class":3700},[3024,8794,3704],{"class":3041},[3024,8796,8280],{"class":3707},[3024,8798,3501],{"class":3693},[3024,8800,8801,8803,8805],{"class":3026,"line":3051},[3024,8802,3735],{"class":3693},[3024,8804,8294],{"class":3696},[3024,8806,3501],{"class":3693},[3024,8808,8809,8811,8813],{"class":3026,"line":3097},[3024,8810,4671],{"class":3693},[3024,8812,8303],{"class":3696},[3024,8814,3501],{"class":3693},[3024,8816,8817,8819,8821,8824],{"class":3026,"line":3110},[3024,8818,4814],{"class":3693},[3024,8820,4635],{"class":3696},[3024,8822,8823],{"class":3693},"/>",[3024,8825,8826],{"class":3174},"  \u003C!-- Замість VirtualizingStackPanel -->\n",[3024,8828,8829,8831,8833],{"class":3026,"line":3134},[3024,8830,4860],{"class":3693},[3024,8832,8303],{"class":3696},[3024,8834,3501],{"class":3693},[3024,8836,8837,8839,8841],{"class":3026,"line":3140},[3024,8838,3770],{"class":3693},[3024,8840,8294],{"class":3696},[3024,8842,3501],{"class":3693},[3024,8844,8845,8847,8849],{"class":3026,"line":3159},[3024,8846,3779],{"class":3693},[3024,8848,3697],{"class":3696},[3024,8850,3501],{"class":3693},[2965,8852,8853,8855,8856,8858],{},[2986,8854,3209],{}," Використовувати ",[2975,8857,8246],{}," (за замовчуванням).",[3239,8860,8862],{"id":8861},"isvirtualizing-увімкненнявимкнення","IsVirtualizing — Увімкнення/Вимкнення",[3015,8864,8866],{"className":3679,"code":8865,"language":3681,"meta":3020,"style":3020},"\u003C!-- Вимкнути віртуалізацію (для дебагу) -->\n\u003CListBox ItemsSource=\"{Binding LargeCollection}\"\n         VirtualizingPanel.IsVirtualizing=\"False\"/>\n",[2975,8867,8868,8873,8885],{"__ignoreMap":3020},[3024,8869,8870],{"class":3026,"line":3027},[3024,8871,8872],{"class":3174},"\u003C!-- Вимкнути віртуалізацію (для дебагу) -->\n",[3024,8874,8875,8877,8879,8881,8883],{"class":3026,"line":3045},[3024,8876,3423],{"class":3693},[3024,8878,3697],{"class":3696},[3024,8880,3701],{"class":3700},[3024,8882,3704],{"class":3041},[3024,8884,8547],{"class":3707},[3024,8886,8887,8890,8892,8895],{"class":3026,"line":3051},[3024,8888,8889],{"class":3700},"         VirtualizingPanel.IsVirtualizing",[3024,8891,3704],{"class":3041},[3024,8893,8894],{"class":3707},"\"False\"",[3024,8896,3711],{"class":3693},[8898,8899,8900,8903],"warning",{},[2986,8901,8902],{},"Увага:"," Вимикайте віртуалізацію тільки для дебагу або дуже малих списків (\u003C100 елементів). Для великих списків це призведе до зависання.",[3239,8905,8907],{"id":8906},"scrollunit-pixel-vs-item","ScrollUnit: Pixel vs Item",[3015,8909,8911],{"className":3679,"code":8910,"language":3681,"meta":3020,"style":3020},"\u003C!-- Прокрутка по пікселях (плавна) -->\n\u003CListBox VirtualizingPanel.ScrollUnit=\"Pixel\"/>\n\n\u003C!-- Прокрутка по елементах (за замовчуванням) -->\n\u003CListBox VirtualizingPanel.ScrollUnit=\"Item\"/>\n",[2975,8912,8913,8918,8934,8938,8943],{"__ignoreMap":3020},[3024,8914,8915],{"class":3026,"line":3027},[3024,8916,8917],{"class":3174},"\u003C!-- Прокрутка по пікселях (плавна) -->\n",[3024,8919,8920,8922,8924,8927,8929,8932],{"class":3026,"line":3045},[3024,8921,3423],{"class":3693},[3024,8923,3697],{"class":3696},[3024,8925,8926],{"class":3700}," VirtualizingPanel.ScrollUnit",[3024,8928,3704],{"class":3041},[3024,8930,8931],{"class":3707},"\"Pixel\"",[3024,8933,3711],{"class":3693},[3024,8935,8936],{"class":3026,"line":3051},[3024,8937,3398],{"emptyLinePlaceholder":3397},[3024,8939,8940],{"class":3026,"line":3097},[3024,8941,8942],{"class":3174},"\u003C!-- Прокрутка по елементах (за замовчуванням) -->\n",[3024,8944,8945,8947,8949,8951,8953,8956],{"class":3026,"line":3110},[3024,8946,3423],{"class":3693},[3024,8948,3697],{"class":3696},[3024,8950,8926],{"class":3700},[3024,8952,3704],{"class":3041},[3024,8954,8955],{"class":3707},"\"Item\"",[3024,8957,3711],{"class":3693},[2965,8959,8960,8963,8964,8967],{},[2986,8961,8962],{},"Pixel:"," Плавна прокрутка, але менш ефективна віртуалізація.\n",[2986,8965,8966],{},"Item:"," Прокрутка по елементах (стрибками), але ефективніша віртуалізація.",[3227,8969],{},[2960,8971,8973],{"id":8972},"практичні-завдання","Практичні завдання",[3239,8975,8977],{"id":8976},"рівень-1-сортування-списку-по-імені-через-sortdescription","Рівень 1: Сортування списку по імені через SortDescription",[2965,8979,8980,8983,8984,8986],{},[2986,8981,8982],{},"Мета:"," Навчитися використовувати ",[2975,8985,3930],{}," для сортування колекції.",[2965,8988,8989],{},[2986,8990,8991],{},"Завдання:",[2965,8993,8994],{},"Створіть список контактів з можливістю сортування:",[2965,8996,8997],{},[2986,8998,8999],{},"Вимоги:",[9001,9002,9003,9009,9014,9028],"ol",{},[2983,9004,9005,9008],{},[2975,9006,9007],{},"ObservableCollection\u003CPerson>"," з мінімум 10 контактами",[2983,9010,9011,9013],{},[2975,9012,3213],{}," для відображення",[2983,9015,9016,9017],{},"Три кнопки сортування:\n",[2980,9018,9019,9022,9025],{},[2983,9020,9021],{},"\"За прізвищем (А-Я)\"",[2983,9023,9024],{},"\"За прізвищем (Я-А)\"",[2983,9026,9027],{},"\"За віком (спадання)\"",[2983,9029,9030],{},"При кліку на кнопку — список пересортовується",[2965,9032,9033],{},[2986,9034,9035],{},"Критерії успіху:",[2980,9037,9038,9041,9047],{},[2983,9039,9040],{},"Сортування працює коректно",[2983,9042,9043,9044,9046],{},"Вибраний елемент (",[2975,9045,3197],{},") зберігається після сортування",[2983,9048,9049],{},"Оригінальна колекція не змінюється",[2965,9051,9052],{},[2986,9053,9054],{},"Підказка:",[3015,9056,9058],{"className":3017,"code":9057,"language":3019,"meta":3020,"style":3020},"public void SortByLastNameAsc()\n{\n    PeopleView.SortDescriptions.Clear();\n    PeopleView.SortDescriptions.Add(\n        new SortDescription(\"LastName\", ListSortDirection.Ascending)\n    );\n}\n\npublic void SortByLastNameDesc()\n{\n    PeopleView.SortDescriptions.Clear();\n    PeopleView.SortDescriptions.Add(\n        new SortDescription(\"LastName\", ListSortDirection.Descending)\n    );\n}\n\npublic void SortByAgeDesc()\n{\n    PeopleView.SortDescriptions.Clear();\n    PeopleView.SortDescriptions.Add(\n        new SortDescription(\"Age\", ListSortDirection.Descending)\n    );\n}\n",[2975,9059,9060,9071,9075,9089,9103,9123,9127,9131,9135,9146,9150,9164,9178,9198,9202,9206,9210,9221,9225,9239,9253,9273,9277],{"__ignoreMap":3020},[3024,9061,9062,9064,9066,9069],{"class":3026,"line":3027},[3024,9063,3031],{"class":3030},[3024,9065,3034],{"class":3030},[3024,9067,9068],{"class":3037}," SortByLastNameAsc",[3024,9070,3042],{"class":3041},[3024,9072,9073],{"class":3026,"line":3045},[3024,9074,3048],{"class":3041},[3024,9076,9077,9079,9081,9083,9085,9087],{"class":3026,"line":3051},[3024,9078,4487],{"class":3057},[3024,9080,3067],{"class":3041},[3024,9082,3836],{"class":3057},[3024,9084,3067],{"class":3041},[3024,9086,3105],{"class":3037},[3024,9088,3094],{"class":3041},[3024,9090,9091,9093,9095,9097,9099,9101],{"class":3026,"line":3097},[3024,9092,4487],{"class":3057},[3024,9094,3067],{"class":3041},[3024,9096,3836],{"class":3057},[3024,9098,3067],{"class":3041},[3024,9100,3148],{"class":3037},[3024,9102,4181],{"class":3041},[3024,9104,9105,9107,9109,9111,9113,9115,9117,9119,9121],{"class":3026,"line":3110},[3024,9106,4516],{"class":3030},[3024,9108,4188],{"class":3378},[3024,9110,3073],{"class":3041},[3024,9112,4193],{"class":3524},[3024,9114,3528],{"class":3041},[3024,9116,4198],{"class":3057},[3024,9118,3067],{"class":3041},[3024,9120,4203],{"class":3057},[3024,9122,3131],{"class":3041},[3024,9124,9125],{"class":3026,"line":3134},[3024,9126,4537],{"class":3041},[3024,9128,9129],{"class":3026,"line":3140},[3024,9130,3181],{"class":3041},[3024,9132,9133],{"class":3026,"line":3159},[3024,9134,3398],{"emptyLinePlaceholder":3397},[3024,9136,9137,9139,9141,9144],{"class":3026,"line":3165},[3024,9138,3031],{"class":3030},[3024,9140,3034],{"class":3030},[3024,9142,9143],{"class":3037}," SortByLastNameDesc",[3024,9145,3042],{"class":3041},[3024,9147,9148],{"class":3026,"line":3171},[3024,9149,3048],{"class":3041},[3024,9151,9152,9154,9156,9158,9160,9162],{"class":3026,"line":3178},[3024,9153,4487],{"class":3057},[3024,9155,3067],{"class":3041},[3024,9157,3836],{"class":3057},[3024,9159,3067],{"class":3041},[3024,9161,3105],{"class":3037},[3024,9163,3094],{"class":3041},[3024,9165,9166,9168,9170,9172,9174,9176],{"class":3026,"line":3341},[3024,9167,4487],{"class":3057},[3024,9169,3067],{"class":3041},[3024,9171,3836],{"class":3057},[3024,9173,3067],{"class":3041},[3024,9175,3148],{"class":3037},[3024,9177,4181],{"class":3041},[3024,9179,9180,9182,9184,9186,9188,9190,9192,9194,9196],{"class":3026,"line":3347},[3024,9181,4516],{"class":3030},[3024,9183,4188],{"class":3378},[3024,9185,3073],{"class":3041},[3024,9187,4193],{"class":3524},[3024,9189,3528],{"class":3041},[3024,9191,4198],{"class":3057},[3024,9193,3067],{"class":3041},[3024,9195,4608],{"class":3057},[3024,9197,3131],{"class":3041},[3024,9199,9200],{"class":3026,"line":3587},[3024,9201,4537],{"class":3041},[3024,9203,9204],{"class":3026,"line":3624},[3024,9205,3181],{"class":3041},[3024,9207,9208],{"class":3026,"line":3630},[3024,9209,3398],{"emptyLinePlaceholder":3397},[3024,9211,9212,9214,9216,9219],{"class":3026,"line":3636},[3024,9213,3031],{"class":3030},[3024,9215,3034],{"class":3030},[3024,9217,9218],{"class":3037}," SortByAgeDesc",[3024,9220,3042],{"class":3041},[3024,9222,9223],{"class":3026,"line":3642},[3024,9224,3048],{"class":3041},[3024,9226,9227,9229,9231,9233,9235,9237],{"class":3026,"line":3664},[3024,9228,4487],{"class":3057},[3024,9230,3067],{"class":3041},[3024,9232,3836],{"class":3057},[3024,9234,3067],{"class":3041},[3024,9236,3105],{"class":3037},[3024,9238,3094],{"class":3041},[3024,9240,9241,9243,9245,9247,9249,9251],{"class":3026,"line":3669},[3024,9242,4487],{"class":3057},[3024,9244,3067],{"class":3041},[3024,9246,3836],{"class":3057},[3024,9248,3067],{"class":3041},[3024,9250,3148],{"class":3037},[3024,9252,4181],{"class":3041},[3024,9254,9255,9257,9259,9261,9263,9265,9267,9269,9271],{"class":3026,"line":4213},[3024,9256,4516],{"class":3030},[3024,9258,4188],{"class":3378},[3024,9260,3073],{"class":3041},[3024,9262,4599],{"class":3524},[3024,9264,3528],{"class":3041},[3024,9266,4198],{"class":3057},[3024,9268,3067],{"class":3041},[3024,9270,4608],{"class":3057},[3024,9272,3131],{"class":3041},[3024,9274,9275],{"class":3026,"line":4218},[3024,9276,4537],{"class":3041},[3024,9278,9279],{"class":3026,"line":5226},[3024,9280,3181],{"class":3041},[3227,9282],{},[3239,9284,9286],{"id":9285},"рівень-2-фільтрація-сортування-з-ui","Рівень 2: Фільтрація + сортування з UI",[2965,9288,9289,9291],{},[2986,9290,8982],{}," Створити список з пошуком та сортуванням через UI.",[2965,9293,9294],{},[2986,9295,8991],{},[2965,9297,9298],{},"Створіть додаток \"Каталог товарів\" з:",[2965,9300,9301],{},[2986,9302,9303],{},"Модель Product:",[3015,9305,9307],{"className":3017,"code":9306,"language":3019,"meta":3020,"style":3020},"public class Product : INotifyPropertyChanged\n{\n    public string Name { get; set; }\n    public string Category { get; set; }\n    public decimal Price { get; set; }\n    public int Stock { get; set; }\n    \n    // ... INotifyPropertyChanged implementation\n}\n",[2975,9308,9309,9322,9326,9345,9364,9384,9403,9407,9411],{"__ignoreMap":3020},[3024,9310,9311,9313,9315,9318,9320],{"class":3026,"line":3027},[3024,9312,3031],{"class":3030},[3024,9314,3405],{"class":3030},[3024,9316,9317],{"class":3378}," Product",[3024,9319,5428],{"class":3041},[3024,9321,5431],{"class":3378},[3024,9323,9324],{"class":3026,"line":3045},[3024,9325,3048],{"class":3041},[3024,9327,9328,9330,9332,9335,9337,9339,9341,9343],{"class":3026,"line":3051},[3024,9329,3417],{"class":3030},[3024,9331,5489],{"class":3030},[3024,9333,9334],{"class":3057}," Name",[3024,9336,3434],{"class":3041},[3024,9338,3437],{"class":3030},[3024,9340,3440],{"class":3041},[3024,9342,3443],{"class":3030},[3024,9344,3446],{"class":3041},[3024,9346,9347,9349,9351,9354,9356,9358,9360,9362],{"class":3026,"line":3097},[3024,9348,3417],{"class":3030},[3024,9350,5489],{"class":3030},[3024,9352,9353],{"class":3057}," Category",[3024,9355,3434],{"class":3041},[3024,9357,3437],{"class":3030},[3024,9359,3440],{"class":3041},[3024,9361,3443],{"class":3030},[3024,9363,3446],{"class":3041},[3024,9365,9366,9368,9371,9374,9376,9378,9380,9382],{"class":3026,"line":3110},[3024,9367,3417],{"class":3030},[3024,9369,9370],{"class":3030}," decimal",[3024,9372,9373],{"class":3057}," Price",[3024,9375,3434],{"class":3041},[3024,9377,3437],{"class":3030},[3024,9379,3440],{"class":3041},[3024,9381,3443],{"class":3030},[3024,9383,3446],{"class":3041},[3024,9385,9386,9388,9390,9393,9395,9397,9399,9401],{"class":3026,"line":3134},[3024,9387,3417],{"class":3030},[3024,9389,6082],{"class":3030},[3024,9391,9392],{"class":3057}," Stock",[3024,9394,3434],{"class":3041},[3024,9396,3437],{"class":3030},[3024,9398,3440],{"class":3041},[3024,9400,3443],{"class":3030},[3024,9402,3446],{"class":3041},[3024,9404,9405],{"class":3026,"line":3140},[3024,9406,3168],{"class":3041},[3024,9408,9409],{"class":3026,"line":3159},[3024,9410,5951],{"class":3174},[3024,9412,9413],{"class":3026,"line":3165},[3024,9414,3181],{"class":3041},[2965,9416,9417],{},[2986,9418,9419],{},"Вимоги до UI:",[9001,9421,9422,9428,9434,9440,9460],{},[2983,9423,9424,9427],{},[2986,9425,9426],{},"Пошук:"," TextBox для пошуку по назві товару",[2983,9429,9430,9433],{},[2986,9431,9432],{},"Фільтр категорії:"," ComboBox з категоріями (\"Всі\", \"Електроніка\", \"Одяг\", \"Їжа\")",[2983,9435,9436,9439],{},[2986,9437,9438],{},"Фільтр наявності:"," CheckBox \"Тільки в наявності\" (Stock > 0)",[2983,9441,9442,9445,9446],{},[2986,9443,9444],{},"Сортування:"," ComboBox з варіантами:\n",[2980,9447,9448,9451,9454,9457],{},[2983,9449,9450],{},"\"За назвою (А-Я)\"",[2983,9452,9453],{},"\"За назвою (Я-А)\"",[2983,9455,9456],{},"\"За ціною (зростання)\"",[2983,9458,9459],{},"\"За ціною (спадання)\"",[2983,9461,9462,9465],{},[2986,9463,9464],{},"Список товарів:"," ListBox з DataTemplate (назва, категорія, ціна, кількість)",[2965,9467,9468],{},[2986,9469,9035],{},[2980,9471,9472,9475,9478,9481],{},[2983,9473,9474],{},"Всі фільтри працюють одночасно (пошук + категорія + наявність)",[2983,9476,9477],{},"Сортування працює разом з фільтрами",[2983,9479,9480],{},"При зміні будь-якого фільтра — список оновлюється миттєво",[2983,9482,9483],{},"Показується кількість знайдених товарів",[2965,9485,9486],{},[2986,9487,9488],{},"Підказка для комбінованого фільтру:",[3015,9490,9492],{"className":3017,"code":9491,"language":3019,"meta":3020,"style":3020},"private void ApplyFilter()\n{\n    PeopleView.Filter = item =>\n    {\n        if (item is Product product)\n        {\n            // Пошук по назві\n            bool matchesSearch = string.IsNullOrWhiteSpace(SearchQuery) ||\n                                 product.Name.Contains(SearchQuery, StringComparison.OrdinalIgnoreCase);\n            \n            // Фільтр категорії\n            bool matchesCategory = SelectedCategory == \"Всі\" ||\n                                   product.Category == SelectedCategory;\n            \n            // Фільтр наявності\n            bool matchesStock = !ShowOnlyInStock || product.Stock > 0;\n            \n            return matchesSearch && matchesCategory && matchesStock;\n        }\n        return false;\n    };\n}\n",[2975,9493,9494,9504,9508,9522,9526,9543,9547,9552,9574,9602,9607,9612,9633,9649,9653,9658,9689,9693,9712,9716,9724,9728],{"__ignoreMap":3020},[3024,9495,9496,9498,9500,9502],{"class":3026,"line":3027},[3024,9497,6079],{"class":3030},[3024,9499,3034],{"class":3030},[3024,9501,5722],{"class":3037},[3024,9503,3042],{"class":3041},[3024,9505,9506],{"class":3026,"line":3045},[3024,9507,3048],{"class":3041},[3024,9509,9510,9512,9514,9516,9518,9520],{"class":3026,"line":3051},[3024,9511,4487],{"class":3057},[3024,9513,3067],{"class":3041},[3024,9515,3851],{"class":3057},[3024,9517,3061],{"class":3041},[3024,9519,5174],{"class":3057},[3024,9521,5177],{"class":3041},[3024,9523,9524],{"class":3026,"line":3097},[3024,9525,3137],{"class":3041},[3024,9527,9528,9530,9532,9534,9536,9538,9541],{"class":3026,"line":3110},[3024,9529,5735],{"class":3113},[3024,9531,3117],{"class":3041},[3024,9533,5174],{"class":3057},[3024,9535,5193],{"class":3030},[3024,9537,9317],{"class":3378},[3024,9539,9540],{"class":3057}," product",[3024,9542,3131],{"class":3041},[3024,9544,9545],{"class":3026,"line":3134},[3024,9546,3506],{"class":3041},[3024,9548,9549],{"class":3026,"line":3140},[3024,9550,9551],{"class":3174},"            // Пошук по назві\n",[3024,9553,9554,9557,9560,9562,9564,9566,9568,9570,9572],{"class":3026,"line":3159},[3024,9555,9556],{"class":3030},"            bool",[3024,9558,9559],{"class":3057}," matchesSearch",[3024,9561,3061],{"class":3041},[3024,9563,5740],{"class":3030},[3024,9565,3067],{"class":3041},[3024,9567,5745],{"class":3037},[3024,9569,3073],{"class":3041},[3024,9571,5750],{"class":3057},[3024,9573,5881],{"class":3041},[3024,9575,9576,9579,9581,9584,9586,9588,9590,9592,9594,9596,9598,9600],{"class":3026,"line":3165},[3024,9577,9578],{"class":3057},"                                 product",[3024,9580,3067],{"class":3041},[3024,9582,9583],{"class":3057},"Name",[3024,9585,3067],{"class":3041},[3024,9587,5864],{"class":3037},[3024,9589,3073],{"class":3041},[3024,9591,5750],{"class":3057},[3024,9593,3528],{"class":3041},[3024,9595,5873],{"class":3057},[3024,9597,3067],{"class":3041},[3024,9599,5878],{"class":3057},[3024,9601,3156],{"class":3041},[3024,9603,9604],{"class":3026,"line":3171},[3024,9605,9606],{"class":3041},"            \n",[3024,9608,9609],{"class":3026,"line":3178},[3024,9610,9611],{"class":3174},"            // Фільтр категорії\n",[3024,9613,9614,9616,9619,9621,9624,9627,9630],{"class":3026,"line":3341},[3024,9615,9556],{"class":3030},[3024,9617,9618],{"class":3057}," matchesCategory",[3024,9620,3061],{"class":3041},[3024,9622,9623],{"class":3057},"SelectedCategory",[3024,9625,9626],{"class":3041}," == ",[3024,9628,9629],{"class":3524},"\"Всі\"",[3024,9631,9632],{"class":3041}," ||\n",[3024,9634,9635,9638,9640,9643,9645,9647],{"class":3026,"line":3347},[3024,9636,9637],{"class":3057},"                                   product",[3024,9639,3067],{"class":3041},[3024,9641,9642],{"class":3057},"Category",[3024,9644,9626],{"class":3041},[3024,9646,9623],{"class":3057},[3024,9648,3392],{"class":3041},[3024,9650,9651],{"class":3026,"line":3587},[3024,9652,9606],{"class":3041},[3024,9654,9655],{"class":3026,"line":3624},[3024,9656,9657],{"class":3174},"            // Фільтр наявності\n",[3024,9659,9660,9662,9665,9668,9671,9674,9677,9679,9682,9685,9687],{"class":3026,"line":3630},[3024,9661,9556],{"class":3030},[3024,9663,9664],{"class":3057}," matchesStock",[3024,9666,9667],{"class":3041}," = !",[3024,9669,9670],{"class":3057},"ShowOnlyInStock",[3024,9672,9673],{"class":3041}," || ",[3024,9675,9676],{"class":3057},"product",[3024,9678,3067],{"class":3041},[3024,9680,9681],{"class":3057},"Stock",[3024,9683,9684],{"class":3041}," > ",[3024,9686,8446],{"class":3545},[3024,9688,3392],{"class":3041},[3024,9690,9691],{"class":3026,"line":3636},[3024,9692,9606],{"class":3041},[3024,9694,9695,9697,9699,9702,9705,9707,9710],{"class":3026,"line":3642},[3024,9696,5235],{"class":3113},[3024,9698,9559],{"class":3057},[3024,9700,9701],{"class":3041}," && ",[3024,9703,9704],{"class":3057},"matchesCategory",[3024,9706,9701],{"class":3041},[3024,9708,9709],{"class":3057},"matchesStock",[3024,9711,3392],{"class":3041},[3024,9713,9714],{"class":3026,"line":3664},[3024,9715,5563],{"class":3041},[3024,9717,9718,9720,9722],{"class":3026,"line":3669},[3024,9719,6263],{"class":3113},[3024,9721,5238],{"class":3030},[3024,9723,3392],{"class":3041},[3024,9725,9726],{"class":3026,"line":4213},[3024,9727,6272],{"class":3041},[3024,9729,9730],{"class":3026,"line":4218},[3024,9731,3181],{"class":3041},[3227,9733],{},[3239,9735,9737],{"id":9736},"рівень-3-повний-todo-додаток-з-фільтрацією-та-групуванням","Рівень 3: Повний Todo-додаток з фільтрацією та групуванням",[2965,9739,9740,9742],{},[2986,9741,8982],{}," Створити повноцінний Todo-додаток з усіма можливостями ICollectionView.",[2965,9744,9745],{},[2986,9746,8991],{},[2965,9748,9749],{},"Створіть Todo-додаток з:",[2965,9751,9752],{},[2986,9753,9754],{},"Модель TodoItem:",[3015,9756,9758],{"className":3017,"code":9757,"language":3019,"meta":3020,"style":3020},"public class TodoItem : INotifyPropertyChanged\n{\n    private bool _isCompleted;\n    \n    public string Title { get; set; }\n    public string Description { get; set; }\n    public DateTime DueDate { get; set; }\n    public string Priority { get; set; }  // \"Високий\", \"Середній\", \"Низький\"\n    public string Category { get; set; }  // \"Робота\", \"Особисте\", \"Навчання\"\n    \n    public bool IsCompleted\n    {\n        get => _isCompleted;\n        set\n        {\n            _isCompleted = value;\n            OnPropertyChanged();\n        }\n    }\n    \n    public bool IsOverdue => !IsCompleted && DueDate \u003C DateTime.Now;\n    \n    // ... INotifyPropertyChanged implementation\n}\n",[2975,9759,9760,9773,9777,9789,9793,9812,9831,9851,9874,9895,9899,9908,9912,9923,9927,9931,9942,9948,9952,9956,9960,9992,9996,10000],{"__ignoreMap":3020},[3024,9761,9762,9764,9766,9769,9771],{"class":3026,"line":3027},[3024,9763,3031],{"class":3030},[3024,9765,3405],{"class":3030},[3024,9767,9768],{"class":3378}," TodoItem",[3024,9770,5428],{"class":3041},[3024,9772,5431],{"class":3378},[3024,9774,9775],{"class":3026,"line":3045},[3024,9776,3048],{"class":3041},[3024,9778,9779,9781,9784,9787],{"class":3026,"line":3051},[3024,9780,5486],{"class":3030},[3024,9782,9783],{"class":3030}," bool",[3024,9785,9786],{"class":3057}," _isCompleted",[3024,9788,3392],{"class":3041},[3024,9790,9791],{"class":3026,"line":3097},[3024,9792,3168],{"class":3041},[3024,9794,9795,9797,9799,9802,9804,9806,9808,9810],{"class":3026,"line":3110},[3024,9796,3417],{"class":3030},[3024,9798,5489],{"class":3030},[3024,9800,9801],{"class":3057}," Title",[3024,9803,3434],{"class":3041},[3024,9805,3437],{"class":3030},[3024,9807,3440],{"class":3041},[3024,9809,3443],{"class":3030},[3024,9811,3446],{"class":3041},[3024,9813,9814,9816,9818,9821,9823,9825,9827,9829],{"class":3026,"line":3134},[3024,9815,3417],{"class":3030},[3024,9817,5489],{"class":3030},[3024,9819,9820],{"class":3057}," Description",[3024,9822,3434],{"class":3041},[3024,9824,3437],{"class":3030},[3024,9826,3440],{"class":3041},[3024,9828,3443],{"class":3030},[3024,9830,3446],{"class":3041},[3024,9832,9833,9835,9838,9841,9843,9845,9847,9849],{"class":3026,"line":3140},[3024,9834,3417],{"class":3030},[3024,9836,9837],{"class":3378}," DateTime",[3024,9839,9840],{"class":3057}," DueDate",[3024,9842,3434],{"class":3041},[3024,9844,3437],{"class":3030},[3024,9846,3440],{"class":3041},[3024,9848,3443],{"class":3030},[3024,9850,3446],{"class":3041},[3024,9852,9853,9855,9857,9860,9862,9864,9866,9868,9871],{"class":3026,"line":3159},[3024,9854,3417],{"class":3030},[3024,9856,5489],{"class":3030},[3024,9858,9859],{"class":3057}," Priority",[3024,9861,3434],{"class":3041},[3024,9863,3437],{"class":3030},[3024,9865,3440],{"class":3041},[3024,9867,3443],{"class":3030},[3024,9869,9870],{"class":3041},"; }  ",[3024,9872,9873],{"class":3174},"// \"Високий\", \"Середній\", \"Низький\"\n",[3024,9875,9876,9878,9880,9882,9884,9886,9888,9890,9892],{"class":3026,"line":3165},[3024,9877,3417],{"class":3030},[3024,9879,5489],{"class":3030},[3024,9881,9353],{"class":3057},[3024,9883,3434],{"class":3041},[3024,9885,3437],{"class":3030},[3024,9887,3440],{"class":3041},[3024,9889,3443],{"class":3030},[3024,9891,9870],{"class":3041},[3024,9893,9894],{"class":3174},"// \"Робота\", \"Особисте\", \"Навчання\"\n",[3024,9896,9897],{"class":3026,"line":3171},[3024,9898,3168],{"class":3041},[3024,9900,9901,9903,9905],{"class":3026,"line":3178},[3024,9902,3417],{"class":3030},[3024,9904,9783],{"class":3030},[3024,9906,9907],{"class":3057}," IsCompleted\n",[3024,9909,9910],{"class":3026,"line":3341},[3024,9911,3137],{"class":3041},[3024,9913,9914,9916,9918,9921],{"class":3026,"line":3347},[3024,9915,5516],{"class":3030},[3024,9917,3078],{"class":3041},[3024,9919,9920],{"class":3057},"_isCompleted",[3024,9922,3392],{"class":3041},[3024,9924,9925],{"class":3026,"line":3587},[3024,9926,5528],{"class":3030},[3024,9928,9929],{"class":3026,"line":3624},[3024,9930,3506],{"class":3041},[3024,9932,9933,9936,9938,9940],{"class":3026,"line":3630},[3024,9934,9935],{"class":3057},"            _isCompleted",[3024,9937,3061],{"class":3041},[3024,9939,5542],{"class":3057},[3024,9941,3392],{"class":3041},[3024,9943,9944,9946],{"class":3026,"line":3636},[3024,9945,5549],{"class":3037},[3024,9947,3094],{"class":3041},[3024,9949,9950],{"class":3026,"line":3642},[3024,9951,5563],{"class":3041},[3024,9953,9954],{"class":3026,"line":3664},[3024,9955,3162],{"class":3041},[3024,9957,9958],{"class":3026,"line":3669},[3024,9959,3168],{"class":3041},[3024,9961,9962,9964,9966,9969,9972,9975,9977,9980,9982,9985,9987,9990],{"class":3026,"line":4213},[3024,9963,3417],{"class":3030},[3024,9965,9783],{"class":3030},[3024,9967,9968],{"class":3057}," IsOverdue",[3024,9970,9971],{"class":3041}," => !",[3024,9973,9974],{"class":3057},"IsCompleted",[3024,9976,9701],{"class":3041},[3024,9978,9979],{"class":3057},"DueDate",[3024,9981,7439],{"class":3041},[3024,9983,9984],{"class":3057},"DateTime",[3024,9986,3067],{"class":3041},[3024,9988,9989],{"class":3057},"Now",[3024,9991,3392],{"class":3041},[3024,9993,9994],{"class":3026,"line":4218},[3024,9995,3168],{"class":3041},[3024,9997,9998],{"class":3026,"line":5226},[3024,9999,5951],{"class":3174},[3024,10001,10002],{"class":3026,"line":5232},[3024,10003,3181],{"class":3041},[2965,10005,10006],{},[2986,10007,9419],{},[2965,10009,10010],{},[2986,10011,10012],{},"Верхня панель:",[9001,10014,10015,10018,10021,10024],{},[2983,10016,10017],{},"TextBox для додавання нового завдання",[2983,10019,10020],{},"ComboBox для вибору пріоритету",[2983,10022,10023],{},"DatePicker для вибору дати",[2983,10025,10026],{},"Кнопка \"Додати\"",[2965,10028,10029],{},[2986,10030,10031],{},"Фільтри:",[9001,10033,10034,10037,10040],{},[2983,10035,10036],{},"Три кнопки: \"Всі\", \"Активні\", \"Завершені\"",[2983,10038,10039],{},"ComboBox для фільтрації за категорією",[2983,10041,10042],{},"CheckBox \"Показати прострочені\"",[2965,10044,10045],{},[2986,10046,9444],{},[9001,10048,10049],{},[2983,10050,10051,10052],{},"ComboBox з варіантами:\n",[2980,10053,10054,10057,10060],{},[2983,10055,10056],{},"\"За датою (найближчі спочатку)\"",[2983,10058,10059],{},"\"За пріоритетом\"",[2983,10061,10062],{},"\"За назвою\"",[2965,10064,10065],{},[2986,10066,10067],{},"Групування:",[9001,10069,10070,10073],{},[2983,10071,10072],{},"CheckBox \"Групувати за категорією\"",[2983,10074,10075],{},"CheckBox \"Групувати за пріоритетом\"",[2965,10077,10078],{},[2986,10079,10080],{},"Список завдань:",[9001,10082,10083,10100],{},[2983,10084,10085,10086],{},"ListBox з DataTemplate:\n",[2980,10087,10088,10091,10094,10097],{},[2983,10089,10090],{},"CheckBox для позначення завершення",[2983,10092,10093],{},"Назва завдання (закреслена якщо завершено)",[2983,10095,10096],{},"Дата (червона якщо прострочено)",[2983,10098,10099],{},"Пріоритет (кольоровий індикатор)",[2983,10101,10102],{},"Кнопка \"Видалити\" для кожного завдання",[2965,10104,10105],{},[2986,10106,10107],{},"Статистика:",[9001,10109,10110,10113,10116,10119],{},[2983,10111,10112],{},"Кількість всіх завдань",[2983,10114,10115],{},"Кількість активних",[2983,10117,10118],{},"Кількість завершених",[2983,10120,10121],{},"Кількість прострочених",[2965,10123,10124],{},[2986,10125,9035],{},[2980,10127,10128,10131,10133,10136,10139,10142],{},[2983,10129,10130],{},"Всі фільтри працюють одночасно",[2983,10132,9477],{},[2983,10134,10135],{},"Групування працює разом з фільтрами та сортуванням",[2983,10137,10138],{},"Статистика оновлюється автоматично",[2983,10140,10141],{},"Прострочені завдання виділяються червоним",[2983,10143,10144],{},"Завершені завдання мають закреслений текст",[2965,10146,10147],{},[2986,10148,10149],{},"Додатково (складно):",[2980,10151,10152,10155,10158,10161],{},[2983,10153,10154],{},"Збереження завдань у JSON файл",[2983,10156,10157],{},"Редагування завдань (подвійний клік)",[2983,10159,10160],{},"Drag & Drop для зміни пріоритету",[2983,10162,10163],{},"Нагадування про прострочені завдання",[2965,10165,10166],{},[2986,10167,10168],{},"Підказка для групування:",[3015,10170,10172],{"className":3017,"code":10171,"language":3019,"meta":3020,"style":3020},"private void UpdateGrouping()\n{\n    TodosView.GroupDescriptions.Clear();\n    \n    if (GroupByCategory)\n    {\n        TodosView.GroupDescriptions.Add(new PropertyGroupDescription(\"Category\"));\n    }\n    \n    if (GroupByPriority)\n    {\n        TodosView.GroupDescriptions.Add(new PropertyGroupDescription(\"Priority\"));\n    }\n}\n",[2975,10173,10174,10185,10189,10204,10208,10220,10224,10250,10254,10258,10269,10273,10298,10302],{"__ignoreMap":3020},[3024,10175,10176,10178,10180,10183],{"class":3026,"line":3027},[3024,10177,6079],{"class":3030},[3024,10179,3034],{"class":3030},[3024,10181,10182],{"class":3037}," UpdateGrouping",[3024,10184,3042],{"class":3041},[3024,10186,10187],{"class":3026,"line":3045},[3024,10188,3048],{"class":3041},[3024,10190,10191,10194,10196,10198,10200,10202],{"class":3026,"line":3051},[3024,10192,10193],{"class":3057},"    TodosView",[3024,10195,3067],{"class":3041},[3024,10197,3866],{"class":3057},[3024,10199,3067],{"class":3041},[3024,10201,3105],{"class":3037},[3024,10203,3094],{"class":3041},[3024,10205,10206],{"class":3026,"line":3097},[3024,10207,3168],{"class":3041},[3024,10209,10210,10213,10215,10218],{"class":3026,"line":3110},[3024,10211,10212],{"class":3113},"    if",[3024,10214,3117],{"class":3041},[3024,10216,10217],{"class":3057},"GroupByCategory",[3024,10219,3131],{"class":3041},[3024,10221,10222],{"class":3026,"line":3134},[3024,10223,3137],{"class":3041},[3024,10225,10226,10229,10231,10233,10235,10237,10239,10241,10243,10245,10248],{"class":3026,"line":3140},[3024,10227,10228],{"class":3057},"        TodosView",[3024,10230,3067],{"class":3041},[3024,10232,3866],{"class":3057},[3024,10234,3067],{"class":3041},[3024,10236,3148],{"class":3037},[3024,10238,3073],{"class":3041},[3024,10240,3492],{"class":3030},[3024,10242,6713],{"class":3378},[3024,10244,3073],{"class":3041},[3024,10246,10247],{"class":3524},"\"Category\"",[3024,10249,6720],{"class":3041},[3024,10251,10252],{"class":3026,"line":3159},[3024,10253,3162],{"class":3041},[3024,10255,10256],{"class":3026,"line":3165},[3024,10257,3168],{"class":3041},[3024,10259,10260,10262,10264,10267],{"class":3026,"line":3171},[3024,10261,10212],{"class":3113},[3024,10263,3117],{"class":3041},[3024,10265,10266],{"class":3057},"GroupByPriority",[3024,10268,3131],{"class":3041},[3024,10270,10271],{"class":3026,"line":3178},[3024,10272,3137],{"class":3041},[3024,10274,10275,10277,10279,10281,10283,10285,10287,10289,10291,10293,10296],{"class":3026,"line":3341},[3024,10276,10228],{"class":3057},[3024,10278,3067],{"class":3041},[3024,10280,3866],{"class":3057},[3024,10282,3067],{"class":3041},[3024,10284,3148],{"class":3037},[3024,10286,3073],{"class":3041},[3024,10288,3492],{"class":3030},[3024,10290,6713],{"class":3378},[3024,10292,3073],{"class":3041},[3024,10294,10295],{"class":3524},"\"Priority\"",[3024,10297,6720],{"class":3041},[3024,10299,10300],{"class":3026,"line":3347},[3024,10301,3162],{"class":3041},[3024,10303,10304],{"class":3026,"line":3587},[3024,10305,3181],{"class":3041},[3227,10307],{},[2960,10309,10311],{"id":10310},"підсумок","Підсумок",[2965,10313,10314,10316],{},[2975,10315,3213],{}," — це потужний інструмент для маніпуляції відображенням колекцій без зміни оригінальних даних.",[2965,10318,10319],{},[2986,10320,10321],{},"Ключові висновки:",[10323,10324,10325,10331,10336,10344,10351,10361],"card-group",{},[10326,10327,10330],"card",{"icon":10328,"title":10329},"i-lucide-eye","👁️ ICollectionView","\"Вигляд\" на колекцію з можливістю сортування, фільтрації та групування. Оригінальні дані не змінюються.",[10326,10332,10335],{"icon":10333,"title":10334},"i-lucide-arrow-up-down","🔄 SortDescription","Правила сортування за властивістю. Підтримує множинне сортування (спочатку за одним полем, потім за іншим).",[10326,10337,10340,10341,10343],{"icon":10338,"title":10339},"i-lucide-filter","🔍 Filter","Predicate для фільтрації елементів. Динамічна фільтрація через ",[2975,10342,6068],{},". Комбінування кількох умов.",[10326,10345,10347,10348,10350],{"icon":132,"title":10346},"📁 GroupDescriptions","Групування елементів за властивістю. ",[2975,10349,6773],{}," для кастомізації заголовків груп. Множинне групування.",[10326,10352,10354,10355,10357,10358,10360],{"icon":92,"title":10353},"⚡ Virtualization","Створення UI тільки для видимих елементів. ",[2975,10356,8246],{}," + ",[2975,10359,8643],{}," для оптимізації.",[10326,10362,10365,10366,10368,10369,10371],{"icon":10363,"title":10364},"i-lucide-git-branch","🎯 Один джерело → багато виглядів","Одна ",[2975,10367,3224],{}," → кілька ",[2975,10370,3213],{}," → різне відображення у різних UI-контролах.",[2965,10373,10374],{},[2986,10375,10376],{},"Коли використовувати ICollectionView:",[2980,10378,10379,10382,10385,10388],{},[2983,10380,10381],{},"✅ Сортування списків без зміни оригінальних даних",[2983,10383,10384],{},"✅ Фільтрація (пошук, категорії, статуси)",[2983,10386,10387],{},"✅ Групування (за категоріями, датами, статусами)",[2983,10389,10390],{},"✅ Кілька різних виглядів на одну колекцію",[2965,10392,10393],{},[2986,10394,10395],{},"Коли використовувати Virtualization:",[2980,10397,10398,10401,10404],{},[2983,10399,10400],{},"✅ Списки з >1000 елементів",[2983,10402,10403],{},"✅ Таблиці з великою кількістю рядків",[2983,10405,10406],{},"✅ Нескінченна прокрутка (infinite scroll)",[2965,10408,10409],{},[2986,10410,10411],{},"Коли НЕ використовувати Virtualization:",[2980,10413,10414,10417,10420],{},[2983,10415,10416],{},"❌ Малі списки (\u003C100 елементів)",[2983,10418,10419],{},"❌ Коли потрібен доступ до всіх UI-елементів одночасно",[2983,10421,10422],{},"❌ Складні layout-и з динамічною висотою елементів",[8635,10424,10425,8640,10427,10429],{},[2986,10426,8639],{},[2975,10428,3213],{}," для сортування та фільтрації замість зміни оригінальної колекції. Це дозволяє зберегти оригінальні дані та мати кілька різних виглядів.",[2965,10431,10432],{},[2986,10433,10434],{},"Що далі?",[2980,10436,10437,10447,10453],{},[2983,10438,10439,3117,10442,10446],{},[2986,10440,10441],{},"MVVM Pattern",[2969,10443,10445],{"href":10444},"22.mvvm-pattern","наступна стаття",") — архітектурний патерн для повного розділення UI та логіки",[2983,10448,10449,10452],{},[2986,10450,10451],{},"Commands"," (Блок 7) — замість event handlers у code-behind",[2983,10454,10455,10458],{},[2986,10456,10457],{},"Dependency Injection"," (Блок 7) — для тестованості та розширюваності",[3227,10460],{},[2960,10462,10464],{"id":10463},"словник-термінів","Словник термінів",[3216,10466,10468,10473,10485,10497,10505,10510,10518,10531,10536,10543,10555],{"title":10467},"📚 Глосарій",[2965,10469,10470,10472],{},[2986,10471,3213],{}," — інтерфейс, що представляє \"вигляд\" на колекцію з можливістю сортування, фільтрації та групування без зміни оригінальних даних.",[2965,10474,10475,10477,10478,10480,10481,10484],{},[2986,10476,3650],{}," — клас для створення ",[2975,10479,3213],{}," з колекції. Метод ",[2975,10482,10483],{},"GetDefaultView()"," повертає default view для колекції.",[2965,10486,10487,10489,10490,3528,10493,10496],{},[2986,10488,3930],{}," — структура, що визначає правило сортування за властивістю. Параметри: ",[2975,10491,10492],{},"PropertyName",[2975,10494,10495],{},"Direction"," (Ascending/Descending).",[2965,10498,10499,10501,10502,10504],{},[2986,10500,3851],{}," — властивість типу ",[2975,10503,3859],{},", що визначає, які елементи показувати у вигляді.",[2965,10506,10507,10509],{},[2986,10508,6068],{}," — метод для оновлення фільтру після зміни зовнішніх даних, від яких залежить фільтр.",[2965,10511,10512,10514,10515,10517],{},[2986,10513,3866],{}," — колекція правил групування. ",[2975,10516,7587],{}," групує за властивістю.",[2965,10519,10520,10522,10523,10526,10527,10530],{},[2986,10521,6773],{}," — стиль для відображення груп у ",[2975,10524,10525],{},"ItemsControl",". ",[2975,10528,10529],{},"HeaderTemplate"," визначає шаблон заголовка групи.",[2965,10532,10533,10535],{},[2986,10534,8136],{}," — техніка оптимізації, коли UI-елементи створюються тільки для видимих рядків списку.",[2965,10537,10538,10540,10541,3067],{},[2986,10539,8246],{}," — панель, що підтримує віртуалізацію. За замовчуванням використовується у ",[2975,10542,3697],{},[2965,10544,10545,10548,10549,10551,10552,10554],{},[2986,10546,10547],{},"VirtualizationMode"," — режим віртуалізації: ",[2975,10550,8605],{}," (створення/видалення UI) або ",[2975,10553,8621],{}," (перевикористання UI).",[2965,10556,10557,10560,10561,10564,10565,10568],{},[2986,10558,10559],{},"ScrollUnit"," — одиниця прокрутки: ",[2975,10562,10563],{},"Pixel"," (плавна прокрутка) або ",[2975,10566,10567],{},"Item"," (прокрутка по елементах).",[3227,10570],{},[2960,10572,10574],{"id":10573},"додаткові-ресурси","Додаткові ресурси",[10323,10576,10577,10585,10593,10600,10607,10612,10620,10630],{},[10326,10578,10581,10582,10584],{"icon":15,"title":10579,"to":10580},"📖 Microsoft Docs: ICollectionView","https://learn.microsoft.com/en-us/dotnet/api/system.componentmodel.icollectionview","API документація інтерфейсу ",[2975,10583,3213],{}," з прикладами використання.",[10326,10586,10589,10590,10592],{"icon":10328,"title":10587,"to":10588},"📖 CollectionViewSource Class","https://learn.microsoft.com/en-us/dotnet/api/system.windows.data.collectionviewsource","Документація класу ",[2975,10591,3650],{}," для створення виглядів на колекції.",[10326,10594,10597,10598,3067],{"icon":10338,"title":10595,"to":10596},"🎓 Filtering and Sorting","https://learn.microsoft.com/en-us/dotnet/desktop/wpf/data/how-to-filter-data-in-a-view","Офіційний гайд з фільтрації та сортування колекцій через ",[2975,10599,3213],{},[10326,10601,10604,10605,3067],{"icon":132,"title":10602,"to":10603},"🎓 Grouping Data","https://learn.microsoft.com/en-us/dotnet/desktop/wpf/data/how-to-group-sort-and-filter-data-in-the-datagrid-control","Гайд з групування даних у WPF з прикладами ",[2975,10606,6773],{},[10326,10608,10611],{"icon":92,"title":10609,"to":10610},"⚡ UI Virtualization","https://learn.microsoft.com/en-us/dotnet/desktop/wpf/advanced/optimizing-performance-controls","Повний гайд з оптимізації продуктивності через віртуалізацію.",[10326,10613,10616,10617,10619],{"icon":943,"title":10614,"to":10615},"🔧 VirtualizingStackPanel","https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.virtualizingstackpanel","API документація ",[2975,10618,8246],{}," з усіма властивостями та режимами.",[10326,10621,10624,10625,10627,10628,3067],{"icon":10622,"title":10623,"to":2971},"i-lucide-arrow-left","📚 Попередня стаття: Collections Binding Part 1","Повернутися до основ Collections Binding — ",[2975,10626,3224],{}," та ",[2975,10629,10525],{},[10326,10631,10634],{"icon":10632,"title":10633,"to":10444},"i-lucide-arrow-right","📚 Наступна стаття: MVVM Pattern","Дізнатися про MVVM — архітектурний патерн для розділення UI та логіки.",[10636,10637,10638],"style",{},"html pre.shiki code .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sCDza, html code.shiki .sCDza{--shiki-light:#AF00DB;--shiki-default:#CE92A4;--shiki-dark:#CE92A4}html pre.shiki code .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}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 .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}",{"title":3020,"searchDepth":3045,"depth":3045,"links":10640},[10641,10642,10647,10653,10658,10664,10672,10677,10678,10679],{"id":2962,"depth":3045,"text":2963},{"id":3231,"depth":3045,"text":3232,"children":10643},[10644,10645,10646],{"id":3241,"depth":3051,"text":3242},{"id":3359,"depth":3051,"text":3360},{"id":3805,"depth":3051,"text":3806},{"id":3924,"depth":3045,"text":3925,"children":10648},[10649,10650,10651,10652],{"id":3934,"depth":3051,"text":3935},{"id":4361,"depth":3051,"text":4362},{"id":4462,"depth":3051,"text":4463},{"id":4765,"depth":3051,"text":4766},{"id":4917,"depth":3045,"text":4918,"children":10654},[10655,10656,10657],{"id":4929,"depth":3051,"text":4930},{"id":5406,"depth":3051,"text":5407},{"id":6061,"depth":3051,"text":6062},{"id":6417,"depth":3045,"text":6418,"children":10659},[10660,10661,10662,10663],{"id":6426,"depth":3051,"text":6427},{"id":7235,"depth":3051,"text":7236},{"id":7537,"depth":3051,"text":7538},{"id":7828,"depth":3051,"text":7829},{"id":8122,"depth":3045,"text":8123,"children":10665},[10666,10667,10668,10669,10670,10671],{"id":8140,"depth":3051,"text":8141},{"id":8245,"depth":3051,"text":8246},{"id":8502,"depth":3051,"text":8503},{"id":8647,"depth":3051,"text":8648},{"id":8861,"depth":3051,"text":8862},{"id":8906,"depth":3051,"text":8907},{"id":8972,"depth":3045,"text":8973,"children":10673},[10674,10675,10676],{"id":8976,"depth":3051,"text":8977},{"id":9285,"depth":3051,"text":9286},{"id":9736,"depth":3051,"text":9737},{"id":10310,"depth":3045,"text":10311},{"id":10463,"depth":3045,"text":10464},{"id":10573,"depth":3045,"text":10574},"Сортування, фільтрація та групування колекцій без зміни оригінальних даних через ICollectionView та оптимізація продуктивності через віртуалізацію","md",null,{},{"title":1485,"description":10680},"r2qLsHw_HsO3JGQvJibAdLKkaNs6Mfco1BmaSPWS9WQ",[10687,10689],{"title":1481,"path":1482,"stem":1483,"description":10688,"children":-1},"Прив'язка колекцій C#-об'єктів до UI-списків з автоматичним оновленням через ObservableCollection та INotifyCollectionChanged",{"title":1489,"path":1490,"stem":1491,"description":10690,"children":-1},"Розуміння MVVM як архітектурного патерну — мотивація, структура, три компоненти (Model, View, ViewModel) та золоті правила розділення відповідальності",1777911654531]