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