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