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