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