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