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