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