[{"data":1,"prerenderedAt":7981},["ShallowReactive",2],{"navigation_docs":3,"-csharp-desktop-ui-09a-layout-avalonia":2949,"-csharp-desktop-ui-09a-layout-avalonia-surround":7976},[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":1413,"body":2951,"description":7970,"extension":7971,"links":7972,"meta":7973,"navigation":3323,"path":1414,"seo":7974,"stem":1415,"__hash__":7975},"docs/01.csharp/12.desktop-ui/09a.layout-avalonia.md",{"type":2952,"value":2953,"toc":7937},"minimark",[2954,2958,2967,2974,2977,3008,3011,3016,3023,3256,3263,3356,3359,3363,3365,3371,3374,3379,3388,3489,3492,3495,3628,3634,3647,3733,3747,4383,4394,4400,4542,4799,4802,4804,4810,4822,4826,4832,4841,4853,4857,4862,4867,4941,4954,5046,5050,5056,5502,5512,6597,6601,6606,6633,6636,6638,6644,6652,6658,6673,6679,6744,6748,7182,7190,7192,7198,7204,7211,7343,7345,7351,7360,7373,7380,7406,7410,7413,7710,7712,7718,7721,7750,7895,7898,7900,7904,7911,7930,7933],[2955,2956,1413],"h1",{"id":2957},"layout-в-avalonia-відмінності-та-нові-можливості",[2959,2960,2961,2962,2966],"p",{},"Якщо ви вивчали попередні статті блоку Layout — ви вже знаєте Grid, StackPanel, DockPanel, Canvas, Border та ScrollViewer. Все це, разом з Grid.Row, ColumnSpan, Margin, Padding та Alignment — присутнє в Avalonia ",[2963,2964,2965],"strong",{},"один-в-один",". XAML-код з WPF-статей перенесеться в Avalonia-проєкт з мінімальними змінами.",[2959,2968,2969,2970,2973],{},"Але Avalonia — не просто \"WPF для Linux\". Це самостійна платформа що розвивається з 2013 року, та за цей час накопичила ряд ",[2963,2971,2972],{},"принципових покращень"," у системі layout. Деякі з них настільки зручні, що WPF-розробники, побачивши їх вперше, запитують: \"Чому цього немає у WPF?\".",[2959,2975,2976],{},"Ця стаття — практичний гід: що залишилось, що покращилось і що з'явилось нового.",[2978,2979,2980,2983,2984,2987,2988,2991,2992,2995,2996,2999,3000,3003,3004,3007],"note",{},[2963,2981,2982],{},"Словник теми:"," ",[2963,2985,2986],{},"Spacing"," — вбудований відступ між дочірніми елементами панелі (без Margin на кожному). ",[2963,2989,2990],{},"RelativePanel"," — панель де елементи позиціонуються відносно один одного через Attached Properties. ",[2963,2993,2994],{},"SplitView"," — панель з висувним Pane та основним Content (hamburger-меню). ",[2963,2997,2998],{},"Expander"," — контейнер що розгортається/згортається з анімацією. ",[2963,3001,3002],{},"ItemsRepeater"," — легковісний аналог ListBox для відображення списків через кастомний Layout. ",[2963,3005,3006],{},"Transitions"," — вбудована в Avalonia система анімації зміни властивостей layout.",[3009,3010],"hr",{},[3012,3013,3015],"h2",{"id":3014},"що-повністю-збігається-з-wpf","Що повністю збігається з WPF",[2959,3017,3018,3019,3022],{},"Перш за все — важлива новина: ",[2963,3020,3021],{},"все основне — ідентично",". Якщо ви знаєте WPF layout — ви вже знаєте Avalonia layout на 80%.",[3024,3025,3026,3045],"table",{},[3027,3028,3029],"thead",{},[3030,3031,3032,3036,3039,3042],"tr",{},[3033,3034,3035],"th",{},"Елемент",[3033,3037,3038],{},"WPF",[3033,3040,3041],{},"Avalonia",[3033,3043,3044],{},"Сумісність",[3046,3047,3048,3073,3088,3102,3115,3128,3141,3155,3171,3184,3197,3210,3227,3240],"tbody",{},[3030,3049,3050,3057,3060,3062],{},[3051,3052,3053],"td",{},[3054,3055,3056],"code",{},"Grid",[3051,3058,3059],{},"✅",[3051,3061,3059],{},[3051,3063,3064,3065,3068,3069,3072],{},"Повна (+ ",[3054,3066,3067],{},"RowSpacing","/",[3054,3070,3071],{},"ColumnSpacing",")",[3030,3074,3075,3080,3082,3084],{},[3051,3076,3077],{},[3054,3078,3079],{},"StackPanel",[3051,3081,3059],{},[3051,3083,3059],{},[3051,3085,3064,3086,3072],{},[3054,3087,2986],{},[3030,3089,3090,3095,3097,3099],{},[3051,3091,3092],{},[3054,3093,3094],{},"DockPanel",[3051,3096,3059],{},[3051,3098,3059],{},[3051,3100,3101],{},"Повна",[3030,3103,3104,3109,3111,3113],{},[3051,3105,3106],{},[3054,3107,3108],{},"WrapPanel",[3051,3110,3059],{},[3051,3112,3059],{},[3051,3114,3101],{},[3030,3116,3117,3122,3124,3126],{},[3051,3118,3119],{},[3054,3120,3121],{},"Canvas",[3051,3123,3059],{},[3051,3125,3059],{},[3051,3127,3101],{},[3030,3129,3130,3135,3137,3139],{},[3051,3131,3132],{},[3054,3133,3134],{},"UniformGrid",[3051,3136,3059],{},[3051,3138,3059],{},[3051,3140,3101],{},[3030,3142,3143,3148,3150,3152],{},[3051,3144,3145],{},[3054,3146,3147],{},"ScrollViewer",[3051,3149,3059],{},[3051,3151,3059],{},[3051,3153,3154],{},"Майже повна",[3030,3156,3157,3162,3164,3166],{},[3051,3158,3159],{},[3054,3160,3161],{},"Border",[3051,3163,3059],{},[3051,3165,3059],{},[3051,3167,3064,3168,3072],{},[3054,3169,3170],{},"BoxShadow",[3030,3172,3173,3178,3180,3182],{},[3051,3174,3175],{},[3054,3176,3177],{},"ViewBox",[3051,3179,3059],{},[3051,3181,3059],{},[3051,3183,3101],{},[3030,3185,3186,3191,3193,3195],{},[3051,3187,3188],{},[3054,3189,3190],{},"GridSplitter",[3051,3192,3059],{},[3051,3194,3059],{},[3051,3196,3101],{},[3030,3198,3199,3204,3206,3208],{},[3051,3200,3201],{},[3054,3202,3203],{},"Panel.ZIndex",[3051,3205,3059],{},[3051,3207,3059],{},[3051,3209,3101],{},[3030,3211,3212,3221,3223,3225],{},[3051,3213,3214,3217,3218],{},[3054,3215,3216],{},"Margin",", ",[3054,3219,3220],{},"Padding",[3051,3222,3059],{},[3051,3224,3059],{},[3051,3226,3101],{},[3030,3228,3229,3234,3236,3238],{},[3051,3230,3231],{},[3054,3232,3233],{},"HorizontalAlignment",[3051,3235,3059],{},[3051,3237,3059],{},[3051,3239,3101],{},[3030,3241,3242,3250,3252,3254],{},[3051,3243,3244,3068,3247],{},[3054,3245,3246],{},"MinWidth",[3054,3248,3249],{},"MaxWidth",[3051,3251,3059],{},[3051,3253,3059],{},[3051,3255,3101],{},[2959,3257,3258,3259,3262],{},"Практично весь XAML з попередніх статей запуститься в Avalonia-проєкті після лише одного кроку: замінити ",[3054,3260,3261],{},"xmlns"," на Avalonia-неймспейси.",[3264,3265,3270],"pre",{"className":3266,"code":3267,"language":3268,"meta":3269,"style":3269},"language-xml shiki shiki-themes light-plus dark-plus dark-plus","\u003C!-- WPF -->\n\u003CWindow xmlns=\"http://schemas.microsoft.com/winfx/2006/xaml/presentation\"\n        xmlns:x=\"http://schemas.microsoft.com/winfx/2006/xaml\">\n\n\u003C!-- Avalonia — лише це відрізняється: -->\n\u003CWindow xmlns=\"https://github.com/avaloniaui\"\n        xmlns:x=\"http://schemas.microsoft.com/winfx/2006/xaml\">\n","xml","",[3054,3271,3272,3281,3304,3318,3325,3331,3345],{"__ignoreMap":3269},[3273,3274,3277],"span",{"class":3275,"line":3276},"line",1,[3273,3278,3280],{"class":3279},"spJ8K","\u003C!-- WPF -->\n",[3273,3282,3284,3288,3292,3296,3300],{"class":3275,"line":3283},2,[3273,3285,3287],{"class":3286},"s0P7L","\u003C",[3273,3289,3291],{"class":3290},"sKtos","Window",[3273,3293,3295],{"class":3294},"sa4r_"," xmlns",[3273,3297,3299],{"class":3298},"sHH4Y","=",[3273,3301,3303],{"class":3302},"su9tN","\"http://schemas.microsoft.com/winfx/2006/xaml/presentation\"\n",[3273,3305,3307,3310,3312,3315],{"class":3275,"line":3306},3,[3273,3308,3309],{"class":3294},"        xmlns:x",[3273,3311,3299],{"class":3298},[3273,3313,3314],{"class":3302},"\"http://schemas.microsoft.com/winfx/2006/xaml\"",[3273,3316,3317],{"class":3286},">\n",[3273,3319,3321],{"class":3275,"line":3320},4,[3273,3322,3324],{"emptyLinePlaceholder":3323},true,"\n",[3273,3326,3328],{"class":3275,"line":3327},5,[3273,3329,3330],{"class":3279},"\u003C!-- Avalonia — лише це відрізняється: -->\n",[3273,3332,3334,3336,3338,3340,3342],{"class":3275,"line":3333},6,[3273,3335,3287],{"class":3286},[3273,3337,3291],{"class":3290},[3273,3339,3295],{"class":3294},[3273,3341,3299],{"class":3298},[3273,3343,3344],{"class":3302},"\"https://github.com/avaloniaui\"\n",[3273,3346,3348,3350,3352,3354],{"class":3275,"line":3347},7,[3273,3349,3309],{"class":3294},[3273,3351,3299],{"class":3298},[3273,3353,3314],{"class":3302},[3273,3355,3317],{"class":3286},[2959,3357,3358],{},"Решта XAML всередині — може залишатись без змін. Grid, RowDefinitions, Grid.Row, ColumnSpan, Margin, Border з CornerRadius — все це Avalonia розуміє і рендерить так само.",[3360,3361,3362],"tip",{},"При міграції WPF-проєкту в Avalonia найбільше часу займає не layout — а прив'язка даних (Compiled Bindings), стилі (Selectors замість Triggers) і обробка подій вводу. Layout-частина мігрує практично без змін.",[3009,3364],{},[3012,3366,3368,3370],{"id":3367},"spacing-вбудований-відступ-між-елементами",[3054,3369,2986],{},": вбудований відступ між елементами",[2959,3372,3373],{},"Це перше і найочевидніше покращення, яке одразу помічають WPF-розробники.",[3375,3376,3378],"h3",{"id":3377},"проблема-у-wpf","Проблема у WPF",[2959,3380,3381,3382,3384,3385,3387],{},"У WPF немає вбудованого відступу між дочірніми елементами ",[3054,3383,3079],{},". Щоб додати відступи між кнопками або секціями — треба було або додавати ",[3054,3386,3216],{}," на кожен елемент, або створювати глобальний стиль:",[3264,3389,3391],{"className":3266,"code":3390,"language":3268,"meta":3269,"style":3269},"\u003C!-- WPF: Margin на кожному елементі (Margin-хак) -->\n\u003CStackPanel>\n    \u003CButton Margin=\"0,0,0,8\" Content=\"Кнопка 1\"/>\n    \u003CButton Margin=\"0,0,0,8\" Content=\"Кнопка 2\"/>\n    \u003CButton Margin=\"0,0,0,8\" Content=\"Кнопка 3\"/>\n    \u003C!-- Остання кнопка — зайвий нижній відступ! -->\n\u003C/StackPanel>\n",[3054,3392,3393,3398,3406,3433,3454,3475,3480],{"__ignoreMap":3269},[3273,3394,3395],{"class":3275,"line":3276},[3273,3396,3397],{"class":3279},"\u003C!-- WPF: Margin на кожному елементі (Margin-хак) -->\n",[3273,3399,3400,3402,3404],{"class":3275,"line":3283},[3273,3401,3287],{"class":3286},[3273,3403,3079],{"class":3290},[3273,3405,3317],{"class":3286},[3273,3407,3408,3411,3414,3417,3419,3422,3425,3427,3430],{"class":3275,"line":3306},[3273,3409,3410],{"class":3286},"    \u003C",[3273,3412,3413],{"class":3290},"Button",[3273,3415,3416],{"class":3294}," Margin",[3273,3418,3299],{"class":3298},[3273,3420,3421],{"class":3302},"\"0,0,0,8\"",[3273,3423,3424],{"class":3294}," Content",[3273,3426,3299],{"class":3298},[3273,3428,3429],{"class":3302},"\"Кнопка 1\"",[3273,3431,3432],{"class":3286},"/>\n",[3273,3434,3435,3437,3439,3441,3443,3445,3447,3449,3452],{"class":3275,"line":3320},[3273,3436,3410],{"class":3286},[3273,3438,3413],{"class":3290},[3273,3440,3416],{"class":3294},[3273,3442,3299],{"class":3298},[3273,3444,3421],{"class":3302},[3273,3446,3424],{"class":3294},[3273,3448,3299],{"class":3298},[3273,3450,3451],{"class":3302},"\"Кнопка 2\"",[3273,3453,3432],{"class":3286},[3273,3455,3456,3458,3460,3462,3464,3466,3468,3470,3473],{"class":3275,"line":3327},[3273,3457,3410],{"class":3286},[3273,3459,3413],{"class":3290},[3273,3461,3416],{"class":3294},[3273,3463,3299],{"class":3298},[3273,3465,3421],{"class":3302},[3273,3467,3424],{"class":3294},[3273,3469,3299],{"class":3298},[3273,3471,3472],{"class":3302},"\"Кнопка 3\"",[3273,3474,3432],{"class":3286},[3273,3476,3477],{"class":3275,"line":3333},[3273,3478,3479],{"class":3279},"    \u003C!-- Остання кнопка — зайвий нижній відступ! -->\n",[3273,3481,3482,3485,3487],{"class":3275,"line":3347},[3273,3483,3484],{"class":3286},"\u003C/",[3273,3486,3079],{"class":3290},[3273,3488,3317],{"class":3286},[2959,3490,3491],{},"Проблема Margin-хаку: останній елемент отримує зайвий відступ (у прикладі — 8px знизу після \"Кнопка 3\"). Щоб виправити — треба або не давати Margin останньому, або давати від'ємний Margin контейнеру. Це незручно.",[2959,3493,3494],{},"Деякі WPF-розробники пишуть стиль:",[3264,3496,3498],{"className":3266,"code":3497,"language":3268,"meta":3269,"style":3269},"\u003C!-- WPF: Style-підхід (краще але все одно обхід) -->\n\u003CStackPanel>\n    \u003CStackPanel.Resources>\n        \u003CStyle TargetType=\"Button\">\n            \u003CSetter Property=\"Margin\" Value=\"0,0,0,8\"/>\n        \u003C/Style>\n    \u003C/StackPanel.Resources>\n    \u003CButton Content=\"Кнопка 1\"/>\n    \u003CButton Content=\"Кнопка 2\"/>\n    \u003C!-- Але стиль застосовується до ВСІХ кнопок включно з останньою -->\n\u003C/StackPanel>\n",[3054,3499,3500,3505,3513,3522,3540,3565,3574,3583,3598,3613,3619],{"__ignoreMap":3269},[3273,3501,3502],{"class":3275,"line":3276},[3273,3503,3504],{"class":3279},"\u003C!-- WPF: Style-підхід (краще але все одно обхід) -->\n",[3273,3506,3507,3509,3511],{"class":3275,"line":3283},[3273,3508,3287],{"class":3286},[3273,3510,3079],{"class":3290},[3273,3512,3317],{"class":3286},[3273,3514,3515,3517,3520],{"class":3275,"line":3306},[3273,3516,3410],{"class":3286},[3273,3518,3519],{"class":3290},"StackPanel.Resources",[3273,3521,3317],{"class":3286},[3273,3523,3524,3527,3530,3533,3535,3538],{"class":3275,"line":3320},[3273,3525,3526],{"class":3286},"        \u003C",[3273,3528,3529],{"class":3290},"Style",[3273,3531,3532],{"class":3294}," TargetType",[3273,3534,3299],{"class":3298},[3273,3536,3537],{"class":3302},"\"Button\"",[3273,3539,3317],{"class":3286},[3273,3541,3542,3545,3548,3551,3553,3556,3559,3561,3563],{"class":3275,"line":3327},[3273,3543,3544],{"class":3286},"            \u003C",[3273,3546,3547],{"class":3290},"Setter",[3273,3549,3550],{"class":3294}," Property",[3273,3552,3299],{"class":3298},[3273,3554,3555],{"class":3302},"\"Margin\"",[3273,3557,3558],{"class":3294}," Value",[3273,3560,3299],{"class":3298},[3273,3562,3421],{"class":3302},[3273,3564,3432],{"class":3286},[3273,3566,3567,3570,3572],{"class":3275,"line":3333},[3273,3568,3569],{"class":3286},"        \u003C/",[3273,3571,3529],{"class":3290},[3273,3573,3317],{"class":3286},[3273,3575,3576,3579,3581],{"class":3275,"line":3347},[3273,3577,3578],{"class":3286},"    \u003C/",[3273,3580,3519],{"class":3290},[3273,3582,3317],{"class":3286},[3273,3584,3586,3588,3590,3592,3594,3596],{"class":3275,"line":3585},8,[3273,3587,3410],{"class":3286},[3273,3589,3413],{"class":3290},[3273,3591,3424],{"class":3294},[3273,3593,3299],{"class":3298},[3273,3595,3429],{"class":3302},[3273,3597,3432],{"class":3286},[3273,3599,3601,3603,3605,3607,3609,3611],{"class":3275,"line":3600},9,[3273,3602,3410],{"class":3286},[3273,3604,3413],{"class":3290},[3273,3606,3424],{"class":3294},[3273,3608,3299],{"class":3298},[3273,3610,3451],{"class":3302},[3273,3612,3432],{"class":3286},[3273,3614,3616],{"class":3275,"line":3615},10,[3273,3617,3618],{"class":3279},"    \u003C!-- Але стиль застосовується до ВСІХ кнопок включно з останньою -->\n",[3273,3620,3622,3624,3626],{"class":3275,"line":3621},11,[3273,3623,3484],{"class":3286},[3273,3625,3079],{"class":3290},[3273,3627,3317],{"class":3286},[3375,3629,3631,3632],{"id":3630},"рішення-в-avalonia-spacing","Рішення в Avalonia: ",[3054,3633,2986],{},[2959,3635,3636,3637,3639,3640,3642,3643,3646],{},"Avalonia додала властивість ",[3054,3638,2986],{}," прямо до ",[3054,3641,3079],{},". Вона додає рівномірний відступ ",[2963,3644,3645],{},"між"," елементами — але не після останнього:",[3264,3648,3650],{"className":3266,"code":3649,"language":3268,"meta":3269,"style":3269},"\u003C!-- Avalonia: просто і елегантно -->\n\u003CStackPanel Spacing=\"8\">\n    \u003CButton Content=\"Кнопка 1\"/>\n    \u003CButton Content=\"Кнопка 2\"/>\n    \u003CButton Content=\"Кнопка 3\"/>\n    \u003C!-- Відступ тільки між елементами: 8px між 1-2 і між 2-3 -->\n    \u003C!-- Після \"Кнопка 3\" — ЖОДНОГО зайвого відступу -->\n\u003C/StackPanel>\n",[3054,3651,3652,3657,3673,3687,3701,3715,3720,3725],{"__ignoreMap":3269},[3273,3653,3654],{"class":3275,"line":3276},[3273,3655,3656],{"class":3279},"\u003C!-- Avalonia: просто і елегантно -->\n",[3273,3658,3659,3661,3663,3666,3668,3671],{"class":3275,"line":3283},[3273,3660,3287],{"class":3286},[3273,3662,3079],{"class":3290},[3273,3664,3665],{"class":3294}," Spacing",[3273,3667,3299],{"class":3298},[3273,3669,3670],{"class":3302},"\"8\"",[3273,3672,3317],{"class":3286},[3273,3674,3675,3677,3679,3681,3683,3685],{"class":3275,"line":3306},[3273,3676,3410],{"class":3286},[3273,3678,3413],{"class":3290},[3273,3680,3424],{"class":3294},[3273,3682,3299],{"class":3298},[3273,3684,3429],{"class":3302},[3273,3686,3432],{"class":3286},[3273,3688,3689,3691,3693,3695,3697,3699],{"class":3275,"line":3320},[3273,3690,3410],{"class":3286},[3273,3692,3413],{"class":3290},[3273,3694,3424],{"class":3294},[3273,3696,3299],{"class":3298},[3273,3698,3451],{"class":3302},[3273,3700,3432],{"class":3286},[3273,3702,3703,3705,3707,3709,3711,3713],{"class":3275,"line":3327},[3273,3704,3410],{"class":3286},[3273,3706,3413],{"class":3290},[3273,3708,3424],{"class":3294},[3273,3710,3299],{"class":3298},[3273,3712,3472],{"class":3302},[3273,3714,3432],{"class":3286},[3273,3716,3717],{"class":3275,"line":3333},[3273,3718,3719],{"class":3279},"    \u003C!-- Відступ тільки між елементами: 8px між 1-2 і між 2-3 -->\n",[3273,3721,3722],{"class":3275,"line":3347},[3273,3723,3724],{"class":3279},"    \u003C!-- Після \"Кнопка 3\" — ЖОДНОГО зайвого відступу -->\n",[3273,3726,3727,3729,3731],{"class":3275,"line":3585},[3273,3728,3484],{"class":3286},[3273,3730,3079],{"class":3290},[3273,3732,3317],{"class":3286},[2959,3734,3735,3736,3738,3739,3742,3743,3746],{},"Результат ідеальний: ",[3054,3737,2986],{}," додає ",[3054,3740,3741],{},"(n-1)"," відступів для ",[3054,3744,3745],{},"n"," елементів. Це точно те, що потрібно у 99% випадків.",[3748,3749,3751],"wpf-preview",{"title":3750},"Avalonia Spacing: StackPanel зі Spacing=12 (горизонтальний і вертикальний)",[3264,3752,3754],{"className":3266,"code":3753,"language":3268,"meta":3269,"style":3269},"\u003CStackPanel Margin=\"20\" Spacing=\"32\">\n\n    \u003C!-- Вертикальний StackPanel зі Spacing -->\n    \u003CTextBlock Text=\"Вертикальний StackPanel Spacing=12\"\n               FontWeight=\"SemiBold\" Foreground=\"#1e293b\" FontSize=\"14\"/>\n\n    \u003CStackPanel Spacing=\"12\">\n        \u003CBorder Background=\"#eff6ff\" CornerRadius=\"8\" Padding=\"14,10\">\n            \u003CTextBlock Text=\"📧 Вхідні (12px нижче)\" Foreground=\"#1e40af\"/>\n        \u003C/Border>\n        \u003CBorder Background=\"#f0fdf4\" CornerRadius=\"8\" Padding=\"14,10\">\n            \u003CTextBlock Text=\"📤 Надіслані (12px нижче)\" Foreground=\"#166534\"/>\n        \u003C/Border>\n        \u003CBorder Background=\"#fdf4ff\" CornerRadius=\"8\" Padding=\"14,10\">\n            \u003CTextBlock Text=\"⭐ Важливі (12px нижче)\" Foreground=\"#6b21a8\"/>\n        \u003C/Border>\n        \u003CBorder Background=\"#fff7ed\" CornerRadius=\"8\" Padding=\"14,10\">\n            \u003CTextBlock Text=\"🗑️ Кошик (без відступу знизу!)\" Foreground=\"#9a3412\"/>\n        \u003C/Border>\n    \u003C/StackPanel>\n\n    \u003C!-- Горизонтальний StackPanel зі Spacing -->\n    \u003CTextBlock Text=\"Горизонтальний StackPanel Spacing=8\"\n               FontWeight=\"SemiBold\" Foreground=\"#1e293b\" FontSize=\"14\"/>\n\n    \u003CStackPanel Orientation=\"Horizontal\" Spacing=\"8\">\n        \u003CButton Content=\"Зберегти\" Background=\"#2563eb\" Foreground=\"White\"\n                Padding=\"16,8\" CornerRadius=\"6\"/>\n        \u003CButton Content=\"Скасувати\" Padding=\"16,8\" CornerRadius=\"6\"\n                Background=\"#f1f5f9\" Foreground=\"#374151\"/>\n        \u003CButton Content=\"Видалити\" Padding=\"16,8\" CornerRadius=\"6\"\n                Background=\"#fee2e2\" Foreground=\"#dc2626\"/>\n    \u003C/StackPanel>\n\n    \u003CTextBlock Text=\"Без Spacing = без зайвого Margin після останнього елемента ✅\"\n               FontSize=\"12\" Foreground=\"#64748b\" FontStyle=\"Italic\"/>\n\n\u003C/StackPanel>\n",[3054,3755,3756,3778,3782,3787,3802,3830,3834,3849,3880,3902,3910,3937,3960,3969,3997,4020,4029,4057,4080,4089,4098,4103,4109,4123,4146,4151,4174,4202,4222,4249,4269,4295,4314,4323,4328,4342,4369,4374],{"__ignoreMap":3269},[3273,3757,3758,3760,3762,3764,3766,3769,3771,3773,3776],{"class":3275,"line":3276},[3273,3759,3287],{"class":3286},[3273,3761,3079],{"class":3290},[3273,3763,3416],{"class":3294},[3273,3765,3299],{"class":3298},[3273,3767,3768],{"class":3302},"\"20\"",[3273,3770,3665],{"class":3294},[3273,3772,3299],{"class":3298},[3273,3774,3775],{"class":3302},"\"32\"",[3273,3777,3317],{"class":3286},[3273,3779,3780],{"class":3275,"line":3283},[3273,3781,3324],{"emptyLinePlaceholder":3323},[3273,3783,3784],{"class":3275,"line":3306},[3273,3785,3786],{"class":3279},"    \u003C!-- Вертикальний StackPanel зі Spacing -->\n",[3273,3788,3789,3791,3794,3797,3799],{"class":3275,"line":3320},[3273,3790,3410],{"class":3286},[3273,3792,3793],{"class":3290},"TextBlock",[3273,3795,3796],{"class":3294}," Text",[3273,3798,3299],{"class":3298},[3273,3800,3801],{"class":3302},"\"Вертикальний StackPanel Spacing=12\"\n",[3273,3803,3804,3807,3809,3812,3815,3817,3820,3823,3825,3828],{"class":3275,"line":3327},[3273,3805,3806],{"class":3294},"               FontWeight",[3273,3808,3299],{"class":3298},[3273,3810,3811],{"class":3302},"\"SemiBold\"",[3273,3813,3814],{"class":3294}," Foreground",[3273,3816,3299],{"class":3298},[3273,3818,3819],{"class":3302},"\"#1e293b\"",[3273,3821,3822],{"class":3294}," FontSize",[3273,3824,3299],{"class":3298},[3273,3826,3827],{"class":3302},"\"14\"",[3273,3829,3432],{"class":3286},[3273,3831,3832],{"class":3275,"line":3333},[3273,3833,3324],{"emptyLinePlaceholder":3323},[3273,3835,3836,3838,3840,3842,3844,3847],{"class":3275,"line":3347},[3273,3837,3410],{"class":3286},[3273,3839,3079],{"class":3290},[3273,3841,3665],{"class":3294},[3273,3843,3299],{"class":3298},[3273,3845,3846],{"class":3302},"\"12\"",[3273,3848,3317],{"class":3286},[3273,3850,3851,3853,3855,3858,3860,3863,3866,3868,3870,3873,3875,3878],{"class":3275,"line":3585},[3273,3852,3526],{"class":3286},[3273,3854,3161],{"class":3290},[3273,3856,3857],{"class":3294}," Background",[3273,3859,3299],{"class":3298},[3273,3861,3862],{"class":3302},"\"#eff6ff\"",[3273,3864,3865],{"class":3294}," CornerRadius",[3273,3867,3299],{"class":3298},[3273,3869,3670],{"class":3302},[3273,3871,3872],{"class":3294}," Padding",[3273,3874,3299],{"class":3298},[3273,3876,3877],{"class":3302},"\"14,10\"",[3273,3879,3317],{"class":3286},[3273,3881,3882,3884,3886,3888,3890,3893,3895,3897,3900],{"class":3275,"line":3600},[3273,3883,3544],{"class":3286},[3273,3885,3793],{"class":3290},[3273,3887,3796],{"class":3294},[3273,3889,3299],{"class":3298},[3273,3891,3892],{"class":3302},"\"📧 Вхідні (12px нижче)\"",[3273,3894,3814],{"class":3294},[3273,3896,3299],{"class":3298},[3273,3898,3899],{"class":3302},"\"#1e40af\"",[3273,3901,3432],{"class":3286},[3273,3903,3904,3906,3908],{"class":3275,"line":3615},[3273,3905,3569],{"class":3286},[3273,3907,3161],{"class":3290},[3273,3909,3317],{"class":3286},[3273,3911,3912,3914,3916,3918,3920,3923,3925,3927,3929,3931,3933,3935],{"class":3275,"line":3621},[3273,3913,3526],{"class":3286},[3273,3915,3161],{"class":3290},[3273,3917,3857],{"class":3294},[3273,3919,3299],{"class":3298},[3273,3921,3922],{"class":3302},"\"#f0fdf4\"",[3273,3924,3865],{"class":3294},[3273,3926,3299],{"class":3298},[3273,3928,3670],{"class":3302},[3273,3930,3872],{"class":3294},[3273,3932,3299],{"class":3298},[3273,3934,3877],{"class":3302},[3273,3936,3317],{"class":3286},[3273,3938,3940,3942,3944,3946,3948,3951,3953,3955,3958],{"class":3275,"line":3939},12,[3273,3941,3544],{"class":3286},[3273,3943,3793],{"class":3290},[3273,3945,3796],{"class":3294},[3273,3947,3299],{"class":3298},[3273,3949,3950],{"class":3302},"\"📤 Надіслані (12px нижче)\"",[3273,3952,3814],{"class":3294},[3273,3954,3299],{"class":3298},[3273,3956,3957],{"class":3302},"\"#166534\"",[3273,3959,3432],{"class":3286},[3273,3961,3963,3965,3967],{"class":3275,"line":3962},13,[3273,3964,3569],{"class":3286},[3273,3966,3161],{"class":3290},[3273,3968,3317],{"class":3286},[3273,3970,3972,3974,3976,3978,3980,3983,3985,3987,3989,3991,3993,3995],{"class":3275,"line":3971},14,[3273,3973,3526],{"class":3286},[3273,3975,3161],{"class":3290},[3273,3977,3857],{"class":3294},[3273,3979,3299],{"class":3298},[3273,3981,3982],{"class":3302},"\"#fdf4ff\"",[3273,3984,3865],{"class":3294},[3273,3986,3299],{"class":3298},[3273,3988,3670],{"class":3302},[3273,3990,3872],{"class":3294},[3273,3992,3299],{"class":3298},[3273,3994,3877],{"class":3302},[3273,3996,3317],{"class":3286},[3273,3998,4000,4002,4004,4006,4008,4011,4013,4015,4018],{"class":3275,"line":3999},15,[3273,4001,3544],{"class":3286},[3273,4003,3793],{"class":3290},[3273,4005,3796],{"class":3294},[3273,4007,3299],{"class":3298},[3273,4009,4010],{"class":3302},"\"⭐ Важливі (12px нижче)\"",[3273,4012,3814],{"class":3294},[3273,4014,3299],{"class":3298},[3273,4016,4017],{"class":3302},"\"#6b21a8\"",[3273,4019,3432],{"class":3286},[3273,4021,4023,4025,4027],{"class":3275,"line":4022},16,[3273,4024,3569],{"class":3286},[3273,4026,3161],{"class":3290},[3273,4028,3317],{"class":3286},[3273,4030,4032,4034,4036,4038,4040,4043,4045,4047,4049,4051,4053,4055],{"class":3275,"line":4031},17,[3273,4033,3526],{"class":3286},[3273,4035,3161],{"class":3290},[3273,4037,3857],{"class":3294},[3273,4039,3299],{"class":3298},[3273,4041,4042],{"class":3302},"\"#fff7ed\"",[3273,4044,3865],{"class":3294},[3273,4046,3299],{"class":3298},[3273,4048,3670],{"class":3302},[3273,4050,3872],{"class":3294},[3273,4052,3299],{"class":3298},[3273,4054,3877],{"class":3302},[3273,4056,3317],{"class":3286},[3273,4058,4060,4062,4064,4066,4068,4071,4073,4075,4078],{"class":3275,"line":4059},18,[3273,4061,3544],{"class":3286},[3273,4063,3793],{"class":3290},[3273,4065,3796],{"class":3294},[3273,4067,3299],{"class":3298},[3273,4069,4070],{"class":3302},"\"🗑️ Кошик (без відступу знизу!)\"",[3273,4072,3814],{"class":3294},[3273,4074,3299],{"class":3298},[3273,4076,4077],{"class":3302},"\"#9a3412\"",[3273,4079,3432],{"class":3286},[3273,4081,4083,4085,4087],{"class":3275,"line":4082},19,[3273,4084,3569],{"class":3286},[3273,4086,3161],{"class":3290},[3273,4088,3317],{"class":3286},[3273,4090,4092,4094,4096],{"class":3275,"line":4091},20,[3273,4093,3578],{"class":3286},[3273,4095,3079],{"class":3290},[3273,4097,3317],{"class":3286},[3273,4099,4101],{"class":3275,"line":4100},21,[3273,4102,3324],{"emptyLinePlaceholder":3323},[3273,4104,4106],{"class":3275,"line":4105},22,[3273,4107,4108],{"class":3279},"    \u003C!-- Горизонтальний StackPanel зі Spacing -->\n",[3273,4110,4112,4114,4116,4118,4120],{"class":3275,"line":4111},23,[3273,4113,3410],{"class":3286},[3273,4115,3793],{"class":3290},[3273,4117,3796],{"class":3294},[3273,4119,3299],{"class":3298},[3273,4121,4122],{"class":3302},"\"Горизонтальний StackPanel Spacing=8\"\n",[3273,4124,4126,4128,4130,4132,4134,4136,4138,4140,4142,4144],{"class":3275,"line":4125},24,[3273,4127,3806],{"class":3294},[3273,4129,3299],{"class":3298},[3273,4131,3811],{"class":3302},[3273,4133,3814],{"class":3294},[3273,4135,3299],{"class":3298},[3273,4137,3819],{"class":3302},[3273,4139,3822],{"class":3294},[3273,4141,3299],{"class":3298},[3273,4143,3827],{"class":3302},[3273,4145,3432],{"class":3286},[3273,4147,4149],{"class":3275,"line":4148},25,[3273,4150,3324],{"emptyLinePlaceholder":3323},[3273,4152,4154,4156,4158,4161,4163,4166,4168,4170,4172],{"class":3275,"line":4153},26,[3273,4155,3410],{"class":3286},[3273,4157,3079],{"class":3290},[3273,4159,4160],{"class":3294}," Orientation",[3273,4162,3299],{"class":3298},[3273,4164,4165],{"class":3302},"\"Horizontal\"",[3273,4167,3665],{"class":3294},[3273,4169,3299],{"class":3298},[3273,4171,3670],{"class":3302},[3273,4173,3317],{"class":3286},[3273,4175,4177,4179,4181,4183,4185,4188,4190,4192,4195,4197,4199],{"class":3275,"line":4176},27,[3273,4178,3526],{"class":3286},[3273,4180,3413],{"class":3290},[3273,4182,3424],{"class":3294},[3273,4184,3299],{"class":3298},[3273,4186,4187],{"class":3302},"\"Зберегти\"",[3273,4189,3857],{"class":3294},[3273,4191,3299],{"class":3298},[3273,4193,4194],{"class":3302},"\"#2563eb\"",[3273,4196,3814],{"class":3294},[3273,4198,3299],{"class":3298},[3273,4200,4201],{"class":3302},"\"White\"\n",[3273,4203,4205,4208,4210,4213,4215,4217,4220],{"class":3275,"line":4204},28,[3273,4206,4207],{"class":3294},"                Padding",[3273,4209,3299],{"class":3298},[3273,4211,4212],{"class":3302},"\"16,8\"",[3273,4214,3865],{"class":3294},[3273,4216,3299],{"class":3298},[3273,4218,4219],{"class":3302},"\"6\"",[3273,4221,3432],{"class":3286},[3273,4223,4225,4227,4229,4231,4233,4236,4238,4240,4242,4244,4246],{"class":3275,"line":4224},29,[3273,4226,3526],{"class":3286},[3273,4228,3413],{"class":3290},[3273,4230,3424],{"class":3294},[3273,4232,3299],{"class":3298},[3273,4234,4235],{"class":3302},"\"Скасувати\"",[3273,4237,3872],{"class":3294},[3273,4239,3299],{"class":3298},[3273,4241,4212],{"class":3302},[3273,4243,3865],{"class":3294},[3273,4245,3299],{"class":3298},[3273,4247,4248],{"class":3302},"\"6\"\n",[3273,4250,4252,4255,4257,4260,4262,4264,4267],{"class":3275,"line":4251},30,[3273,4253,4254],{"class":3294},"                Background",[3273,4256,3299],{"class":3298},[3273,4258,4259],{"class":3302},"\"#f1f5f9\"",[3273,4261,3814],{"class":3294},[3273,4263,3299],{"class":3298},[3273,4265,4266],{"class":3302},"\"#374151\"",[3273,4268,3432],{"class":3286},[3273,4270,4272,4274,4276,4278,4280,4283,4285,4287,4289,4291,4293],{"class":3275,"line":4271},31,[3273,4273,3526],{"class":3286},[3273,4275,3413],{"class":3290},[3273,4277,3424],{"class":3294},[3273,4279,3299],{"class":3298},[3273,4281,4282],{"class":3302},"\"Видалити\"",[3273,4284,3872],{"class":3294},[3273,4286,3299],{"class":3298},[3273,4288,4212],{"class":3302},[3273,4290,3865],{"class":3294},[3273,4292,3299],{"class":3298},[3273,4294,4248],{"class":3302},[3273,4296,4298,4300,4302,4305,4307,4309,4312],{"class":3275,"line":4297},32,[3273,4299,4254],{"class":3294},[3273,4301,3299],{"class":3298},[3273,4303,4304],{"class":3302},"\"#fee2e2\"",[3273,4306,3814],{"class":3294},[3273,4308,3299],{"class":3298},[3273,4310,4311],{"class":3302},"\"#dc2626\"",[3273,4313,3432],{"class":3286},[3273,4315,4317,4319,4321],{"class":3275,"line":4316},33,[3273,4318,3578],{"class":3286},[3273,4320,3079],{"class":3290},[3273,4322,3317],{"class":3286},[3273,4324,4326],{"class":3275,"line":4325},34,[3273,4327,3324],{"emptyLinePlaceholder":3323},[3273,4329,4331,4333,4335,4337,4339],{"class":3275,"line":4330},35,[3273,4332,3410],{"class":3286},[3273,4334,3793],{"class":3290},[3273,4336,3796],{"class":3294},[3273,4338,3299],{"class":3298},[3273,4340,4341],{"class":3302},"\"Без Spacing = без зайвого Margin після останнього елемента ✅\"\n",[3273,4343,4345,4348,4350,4352,4354,4356,4359,4362,4364,4367],{"class":3275,"line":4344},36,[3273,4346,4347],{"class":3294},"               FontSize",[3273,4349,3299],{"class":3298},[3273,4351,3846],{"class":3302},[3273,4353,3814],{"class":3294},[3273,4355,3299],{"class":3298},[3273,4357,4358],{"class":3302},"\"#64748b\"",[3273,4360,4361],{"class":3294}," FontStyle",[3273,4363,3299],{"class":3298},[3273,4365,4366],{"class":3302},"\"Italic\"",[3273,4368,3432],{"class":3286},[3273,4370,4372],{"class":3275,"line":4371},37,[3273,4373,3324],{"emptyLinePlaceholder":3323},[3273,4375,4377,4379,4381],{"class":3275,"line":4376},38,[3273,4378,3484],{"class":3286},[3273,4380,3079],{"class":3290},[3273,4382,3317],{"class":3286},[3375,4384,4386,4388,4389,4391,4392],{"id":4385},"spacing-у-grid-rowspacing-та-columnspacing",[3054,4387,2986],{}," у Grid: ",[3054,4390,3067],{}," та ",[3054,4393,3071],{},[2959,4395,4396,4397,4399],{},"Avalonia також додала відступи між рядками і колонками у ",[3054,4398,3056],{},":",[3264,4401,4403],{"className":3266,"code":4402,"language":3268,"meta":3269,"style":3269},"\u003C!-- WPF: щоб зробити відступ між рядками — потрібен \"порожній\" рядок висотою 8px -->\n\u003CGrid>\n    \u003CGrid.RowDefinitions>\n        \u003CRowDefinition Height=\"Auto\"/>\n        \u003CRowDefinition Height=\"8\"/>    \u003C!-- Штучний відступ! -->\n        \u003CRowDefinition Height=\"Auto\"/>\n    \u003C/Grid.RowDefinitions>\n    \u003CTextBlock Grid.Row=\"0\" Text=\"Рядок 1\"/>\n    \u003C!-- Grid.Row=\"1\" — це порожній рядок-відступ -->\n    \u003CTextBlock Grid.Row=\"2\" Text=\"Рядок 2\"/>\n\u003C/Grid>\n",[3054,4404,4405,4410,4418,4427,4444,4462,4476,4484,4507,4512,4534],{"__ignoreMap":3269},[3273,4406,4407],{"class":3275,"line":3276},[3273,4408,4409],{"class":3279},"\u003C!-- WPF: щоб зробити відступ між рядками — потрібен \"порожній\" рядок висотою 8px -->\n",[3273,4411,4412,4414,4416],{"class":3275,"line":3283},[3273,4413,3287],{"class":3286},[3273,4415,3056],{"class":3290},[3273,4417,3317],{"class":3286},[3273,4419,4420,4422,4425],{"class":3275,"line":3306},[3273,4421,3410],{"class":3286},[3273,4423,4424],{"class":3290},"Grid.RowDefinitions",[3273,4426,3317],{"class":3286},[3273,4428,4429,4431,4434,4437,4439,4442],{"class":3275,"line":3320},[3273,4430,3526],{"class":3286},[3273,4432,4433],{"class":3290},"RowDefinition",[3273,4435,4436],{"class":3294}," Height",[3273,4438,3299],{"class":3298},[3273,4440,4441],{"class":3302},"\"Auto\"",[3273,4443,3432],{"class":3286},[3273,4445,4446,4448,4450,4452,4454,4456,4459],{"class":3275,"line":3327},[3273,4447,3526],{"class":3286},[3273,4449,4433],{"class":3290},[3273,4451,4436],{"class":3294},[3273,4453,3299],{"class":3298},[3273,4455,3670],{"class":3302},[3273,4457,4458],{"class":3286},"/>",[3273,4460,4461],{"class":3279},"    \u003C!-- Штучний відступ! -->\n",[3273,4463,4464,4466,4468,4470,4472,4474],{"class":3275,"line":3333},[3273,4465,3526],{"class":3286},[3273,4467,4433],{"class":3290},[3273,4469,4436],{"class":3294},[3273,4471,3299],{"class":3298},[3273,4473,4441],{"class":3302},[3273,4475,3432],{"class":3286},[3273,4477,4478,4480,4482],{"class":3275,"line":3347},[3273,4479,3578],{"class":3286},[3273,4481,4424],{"class":3290},[3273,4483,3317],{"class":3286},[3273,4485,4486,4488,4490,4493,4495,4498,4500,4502,4505],{"class":3275,"line":3585},[3273,4487,3410],{"class":3286},[3273,4489,3793],{"class":3290},[3273,4491,4492],{"class":3294}," Grid.Row",[3273,4494,3299],{"class":3298},[3273,4496,4497],{"class":3302},"\"0\"",[3273,4499,3796],{"class":3294},[3273,4501,3299],{"class":3298},[3273,4503,4504],{"class":3302},"\"Рядок 1\"",[3273,4506,3432],{"class":3286},[3273,4508,4509],{"class":3275,"line":3600},[3273,4510,4511],{"class":3279},"    \u003C!-- Grid.Row=\"1\" — це порожній рядок-відступ -->\n",[3273,4513,4514,4516,4518,4520,4522,4525,4527,4529,4532],{"class":3275,"line":3615},[3273,4515,3410],{"class":3286},[3273,4517,3793],{"class":3290},[3273,4519,4492],{"class":3294},[3273,4521,3299],{"class":3298},[3273,4523,4524],{"class":3302},"\"2\"",[3273,4526,3796],{"class":3294},[3273,4528,3299],{"class":3298},[3273,4530,4531],{"class":3302},"\"Рядок 2\"",[3273,4533,3432],{"class":3286},[3273,4535,4536,4538,4540],{"class":3275,"line":3621},[3273,4537,3484],{"class":3286},[3273,4539,3056],{"class":3290},[3273,4541,3317],{"class":3286},[3264,4543,4545],{"className":3266,"code":4544,"language":3268,"meta":3269,"style":3269},"\u003C!-- Avalonia: просто RowSpacing -->\n\u003CGrid RowSpacing=\"8\" ColumnSpacing=\"12\">\n    \u003CGrid.RowDefinitions>\n        \u003CRowDefinition Height=\"Auto\"/>\n        \u003CRowDefinition Height=\"Auto\"/>\n    \u003C/Grid.RowDefinitions>\n    \u003CGrid.ColumnDefinitions>\n        \u003CColumnDefinition Width=\"Auto\"/>\n        \u003CColumnDefinition Width=\"*\"/>\n    \u003C/Grid.ColumnDefinitions>\n\n    \u003CTextBlock Grid.Row=\"0\" Grid.Column=\"0\" Text=\"Ім'я:\"/>\n    \u003CTextBox   Grid.Row=\"0\" Grid.Column=\"1\" Text=\"Іван\"/>\n\n    \u003CTextBlock Grid.Row=\"1\" Grid.Column=\"0\" Text=\"Email:\"/>\n    \u003CTextBox   Grid.Row=\"1\" Grid.Column=\"1\" Text=\"ivan@example.com\"/>\n    \u003C!-- RowSpacing=8 автоматично між рядками, ColumnSpacing=12 між колонками -->\n\u003C/Grid>\n",[3054,4546,4547,4552,4574,4582,4596,4610,4618,4627,4643,4658,4666,4670,4698,4728,4732,4759,4786,4791],{"__ignoreMap":3269},[3273,4548,4549],{"class":3275,"line":3276},[3273,4550,4551],{"class":3279},"\u003C!-- Avalonia: просто RowSpacing -->\n",[3273,4553,4554,4556,4558,4561,4563,4565,4568,4570,4572],{"class":3275,"line":3283},[3273,4555,3287],{"class":3286},[3273,4557,3056],{"class":3290},[3273,4559,4560],{"class":3294}," RowSpacing",[3273,4562,3299],{"class":3298},[3273,4564,3670],{"class":3302},[3273,4566,4567],{"class":3294}," ColumnSpacing",[3273,4569,3299],{"class":3298},[3273,4571,3846],{"class":3302},[3273,4573,3317],{"class":3286},[3273,4575,4576,4578,4580],{"class":3275,"line":3306},[3273,4577,3410],{"class":3286},[3273,4579,4424],{"class":3290},[3273,4581,3317],{"class":3286},[3273,4583,4584,4586,4588,4590,4592,4594],{"class":3275,"line":3320},[3273,4585,3526],{"class":3286},[3273,4587,4433],{"class":3290},[3273,4589,4436],{"class":3294},[3273,4591,3299],{"class":3298},[3273,4593,4441],{"class":3302},[3273,4595,3432],{"class":3286},[3273,4597,4598,4600,4602,4604,4606,4608],{"class":3275,"line":3327},[3273,4599,3526],{"class":3286},[3273,4601,4433],{"class":3290},[3273,4603,4436],{"class":3294},[3273,4605,3299],{"class":3298},[3273,4607,4441],{"class":3302},[3273,4609,3432],{"class":3286},[3273,4611,4612,4614,4616],{"class":3275,"line":3333},[3273,4613,3578],{"class":3286},[3273,4615,4424],{"class":3290},[3273,4617,3317],{"class":3286},[3273,4619,4620,4622,4625],{"class":3275,"line":3347},[3273,4621,3410],{"class":3286},[3273,4623,4624],{"class":3290},"Grid.ColumnDefinitions",[3273,4626,3317],{"class":3286},[3273,4628,4629,4631,4634,4637,4639,4641],{"class":3275,"line":3585},[3273,4630,3526],{"class":3286},[3273,4632,4633],{"class":3290},"ColumnDefinition",[3273,4635,4636],{"class":3294}," Width",[3273,4638,3299],{"class":3298},[3273,4640,4441],{"class":3302},[3273,4642,3432],{"class":3286},[3273,4644,4645,4647,4649,4651,4653,4656],{"class":3275,"line":3600},[3273,4646,3526],{"class":3286},[3273,4648,4633],{"class":3290},[3273,4650,4636],{"class":3294},[3273,4652,3299],{"class":3298},[3273,4654,4655],{"class":3302},"\"*\"",[3273,4657,3432],{"class":3286},[3273,4659,4660,4662,4664],{"class":3275,"line":3615},[3273,4661,3578],{"class":3286},[3273,4663,4624],{"class":3290},[3273,4665,3317],{"class":3286},[3273,4667,4668],{"class":3275,"line":3621},[3273,4669,3324],{"emptyLinePlaceholder":3323},[3273,4671,4672,4674,4676,4678,4680,4682,4685,4687,4689,4691,4693,4696],{"class":3275,"line":3939},[3273,4673,3410],{"class":3286},[3273,4675,3793],{"class":3290},[3273,4677,4492],{"class":3294},[3273,4679,3299],{"class":3298},[3273,4681,4497],{"class":3302},[3273,4683,4684],{"class":3294}," Grid.Column",[3273,4686,3299],{"class":3298},[3273,4688,4497],{"class":3302},[3273,4690,3796],{"class":3294},[3273,4692,3299],{"class":3298},[3273,4694,4695],{"class":3302},"\"Ім'я:\"",[3273,4697,3432],{"class":3286},[3273,4699,4700,4702,4705,4708,4710,4712,4714,4716,4719,4721,4723,4726],{"class":3275,"line":3962},[3273,4701,3410],{"class":3286},[3273,4703,4704],{"class":3290},"TextBox",[3273,4706,4707],{"class":3294},"   Grid.Row",[3273,4709,3299],{"class":3298},[3273,4711,4497],{"class":3302},[3273,4713,4684],{"class":3294},[3273,4715,3299],{"class":3298},[3273,4717,4718],{"class":3302},"\"1\"",[3273,4720,3796],{"class":3294},[3273,4722,3299],{"class":3298},[3273,4724,4725],{"class":3302},"\"Іван\"",[3273,4727,3432],{"class":3286},[3273,4729,4730],{"class":3275,"line":3971},[3273,4731,3324],{"emptyLinePlaceholder":3323},[3273,4733,4734,4736,4738,4740,4742,4744,4746,4748,4750,4752,4754,4757],{"class":3275,"line":3999},[3273,4735,3410],{"class":3286},[3273,4737,3793],{"class":3290},[3273,4739,4492],{"class":3294},[3273,4741,3299],{"class":3298},[3273,4743,4718],{"class":3302},[3273,4745,4684],{"class":3294},[3273,4747,3299],{"class":3298},[3273,4749,4497],{"class":3302},[3273,4751,3796],{"class":3294},[3273,4753,3299],{"class":3298},[3273,4755,4756],{"class":3302},"\"Email:\"",[3273,4758,3432],{"class":3286},[3273,4760,4761,4763,4765,4767,4769,4771,4773,4775,4777,4779,4781,4784],{"class":3275,"line":4022},[3273,4762,3410],{"class":3286},[3273,4764,4704],{"class":3290},[3273,4766,4707],{"class":3294},[3273,4768,3299],{"class":3298},[3273,4770,4718],{"class":3302},[3273,4772,4684],{"class":3294},[3273,4774,3299],{"class":3298},[3273,4776,4718],{"class":3302},[3273,4778,3796],{"class":3294},[3273,4780,3299],{"class":3298},[3273,4782,4783],{"class":3302},"\"ivan@example.com\"",[3273,4785,3432],{"class":3286},[3273,4787,4788],{"class":3275,"line":4031},[3273,4789,4790],{"class":3279},"    \u003C!-- RowSpacing=8 автоматично між рядками, ColumnSpacing=12 між колонками -->\n",[3273,4792,4793,4795,4797],{"class":3275,"line":4059},[3273,4794,3484],{"class":3286},[3273,4796,3056],{"class":3290},[3273,4798,3317],{"class":3286},[2959,4800,4801],{},"Результат: жодних фіктивних рядків-роздільників. Grid-структура лишається чистою, а відступи декларуються де належить — на самому Grid.",[3009,4803],{},[3012,4805,4807,4809],{"id":4806},"relativepanel-позиціонування-відносно-сусідів",[3054,4808,2990],{},": позиціонування відносно сусідів",[2959,4811,4812,4814,4815,4818,4819,4821],{},[3054,4813,3056],{}," чудовий для структурованих сіток — але іноді вам потрібно позиціонувати елементи ",[2963,4816,4817],{},"відносно один одного",": \"цей — справа від того\", \"цей — під тим\", \"цей — вирівняний по правому краю панелі\". Саме це вирішує ",[3054,4820,2990],{},".",[3375,4823,4825],{"id":4824},"чому-grid-тут-не-підходить","Чому Grid тут не підходить",[2959,4827,4828,4829,4831],{},"Уявіть інтерфейс пошуку: поле TextBox по ширині займає весь рядок, але з правого боку — кнопка \"×\" (очистити). При зміні розміру вікна TextBox розтягується, а кнопка має залишатись у правому куті TextBox. У Grid для цього потрібна складна структура. У ",[3054,4830,2990],{}," — одна рядок.",[2959,4833,4834,4836,4837,4840],{},[3054,4835,2990],{}," — це панель де кожен дочірній елемент може декларувати своє розташування через ",[2963,4838,4839],{},"Attached Properties"," відносно:",[4842,4843,4844,4850],"ul",{},[4845,4846,4847,4848],"li",{},"країв самого ",[3054,4849,2990],{},[4845,4851,4852],{},"або конкретного сусіднього елемента за ім'ям",[3375,4854,4856],{"id":4855},"attached-properties-для-позиціонування","Attached Properties для позиціонування",[2959,4858,4859,4861],{},[3054,4860,2990],{}," має дві категорії Attached Properties:",[2959,4863,4864],{},[2963,4865,4866],{},"Відносно панелі:",[3024,4868,4869,4879],{},[3027,4870,4871],{},[3030,4872,4873,4876],{},[3033,4874,4875],{},"Attached Property",[3033,4877,4878],{},"Значення",[3046,4880,4881,4891,4901,4911,4921,4931],{},[3030,4882,4883,4888],{},[3051,4884,4885],{},[3054,4886,4887],{},"RelativePanel.AlignLeftWithPanel",[3051,4889,4890],{},"Вирівняти лівий край з панеллю",[3030,4892,4893,4898],{},[3051,4894,4895],{},[3054,4896,4897],{},"RelativePanel.AlignRightWithPanel",[3051,4899,4900],{},"Вирівняти правий край з панеллю",[3030,4902,4903,4908],{},[3051,4904,4905],{},[3054,4906,4907],{},"RelativePanel.AlignTopWithPanel",[3051,4909,4910],{},"Вирівняти верхній край з панеллю",[3030,4912,4913,4918],{},[3051,4914,4915],{},[3054,4916,4917],{},"RelativePanel.AlignBottomWithPanel",[3051,4919,4920],{},"Вирівняти нижній край з панеллю",[3030,4922,4923,4928],{},[3051,4924,4925],{},[3054,4926,4927],{},"RelativePanel.AlignHorizontalCenterWithPanel",[3051,4929,4930],{},"Горизонтальний центр",[3030,4932,4933,4938],{},[3051,4934,4935],{},[3054,4936,4937],{},"RelativePanel.AlignVerticalCenterWithPanel",[3051,4939,4940],{},"Вертикальний центр",[2959,4942,4943],{},[2963,4944,4945,4946,4949,4950,4953],{},"Відносно іншого елемента (",[3054,4947,4948],{},"{x:Reference}"," або ",[3054,4951,4952],{},"x:Name","):",[3024,4955,4956,4964],{},[3027,4957,4958],{},[3030,4959,4960,4962],{},[3033,4961,4875],{},[3033,4963,4878],{},[3046,4965,4966,4976,4986,4996,5006,5016,5026,5036],{},[3030,4967,4968,4973],{},[3051,4969,4970],{},[3054,4971,4972],{},"RelativePanel.RightOf",[3051,4974,4975],{},"Розмістити правіше вказаного елемента",[3030,4977,4978,4983],{},[3051,4979,4980],{},[3054,4981,4982],{},"RelativePanel.LeftOf",[3051,4984,4985],{},"Розмістити лівіше вказаного елемента",[3030,4987,4988,4993],{},[3051,4989,4990],{},[3054,4991,4992],{},"RelativePanel.Below",[3051,4994,4995],{},"Розмістити нижче вказаного елемента",[3030,4997,4998,5003],{},[3051,4999,5000],{},[3054,5001,5002],{},"RelativePanel.Above",[3051,5004,5005],{},"Розмістити вище вказаного елемента",[3030,5007,5008,5013],{},[3051,5009,5010],{},[3054,5011,5012],{},"RelativePanel.AlignLeftWith",[3051,5014,5015],{},"Вирівняти лівий край з вказаним елементом",[3030,5017,5018,5023],{},[3051,5019,5020],{},[3054,5021,5022],{},"RelativePanel.AlignRightWith",[3051,5024,5025],{},"Вирівняти правий край з вказаним елементом",[3030,5027,5028,5033],{},[3051,5029,5030],{},[3054,5031,5032],{},"RelativePanel.AlignTopWith",[3051,5034,5035],{},"Вирівняти верхній край з вказаним елементом",[3030,5037,5038,5043],{},[3051,5039,5040],{},[3054,5041,5042],{},"RelativePanel.AlignBottomWith",[3051,5044,5045],{},"Вирівняти нижній край з вказаним елементом",[3375,5047,5049],{"id":5048},"базовий-синтаксис","Базовий синтаксис",[2959,5051,5052,5053,5055],{},"Кожен елемент у ",[3054,5054,2990],{}," декларує своє розміщення через ці Attached Properties:",[3264,5057,5059],{"className":3266,"code":5058,"language":3268,"meta":3269,"style":3269},"\u003CRelativePanel>\n    \u003C!-- Заголовок: вгорі зліва від панелі -->\n    \u003CTextBlock x:Name=\"title\"\n               RelativePanel.AlignLeftWithPanel=\"True\"\n               RelativePanel.AlignTopWithPanel=\"True\"\n               Text=\"Налаштування профілю\"\n               FontSize=\"18\" FontWeight=\"Bold\"\n               Margin=\"0,0,0,16\"/>\n\n    \u003C!-- Аватар: нижче заголовка, вирівняний зліва -->\n    \u003CBorder x:Name=\"avatar\"\n            RelativePanel.Below=\"title\"\n            RelativePanel.AlignLeftWithPanel=\"True\"\n            Width=\"64\" Height=\"64\"\n            Background=\"#2563eb\" CornerRadius=\"32\"\n            Margin=\"0,0,0,12\">\n        \u003CTextBlock Text=\"🧑\" FontSize=\"28\" HorizontalAlignment=\"Center\"\n                   VerticalAlignment=\"Center\"/>\n    \u003C/Border>\n\n    \u003C!-- Ім'я: справа від аватара, вирівняний по його верху -->\n    \u003CTextBlock x:Name=\"userName\"\n               RelativePanel.RightOf=\"avatar\"\n               RelativePanel.AlignTopWith=\"avatar\"\n               Text=\"Іван Петренко\"\n               FontSize=\"16\" FontWeight=\"SemiBold\"\n               Margin=\"12,0,0,0\"/>\n\n    \u003C!-- Посада: нижче імені, вирівняна зліва з ім'ям -->\n    \u003CTextBlock RelativePanel.Below=\"userName\"\n               RelativePanel.AlignLeftWith=\"userName\"\n               Text=\"Junior WPF Developer\"\n               Foreground=\"#64748b\"\n               Margin=\"12,4,0,0\"/>\n\n    \u003C!-- Кнопка \"Редагувати\": у правому нижньому куті панелі -->\n    \u003CButton RelativePanel.AlignRightWithPanel=\"True\"\n            RelativePanel.AlignBottomWithPanel=\"True\"\n            Content=\"✏️ Редагувати\"\n            Padding=\"12,6\" Background=\"#2563eb\" Foreground=\"White\"\n            CornerRadius=\"6\"/>\n\u003C/RelativePanel>\n",[3054,5060,5061,5069,5074,5088,5098,5107,5117,5134,5146,5150,5155,5168,5177,5186,5203,5219,5231,5259,5271,5279,5283,5288,5301,5310,5319,5328,5344,5355,5359,5364,5377,5386,5395,5405,5416,5420,5425,5438,5447,5458,5481,5493],{"__ignoreMap":3269},[3273,5062,5063,5065,5067],{"class":3275,"line":3276},[3273,5064,3287],{"class":3286},[3273,5066,2990],{"class":3290},[3273,5068,3317],{"class":3286},[3273,5070,5071],{"class":3275,"line":3283},[3273,5072,5073],{"class":3279},"    \u003C!-- Заголовок: вгорі зліва від панелі -->\n",[3273,5075,5076,5078,5080,5083,5085],{"class":3275,"line":3306},[3273,5077,3410],{"class":3286},[3273,5079,3793],{"class":3290},[3273,5081,5082],{"class":3294}," x:Name",[3273,5084,3299],{"class":3298},[3273,5086,5087],{"class":3302},"\"title\"\n",[3273,5089,5090,5093,5095],{"class":3275,"line":3320},[3273,5091,5092],{"class":3294},"               RelativePanel.AlignLeftWithPanel",[3273,5094,3299],{"class":3298},[3273,5096,5097],{"class":3302},"\"True\"\n",[3273,5099,5100,5103,5105],{"class":3275,"line":3327},[3273,5101,5102],{"class":3294},"               RelativePanel.AlignTopWithPanel",[3273,5104,3299],{"class":3298},[3273,5106,5097],{"class":3302},[3273,5108,5109,5112,5114],{"class":3275,"line":3333},[3273,5110,5111],{"class":3294},"               Text",[3273,5113,3299],{"class":3298},[3273,5115,5116],{"class":3302},"\"Налаштування профілю\"\n",[3273,5118,5119,5121,5123,5126,5129,5131],{"class":3275,"line":3347},[3273,5120,4347],{"class":3294},[3273,5122,3299],{"class":3298},[3273,5124,5125],{"class":3302},"\"18\"",[3273,5127,5128],{"class":3294}," FontWeight",[3273,5130,3299],{"class":3298},[3273,5132,5133],{"class":3302},"\"Bold\"\n",[3273,5135,5136,5139,5141,5144],{"class":3275,"line":3585},[3273,5137,5138],{"class":3294},"               Margin",[3273,5140,3299],{"class":3298},[3273,5142,5143],{"class":3302},"\"0,0,0,16\"",[3273,5145,3432],{"class":3286},[3273,5147,5148],{"class":3275,"line":3600},[3273,5149,3324],{"emptyLinePlaceholder":3323},[3273,5151,5152],{"class":3275,"line":3615},[3273,5153,5154],{"class":3279},"    \u003C!-- Аватар: нижче заголовка, вирівняний зліва -->\n",[3273,5156,5157,5159,5161,5163,5165],{"class":3275,"line":3621},[3273,5158,3410],{"class":3286},[3273,5160,3161],{"class":3290},[3273,5162,5082],{"class":3294},[3273,5164,3299],{"class":3298},[3273,5166,5167],{"class":3302},"\"avatar\"\n",[3273,5169,5170,5173,5175],{"class":3275,"line":3939},[3273,5171,5172],{"class":3294},"            RelativePanel.Below",[3273,5174,3299],{"class":3298},[3273,5176,5087],{"class":3302},[3273,5178,5179,5182,5184],{"class":3275,"line":3962},[3273,5180,5181],{"class":3294},"            RelativePanel.AlignLeftWithPanel",[3273,5183,3299],{"class":3298},[3273,5185,5097],{"class":3302},[3273,5187,5188,5191,5193,5196,5198,5200],{"class":3275,"line":3971},[3273,5189,5190],{"class":3294},"            Width",[3273,5192,3299],{"class":3298},[3273,5194,5195],{"class":3302},"\"64\"",[3273,5197,4436],{"class":3294},[3273,5199,3299],{"class":3298},[3273,5201,5202],{"class":3302},"\"64\"\n",[3273,5204,5205,5208,5210,5212,5214,5216],{"class":3275,"line":3999},[3273,5206,5207],{"class":3294},"            Background",[3273,5209,3299],{"class":3298},[3273,5211,4194],{"class":3302},[3273,5213,3865],{"class":3294},[3273,5215,3299],{"class":3298},[3273,5217,5218],{"class":3302},"\"32\"\n",[3273,5220,5221,5224,5226,5229],{"class":3275,"line":4022},[3273,5222,5223],{"class":3294},"            Margin",[3273,5225,3299],{"class":3298},[3273,5227,5228],{"class":3302},"\"0,0,0,12\"",[3273,5230,3317],{"class":3286},[3273,5232,5233,5235,5237,5239,5241,5244,5246,5248,5251,5254,5256],{"class":3275,"line":4031},[3273,5234,3526],{"class":3286},[3273,5236,3793],{"class":3290},[3273,5238,3796],{"class":3294},[3273,5240,3299],{"class":3298},[3273,5242,5243],{"class":3302},"\"🧑\"",[3273,5245,3822],{"class":3294},[3273,5247,3299],{"class":3298},[3273,5249,5250],{"class":3302},"\"28\"",[3273,5252,5253],{"class":3294}," HorizontalAlignment",[3273,5255,3299],{"class":3298},[3273,5257,5258],{"class":3302},"\"Center\"\n",[3273,5260,5261,5264,5266,5269],{"class":3275,"line":4059},[3273,5262,5263],{"class":3294},"                   VerticalAlignment",[3273,5265,3299],{"class":3298},[3273,5267,5268],{"class":3302},"\"Center\"",[3273,5270,3432],{"class":3286},[3273,5272,5273,5275,5277],{"class":3275,"line":4082},[3273,5274,3578],{"class":3286},[3273,5276,3161],{"class":3290},[3273,5278,3317],{"class":3286},[3273,5280,5281],{"class":3275,"line":4091},[3273,5282,3324],{"emptyLinePlaceholder":3323},[3273,5284,5285],{"class":3275,"line":4100},[3273,5286,5287],{"class":3279},"    \u003C!-- Ім'я: справа від аватара, вирівняний по його верху -->\n",[3273,5289,5290,5292,5294,5296,5298],{"class":3275,"line":4105},[3273,5291,3410],{"class":3286},[3273,5293,3793],{"class":3290},[3273,5295,5082],{"class":3294},[3273,5297,3299],{"class":3298},[3273,5299,5300],{"class":3302},"\"userName\"\n",[3273,5302,5303,5306,5308],{"class":3275,"line":4111},[3273,5304,5305],{"class":3294},"               RelativePanel.RightOf",[3273,5307,3299],{"class":3298},[3273,5309,5167],{"class":3302},[3273,5311,5312,5315,5317],{"class":3275,"line":4125},[3273,5313,5314],{"class":3294},"               RelativePanel.AlignTopWith",[3273,5316,3299],{"class":3298},[3273,5318,5167],{"class":3302},[3273,5320,5321,5323,5325],{"class":3275,"line":4148},[3273,5322,5111],{"class":3294},[3273,5324,3299],{"class":3298},[3273,5326,5327],{"class":3302},"\"Іван Петренко\"\n",[3273,5329,5330,5332,5334,5337,5339,5341],{"class":3275,"line":4153},[3273,5331,4347],{"class":3294},[3273,5333,3299],{"class":3298},[3273,5335,5336],{"class":3302},"\"16\"",[3273,5338,5128],{"class":3294},[3273,5340,3299],{"class":3298},[3273,5342,5343],{"class":3302},"\"SemiBold\"\n",[3273,5345,5346,5348,5350,5353],{"class":3275,"line":4176},[3273,5347,5138],{"class":3294},[3273,5349,3299],{"class":3298},[3273,5351,5352],{"class":3302},"\"12,0,0,0\"",[3273,5354,3432],{"class":3286},[3273,5356,5357],{"class":3275,"line":4204},[3273,5358,3324],{"emptyLinePlaceholder":3323},[3273,5360,5361],{"class":3275,"line":4224},[3273,5362,5363],{"class":3279},"    \u003C!-- Посада: нижче імені, вирівняна зліва з ім'ям -->\n",[3273,5365,5366,5368,5370,5373,5375],{"class":3275,"line":4251},[3273,5367,3410],{"class":3286},[3273,5369,3793],{"class":3290},[3273,5371,5372],{"class":3294}," RelativePanel.Below",[3273,5374,3299],{"class":3298},[3273,5376,5300],{"class":3302},[3273,5378,5379,5382,5384],{"class":3275,"line":4271},[3273,5380,5381],{"class":3294},"               RelativePanel.AlignLeftWith",[3273,5383,3299],{"class":3298},[3273,5385,5300],{"class":3302},[3273,5387,5388,5390,5392],{"class":3275,"line":4297},[3273,5389,5111],{"class":3294},[3273,5391,3299],{"class":3298},[3273,5393,5394],{"class":3302},"\"Junior WPF Developer\"\n",[3273,5396,5397,5400,5402],{"class":3275,"line":4316},[3273,5398,5399],{"class":3294},"               Foreground",[3273,5401,3299],{"class":3298},[3273,5403,5404],{"class":3302},"\"#64748b\"\n",[3273,5406,5407,5409,5411,5414],{"class":3275,"line":4325},[3273,5408,5138],{"class":3294},[3273,5410,3299],{"class":3298},[3273,5412,5413],{"class":3302},"\"12,4,0,0\"",[3273,5415,3432],{"class":3286},[3273,5417,5418],{"class":3275,"line":4330},[3273,5419,3324],{"emptyLinePlaceholder":3323},[3273,5421,5422],{"class":3275,"line":4344},[3273,5423,5424],{"class":3279},"    \u003C!-- Кнопка \"Редагувати\": у правому нижньому куті панелі -->\n",[3273,5426,5427,5429,5431,5434,5436],{"class":3275,"line":4371},[3273,5428,3410],{"class":3286},[3273,5430,3413],{"class":3290},[3273,5432,5433],{"class":3294}," RelativePanel.AlignRightWithPanel",[3273,5435,3299],{"class":3298},[3273,5437,5097],{"class":3302},[3273,5439,5440,5443,5445],{"class":3275,"line":4376},[3273,5441,5442],{"class":3294},"            RelativePanel.AlignBottomWithPanel",[3273,5444,3299],{"class":3298},[3273,5446,5097],{"class":3302},[3273,5448,5450,5453,5455],{"class":3275,"line":5449},39,[3273,5451,5452],{"class":3294},"            Content",[3273,5454,3299],{"class":3298},[3273,5456,5457],{"class":3302},"\"✏️ Редагувати\"\n",[3273,5459,5461,5464,5466,5469,5471,5473,5475,5477,5479],{"class":3275,"line":5460},40,[3273,5462,5463],{"class":3294},"            Padding",[3273,5465,3299],{"class":3298},[3273,5467,5468],{"class":3302},"\"12,6\"",[3273,5470,3857],{"class":3294},[3273,5472,3299],{"class":3298},[3273,5474,4194],{"class":3302},[3273,5476,3814],{"class":3294},[3273,5478,3299],{"class":3298},[3273,5480,4201],{"class":3302},[3273,5482,5484,5487,5489,5491],{"class":3275,"line":5483},41,[3273,5485,5486],{"class":3294},"            CornerRadius",[3273,5488,3299],{"class":3298},[3273,5490,4219],{"class":3302},[3273,5492,3432],{"class":3286},[3273,5494,5496,5498,5500],{"class":3275,"line":5495},42,[3273,5497,3484],{"class":3286},[3273,5499,2990],{"class":3290},[3273,5501,3317],{"class":3286},[2959,5503,5504,5505,5507,5508,5511],{},"Зверніть увагу: у ",[3054,5506,2990],{}," немає ",[3054,5509,5510],{},"Grid.Row"," або будь-якого іншого індексного позиціонування. Кожен елемент сам декларує своє місце і відносний елемент-сусід.",[3748,5513,5516],{"title":5514,"height":5515},"RelativePanel: профільна картка з відносним позиціонуванням",420,[3264,5517,5519],{"className":3266,"code":5518,"language":3268,"meta":3269,"style":3269},"\u003CBorder Width=\"340\" Background=\"White\" BorderBrush=\"#e2e8f0\"\n        BorderThickness=\"1\" CornerRadius=\"12\" Padding=\"20\"\n        HorizontalAlignment=\"Center\" VerticalAlignment=\"Center\"\n        Margin=\"20\">\n    \u003CRelativePanel>\n\n        \u003C!-- Заголовок секції -->\n        \u003CTextBlock x:Name=\"sectionTitle\"\n                   RelativePanel.AlignLeftWithPanel=\"True\"\n                   RelativePanel.AlignTopWithPanel=\"True\"\n                   Text=\"Профіль користувача\"\n                   FontSize=\"15\" FontWeight=\"Bold\"\n                   Foreground=\"#0f172a\"\n                   Margin=\"0,0,0,16\"/>\n\n        \u003C!-- Аватар -->\n        \u003CBorder x:Name=\"avatarBorder\"\n                RelativePanel.Below=\"sectionTitle\"\n                RelativePanel.AlignLeftWithPanel=\"True\"\n                Width=\"56\" Height=\"56\" CornerRadius=\"28\"\n                Background=\"#2563eb\">\n            \u003CTextBlock Text=\"ІП\" Foreground=\"White\" FontSize=\"18\"\n                       FontWeight=\"Bold\"\n                       HorizontalAlignment=\"Center\"\n                       VerticalAlignment=\"Center\"/>\n        \u003C/Border>\n\n        \u003C!-- Ім'я: справа від аватара -->\n        \u003CTextBlock x:Name=\"fullName\"\n                   RelativePanel.RightOf=\"avatarBorder\"\n                   RelativePanel.AlignTopWith=\"avatarBorder\"\n                   Text=\"Іван Петренко\"\n                   FontSize=\"15\" FontWeight=\"SemiBold\"\n                   Foreground=\"#1e293b\"\n                   Margin=\"14,4,0,0\"/>\n\n        \u003C!-- Посада -->\n        \u003CTextBlock x:Name=\"jobTitle\"\n                   RelativePanel.Below=\"fullName\"\n                   RelativePanel.AlignLeftWith=\"fullName\"\n                   Text=\"Frontend WPF Developer\"\n                   FontSize=\"12\" Foreground=\"#64748b\"\n                   Margin=\"14,2,0,0\"/>\n\n        \u003C!-- Badge \"Online\" -->\n        \u003CBorder RelativePanel.Below=\"jobTitle\"\n                RelativePanel.AlignLeftWith=\"jobTitle\"\n                Background=\"#dcfce7\" CornerRadius=\"10\"\n                Padding=\"8,3\" Margin=\"14,6,0,0\">\n            \u003CTextBlock Text=\"● Онлайн\" Foreground=\"#16a34a\" FontSize=\"11\"\n                       FontWeight=\"SemiBold\"/>\n        \u003C/Border>\n\n        \u003C!-- Email під аватаром: нижче avatarBorder, вирівняний зліва з панеллю -->\n        \u003CBorder x:Name=\"emailRow\"\n                RelativePanel.Below=\"avatarBorder\"\n                RelativePanel.AlignLeftWithPanel=\"True\"\n                RelativePanel.AlignRightWithPanel=\"True\"\n                BorderBrush=\"#f1f5f9\" BorderThickness=\"0,1,0,0\"\n                Margin=\"0,16,0,0\" Padding=\"0,12,0,0\">\n            \u003CStackPanel Spacing=\"6\">\n                \u003CStackPanel Orientation=\"Horizontal\" Spacing=\"8\">\n                    \u003CTextBlock Text=\"📧\" FontSize=\"13\"/>\n                    \u003CTextBlock Text=\"ivan.petrenko@company.ua\" FontSize=\"13\"\n                               Foreground=\"#374151\"/>\n                \u003C/StackPanel>\n                \u003CStackPanel Orientation=\"Horizontal\" Spacing=\"8\">\n                    \u003CTextBlock Text=\"📍\" FontSize=\"13\"/>\n                    \u003CTextBlock Text=\"Київ, Україна\" FontSize=\"13\"\n                               Foreground=\"#374151\"/>\n                \u003C/StackPanel>\n            \u003C/StackPanel>\n        \u003C/Border>\n\n        \u003C!-- Кнопки: нижче emailRow -->\n        \u003CStackPanel Orientation=\"Horizontal\" Spacing=\"8\"\n                    RelativePanel.Below=\"emailRow\"\n                    RelativePanel.AlignRightWithPanel=\"True\"\n                    Margin=\"0,12,0,0\">\n            \u003CButton Content=\"Повідомлення\" Padding=\"10,6\" FontSize=\"12\"\n                    Background=\"#f1f5f9\" Foreground=\"#374151\" CornerRadius=\"6\"/>\n            \u003CButton Content=\"✏️ Редагувати\" Padding=\"10,6\" FontSize=\"12\"\n                    Background=\"#2563eb\" Foreground=\"White\" CornerRadius=\"6\"/>\n        \u003C/StackPanel>\n\n    \u003C/RelativePanel>\n\u003C/Border>\n",[3054,5520,5521,5549,5571,5587,5598,5606,5610,5615,5628,5637,5646,5656,5672,5682,5693,5697,5702,5715,5724,5733,5756,5766,5792,5801,5810,5821,5829,5833,5838,5851,5860,5869,5877,5891,5900,5911,5915,5920,5933,5942,5951,5960,5974,5986,5991,5997,6010,6020,6037,6056,6084,6095,6104,6109,6115,6129,6138,6147,6157,6175,6195,6210,6232,6256,6277,6289,6299,6320,6342,6362,6373,6382,6392,6401,6406,6412,6432,6442,6452,6464,6492,6516,6542,6565,6574,6579,6588],{"__ignoreMap":3269},[3273,5522,5523,5525,5527,5529,5531,5534,5536,5538,5541,5544,5546],{"class":3275,"line":3276},[3273,5524,3287],{"class":3286},[3273,5526,3161],{"class":3290},[3273,5528,4636],{"class":3294},[3273,5530,3299],{"class":3298},[3273,5532,5533],{"class":3302},"\"340\"",[3273,5535,3857],{"class":3294},[3273,5537,3299],{"class":3298},[3273,5539,5540],{"class":3302},"\"White\"",[3273,5542,5543],{"class":3294}," BorderBrush",[3273,5545,3299],{"class":3298},[3273,5547,5548],{"class":3302},"\"#e2e8f0\"\n",[3273,5550,5551,5554,5556,5558,5560,5562,5564,5566,5568],{"class":3275,"line":3283},[3273,5552,5553],{"class":3294},"        BorderThickness",[3273,5555,3299],{"class":3298},[3273,5557,4718],{"class":3302},[3273,5559,3865],{"class":3294},[3273,5561,3299],{"class":3298},[3273,5563,3846],{"class":3302},[3273,5565,3872],{"class":3294},[3273,5567,3299],{"class":3298},[3273,5569,5570],{"class":3302},"\"20\"\n",[3273,5572,5573,5576,5578,5580,5583,5585],{"class":3275,"line":3306},[3273,5574,5575],{"class":3294},"        HorizontalAlignment",[3273,5577,3299],{"class":3298},[3273,5579,5268],{"class":3302},[3273,5581,5582],{"class":3294}," VerticalAlignment",[3273,5584,3299],{"class":3298},[3273,5586,5258],{"class":3302},[3273,5588,5589,5592,5594,5596],{"class":3275,"line":3320},[3273,5590,5591],{"class":3294},"        Margin",[3273,5593,3299],{"class":3298},[3273,5595,3768],{"class":3302},[3273,5597,3317],{"class":3286},[3273,5599,5600,5602,5604],{"class":3275,"line":3327},[3273,5601,3410],{"class":3286},[3273,5603,2990],{"class":3290},[3273,5605,3317],{"class":3286},[3273,5607,5608],{"class":3275,"line":3333},[3273,5609,3324],{"emptyLinePlaceholder":3323},[3273,5611,5612],{"class":3275,"line":3347},[3273,5613,5614],{"class":3279},"        \u003C!-- Заголовок секції -->\n",[3273,5616,5617,5619,5621,5623,5625],{"class":3275,"line":3585},[3273,5618,3526],{"class":3286},[3273,5620,3793],{"class":3290},[3273,5622,5082],{"class":3294},[3273,5624,3299],{"class":3298},[3273,5626,5627],{"class":3302},"\"sectionTitle\"\n",[3273,5629,5630,5633,5635],{"class":3275,"line":3600},[3273,5631,5632],{"class":3294},"                   RelativePanel.AlignLeftWithPanel",[3273,5634,3299],{"class":3298},[3273,5636,5097],{"class":3302},[3273,5638,5639,5642,5644],{"class":3275,"line":3615},[3273,5640,5641],{"class":3294},"                   RelativePanel.AlignTopWithPanel",[3273,5643,3299],{"class":3298},[3273,5645,5097],{"class":3302},[3273,5647,5648,5651,5653],{"class":3275,"line":3621},[3273,5649,5650],{"class":3294},"                   Text",[3273,5652,3299],{"class":3298},[3273,5654,5655],{"class":3302},"\"Профіль користувача\"\n",[3273,5657,5658,5661,5663,5666,5668,5670],{"class":3275,"line":3939},[3273,5659,5660],{"class":3294},"                   FontSize",[3273,5662,3299],{"class":3298},[3273,5664,5665],{"class":3302},"\"15\"",[3273,5667,5128],{"class":3294},[3273,5669,3299],{"class":3298},[3273,5671,5133],{"class":3302},[3273,5673,5674,5677,5679],{"class":3275,"line":3962},[3273,5675,5676],{"class":3294},"                   Foreground",[3273,5678,3299],{"class":3298},[3273,5680,5681],{"class":3302},"\"#0f172a\"\n",[3273,5683,5684,5687,5689,5691],{"class":3275,"line":3971},[3273,5685,5686],{"class":3294},"                   Margin",[3273,5688,3299],{"class":3298},[3273,5690,5143],{"class":3302},[3273,5692,3432],{"class":3286},[3273,5694,5695],{"class":3275,"line":3999},[3273,5696,3324],{"emptyLinePlaceholder":3323},[3273,5698,5699],{"class":3275,"line":4022},[3273,5700,5701],{"class":3279},"        \u003C!-- Аватар -->\n",[3273,5703,5704,5706,5708,5710,5712],{"class":3275,"line":4031},[3273,5705,3526],{"class":3286},[3273,5707,3161],{"class":3290},[3273,5709,5082],{"class":3294},[3273,5711,3299],{"class":3298},[3273,5713,5714],{"class":3302},"\"avatarBorder\"\n",[3273,5716,5717,5720,5722],{"class":3275,"line":4059},[3273,5718,5719],{"class":3294},"                RelativePanel.Below",[3273,5721,3299],{"class":3298},[3273,5723,5627],{"class":3302},[3273,5725,5726,5729,5731],{"class":3275,"line":4082},[3273,5727,5728],{"class":3294},"                RelativePanel.AlignLeftWithPanel",[3273,5730,3299],{"class":3298},[3273,5732,5097],{"class":3302},[3273,5734,5735,5738,5740,5743,5745,5747,5749,5751,5753],{"class":3275,"line":4091},[3273,5736,5737],{"class":3294},"                Width",[3273,5739,3299],{"class":3298},[3273,5741,5742],{"class":3302},"\"56\"",[3273,5744,4436],{"class":3294},[3273,5746,3299],{"class":3298},[3273,5748,5742],{"class":3302},[3273,5750,3865],{"class":3294},[3273,5752,3299],{"class":3298},[3273,5754,5755],{"class":3302},"\"28\"\n",[3273,5757,5758,5760,5762,5764],{"class":3275,"line":4100},[3273,5759,4254],{"class":3294},[3273,5761,3299],{"class":3298},[3273,5763,4194],{"class":3302},[3273,5765,3317],{"class":3286},[3273,5767,5768,5770,5772,5774,5776,5779,5781,5783,5785,5787,5789],{"class":3275,"line":4105},[3273,5769,3544],{"class":3286},[3273,5771,3793],{"class":3290},[3273,5773,3796],{"class":3294},[3273,5775,3299],{"class":3298},[3273,5777,5778],{"class":3302},"\"ІП\"",[3273,5780,3814],{"class":3294},[3273,5782,3299],{"class":3298},[3273,5784,5540],{"class":3302},[3273,5786,3822],{"class":3294},[3273,5788,3299],{"class":3298},[3273,5790,5791],{"class":3302},"\"18\"\n",[3273,5793,5794,5797,5799],{"class":3275,"line":4111},[3273,5795,5796],{"class":3294},"                       FontWeight",[3273,5798,3299],{"class":3298},[3273,5800,5133],{"class":3302},[3273,5802,5803,5806,5808],{"class":3275,"line":4125},[3273,5804,5805],{"class":3294},"                       HorizontalAlignment",[3273,5807,3299],{"class":3298},[3273,5809,5258],{"class":3302},[3273,5811,5812,5815,5817,5819],{"class":3275,"line":4148},[3273,5813,5814],{"class":3294},"                       VerticalAlignment",[3273,5816,3299],{"class":3298},[3273,5818,5268],{"class":3302},[3273,5820,3432],{"class":3286},[3273,5822,5823,5825,5827],{"class":3275,"line":4153},[3273,5824,3569],{"class":3286},[3273,5826,3161],{"class":3290},[3273,5828,3317],{"class":3286},[3273,5830,5831],{"class":3275,"line":4176},[3273,5832,3324],{"emptyLinePlaceholder":3323},[3273,5834,5835],{"class":3275,"line":4204},[3273,5836,5837],{"class":3279},"        \u003C!-- Ім'я: справа від аватара -->\n",[3273,5839,5840,5842,5844,5846,5848],{"class":3275,"line":4224},[3273,5841,3526],{"class":3286},[3273,5843,3793],{"class":3290},[3273,5845,5082],{"class":3294},[3273,5847,3299],{"class":3298},[3273,5849,5850],{"class":3302},"\"fullName\"\n",[3273,5852,5853,5856,5858],{"class":3275,"line":4251},[3273,5854,5855],{"class":3294},"                   RelativePanel.RightOf",[3273,5857,3299],{"class":3298},[3273,5859,5714],{"class":3302},[3273,5861,5862,5865,5867],{"class":3275,"line":4271},[3273,5863,5864],{"class":3294},"                   RelativePanel.AlignTopWith",[3273,5866,3299],{"class":3298},[3273,5868,5714],{"class":3302},[3273,5870,5871,5873,5875],{"class":3275,"line":4297},[3273,5872,5650],{"class":3294},[3273,5874,3299],{"class":3298},[3273,5876,5327],{"class":3302},[3273,5878,5879,5881,5883,5885,5887,5889],{"class":3275,"line":4316},[3273,5880,5660],{"class":3294},[3273,5882,3299],{"class":3298},[3273,5884,5665],{"class":3302},[3273,5886,5128],{"class":3294},[3273,5888,3299],{"class":3298},[3273,5890,5343],{"class":3302},[3273,5892,5893,5895,5897],{"class":3275,"line":4325},[3273,5894,5676],{"class":3294},[3273,5896,3299],{"class":3298},[3273,5898,5899],{"class":3302},"\"#1e293b\"\n",[3273,5901,5902,5904,5906,5909],{"class":3275,"line":4330},[3273,5903,5686],{"class":3294},[3273,5905,3299],{"class":3298},[3273,5907,5908],{"class":3302},"\"14,4,0,0\"",[3273,5910,3432],{"class":3286},[3273,5912,5913],{"class":3275,"line":4344},[3273,5914,3324],{"emptyLinePlaceholder":3323},[3273,5916,5917],{"class":3275,"line":4371},[3273,5918,5919],{"class":3279},"        \u003C!-- Посада -->\n",[3273,5921,5922,5924,5926,5928,5930],{"class":3275,"line":4376},[3273,5923,3526],{"class":3286},[3273,5925,3793],{"class":3290},[3273,5927,5082],{"class":3294},[3273,5929,3299],{"class":3298},[3273,5931,5932],{"class":3302},"\"jobTitle\"\n",[3273,5934,5935,5938,5940],{"class":3275,"line":5449},[3273,5936,5937],{"class":3294},"                   RelativePanel.Below",[3273,5939,3299],{"class":3298},[3273,5941,5850],{"class":3302},[3273,5943,5944,5947,5949],{"class":3275,"line":5460},[3273,5945,5946],{"class":3294},"                   RelativePanel.AlignLeftWith",[3273,5948,3299],{"class":3298},[3273,5950,5850],{"class":3302},[3273,5952,5953,5955,5957],{"class":3275,"line":5483},[3273,5954,5650],{"class":3294},[3273,5956,3299],{"class":3298},[3273,5958,5959],{"class":3302},"\"Frontend WPF Developer\"\n",[3273,5961,5962,5964,5966,5968,5970,5972],{"class":3275,"line":5495},[3273,5963,5660],{"class":3294},[3273,5965,3299],{"class":3298},[3273,5967,3846],{"class":3302},[3273,5969,3814],{"class":3294},[3273,5971,3299],{"class":3298},[3273,5973,5404],{"class":3302},[3273,5975,5977,5979,5981,5984],{"class":3275,"line":5976},43,[3273,5978,5686],{"class":3294},[3273,5980,3299],{"class":3298},[3273,5982,5983],{"class":3302},"\"14,2,0,0\"",[3273,5985,3432],{"class":3286},[3273,5987,5989],{"class":3275,"line":5988},44,[3273,5990,3324],{"emptyLinePlaceholder":3323},[3273,5992,5994],{"class":3275,"line":5993},45,[3273,5995,5996],{"class":3279},"        \u003C!-- Badge \"Online\" -->\n",[3273,5998,6000,6002,6004,6006,6008],{"class":3275,"line":5999},46,[3273,6001,3526],{"class":3286},[3273,6003,3161],{"class":3290},[3273,6005,5372],{"class":3294},[3273,6007,3299],{"class":3298},[3273,6009,5932],{"class":3302},[3273,6011,6013,6016,6018],{"class":3275,"line":6012},47,[3273,6014,6015],{"class":3294},"                RelativePanel.AlignLeftWith",[3273,6017,3299],{"class":3298},[3273,6019,5932],{"class":3302},[3273,6021,6023,6025,6027,6030,6032,6034],{"class":3275,"line":6022},48,[3273,6024,4254],{"class":3294},[3273,6026,3299],{"class":3298},[3273,6028,6029],{"class":3302},"\"#dcfce7\"",[3273,6031,3865],{"class":3294},[3273,6033,3299],{"class":3298},[3273,6035,6036],{"class":3302},"\"10\"\n",[3273,6038,6040,6042,6044,6047,6049,6051,6054],{"class":3275,"line":6039},49,[3273,6041,4207],{"class":3294},[3273,6043,3299],{"class":3298},[3273,6045,6046],{"class":3302},"\"8,3\"",[3273,6048,3416],{"class":3294},[3273,6050,3299],{"class":3298},[3273,6052,6053],{"class":3302},"\"14,6,0,0\"",[3273,6055,3317],{"class":3286},[3273,6057,6059,6061,6063,6065,6067,6070,6072,6074,6077,6079,6081],{"class":3275,"line":6058},50,[3273,6060,3544],{"class":3286},[3273,6062,3793],{"class":3290},[3273,6064,3796],{"class":3294},[3273,6066,3299],{"class":3298},[3273,6068,6069],{"class":3302},"\"● Онлайн\"",[3273,6071,3814],{"class":3294},[3273,6073,3299],{"class":3298},[3273,6075,6076],{"class":3302},"\"#16a34a\"",[3273,6078,3822],{"class":3294},[3273,6080,3299],{"class":3298},[3273,6082,6083],{"class":3302},"\"11\"\n",[3273,6085,6087,6089,6091,6093],{"class":3275,"line":6086},51,[3273,6088,5796],{"class":3294},[3273,6090,3299],{"class":3298},[3273,6092,3811],{"class":3302},[3273,6094,3432],{"class":3286},[3273,6096,6098,6100,6102],{"class":3275,"line":6097},52,[3273,6099,3569],{"class":3286},[3273,6101,3161],{"class":3290},[3273,6103,3317],{"class":3286},[3273,6105,6107],{"class":3275,"line":6106},53,[3273,6108,3324],{"emptyLinePlaceholder":3323},[3273,6110,6112],{"class":3275,"line":6111},54,[3273,6113,6114],{"class":3279},"        \u003C!-- Email під аватаром: нижче avatarBorder, вирівняний зліва з панеллю -->\n",[3273,6116,6118,6120,6122,6124,6126],{"class":3275,"line":6117},55,[3273,6119,3526],{"class":3286},[3273,6121,3161],{"class":3290},[3273,6123,5082],{"class":3294},[3273,6125,3299],{"class":3298},[3273,6127,6128],{"class":3302},"\"emailRow\"\n",[3273,6130,6132,6134,6136],{"class":3275,"line":6131},56,[3273,6133,5719],{"class":3294},[3273,6135,3299],{"class":3298},[3273,6137,5714],{"class":3302},[3273,6139,6141,6143,6145],{"class":3275,"line":6140},57,[3273,6142,5728],{"class":3294},[3273,6144,3299],{"class":3298},[3273,6146,5097],{"class":3302},[3273,6148,6150,6153,6155],{"class":3275,"line":6149},58,[3273,6151,6152],{"class":3294},"                RelativePanel.AlignRightWithPanel",[3273,6154,3299],{"class":3298},[3273,6156,5097],{"class":3302},[3273,6158,6160,6163,6165,6167,6170,6172],{"class":3275,"line":6159},59,[3273,6161,6162],{"class":3294},"                BorderBrush",[3273,6164,3299],{"class":3298},[3273,6166,4259],{"class":3302},[3273,6168,6169],{"class":3294}," BorderThickness",[3273,6171,3299],{"class":3298},[3273,6173,6174],{"class":3302},"\"0,1,0,0\"\n",[3273,6176,6178,6181,6183,6186,6188,6190,6193],{"class":3275,"line":6177},60,[3273,6179,6180],{"class":3294},"                Margin",[3273,6182,3299],{"class":3298},[3273,6184,6185],{"class":3302},"\"0,16,0,0\"",[3273,6187,3872],{"class":3294},[3273,6189,3299],{"class":3298},[3273,6191,6192],{"class":3302},"\"0,12,0,0\"",[3273,6194,3317],{"class":3286},[3273,6196,6198,6200,6202,6204,6206,6208],{"class":3275,"line":6197},61,[3273,6199,3544],{"class":3286},[3273,6201,3079],{"class":3290},[3273,6203,3665],{"class":3294},[3273,6205,3299],{"class":3298},[3273,6207,4219],{"class":3302},[3273,6209,3317],{"class":3286},[3273,6211,6213,6216,6218,6220,6222,6224,6226,6228,6230],{"class":3275,"line":6212},62,[3273,6214,6215],{"class":3286},"                \u003C",[3273,6217,3079],{"class":3290},[3273,6219,4160],{"class":3294},[3273,6221,3299],{"class":3298},[3273,6223,4165],{"class":3302},[3273,6225,3665],{"class":3294},[3273,6227,3299],{"class":3298},[3273,6229,3670],{"class":3302},[3273,6231,3317],{"class":3286},[3273,6233,6235,6238,6240,6242,6244,6247,6249,6251,6254],{"class":3275,"line":6234},63,[3273,6236,6237],{"class":3286},"                    \u003C",[3273,6239,3793],{"class":3290},[3273,6241,3796],{"class":3294},[3273,6243,3299],{"class":3298},[3273,6245,6246],{"class":3302},"\"📧\"",[3273,6248,3822],{"class":3294},[3273,6250,3299],{"class":3298},[3273,6252,6253],{"class":3302},"\"13\"",[3273,6255,3432],{"class":3286},[3273,6257,6259,6261,6263,6265,6267,6270,6272,6274],{"class":3275,"line":6258},64,[3273,6260,6237],{"class":3286},[3273,6262,3793],{"class":3290},[3273,6264,3796],{"class":3294},[3273,6266,3299],{"class":3298},[3273,6268,6269],{"class":3302},"\"ivan.petrenko@company.ua\"",[3273,6271,3822],{"class":3294},[3273,6273,3299],{"class":3298},[3273,6275,6276],{"class":3302},"\"13\"\n",[3273,6278,6280,6283,6285,6287],{"class":3275,"line":6279},65,[3273,6281,6282],{"class":3294},"                               Foreground",[3273,6284,3299],{"class":3298},[3273,6286,4266],{"class":3302},[3273,6288,3432],{"class":3286},[3273,6290,6292,6295,6297],{"class":3275,"line":6291},66,[3273,6293,6294],{"class":3286},"                \u003C/",[3273,6296,3079],{"class":3290},[3273,6298,3317],{"class":3286},[3273,6300,6302,6304,6306,6308,6310,6312,6314,6316,6318],{"class":3275,"line":6301},67,[3273,6303,6215],{"class":3286},[3273,6305,3079],{"class":3290},[3273,6307,4160],{"class":3294},[3273,6309,3299],{"class":3298},[3273,6311,4165],{"class":3302},[3273,6313,3665],{"class":3294},[3273,6315,3299],{"class":3298},[3273,6317,3670],{"class":3302},[3273,6319,3317],{"class":3286},[3273,6321,6323,6325,6327,6329,6331,6334,6336,6338,6340],{"class":3275,"line":6322},68,[3273,6324,6237],{"class":3286},[3273,6326,3793],{"class":3290},[3273,6328,3796],{"class":3294},[3273,6330,3299],{"class":3298},[3273,6332,6333],{"class":3302},"\"📍\"",[3273,6335,3822],{"class":3294},[3273,6337,3299],{"class":3298},[3273,6339,6253],{"class":3302},[3273,6341,3432],{"class":3286},[3273,6343,6345,6347,6349,6351,6353,6356,6358,6360],{"class":3275,"line":6344},69,[3273,6346,6237],{"class":3286},[3273,6348,3793],{"class":3290},[3273,6350,3796],{"class":3294},[3273,6352,3299],{"class":3298},[3273,6354,6355],{"class":3302},"\"Київ, Україна\"",[3273,6357,3822],{"class":3294},[3273,6359,3299],{"class":3298},[3273,6361,6276],{"class":3302},[3273,6363,6365,6367,6369,6371],{"class":3275,"line":6364},70,[3273,6366,6282],{"class":3294},[3273,6368,3299],{"class":3298},[3273,6370,4266],{"class":3302},[3273,6372,3432],{"class":3286},[3273,6374,6376,6378,6380],{"class":3275,"line":6375},71,[3273,6377,6294],{"class":3286},[3273,6379,3079],{"class":3290},[3273,6381,3317],{"class":3286},[3273,6383,6385,6388,6390],{"class":3275,"line":6384},72,[3273,6386,6387],{"class":3286},"            \u003C/",[3273,6389,3079],{"class":3290},[3273,6391,3317],{"class":3286},[3273,6393,6395,6397,6399],{"class":3275,"line":6394},73,[3273,6396,3569],{"class":3286},[3273,6398,3161],{"class":3290},[3273,6400,3317],{"class":3286},[3273,6402,6404],{"class":3275,"line":6403},74,[3273,6405,3324],{"emptyLinePlaceholder":3323},[3273,6407,6409],{"class":3275,"line":6408},75,[3273,6410,6411],{"class":3279},"        \u003C!-- Кнопки: нижче emailRow -->\n",[3273,6413,6415,6417,6419,6421,6423,6425,6427,6429],{"class":3275,"line":6414},76,[3273,6416,3526],{"class":3286},[3273,6418,3079],{"class":3290},[3273,6420,4160],{"class":3294},[3273,6422,3299],{"class":3298},[3273,6424,4165],{"class":3302},[3273,6426,3665],{"class":3294},[3273,6428,3299],{"class":3298},[3273,6430,6431],{"class":3302},"\"8\"\n",[3273,6433,6435,6438,6440],{"class":3275,"line":6434},77,[3273,6436,6437],{"class":3294},"                    RelativePanel.Below",[3273,6439,3299],{"class":3298},[3273,6441,6128],{"class":3302},[3273,6443,6445,6448,6450],{"class":3275,"line":6444},78,[3273,6446,6447],{"class":3294},"                    RelativePanel.AlignRightWithPanel",[3273,6449,3299],{"class":3298},[3273,6451,5097],{"class":3302},[3273,6453,6455,6458,6460,6462],{"class":3275,"line":6454},79,[3273,6456,6457],{"class":3294},"                    Margin",[3273,6459,3299],{"class":3298},[3273,6461,6192],{"class":3302},[3273,6463,3317],{"class":3286},[3273,6465,6467,6469,6471,6473,6475,6478,6480,6482,6485,6487,6489],{"class":3275,"line":6466},80,[3273,6468,3544],{"class":3286},[3273,6470,3413],{"class":3290},[3273,6472,3424],{"class":3294},[3273,6474,3299],{"class":3298},[3273,6476,6477],{"class":3302},"\"Повідомлення\"",[3273,6479,3872],{"class":3294},[3273,6481,3299],{"class":3298},[3273,6483,6484],{"class":3302},"\"10,6\"",[3273,6486,3822],{"class":3294},[3273,6488,3299],{"class":3298},[3273,6490,6491],{"class":3302},"\"12\"\n",[3273,6493,6495,6498,6500,6502,6504,6506,6508,6510,6512,6514],{"class":3275,"line":6494},81,[3273,6496,6497],{"class":3294},"                    Background",[3273,6499,3299],{"class":3298},[3273,6501,4259],{"class":3302},[3273,6503,3814],{"class":3294},[3273,6505,3299],{"class":3298},[3273,6507,4266],{"class":3302},[3273,6509,3865],{"class":3294},[3273,6511,3299],{"class":3298},[3273,6513,4219],{"class":3302},[3273,6515,3432],{"class":3286},[3273,6517,6519,6521,6523,6525,6527,6530,6532,6534,6536,6538,6540],{"class":3275,"line":6518},82,[3273,6520,3544],{"class":3286},[3273,6522,3413],{"class":3290},[3273,6524,3424],{"class":3294},[3273,6526,3299],{"class":3298},[3273,6528,6529],{"class":3302},"\"✏️ Редагувати\"",[3273,6531,3872],{"class":3294},[3273,6533,3299],{"class":3298},[3273,6535,6484],{"class":3302},[3273,6537,3822],{"class":3294},[3273,6539,3299],{"class":3298},[3273,6541,6491],{"class":3302},[3273,6543,6545,6547,6549,6551,6553,6555,6557,6559,6561,6563],{"class":3275,"line":6544},83,[3273,6546,6497],{"class":3294},[3273,6548,3299],{"class":3298},[3273,6550,4194],{"class":3302},[3273,6552,3814],{"class":3294},[3273,6554,3299],{"class":3298},[3273,6556,5540],{"class":3302},[3273,6558,3865],{"class":3294},[3273,6560,3299],{"class":3298},[3273,6562,4219],{"class":3302},[3273,6564,3432],{"class":3286},[3273,6566,6568,6570,6572],{"class":3275,"line":6567},84,[3273,6569,3569],{"class":3286},[3273,6571,3079],{"class":3290},[3273,6573,3317],{"class":3286},[3273,6575,6577],{"class":3275,"line":6576},85,[3273,6578,3324],{"emptyLinePlaceholder":3323},[3273,6580,6582,6584,6586],{"class":3275,"line":6581},86,[3273,6583,3578],{"class":3286},[3273,6585,2990],{"class":3290},[3273,6587,3317],{"class":3286},[3273,6589,6591,6593,6595],{"class":3275,"line":6590},87,[3273,6592,3484],{"class":3286},[3273,6594,3161],{"class":3290},[3273,6596,3317],{"class":3286},[3375,6598,6600],{"id":6599},"коли-relativepanel-кращий-за-grid","Коли RelativePanel кращий за Grid",[2959,6602,6603,6605],{},[3054,6604,2990],{}," — не заміна Grid. Це зброя для специфічних сценаріїв:",[2959,6607,6608,6609,6612,6613,6616,6617,6620,6621,6616,6623,6626,6627,6616,6629,6632],{},"✅ ",[2963,6610,6611],{},"Overlapping елементів",": Бейдж \"●\" поверх аватара. У Grid — складно, у RelativePanel — AlignRightWith + AlignTopWith.",[6614,6615],"br",{},"\n✅ ",[2963,6618,6619],{},"Float UI",": Кнопка в кутку картки незалежно від контенту — AlignRightWithPanel + AlignBottomWithPanel.",[6614,6622],{},[2963,6624,6625],{},"Адаптивне перекомпонування",": Елементи перебудовуються між режимами без перепису структури Grid.",[6614,6628],{},[2963,6630,6631],{},"Liquid layout",": Коли елементи \"прив'язані\" один до одного й мають рухатись разом.",[2959,6634,6635],{},"❌ Grid краший для: рівномірних форм (Label + Input), складних таблиць, фіксованих областей з чіткою структурою рядків/колонок.",[3009,6637],{},[3012,6639,6641,6643],{"id":6640},"splitview-адаптивний-каркас-застосунку",[3054,6642,2994],{},": адаптивний каркас застосунку",[2959,6645,6646,6648,6649,6651],{},[3054,6647,2994],{}," — це контрол, призначений спеціально для реалізації патерну \"Hamburger Menu\" (бічна панель з навігацією). У WPF для створення такого меню доводилося писати складний код управління анімацією, розширенням колонок ",[3054,6650,3056],{}," або використовувати сторонні бібліотеки (наприклад, MahApps.Metro).",[2959,6653,6654,6655,6657],{},"В Avalonia ",[3054,6656,2994],{}," доступний \"з коробки\". Він ділить доступний простір на дві частини:",[6659,6660,6661,6667],"ol",{},[4845,6662,6663,6666],{},[2963,6664,6665],{},"Pane"," — бічна панель (меню).",[4845,6668,6669,6672],{},[2963,6670,6671],{},"Content"," — основний вміст екрану.",[3375,6674,6676,6677],{"id":6675},"ключові-властивості-splitview","Ключові властивості ",[3054,6678,2994],{},[4842,6680,6681,6687,6719,6725,6731],{},[4845,6682,6683,6686],{},[3054,6684,6685],{},"IsPaneOpen",": (bool) Відкрита чи закрита бічна панель. Можна легко прив'язати до ToggleButton (гамбургер-кнопки).",[4845,6688,6689,6692,6693],{},[3054,6690,6691],{},"DisplayMode",": Визначає як панель взаємодіє з основним контентом.\n",[4842,6694,6695,6701,6707,6713],{},[4845,6696,6697,6700],{},[3054,6698,6699],{},"Inline",": Відкриваючись, штовхає контент (змінює його ширину).",[4845,6702,6703,6706],{},[3054,6704,6705],{},"CompactInline",": Закрита панель показує вузьку смужку (наприклад, лише іконки), відкрита — штовхає контент.",[4845,6708,6709,6712],{},[3054,6710,6711],{},"Overlay",": Панель виїжджає поверх контенту (ідеально для мобільних екранів).",[4845,6714,6715,6718],{},[3054,6716,6717],{},"CompactOverlay",": Закрита — іконки, відкрита — виїжджає поверх контенту.",[4845,6720,6721,6724],{},[3054,6722,6723],{},"OpenPaneLength",": Ширина відкритої панелі.",[4845,6726,6727,6730],{},[3054,6728,6729],{},"CompactPaneLength",": Ширина закритої панелі у компактному режимі.",[4845,6732,6733,6736,6737,4949,6740,6743],{},[3054,6734,6735],{},"PanePlacement",": Розташування панелі (",[3054,6738,6739],{},"Left",[3054,6741,6742],{},"Right",").",[3375,6745,6747],{"id":6746},"приклад-використання","Приклад використання",[3264,6749,6751],{"className":3266,"code":6750,"language":3268,"meta":3269,"style":3269},"\u003CSplitView IsPaneOpen=\"{Binding IsSidebarOpen}\"\n           DisplayMode=\"CompactInline\"\n           CompactPaneLength=\"48\"\n           OpenPaneLength=\"200\">\n    \u003CSplitView.Pane>\n        \u003C!-- Вміст бічної панелі: іконки + текст -->\n        \u003CStackPanel Spacing=\"8\" Margin=\"0,8\">\n            \u003CButton Command=\"{Binding ToggleSidebarCommand}\" \n                    Content=\"☰\" Width=\"48\" Background=\"Transparent\"/>\n            \u003CListBox>\n                \u003CListBoxItem>\n                    \u003CStackPanel Orientation=\"Horizontal\" Spacing=\"12\">\n                        \u003CTextBlock Text=\"🏠\" Width=\"24\" TextAlignment=\"Center\"/>\n                        \u003CTextBlock Text=\"Головна\"/>\n                    \u003C/StackPanel>\n                \u003C/ListBoxItem>\n                \u003CListBoxItem>\n                    \u003CStackPanel Orientation=\"Horizontal\" Spacing=\"12\">\n                        \u003CTextBlock Text=\"⚙️\" Width=\"24\" TextAlignment=\"Center\"/>\n                        \u003CTextBlock Text=\"Налаштування\"/>\n                    \u003C/StackPanel>\n                \u003C/ListBoxItem>\n            \u003C/ListBox>\n        \u003C/StackPanel>\n    \u003C/SplitView.Pane>\n\n    \u003CSplitView.Content>\n        \u003C!-- Основний контент екрану -->\n        \u003CBorder Background=\"#f1f5f9\" Padding=\"24\">\n            \u003CTextBlock Text=\"Тут відображається обрана сторінка\" \n                       FontSize=\"20\" Foreground=\"#333\"/>\n        \u003C/Border>\n    \u003C/SplitView.Content>\n\u003C/SplitView>\n",[3054,6752,6753,6767,6777,6787,6799,6808,6813,6834,6851,6877,6886,6895,6915,6945,6960,6969,6977,6985,7005,7032,7047,7055,7063,7071,7079,7087,7091,7100,7105,7125,7140,7158,7166,7174],{"__ignoreMap":3269},[3273,6754,6755,6757,6759,6762,6764],{"class":3275,"line":3276},[3273,6756,3287],{"class":3286},[3273,6758,2994],{"class":3290},[3273,6760,6761],{"class":3294}," IsPaneOpen",[3273,6763,3299],{"class":3298},[3273,6765,6766],{"class":3302},"\"{Binding IsSidebarOpen}\"\n",[3273,6768,6769,6772,6774],{"class":3275,"line":3283},[3273,6770,6771],{"class":3294},"           DisplayMode",[3273,6773,3299],{"class":3298},[3273,6775,6776],{"class":3302},"\"CompactInline\"\n",[3273,6778,6779,6782,6784],{"class":3275,"line":3306},[3273,6780,6781],{"class":3294},"           CompactPaneLength",[3273,6783,3299],{"class":3298},[3273,6785,6786],{"class":3302},"\"48\"\n",[3273,6788,6789,6792,6794,6797],{"class":3275,"line":3320},[3273,6790,6791],{"class":3294},"           OpenPaneLength",[3273,6793,3299],{"class":3298},[3273,6795,6796],{"class":3302},"\"200\"",[3273,6798,3317],{"class":3286},[3273,6800,6801,6803,6806],{"class":3275,"line":3327},[3273,6802,3410],{"class":3286},[3273,6804,6805],{"class":3290},"SplitView.Pane",[3273,6807,3317],{"class":3286},[3273,6809,6810],{"class":3275,"line":3333},[3273,6811,6812],{"class":3279},"        \u003C!-- Вміст бічної панелі: іконки + текст -->\n",[3273,6814,6815,6817,6819,6821,6823,6825,6827,6829,6832],{"class":3275,"line":3347},[3273,6816,3526],{"class":3286},[3273,6818,3079],{"class":3290},[3273,6820,3665],{"class":3294},[3273,6822,3299],{"class":3298},[3273,6824,3670],{"class":3302},[3273,6826,3416],{"class":3294},[3273,6828,3299],{"class":3298},[3273,6830,6831],{"class":3302},"\"0,8\"",[3273,6833,3317],{"class":3286},[3273,6835,6836,6838,6840,6843,6845,6848],{"class":3275,"line":3585},[3273,6837,3544],{"class":3286},[3273,6839,3413],{"class":3290},[3273,6841,6842],{"class":3294}," Command",[3273,6844,3299],{"class":3298},[3273,6846,6847],{"class":3302},"\"{Binding ToggleSidebarCommand}\"",[3273,6849,6850],{"class":3298}," \n",[3273,6852,6853,6856,6858,6861,6863,6865,6868,6870,6872,6875],{"class":3275,"line":3600},[3273,6854,6855],{"class":3294},"                    Content",[3273,6857,3299],{"class":3298},[3273,6859,6860],{"class":3302},"\"☰\"",[3273,6862,4636],{"class":3294},[3273,6864,3299],{"class":3298},[3273,6866,6867],{"class":3302},"\"48\"",[3273,6869,3857],{"class":3294},[3273,6871,3299],{"class":3298},[3273,6873,6874],{"class":3302},"\"Transparent\"",[3273,6876,3432],{"class":3286},[3273,6878,6879,6881,6884],{"class":3275,"line":3615},[3273,6880,3544],{"class":3286},[3273,6882,6883],{"class":3290},"ListBox",[3273,6885,3317],{"class":3286},[3273,6887,6888,6890,6893],{"class":3275,"line":3621},[3273,6889,6215],{"class":3286},[3273,6891,6892],{"class":3290},"ListBoxItem",[3273,6894,3317],{"class":3286},[3273,6896,6897,6899,6901,6903,6905,6907,6909,6911,6913],{"class":3275,"line":3939},[3273,6898,6237],{"class":3286},[3273,6900,3079],{"class":3290},[3273,6902,4160],{"class":3294},[3273,6904,3299],{"class":3298},[3273,6906,4165],{"class":3302},[3273,6908,3665],{"class":3294},[3273,6910,3299],{"class":3298},[3273,6912,3846],{"class":3302},[3273,6914,3317],{"class":3286},[3273,6916,6917,6920,6922,6924,6926,6929,6931,6933,6936,6939,6941,6943],{"class":3275,"line":3962},[3273,6918,6919],{"class":3286},"                        \u003C",[3273,6921,3793],{"class":3290},[3273,6923,3796],{"class":3294},[3273,6925,3299],{"class":3298},[3273,6927,6928],{"class":3302},"\"🏠\"",[3273,6930,4636],{"class":3294},[3273,6932,3299],{"class":3298},[3273,6934,6935],{"class":3302},"\"24\"",[3273,6937,6938],{"class":3294}," TextAlignment",[3273,6940,3299],{"class":3298},[3273,6942,5268],{"class":3302},[3273,6944,3432],{"class":3286},[3273,6946,6947,6949,6951,6953,6955,6958],{"class":3275,"line":3971},[3273,6948,6919],{"class":3286},[3273,6950,3793],{"class":3290},[3273,6952,3796],{"class":3294},[3273,6954,3299],{"class":3298},[3273,6956,6957],{"class":3302},"\"Головна\"",[3273,6959,3432],{"class":3286},[3273,6961,6962,6965,6967],{"class":3275,"line":3999},[3273,6963,6964],{"class":3286},"                    \u003C/",[3273,6966,3079],{"class":3290},[3273,6968,3317],{"class":3286},[3273,6970,6971,6973,6975],{"class":3275,"line":4022},[3273,6972,6294],{"class":3286},[3273,6974,6892],{"class":3290},[3273,6976,3317],{"class":3286},[3273,6978,6979,6981,6983],{"class":3275,"line":4031},[3273,6980,6215],{"class":3286},[3273,6982,6892],{"class":3290},[3273,6984,3317],{"class":3286},[3273,6986,6987,6989,6991,6993,6995,6997,6999,7001,7003],{"class":3275,"line":4059},[3273,6988,6237],{"class":3286},[3273,6990,3079],{"class":3290},[3273,6992,4160],{"class":3294},[3273,6994,3299],{"class":3298},[3273,6996,4165],{"class":3302},[3273,6998,3665],{"class":3294},[3273,7000,3299],{"class":3298},[3273,7002,3846],{"class":3302},[3273,7004,3317],{"class":3286},[3273,7006,7007,7009,7011,7013,7015,7018,7020,7022,7024,7026,7028,7030],{"class":3275,"line":4082},[3273,7008,6919],{"class":3286},[3273,7010,3793],{"class":3290},[3273,7012,3796],{"class":3294},[3273,7014,3299],{"class":3298},[3273,7016,7017],{"class":3302},"\"⚙️\"",[3273,7019,4636],{"class":3294},[3273,7021,3299],{"class":3298},[3273,7023,6935],{"class":3302},[3273,7025,6938],{"class":3294},[3273,7027,3299],{"class":3298},[3273,7029,5268],{"class":3302},[3273,7031,3432],{"class":3286},[3273,7033,7034,7036,7038,7040,7042,7045],{"class":3275,"line":4091},[3273,7035,6919],{"class":3286},[3273,7037,3793],{"class":3290},[3273,7039,3796],{"class":3294},[3273,7041,3299],{"class":3298},[3273,7043,7044],{"class":3302},"\"Налаштування\"",[3273,7046,3432],{"class":3286},[3273,7048,7049,7051,7053],{"class":3275,"line":4100},[3273,7050,6964],{"class":3286},[3273,7052,3079],{"class":3290},[3273,7054,3317],{"class":3286},[3273,7056,7057,7059,7061],{"class":3275,"line":4105},[3273,7058,6294],{"class":3286},[3273,7060,6892],{"class":3290},[3273,7062,3317],{"class":3286},[3273,7064,7065,7067,7069],{"class":3275,"line":4111},[3273,7066,6387],{"class":3286},[3273,7068,6883],{"class":3290},[3273,7070,3317],{"class":3286},[3273,7072,7073,7075,7077],{"class":3275,"line":4125},[3273,7074,3569],{"class":3286},[3273,7076,3079],{"class":3290},[3273,7078,3317],{"class":3286},[3273,7080,7081,7083,7085],{"class":3275,"line":4148},[3273,7082,3578],{"class":3286},[3273,7084,6805],{"class":3290},[3273,7086,3317],{"class":3286},[3273,7088,7089],{"class":3275,"line":4153},[3273,7090,3324],{"emptyLinePlaceholder":3323},[3273,7092,7093,7095,7098],{"class":3275,"line":4176},[3273,7094,3410],{"class":3286},[3273,7096,7097],{"class":3290},"SplitView.Content",[3273,7099,3317],{"class":3286},[3273,7101,7102],{"class":3275,"line":4204},[3273,7103,7104],{"class":3279},"        \u003C!-- Основний контент екрану -->\n",[3273,7106,7107,7109,7111,7113,7115,7117,7119,7121,7123],{"class":3275,"line":4224},[3273,7108,3526],{"class":3286},[3273,7110,3161],{"class":3290},[3273,7112,3857],{"class":3294},[3273,7114,3299],{"class":3298},[3273,7116,4259],{"class":3302},[3273,7118,3872],{"class":3294},[3273,7120,3299],{"class":3298},[3273,7122,6935],{"class":3302},[3273,7124,3317],{"class":3286},[3273,7126,7127,7129,7131,7133,7135,7138],{"class":3275,"line":4251},[3273,7128,3544],{"class":3286},[3273,7130,3793],{"class":3290},[3273,7132,3796],{"class":3294},[3273,7134,3299],{"class":3298},[3273,7136,7137],{"class":3302},"\"Тут відображається обрана сторінка\"",[3273,7139,6850],{"class":3298},[3273,7141,7142,7145,7147,7149,7151,7153,7156],{"class":3275,"line":4271},[3273,7143,7144],{"class":3294},"                       FontSize",[3273,7146,3299],{"class":3298},[3273,7148,3768],{"class":3302},[3273,7150,3814],{"class":3294},[3273,7152,3299],{"class":3298},[3273,7154,7155],{"class":3302},"\"#333\"",[3273,7157,3432],{"class":3286},[3273,7159,7160,7162,7164],{"class":3275,"line":4297},[3273,7161,3569],{"class":3286},[3273,7163,3161],{"class":3290},[3273,7165,3317],{"class":3286},[3273,7167,7168,7170,7172],{"class":3275,"line":4316},[3273,7169,3578],{"class":3286},[3273,7171,7097],{"class":3290},[3273,7173,3317],{"class":3286},[3273,7175,7176,7178,7180],{"class":3275,"line":4325},[3273,7177,3484],{"class":3286},[3273,7179,2994],{"class":3290},[3273,7181,3317],{"class":3286},[2959,7183,7184,7185,7187,7188,6743],{},"Цей елемент є основою для застосунків, які мають добре працювати як на широких десктопних моніторах (режим ",[3054,7186,6699],{},"), так і на телефонах/планшетах (режим ",[3054,7189,6711],{},[3009,7191],{},[3012,7193,7195,7197],{"id":7194},"expander-розгортальні-секції",[3054,7196,2998],{},": розгортальні секції",[2959,7199,7200,7201,7203],{},"Так, ",[3054,7202,2998],{}," є і у WPF, проте в Avalonia він має деякі переваги у побудові адаптивних layout'ів завдяки вбудованій системі інтеграції з анімаціями (Transitions).",[2959,7205,7206,7207,7210],{},"Avalonia дозволяє легко задавати ",[3054,7208,7209],{},"ContentTransition"," для згладженого переходу між розгорнутим і згорнутим станом, чого завжди не вистачало WPF, де вміст з'являвся стрибком і вимагав складних Storyboard.",[3264,7212,7214],{"className":3266,"code":7213,"language":3268,"meta":3269,"style":3269},"\u003CExpander Header=\"Розгорніть для деталей\">\n    \u003C!-- Додаємо анімацію вмісту -->\n    \u003CExpander.ContentTransition>\n        \u003CCrossFade Duration=\"0:0:0.2\" />\n    \u003C/Expander.ContentTransition>\n    \n    \u003CStackPanel Spacing=\"8\" Margin=\"8\">\n        \u003CTextBlock Text=\"Цей текст з'являється плавно з ефектом fade.\" />\n        \u003CTextBlock Text=\"А висота панелі розширюється за допомогою вбудованої анімації Expander.\" />\n    \u003C/StackPanel>\n\u003C/Expander>\n",[3054,7215,7216,7232,7237,7246,7264,7272,7277,7297,7312,7327,7335],{"__ignoreMap":3269},[3273,7217,7218,7220,7222,7225,7227,7230],{"class":3275,"line":3276},[3273,7219,3287],{"class":3286},[3273,7221,2998],{"class":3290},[3273,7223,7224],{"class":3294}," Header",[3273,7226,3299],{"class":3298},[3273,7228,7229],{"class":3302},"\"Розгорніть для деталей\"",[3273,7231,3317],{"class":3286},[3273,7233,7234],{"class":3275,"line":3283},[3273,7235,7236],{"class":3279},"    \u003C!-- Додаємо анімацію вмісту -->\n",[3273,7238,7239,7241,7244],{"class":3275,"line":3306},[3273,7240,3410],{"class":3286},[3273,7242,7243],{"class":3290},"Expander.ContentTransition",[3273,7245,3317],{"class":3286},[3273,7247,7248,7250,7253,7256,7258,7261],{"class":3275,"line":3320},[3273,7249,3526],{"class":3286},[3273,7251,7252],{"class":3290},"CrossFade",[3273,7254,7255],{"class":3294}," Duration",[3273,7257,3299],{"class":3298},[3273,7259,7260],{"class":3302},"\"0:0:0.2\"",[3273,7262,7263],{"class":3286}," />\n",[3273,7265,7266,7268,7270],{"class":3275,"line":3327},[3273,7267,3578],{"class":3286},[3273,7269,7243],{"class":3290},[3273,7271,3317],{"class":3286},[3273,7273,7274],{"class":3275,"line":3333},[3273,7275,7276],{"class":3298},"    \n",[3273,7278,7279,7281,7283,7285,7287,7289,7291,7293,7295],{"class":3275,"line":3347},[3273,7280,3410],{"class":3286},[3273,7282,3079],{"class":3290},[3273,7284,3665],{"class":3294},[3273,7286,3299],{"class":3298},[3273,7288,3670],{"class":3302},[3273,7290,3416],{"class":3294},[3273,7292,3299],{"class":3298},[3273,7294,3670],{"class":3302},[3273,7296,3317],{"class":3286},[3273,7298,7299,7301,7303,7305,7307,7310],{"class":3275,"line":3585},[3273,7300,3526],{"class":3286},[3273,7302,3793],{"class":3290},[3273,7304,3796],{"class":3294},[3273,7306,3299],{"class":3298},[3273,7308,7309],{"class":3302},"\"Цей текст з'являється плавно з ефектом fade.\"",[3273,7311,7263],{"class":3286},[3273,7313,7314,7316,7318,7320,7322,7325],{"class":3275,"line":3600},[3273,7315,3526],{"class":3286},[3273,7317,3793],{"class":3290},[3273,7319,3796],{"class":3294},[3273,7321,3299],{"class":3298},[3273,7323,7324],{"class":3302},"\"А висота панелі розширюється за допомогою вбудованої анімації Expander.\"",[3273,7326,7263],{"class":3286},[3273,7328,7329,7331,7333],{"class":3275,"line":3615},[3273,7330,3578],{"class":3286},[3273,7332,3079],{"class":3290},[3273,7334,3317],{"class":3286},[3273,7336,7337,7339,7341],{"class":3275,"line":3621},[3273,7338,3484],{"class":3286},[3273,7340,2998],{"class":3290},[3273,7342,3317],{"class":3286},[3009,7344],{},[3012,7346,7348,7350],{"id":7347},"itemsrepeater-легковісний-layout-для-колекцій",[3054,7349,3002],{},": легковісний layout для колекцій",[2959,7352,7353,7354,4949,7356,7359],{},"У WPF основним контролом для списків є ",[3054,7355,6883],{},[3054,7357,7358],{},"ItemsControl",". Але коли вам потрібно просто вивести 1000 карток з даними у вигляді сітки — ListBox додає багато зайвого навантаження (виділення, фокус, складні візуальні дерева).",[2959,7361,7362,7363,7365,7366,4391,7369,7372],{},"В Avalonia з'явився ",[3054,7364,3002],{}," — контрол для високопродуктивного рендерингу прив'язаних даних. Він фокусується лише на ",[2963,7367,7368],{},"Layout",[2963,7370,7371],{},"Virtualization"," (не керує виділенням елементів на відміну від ListBox).",[2959,7374,7375,7377,7378,4399],{},[3054,7376,3002],{}," підтримує різні алгоритми розташування через властивість ",[3054,7379,7368],{},[4842,7381,7382,7388,7394,7400],{},[4845,7383,7384,7387],{},[3054,7385,7386],{},"StackLayout"," — класичний стек (як StackPanel).",[4845,7389,7390,7393],{},[3054,7391,7392],{},"WrapLayout"," — перенесення на новий рядок (як WrapPanel).",[4845,7395,7396,7399],{},[3054,7397,7398],{},"UniformGridLayout"," — сітка з однаковими комірками, яка автоматично змінює кількість колонок залежно від ширини екрану (ідеально для карток товарів/відео).",[4845,7401,7402,7405],{},[3054,7403,7404],{},"LinedFlowLayout"," — розташування як в галереї фотографій (вирівнювання за рядками).",[3375,7407,7409],{"id":7408},"створення-адаптивної-сітки-карток","Створення адаптивної сітки карток",[2959,7411,7412],{},"Це класичний патерн \"Responsive Grid\", який переносить картки і заповнює доступний простір екрану:",[3264,7414,7416],{"className":3266,"code":7415,"language":3268,"meta":3269,"style":3269},"\u003CScrollViewer>\n    \u003CItemsRepeater ItemsSource=\"{Binding Products}\">\n        \u003CItemsRepeater.Layout>\n            \u003C!-- Адаптивна сітка з відступами 16px і мінімальним розміром комірки 280x320 -->\n            \u003CUniformGridLayout MinItemWidth=\"280\" MinItemHeight=\"320\"\n                               MinColumnSpacing=\"16\" MinRowSpacing=\"16\" />\n        \u003C/ItemsRepeater.Layout>\n        \n        \u003CItemsRepeater.ItemTemplate>\n            \u003CDataTemplate>\n                \u003CBorder Background=\"White\" CornerRadius=\"8\" Padding=\"16\" BoxShadow=\"0 4 12 0 #1A000000\">\n                    \u003CStackPanel Spacing=\"8\">\n                        \u003CImage Source=\"{Binding ContextImage}\" Height=\"150\" Stretch=\"UniformToFill\"/>\n                        \u003CTextBlock Text=\"{Binding Title}\" FontWeight=\"Bold\" FontSize=\"16\" />\n                        \u003CTextBlock Text=\"{Binding Price}\" Foreground=\"#2563eb\" FontWeight=\"SemiBold\"/>\n                    \u003C/StackPanel>\n                \u003C/Border>\n            \u003C/DataTemplate>\n        \u003C/ItemsRepeater.ItemTemplate>\n    \u003C/ItemsRepeater>\n\u003C/ScrollViewer>\n",[3054,7417,7418,7426,7442,7451,7456,7478,7496,7504,7509,7518,7527,7561,7575,7607,7635,7662,7670,7678,7686,7694,7702],{"__ignoreMap":3269},[3273,7419,7420,7422,7424],{"class":3275,"line":3276},[3273,7421,3287],{"class":3286},[3273,7423,3147],{"class":3290},[3273,7425,3317],{"class":3286},[3273,7427,7428,7430,7432,7435,7437,7440],{"class":3275,"line":3283},[3273,7429,3410],{"class":3286},[3273,7431,3002],{"class":3290},[3273,7433,7434],{"class":3294}," ItemsSource",[3273,7436,3299],{"class":3298},[3273,7438,7439],{"class":3302},"\"{Binding Products}\"",[3273,7441,3317],{"class":3286},[3273,7443,7444,7446,7449],{"class":3275,"line":3306},[3273,7445,3526],{"class":3286},[3273,7447,7448],{"class":3290},"ItemsRepeater.Layout",[3273,7450,3317],{"class":3286},[3273,7452,7453],{"class":3275,"line":3320},[3273,7454,7455],{"class":3279},"            \u003C!-- Адаптивна сітка з відступами 16px і мінімальним розміром комірки 280x320 -->\n",[3273,7457,7458,7460,7462,7465,7467,7470,7473,7475],{"class":3275,"line":3327},[3273,7459,3544],{"class":3286},[3273,7461,7398],{"class":3290},[3273,7463,7464],{"class":3294}," MinItemWidth",[3273,7466,3299],{"class":3298},[3273,7468,7469],{"class":3302},"\"280\"",[3273,7471,7472],{"class":3294}," MinItemHeight",[3273,7474,3299],{"class":3298},[3273,7476,7477],{"class":3302},"\"320\"\n",[3273,7479,7480,7483,7485,7487,7490,7492,7494],{"class":3275,"line":3333},[3273,7481,7482],{"class":3294},"                               MinColumnSpacing",[3273,7484,3299],{"class":3298},[3273,7486,5336],{"class":3302},[3273,7488,7489],{"class":3294}," MinRowSpacing",[3273,7491,3299],{"class":3298},[3273,7493,5336],{"class":3302},[3273,7495,7263],{"class":3286},[3273,7497,7498,7500,7502],{"class":3275,"line":3347},[3273,7499,3569],{"class":3286},[3273,7501,7448],{"class":3290},[3273,7503,3317],{"class":3286},[3273,7505,7506],{"class":3275,"line":3585},[3273,7507,7508],{"class":3298},"        \n",[3273,7510,7511,7513,7516],{"class":3275,"line":3600},[3273,7512,3526],{"class":3286},[3273,7514,7515],{"class":3290},"ItemsRepeater.ItemTemplate",[3273,7517,3317],{"class":3286},[3273,7519,7520,7522,7525],{"class":3275,"line":3615},[3273,7521,3544],{"class":3286},[3273,7523,7524],{"class":3290},"DataTemplate",[3273,7526,3317],{"class":3286},[3273,7528,7529,7531,7533,7535,7537,7539,7541,7543,7545,7547,7549,7551,7554,7556,7559],{"class":3275,"line":3621},[3273,7530,6215],{"class":3286},[3273,7532,3161],{"class":3290},[3273,7534,3857],{"class":3294},[3273,7536,3299],{"class":3298},[3273,7538,5540],{"class":3302},[3273,7540,3865],{"class":3294},[3273,7542,3299],{"class":3298},[3273,7544,3670],{"class":3302},[3273,7546,3872],{"class":3294},[3273,7548,3299],{"class":3298},[3273,7550,5336],{"class":3302},[3273,7552,7553],{"class":3294}," BoxShadow",[3273,7555,3299],{"class":3298},[3273,7557,7558],{"class":3302},"\"0 4 12 0 #1A000000\"",[3273,7560,3317],{"class":3286},[3273,7562,7563,7565,7567,7569,7571,7573],{"class":3275,"line":3939},[3273,7564,6237],{"class":3286},[3273,7566,3079],{"class":3290},[3273,7568,3665],{"class":3294},[3273,7570,3299],{"class":3298},[3273,7572,3670],{"class":3302},[3273,7574,3317],{"class":3286},[3273,7576,7577,7579,7582,7585,7587,7590,7592,7594,7597,7600,7602,7605],{"class":3275,"line":3962},[3273,7578,6919],{"class":3286},[3273,7580,7581],{"class":3290},"Image",[3273,7583,7584],{"class":3294}," Source",[3273,7586,3299],{"class":3298},[3273,7588,7589],{"class":3302},"\"{Binding ContextImage}\"",[3273,7591,4436],{"class":3294},[3273,7593,3299],{"class":3298},[3273,7595,7596],{"class":3302},"\"150\"",[3273,7598,7599],{"class":3294}," Stretch",[3273,7601,3299],{"class":3298},[3273,7603,7604],{"class":3302},"\"UniformToFill\"",[3273,7606,3432],{"class":3286},[3273,7608,7609,7611,7613,7615,7617,7620,7622,7624,7627,7629,7631,7633],{"class":3275,"line":3971},[3273,7610,6919],{"class":3286},[3273,7612,3793],{"class":3290},[3273,7614,3796],{"class":3294},[3273,7616,3299],{"class":3298},[3273,7618,7619],{"class":3302},"\"{Binding Title}\"",[3273,7621,5128],{"class":3294},[3273,7623,3299],{"class":3298},[3273,7625,7626],{"class":3302},"\"Bold\"",[3273,7628,3822],{"class":3294},[3273,7630,3299],{"class":3298},[3273,7632,5336],{"class":3302},[3273,7634,7263],{"class":3286},[3273,7636,7637,7639,7641,7643,7645,7648,7650,7652,7654,7656,7658,7660],{"class":3275,"line":3999},[3273,7638,6919],{"class":3286},[3273,7640,3793],{"class":3290},[3273,7642,3796],{"class":3294},[3273,7644,3299],{"class":3298},[3273,7646,7647],{"class":3302},"\"{Binding Price}\"",[3273,7649,3814],{"class":3294},[3273,7651,3299],{"class":3298},[3273,7653,4194],{"class":3302},[3273,7655,5128],{"class":3294},[3273,7657,3299],{"class":3298},[3273,7659,3811],{"class":3302},[3273,7661,3432],{"class":3286},[3273,7663,7664,7666,7668],{"class":3275,"line":4022},[3273,7665,6964],{"class":3286},[3273,7667,3079],{"class":3290},[3273,7669,3317],{"class":3286},[3273,7671,7672,7674,7676],{"class":3275,"line":4031},[3273,7673,6294],{"class":3286},[3273,7675,3161],{"class":3290},[3273,7677,3317],{"class":3286},[3273,7679,7680,7682,7684],{"class":3275,"line":4059},[3273,7681,6387],{"class":3286},[3273,7683,7524],{"class":3290},[3273,7685,3317],{"class":3286},[3273,7687,7688,7690,7692],{"class":3275,"line":4082},[3273,7689,3569],{"class":3286},[3273,7691,7515],{"class":3290},[3273,7693,3317],{"class":3286},[3273,7695,7696,7698,7700],{"class":3275,"line":4091},[3273,7697,3578],{"class":3286},[3273,7699,3002],{"class":3290},[3273,7701,3317],{"class":3286},[3273,7703,7704,7706,7708],{"class":3275,"line":4100},[3273,7705,3484],{"class":3286},[3273,7707,3147],{"class":3290},[3273,7709,3317],{"class":3286},[3009,7711],{},[3012,7713,7715,7716,3072],{"id":7714},"вбудовані-анімації-layout-transitions","Вбудовані анімації Layout (",[3054,7717,3006],{},[2959,7719,7720],{},"Хоча анімація — це окрема тема, в Avalonia вона настільки глибоко інтегрована безпосередньо в систему Layout, що заслуговує згадки тут.",[2959,7722,7723,7724,7727,7728,7731,7732,7734,7735,7738,7739,3217,7742,3217,7745,3217,7747,6743],{},"Там, де WPF вимагає ",[3054,7725,7726],{},"ColorAnimation"," в ",[3054,7729,7730],{},"EventTrigger"," або написання коду C#, Avalonia пропонує CSS-подібні ",[3054,7733,3006],{},". Будь-яка ",[3054,7736,7737],{},"Panel"," може плавно анімувати зміну власних властивостей (",[3054,7740,7741],{},"Width",[3054,7743,7744],{},"Height",[3054,7746,3216],{},[3054,7748,7749],{},"Background",[3264,7751,7753],{"className":3266,"code":7752,"language":3268,"meta":3269,"style":3269},"\u003CBorder Background=\"#2563eb\" Width=\"100\" Height=\"40\" CornerRadius=\"4\">\n    \u003C!-- Реєстрація того, ЯК панель повинна реагувати на зміну її Width -->\n    \u003CBorder.Transitions>\n        \u003CTransitions>\n            \u003CDoubleTransition Property=\"Width\" Duration=\"0:0:0.3\"/>\n            \u003CBrushTransition Property=\"Background\" Duration=\"0:0:0.3\"/>\n        \u003C/Transitions>\n    \u003C/Border.Transitions>\n\n    \u003C!-- Якщо змінити клас (через C# або CSS-стилі в Avalonia), \n         Width зміниться з 100 до 200 ПЛАВНО за 0.3 секунди -->\n\u003C/Border>\n",[3054,7754,7755,7790,7795,7804,7812,7835,7857,7865,7873,7877,7882,7887],{"__ignoreMap":3269},[3273,7756,7757,7759,7761,7763,7765,7767,7769,7771,7774,7776,7778,7781,7783,7785,7788],{"class":3275,"line":3276},[3273,7758,3287],{"class":3286},[3273,7760,3161],{"class":3290},[3273,7762,3857],{"class":3294},[3273,7764,3299],{"class":3298},[3273,7766,4194],{"class":3302},[3273,7768,4636],{"class":3294},[3273,7770,3299],{"class":3298},[3273,7772,7773],{"class":3302},"\"100\"",[3273,7775,4436],{"class":3294},[3273,7777,3299],{"class":3298},[3273,7779,7780],{"class":3302},"\"40\"",[3273,7782,3865],{"class":3294},[3273,7784,3299],{"class":3298},[3273,7786,7787],{"class":3302},"\"4\"",[3273,7789,3317],{"class":3286},[3273,7791,7792],{"class":3275,"line":3283},[3273,7793,7794],{"class":3279},"    \u003C!-- Реєстрація того, ЯК панель повинна реагувати на зміну її Width -->\n",[3273,7796,7797,7799,7802],{"class":3275,"line":3306},[3273,7798,3410],{"class":3286},[3273,7800,7801],{"class":3290},"Border.Transitions",[3273,7803,3317],{"class":3286},[3273,7805,7806,7808,7810],{"class":3275,"line":3320},[3273,7807,3526],{"class":3286},[3273,7809,3006],{"class":3290},[3273,7811,3317],{"class":3286},[3273,7813,7814,7816,7819,7821,7823,7826,7828,7830,7833],{"class":3275,"line":3327},[3273,7815,3544],{"class":3286},[3273,7817,7818],{"class":3290},"DoubleTransition",[3273,7820,3550],{"class":3294},[3273,7822,3299],{"class":3298},[3273,7824,7825],{"class":3302},"\"Width\"",[3273,7827,7255],{"class":3294},[3273,7829,3299],{"class":3298},[3273,7831,7832],{"class":3302},"\"0:0:0.3\"",[3273,7834,3432],{"class":3286},[3273,7836,7837,7839,7842,7844,7846,7849,7851,7853,7855],{"class":3275,"line":3333},[3273,7838,3544],{"class":3286},[3273,7840,7841],{"class":3290},"BrushTransition",[3273,7843,3550],{"class":3294},[3273,7845,3299],{"class":3298},[3273,7847,7848],{"class":3302},"\"Background\"",[3273,7850,7255],{"class":3294},[3273,7852,3299],{"class":3298},[3273,7854,7832],{"class":3302},[3273,7856,3432],{"class":3286},[3273,7858,7859,7861,7863],{"class":3275,"line":3347},[3273,7860,3569],{"class":3286},[3273,7862,3006],{"class":3290},[3273,7864,3317],{"class":3286},[3273,7866,7867,7869,7871],{"class":3275,"line":3585},[3273,7868,3578],{"class":3286},[3273,7870,7801],{"class":3290},[3273,7872,3317],{"class":3286},[3273,7874,7875],{"class":3275,"line":3600},[3273,7876,3324],{"emptyLinePlaceholder":3323},[3273,7878,7879],{"class":3275,"line":3615},[3273,7880,7881],{"class":3279},"    \u003C!-- Якщо змінити клас (через C# або CSS-стилі в Avalonia), \n",[3273,7883,7884],{"class":3275,"line":3621},[3273,7885,7886],{"class":3279},"         Width зміниться з 100 до 200 ПЛАВНО за 0.3 секунди -->\n",[3273,7888,7889,7891,7893],{"class":3275,"line":3939},[3273,7890,3484],{"class":3286},[3273,7892,3161],{"class":3290},[3273,7894,3317],{"class":3286},[2959,7896,7897],{},"Це дозволяє створювати інтерфейси, які здаються дуже \"живими\" (fluid interfaces). Змінили властивість розміру або позиції в C# — і елемент не \"стрибне\" миттєво, а плавно зсуне сусідні елементи у layout.",[3009,7899],{},[3012,7901,7903],{"id":7902},"висновок-до-блоку-layout","Висновок до блоку Layout",[2959,7905,7906,7907,7910],{},"Avalonia бере ",[2963,7908,7909],{},"все найкраще з WPF Layout"," (Grid, Margin/Padding патерни, двопрохідну модель вимірювань Measure/Arrange) і додає до неї те, що розробники просили роками:",[6659,7912,7913,7918,7923],{},[4845,7914,7915,7917],{},[2963,7916,2986],{}," на панелях (чистість XAML).",[4845,7919,7920,7922],{},[2963,7921,2990],{}," для \"плаваючого\" позиціонування без глибокого вкладання панелей.",[4845,7924,7925,4391,7927,7929],{},[2963,7926,2994],{},[2963,7928,7398],{}," (через ItemsRepeater) для створення сучасних, \"чуйних\" (responsive) десктопних застосунків.",[2959,7931,7932],{},"Ці інструменти роблять створення високоякісного UI в Avalonia швидшим і виразнішим, залишаючись при цьому у знайомій усім WPF-розробникам XAML-парадигмі.",[7934,7935,7936],"style",{},"html pre.shiki code .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}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);}",{"title":3269,"searchDepth":3283,"depth":3283,"links":7938},[7939,7940,7948,7955,7961,7963,7967,7969],{"id":3014,"depth":3283,"text":3015},{"id":3367,"depth":3283,"text":7941,"children":7942},"Spacing: вбудований відступ між елементами",[7943,7944,7946],{"id":3377,"depth":3306,"text":3378},{"id":3630,"depth":3306,"text":7945},"Рішення в Avalonia: Spacing",{"id":4385,"depth":3306,"text":7947},"Spacing у Grid: RowSpacing та ColumnSpacing",{"id":4806,"depth":3283,"text":7949,"children":7950},"RelativePanel: позиціонування відносно сусідів",[7951,7952,7953,7954],{"id":4824,"depth":3306,"text":4825},{"id":4855,"depth":3306,"text":4856},{"id":5048,"depth":3306,"text":5049},{"id":6599,"depth":3306,"text":6600},{"id":6640,"depth":3283,"text":7956,"children":7957},"SplitView: адаптивний каркас застосунку",[7958,7960],{"id":6675,"depth":3306,"text":7959},"Ключові властивості SplitView",{"id":6746,"depth":3306,"text":6747},{"id":7194,"depth":3283,"text":7962},"Expander: розгортальні секції",{"id":7347,"depth":3283,"text":7964,"children":7965},"ItemsRepeater: легковісний layout для колекцій",[7966],{"id":7408,"depth":3306,"text":7409},{"id":7714,"depth":3283,"text":7968},"Вбудовані анімації Layout (Transitions)",{"id":7902,"depth":3283,"text":7903},"Чим Avalonia відрізняється від WPF у layout: Spacing, RelativePanel, SplitView, Expander, ItemsRepeater, Transitions та інші можливості що роблять Avalonia потужнішим у сучасних сценаріях.","md",null,{},{"title":1413,"description":7970},"JnewJONSjO4WzLMuYicEdbMw0JKu_73W0bgo4EyGjCQ",[7977,7979],{"title":1409,"path":1410,"stem":1411,"description":7978,"children":-1},"Responsive Layout у WPF: Star sizing, Visibility (Collapsed/Hidden), SizeChanged event, MinWidth як responsive tool, WrapPanel для адаптивних сіток, best practices.",{"title":1417,"path":1418,"stem":1419,"description":7980,"children":-1},"Вивчаємо найбільш вживані контроли WPF — кнопки, зображення, індикатори прогресу, слайдери та спливаючі підказки. Кожен контрол розбирається від базових властивостей до нетривіальних деталей.",1777912364721]