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