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