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