[{"data":1,"prerenderedAt":7578},["ShallowReactive",2],{"navigation_docs":3,"-csharp-aspnet-mvc-view-components":2949,"-csharp-aspnet-mvc-view-components-surround":7573},[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":1250,"body":2951,"description":7567,"extension":7568,"links":7569,"meta":7570,"navigation":3237,"path":1251,"seo":7571,"stem":1252,"__hash__":7572},"docs/01.csharp/11.aspnet/11.mvc/09.view-components.md",{"type":2952,"value":2953,"toc":7539},"minimark",[2954,2958,2962,2970,2978,2981,2986,2989,3096,3099,3118,3120,3124,3127,3145,3159,3169,3189,3191,3197,3377,3393,3407,3417,3419,3423,3426,3435,3480,3485,3584,3587,3615,3617,3621,3624,7013,7015,7019,7026,7162,7172,7174,7178,7181,7187,7193,7214,7216,7220,7224,7249,7268,7272,7282,7329,7346,7350,7362,7434,7436,7440,7516,7535],[2955,2956,1250],"h1",{"id":2957},"view-components-повторювані-незалежні-блоки-ui",[2959,2960,2961],"p",{},"Уявіть, що на кожній сторінці вашого інтернет-магазину міститься іконка кошика з кількістю товарів. Ця кількість бере дані з бази або сесії. У правому куті — дзвіночок сповіщень: скільки непрочитаних повідомлень. Вгорі — breadcrumbs (навігаційна стрічка), що формується динамічно залежно від поточної сторінки.",[2959,2963,2964,2965,2969],{},"Як реалізувати ці компоненти «правильно»? Перший інстинкт — Partial View. Але Partial View не може виконувати власну логіку отримання даних: він просто рендерить модель, яку йому хтось передав. Передавайте дані через ViewModel кожного Action — і ваш ",[2966,2967,2968],"code",{},"MovieController.Index"," почне знати про кошик і сповіщення. Це порушення принципу єдиної відповідальності.",[2959,2971,2972,2973,2977],{},"Саме для цього і створені ",[2974,2975,2976],"strong",{},"View Components"," (Компоненти відображення) — незалежні, самодостатні блоки UI, що мають власну логіку, власні залежності та незалежні від Controller-а, на сторінці якого вони відображаються.",[2979,2980],"hr",{},[2982,2983,2985],"h2",{"id":2984},"view-component-vs-partial-view-vs-tag-helper","View Component vs Partial View vs Tag Helper",[2959,2987,2988],{},"Перш ніж розбиратися як це будувати, зрозуміємо коли що обирати.",[2990,2991,2992,3011],"table",{},[2993,2994,2995],"thead",{},[2996,2997,2998,3002,3005,3008],"tr",{},[2999,3000,3001],"th",{},"Критерій",[2999,3003,3004],{},"Partial View",[2999,3006,3007],{},"View Component",[2999,3009,3010],{},"Tag Helper",[3012,3013,3014,3028,3039,3051,3065,3079],"tbody",{},[2996,3015,3016,3020,3023,3026],{},[3017,3018,3019],"td",{},"Власна логіка отримання даних",[3017,3021,3022],{},"❌ Ні",[3017,3024,3025],{},"✅ Так",[3017,3027,3022],{},[2996,3029,3030,3033,3035,3037],{},[3017,3031,3032],{},"DI-залежності",[3017,3034,3022],{},[3017,3036,3025],{},[3017,3038,3025],{},[2996,3040,3041,3044,3046,3048],{},[3017,3042,3043],{},"Власна View-шаблон (.cshtml)",[3017,3045,3025],{},[3017,3047,3025],{},[3017,3049,3050],{},"❌ Ні (рядки/атрибути)",[2996,3052,3053,3056,3059,3062],{},[3017,3054,3055],{},"Кешування результату",[3017,3057,3058],{},"❌ Ручне",[3017,3060,3061],{},"✅ Вбудована підтримка",[3017,3063,3064],{},"—",[2996,3066,3067,3070,3073,3076],{},[3017,3068,3069],{},"Складність реалізації",[3017,3071,3072],{},"Мінімальна",[3017,3074,3075],{},"Середня",[3017,3077,3078],{},"Висока",[2996,3080,3081,3084,3087,3090],{},[3017,3082,3083],{},"Типовий сценарій",[3017,3085,3086],{},"Картка статті, рядок таблиці",[3017,3088,3089],{},"Кошик, меню, breadcrumbs",[3017,3091,3092,3095],{},[2966,3093,3094],{},"\u003Cemail>",", форматування",[2959,3097,3098],{},"Правило вибору просте:",[3100,3101,3102,3108,3113],"ul",{},[3103,3104,3105,3107],"li",{},[2974,3106,3004],{}," — коли дані вже є в поточній моделі та їх треба просто відобразити.",[3103,3109,3110,3112],{},[2974,3111,3007],{}," — коли потрібна незалежна логіка отримання даних (з бази, сесії, API).",[3103,3114,3115,3117],{},[2974,3116,3010],{}," — коли генерується HTML-розмітка без власного шаблону (атрибути, форматування).",[2979,3119],{},[2982,3121,3123],{"id":3122},"анатомія-view-component","Анатомія View Component",[2959,3125,3126],{},"View Component складається з двох частин:",[2959,3128,3129,3132,3133,3136,3137,3140,3141,3144],{},[2974,3130,3131],{},"1. C# клас"," — успадковує від ",[2966,3134,3135],{},"ViewComponent",", містить метод ",[2966,3138,3139],{},"InvokeAsync"," (або ",[2966,3142,3143],{},"Invoke"," для синхронного варіанту). Тут живе вся логіка.",[2959,3146,3147,3150,3151,3154,3155,3158],{},[2974,3148,3149],{},"2. View-шаблон"," — звичайний ",[2966,3152,3153],{},".cshtml"," файл за конвенційним шляхом ",[2966,3156,3157],{},"Views/Shared/Components/{ComponentName}/Default.cshtml",".",[3160,3161,3166],"pre",{"className":3162,"code":3164,"language":3165},[3163],"language-text","Views/\n└── Shared/\n    └── Components/                    ← папка для всіх View Components\n        ├── ShoppingCart/\n        │   └── Default.cshtml         ← шаблон для ShoppingCartViewComponent\n        ├── NotificationBell/\n        │   └── Default.cshtml\n        └── Breadcrumb/\n            └── Default.cshtml\n","text",[2966,3167,3164],{"__ignoreMap":3168},"",[2959,3170,3171,3172,3175,3176,3178,3179,3182,3183,3186,3187,3158],{},"Назва папки — ім'я класу ",[2974,3173,3174],{},"без"," суфікса ",[2966,3177,3135],{},". Ім'я файлу за замовчуванням — ",[2966,3180,3181],{},"Default.cshtml",". Ім'я можна змінити, повернувши ",[2966,3184,3185],{},"View(\"CustomName\", model)"," з ",[2966,3188,3139],{},[2979,3190],{},[2982,3192,3194,3195],{"id":3193},"базовий-клас-viewcomponent","Базовий клас ",[2966,3196,3135],{},[3160,3198,3203],{"className":3199,"code":3200,"filename":3201,"language":3202,"meta":3168,"style":3168},"language-csharp shiki shiki-themes light-plus dark-plus dark-plus","using Microsoft.AspNetCore.Mvc;\n\nnamespace ShopApp.ViewComponents;\n\n// Конвенція: суфікс ViewComponent в імені класу\npublic class ShoppingCartViewComponent : ViewComponent\n{\n    // InvokeAsync — точка входу, може приймати довільні параметри\n    public async Task\u003CIViewComponentResult> InvokeAsync()\n    {\n        // Логіка тут — повністю незалежна від Controller\n        // ...\n        return View(someModel); // рендерить Default.cshtml з переданою моделлю\n    }\n}\n","ViewComponents/ShoppingCartViewComponent.cs","csharp",[2966,3204,3205,3232,3239,3256,3261,3268,3286,3292,3298,3325,3331,3337,3343,3365,3371],{"__ignoreMap":3168},[3206,3207,3210,3214,3218,3221,3224,3226,3229],"span",{"class":3208,"line":3209},"line",1,[3206,3211,3213],{"class":3212},"sCDza","using",[3206,3215,3217],{"class":3216},"sN1BT"," Microsoft",[3206,3219,3158],{"class":3220},"sHH4Y",[3206,3222,3223],{"class":3216},"AspNetCore",[3206,3225,3158],{"class":3220},[3206,3227,3228],{"class":3216},"Mvc",[3206,3230,3231],{"class":3220},";\n",[3206,3233,3235],{"class":3208,"line":3234},2,[3206,3236,3238],{"emptyLinePlaceholder":3237},true,"\n",[3206,3240,3242,3246,3249,3251,3254],{"class":3208,"line":3241},3,[3206,3243,3245],{"class":3244},"su1O8","namespace",[3206,3247,3248],{"class":3216}," ShopApp",[3206,3250,3158],{"class":3220},[3206,3252,3253],{"class":3216},"ViewComponents",[3206,3255,3231],{"class":3220},[3206,3257,3259],{"class":3208,"line":3258},4,[3206,3260,3238],{"emptyLinePlaceholder":3237},[3206,3262,3264],{"class":3208,"line":3263},5,[3206,3265,3267],{"class":3266},"spJ8K","// Конвенція: суфікс ViewComponent в імені класу\n",[3206,3269,3271,3274,3277,3280,3283],{"class":3208,"line":3270},6,[3206,3272,3273],{"class":3244},"public",[3206,3275,3276],{"class":3244}," class",[3206,3278,3279],{"class":3216}," ShoppingCartViewComponent",[3206,3281,3282],{"class":3220}," : ",[3206,3284,3285],{"class":3216},"ViewComponent\n",[3206,3287,3289],{"class":3208,"line":3288},7,[3206,3290,3291],{"class":3220},"{\n",[3206,3293,3295],{"class":3208,"line":3294},8,[3206,3296,3297],{"class":3266},"    // InvokeAsync — точка входу, може приймати довільні параметри\n",[3206,3299,3301,3304,3307,3310,3313,3316,3319,3322],{"class":3208,"line":3300},9,[3206,3302,3303],{"class":3244},"    public",[3206,3305,3306],{"class":3244}," async",[3206,3308,3309],{"class":3216}," Task",[3206,3311,3312],{"class":3220},"\u003C",[3206,3314,3315],{"class":3216},"IViewComponentResult",[3206,3317,3318],{"class":3220},"> ",[3206,3320,3139],{"class":3321},"s8Opu",[3206,3323,3324],{"class":3220},"()\n",[3206,3326,3328],{"class":3208,"line":3327},10,[3206,3329,3330],{"class":3220},"    {\n",[3206,3332,3334],{"class":3208,"line":3333},11,[3206,3335,3336],{"class":3266},"        // Логіка тут — повністю незалежна від Controller\n",[3206,3338,3340],{"class":3208,"line":3339},12,[3206,3341,3342],{"class":3266},"        // ...\n",[3206,3344,3346,3349,3352,3355,3359,3362],{"class":3208,"line":3345},13,[3206,3347,3348],{"class":3212},"        return",[3206,3350,3351],{"class":3321}," View",[3206,3353,3354],{"class":3220},"(",[3206,3356,3358],{"class":3357},"siwwj","someModel",[3206,3360,3361],{"class":3220},"); ",[3206,3363,3364],{"class":3266},"// рендерить Default.cshtml з переданою моделлю\n",[3206,3366,3368],{"class":3208,"line":3367},14,[3206,3369,3370],{"class":3220},"    }\n",[3206,3372,3374],{"class":3208,"line":3373},15,[3206,3375,3376],{"class":3220},"}\n",[2959,3378,3379,3380,3382,3383,3385,3386,3389,3390,3392],{},"Метод ",[2966,3381,3139],{}," повертає ",[2966,3384,3315],{},". На практиці майже завжди ",[2966,3387,3388],{},"View(model)"," — що рендерить ",[2966,3391,3181],{},". Але є ще:",[3100,3394,3395,3401],{},[3103,3396,3397,3400],{},[2966,3398,3399],{},"View(\"ViewName\", model)"," — рендеринг іменованого шаблону",[3103,3402,3403,3406],{},[2966,3404,3405],{},"Content(\"рядок\")"," — повернення простого рядка без шаблону",[2959,3408,3409,3410,3412,3413,3416],{},"Параметри ",[2966,3411,3139],{}," є ",[2974,3414,3415],{},"довільними"," — ви самі визначаєте їх сигнатуру. При виклику з View вони передаються як іменовані аргументи.",[2979,3418],{},[2982,3420,3422],{"id":3421},"виклик-view-component-з-view","Виклик View Component з View",[2959,3424,3425],{},"Є два еквівалентних синтаксиси виклику:",[2959,3427,3428],{},[2974,3429,3430,3431,3434],{},"Синтаксис 1: ",[2966,3432,3433],{},"Component.InvokeAsync"," (традиційний)",[3160,3436,3440],{"className":3437,"code":3438,"language":3439,"meta":3168,"style":3168},"language-html shiki shiki-themes light-plus dark-plus dark-plus","@* Виклик без параметрів *@\n@await Component.InvokeAsync(\"ShoppingCart\")\n\n@* Виклик з параметрами (анонімний об'єкт) *@\n@await Component.InvokeAsync(\"NotificationBell\", new { userId = currentUserId })\n\n@* Виклик з параметром *@\n@await Component.InvokeAsync(\"Breadcrumb\", new { items = breadcrumbItems })\n","html",[2966,3441,3442,3447,3452,3456,3461,3466,3470,3475],{"__ignoreMap":3168},[3206,3443,3444],{"class":3208,"line":3209},[3206,3445,3446],{"class":3220},"@* Виклик без параметрів *@\n",[3206,3448,3449],{"class":3208,"line":3234},[3206,3450,3451],{"class":3220},"@await Component.InvokeAsync(\"ShoppingCart\")\n",[3206,3453,3454],{"class":3208,"line":3241},[3206,3455,3238],{"emptyLinePlaceholder":3237},[3206,3457,3458],{"class":3208,"line":3258},[3206,3459,3460],{"class":3220},"@* Виклик з параметрами (анонімний об'єкт) *@\n",[3206,3462,3463],{"class":3208,"line":3263},[3206,3464,3465],{"class":3220},"@await Component.InvokeAsync(\"NotificationBell\", new { userId = currentUserId })\n",[3206,3467,3468],{"class":3208,"line":3270},[3206,3469,3238],{"emptyLinePlaceholder":3237},[3206,3471,3472],{"class":3208,"line":3288},[3206,3473,3474],{"class":3220},"@* Виклик з параметром *@\n",[3206,3476,3477],{"class":3208,"line":3294},[3206,3478,3479],{"class":3220},"@await Component.InvokeAsync(\"Breadcrumb\", new { items = breadcrumbItems })\n",[2959,3481,3482],{},[2974,3483,3484],{},"Синтаксис 2: Tag Helper (рекомендований, сучасніший)",[3160,3486,3488],{"className":3437,"code":3487,"language":3439,"meta":3168,"style":3168},"@* Потрібно у _ViewImports.cshtml: @addTagHelper *, YourProjectName *@\n\n@* Без параметрів *@\n\u003Cvc:shopping-cart>\u003C/vc:shopping-cart>\n\n@* З параметрами — kebab-case ім'я компоненту та параметрів *@\n\u003Cvc:notification-bell user-id=\"@currentUserId\">\u003C/vc:notification-bell>\n\n@* З кількома параметрами *@\n\u003Cvc:breadcrumb items=\"@breadcrumbItems\">\u003C/vc:breadcrumb>\n",[2966,3489,3490,3495,3499,3504,3521,3525,3530,3554,3558,3563],{"__ignoreMap":3168},[3206,3491,3492],{"class":3208,"line":3209},[3206,3493,3494],{"class":3220},"@* Потрібно у _ViewImports.cshtml: @addTagHelper *, YourProjectName *@\n",[3206,3496,3497],{"class":3208,"line":3234},[3206,3498,3238],{"emptyLinePlaceholder":3237},[3206,3500,3501],{"class":3208,"line":3241},[3206,3502,3503],{"class":3220},"@* Без параметрів *@\n",[3206,3505,3506,3509,3513,3516,3518],{"class":3208,"line":3258},[3206,3507,3312],{"class":3508},"s0P7L",[3206,3510,3512],{"class":3511},"se1LK","vc:shopping-cart",[3206,3514,3515],{"class":3508},">\u003C/",[3206,3517,3512],{"class":3511},[3206,3519,3520],{"class":3508},">\n",[3206,3522,3523],{"class":3208,"line":3263},[3206,3524,3238],{"emptyLinePlaceholder":3237},[3206,3526,3527],{"class":3208,"line":3270},[3206,3528,3529],{"class":3220},"@* З параметрами — kebab-case ім'я компоненту та параметрів *@\n",[3206,3531,3532,3534,3537,3541,3544,3548,3550,3552],{"class":3208,"line":3288},[3206,3533,3312],{"class":3508},[3206,3535,3536],{"class":3511},"vc:notification-bell",[3206,3538,3540],{"class":3539},"sa4r_"," user-id",[3206,3542,3543],{"class":3220},"=",[3206,3545,3547],{"class":3546},"su9tN","\"@currentUserId\"",[3206,3549,3515],{"class":3508},[3206,3551,3536],{"class":3511},[3206,3553,3520],{"class":3508},[3206,3555,3556],{"class":3208,"line":3294},[3206,3557,3238],{"emptyLinePlaceholder":3237},[3206,3559,3560],{"class":3208,"line":3300},[3206,3561,3562],{"class":3220},"@* З кількома параметрами *@\n",[3206,3564,3565,3567,3570,3573,3575,3578,3580,3582],{"class":3208,"line":3327},[3206,3566,3312],{"class":3508},[3206,3568,3569],{"class":3511},"vc:breadcrumb",[3206,3571,3572],{"class":3539}," items",[3206,3574,3543],{"class":3220},[3206,3576,3577],{"class":3546},"\"@breadcrumbItems\"",[3206,3579,3515],{"class":3508},[3206,3581,3569],{"class":3511},[3206,3583,3520],{"class":3508},[2959,3585,3586],{},"Tag Helper-синтаксис є кращим: він виглядає як HTML і підтримує IntelliSense у Visual Studio / Rider.",[3588,3589,3590,3591,3593,3594,3597,3598,3601,3602,3605,3606,3608,3609,3601,3612,3158],"note",{},"Назва тегу формується з назви класу (без суфікса ",[2966,3592,3135],{},") у ",[2974,3595,3596],{},"kebab-case",": ",[2966,3599,3600],{},"ShoppingCartViewComponent"," → ",[2966,3603,3604],{},"\u003Cvc:shopping-cart>",". Параметри методу ",[2966,3607,3139],{}," також переводяться у kebab-case: ",[2966,3610,3611],{},"userId",[2966,3613,3614],{},"user-id",[2979,3616],{},[2982,3618,3620],{"id":3619},"демо-проєкт-три-view-components-для-інтернет-магазину","Демо-проєкт: три View Components для інтернет-магазину",[2959,3622,3623],{},"Розгортаємо проєкт з нуля — усі файли наведені повністю, щоб можна було скопіювати та запустити.",[3625,3626,3627,3632,3664,3671,3686,3718,3740,3744,3747,3866,4405,4745,4817,4821,4827,4966,5399,5765,5959,5963,5966,6219,6347,6351,6522,6526,6643,6650,6977,6990,6994,7006],"steps",{},[3628,3629,3631],"h3",{"id":3630},"створення-проєкту","Створення проєкту",[3160,3633,3637],{"className":3634,"code":3635,"language":3636,"meta":3168,"style":3168},"language-bash shiki shiki-themes light-plus dark-plus dark-plus","dotnet new mvc -n ShopApp\ncd ShopApp\n","bash",[2966,3638,3639,3657],{"__ignoreMap":3168},[3206,3640,3641,3644,3648,3651,3654],{"class":3208,"line":3209},[3206,3642,3643],{"class":3321},"dotnet",[3206,3645,3647],{"class":3646},"sbdoH"," new",[3206,3649,3650],{"class":3646}," mvc",[3206,3652,3653],{"class":3244}," -n",[3206,3655,3656],{"class":3646}," ShopApp\n",[3206,3658,3659,3662],{"class":3208,"line":3234},[3206,3660,3661],{"class":3321},"cd",[3206,3663,3656],{"class":3646},[3628,3665,3667,3668],{"id":3666},"налаштування-_viewimportscshtml","Налаштування ",[2966,3669,3670],{},"_ViewImports.cshtml",[2959,3672,3673,3674,3677,3678,3681,3682,3685],{},"Для роботи Tag Helper синтаксису (",[2966,3675,3676],{},"\u003Cvc:...>",") додайте директиву ",[2966,3679,3680],{},"@addTagHelper"," у файл ",[2966,3683,3684],{},"Views/_ViewImports.cshtml",". Замініть весь вміст:",[3160,3687,3691],{"className":3688,"code":3689,"filename":3684,"language":3690,"meta":3168,"style":3168},"language-cshtml shiki shiki-themes light-plus dark-plus dark-plus","@using ShopApp\n@using ShopApp.Models\n@using ShopApp.ViewComponents\n@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers\n@addTagHelper *, ShopApp\n","cshtml",[2966,3692,3693,3698,3703,3708,3713],{"__ignoreMap":3168},[3206,3694,3695],{"class":3208,"line":3209},[3206,3696,3697],{},"@using ShopApp\n",[3206,3699,3700],{"class":3208,"line":3234},[3206,3701,3702],{},"@using ShopApp.Models\n",[3206,3704,3705],{"class":3208,"line":3241},[3206,3706,3707],{},"@using ShopApp.ViewComponents\n",[3206,3709,3710],{"class":3208,"line":3258},[3206,3711,3712],{},"@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers\n",[3206,3714,3715],{"class":3208,"line":3263},[3206,3716,3717],{},"@addTagHelper *, ShopApp\n",[3588,3719,3720,3721,3724,3725,3727,3728,3731,3732,3735,3736,3739],{},"Рядок ",[2966,3722,3723],{},"@addTagHelper *, ShopApp"," — саме він вмикає ",[2966,3726,3676],{}," синтаксис. Ім'я після ",[2966,3729,3730],{},"*,"," — це назва вашої збірки (збігається з ",[2966,3733,3734],{},"\u003CAssemblyName>"," у ",[2966,3737,3738],{},".csproj",", або ж назва проєкту).",[3628,3741,3743],{"id":3742},"компонент-1-shoppingcartviewcomponent-лічильник-кошика","Компонент 1: ShoppingCartViewComponent — лічильник кошика",[2959,3745,3746],{},"Відображає іконку кошика з кількістю товарів у навбарі. Кількість зчитується з сесії.",[3160,3748,3751],{"className":3199,"code":3749,"filename":3750,"language":3202,"meta":3168,"style":3168},"namespace ShopApp.Services;\n\npublic interface ICartService\n{\n    Task\u003Cint> GetItemCountAsync(string sessionId);\n    Task\u003Cdecimal> GetTotalPriceAsync(string sessionId);\n    Task AddItemAsync(string sessionId, string productId, int quantity);\n}\n","Services/ICartService.cs",[2966,3752,3753,3766,3770,3780,3784,3810,3832,3862],{"__ignoreMap":3168},[3206,3754,3755,3757,3759,3761,3764],{"class":3208,"line":3209},[3206,3756,3245],{"class":3244},[3206,3758,3248],{"class":3216},[3206,3760,3158],{"class":3220},[3206,3762,3763],{"class":3216},"Services",[3206,3765,3231],{"class":3220},[3206,3767,3768],{"class":3208,"line":3234},[3206,3769,3238],{"emptyLinePlaceholder":3237},[3206,3771,3772,3774,3777],{"class":3208,"line":3241},[3206,3773,3273],{"class":3244},[3206,3775,3776],{"class":3244}," interface",[3206,3778,3779],{"class":3216}," ICartService\n",[3206,3781,3782],{"class":3208,"line":3258},[3206,3783,3291],{"class":3220},[3206,3785,3786,3789,3791,3794,3796,3799,3801,3804,3807],{"class":3208,"line":3263},[3206,3787,3788],{"class":3216},"    Task",[3206,3790,3312],{"class":3220},[3206,3792,3793],{"class":3244},"int",[3206,3795,3318],{"class":3220},[3206,3797,3798],{"class":3321},"GetItemCountAsync",[3206,3800,3354],{"class":3220},[3206,3802,3803],{"class":3244},"string",[3206,3805,3806],{"class":3357}," sessionId",[3206,3808,3809],{"class":3220},");\n",[3206,3811,3812,3814,3816,3819,3821,3824,3826,3828,3830],{"class":3208,"line":3270},[3206,3813,3788],{"class":3216},[3206,3815,3312],{"class":3220},[3206,3817,3818],{"class":3244},"decimal",[3206,3820,3318],{"class":3220},[3206,3822,3823],{"class":3321},"GetTotalPriceAsync",[3206,3825,3354],{"class":3220},[3206,3827,3803],{"class":3244},[3206,3829,3806],{"class":3357},[3206,3831,3809],{"class":3220},[3206,3833,3834,3836,3839,3841,3843,3845,3848,3850,3853,3855,3857,3860],{"class":3208,"line":3288},[3206,3835,3788],{"class":3216},[3206,3837,3838],{"class":3321}," AddItemAsync",[3206,3840,3354],{"class":3220},[3206,3842,3803],{"class":3244},[3206,3844,3806],{"class":3357},[3206,3846,3847],{"class":3220},", ",[3206,3849,3803],{"class":3244},[3206,3851,3852],{"class":3357}," productId",[3206,3854,3847],{"class":3220},[3206,3856,3793],{"class":3244},[3206,3858,3859],{"class":3357}," quantity",[3206,3861,3809],{"class":3220},[3206,3863,3864],{"class":3208,"line":3294},[3206,3865,3376],{"class":3220},[3160,3867,3870],{"className":3199,"code":3868,"filename":3869,"language":3202,"meta":3168,"style":3168},"namespace ShopApp.Services;\n\n// Проста in-memory реалізація для демо.\n// У реальному проєкті тут буде робота з БД або зовнішнім кошиком.\npublic class SessionCartService : ICartService\n{\n    // Імітуємо сховище — стан заради демо зберігаємо статично\n    private static readonly Dictionary\u003Cstring, List\u003C(string ProductId, int Qty, decimal Price)>> _store = [];\n\n    public Task\u003Cint> GetItemCountAsync(string sessionId)\n    {\n        if (!_store.TryGetValue(sessionId, out var items))\n            return Task.FromResult(0);\n\n        return Task.FromResult(items.Sum(i => i.Qty));\n    }\n\n    public Task\u003Cdecimal> GetTotalPriceAsync(string sessionId)\n    {\n        if (!_store.TryGetValue(sessionId, out var items))\n            return Task.FromResult(0m);\n\n        return Task.FromResult(items.Sum(i => i.Price * i.Qty));\n    }\n\n    public Task AddItemAsync(string sessionId, string productId, int quantity)\n    {\n        if (!_store.TryGetValue(sessionId, out var items))\n        {\n            items = [];\n            _store[sessionId] = items;\n        }\n\n        // Для демо — ціна фіксована 100 грн за одиницю\n        items.Add((productId, quantity, 100m));\n        return Task.CompletedTask;\n    }\n}\n","Services/SessionCartService.cs",[2966,3871,3872,3884,3888,3893,3898,3912,3916,3921,3975,3979,4002,4006,4039,4059,4063,4101,4106,4111,4134,4139,4166,4184,4189,4232,4237,4242,4271,4276,4303,4309,4317,4335,4341,4346,4352,4381,4395,4400],{"__ignoreMap":3168},[3206,3873,3874,3876,3878,3880,3882],{"class":3208,"line":3209},[3206,3875,3245],{"class":3244},[3206,3877,3248],{"class":3216},[3206,3879,3158],{"class":3220},[3206,3881,3763],{"class":3216},[3206,3883,3231],{"class":3220},[3206,3885,3886],{"class":3208,"line":3234},[3206,3887,3238],{"emptyLinePlaceholder":3237},[3206,3889,3890],{"class":3208,"line":3241},[3206,3891,3892],{"class":3266},"// Проста in-memory реалізація для демо.\n",[3206,3894,3895],{"class":3208,"line":3258},[3206,3896,3897],{"class":3266},"// У реальному проєкті тут буде робота з БД або зовнішнім кошиком.\n",[3206,3899,3900,3902,3904,3907,3909],{"class":3208,"line":3263},[3206,3901,3273],{"class":3244},[3206,3903,3276],{"class":3244},[3206,3905,3906],{"class":3216}," SessionCartService",[3206,3908,3282],{"class":3220},[3206,3910,3911],{"class":3216},"ICartService\n",[3206,3913,3914],{"class":3208,"line":3270},[3206,3915,3291],{"class":3220},[3206,3917,3918],{"class":3208,"line":3288},[3206,3919,3920],{"class":3266},"    // Імітуємо сховище — стан заради демо зберігаємо статично\n",[3206,3922,3923,3926,3929,3932,3935,3937,3939,3941,3944,3947,3949,3952,3954,3956,3959,3961,3963,3966,3969,3972],{"class":3208,"line":3294},[3206,3924,3925],{"class":3244},"    private",[3206,3927,3928],{"class":3244}," static",[3206,3930,3931],{"class":3244}," readonly",[3206,3933,3934],{"class":3216}," Dictionary",[3206,3936,3312],{"class":3220},[3206,3938,3803],{"class":3244},[3206,3940,3847],{"class":3220},[3206,3942,3943],{"class":3216},"List",[3206,3945,3946],{"class":3220},"\u003C(",[3206,3948,3803],{"class":3244},[3206,3950,3951],{"class":3357}," ProductId",[3206,3953,3847],{"class":3220},[3206,3955,3793],{"class":3244},[3206,3957,3958],{"class":3357}," Qty",[3206,3960,3847],{"class":3220},[3206,3962,3818],{"class":3244},[3206,3964,3965],{"class":3357}," Price",[3206,3967,3968],{"class":3220},")>> ",[3206,3970,3971],{"class":3357},"_store",[3206,3973,3974],{"class":3220}," = [];\n",[3206,3976,3977],{"class":3208,"line":3300},[3206,3978,3238],{"emptyLinePlaceholder":3237},[3206,3980,3981,3983,3985,3987,3989,3991,3993,3995,3997,3999],{"class":3208,"line":3327},[3206,3982,3303],{"class":3244},[3206,3984,3309],{"class":3216},[3206,3986,3312],{"class":3220},[3206,3988,3793],{"class":3244},[3206,3990,3318],{"class":3220},[3206,3992,3798],{"class":3321},[3206,3994,3354],{"class":3220},[3206,3996,3803],{"class":3244},[3206,3998,3806],{"class":3357},[3206,4000,4001],{"class":3220},")\n",[3206,4003,4004],{"class":3208,"line":3333},[3206,4005,3330],{"class":3220},[3206,4007,4008,4011,4014,4016,4018,4021,4023,4026,4028,4031,4034,4036],{"class":3208,"line":3339},[3206,4009,4010],{"class":3212},"        if",[3206,4012,4013],{"class":3220}," (!",[3206,4015,3971],{"class":3357},[3206,4017,3158],{"class":3220},[3206,4019,4020],{"class":3321},"TryGetValue",[3206,4022,3354],{"class":3220},[3206,4024,4025],{"class":3357},"sessionId",[3206,4027,3847],{"class":3220},[3206,4029,4030],{"class":3244},"out",[3206,4032,4033],{"class":3244}," var",[3206,4035,3572],{"class":3357},[3206,4037,4038],{"class":3220},"))\n",[3206,4040,4041,4044,4046,4048,4051,4053,4057],{"class":3208,"line":3345},[3206,4042,4043],{"class":3212},"            return",[3206,4045,3309],{"class":3357},[3206,4047,3158],{"class":3220},[3206,4049,4050],{"class":3321},"FromResult",[3206,4052,3354],{"class":3220},[3206,4054,4056],{"class":4055},"sJj4R","0",[3206,4058,3809],{"class":3220},[3206,4060,4061],{"class":3208,"line":3367},[3206,4062,3238],{"emptyLinePlaceholder":3237},[3206,4064,4065,4067,4069,4071,4073,4075,4078,4080,4083,4085,4088,4091,4093,4095,4098],{"class":3208,"line":3373},[3206,4066,3348],{"class":3212},[3206,4068,3309],{"class":3357},[3206,4070,3158],{"class":3220},[3206,4072,4050],{"class":3321},[3206,4074,3354],{"class":3220},[3206,4076,4077],{"class":3357},"items",[3206,4079,3158],{"class":3220},[3206,4081,4082],{"class":3321},"Sum",[3206,4084,3354],{"class":3220},[3206,4086,4087],{"class":3357},"i",[3206,4089,4090],{"class":3220}," => ",[3206,4092,4087],{"class":3357},[3206,4094,3158],{"class":3220},[3206,4096,4097],{"class":3357},"Qty",[3206,4099,4100],{"class":3220},"));\n",[3206,4102,4104],{"class":3208,"line":4103},16,[3206,4105,3370],{"class":3220},[3206,4107,4109],{"class":3208,"line":4108},17,[3206,4110,3238],{"emptyLinePlaceholder":3237},[3206,4112,4114,4116,4118,4120,4122,4124,4126,4128,4130,4132],{"class":3208,"line":4113},18,[3206,4115,3303],{"class":3244},[3206,4117,3309],{"class":3216},[3206,4119,3312],{"class":3220},[3206,4121,3818],{"class":3244},[3206,4123,3318],{"class":3220},[3206,4125,3823],{"class":3321},[3206,4127,3354],{"class":3220},[3206,4129,3803],{"class":3244},[3206,4131,3806],{"class":3357},[3206,4133,4001],{"class":3220},[3206,4135,4137],{"class":3208,"line":4136},19,[3206,4138,3330],{"class":3220},[3206,4140,4142,4144,4146,4148,4150,4152,4154,4156,4158,4160,4162,4164],{"class":3208,"line":4141},20,[3206,4143,4010],{"class":3212},[3206,4145,4013],{"class":3220},[3206,4147,3971],{"class":3357},[3206,4149,3158],{"class":3220},[3206,4151,4020],{"class":3321},[3206,4153,3354],{"class":3220},[3206,4155,4025],{"class":3357},[3206,4157,3847],{"class":3220},[3206,4159,4030],{"class":3244},[3206,4161,4033],{"class":3244},[3206,4163,3572],{"class":3357},[3206,4165,4038],{"class":3220},[3206,4167,4169,4171,4173,4175,4177,4179,4182],{"class":3208,"line":4168},21,[3206,4170,4043],{"class":3212},[3206,4172,3309],{"class":3357},[3206,4174,3158],{"class":3220},[3206,4176,4050],{"class":3321},[3206,4178,3354],{"class":3220},[3206,4180,4181],{"class":4055},"0m",[3206,4183,3809],{"class":3220},[3206,4185,4187],{"class":3208,"line":4186},22,[3206,4188,3238],{"emptyLinePlaceholder":3237},[3206,4190,4192,4194,4196,4198,4200,4202,4204,4206,4208,4210,4212,4214,4216,4218,4221,4224,4226,4228,4230],{"class":3208,"line":4191},23,[3206,4193,3348],{"class":3212},[3206,4195,3309],{"class":3357},[3206,4197,3158],{"class":3220},[3206,4199,4050],{"class":3321},[3206,4201,3354],{"class":3220},[3206,4203,4077],{"class":3357},[3206,4205,3158],{"class":3220},[3206,4207,4082],{"class":3321},[3206,4209,3354],{"class":3220},[3206,4211,4087],{"class":3357},[3206,4213,4090],{"class":3220},[3206,4215,4087],{"class":3357},[3206,4217,3158],{"class":3220},[3206,4219,4220],{"class":3357},"Price",[3206,4222,4223],{"class":3220}," * ",[3206,4225,4087],{"class":3357},[3206,4227,3158],{"class":3220},[3206,4229,4097],{"class":3357},[3206,4231,4100],{"class":3220},[3206,4233,4235],{"class":3208,"line":4234},24,[3206,4236,3370],{"class":3220},[3206,4238,4240],{"class":3208,"line":4239},25,[3206,4241,3238],{"emptyLinePlaceholder":3237},[3206,4243,4245,4247,4249,4251,4253,4255,4257,4259,4261,4263,4265,4267,4269],{"class":3208,"line":4244},26,[3206,4246,3303],{"class":3244},[3206,4248,3309],{"class":3216},[3206,4250,3838],{"class":3321},[3206,4252,3354],{"class":3220},[3206,4254,3803],{"class":3244},[3206,4256,3806],{"class":3357},[3206,4258,3847],{"class":3220},[3206,4260,3803],{"class":3244},[3206,4262,3852],{"class":3357},[3206,4264,3847],{"class":3220},[3206,4266,3793],{"class":3244},[3206,4268,3859],{"class":3357},[3206,4270,4001],{"class":3220},[3206,4272,4274],{"class":3208,"line":4273},27,[3206,4275,3330],{"class":3220},[3206,4277,4279,4281,4283,4285,4287,4289,4291,4293,4295,4297,4299,4301],{"class":3208,"line":4278},28,[3206,4280,4010],{"class":3212},[3206,4282,4013],{"class":3220},[3206,4284,3971],{"class":3357},[3206,4286,3158],{"class":3220},[3206,4288,4020],{"class":3321},[3206,4290,3354],{"class":3220},[3206,4292,4025],{"class":3357},[3206,4294,3847],{"class":3220},[3206,4296,4030],{"class":3244},[3206,4298,4033],{"class":3244},[3206,4300,3572],{"class":3357},[3206,4302,4038],{"class":3220},[3206,4304,4306],{"class":3208,"line":4305},29,[3206,4307,4308],{"class":3220},"        {\n",[3206,4310,4312,4315],{"class":3208,"line":4311},30,[3206,4313,4314],{"class":3357},"            items",[3206,4316,3974],{"class":3220},[3206,4318,4320,4323,4326,4328,4331,4333],{"class":3208,"line":4319},31,[3206,4321,4322],{"class":3357},"            _store",[3206,4324,4325],{"class":3220},"[",[3206,4327,4025],{"class":3357},[3206,4329,4330],{"class":3220},"] = ",[3206,4332,4077],{"class":3357},[3206,4334,3231],{"class":3220},[3206,4336,4338],{"class":3208,"line":4337},32,[3206,4339,4340],{"class":3220},"        }\n",[3206,4342,4344],{"class":3208,"line":4343},33,[3206,4345,3238],{"emptyLinePlaceholder":3237},[3206,4347,4349],{"class":3208,"line":4348},34,[3206,4350,4351],{"class":3266},"        // Для демо — ціна фіксована 100 грн за одиницю\n",[3206,4353,4355,4358,4360,4363,4366,4369,4371,4374,4376,4379],{"class":3208,"line":4354},35,[3206,4356,4357],{"class":3357},"        items",[3206,4359,3158],{"class":3220},[3206,4361,4362],{"class":3321},"Add",[3206,4364,4365],{"class":3220},"((",[3206,4367,4368],{"class":3357},"productId",[3206,4370,3847],{"class":3220},[3206,4372,4373],{"class":3357},"quantity",[3206,4375,3847],{"class":3220},[3206,4377,4378],{"class":4055},"100m",[3206,4380,4100],{"class":3220},[3206,4382,4384,4386,4388,4390,4393],{"class":3208,"line":4383},36,[3206,4385,3348],{"class":3212},[3206,4387,3309],{"class":3357},[3206,4389,3158],{"class":3220},[3206,4391,4392],{"class":3357},"CompletedTask",[3206,4394,3231],{"class":3220},[3206,4396,4398],{"class":3208,"line":4397},37,[3206,4399,3370],{"class":3220},[3206,4401,4403],{"class":3208,"line":4402},38,[3206,4404,3376],{"class":3220},[3160,4406,4408],{"className":3199,"code":4407,"filename":3201,"language":3202,"meta":3168,"style":3168},"using Microsoft.AspNetCore.Mvc;\nusing ShopApp.Services;\n\nnamespace ShopApp.ViewComponents;\n\npublic class ShoppingCartViewComponent : ViewComponent\n{\n    private readonly ICartService _cart;\n\n    // DI — ін'єктуємо залежності через конструктор, як у звичайному сервісі\n    public ShoppingCartViewComponent(ICartService cart)\n    {\n        _cart = cart;\n    }\n\n    // Параметрів немає — все що потрібно, зчитуємо самостійно\n    public async Task\u003CIViewComponentResult> InvokeAsync()\n    {\n        // HttpContext доступний через властивість HttpContext (від ViewComponent)\n        var sessionId = HttpContext.Session.GetString(\"CartId\") ?? \"default\";\n\n        var itemCount = await _cart.GetItemCountAsync(sessionId);\n        var totalPrice = await _cart.GetTotalPriceAsync(sessionId);\n\n        var model = new CartSummary(itemCount, totalPrice);\n        return View(model); // → Views/Shared/Components/ShoppingCart/Default.cshtml\n    }\n}\n\n// Мінімальна модель для View\npublic record CartSummary(int ItemCount, decimal TotalPrice);\n",[2966,4409,4410,4426,4438,4442,4454,4458,4470,4474,4488,4492,4497,4513,4517,4530,4534,4538,4543,4561,4565,4570,4605,4609,4633,4656,4660,4687,4703,4707,4711,4715,4720],{"__ignoreMap":3168},[3206,4411,4412,4414,4416,4418,4420,4422,4424],{"class":3208,"line":3209},[3206,4413,3213],{"class":3212},[3206,4415,3217],{"class":3216},[3206,4417,3158],{"class":3220},[3206,4419,3223],{"class":3216},[3206,4421,3158],{"class":3220},[3206,4423,3228],{"class":3216},[3206,4425,3231],{"class":3220},[3206,4427,4428,4430,4432,4434,4436],{"class":3208,"line":3234},[3206,4429,3213],{"class":3212},[3206,4431,3248],{"class":3216},[3206,4433,3158],{"class":3220},[3206,4435,3763],{"class":3216},[3206,4437,3231],{"class":3220},[3206,4439,4440],{"class":3208,"line":3241},[3206,4441,3238],{"emptyLinePlaceholder":3237},[3206,4443,4444,4446,4448,4450,4452],{"class":3208,"line":3258},[3206,4445,3245],{"class":3244},[3206,4447,3248],{"class":3216},[3206,4449,3158],{"class":3220},[3206,4451,3253],{"class":3216},[3206,4453,3231],{"class":3220},[3206,4455,4456],{"class":3208,"line":3263},[3206,4457,3238],{"emptyLinePlaceholder":3237},[3206,4459,4460,4462,4464,4466,4468],{"class":3208,"line":3270},[3206,4461,3273],{"class":3244},[3206,4463,3276],{"class":3244},[3206,4465,3279],{"class":3216},[3206,4467,3282],{"class":3220},[3206,4469,3285],{"class":3216},[3206,4471,4472],{"class":3208,"line":3288},[3206,4473,3291],{"class":3220},[3206,4475,4476,4478,4480,4483,4486],{"class":3208,"line":3294},[3206,4477,3925],{"class":3244},[3206,4479,3931],{"class":3244},[3206,4481,4482],{"class":3216}," ICartService",[3206,4484,4485],{"class":3357}," _cart",[3206,4487,3231],{"class":3220},[3206,4489,4490],{"class":3208,"line":3300},[3206,4491,3238],{"emptyLinePlaceholder":3237},[3206,4493,4494],{"class":3208,"line":3327},[3206,4495,4496],{"class":3266},"    // DI — ін'єктуємо залежності через конструктор, як у звичайному сервісі\n",[3206,4498,4499,4501,4503,4505,4508,4511],{"class":3208,"line":3333},[3206,4500,3303],{"class":3244},[3206,4502,3279],{"class":3321},[3206,4504,3354],{"class":3220},[3206,4506,4507],{"class":3216},"ICartService",[3206,4509,4510],{"class":3357}," cart",[3206,4512,4001],{"class":3220},[3206,4514,4515],{"class":3208,"line":3339},[3206,4516,3330],{"class":3220},[3206,4518,4519,4522,4525,4528],{"class":3208,"line":3345},[3206,4520,4521],{"class":3357},"        _cart",[3206,4523,4524],{"class":3220}," = ",[3206,4526,4527],{"class":3357},"cart",[3206,4529,3231],{"class":3220},[3206,4531,4532],{"class":3208,"line":3367},[3206,4533,3370],{"class":3220},[3206,4535,4536],{"class":3208,"line":3373},[3206,4537,3238],{"emptyLinePlaceholder":3237},[3206,4539,4540],{"class":3208,"line":4103},[3206,4541,4542],{"class":3266},"    // Параметрів немає — все що потрібно, зчитуємо самостійно\n",[3206,4544,4545,4547,4549,4551,4553,4555,4557,4559],{"class":3208,"line":4108},[3206,4546,3303],{"class":3244},[3206,4548,3306],{"class":3244},[3206,4550,3309],{"class":3216},[3206,4552,3312],{"class":3220},[3206,4554,3315],{"class":3216},[3206,4556,3318],{"class":3220},[3206,4558,3139],{"class":3321},[3206,4560,3324],{"class":3220},[3206,4562,4563],{"class":3208,"line":4113},[3206,4564,3330],{"class":3220},[3206,4566,4567],{"class":3208,"line":4136},[3206,4568,4569],{"class":3266},"        // HttpContext доступний через властивість HttpContext (від ViewComponent)\n",[3206,4571,4572,4575,4577,4579,4582,4584,4587,4589,4592,4594,4597,4600,4603],{"class":3208,"line":4141},[3206,4573,4574],{"class":3244},"        var",[3206,4576,3806],{"class":3357},[3206,4578,4524],{"class":3220},[3206,4580,4581],{"class":3357},"HttpContext",[3206,4583,3158],{"class":3220},[3206,4585,4586],{"class":3357},"Session",[3206,4588,3158],{"class":3220},[3206,4590,4591],{"class":3321},"GetString",[3206,4593,3354],{"class":3220},[3206,4595,4596],{"class":3646},"\"CartId\"",[3206,4598,4599],{"class":3220},") ?? ",[3206,4601,4602],{"class":3646},"\"default\"",[3206,4604,3231],{"class":3220},[3206,4606,4607],{"class":3208,"line":4168},[3206,4608,3238],{"emptyLinePlaceholder":3237},[3206,4610,4611,4613,4616,4618,4621,4623,4625,4627,4629,4631],{"class":3208,"line":4186},[3206,4612,4574],{"class":3244},[3206,4614,4615],{"class":3357}," itemCount",[3206,4617,4524],{"class":3220},[3206,4619,4620],{"class":3244},"await",[3206,4622,4485],{"class":3357},[3206,4624,3158],{"class":3220},[3206,4626,3798],{"class":3321},[3206,4628,3354],{"class":3220},[3206,4630,4025],{"class":3357},[3206,4632,3809],{"class":3220},[3206,4634,4635,4637,4640,4642,4644,4646,4648,4650,4652,4654],{"class":3208,"line":4191},[3206,4636,4574],{"class":3244},[3206,4638,4639],{"class":3357}," totalPrice",[3206,4641,4524],{"class":3220},[3206,4643,4620],{"class":3244},[3206,4645,4485],{"class":3357},[3206,4647,3158],{"class":3220},[3206,4649,3823],{"class":3321},[3206,4651,3354],{"class":3220},[3206,4653,4025],{"class":3357},[3206,4655,3809],{"class":3220},[3206,4657,4658],{"class":3208,"line":4234},[3206,4659,3238],{"emptyLinePlaceholder":3237},[3206,4661,4662,4664,4667,4669,4672,4675,4677,4680,4682,4685],{"class":3208,"line":4239},[3206,4663,4574],{"class":3244},[3206,4665,4666],{"class":3357}," model",[3206,4668,4524],{"class":3220},[3206,4670,4671],{"class":3244},"new",[3206,4673,4674],{"class":3216}," CartSummary",[3206,4676,3354],{"class":3220},[3206,4678,4679],{"class":3357},"itemCount",[3206,4681,3847],{"class":3220},[3206,4683,4684],{"class":3357},"totalPrice",[3206,4686,3809],{"class":3220},[3206,4688,4689,4691,4693,4695,4698,4700],{"class":3208,"line":4244},[3206,4690,3348],{"class":3212},[3206,4692,3351],{"class":3321},[3206,4694,3354],{"class":3220},[3206,4696,4697],{"class":3357},"model",[3206,4699,3361],{"class":3220},[3206,4701,4702],{"class":3266},"// → Views/Shared/Components/ShoppingCart/Default.cshtml\n",[3206,4704,4705],{"class":3208,"line":4273},[3206,4706,3370],{"class":3220},[3206,4708,4709],{"class":3208,"line":4278},[3206,4710,3376],{"class":3220},[3206,4712,4713],{"class":3208,"line":4305},[3206,4714,3238],{"emptyLinePlaceholder":3237},[3206,4716,4717],{"class":3208,"line":4311},[3206,4718,4719],{"class":3266},"// Мінімальна модель для View\n",[3206,4721,4722,4724,4727,4729,4731,4733,4736,4738,4740,4743],{"class":3208,"line":4319},[3206,4723,3273],{"class":3244},[3206,4725,4726],{"class":3244}," record",[3206,4728,4674],{"class":3216},[3206,4730,3354],{"class":3220},[3206,4732,3793],{"class":3244},[3206,4734,4735],{"class":3357}," ItemCount",[3206,4737,3847],{"class":3220},[3206,4739,3818],{"class":3244},[3206,4741,4742],{"class":3357}," TotalPrice",[3206,4744,3809],{"class":3220},[3160,4746,4749],{"className":3688,"code":4747,"filename":4748,"language":3690,"meta":3168,"style":3168},"@model ShopApp.ViewComponents.CartSummary\n\n\u003Ca href=\"/cart\" class=\"nav-link position-relative\">\n    \u003Ci class=\"bi bi-cart3 fs-5\">\u003C/i>\n\n    @if (Model.ItemCount > 0)\n    {\n        @* Бейдж з кількістю товарів *@\n        \u003Cspan class=\"position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger\">\n            @(Model.ItemCount > 99 ? \"99+\" : Model.ItemCount.ToString())\n            \u003Cspan class=\"visually-hidden\">товарів у кошику\u003C/span>\n        \u003C/span>\n    }\n\u003C/a>\n","Views/Shared/Components/ShoppingCart/Default.cshtml",[2966,4750,4751,4756,4760,4765,4770,4774,4779,4783,4788,4793,4798,4803,4808,4812],{"__ignoreMap":3168},[3206,4752,4753],{"class":3208,"line":3209},[3206,4754,4755],{},"@model ShopApp.ViewComponents.CartSummary\n",[3206,4757,4758],{"class":3208,"line":3234},[3206,4759,3238],{"emptyLinePlaceholder":3237},[3206,4761,4762],{"class":3208,"line":3241},[3206,4763,4764],{},"\u003Ca href=\"/cart\" class=\"nav-link position-relative\">\n",[3206,4766,4767],{"class":3208,"line":3258},[3206,4768,4769],{},"    \u003Ci class=\"bi bi-cart3 fs-5\">\u003C/i>\n",[3206,4771,4772],{"class":3208,"line":3263},[3206,4773,3238],{"emptyLinePlaceholder":3237},[3206,4775,4776],{"class":3208,"line":3270},[3206,4777,4778],{},"    @if (Model.ItemCount > 0)\n",[3206,4780,4781],{"class":3208,"line":3288},[3206,4782,3330],{},[3206,4784,4785],{"class":3208,"line":3294},[3206,4786,4787],{},"        @* Бейдж з кількістю товарів *@\n",[3206,4789,4790],{"class":3208,"line":3300},[3206,4791,4792],{},"        \u003Cspan class=\"position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger\">\n",[3206,4794,4795],{"class":3208,"line":3327},[3206,4796,4797],{},"            @(Model.ItemCount > 99 ? \"99+\" : Model.ItemCount.ToString())\n",[3206,4799,4800],{"class":3208,"line":3333},[3206,4801,4802],{},"            \u003Cspan class=\"visually-hidden\">товарів у кошику\u003C/span>\n",[3206,4804,4805],{"class":3208,"line":3339},[3206,4806,4807],{},"        \u003C/span>\n",[3206,4809,4810],{"class":3208,"line":3345},[3206,4811,3370],{},[3206,4813,4814],{"class":3208,"line":3367},[3206,4815,4816],{},"\u003C/a>\n",[3628,4818,4820],{"id":4819},"компонент-2-notificationbellviewcomponent-непрочитані-сповіщення","Компонент 2: NotificationBellViewComponent — непрочитані сповіщення",[2959,4822,4823,4824,4826],{},"Відображає дзвіночок з кількістю непрочитаних сповіщень для поточного користувача. Приймає ",[2966,4825,3611],{}," як параметр.",[3160,4828,4831],{"className":3199,"code":4829,"filename":4830,"language":3202,"meta":3168,"style":3168},"namespace ShopApp.Services;\n\npublic interface INotificationService\n{\n    Task\u003Cint> GetUnreadCountAsync(string userId);\n    Task\u003CIReadOnlyList\u003CNotificationItem>> GetRecentAsync(string userId, int limit);\n}\n\n// Тут, а не у ViewComponent — щоб сервіс міг їх повертати безпосередньо\npublic record NotificationItem(string Message, DateTime CreatedAt, bool IsRead);\n","Services/INotificationService.cs",[2966,4832,4833,4845,4849,4858,4862,4884,4919,4923,4927,4932],{"__ignoreMap":3168},[3206,4834,4835,4837,4839,4841,4843],{"class":3208,"line":3209},[3206,4836,3245],{"class":3244},[3206,4838,3248],{"class":3216},[3206,4840,3158],{"class":3220},[3206,4842,3763],{"class":3216},[3206,4844,3231],{"class":3220},[3206,4846,4847],{"class":3208,"line":3234},[3206,4848,3238],{"emptyLinePlaceholder":3237},[3206,4850,4851,4853,4855],{"class":3208,"line":3241},[3206,4852,3273],{"class":3244},[3206,4854,3776],{"class":3244},[3206,4856,4857],{"class":3216}," INotificationService\n",[3206,4859,4860],{"class":3208,"line":3258},[3206,4861,3291],{"class":3220},[3206,4863,4864,4866,4868,4870,4872,4875,4877,4879,4882],{"class":3208,"line":3263},[3206,4865,3788],{"class":3216},[3206,4867,3312],{"class":3220},[3206,4869,3793],{"class":3244},[3206,4871,3318],{"class":3220},[3206,4873,4874],{"class":3321},"GetUnreadCountAsync",[3206,4876,3354],{"class":3220},[3206,4878,3803],{"class":3244},[3206,4880,4881],{"class":3357}," userId",[3206,4883,3809],{"class":3220},[3206,4885,4886,4888,4890,4893,4895,4898,4901,4904,4906,4908,4910,4912,4914,4917],{"class":3208,"line":3270},[3206,4887,3788],{"class":3216},[3206,4889,3312],{"class":3220},[3206,4891,4892],{"class":3216},"IReadOnlyList",[3206,4894,3312],{"class":3220},[3206,4896,4897],{"class":3216},"NotificationItem",[3206,4899,4900],{"class":3220},">> ",[3206,4902,4903],{"class":3321},"GetRecentAsync",[3206,4905,3354],{"class":3220},[3206,4907,3803],{"class":3244},[3206,4909,4881],{"class":3357},[3206,4911,3847],{"class":3220},[3206,4913,3793],{"class":3244},[3206,4915,4916],{"class":3357}," limit",[3206,4918,3809],{"class":3220},[3206,4920,4921],{"class":3208,"line":3288},[3206,4922,3376],{"class":3220},[3206,4924,4925],{"class":3208,"line":3294},[3206,4926,3238],{"emptyLinePlaceholder":3237},[3206,4928,4929],{"class":3208,"line":3300},[3206,4930,4931],{"class":3266},"// Тут, а не у ViewComponent — щоб сервіс міг їх повертати безпосередньо\n",[3206,4933,4934,4936,4938,4941,4943,4945,4948,4950,4953,4956,4958,4961,4964],{"class":3208,"line":3327},[3206,4935,3273],{"class":3244},[3206,4937,4726],{"class":3244},[3206,4939,4940],{"class":3216}," NotificationItem",[3206,4942,3354],{"class":3220},[3206,4944,3803],{"class":3244},[3206,4946,4947],{"class":3357}," Message",[3206,4949,3847],{"class":3220},[3206,4951,4952],{"class":3216},"DateTime",[3206,4954,4955],{"class":3357}," CreatedAt",[3206,4957,3847],{"class":3220},[3206,4959,4960],{"class":3244},"bool",[3206,4962,4963],{"class":3357}," IsRead",[3206,4965,3809],{"class":3220},[3160,4967,4970],{"className":3199,"code":4968,"filename":4969,"language":3202,"meta":3168,"style":3168},"namespace ShopApp.Services;\n\n// Заглушка для демо — повертає статичні дані\npublic class StubNotificationService : INotificationService\n{\n    private static readonly List\u003CNotificationItem> _notifications =\n    [\n        new(\"Ваше замовлення #1042 відправлено\", DateTime.Now.AddMinutes(-15), false),\n        new(\"Акція: знижка 20% на електроніку до кінця дня!\", DateTime.Now.AddHours(-2), false),\n        new(\"Новий коментар до вашого відгуку\", DateTime.Now.AddHours(-5), true),\n        new(\"Замовлення #1041 доставлено\", DateTime.Now.AddDays(-1), true),\n        new(\"Вітаємо з реєстрацією!\", DateTime.Now.AddDays(-7), true),\n    ];\n\n    public Task\u003Cint> GetUnreadCountAsync(string userId)\n    {\n        var count = _notifications.Count(n => !n.IsRead);\n        return Task.FromResult(count);\n    }\n\n    public Task\u003CIReadOnlyList\u003CNotificationItem>> GetRecentAsync(string userId, int limit)\n    {\n        IReadOnlyList\u003CNotificationItem> result = _notifications.Take(limit).ToList();\n        return Task.FromResult(result);\n    }\n}\n","Services/StubNotificationService.cs",[2966,4971,4972,4984,4988,4993,5007,5011,5034,5039,5078,5111,5144,5177,5209,5214,5218,5240,5244,5277,5294,5298,5302,5334,5338,5375,5391,5395],{"__ignoreMap":3168},[3206,4973,4974,4976,4978,4980,4982],{"class":3208,"line":3209},[3206,4975,3245],{"class":3244},[3206,4977,3248],{"class":3216},[3206,4979,3158],{"class":3220},[3206,4981,3763],{"class":3216},[3206,4983,3231],{"class":3220},[3206,4985,4986],{"class":3208,"line":3234},[3206,4987,3238],{"emptyLinePlaceholder":3237},[3206,4989,4990],{"class":3208,"line":3241},[3206,4991,4992],{"class":3266},"// Заглушка для демо — повертає статичні дані\n",[3206,4994,4995,4997,4999,5002,5004],{"class":3208,"line":3258},[3206,4996,3273],{"class":3244},[3206,4998,3276],{"class":3244},[3206,5000,5001],{"class":3216}," StubNotificationService",[3206,5003,3282],{"class":3220},[3206,5005,5006],{"class":3216},"INotificationService\n",[3206,5008,5009],{"class":3208,"line":3263},[3206,5010,3291],{"class":3220},[3206,5012,5013,5015,5017,5019,5022,5024,5026,5028,5031],{"class":3208,"line":3270},[3206,5014,3925],{"class":3244},[3206,5016,3928],{"class":3244},[3206,5018,3931],{"class":3244},[3206,5020,5021],{"class":3216}," List",[3206,5023,3312],{"class":3220},[3206,5025,4897],{"class":3216},[3206,5027,3318],{"class":3220},[3206,5029,5030],{"class":3357},"_notifications",[3206,5032,5033],{"class":3220}," =\n",[3206,5035,5036],{"class":3208,"line":3288},[3206,5037,5038],{"class":3220},"    [\n",[3206,5040,5041,5044,5046,5049,5051,5053,5055,5058,5060,5063,5066,5069,5072,5075],{"class":3208,"line":3294},[3206,5042,5043],{"class":3244},"        new",[3206,5045,3354],{"class":3220},[3206,5047,5048],{"class":3646},"\"Ваше замовлення #1042 відправлено\"",[3206,5050,3847],{"class":3220},[3206,5052,4952],{"class":3357},[3206,5054,3158],{"class":3220},[3206,5056,5057],{"class":3357},"Now",[3206,5059,3158],{"class":3220},[3206,5061,5062],{"class":3321},"AddMinutes",[3206,5064,5065],{"class":3220},"(-",[3206,5067,5068],{"class":4055},"15",[3206,5070,5071],{"class":3220},"), ",[3206,5073,5074],{"class":3244},"false",[3206,5076,5077],{"class":3220},"),\n",[3206,5079,5080,5082,5084,5087,5089,5091,5093,5095,5097,5100,5102,5105,5107,5109],{"class":3208,"line":3300},[3206,5081,5043],{"class":3244},[3206,5083,3354],{"class":3220},[3206,5085,5086],{"class":3646},"\"Акція: знижка 20% на електроніку до кінця дня!\"",[3206,5088,3847],{"class":3220},[3206,5090,4952],{"class":3357},[3206,5092,3158],{"class":3220},[3206,5094,5057],{"class":3357},[3206,5096,3158],{"class":3220},[3206,5098,5099],{"class":3321},"AddHours",[3206,5101,5065],{"class":3220},[3206,5103,5104],{"class":4055},"2",[3206,5106,5071],{"class":3220},[3206,5108,5074],{"class":3244},[3206,5110,5077],{"class":3220},[3206,5112,5113,5115,5117,5120,5122,5124,5126,5128,5130,5132,5134,5137,5139,5142],{"class":3208,"line":3327},[3206,5114,5043],{"class":3244},[3206,5116,3354],{"class":3220},[3206,5118,5119],{"class":3646},"\"Новий коментар до вашого відгуку\"",[3206,5121,3847],{"class":3220},[3206,5123,4952],{"class":3357},[3206,5125,3158],{"class":3220},[3206,5127,5057],{"class":3357},[3206,5129,3158],{"class":3220},[3206,5131,5099],{"class":3321},[3206,5133,5065],{"class":3220},[3206,5135,5136],{"class":4055},"5",[3206,5138,5071],{"class":3220},[3206,5140,5141],{"class":3244},"true",[3206,5143,5077],{"class":3220},[3206,5145,5146,5148,5150,5153,5155,5157,5159,5161,5163,5166,5168,5171,5173,5175],{"class":3208,"line":3333},[3206,5147,5043],{"class":3244},[3206,5149,3354],{"class":3220},[3206,5151,5152],{"class":3646},"\"Замовлення #1041 доставлено\"",[3206,5154,3847],{"class":3220},[3206,5156,4952],{"class":3357},[3206,5158,3158],{"class":3220},[3206,5160,5057],{"class":3357},[3206,5162,3158],{"class":3220},[3206,5164,5165],{"class":3321},"AddDays",[3206,5167,5065],{"class":3220},[3206,5169,5170],{"class":4055},"1",[3206,5172,5071],{"class":3220},[3206,5174,5141],{"class":3244},[3206,5176,5077],{"class":3220},[3206,5178,5179,5181,5183,5186,5188,5190,5192,5194,5196,5198,5200,5203,5205,5207],{"class":3208,"line":3339},[3206,5180,5043],{"class":3244},[3206,5182,3354],{"class":3220},[3206,5184,5185],{"class":3646},"\"Вітаємо з реєстрацією!\"",[3206,5187,3847],{"class":3220},[3206,5189,4952],{"class":3357},[3206,5191,3158],{"class":3220},[3206,5193,5057],{"class":3357},[3206,5195,3158],{"class":3220},[3206,5197,5165],{"class":3321},[3206,5199,5065],{"class":3220},[3206,5201,5202],{"class":4055},"7",[3206,5204,5071],{"class":3220},[3206,5206,5141],{"class":3244},[3206,5208,5077],{"class":3220},[3206,5210,5211],{"class":3208,"line":3345},[3206,5212,5213],{"class":3220},"    ];\n",[3206,5215,5216],{"class":3208,"line":3367},[3206,5217,3238],{"emptyLinePlaceholder":3237},[3206,5219,5220,5222,5224,5226,5228,5230,5232,5234,5236,5238],{"class":3208,"line":3373},[3206,5221,3303],{"class":3244},[3206,5223,3309],{"class":3216},[3206,5225,3312],{"class":3220},[3206,5227,3793],{"class":3244},[3206,5229,3318],{"class":3220},[3206,5231,4874],{"class":3321},[3206,5233,3354],{"class":3220},[3206,5235,3803],{"class":3244},[3206,5237,4881],{"class":3357},[3206,5239,4001],{"class":3220},[3206,5241,5242],{"class":3208,"line":4103},[3206,5243,3330],{"class":3220},[3206,5245,5246,5248,5251,5253,5255,5257,5260,5262,5265,5268,5270,5272,5275],{"class":3208,"line":4108},[3206,5247,4574],{"class":3244},[3206,5249,5250],{"class":3357}," count",[3206,5252,4524],{"class":3220},[3206,5254,5030],{"class":3357},[3206,5256,3158],{"class":3220},[3206,5258,5259],{"class":3321},"Count",[3206,5261,3354],{"class":3220},[3206,5263,5264],{"class":3357},"n",[3206,5266,5267],{"class":3220}," => !",[3206,5269,5264],{"class":3357},[3206,5271,3158],{"class":3220},[3206,5273,5274],{"class":3357},"IsRead",[3206,5276,3809],{"class":3220},[3206,5278,5279,5281,5283,5285,5287,5289,5292],{"class":3208,"line":4113},[3206,5280,3348],{"class":3212},[3206,5282,3309],{"class":3357},[3206,5284,3158],{"class":3220},[3206,5286,4050],{"class":3321},[3206,5288,3354],{"class":3220},[3206,5290,5291],{"class":3357},"count",[3206,5293,3809],{"class":3220},[3206,5295,5296],{"class":3208,"line":4136},[3206,5297,3370],{"class":3220},[3206,5299,5300],{"class":3208,"line":4141},[3206,5301,3238],{"emptyLinePlaceholder":3237},[3206,5303,5304,5306,5308,5310,5312,5314,5316,5318,5320,5322,5324,5326,5328,5330,5332],{"class":3208,"line":4168},[3206,5305,3303],{"class":3244},[3206,5307,3309],{"class":3216},[3206,5309,3312],{"class":3220},[3206,5311,4892],{"class":3216},[3206,5313,3312],{"class":3220},[3206,5315,4897],{"class":3216},[3206,5317,4900],{"class":3220},[3206,5319,4903],{"class":3321},[3206,5321,3354],{"class":3220},[3206,5323,3803],{"class":3244},[3206,5325,4881],{"class":3357},[3206,5327,3847],{"class":3220},[3206,5329,3793],{"class":3244},[3206,5331,4916],{"class":3357},[3206,5333,4001],{"class":3220},[3206,5335,5336],{"class":3208,"line":4186},[3206,5337,3330],{"class":3220},[3206,5339,5340,5343,5345,5347,5349,5352,5354,5356,5358,5361,5363,5366,5369,5372],{"class":3208,"line":4191},[3206,5341,5342],{"class":3216},"        IReadOnlyList",[3206,5344,3312],{"class":3220},[3206,5346,4897],{"class":3216},[3206,5348,3318],{"class":3220},[3206,5350,5351],{"class":3357},"result",[3206,5353,4524],{"class":3220},[3206,5355,5030],{"class":3357},[3206,5357,3158],{"class":3220},[3206,5359,5360],{"class":3321},"Take",[3206,5362,3354],{"class":3220},[3206,5364,5365],{"class":3357},"limit",[3206,5367,5368],{"class":3220},").",[3206,5370,5371],{"class":3321},"ToList",[3206,5373,5374],{"class":3220},"();\n",[3206,5376,5377,5379,5381,5383,5385,5387,5389],{"class":3208,"line":4234},[3206,5378,3348],{"class":3212},[3206,5380,3309],{"class":3357},[3206,5382,3158],{"class":3220},[3206,5384,4050],{"class":3321},[3206,5386,3354],{"class":3220},[3206,5388,5351],{"class":3357},[3206,5390,3809],{"class":3220},[3206,5392,5393],{"class":3208,"line":4239},[3206,5394,3370],{"class":3220},[3206,5396,5397],{"class":3208,"line":4244},[3206,5398,3376],{"class":3220},[3160,5400,5403],{"className":3199,"code":5401,"filename":5402,"language":3202,"meta":3168,"style":3168},"using Microsoft.AspNetCore.Mvc;\nusing ShopApp.Services;\n\nnamespace ShopApp.ViewComponents;\n\npublic class NotificationBellViewComponent : ViewComponent\n{\n    private readonly INotificationService _notifications;\n\n    public NotificationBellViewComponent(INotificationService notifications)\n    {\n        _notifications = notifications;\n    }\n\n    // Параметр userId — передається при виклику з View\n    public async Task\u003CIViewComponentResult> InvokeAsync(string userId)\n    {\n        // Гість — сповіщень немає\n        if (string.IsNullOrEmpty(userId) || userId == \"guest\")\n        {\n            return View(new NotificationSummary(0, []));\n        }\n\n        var unreadCount = await _notifications.GetUnreadCountAsync(userId);\n        var recentNotifications = await _notifications.GetRecentAsync(userId, limit: 5);\n\n        var model = new NotificationSummary(unreadCount, recentNotifications);\n        return View(model);\n    }\n}\n\npublic record NotificationSummary(int UnreadCount, IReadOnlyList\u003CNotificationItem> Recent);\n","ViewComponents/NotificationBellViewComponent.cs",[2966,5404,5405,5421,5433,5437,5449,5453,5466,5470,5484,5488,5504,5508,5520,5524,5528,5533,5557,5561,5566,5597,5601,5621,5625,5629,5652,5683,5687,5711,5723,5727,5731,5735],{"__ignoreMap":3168},[3206,5406,5407,5409,5411,5413,5415,5417,5419],{"class":3208,"line":3209},[3206,5408,3213],{"class":3212},[3206,5410,3217],{"class":3216},[3206,5412,3158],{"class":3220},[3206,5414,3223],{"class":3216},[3206,5416,3158],{"class":3220},[3206,5418,3228],{"class":3216},[3206,5420,3231],{"class":3220},[3206,5422,5423,5425,5427,5429,5431],{"class":3208,"line":3234},[3206,5424,3213],{"class":3212},[3206,5426,3248],{"class":3216},[3206,5428,3158],{"class":3220},[3206,5430,3763],{"class":3216},[3206,5432,3231],{"class":3220},[3206,5434,5435],{"class":3208,"line":3241},[3206,5436,3238],{"emptyLinePlaceholder":3237},[3206,5438,5439,5441,5443,5445,5447],{"class":3208,"line":3258},[3206,5440,3245],{"class":3244},[3206,5442,3248],{"class":3216},[3206,5444,3158],{"class":3220},[3206,5446,3253],{"class":3216},[3206,5448,3231],{"class":3220},[3206,5450,5451],{"class":3208,"line":3263},[3206,5452,3238],{"emptyLinePlaceholder":3237},[3206,5454,5455,5457,5459,5462,5464],{"class":3208,"line":3270},[3206,5456,3273],{"class":3244},[3206,5458,3276],{"class":3244},[3206,5460,5461],{"class":3216}," NotificationBellViewComponent",[3206,5463,3282],{"class":3220},[3206,5465,3285],{"class":3216},[3206,5467,5468],{"class":3208,"line":3288},[3206,5469,3291],{"class":3220},[3206,5471,5472,5474,5476,5479,5482],{"class":3208,"line":3294},[3206,5473,3925],{"class":3244},[3206,5475,3931],{"class":3244},[3206,5477,5478],{"class":3216}," INotificationService",[3206,5480,5481],{"class":3357}," _notifications",[3206,5483,3231],{"class":3220},[3206,5485,5486],{"class":3208,"line":3300},[3206,5487,3238],{"emptyLinePlaceholder":3237},[3206,5489,5490,5492,5494,5496,5499,5502],{"class":3208,"line":3327},[3206,5491,3303],{"class":3244},[3206,5493,5461],{"class":3321},[3206,5495,3354],{"class":3220},[3206,5497,5498],{"class":3216},"INotificationService",[3206,5500,5501],{"class":3357}," notifications",[3206,5503,4001],{"class":3220},[3206,5505,5506],{"class":3208,"line":3333},[3206,5507,3330],{"class":3220},[3206,5509,5510,5513,5515,5518],{"class":3208,"line":3339},[3206,5511,5512],{"class":3357},"        _notifications",[3206,5514,4524],{"class":3220},[3206,5516,5517],{"class":3357},"notifications",[3206,5519,3231],{"class":3220},[3206,5521,5522],{"class":3208,"line":3345},[3206,5523,3370],{"class":3220},[3206,5525,5526],{"class":3208,"line":3367},[3206,5527,3238],{"emptyLinePlaceholder":3237},[3206,5529,5530],{"class":3208,"line":3373},[3206,5531,5532],{"class":3266},"    // Параметр userId — передається при виклику з View\n",[3206,5534,5535,5537,5539,5541,5543,5545,5547,5549,5551,5553,5555],{"class":3208,"line":4103},[3206,5536,3303],{"class":3244},[3206,5538,3306],{"class":3244},[3206,5540,3309],{"class":3216},[3206,5542,3312],{"class":3220},[3206,5544,3315],{"class":3216},[3206,5546,3318],{"class":3220},[3206,5548,3139],{"class":3321},[3206,5550,3354],{"class":3220},[3206,5552,3803],{"class":3244},[3206,5554,4881],{"class":3357},[3206,5556,4001],{"class":3220},[3206,5558,5559],{"class":3208,"line":4108},[3206,5560,3330],{"class":3220},[3206,5562,5563],{"class":3208,"line":4113},[3206,5564,5565],{"class":3266},"        // Гість — сповіщень немає\n",[3206,5567,5568,5570,5573,5575,5577,5580,5582,5584,5587,5589,5592,5595],{"class":3208,"line":4136},[3206,5569,4010],{"class":3212},[3206,5571,5572],{"class":3220}," (",[3206,5574,3803],{"class":3244},[3206,5576,3158],{"class":3220},[3206,5578,5579],{"class":3321},"IsNullOrEmpty",[3206,5581,3354],{"class":3220},[3206,5583,3611],{"class":3357},[3206,5585,5586],{"class":3220},") || ",[3206,5588,3611],{"class":3357},[3206,5590,5591],{"class":3220}," == ",[3206,5593,5594],{"class":3646},"\"guest\"",[3206,5596,4001],{"class":3220},[3206,5598,5599],{"class":3208,"line":4141},[3206,5600,4308],{"class":3220},[3206,5602,5603,5605,5607,5609,5611,5614,5616,5618],{"class":3208,"line":4168},[3206,5604,4043],{"class":3212},[3206,5606,3351],{"class":3321},[3206,5608,3354],{"class":3220},[3206,5610,4671],{"class":3244},[3206,5612,5613],{"class":3216}," NotificationSummary",[3206,5615,3354],{"class":3220},[3206,5617,4056],{"class":4055},[3206,5619,5620],{"class":3220},", []));\n",[3206,5622,5623],{"class":3208,"line":4186},[3206,5624,4340],{"class":3220},[3206,5626,5627],{"class":3208,"line":4191},[3206,5628,3238],{"emptyLinePlaceholder":3237},[3206,5630,5631,5633,5636,5638,5640,5642,5644,5646,5648,5650],{"class":3208,"line":4234},[3206,5632,4574],{"class":3244},[3206,5634,5635],{"class":3357}," unreadCount",[3206,5637,4524],{"class":3220},[3206,5639,4620],{"class":3244},[3206,5641,5481],{"class":3357},[3206,5643,3158],{"class":3220},[3206,5645,4874],{"class":3321},[3206,5647,3354],{"class":3220},[3206,5649,3611],{"class":3357},[3206,5651,3809],{"class":3220},[3206,5653,5654,5656,5659,5661,5663,5665,5667,5669,5671,5673,5675,5677,5679,5681],{"class":3208,"line":4239},[3206,5655,4574],{"class":3244},[3206,5657,5658],{"class":3357}," recentNotifications",[3206,5660,4524],{"class":3220},[3206,5662,4620],{"class":3244},[3206,5664,5481],{"class":3357},[3206,5666,3158],{"class":3220},[3206,5668,4903],{"class":3321},[3206,5670,3354],{"class":3220},[3206,5672,3611],{"class":3357},[3206,5674,3847],{"class":3220},[3206,5676,5365],{"class":3357},[3206,5678,3597],{"class":3220},[3206,5680,5136],{"class":4055},[3206,5682,3809],{"class":3220},[3206,5684,5685],{"class":3208,"line":4244},[3206,5686,3238],{"emptyLinePlaceholder":3237},[3206,5688,5689,5691,5693,5695,5697,5699,5701,5704,5706,5709],{"class":3208,"line":4273},[3206,5690,4574],{"class":3244},[3206,5692,4666],{"class":3357},[3206,5694,4524],{"class":3220},[3206,5696,4671],{"class":3244},[3206,5698,5613],{"class":3216},[3206,5700,3354],{"class":3220},[3206,5702,5703],{"class":3357},"unreadCount",[3206,5705,3847],{"class":3220},[3206,5707,5708],{"class":3357},"recentNotifications",[3206,5710,3809],{"class":3220},[3206,5712,5713,5715,5717,5719,5721],{"class":3208,"line":4278},[3206,5714,3348],{"class":3212},[3206,5716,3351],{"class":3321},[3206,5718,3354],{"class":3220},[3206,5720,4697],{"class":3357},[3206,5722,3809],{"class":3220},[3206,5724,5725],{"class":3208,"line":4305},[3206,5726,3370],{"class":3220},[3206,5728,5729],{"class":3208,"line":4311},[3206,5730,3376],{"class":3220},[3206,5732,5733],{"class":3208,"line":4319},[3206,5734,3238],{"emptyLinePlaceholder":3237},[3206,5736,5737,5739,5741,5743,5745,5747,5750,5752,5754,5756,5758,5760,5763],{"class":3208,"line":4337},[3206,5738,3273],{"class":3244},[3206,5740,4726],{"class":3244},[3206,5742,5613],{"class":3216},[3206,5744,3354],{"class":3220},[3206,5746,3793],{"class":3244},[3206,5748,5749],{"class":3357}," UnreadCount",[3206,5751,3847],{"class":3220},[3206,5753,4892],{"class":3216},[3206,5755,3312],{"class":3220},[3206,5757,4897],{"class":3216},[3206,5759,3318],{"class":3220},[3206,5761,5762],{"class":3357},"Recent",[3206,5764,3809],{"class":3220},[3160,5766,5769],{"className":3688,"code":5767,"filename":5768,"language":3690,"meta":3168,"style":3168},"@using ShopApp.Services\n@model ShopApp.ViewComponents.NotificationSummary\n\n\u003Cdiv class=\"dropdown\">\n    \u003Cbutton class=\"btn btn-link nav-link position-relative dropdown-toggle\"\n            data-bs-toggle=\"dropdown\">\n        \u003Ci class=\"bi bi-bell fs-5\">\u003C/i>\n        @if (Model.UnreadCount > 0)\n        {\n            \u003Cspan class=\"position-absolute top-0 start-100 translate-middle badge rounded-pill bg-primary\">\n                @Model.UnreadCount\n            \u003C/span>\n        }\n    \u003C/button>\n\n    \u003Cdiv class=\"dropdown-menu dropdown-menu-end shadow\" style=\"min-width: 300px;\">\n        \u003Ch6 class=\"dropdown-header\">Сповіщення\u003C/h6>\n        @if (!Model.Recent.Any())\n        {\n            \u003Cdiv class=\"dropdown-item-text text-muted small\">Немає нових сповіщень\u003C/div>\n        }\n        else\n        {\n            @foreach (var n in Model.Recent)\n            {\n                \u003Cdiv class=\"dropdown-item @(n.IsRead ? \"\" : \"fw-bold\")\">\n                    \u003Cdiv class=\"small\">@n.Message\u003C/div>\n                    \u003Cdiv class=\"text-muted\" style=\"font-size: 0.75rem;\">\n                        @n.CreatedAt.ToString(\"dd MMM, HH:mm\")\n                    \u003C/div>\n                \u003C/div>\n            }\n            \u003Cdiv class=\"dropdown-divider\">\u003C/div>\n            \u003Ca href=\"/notifications\" class=\"dropdown-item text-center small\">\n                Всі сповіщення →\n            \u003C/a>\n        }\n    \u003C/div>\n\u003C/div>\n","Views/Shared/Components/NotificationBell/Default.cshtml",[2966,5770,5771,5776,5781,5785,5790,5795,5800,5805,5810,5814,5819,5824,5829,5833,5838,5842,5847,5852,5857,5861,5866,5870,5875,5879,5884,5889,5894,5899,5904,5909,5914,5919,5924,5929,5934,5939,5944,5948,5953],{"__ignoreMap":3168},[3206,5772,5773],{"class":3208,"line":3209},[3206,5774,5775],{},"@using ShopApp.Services\n",[3206,5777,5778],{"class":3208,"line":3234},[3206,5779,5780],{},"@model ShopApp.ViewComponents.NotificationSummary\n",[3206,5782,5783],{"class":3208,"line":3241},[3206,5784,3238],{"emptyLinePlaceholder":3237},[3206,5786,5787],{"class":3208,"line":3258},[3206,5788,5789],{},"\u003Cdiv class=\"dropdown\">\n",[3206,5791,5792],{"class":3208,"line":3263},[3206,5793,5794],{},"    \u003Cbutton class=\"btn btn-link nav-link position-relative dropdown-toggle\"\n",[3206,5796,5797],{"class":3208,"line":3270},[3206,5798,5799],{},"            data-bs-toggle=\"dropdown\">\n",[3206,5801,5802],{"class":3208,"line":3288},[3206,5803,5804],{},"        \u003Ci class=\"bi bi-bell fs-5\">\u003C/i>\n",[3206,5806,5807],{"class":3208,"line":3294},[3206,5808,5809],{},"        @if (Model.UnreadCount > 0)\n",[3206,5811,5812],{"class":3208,"line":3300},[3206,5813,4308],{},[3206,5815,5816],{"class":3208,"line":3327},[3206,5817,5818],{},"            \u003Cspan class=\"position-absolute top-0 start-100 translate-middle badge rounded-pill bg-primary\">\n",[3206,5820,5821],{"class":3208,"line":3333},[3206,5822,5823],{},"                @Model.UnreadCount\n",[3206,5825,5826],{"class":3208,"line":3339},[3206,5827,5828],{},"            \u003C/span>\n",[3206,5830,5831],{"class":3208,"line":3345},[3206,5832,4340],{},[3206,5834,5835],{"class":3208,"line":3367},[3206,5836,5837],{},"    \u003C/button>\n",[3206,5839,5840],{"class":3208,"line":3373},[3206,5841,3238],{"emptyLinePlaceholder":3237},[3206,5843,5844],{"class":3208,"line":4103},[3206,5845,5846],{},"    \u003Cdiv class=\"dropdown-menu dropdown-menu-end shadow\" style=\"min-width: 300px;\">\n",[3206,5848,5849],{"class":3208,"line":4108},[3206,5850,5851],{},"        \u003Ch6 class=\"dropdown-header\">Сповіщення\u003C/h6>\n",[3206,5853,5854],{"class":3208,"line":4113},[3206,5855,5856],{},"        @if (!Model.Recent.Any())\n",[3206,5858,5859],{"class":3208,"line":4136},[3206,5860,4308],{},[3206,5862,5863],{"class":3208,"line":4141},[3206,5864,5865],{},"            \u003Cdiv class=\"dropdown-item-text text-muted small\">Немає нових сповіщень\u003C/div>\n",[3206,5867,5868],{"class":3208,"line":4168},[3206,5869,4340],{},[3206,5871,5872],{"class":3208,"line":4186},[3206,5873,5874],{},"        else\n",[3206,5876,5877],{"class":3208,"line":4191},[3206,5878,4308],{},[3206,5880,5881],{"class":3208,"line":4234},[3206,5882,5883],{},"            @foreach (var n in Model.Recent)\n",[3206,5885,5886],{"class":3208,"line":4239},[3206,5887,5888],{},"            {\n",[3206,5890,5891],{"class":3208,"line":4244},[3206,5892,5893],{},"                \u003Cdiv class=\"dropdown-item @(n.IsRead ? \"\" : \"fw-bold\")\">\n",[3206,5895,5896],{"class":3208,"line":4273},[3206,5897,5898],{},"                    \u003Cdiv class=\"small\">@n.Message\u003C/div>\n",[3206,5900,5901],{"class":3208,"line":4278},[3206,5902,5903],{},"                    \u003Cdiv class=\"text-muted\" style=\"font-size: 0.75rem;\">\n",[3206,5905,5906],{"class":3208,"line":4305},[3206,5907,5908],{},"                        @n.CreatedAt.ToString(\"dd MMM, HH:mm\")\n",[3206,5910,5911],{"class":3208,"line":4311},[3206,5912,5913],{},"                    \u003C/div>\n",[3206,5915,5916],{"class":3208,"line":4319},[3206,5917,5918],{},"                \u003C/div>\n",[3206,5920,5921],{"class":3208,"line":4337},[3206,5922,5923],{},"            }\n",[3206,5925,5926],{"class":3208,"line":4343},[3206,5927,5928],{},"            \u003Cdiv class=\"dropdown-divider\">\u003C/div>\n",[3206,5930,5931],{"class":3208,"line":4348},[3206,5932,5933],{},"            \u003Ca href=\"/notifications\" class=\"dropdown-item text-center small\">\n",[3206,5935,5936],{"class":3208,"line":4354},[3206,5937,5938],{},"                Всі сповіщення →\n",[3206,5940,5941],{"class":3208,"line":4383},[3206,5942,5943],{},"            \u003C/a>\n",[3206,5945,5946],{"class":3208,"line":4397},[3206,5947,4340],{},[3206,5949,5950],{"class":3208,"line":4402},[3206,5951,5952],{},"    \u003C/div>\n",[3206,5954,5956],{"class":3208,"line":5955},39,[3206,5957,5958],{},"\u003C/div>\n",[3628,5960,5962],{"id":5961},"компонент-3-breadcrumbviewcomponent-динамічна-навігаційна-стрічка","Компонент 3: BreadcrumbViewComponent — динамічна навігаційна стрічка",[2959,5964,5965],{},"Breadcrumbs — навігація «де я знаходжусь». Приймає список елементів і рендерить їх.",[3160,5967,5970],{"className":3199,"code":5968,"filename":5969,"language":3202,"meta":3168,"style":3168},"using Microsoft.AspNetCore.Mvc;\n\nnamespace ShopApp.ViewComponents;\n\npublic class BreadcrumbViewComponent : ViewComponent\n{\n    // Цей компонент не потребує DI-сервісів — лише рендер переданих даних\n    // Але він все одно View Component (а не Partial View), бо може мати власну логіку\n    public IViewComponentResult Invoke(IReadOnlyList\u003CBreadcrumbItem> items)\n    {\n        // Додаємо «Головна» на початок, якщо не передано\n        var allItems = items.Any() && items[0].Url == \"/\"\n            ? items\n            : new[] { new BreadcrumbItem(\"Головна\", \"/\") }.Concat(items).ToList();\n\n        return View(allItems);\n    }\n}\n\n// Синхронний Invoke — можна використовувати якщо немає async операцій\npublic record BreadcrumbItem(string Label, string? Url = null);\n","ViewComponents/BreadcrumbViewComponent.cs",[2966,5971,5972,5988,5992,6004,6008,6021,6025,6030,6035,6060,6064,6069,6105,6113,6154,6158,6171,6175,6179,6183,6188],{"__ignoreMap":3168},[3206,5973,5974,5976,5978,5980,5982,5984,5986],{"class":3208,"line":3209},[3206,5975,3213],{"class":3212},[3206,5977,3217],{"class":3216},[3206,5979,3158],{"class":3220},[3206,5981,3223],{"class":3216},[3206,5983,3158],{"class":3220},[3206,5985,3228],{"class":3216},[3206,5987,3231],{"class":3220},[3206,5989,5990],{"class":3208,"line":3234},[3206,5991,3238],{"emptyLinePlaceholder":3237},[3206,5993,5994,5996,5998,6000,6002],{"class":3208,"line":3241},[3206,5995,3245],{"class":3244},[3206,5997,3248],{"class":3216},[3206,5999,3158],{"class":3220},[3206,6001,3253],{"class":3216},[3206,6003,3231],{"class":3220},[3206,6005,6006],{"class":3208,"line":3258},[3206,6007,3238],{"emptyLinePlaceholder":3237},[3206,6009,6010,6012,6014,6017,6019],{"class":3208,"line":3263},[3206,6011,3273],{"class":3244},[3206,6013,3276],{"class":3244},[3206,6015,6016],{"class":3216}," BreadcrumbViewComponent",[3206,6018,3282],{"class":3220},[3206,6020,3285],{"class":3216},[3206,6022,6023],{"class":3208,"line":3270},[3206,6024,3291],{"class":3220},[3206,6026,6027],{"class":3208,"line":3288},[3206,6028,6029],{"class":3266},"    // Цей компонент не потребує DI-сервісів — лише рендер переданих даних\n",[3206,6031,6032],{"class":3208,"line":3294},[3206,6033,6034],{"class":3266},"    // Але він все одно View Component (а не Partial View), бо може мати власну логіку\n",[3206,6036,6037,6039,6042,6045,6047,6049,6051,6054,6056,6058],{"class":3208,"line":3300},[3206,6038,3303],{"class":3244},[3206,6040,6041],{"class":3216}," IViewComponentResult",[3206,6043,6044],{"class":3321}," Invoke",[3206,6046,3354],{"class":3220},[3206,6048,4892],{"class":3216},[3206,6050,3312],{"class":3220},[3206,6052,6053],{"class":3216},"BreadcrumbItem",[3206,6055,3318],{"class":3220},[3206,6057,4077],{"class":3357},[3206,6059,4001],{"class":3220},[3206,6061,6062],{"class":3208,"line":3327},[3206,6063,3330],{"class":3220},[3206,6065,6066],{"class":3208,"line":3333},[3206,6067,6068],{"class":3266},"        // Додаємо «Головна» на початок, якщо не передано\n",[3206,6070,6071,6073,6076,6078,6080,6082,6085,6088,6090,6092,6094,6097,6100,6102],{"class":3208,"line":3339},[3206,6072,4574],{"class":3244},[3206,6074,6075],{"class":3357}," allItems",[3206,6077,4524],{"class":3220},[3206,6079,4077],{"class":3357},[3206,6081,3158],{"class":3220},[3206,6083,6084],{"class":3321},"Any",[3206,6086,6087],{"class":3220},"() && ",[3206,6089,4077],{"class":3357},[3206,6091,4325],{"class":3220},[3206,6093,4056],{"class":4055},[3206,6095,6096],{"class":3220},"].",[3206,6098,6099],{"class":3357},"Url",[3206,6101,5591],{"class":3220},[3206,6103,6104],{"class":3646},"\"/\"\n",[3206,6106,6107,6110],{"class":3208,"line":3345},[3206,6108,6109],{"class":3220},"            ? ",[3206,6111,6112],{"class":3357},"items\n",[3206,6114,6115,6118,6120,6123,6125,6128,6130,6133,6135,6138,6141,6144,6146,6148,6150,6152],{"class":3208,"line":3367},[3206,6116,6117],{"class":3220},"            : ",[3206,6119,4671],{"class":3244},[3206,6121,6122],{"class":3220},"[] { ",[3206,6124,4671],{"class":3244},[3206,6126,6127],{"class":3216}," BreadcrumbItem",[3206,6129,3354],{"class":3220},[3206,6131,6132],{"class":3646},"\"Головна\"",[3206,6134,3847],{"class":3220},[3206,6136,6137],{"class":3646},"\"/\"",[3206,6139,6140],{"class":3220},") }.",[3206,6142,6143],{"class":3321},"Concat",[3206,6145,3354],{"class":3220},[3206,6147,4077],{"class":3357},[3206,6149,5368],{"class":3220},[3206,6151,5371],{"class":3321},[3206,6153,5374],{"class":3220},[3206,6155,6156],{"class":3208,"line":3373},[3206,6157,3238],{"emptyLinePlaceholder":3237},[3206,6159,6160,6162,6164,6166,6169],{"class":3208,"line":4103},[3206,6161,3348],{"class":3212},[3206,6163,3351],{"class":3321},[3206,6165,3354],{"class":3220},[3206,6167,6168],{"class":3357},"allItems",[3206,6170,3809],{"class":3220},[3206,6172,6173],{"class":3208,"line":4108},[3206,6174,3370],{"class":3220},[3206,6176,6177],{"class":3208,"line":4113},[3206,6178,3376],{"class":3220},[3206,6180,6181],{"class":3208,"line":4136},[3206,6182,3238],{"emptyLinePlaceholder":3237},[3206,6184,6185],{"class":3208,"line":4141},[3206,6186,6187],{"class":3266},"// Синхронний Invoke — можна використовувати якщо немає async операцій\n",[3206,6189,6190,6192,6194,6196,6198,6200,6203,6205,6207,6210,6212,6214,6217],{"class":3208,"line":4168},[3206,6191,3273],{"class":3244},[3206,6193,4726],{"class":3244},[3206,6195,6127],{"class":3216},[3206,6197,3354],{"class":3220},[3206,6199,3803],{"class":3244},[3206,6201,6202],{"class":3357}," Label",[3206,6204,3847],{"class":3220},[3206,6206,3803],{"class":3244},[3206,6208,6209],{"class":3220},"? ",[3206,6211,6099],{"class":3357},[3206,6213,4524],{"class":3220},[3206,6215,6216],{"class":3244},"null",[3206,6218,3809],{"class":3220},[3160,6220,6223],{"className":3688,"code":6221,"filename":6222,"language":3690,"meta":3168,"style":3168},"@model IReadOnlyList\u003CShopApp.ViewComponents.BreadcrumbItem>\n\n@if (Model.Count > 1) // Показуємо лише якщо є більше одного елементу\n{\n    \u003Cnav aria-label=\"breadcrumb\">\n        \u003Col class=\"breadcrumb\">\n            @for (int i = 0; i \u003C Model.Count; i++)\n            {\n                var item = Model[i];\n                bool isLast = i == Model.Count - 1;\n\n                if (isLast)\n                {\n                    @* Поточна сторінка — без посилання *@\n                    \u003Cli class=\"breadcrumb-item active\" aria-current=\"page\">@item.Label\u003C/li>\n                }\n                else\n                {\n                    \u003Cli class=\"breadcrumb-item\">\n                        \u003Ca href=\"@item.Url\">@item.Label\u003C/a>\n                    \u003C/li>\n                }\n            }\n        \u003C/ol>\n    \u003C/nav>\n}\n","Views/Shared/Components/Breadcrumb/Default.cshtml",[2966,6224,6225,6230,6234,6239,6243,6248,6253,6258,6262,6267,6272,6276,6281,6286,6291,6296,6301,6306,6310,6315,6320,6325,6329,6333,6338,6343],{"__ignoreMap":3168},[3206,6226,6227],{"class":3208,"line":3209},[3206,6228,6229],{},"@model IReadOnlyList\u003CShopApp.ViewComponents.BreadcrumbItem>\n",[3206,6231,6232],{"class":3208,"line":3234},[3206,6233,3238],{"emptyLinePlaceholder":3237},[3206,6235,6236],{"class":3208,"line":3241},[3206,6237,6238],{},"@if (Model.Count > 1) // Показуємо лише якщо є більше одного елементу\n",[3206,6240,6241],{"class":3208,"line":3258},[3206,6242,3291],{},[3206,6244,6245],{"class":3208,"line":3263},[3206,6246,6247],{},"    \u003Cnav aria-label=\"breadcrumb\">\n",[3206,6249,6250],{"class":3208,"line":3270},[3206,6251,6252],{},"        \u003Col class=\"breadcrumb\">\n",[3206,6254,6255],{"class":3208,"line":3288},[3206,6256,6257],{},"            @for (int i = 0; i \u003C Model.Count; i++)\n",[3206,6259,6260],{"class":3208,"line":3294},[3206,6261,5888],{},[3206,6263,6264],{"class":3208,"line":3300},[3206,6265,6266],{},"                var item = Model[i];\n",[3206,6268,6269],{"class":3208,"line":3327},[3206,6270,6271],{},"                bool isLast = i == Model.Count - 1;\n",[3206,6273,6274],{"class":3208,"line":3333},[3206,6275,3238],{"emptyLinePlaceholder":3237},[3206,6277,6278],{"class":3208,"line":3339},[3206,6279,6280],{},"                if (isLast)\n",[3206,6282,6283],{"class":3208,"line":3345},[3206,6284,6285],{},"                {\n",[3206,6287,6288],{"class":3208,"line":3367},[3206,6289,6290],{},"                    @* Поточна сторінка — без посилання *@\n",[3206,6292,6293],{"class":3208,"line":3373},[3206,6294,6295],{},"                    \u003Cli class=\"breadcrumb-item active\" aria-current=\"page\">@item.Label\u003C/li>\n",[3206,6297,6298],{"class":3208,"line":4103},[3206,6299,6300],{},"                }\n",[3206,6302,6303],{"class":3208,"line":4108},[3206,6304,6305],{},"                else\n",[3206,6307,6308],{"class":3208,"line":4113},[3206,6309,6285],{},[3206,6311,6312],{"class":3208,"line":4136},[3206,6313,6314],{},"                    \u003Cli class=\"breadcrumb-item\">\n",[3206,6316,6317],{"class":3208,"line":4141},[3206,6318,6319],{},"                        \u003Ca href=\"@item.Url\">@item.Label\u003C/a>\n",[3206,6321,6322],{"class":3208,"line":4168},[3206,6323,6324],{},"                    \u003C/li>\n",[3206,6326,6327],{"class":3208,"line":4186},[3206,6328,6300],{},[3206,6330,6331],{"class":3208,"line":4191},[3206,6332,5923],{},[3206,6334,6335],{"class":3208,"line":4234},[3206,6336,6337],{},"        \u003C/ol>\n",[3206,6339,6340],{"class":3208,"line":4239},[3206,6341,6342],{},"    \u003C/nav>\n",[3206,6344,6345],{"class":3208,"line":4244},[3206,6346,3376],{},[3628,6348,6350],{"id":6349},"підключення-layout-із-усіма-трьома-компонентами","Підключення Layout із усіма трьома компонентами",[3160,6352,6355],{"className":3688,"code":6353,"filename":6354,"language":3690,"meta":3168,"style":3168},"\u003C!DOCTYPE html>\n\u003Chtml lang=\"uk\">\n\u003Chead>\n    \u003Cmeta charset=\"utf-8\" />\n    \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    \u003Ctitle>@ViewData[\"Title\"] — ShopApp\u003C/title>\n    \u003Clink rel=\"stylesheet\"\n          href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css\" />\n    \u003Clink rel=\"stylesheet\"\n          href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" />\n\u003C/head>\n\u003Cbody>\n    \u003Cnav class=\"navbar navbar-expand-lg navbar-dark bg-dark\">\n        \u003Cdiv class=\"container\">\n            \u003Ca class=\"navbar-brand\" href=\"/\">ShopApp\u003C/a>\n            \u003Cdiv class=\"navbar-nav ms-auto align-items-center gap-2\">\n                @* View Component викликається без жодних параметрів з Controller'ів *@\n                \u003Cvc:shopping-cart>\u003C/vc:shopping-cart>\n                \u003Cvc:notification-bell user-id=\"demo-user\">\u003C/vc:notification-bell>\n            \u003C/div>\n        \u003C/div>\n    \u003C/nav>\n\n    \u003Cdiv class=\"container mt-3\">\n        @* Breadcrumb передається з конкретного View — тут лише місце для нього *@\n        @RenderSection(\"Breadcrumb\", required: false)\n        \u003Cmain role=\"main\">\n            @RenderBody()\n        \u003C/main>\n    \u003C/div>\n\n    \u003Cscript src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js\">\u003C/script>\n\u003C/body>\n\u003C/html>\n","Views/Shared/_Layout.cshtml",[2966,6356,6357,6362,6367,6372,6377,6382,6387,6392,6397,6401,6406,6411,6416,6421,6426,6431,6436,6441,6446,6451,6456,6461,6465,6469,6474,6479,6484,6489,6494,6499,6503,6507,6512,6517],{"__ignoreMap":3168},[3206,6358,6359],{"class":3208,"line":3209},[3206,6360,6361],{},"\u003C!DOCTYPE html>\n",[3206,6363,6364],{"class":3208,"line":3234},[3206,6365,6366],{},"\u003Chtml lang=\"uk\">\n",[3206,6368,6369],{"class":3208,"line":3241},[3206,6370,6371],{},"\u003Chead>\n",[3206,6373,6374],{"class":3208,"line":3258},[3206,6375,6376],{},"    \u003Cmeta charset=\"utf-8\" />\n",[3206,6378,6379],{"class":3208,"line":3263},[3206,6380,6381],{},"    \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n",[3206,6383,6384],{"class":3208,"line":3270},[3206,6385,6386],{},"    \u003Ctitle>@ViewData[\"Title\"] — ShopApp\u003C/title>\n",[3206,6388,6389],{"class":3208,"line":3288},[3206,6390,6391],{},"    \u003Clink rel=\"stylesheet\"\n",[3206,6393,6394],{"class":3208,"line":3294},[3206,6395,6396],{},"          href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css\" />\n",[3206,6398,6399],{"class":3208,"line":3300},[3206,6400,6391],{},[3206,6402,6403],{"class":3208,"line":3327},[3206,6404,6405],{},"          href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css\" />\n",[3206,6407,6408],{"class":3208,"line":3333},[3206,6409,6410],{},"\u003C/head>\n",[3206,6412,6413],{"class":3208,"line":3339},[3206,6414,6415],{},"\u003Cbody>\n",[3206,6417,6418],{"class":3208,"line":3345},[3206,6419,6420],{},"    \u003Cnav class=\"navbar navbar-expand-lg navbar-dark bg-dark\">\n",[3206,6422,6423],{"class":3208,"line":3367},[3206,6424,6425],{},"        \u003Cdiv class=\"container\">\n",[3206,6427,6428],{"class":3208,"line":3373},[3206,6429,6430],{},"            \u003Ca class=\"navbar-brand\" href=\"/\">ShopApp\u003C/a>\n",[3206,6432,6433],{"class":3208,"line":4103},[3206,6434,6435],{},"            \u003Cdiv class=\"navbar-nav ms-auto align-items-center gap-2\">\n",[3206,6437,6438],{"class":3208,"line":4108},[3206,6439,6440],{},"                @* View Component викликається без жодних параметрів з Controller'ів *@\n",[3206,6442,6443],{"class":3208,"line":4113},[3206,6444,6445],{},"                \u003Cvc:shopping-cart>\u003C/vc:shopping-cart>\n",[3206,6447,6448],{"class":3208,"line":4136},[3206,6449,6450],{},"                \u003Cvc:notification-bell user-id=\"demo-user\">\u003C/vc:notification-bell>\n",[3206,6452,6453],{"class":3208,"line":4141},[3206,6454,6455],{},"            \u003C/div>\n",[3206,6457,6458],{"class":3208,"line":4168},[3206,6459,6460],{},"        \u003C/div>\n",[3206,6462,6463],{"class":3208,"line":4186},[3206,6464,6342],{},[3206,6466,6467],{"class":3208,"line":4191},[3206,6468,3238],{"emptyLinePlaceholder":3237},[3206,6470,6471],{"class":3208,"line":4234},[3206,6472,6473],{},"    \u003Cdiv class=\"container mt-3\">\n",[3206,6475,6476],{"class":3208,"line":4239},[3206,6477,6478],{},"        @* Breadcrumb передається з конкретного View — тут лише місце для нього *@\n",[3206,6480,6481],{"class":3208,"line":4244},[3206,6482,6483],{},"        @RenderSection(\"Breadcrumb\", required: false)\n",[3206,6485,6486],{"class":3208,"line":4273},[3206,6487,6488],{},"        \u003Cmain role=\"main\">\n",[3206,6490,6491],{"class":3208,"line":4278},[3206,6492,6493],{},"            @RenderBody()\n",[3206,6495,6496],{"class":3208,"line":4305},[3206,6497,6498],{},"        \u003C/main>\n",[3206,6500,6501],{"class":3208,"line":4311},[3206,6502,5952],{},[3206,6504,6505],{"class":3208,"line":4319},[3206,6506,3238],{"emptyLinePlaceholder":3237},[3206,6508,6509],{"class":3208,"line":4337},[3206,6510,6511],{},"    \u003Cscript src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js\">\u003C/script>\n",[3206,6513,6514],{"class":3208,"line":4343},[3206,6515,6516],{},"\u003C/body>\n",[3206,6518,6519],{"class":3208,"line":4348},[3206,6520,6521],{},"\u003C/html>\n",[3628,6523,6525],{"id":6524},"демонстраційна-сторінка-продукту-з-breadcrumb","Демонстраційна сторінка продукту з Breadcrumb",[3160,6527,6530],{"className":3688,"code":6528,"filename":6529,"language":3690,"meta":3168,"style":3168},"@using ShopApp.ViewComponents\n@{\n    ViewData[\"Title\"] = \"Каталог товарів\";\n\n    var breadcrumbs = new List\u003CBreadcrumbItem>\n    {\n        new(\"Каталог\", \"/catalog\"),\n        new(\"Електроніка\", \"/catalog/electronics\"),\n        new(\"Ноутбук ProBook 450\") // остання — без URL (поточна сторінка)\n    };\n}\n\n@section Breadcrumb {\n    \u003Cvc:breadcrumb items=\"@breadcrumbs\">\u003C/vc:breadcrumb>\n}\n\n\u003Ch1>Ноутбук ProBook 450\u003C/h1>\n\u003Cp class=\"text-muted\">Демонстрація трьох View Components у дії.\u003C/p>\n\n\u003Cdiv class=\"alert alert-info\">\n    Подивіться на навбар: там працюють \u003Cstrong>ShoppingCart\u003C/strong> та\n    \u003Cstrong>NotificationBell\u003C/strong> View Components.\u003Cbr/>\n    Вгорі — \u003Cstrong>Breadcrumb\u003C/strong> View Component.\n\u003C/div>\n","Views/Home/Index.cshtml",[2966,6531,6532,6536,6541,6546,6550,6555,6559,6564,6569,6574,6579,6583,6587,6592,6597,6601,6605,6610,6615,6619,6624,6629,6634,6639],{"__ignoreMap":3168},[3206,6533,6534],{"class":3208,"line":3209},[3206,6535,3707],{},[3206,6537,6538],{"class":3208,"line":3234},[3206,6539,6540],{},"@{\n",[3206,6542,6543],{"class":3208,"line":3241},[3206,6544,6545],{},"    ViewData[\"Title\"] = \"Каталог товарів\";\n",[3206,6547,6548],{"class":3208,"line":3258},[3206,6549,3238],{"emptyLinePlaceholder":3237},[3206,6551,6552],{"class":3208,"line":3263},[3206,6553,6554],{},"    var breadcrumbs = new List\u003CBreadcrumbItem>\n",[3206,6556,6557],{"class":3208,"line":3270},[3206,6558,3330],{},[3206,6560,6561],{"class":3208,"line":3288},[3206,6562,6563],{},"        new(\"Каталог\", \"/catalog\"),\n",[3206,6565,6566],{"class":3208,"line":3294},[3206,6567,6568],{},"        new(\"Електроніка\", \"/catalog/electronics\"),\n",[3206,6570,6571],{"class":3208,"line":3300},[3206,6572,6573],{},"        new(\"Ноутбук ProBook 450\") // остання — без URL (поточна сторінка)\n",[3206,6575,6576],{"class":3208,"line":3327},[3206,6577,6578],{},"    };\n",[3206,6580,6581],{"class":3208,"line":3333},[3206,6582,3376],{},[3206,6584,6585],{"class":3208,"line":3339},[3206,6586,3238],{"emptyLinePlaceholder":3237},[3206,6588,6589],{"class":3208,"line":3345},[3206,6590,6591],{},"@section Breadcrumb {\n",[3206,6593,6594],{"class":3208,"line":3367},[3206,6595,6596],{},"    \u003Cvc:breadcrumb items=\"@breadcrumbs\">\u003C/vc:breadcrumb>\n",[3206,6598,6599],{"class":3208,"line":3373},[3206,6600,3376],{},[3206,6602,6603],{"class":3208,"line":4103},[3206,6604,3238],{"emptyLinePlaceholder":3237},[3206,6606,6607],{"class":3208,"line":4108},[3206,6608,6609],{},"\u003Ch1>Ноутбук ProBook 450\u003C/h1>\n",[3206,6611,6612],{"class":3208,"line":4113},[3206,6613,6614],{},"\u003Cp class=\"text-muted\">Демонстрація трьох View Components у дії.\u003C/p>\n",[3206,6616,6617],{"class":3208,"line":4136},[3206,6618,3238],{"emptyLinePlaceholder":3237},[3206,6620,6621],{"class":3208,"line":4141},[3206,6622,6623],{},"\u003Cdiv class=\"alert alert-info\">\n",[3206,6625,6626],{"class":3208,"line":4168},[3206,6627,6628],{},"    Подивіться на навбар: там працюють \u003Cstrong>ShoppingCart\u003C/strong> та\n",[3206,6630,6631],{"class":3208,"line":4186},[3206,6632,6633],{},"    \u003Cstrong>NotificationBell\u003C/strong> View Components.\u003Cbr/>\n",[3206,6635,6636],{"class":3208,"line":4191},[3206,6637,6638],{},"    Вгорі — \u003Cstrong>Breadcrumb\u003C/strong> View Component.\n",[3206,6640,6641],{"class":3208,"line":4234},[3206,6642,5958],{},[3628,6644,6646,6647],{"id":6645},"реєстрація-сервісів-у-programcs","Реєстрація сервісів у ",[2966,6648,6649],{},"Program.cs",[3160,6651,6653],{"className":3199,"code":6652,"filename":6649,"language":3202,"meta":3168,"style":3168},"var builder = WebApplication.CreateBuilder(args);\n\nbuilder.Services.AddControllersWithViews();\n\n// Додаємо Session (потрібно для ShoppingCartViewComponent)\nbuilder.Services.AddDistributedMemoryCache();\nbuilder.Services.AddSession(options =>\n{\n    options.IdleTimeout = TimeSpan.FromHours(1);\n    options.Cookie.HttpOnly = true;\n    options.Cookie.IsEssential = true;\n});\n\n// Сервіси, що використовуються у View Components\nbuilder.Services.AddScoped\u003CICartService, SessionCartService>();\nbuilder.Services.AddScoped\u003CINotificationService, StubNotificationService>();\n\nvar app = builder.Build();\n\napp.UseSession(); // ← обов'язково перед UseRouting\napp.UseStaticFiles();\napp.UseRouting();\napp.UseAuthorization();\n\napp.MapDefaultControllerRoute();\napp.Run();\n",[2966,6654,6655,6680,6684,6700,6704,6709,6724,6745,6749,6775,6795,6814,6819,6823,6828,6853,6876,6880,6898,6902,6918,6929,6940,6951,6955,6966],{"__ignoreMap":3168},[3206,6656,6657,6660,6663,6665,6668,6670,6673,6675,6678],{"class":3208,"line":3209},[3206,6658,6659],{"class":3244},"var",[3206,6661,6662],{"class":3357}," builder",[3206,6664,4524],{"class":3220},[3206,6666,6667],{"class":3357},"WebApplication",[3206,6669,3158],{"class":3220},[3206,6671,6672],{"class":3321},"CreateBuilder",[3206,6674,3354],{"class":3220},[3206,6676,6677],{"class":3357},"args",[3206,6679,3809],{"class":3220},[3206,6681,6682],{"class":3208,"line":3234},[3206,6683,3238],{"emptyLinePlaceholder":3237},[3206,6685,6686,6689,6691,6693,6695,6698],{"class":3208,"line":3241},[3206,6687,6688],{"class":3357},"builder",[3206,6690,3158],{"class":3220},[3206,6692,3763],{"class":3357},[3206,6694,3158],{"class":3220},[3206,6696,6697],{"class":3321},"AddControllersWithViews",[3206,6699,5374],{"class":3220},[3206,6701,6702],{"class":3208,"line":3258},[3206,6703,3238],{"emptyLinePlaceholder":3237},[3206,6705,6706],{"class":3208,"line":3263},[3206,6707,6708],{"class":3266},"// Додаємо Session (потрібно для ShoppingCartViewComponent)\n",[3206,6710,6711,6713,6715,6717,6719,6722],{"class":3208,"line":3270},[3206,6712,6688],{"class":3357},[3206,6714,3158],{"class":3220},[3206,6716,3763],{"class":3357},[3206,6718,3158],{"class":3220},[3206,6720,6721],{"class":3321},"AddDistributedMemoryCache",[3206,6723,5374],{"class":3220},[3206,6725,6726,6728,6730,6732,6734,6737,6739,6742],{"class":3208,"line":3288},[3206,6727,6688],{"class":3357},[3206,6729,3158],{"class":3220},[3206,6731,3763],{"class":3357},[3206,6733,3158],{"class":3220},[3206,6735,6736],{"class":3321},"AddSession",[3206,6738,3354],{"class":3220},[3206,6740,6741],{"class":3357},"options",[3206,6743,6744],{"class":3220}," =>\n",[3206,6746,6747],{"class":3208,"line":3294},[3206,6748,3291],{"class":3220},[3206,6750,6751,6754,6756,6759,6761,6764,6766,6769,6771,6773],{"class":3208,"line":3300},[3206,6752,6753],{"class":3357},"    options",[3206,6755,3158],{"class":3220},[3206,6757,6758],{"class":3357},"IdleTimeout",[3206,6760,4524],{"class":3220},[3206,6762,6763],{"class":3357},"TimeSpan",[3206,6765,3158],{"class":3220},[3206,6767,6768],{"class":3321},"FromHours",[3206,6770,3354],{"class":3220},[3206,6772,5170],{"class":4055},[3206,6774,3809],{"class":3220},[3206,6776,6777,6779,6781,6784,6786,6789,6791,6793],{"class":3208,"line":3327},[3206,6778,6753],{"class":3357},[3206,6780,3158],{"class":3220},[3206,6782,6783],{"class":3357},"Cookie",[3206,6785,3158],{"class":3220},[3206,6787,6788],{"class":3357},"HttpOnly",[3206,6790,4524],{"class":3220},[3206,6792,5141],{"class":3244},[3206,6794,3231],{"class":3220},[3206,6796,6797,6799,6801,6803,6805,6808,6810,6812],{"class":3208,"line":3333},[3206,6798,6753],{"class":3357},[3206,6800,3158],{"class":3220},[3206,6802,6783],{"class":3357},[3206,6804,3158],{"class":3220},[3206,6806,6807],{"class":3357},"IsEssential",[3206,6809,4524],{"class":3220},[3206,6811,5141],{"class":3244},[3206,6813,3231],{"class":3220},[3206,6815,6816],{"class":3208,"line":3339},[3206,6817,6818],{"class":3220},"});\n",[3206,6820,6821],{"class":3208,"line":3345},[3206,6822,3238],{"emptyLinePlaceholder":3237},[3206,6824,6825],{"class":3208,"line":3367},[3206,6826,6827],{"class":3266},"// Сервіси, що використовуються у View Components\n",[3206,6829,6830,6832,6834,6836,6838,6841,6843,6845,6847,6850],{"class":3208,"line":3373},[3206,6831,6688],{"class":3357},[3206,6833,3158],{"class":3220},[3206,6835,3763],{"class":3357},[3206,6837,3158],{"class":3220},[3206,6839,6840],{"class":3321},"AddScoped",[3206,6842,3312],{"class":3220},[3206,6844,4507],{"class":3216},[3206,6846,3847],{"class":3220},[3206,6848,6849],{"class":3216},"SessionCartService",[3206,6851,6852],{"class":3220},">();\n",[3206,6854,6855,6857,6859,6861,6863,6865,6867,6869,6871,6874],{"class":3208,"line":4103},[3206,6856,6688],{"class":3357},[3206,6858,3158],{"class":3220},[3206,6860,3763],{"class":3357},[3206,6862,3158],{"class":3220},[3206,6864,6840],{"class":3321},[3206,6866,3312],{"class":3220},[3206,6868,5498],{"class":3216},[3206,6870,3847],{"class":3220},[3206,6872,6873],{"class":3216},"StubNotificationService",[3206,6875,6852],{"class":3220},[3206,6877,6878],{"class":3208,"line":4108},[3206,6879,3238],{"emptyLinePlaceholder":3237},[3206,6881,6882,6884,6887,6889,6891,6893,6896],{"class":3208,"line":4113},[3206,6883,6659],{"class":3244},[3206,6885,6886],{"class":3357}," app",[3206,6888,4524],{"class":3220},[3206,6890,6688],{"class":3357},[3206,6892,3158],{"class":3220},[3206,6894,6895],{"class":3321},"Build",[3206,6897,5374],{"class":3220},[3206,6899,6900],{"class":3208,"line":4136},[3206,6901,3238],{"emptyLinePlaceholder":3237},[3206,6903,6904,6907,6909,6912,6915],{"class":3208,"line":4141},[3206,6905,6906],{"class":3357},"app",[3206,6908,3158],{"class":3220},[3206,6910,6911],{"class":3321},"UseSession",[3206,6913,6914],{"class":3220},"(); ",[3206,6916,6917],{"class":3266},"// ← обов'язково перед UseRouting\n",[3206,6919,6920,6922,6924,6927],{"class":3208,"line":4168},[3206,6921,6906],{"class":3357},[3206,6923,3158],{"class":3220},[3206,6925,6926],{"class":3321},"UseStaticFiles",[3206,6928,5374],{"class":3220},[3206,6930,6931,6933,6935,6938],{"class":3208,"line":4186},[3206,6932,6906],{"class":3357},[3206,6934,3158],{"class":3220},[3206,6936,6937],{"class":3321},"UseRouting",[3206,6939,5374],{"class":3220},[3206,6941,6942,6944,6946,6949],{"class":3208,"line":4191},[3206,6943,6906],{"class":3357},[3206,6945,3158],{"class":3220},[3206,6947,6948],{"class":3321},"UseAuthorization",[3206,6950,5374],{"class":3220},[3206,6952,6953],{"class":3208,"line":4234},[3206,6954,3238],{"emptyLinePlaceholder":3237},[3206,6956,6957,6959,6961,6964],{"class":3208,"line":4239},[3206,6958,6906],{"class":3357},[3206,6960,3158],{"class":3220},[3206,6962,6963],{"class":3321},"MapDefaultControllerRoute",[3206,6965,5374],{"class":3220},[3206,6967,6968,6970,6972,6975],{"class":3208,"line":4244},[3206,6969,6906],{"class":3357},[3206,6971,3158],{"class":3220},[3206,6973,6974],{"class":3321},"Run",[3206,6976,5374],{"class":3220},[6978,6979,6980,6981,6984,6985,6987,6988,3158],"tip",{},"View Components реєструються в DI ",[2974,6982,6983],{},"автоматично"," — вам не потрібно явно додавати їх як сервіси. ASP.NET Core сканує збірку і знаходить всі класи що успадковують ",[2966,6986,3135],{}," або мають суфікс ",[2966,6989,3135],{},[3628,6991,6993],{"id":6992},"запуск-проєкту","Запуск проєкту",[3160,6995,6997],{"className":3634,"code":6996,"language":3636,"meta":3168,"style":3168},"dotnet run\n",[2966,6998,6999],{"__ignoreMap":3168},[3206,7000,7001,7003],{"class":3208,"line":3209},[3206,7002,3643],{"class":3321},[3206,7004,7005],{"class":3646}," run\n",[2959,7007,7008,7009,7012],{},"Відкрийте ",[2966,7010,7011],{},"https://localhost:5001"," — у навбарі побачите іконку кошика та дзвіночок зі сповіщеннями, вгорі сторінки — навігаційну стрічку breadcrumbs.",[2979,7014],{},[2982,7016,7018],{"id":7017},"кешування-view-components","Кешування View Components",[2959,7020,7021,7022,7025],{},"View Components добре піддаються кешуванню через ",[2974,7023,7024],{},"Cache Tag Helper"," прямо у місці виклику:",[3160,7027,7029],{"className":3437,"code":7028,"language":3439,"meta":3168,"style":3168},"@* Кешувати результат компонента на 5 хвилин *@\n\u003Ccache expires-after=\"@TimeSpan.FromMinutes(5)\">\n    \u003Cvc:shopping-cart>\u003C/vc:shopping-cart>\n\u003C/cache>\n\n@* Кешувати окремо для кожного користувача *@\n\u003Ccache vary-by-user=\"true\" expires-after=\"@TimeSpan.FromMinutes(1)\">\n    \u003Cvc:notification-bell user-id=\"@(User.Identity?.Name)\">\u003C/vc:notification-bell>\n\u003C/cache>\n\n@* Breadcrumbs зазвичай не кешуємо — вони унікальні для кожної сторінки *@\n\u003Cvc:breadcrumb items=\"@breadcrumbs\">\u003C/vc:breadcrumb>\n",[2966,7030,7031,7036,7053,7066,7075,7079,7084,7107,7126,7134,7138,7143],{"__ignoreMap":3168},[3206,7032,7033],{"class":3208,"line":3209},[3206,7034,7035],{"class":3220},"@* Кешувати результат компонента на 5 хвилин *@\n",[3206,7037,7038,7040,7043,7046,7048,7051],{"class":3208,"line":3234},[3206,7039,3312],{"class":3508},[3206,7041,7042],{"class":3511},"cache",[3206,7044,7045],{"class":3539}," expires-after",[3206,7047,3543],{"class":3220},[3206,7049,7050],{"class":3546},"\"@TimeSpan.FromMinutes(5)\"",[3206,7052,3520],{"class":3508},[3206,7054,7055,7058,7060,7062,7064],{"class":3208,"line":3241},[3206,7056,7057],{"class":3508},"    \u003C",[3206,7059,3512],{"class":3511},[3206,7061,3515],{"class":3508},[3206,7063,3512],{"class":3511},[3206,7065,3520],{"class":3508},[3206,7067,7068,7071,7073],{"class":3208,"line":3258},[3206,7069,7070],{"class":3508},"\u003C/",[3206,7072,7042],{"class":3511},[3206,7074,3520],{"class":3508},[3206,7076,7077],{"class":3208,"line":3263},[3206,7078,3238],{"emptyLinePlaceholder":3237},[3206,7080,7081],{"class":3208,"line":3270},[3206,7082,7083],{"class":3220},"@* Кешувати окремо для кожного користувача *@\n",[3206,7085,7086,7088,7090,7093,7095,7098,7100,7102,7105],{"class":3208,"line":3288},[3206,7087,3312],{"class":3508},[3206,7089,7042],{"class":3511},[3206,7091,7092],{"class":3539}," vary-by-user",[3206,7094,3543],{"class":3220},[3206,7096,7097],{"class":3546},"\"true\"",[3206,7099,7045],{"class":3539},[3206,7101,3543],{"class":3220},[3206,7103,7104],{"class":3546},"\"@TimeSpan.FromMinutes(1)\"",[3206,7106,3520],{"class":3508},[3206,7108,7109,7111,7113,7115,7117,7120,7122,7124],{"class":3208,"line":3294},[3206,7110,7057],{"class":3508},[3206,7112,3536],{"class":3511},[3206,7114,3540],{"class":3539},[3206,7116,3543],{"class":3220},[3206,7118,7119],{"class":3546},"\"@(User.Identity?.Name)\"",[3206,7121,3515],{"class":3508},[3206,7123,3536],{"class":3511},[3206,7125,3520],{"class":3508},[3206,7127,7128,7130,7132],{"class":3208,"line":3300},[3206,7129,7070],{"class":3508},[3206,7131,7042],{"class":3511},[3206,7133,3520],{"class":3508},[3206,7135,7136],{"class":3208,"line":3327},[3206,7137,3238],{"emptyLinePlaceholder":3237},[3206,7139,7140],{"class":3208,"line":3333},[3206,7141,7142],{"class":3220},"@* Breadcrumbs зазвичай не кешуємо — вони унікальні для кожної сторінки *@\n",[3206,7144,7145,7147,7149,7151,7153,7156,7158,7160],{"class":3208,"line":3339},[3206,7146,3312],{"class":3508},[3206,7148,3569],{"class":3511},[3206,7150,3572],{"class":3539},[3206,7152,3543],{"class":3220},[3206,7154,7155],{"class":3546},"\"@breadcrumbs\"",[3206,7157,3515],{"class":3508},[3206,7159,3569],{"class":3511},[3206,7161,3520],{"class":3508},[2959,7163,7164,7167,7168,7171],{},[2966,7165,7166],{},"\u003Ccache>"," — це вбудований Tag Helper ASP.NET Core, що використовує ",[2966,7169,7170],{},"IMemoryCache",". Він є «обгорткою» навколо будь-якого HTML-контенту, включно з виводом View Components.",[2979,7173],{},[2982,7175,7177],{"id":7176},"view-component-у-area","View Component у Area",[2959,7179,7180],{},"View Components можна організувати й у Area. Тоді шлях до шаблону:",[3160,7182,7185],{"className":7183,"code":7184,"language":3165},[3163],"Areas/{AreaName}/Views/Shared/Components/{ComponentName}/Default.cshtml\n",[2966,7186,7184],{"__ignoreMap":3168},[2959,7188,7189,7190,3158],{},"При цьому Component клас залишається у глобальному або Area-namespace — ASP.NET Core шукає шаблон спочатку в Area, потім у глобальному ",[2966,7191,7192],{},"Views/Shared/Components/",[3160,7194,7197],{"className":3688,"code":7195,"filename":7196,"language":3690,"meta":3168,"style":3168},"@* Це шаблон, специфічний для Admin Area *@\n@model AdminStatsModel\n\u003Cdiv class=\"admin-stats\">...\u003C/div>\n","Areas/Admin/Views/Shared/Components/AdminStats/Default.cshtml",[2966,7198,7199,7204,7209],{"__ignoreMap":3168},[3206,7200,7201],{"class":3208,"line":3209},[3206,7202,7203],{},"@* Це шаблон, специфічний для Admin Area *@\n",[3206,7205,7206],{"class":3208,"line":3234},[3206,7207,7208],{},"@model AdminStatsModel\n",[3206,7210,7211],{"class":3208,"line":3241},[3206,7212,7213],{},"\u003Cdiv class=\"admin-stats\">...\u003C/div>\n",[2979,7215],{},[2982,7217,7219],{"id":7218},"практичні-завдання","Практичні завдання",[3628,7221,7223],{"id":7222},"рівень-1-базовий","Рівень 1 — Базовий",[2959,7225,7226,7229,7230,7233,7234,7237,7238,7241,7242,7245,7246,3158],{},[2974,7227,7228],{},"Завдання 1.1."," Створіть ",[2966,7231,7232],{},"LatestPostsViewComponent"," що отримує список із 3 останніх опублікованих статей через ",[2966,7235,7236],{},"IArticleService"," і відображає їх як простий ",[2966,7239,7240],{},"\u003Cul>"," з посиланнями. Викличте його у ",[2966,7243,7244],{},"_Layout.cshtml"," у сайдбарі через Tag Helper синтаксис ",[2966,7247,7248],{},"\u003Cvc:latest-posts>",[2959,7250,7251,7254,7255,7257,7258,3735,7261,7263,7264,7267],{},[2974,7252,7253],{},"Завдання 1.2."," Модифікуйте ",[2966,7256,7232],{}," — додайте параметр ",[2966,7259,7260],{},"int count = 3",[2966,7262,3139],{},". Тепер у деяких View виводьте 5 статей: ",[2966,7265,7266],{},"\u003Cvc:latest-posts count=\"5\">",". Переконайтеся ДEFAULT значення 3 все ще працює без параметра.",[3628,7269,7271],{"id":7270},"рівень-2-логіка","Рівень 2 — Логіка",[2959,7273,7274,7277,7278,7281],{},[2974,7275,7276],{},"Завдання 2.1."," Реалізуйте ",[2966,7279,7280],{},"CategoryMenuViewComponent"," для інтернет-магазину. Він має:",[3100,7283,7284,7303,7309,7319],{},[3103,7285,7286,7287,5572,7290,3847,7293,3847,7296,3847,7299,7302],{},"Отримати список категорій з ",[2966,7288,7289],{},"ICategoryService",[2966,7291,7292],{},"Id",[2966,7294,7295],{},"Name",[2966,7297,7298],{},"Slug",[2966,7300,7301],{},"ProductCount",")",[3103,7304,7305,7306,7308],{},"Відсортувати за ",[2966,7307,7301],{}," desc",[3103,7310,7311,7312,7315,7316],{},"View — вертикальне меню у Bootstrap ",[2966,7313,7314],{},"list-group",", де у кожного елемента є назва та лічильник ",[2966,7317,7318],{},"\u003Cspan class=\"badge\">@count\u003C/span>",[3103,7320,7321,7322,7325,7326],{},"Активна категорія (поточна) підсвічується, якщо ",[2966,7323,7324],{},"slug"," збігається з ",[2966,7327,7328],{},"RouteData.Values[\"slug\"]",[2959,7330,7331,7334,7335,3735,7338,7341,7342,7345],{},[2974,7332,7333],{},"Завдання 2.2."," Огорніть ",[2966,7336,7337],{},"\u003Cvc:category-menu>",[2966,7339,7340],{},"\u003Ccache vary-by-route=\"slug\" expires-after=\"@TimeSpan.FromMinutes(10)\">",". Поясніть в коментарях: чому ",[2966,7343,7344],{},"vary-by-route=\"slug\""," потрібен, і що станеться якщо його прибрати.",[3628,7347,7349],{"id":7348},"рівень-3-архітектура","Рівень 3 — Архітектура",[2959,7351,7352,7277,7355,7358,7359,7361],{},[2974,7353,7354],{},"Завдання 3.1.",[2966,7356,7357],{},"SearchSuggestionsViewComponent"," що повертає ",[2966,7360,7240],{}," з підказками пошуку:",[3100,7363,7364,7382,7393,7410,7417],{},[3103,7365,7366,7367,7370,7371,7374,7375,7378,7379,7302],{},"Приймає ",[2966,7368,7369],{},"string query"," та ",[2966,7372,7373],{},"string context"," (наприклад, ",[2966,7376,7377],{},"\"products\""," або ",[2966,7380,7381],{},"\"articles\"",[3103,7383,7384,7385,7388,7389,7392],{},"Якщо ",[2966,7386,7387],{},"query.Length \u003C 2"," — повертає ",[2966,7390,7391],{},"Content(\"\")"," (порожньо, без рендерингу шаблону)",[3103,7394,7395,7396,7378,7399,7402,7403,7406,7407],{},"В іншому випадку — звертається до відповідного сервісу (",[2966,7397,7398],{},"IProductSearchService",[2966,7400,7401],{},"IArticleSearchService",") через ",[2966,7404,7405],{},"IServiceProvider"," та параметр ",[2966,7408,7409],{},"context",[3103,7411,7412,7413,7416],{},"View — ",[2966,7414,7415],{},"\u003Cul class=\"suggestions-list\">"," з не більш ніж 5 результатами",[3103,7418,7419,7420,7422,7423,7426,7427,7430,7431],{},"Викличте його через ",[2966,7421,3433],{}," у AJAX-запиті з HTMX (",[2966,7424,7425],{},"hx-get=\"/search-suggestions?query=...\"",") — Controller повертає ",[2966,7428,7429],{},"PartialView"," що містить лише ",[2966,7432,7433],{},"@await Component.InvokeAsync(...)",[2979,7435],{},[2982,7437,7439],{"id":7438},"резюме","Резюме",[3100,7441,7442,7451,7463,7471,7485,7498,7504,7513],{},[3103,7443,7444,7446,7447,7450],{},[2974,7445,3007],{}," — самодостатній блок UI з власною логікою та DI-залежностями. Відрізняється від Partial View тим, що ",[2974,7448,7449],{},"сам"," отримує потрібні дані, не покладаючись на Controller",[3103,7452,7453,7456,7457,7459,7460],{},[2974,7454,7455],{},"Два елементи:"," C# клас (успадковує ",[2966,7458,3135],{},") + шаблон ",[2966,7461,7462],{},"Views/Shared/Components/{Name}/Default.cshtml",[3103,7464,7465,7470],{},[2974,7466,7467],{},[2966,7468,7469],{},"InvokeAsync(params)"," — вхідна точка компонента. Параметри довільні, передаються при виклику",[3103,7472,7473,7476,7477,7480,7481,7484],{},[2974,7474,7475],{},"Два синтаксиси виклику:"," ",[2966,7478,7479],{},"@await Component.InvokeAsync(\"Name\", args)"," та Tag Helper ",[2966,7482,7483],{},"\u003Cvc:name param=\"value\">"," (рекомендований)",[3103,7486,7487,7492,7493,7495,7496],{},[2974,7488,7489,7491],{},[2966,7490,3670],{},":"," рядок ",[2966,7494,3723],{}," — обов'язковий для Tag Helper синтаксису ",[2966,7497,3676],{},[3103,7499,7500,7503],{},[2974,7501,7502],{},"DI:"," залежності ін'єктуються через конструктор, як у звичайних сервісах. Самі компоненти реєструються автоматично",[3103,7505,7506,7509,7510,7512],{},[2974,7507,7508],{},"Кешування:"," через ",[2966,7511,7166],{}," Tag Helper прямо на місці виклику компонента",[3103,7514,7515],{},"Типові сценарії: кошик у навбарі, сповіщення, breadcrumbs, сайдбар з категоріями, статистичні віджети",[2959,7517,7518,7519,7521,7522,7378,7525,7528,7529,7370,7532,3158],{},"У наступній статті — ",[2974,7520,1254],{},": як оголосити власний спосіб відображення та редагування типу (наприклад, ",[2966,7523,7524],{},"Money",[2966,7526,7527],{},"DateRange",") і автоматично застосовувати його через ",[2966,7530,7531],{},"Html.DisplayFor()",[2966,7533,7534],{},"Html.EditorFor()",[7536,7537,7538],"style",{},"html pre.shiki code .sCDza, html code.shiki .sCDza{--shiki-light:#AF00DB;--shiki-default:#CE92A4;--shiki-dark:#CE92A4}html pre.shiki code .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}html pre.shiki code .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s0P7L, html code.shiki .s0P7L{--shiki-light:#800000;--shiki-default:#808080;--shiki-dark:#808080}html pre.shiki code .se1LK, html code.shiki .se1LK{--shiki-light:#CD3131;--shiki-default:#F44747;--shiki-dark:#F44747}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 .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}",{"title":3168,"searchDepth":3234,"depth":3234,"links":7540},[7541,7542,7543,7545,7546,7559,7560,7561,7566],{"id":2984,"depth":3234,"text":2985},{"id":3122,"depth":3234,"text":3123},{"id":3193,"depth":3234,"text":7544},"Базовий клас ViewComponent",{"id":3421,"depth":3234,"text":3422},{"id":3619,"depth":3234,"text":3620,"children":7547},[7548,7549,7551,7552,7553,7554,7555,7556,7558],{"id":3630,"depth":3241,"text":3631},{"id":3666,"depth":3241,"text":7550},"Налаштування _ViewImports.cshtml",{"id":3742,"depth":3241,"text":3743},{"id":4819,"depth":3241,"text":4820},{"id":5961,"depth":3241,"text":5962},{"id":6349,"depth":3241,"text":6350},{"id":6524,"depth":3241,"text":6525},{"id":6645,"depth":3241,"text":7557},"Реєстрація сервісів у Program.cs",{"id":6992,"depth":3241,"text":6993},{"id":7017,"depth":3234,"text":7018},{"id":7176,"depth":3234,"text":7177},{"id":7218,"depth":3234,"text":7219,"children":7562},[7563,7564,7565],{"id":7222,"depth":3241,"text":7223},{"id":7270,"depth":3241,"text":7271},{"id":7348,"depth":3241,"text":7349},{"id":7438,"depth":3234,"text":7439},"View Components в ASP.NET Core MVC: базовий клас ViewComponent, метод InvokeAsync, структура папок Views/Shared/Components. Порівняння з Partial Views та Tag Helpers. DI у View Component. Демо: ShoppingCartViewComponent, NotificationBellViewComponent, BreadcrumbViewComponent.","md",null,{},{"title":1250,"description":7567},"ByNUiMNI7TkP9vyra6nv9Xd5h5AM2hZWfJIW-IobxvY",[7574,7576],{"title":1246,"path":1247,"stem":1248,"description":7575,"children":-1},"Areas в ASP.NET Core MVC: структура папок, атрибут [Area], MapAreaControllerRoute, cross-area посилання через asp-area, конфлікти маршрутів. Демо: застосунок з Areas/Admin та Areas/Public — Dashboard, ArticleManager, ArticleList.",{"title":1254,"path":1255,"stem":1256,"description":7577,"children":-1},"Display та Editor Templates в ASP.NET Core MVC: папки DisplayTemplates та EditorTemplates, Html.DisplayFor та Html.EditorFor, атрибут [UIHint], шаблони для складних типів (Money, DateRange, Address). Демо: ProductCard Display Template та MoneyEditor Editor Template.",1777912454665]