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