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